/* app-extra.css — 补充样式
   原站缺失图片用 CSS 重绘；所有关键尺寸/配色均按原站 Playwright 实测值还原。 */

/* ============ 内容主容器 ============
 * 原站内联样式：div.divcontainer { max-width:900px; margin:0 auto; padding:2px; border:2px solid #039e6d }
 * 背景：原站实测 .divcontainer 为 background-image:none / rgba(0,0,0,0)，
 *       页面紫红效果来自 body 上的 images/bga.webp —— 而该图在原站是 404，
 *       故原站实际呈现为纯白底（body{background-color:#fff}）。
 * 实测：divcontainer top=57 w=900，内容宽 892px。
 * ⚠ 此前这里自绘了紫红 linear-gradient 冒充 bga.webp，
 *   导致 topic.php 的 .divfooter 透出红底（原站为白底）——已移除。
 */
.divcontainer {
    max-width: 900px;
    margin: 0 auto;
    padding: 2px;
    border: 2px solid #039e6d;
    box-sizing: border-box;
    background: transparent;
}
@media (max-width: 767px) {
    .divcontainer { max-width: 100%; border-left: none; border-right: none; }
}

/* ============ 页面背景（原站留白为白色 (255,255,255)） ============ */
body {
    background: #ffffff !important;
    /* 原站 body 无 min-height（实测 login 页 body 高 746，不会被撑到视口高 900）。
       此前加的 min-height:100vh 会把短页面撑高 154px，是 login/register 差异主因。 */
}

/* ============ 顶部导航（#f1f1f1 底 + logo 图片 + 菜单 + 按钮） ============
 * 实测原站该栏高度 56px（padding .5rem*2 + 内容 40px），此处锁定同高。
 */
.site-top {
    background-color: #f1f1f1;
    border-bottom: 1px solid #dfdfdf;
    padding: .5rem 0;
    min-height: 56px;
    box-sizing: border-box;
    display: flex; align-items: center;
    position: sticky; top: 0; z-index: 40;
}
.site-top .container { width: 100%; }
.top-inner {
    display: flex; flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    min-height: 40px;
}
.top-logo { display: flex; align-items: center; margin-right: 1rem; }
.top-logo img { height: 25px; width: auto; display: block; }
.top-menu { display: flex; flex-wrap: nowrap; margin: 0; }
.top-menu .nav-link {
    /* 原站实测（1200px 视口）：fontSize 16px / lineHeight 24px / padding 8px 8px，
       链接盒 48x40 —— 我此前写 15px + padding 0 .5rem，盒只有 46x23。 */
    padding: 8px;
    font-size: 16px;
    line-height: 24px;
    white-space: nowrap;
}
.top-auth { display: flex; align-items: center; margin-left: auto; }
/* 按钮沿用 bootstrap 默认尺寸（原站未覆写），高度 38px → 导航内容高 40px */
.top-auth .btn { font-size: 1rem; padding: .375rem .75rem; line-height: 1.5; }
@media (min-width: 768px) {
    .top-inner { justify-content: flex-start; }
    .top-menu { margin-right: auto; }
}

/* ============ 横幅 ============
 * 原站 images/kb.webp 与 m-kb.webp 均已 404；
 * fta1/dyj.gif（1000×278）是同一张"大赢家"横幅原图且可访问，故采用之。
 */
#banner { margin: 0 auto; }
#banner img { display: block; width: 100%; }

.banner-fallback {
    background:
      radial-gradient(circle at 78% 30%, rgba(255,215,120,.35), rgba(0,0,0,0) 45%),
      linear-gradient(135deg, #7a1010 0%, #b31d1d 40%, #8a0f0f 70%, #5c0a0a 100%);
    padding: 26px 16px 22px;
    text-align: center;
    color: #ffd76e;
}
.banner-fallback .bf-title {
    font-size: 56px; font-weight: 900; letter-spacing: 6px;
    color: #ffcf3f;
    text-shadow: 0 3px 0 #8a1616, 0 6px 14px rgba(0,0,0,.5);
}
.banner-fallback .bf-sub {
    margin-top: 8px; font-size: 20px; font-weight: 800;
    letter-spacing: 2px; color: #fff;
    text-shadow: 0 2px 6px rgba(0,0,0,.5);
}
.banner-fallback .bf-tag {
    margin-top: 8px; font-size: 13px; color: #ffe6a8; letter-spacing: 1px;
}

/* =====================================================================
 * 开奖区 —— 原站为 iframe 插件 (https://zhibo.88kj.vip/kj/a8.html?am)
 * 以下 CSS 逐行取自该插件（含实测尺寸注释），已本地复刻，不依赖外站。
 * 实测：tabUl 876×39 / tabLi 289×30 圆角50 黑体22px / lotto 876×133
 *       boxLi 114×60 圆角10 / boxLiSpan 33px / foot 876×46 / footA 55×20
 * ===================================================================== */
/* 原站开奖区外层的 .white-box（内含 180px 的 iframe；
   iframe 为 inline 元素，其基线空隙使容器实际高 188px）。
   原站 iframe 内的 body 为默认白底 —— 故此处必须显式给白底，
   否则会透出 .divcontainer 的紫红渐变（号码卡之间、开奖时间行都会变紫红）。 */
.white-box {
    min-height: 188px;
    box-sizing: border-box;
    background: #fff;
}

.KJ-TabBox {
    overflow: hidden;
    background: #fff;
    color: #bfbfbf;
    font-family: 'PingFang SC','microsoft yahei',arial,'helvetica neue','hiragino sans gb',sans-serif;
    /* 原站此块在独立 iframe 内，body 默认 16px / line-height normal；
       本站内联后若不定值会继承 .divheader 的 20.8px/1.5（实测 20.8px/33px）。 */
    font-size: 16px;
    line-height: normal;
}
.KJ-TabBox li, .KJ-TabBox ul {
    margin: 0; list-style: none; padding: 0; border: 0;
    font-size: 22px;
    text-shadow: 1px 1px 1px #000;
    font-family: SimHei, "Heiti SC", sans-serif;   /* GBK 页面下中文名会乱码，故用英文名 */
    box-shadow: inset 5px 5px 5px rgba(255,255,255,.6), 4px 4px 3px rgba(0,0,0,.15);
}
.KJ-TabBox ul {
    display: flex; height: 39px; padding: 3px 0 0 3px;
    box-sizing: border-box; border-bottom: solid 2px #fff;
}
.KJ-TabBox li {
    flex: 1; height: 30px; line-height: 28px; margin-right: 2px;
    text-align: center; border-radius: 50px; background: #9e9e9e; cursor: pointer;
}
.KJ-TabBox li.cur { color: #fff; background: #f90; }
.KJ-TabBox li:first-child.cur { background: #e62e00; }
.KJ-TabBox li:nth-child(2).cur { background: #1FB61D; }
.KJ-TabBox li:nth-child(3).cur { background: #1FB61D; }
.qi { color: red; }

.kj-lotto {
    box-sizing: border-box; padding: 0; color: #000;
    text-align: center; font-size: 16px;
    font-family: Arial, "Microsoft YaHei", sans-serif;
}
/* 原站此处是独立 iframe，不含 bootstrap —— 无全局 box-sizing:border-box，
   且 ul 的默认 margin/padding 未被重置。本页加载了 bootstrap，
   故需还原为 iframe 内的初始状态，否则 li 宽 112(应116)、foot 位置偏移 16px。 */
.KJ-TabBox, .KJ-TabBox *, .kj-lotto, .kj-lotto * { box-sizing: content-box; }
.kj-lotto .kj-lotto-box ul { margin: 0; padding: 0; }
.kj-lotto a { text-decoration: none; }
.kj-lotto .kj-lotto-tit { display: flex; justify-content: space-between; }
.kj-lotto .kj-lotto-tit2 {
    width: 80px; height: 22px; line-height: 20px;
    padding: 0 0 2px; margin: 0 0 5px; border-radius: 10px;
    box-sizing: border-box;      /* 原站实测高 22px（含 padding-bottom 2px） */
    background: linear-gradient(#bf80ff, #a54dff);
}
.kj-lotto .kj-lotto-box ul { display: flex; justify-content: space-between; }
.kj-lotto .kj-lotto-box ul li {
    box-sizing: border-box; width: 13%; height: 60px;
    border: solid 1px #ddd; border-radius: 10px;
    box-shadow: inset 5px 5px 5px rgba(255,255,255,.6), 5px 5px 4px rgba(0,0,0,.15);
}
.kj-lotto .kj-lotto-box ul li .font {
    height: 19px; line-height: 19px; margin-top: 6px; padding: 0 6px;
    border-radius: 2px; color: #333; font-size: 15px; background: #fff;
}
.kj-lotto .kj-lotto-box ul li span {
    display: block; text-align: center; font-weight: 700;
    font-size: 33px; line-height: 33px; text-shadow: 2px 2px 1px #000;
}
.kj-lotto .kj-lotto-box ul li:last-child { margin-left: 10px; }
.kj-lotto .kj-lotto-box ul li em { margin-top: 10px; font-style: normal; line-height: 1; }
.kj-lotto .kj-lotto-box ul li.kj-lotto-red:last-child { border-color: red; box-shadow: 0 0 10px rgba(255,0,0,.58); }
.kj-lotto .kj-lotto-box ul li.kj-lotto-blue:last-child { border-color: #00a0e9; box-shadow: 0 0 10px #00a0e9; }
.kj-lotto .kj-lotto-box ul li.kj-lotto-green:last-child { border-color: green; box-shadow: 0 0 10px rgba(0,128,0,.58); }
.kj-lotto .kj-lotto-box ul li.kj-lotto-red { background: linear-gradient(#fa746b, #df1507); color: #fff; }
.kj-lotto .kj-lotto-box ul li.kj-lotto-blue { background: linear-gradient(#5da7ef, #1576d1); color: #fff; }
.kj-lotto .kj-lotto-box ul li.kj-lotto-green { background: linear-gradient(#22c620, #168415); color: #fff; }
.kj-lotto .kj-lotto-box ul li.kj-lotto-grey { background: linear-gradient(#eee, #aaa); color: #fff; }
.kj-lotto .kj-lotto-foot {
    display: flex; height: 46px; line-height: 46px;
    justify-content: space-between; align-items: center;
}
.kj-lotto .kj-lotto-foot2 a {
    display: inline-block; width: 55px; height: 18px; border-radius: 10px;
    background: linear-gradient(#f90, #e68a00); color: #fff; text-decoration: none;
    line-height: 18px; font-size: 15px; padding-bottom: 2px;
    box-shadow: inset 5px 5px 5px rgba(255,255,255,.6), 4px 4px 3px rgba(0,0,0,.15);
    text-shadow: 2px 2px 1px #000;
}
.kj-lotto-foot1 .countdown {
    color: red; font-size: 14px; padding: 0 2px; font-weight: 900;
    border: 1px solid; margin-top: 2px;
}
@media screen and (max-width: 650px) {
    .KJ-TabBox ul { height: 37px; }
    .KJ-TabBox li { height: 28px; font-size: 20px; font-family: SimHei, "Heiti SC", sans-serif;   /* GBK 页面下中文名会乱码，故用英文名 */ }
    .kj-lotto { font-size: 14px; }
    .kj-lotto .kj-lotto-box ul li span { font-size: 28px; }
    .kj-lotto .kj-lotto-box ul li:last-child { margin-left: 6px; }
    .kj-lotto .kj-lotto-foot { height: 36px; line-height: 36px; }
    .kj-lotto .kj-lotto-foot2 a { width: 66px; height: 24px; line-height: 24px; }
}
@media screen and (max-width: 450px) {
    .kj-lotto { font-size: 12px; }
    .kj-lotto .kj-lotto-box ul li span { font-size: 24px; }
    .kj-lotto .kj-lotto-box ul li:last-child { margin-left: 0; }
    .kj-lotto .kj-lotto-foot { height: 32px; line-height: 32px; }
    .kj-lotto .kj-lotto-foot2 a { width: 50px; height: 20px; line-height: 20px; }
}

/* ============ 跑马灯（深青底 + 黄边，两段两行） ============ */
.marquee-wrap {
    overflow: hidden;
    background: #0d5b63;
    border-top: 2px solid #ffd400;
    border-bottom: 2px solid #ffd400;
    white-space: nowrap;
}
.marquee-inner {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 5px 8px;
}
.mq-seg {
    display: inline-block;
    vertical-align: middle;
    margin: 0 34px;
    color: #fff;
    font-size: 13px;
    line-height: 1.25;
}
.mq-line1, .mq-line2 { display: block; white-space: nowrap; }
.mq-site { font-weight: 700; }
.mq-arr {
    display: inline-block;
    width: 0; height: 0;
    border-left: 9px solid #e53935;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    margin-right: 1px;
    vertical-align: middle;
}
.mq-arr:nth-child(2) { border-left-color: #ff8f00; }
.mq-arr:nth-child(3) { border-left-color: #e53935; }
.mq-logo {
    display: inline-block;
    width: 15px; height: 15px;
    border-radius: 50%;
    background: radial-gradient(circle at 35% 30%, #9ccc65, #33691e);
    border: 1px solid #fff;
    margin-right: 6px;
    vertical-align: -3px;
}

/* ============ 公告（黄底红字） ============ */
.notice-box {
    background: #ffeb3b;
    color: #d40000;
    font-weight: 700;
    font-size: 26px;
    line-height: 1.7;
    padding: 16px 22px;
    border-radius: 6px;
    margin: 10px auto;
}
.notice-box b { color: #b00000; }
@media (max-width: 767px) {
    .notice-box { font-size: 15px; line-height: 1.7; padding: 12px 14px; }
}

/* ============ 帖子列表（原站 .xxqbbslisttable 三列表格） ============
 * 原站 CSS 原文：
 *   table.xxqbbslisttable { border-collapse:collapse; border-bottom:1px solid #d2d8de;
 *                           width:100%; color:black; font-weight:bold; }
 *   table.xxqbbslisttable td { border-bottom:1px solid #d2d8de; text-align:left;
 *                              color:#666666; padding:9px 0px 9px 0px; }
 *   .subject-tag { padding: 0.25rem; }        ← 覆盖 bootstrap .badge 的 .35em .65em
 * 关键：td 左右 padding 为 0、标签 padding 为 4px。
 * 之前写成 9px 6px + .35em/.65em 导致列宽 117/636/140（原站 89/690/114）、
 * 标签高 27（原站 24），是列表区约 5% 像素差异的主因。
 */
.xxqbbslisttable {
    border-collapse: collapse;
    border-bottom: 1px solid #d2d8de;
    width: 100%;
    color: black;
    font-weight: bold;
}
.xxqbbslisttable td {
    border-bottom: 1px solid #d2d8de;
    text-align: left;
    color: #666666;
    padding: 9px 0;
    vertical-align: middle;
}
.xxqbbslisttable .subject-tag { padding: 0.25rem; }
.xxqbbslisttable .gsttop {
    display: inline-block;
    background-color: #177f2e;
    color: #fff;
    font-size: .75em;
    font-weight: 700;
    line-height: 1;
    padding: 0.25rem;
    border-radius: 4px;   /* 原站实测 4px（bootstrap .375rem=6px 不符） */
    white-space: nowrap;
}
.xxqbbslisttable td:nth-child(2) a {
    color: #FF0000 !important;
    text-decoration: none;
    font-weight: 700;
}
.xxqbbslisttable .subject-username {
    display: inline-block;
    color: #828385;
    font-size: .75em;
    font-weight: 700;
    line-height: 1;
    padding: 0.25rem;          /* 同 .subject-tag：原站 .subject-tag{padding:.25rem}
                                  覆盖 bootstrap .badge 的 .35em .65em，实测高 24px（非 27px） */
    background-color: #f8f9fa;
    border-radius: 4px;   /* 原站实测 4px（bootstrap .375rem=6px 不符） */
    white-space: nowrap;
}
/* 游客提示行：32px 大字 + 绿色上下边框（原站 line-height 48px = 1.5，无 margin） */
.guest-line {
    font-size: 32px;
    line-height: 1.5;
    color: #1a1d20;
    border-bottom: 1px solid #039e6d;
    border-top: 1px solid #039e6d;
    margin: 0;
}
.guest-line a { color: #0d6efd; text-decoration: none; }
#de-addhtmltxtb img { display: block; width: 100%; }
.bbs-box { background: #fdfdfd; border-radius: 6px; padding: 6px; }

/* ============ 底部固定导航（移动端） ============ */
.bottom-nav {
    position: fixed; left: 0; right: 0; bottom: 0;
    background: #fff;
    border-top: 1px solid #dfe3e8;
    box-shadow: 0 -2px 8px rgba(0,0,0,.06);
    z-index: 30;
}
.bottom-nav .nav-link {
    color: #8a8f98; font-size: 12px;
    padding: 6px 0 4px;
}
.bottom-nav .nav-link.active { color: #d40000; }
.bottom-nav .nav-svg { display: block; margin: 0 auto 2px; width: 24px; height: 24px; }
@media (min-width: 768px) {
    .bottom-nav { display: none !important; }
    body { padding-bottom: 0 !important; }
}
body { padding-bottom: 72px; }

/* ============ 弹窗底色适配 ============ */
.bbsdialog_content { color: #333 !important; }

/* ============ 用户中心 / 管理后台 ============ */
.my-head {
    background: rgba(255,255,255,.94);
    border-radius: 6px;
    padding: 12px 14px;
    margin-bottom: 12px;
    font-size: 15px;
}
.my-head .coin-hl { color: #d40000; font-size: 18px; }
.vip-tag {
    display: inline-block;
    background: linear-gradient(to bottom, #ffd54f, #f9a825);
    color: #7a4b00;
    font-size: 11px; font-weight: 800;
    padding: 1px 7px; border-radius: 3px;
    margin-left: 4px; vertical-align: 1px;
}
.sec-title {
    color: #ffe08a;
    border-left: 4px solid #ffd400;
    padding-left: 8px;
    margin-bottom: 8px;
}
.my-table {
    width: 100%;
    background: rgba(255,255,255,.95);
    border-collapse: collapse;
    font-size: 13px;
}
.my-table th, .my-table td {
    padding: 6px 8px;
    border-bottom: 1px solid #e6e6e6;
    color: #333;
}
.my-table thead th { background: #4cbd99; color: #fff; font-weight: 700; }
.adm-form {
    display: flex; flex-wrap: wrap; gap: 6px;
    background: rgba(255,255,255,.95);
    padding: 10px; border-radius: 6px;
}
.adm-form > * { max-width: 220px; }
.adm-form textarea { min-width: 100%; }

/* ============ 登录/注册页（白底卡片，文字用深色） ============ */
.auth-title { color: #d40000; font-weight: 700; }
.auth-link { color: #d40000; font-weight: 600; }
.divcontainer .bbs-box .form-label { color: #222; font-weight: 600; }

/* =====================================================================
 * 登录 / 注册页（原站 bootstrap 栅格 + 卡片）—— 实测值：
 *   body 背景 images/bg.webp（center top no-repeat / size 100%）
 *   h2.body-text  32px，色 rgb(252,255,223)
 *   .card         546×266，底 rgb(253,226,174)，radius 10px
 *                 阴影 rgba(0,0,0,.2) 0 7.5px 35px 0
 *   .btn-primary  279×38，底 rgb(13,110,253)，radius 4px，16px
 * ===================================================================== */
body.auth-body {
    /* 原站实测（Playwright）：单层 url(images/bg.webp)，background-size:100% auto，
       background-repeat:repeat-y，position:50% 0%。
       此前写成「no-repeat + repeat-y 两层」并配 background-size:100%，
       与原文不符 —— 已按实测值还原。 */
    background: url(images/bg.webp) 50% 0% / 100% auto repeat-y !important;
}
.auth-body .body-text { color: rgb(252, 255, 223); }
.auth-body .card {
    /* 原站实测：底 rgb(253,226,174)、radius 10px，
       边框 1px solid rgb(255,215,155)，
       阴影 4 层（bootstrap 的 .shadow 叠加，非单层）。
       我此前写成 border:none + 单层阴影 → 卡片矮 2px、按钮窄 1px。 */
    background-color: rgb(253, 226, 174);
    border: 1px solid rgb(255, 215, 155);
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, .2) 0 7.5px 35px 0,
                rgba(0, 0, 0, .2) 0 15px 22.5px 0,
                rgba(0, 0, 0, .2) 0 4px 8.5px 0,
                rgba(0, 0, 0, .2) 0 2px 3px 0;
}
.auth-body .card .card-title.text-warning {
    /* 原站实测就是 bootstrap 的 warning 亮黄 rgb(255,193,7)。
       我此前为「可读性」擅自改成 #b8860b —— 与原站不符，已还原。 */
    color: rgb(255, 193, 7) !important;
}
.auth-body .card .form-control { background-color: #fff; }
.auth-body .col-form-label { color: rgb(37, 37, 37); }   /* 原站实测，非自定义深棕 */

/* =====================================================================
 * 帖子页（topic.php 结构）—— 以下全部为原站 Playwright 实测值
 *   .divcontainer 900px / padding 2px → 内容宽 892px
 *   .divbody      padding 0；font-size 20.8px（决定其中 <br> 高 31.2px）
 *   .news-title   padding 10px 0 5px，高 141px
 *   .news-title-title font-size 20.8px
 *   #de-content   font-size 20.8px / line-height 1.5（31.2px）
 *   内容图        width=80% → 713.594×585.219px
 *   blockquote    font-size 20px / line-height 1.4 / padding 5px → 高 38px
 *   .divfooter    font-size 20.8px（原站完整页脚 HTML，高约 1355px）
 *   实测整页：divcontainer top=57 h=10226；footer top=8923 h=1355
 * ===================================================================== */
/* 原站：.divheader,.divbody,.divfooter{ font-size: 1.30rem }  (=20.8px @16px root)
   漏掉 .divheader 会让横幅区内的公告/VIP/充值说明退回 16px，
   实测该块高度 701px vs 原站 712px（每页少 11px 并向下累积）。 */
.divheader {
    background: #fff;
    font-size: 20.8px;
    line-height: 1.5;
}
.divbody {
    background: #fff;
    padding: 0;
    color: #212529;   /* 原站继承 bootstrap body 色，非自定义 #222 */
    font-size: 20.8px;
    line-height: 1.5;
}
.news-title {
    border-bottom: 1px dashed #ccc;
    padding-top: 10px;
    padding-bottom: 5px;
    width: 100%;
}
.news-title-title { font-size: 20.8px; }
#de-content.content {
    font-size: 20.8px;
    line-height: 1.5;
    color: #212529;   /* 原站实测 rgb(33,37,41) */
    overflow-wrap: break-word;
}
#de-content.content img { max-width: 100%; height: auto; }
/* 原站 blockquote 实测：
 *   width:95%（892×0.95=847.39，正是实测盒宽）
 *   bgc rgb(255,247,221) / color rgb(0,0,0) / lineHeight 26px
 *   padding 5px 8px / border 1px dashed rgb(237,168,95)（四边，非仅左侧）
 *   → 高 38 = 26 + 5×2 + 1×2
 * 我此前漏了 width、右 padding 为 0、且只画左边框（4px 红实线）。 */
.divbody blockquote.blockquote {
    font-size: 20px;
    line-height: 26px;
    color: #000;
    background-color: rgb(255, 247, 221);
    width: 95%;
    padding: 5px 8px;
    margin: 0 0 0;
    border: 1px dashed rgb(237, 168, 95);
}
/* 原站实测：购买按钮 display:inline-block / margin-top:0，盒 490x38。
   我此前写 display:block + margin:6px auto 0 —— display 与 margin 均不符。 */
#btndashang { display: inline-block; margin: 0; }
/* 上下篇导航：原站 HTML 即带 style="display:none"，实际不可见 */
.topic_toptitee { display: none; list-style: none; padding: 0; margin: 10px 0 0; }
.topic_toptitee li { padding: 4px 0; border-bottom: 1px dashed #e6e6e6; }
.topic-head-btnee { color: #1b5fc1; text-decoration: none; font-size: 14px; }
/* 页脚：原站为完整 HTML 区块（含微信图标与充值套餐表），高度约 1355px */
.divfooter {
    font-size: 20.8px;
    line-height: 1.5;
    color: #212529;   /* 原站继承 bootstrap body 色，非自定义 #222 */
}
/* 原站 .divfooter 内的 img 无任何 CSS 规则（实测 maxW=none），
   图片只靠自身 width/height 属性定尺。
   此前写的 max-width:100%;height:auto 会覆盖 01.jpt.jpg 的 height="424"，
   使其按原始比例渲染成 462.6px（原站 424px），footer 因此高出 39px。 */
.divfooter table { width: 100%; }
.inner-gap { margin-top: 8px; }
.disclaimer {
    background: rgba(255,255,255,.9);
    color: #c62828;
    font-size: 12px;
    text-align: center;
    padding: 6px 8px;
}
.copyright {
    background: rgba(255,255,255,.75);
    color: #777;
    font-size: 12px;
    text-align: center;
    padding: 4px 8px;
}

/* ============ 帖子列表里的作者：原站的响应式规则（实测自原站内联样式）============
 * @media (max-width: 476px)              { .subject-username { display: none } }
 * @media (min-width: 477px) and (max-width: 767px) { .subject-username { display: inline } }
 * 本站原先把作者写成 `display:inline-block`（2 个类，权重更高），
 * 所以这里必须用同等权重覆盖，否则手机端作者仍会显示。
 * 症状：375px 下我们每行多出作者名，原站没有（首页 innerText 多 195 字）。
 */
@media (max-width: 476px) {
    .xxqbbslisttable .subject-username { display: none; }
}
@media (min-width: 477px) and (max-width: 767px) {
    .xxqbbslisttable .subject-username { display: inline; }
}