/* =========================================================
   BONGDA24 — polish layer (2026-11)
   印刷质感精修：字阶、栏线、节奏、队徽小标
   ========================================================= */

:root{
  --rule:#d8cfba;
  --rule2:#b3a88d;
  --ink:#201b13;
  --mut:#635c4d;
  --dim:#8f8574;
  /* 深红：报纸的"印刷红"，比原来的 #e11d2e 更沉、更适合大面积文字 */
  --red:#a3271f;
}

body{font-size:15.5px;line-height:1.62;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
img{max-width:100%}
a:focus-visible,button:focus-visible{outline:2px solid #a3271f;outline-offset:2px}
::selection{background:#f3dedb;color:#5c1410}
.wrap{max-width:1180px;padding:0 20px}

/* 报头收紧，减少顶部空洞 */
.bdf-mast{padding:14px 0 12px}
.bdf-mast .mast-logo b{font-size:clamp(30px,4.4vw,46px)}
.bdf-mast .mast-logo i{font-size:10px;letter-spacing:.36em;margin-top:6px}
.bdf-nav .nav-in a{padding:11px 15px;font-size:12.5px;letter-spacing:.12em}
.bdf-nav .nav-in a:hover{background:var(--ink);color:#fdfbf5}

/* 首页标题 */
.page-h1{font-family:'Noto Serif',serif;font-weight:900;font-size:27px;line-height:1.25;letter-spacing:-.01em;margin:22px 0 2px}
.page-h1 span{display:block;margin-top:7px;font-family:'Be Vietnam Pro',sans-serif;font-size:13.5px;font-weight:500;color:var(--mut);line-height:1.5;letter-spacing:0}

/* 栏目名（rubric） */
.bdf-rub{font-size:16.5px;margin:30px 0 14px;letter-spacing:.01em}
.bdf-rub::before{width:22px;height:3px}

/* 小标 + 队徽 */
.kick{
  display:inline-flex;align-items:center;gap:6px;
  font-size:10px;letter-spacing:.15em;padding-top:7px;margin-bottom:12px;
  border-top-width:2px;
}
.kick-crest{width:15px;height:15px;object-fit:contain;flex:none;opacity:.9}

/* 头条 */
.bdf-story h2{font-size:38px;line-height:1.14;letter-spacing:-.012em;margin-bottom:11px}
.bdf-story .sapo{font-size:16px;line-height:1.6;padding-left:13px;border-left-width:3px}
.bdf-photo{border-width:1px}
.bdf-photo img{filter:grayscale(.32) contrast(1.06) sepia(.12);transition:transform .4s ease,filter .4s ease}
.bdf-story:hover .bdf-photo img{transform:scale(1.02);filter:grayscale(.1) contrast(1.04) sepia(.06)}
.bdf-meta{font-size:11.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--dim)}

/* 快讯 */
.bdf-brief{padding:14px 0;gap:13px}
.bdf-brief .no{font-size:21px;color:var(--rule2)}
.bdf-brief b{font-size:14.5px;line-height:1.42}
.bdf-brief i{font-size:11px;letter-spacing:.04em;color:var(--dim)}

/* 三栏文章网格 */
.bdf-art{padding:20px 24px 24px}
.bdf-art b{font-size:20px;line-height:1.28;margin-bottom:9px}
.bdf-art p{font-size:13.5px;line-height:1.64}
.bdf-art:hover{background:rgba(163,39,31,.03)}
.bdf-art:hover b{color:var(--red)}

/* 数据小榜 */
.bdf-stats{gap:26px}
.bdf-stat ol li{padding:7px 0;border-bottom:1px dotted var(--rule)}
.bdf-stat ol li b{font-family:'Noto Serif',serif}

/* 积分表 */
.bdf-tbl td{padding:9px 10px;font-variant-numeric:tabular-nums}
.bdf-tbl tbody tr:hover{background:#fbf7ec}
.bdf-tbl th{border-bottom-width:2px}
.bdf-tbl .tm a{display:flex;align-items:center;gap:8px}

/* 赛程 / 赔率表 */
.bdf-fx{padding:9px 0}
.bdf-fx:hover{color:var(--red)}

/* 页脚 */
.bdf-colophon{border-top:3px double var(--rule2)}

/* 响应式 */
@media(max-width:1000px){
  .page-h1{font-size:23px}
  .bdf-story h2{font-size:30px}
  .bdf-art b{font-size:18px}
}
@media(max-width:640px){
  body{font-size:15px}
  .page-h1{font-size:20px}
  .bdf-story h2{font-size:25px}
  .bdf-art{padding:18px 0}
  .bdf-art{border-left:0}
}

/* 版号索引条：桌面压成一行；移动端同样是"一行可横滑的目录条"，
   不再出现 .ix-in 宽度塌成 0 导致整块空白的老问题 */
@media(min-width:781px){
  .bdf-idx .wrap{flex-wrap:nowrap;gap:10px}
  .bdf-idx .ix-in{
    display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;
    gap:0;flex:1 1 0;min-width:0;
    -webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 26px),transparent 100%);
    mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 26px),transparent 100%);
  }
  .bdf-idx .ix-in::-webkit-scrollbar{display:none}
  .bdf-idx .ix-in a{white-space:nowrap;font-size:12px;padding:10px 12px;letter-spacing:.1em}
  .bdf-idx .ix-lb{flex:none}
  .bdf-idx .ix-search{flex:0 0 200px;min-width:0}
}

@media(max-width:780px){
  .bdf-idx .wrap{flex-wrap:nowrap;gap:8px;min-height:42px;padding:0;min-width:0}
  .bdf-idx .menu-btn{display:none}
  .bdf-idx .ix-lb{display:none}
  .bdf-idx .ix-in{
    display:flex !important;flex-direction:row;flex-wrap:nowrap;align-items:center;
    flex:1 1 0;min-width:0;border-top:0;
    overflow-x:auto;overflow-y:hidden;scrollbar-width:none;
    -webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 20px),transparent 100%);
    mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 20px),transparent 100%);
  }
  .bdf-idx .ix-in::-webkit-scrollbar{display:none}
  .bdf-idx .ix-in a{
    flex:none;white-space:nowrap;font-size:11.5px;letter-spacing:.06em;
    padding:12px 9px;border-bottom:0;
  }
  .bdf-idx .ix-in a::before{font-size:9px;margin-right:4px}
  .bdf-idx .ix-search{display:none}
  .bdf-idx .ix-lang{order:9;width:auto;flex:none;border:1px solid var(--rule2);padding:0}
  .bdf-idx .ix-lang a{padding:3px 7px}
}
@media(max-width:400px){
  .bdf-idx .ix-in a{padding:12px 7px;font-size:11px;letter-spacing:.03em}
}

/* 页首快比分条：窄屏横滑，右缘做渐隐，切断感变成"还有更多" */
@media(max-width:780px){
  .fq-list{position:relative;
    -webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 20px),transparent 100%);
    mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 20px),transparent 100%);
  }
}
.fq-list,.fq-row,.fq-row>*{min-width:0}
.fq-row{grid-template-columns:34px minmax(0,1fr) auto minmax(0,1fr)}

/* vs 徽记从"实心黑块"改成细框，报头不再被一块黑吸走视线 */
.bdf-front .fq-row b{
  background:transparent;color:var(--dim);border:1px solid var(--rule2);
  font-family:'Be Vietnam Pro',sans-serif;font-weight:700;font-size:9.5px;
  letter-spacing:.1em;text-transform:uppercase;padding:2px 6px;min-width:26px;
}
.bdf-front .fq-row b.live{background:var(--red);border-color:var(--red);color:#fff}

/* 报头三栏在窄屏改为单列堆叠（原为固定 230/1fr/300） */
@media(max-width:900px){
  .bdf-front>.wrap{grid-template-columns:minmax(0,1fr);gap:0}
  .bdf-front .fr-issue{border-right:0;border-bottom:1px solid var(--rule);padding:16px 0}
  .bdf-front .fr-name{padding:16px 0 14px;order:-1}
  .bdf-front .fr-quick{border-left:0;border-top:1px solid var(--rule);padding:16px 0 18px}
  .fr-issue ol{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
}
@media(max-width:620px){
  .bdf-front .fr-issue{display:none}
  .bdf-front .fr-name .fr-sub{display:none}
  .fr-logo b{font-size:38px}
}

/* 直播/赛果双栏底部"查看全部"：把原来的空白用一条可点击的栏线收口 */
.bdf-wire-more{
  display:flex;align-items:center;justify-content:space-between;
  margin-top:12px;padding-top:9px;border-top:1px solid var(--rule);
  font-family:'Be Vietnam Pro',sans-serif;font-size:10.5px;font-weight:800;
  letter-spacing:.14em;text-transform:uppercase;color:var(--red);text-decoration:none;
}
.bdf-wire-more::after{content:'\2192';font-size:13px;letter-spacing:0;transition:transform .15s}
.bdf-wire-more:hover{color:var(--ink)}
.bdf-wire-more:hover::after{transform:translateX(3px)}
.bdf-wire-col{display:flex;flex-direction:column}
.bdf-wire-col .bdf-wire-more{margin-top:auto}

/* ===== 电讯双栏：1fr 会被"不可断的长队名"撑到 495px（移动端被裁切），
   改用 minmax(0,1fr)，队名才能走省略号 ===== */
.bdf-wire{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.bdf-wire-col{min-width:0}
.bdf-wl{min-width:0}
.bdf-wire .bdf-rub{min-width:0}
@media(max-width:900px){
  .bdf-wire{grid-template-columns:minmax(0,1fr)}
}
.bdf-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
.bdf-pickrow{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){
  .bdf-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bdf-pickrow{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .bdf-stats,.bdf-pickrow{grid-template-columns:minmax(0,1fr)}
}
.bdf-lead{grid-template-columns:minmax(0,1fr)}
@media(min-width:761px){
  .bdf-lead{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr)}
}

/* 未开赛行的 vs 不再是实心黑块 */
.bdf-wl .sc.vs{
  background:transparent;color:var(--mut);border:1px solid var(--rule2);
  font-family:'Be Vietnam Pro',sans-serif;font-size:9.5px;font-weight:800;
  letter-spacing:.12em;text-transform:uppercase;padding:2px 7px;
}
/* 结果条右缘渐隐，被切断的文字变成"还有更多" */
.bdf-rail{
  -webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 24px),transparent 100%);
  mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 24px),transparent 100%);
}

/* 目录条：搜索框前加竖分隔，避免被当成第 8 个导航项 */
.bdf-idx .ix-search{border-left:1px solid var(--rule);padding-left:12px;margin-left:4px}
.bdf-idx .ix-search input{width:130px}
/* 报眼左栏略加宽，"TRONG SỐ NÀY" 的第 3、4 条不再折成两行 */
@media(min-width:901px){
  .bdf-front>.wrap{grid-template-columns:256px minmax(0,1fr) 296px}
  .bdf-front .fr-issue b{font-size:12.5px;line-height:1.35}
  .bdf-front .fr-issue i{font-size:10.5px}
}
/* 结果条 / 目录条右缘渐隐 */
.bdf-strip .bdf-rail{position:relative}

/* ================= 文章页：报纸内页质感 ================= */
.art{padding:30px 34px 38px}
.art .cat-row .tag{letter-spacing:.14em}
.art h1{font-family:'Noto Serif',serif;font-weight:900;font-size:36px;line-height:1.18;letter-spacing:-.015em;margin:0 0 14px}
.art .lead{
  font-family:'Noto Serif',serif;font-style:italic;font-size:16.5px;line-height:1.62;
  color:var(--mut);border-left:3px solid var(--red);padding-left:16px;margin:0 0 20px;
}
.art .ameta{border-bottom:3px double var(--rule);padding-bottom:14px;margin-bottom:24px;font-size:12px;letter-spacing:.02em}

.prose{font-size:16.5px;line-height:1.8;color:#241e15}
.prose p{margin:0 0 1.05em}
.prose>p:first-of-type::first-letter{
  float:left;font-family:'Noto Serif',serif;font-weight:900;font-size:62px;line-height:.84;
  padding:8px 12px 0 0;color:var(--red);
}
.prose h2{
  font-family:'Noto Serif',serif;font-size:23px;font-weight:900;letter-spacing:-.01em;
  margin:34px 0 12px;padding-top:14px;border-top:1px solid var(--rule);
}
.prose h3{font-family:'Noto Serif',serif;font-size:19px;font-weight:700;margin:26px 0 10px}
.prose blockquote{
  margin:24px 0;padding:16px 22px;background:#fbf7ee;border-left:3px solid var(--red);
  font-family:'Noto Serif',serif;font-style:italic;color:#2c2418;border-radius:0 8px 8px 0;
}
.prose table{font-size:13.5px;border:1px solid var(--ink)}
.prose th{background:#f3ece0;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase}
.prose tbody tr:nth-child(even){background:#fbf8f1}
.prose td,.prose th{font-variant-numeric:tabular-nums;padding:9px 12px}
.prose a{color:var(--red);text-decoration:none;border-bottom:1px solid rgba(163,39,31,.32);padding-bottom:.5px}
.prose a:hover{border-bottom-color:var(--red)}
.prose strong{background:linear-gradient(transparent 64%,#f8e2c8 64%)}
.prose img{border-radius:2px}
@media(max-width:620px){
  .art{padding:22px 18px 26px}
  .art h1{font-size:26px}
  .art .lead{font-size:15.5px;padding-left:12px}
  .prose{font-size:15.5px;line-height:1.75}
  .prose>p:first-of-type::first-letter{font-size:48px;padding:6px 9px 0 0}
}