/* ============================================================
   OG体育现金 · 中文专区 — 共享站点样式表
   框架式导航 / 草皮绿轨道 / 玻璃蓝顶栏 / 战术板底纹
   ============================================================ */

/* ---------- 1. 设计令牌 ---------- */
:root{
  --night:#061A2B;
  --pitch:#0B5A3B;
  --cash:#FF7A1A;
  --signal:#C9FF4D;
  --cream:#F3EBDD;
  --ink:#1B1410;
  --glass:#12364F;
  --steel:#8FA6B4;
  --chalk:#F8F4EA;
  --alert:#B8441F;

  --rail-w:88px;
  --topbar-h:80px;
  --strip-h:46px;
  --head-h:calc(var(--topbar-h) + var(--strip-h));

  --shell-w:1320px;
  --pad-x:clamp(18px, 3vw, 44px);
  --radius-s:4px;
  --radius-m:8px;

  --font-display:"Arial Narrow","Helvetica Neue",Impact,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  --font-serif:"Songti SC","Source Han Serif SC","Noto Serif SC",SimSun,Georgia,serif;
  --font-body:system-ui,-apple-system,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  --font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;
}

/* ---------- 2. 重置与基础排版 ---------- */
*,*::before,*::after{ box-sizing:border-box; }

html{
  -webkit-text-size-adjust:100%;
  scroll-behavior:smooth;
  scroll-padding-top:calc(var(--head-h) + 16px);
}

body{
  margin:0;
  padding-left:var(--rail-w);
  padding-top:var(--head-h);
  font-family:var(--font-body);
  font-size:16px;
  line-height:1.75;
  color:var(--ink);
  background-color:var(--cream);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

h1,h2,h3,h4,h5,h6{ margin:0 0 .6em; line-height:1.2; }
p{ margin:0 0 1em; }
ul,ol{ margin:0; padding:0; list-style:none; }
img,svg,video{ max-width:100%; height:auto; }
button{ font:inherit; color:inherit; background:none; border:0; }
table{ border-collapse:collapse; width:100%; }

a{ color:var(--alert); text-underline-offset:3px; }

:where(a,button,[tabindex],input,select,textarea):focus-visible{
  outline:3px solid var(--signal);
  outline-offset:3px;
  border-radius:3px;
  box-shadow:0 0 0 6px rgba(6,26,43,.35);
}

/* ---------- 3. 通用容器 / 栅格 / 媒体容器 ---------- */
.container{
  width:100%;
  max-width:var(--shell-w);
  margin-inline:auto;
  padding-inline:var(--pad-x);
}

.grid{ display:grid; gap:clamp(16px, 2.4vw, 32px); }
.grid--2{ grid-template-columns:repeat(2, minmax(0,1fr)); }
.grid--3{ grid-template-columns:repeat(3, minmax(0,1fr)); }
.grid--7-5{ grid-template-columns:minmax(0,7fr) minmax(0,5fr); }

.media-frame{
  position:relative;
  display:block;
  overflow:hidden;
  border-radius:var(--radius-m);
  isolation:isolate;
  background-color:var(--night);
  background-image:
    linear-gradient(148deg, rgba(11,90,59,.92) 0%, rgba(6,26,43,.96) 68%),
    repeating-linear-gradient(120deg, rgba(201,255,77,.07) 0 1px, transparent 1px 36px);
  box-shadow:inset 0 0 0 1px rgba(201,255,77,.16);
}
.media-frame::after{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:38%;
  background:linear-gradient(180deg, transparent, rgba(6,26,43,.72));
  pointer-events:none;
}
.media-frame img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.media-frame--16x9{ aspect-ratio:16 / 9; }
.media-frame--4x3{ aspect-ratio:4 / 3; }
.media-frame--1x1{ aspect-ratio:1 / 1; }
.media-frame--tall{ aspect-ratio:3 / 4; }

/* ---------- 4. 通用按钮 ---------- */
.btn{
  --btn-bg:transparent;
  --btn-fg:var(--chalk);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:44px;
  padding:0 20px;
  border:1px solid transparent;
  border-radius:var(--radius-s);
  background:var(--btn-bg);
  color:var(--btn-fg);
  font-family:var(--font-body);
  font-size:14px;
  font-weight:700;
  letter-spacing:.04em;
  line-height:1;
  text-decoration:none;
  cursor:pointer;
  transition:background-color .16s ease, color .16s ease, border-color .16s ease, transform .16s ease;
}
.btn:hover{ transform:translateY(-1px); }
.btn:active{ transform:translateY(0); }

.btn--cash{ --btn-bg:var(--cash); --btn-fg:var(--night); box-shadow:0 6px 18px rgba(255,122,26,.28); }
.btn--cash:hover{ --btn-bg:#FF9040; }

.btn--line{ --btn-bg:transparent; --btn-fg:var(--signal); border-color:rgba(201,255,77,.5); }
.btn--line:hover{ --btn-bg:rgba(201,255,77,.12); border-color:var(--signal); }

.btn--ghost{ --btn-bg:rgba(248,244,234,.08); --btn-fg:var(--chalk); border-color:rgba(248,244,234,.22); }
.btn--ghost:hover{ --btn-bg:rgba(248,244,234,.16); }

.btn--dark{ --btn-bg:var(--night); --btn-fg:var(--chalk); }
.btn--dark:hover{ --btn-bg:#0B2E48; }

/* ---------- 5. 基础装饰组件 ---------- */
.badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:24px;
  padding:0 10px;
  border:1px solid rgba(11,90,59,.3);
  border-radius:999px;
  background:rgba(201,255,77,.16);
  color:var(--pitch);
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.1em;
  white-space:nowrap;
}
.badge--live{
  background:rgba(255,122,26,.16);
  border-color:rgba(255,122,26,.42);
  color:var(--alert);
}

.status-dot{
  flex:0 0 auto;
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--signal);
  box-shadow:0 0 0 3px rgba(201,255,77,.22);
  animation:pulse-dot 2.4s ease-in-out infinite;
}
@keyframes pulse-dot{
  0%,100%{ opacity:1; transform:scale(1); }
  50%{ opacity:.5; transform:scale(.82); }
}

.lede{
  max-width:62ch;
  font-size:clamp(16px, 1.35vw, 18px);
  line-height:1.85;
  color:rgba(27,20,16,.84);
}

.section-kicker{
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin:0 0 12px;
  font-family:var(--font-mono);
  font-size:11.5px;
  letter-spacing:.2em;
  color:var(--pitch);
}
.section-kicker::before{
  content:"";
  width:22px;
  height:2px;
  background:var(--cash);
}

.breadcrumbs{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  margin:0;
  padding:14px 0;
  list-style:none;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.04em;
  color:var(--steel);
}
.breadcrumbs a{
  color:inherit;
  text-decoration:none;
  border-bottom:1px solid transparent;
  transition:color .16s ease, border-color .16s ease;
}
.breadcrumbs a:hover{ color:var(--cash); border-bottom-color:currentColor; }
.breadcrumbs__sep{ opacity:.55; }
.breadcrumbs [aria-current="page"]{ color:var(--ink); font-weight:700; }

/* ---------- 6. 跳跃链接 ---------- */
.skip-link{
  position:fixed;
  top:10px;
  left:10px;
  z-index:300;
  padding:12px 20px;
  border-radius:var(--radius-s);
  background:var(--signal);
  color:var(--night);
  font-size:14px;
  font-weight:700;
  text-decoration:none;
  transform:translateY(-180%);
  transition:transform .2s ease;
}
.skip-link:focus,
.skip-link:focus-visible{ transform:translateY(0); }

/* ---------- 7. 站点头部框架 ---------- */
.site-header{
  position:fixed;
  inset:0;
  z-index:90;
  pointer-events:none;
}
.site-header > *{ pointer-events:auto; }

/* 7.1 左侧草皮绿品牌轨道 */
.site-header__rail{
  position:absolute;
  inset:0 auto 0 0;
  width:var(--rail-w);
  z-index:1;
  pointer-events:auto;
  border-right:1px solid rgba(201,255,77,.2);
  box-shadow:8px 0 26px rgba(6,26,43,.42);
  background-color:var(--pitch);
  background-image:
    repeating-linear-gradient(180deg, rgba(255,255,255,.05) 0 26px, rgba(0,0,0,.06) 26px 52px),
    linear-gradient(180deg, #0D6845 0%, #0B5A3B 48%, #06331F 100%);
}

.rail-mark{
  position:absolute;
  top:16px;
  left:50%;
  transform:translateX(-50%);
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  border-radius:10px;
  background:var(--cash);
  color:var(--night);
  font-family:var(--font-display);
  font-size:17px;
  font-weight:800;
  letter-spacing:.02em;
  text-decoration:none;
  box-shadow:0 8px 18px rgba(6,26,43,.45), inset 0 0 0 2px rgba(6,26,43,.16);
  transition:transform .18s ease, background-color .18s ease;
}
.rail-mark:hover{ transform:translateX(-50%) translateY(-2px); background:#FF9040; }

.rail-wordmark{
  position:absolute;
  bottom:74px;
  left:50%;
  transform:translateX(-50%);
  writing-mode:vertical-rl;
  text-orientation:mixed;
  font-family:var(--font-serif);
  font-size:11px;
  letter-spacing:.4em;
  white-space:nowrap;
  color:rgba(201,255,77,.72);
  pointer-events:none;
}

/* 7.2 竖排主导航 */
.rail-nav{
  position:absolute;
  top:96px;
  bottom:150px;
  left:0;
  width:var(--rail-w);
  z-index:2;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  padding:4px 0;
  overflow-y:auto;
  scrollbar-width:none;
}
.rail-nav::-webkit-scrollbar{ display:none; }

.rail-nav__link{
  display:block;
  writing-mode:vertical-rl;
  text-orientation:mixed;
  padding:9px 7px;
  border-radius:var(--radius-s);
  color:rgba(248,244,234,.87);
  font-size:12.5px;
  font-weight:600;
  letter-spacing:.12em;
  line-height:1;
  white-space:nowrap;
  text-decoration:none;
  transition:color .16s ease, background-color .16s ease, box-shadow .16s ease;
}
.rail-nav__link:hover{
  color:var(--signal);
  background:rgba(201,255,77,.1);
}
.rail-nav__link[aria-current="page"]{
  color:var(--signal);
  background:rgba(201,255,77,.16);
  box-shadow:inset 3px 0 0 var(--cash);
}

/* 7.3 轨道右缘阅读进度 */
.rail-progress{
  position:absolute;
  top:0;
  bottom:0;
  left:calc(var(--rail-w) - 3px);
  width:3px;
  z-index:2;
  background:rgba(6,26,43,.5);
  pointer-events:none;
}
.rail-progress__fill{
  display:block;
  width:100%;
  height:100%;
  background:linear-gradient(180deg, var(--cash), var(--signal));
  transform:scaleY(0);
  transform-origin:top center;
}

/* 7.4 顶栏与联赛条 */
.site-header__bar{
  position:absolute;
  top:0;
  left:var(--rail-w);
  right:0;
  z-index:3;
}

.header-top{
  display:flex;
  align-items:center;
  gap:clamp(10px, 1.5vw, 22px);
  height:var(--topbar-h);
  padding:0 clamp(12px, 2vw, 26px);
  background:rgba(18,54,79,.93);
  -webkit-backdrop-filter:blur(14px) saturate(150%);
  backdrop-filter:blur(14px) saturate(150%);
  border-bottom:1px solid rgba(201,255,77,.16);
}

.brand-word{
  display:inline-flex;
  align-items:baseline;
  gap:9px;
  flex:0 0 auto;
  padding:4px 0;
  text-decoration:none;
  color:var(--chalk);
}
.brand-word__main{
  font-family:var(--font-display);
  font-size:21px;
  font-weight:800;
  letter-spacing:.01em;
  line-height:1;
  transition:color .16s ease;
}
.brand-word__sub{
  font-family:var(--font-serif);
  font-size:12px;
  letter-spacing:.22em;
  line-height:1;
  color:var(--signal);
}
.brand-word:hover .brand-word__main{ color:var(--signal); }

.header-season{
  flex:0 0 auto;
  padding:4px 9px;
  border-radius:3px;
  background:var(--signal);
  color:var(--night);
  font-family:var(--font-mono);
  font-size:10.5px;
  font-weight:700;
  letter-spacing:.1em;
  white-space:nowrap;
}

.header-utility{
  margin:0 auto 0 0;
  padding-left:16px;
  border-left:1px solid rgba(143,166,180,.32);
  font-size:12.5px;
  letter-spacing:.09em;
  color:var(--steel);
  white-space:nowrap;
}

.header-cta{
  display:flex;
  align-items:center;
  gap:8px;
  flex:0 0 auto;
}

.nav-toggle{ display:none; }

.league-strip{
  display:flex;
  align-items:center;
  gap:14px;
  height:var(--strip-h);
  padding:0 clamp(12px, 2vw, 26px);
  background:var(--night);
  border-bottom:1px solid rgba(201,255,77,.14);
  overflow:hidden;
}
.league-strip__label{
  flex:0 0 auto;
  padding-right:14px;
  border-right:1px solid rgba(143,166,180,.3);
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.16em;
  color:var(--steel);
  white-space:nowrap;
}
.league-strip__list{
  display:flex;
  align-items:center;
  gap:4px;
  flex:1 1 auto;
  margin:0;
  padding:0;
  list-style:none;
  overflow-x:auto;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
}
.league-strip__list::-webkit-scrollbar{ display:none; }
.league-strip__item{ flex:0 0 auto; }

.league-chip{
  position:relative;
  min-height:32px;
  padding:0 13px;
  border-radius:var(--radius-s);
  background:transparent;
  color:var(--steel);
  font-family:var(--font-body);
  font-size:13px;
  font-weight:600;
  letter-spacing:.04em;
  white-space:nowrap;
  cursor:pointer;
  transition:color .16s ease, background-color .16s ease;
}
.league-chip:hover{
  color:var(--chalk);
  background:rgba(248,244,234,.08);
}
.league-chip[aria-pressed="true"]{
  color:var(--chalk);
  background:rgba(255,122,26,.16);
}
.league-chip[aria-pressed="true"]::after{
  content:"";
  position:absolute;
  left:12px;
  right:12px;
  bottom:4px;
  height:2px;
  border-radius:1px;
  background:var(--cash);
}
.league-chip[aria-pressed="true"]::before{
  content:"";
  position:absolute;
  top:6px;
  right:6px;
  width:5px;
  height:5px;
  border-radius:50%;
  background:var(--signal);
}

/* ---------- 8. 站点页脚 ---------- */
.site-footer{
  position:relative;
  padding:clamp(34px, 4.6vw, 64px) var(--pad-x) 0;
  color:var(--chalk);
  background-color:var(--night);
  background-image:
    radial-gradient(1200px 340px at 10% -12%, rgba(11,90,59,.62), transparent 70%),
    repeating-linear-gradient(180deg, rgba(248,244,234,.018) 0 30px, transparent 30px 60px);
}
.site-footer::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:3px;
  background:linear-gradient(90deg, var(--cash) 0%, var(--signal) 34%, var(--pitch) 100%);
}

.site-footer__top{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) minmax(0,.95fr);
  gap:clamp(22px, 3.4vw, 52px);
  max-width:var(--shell-w);
  margin:0 auto;
  padding-bottom:clamp(26px, 3.6vw, 44px);
}

.footer-brand__line{
  margin:0 0 12px;
  font-family:var(--font-serif);
  font-size:clamp(18px, 1.9vw, 22px);
  letter-spacing:.06em;
  color:var(--chalk);
}
.footer-brand__summary{
  max-width:34ch;
  margin:0 0 16px;
  font-size:14.5px;
  line-height:1.8;
  color:rgba(248,244,234,.7);
}
.footer-status{
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin:0;
  padding:6px 13px;
  border:1px solid rgba(201,255,77,.24);
  border-radius:999px;
  background:rgba(11,90,59,.55);
  font-family:var(--font-mono);
  font-size:11.5px;
  letter-spacing:.08em;
  color:var(--signal);
}

.footer-nav{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:clamp(18px, 2.6vw, 32px);
  align-content:start;
}
.footer-nav__title{
  margin:0 0 14px;
  padding-bottom:8px;
  border-bottom:1px solid rgba(201,255,77,.22);
  font-family:var(--font-serif);
  font-size:15px;
  font-weight:400;
  letter-spacing:.2em;
  color:var(--signal);
}
.footer-nav__list{
  display:flex;
  flex-direction:column;
  gap:8px;
  margin:0;
  padding:0;
  list-style:none;
}
.footer-nav__list a{
  display:inline-block;
  padding:2px 0;
  border-bottom:1px solid transparent;
  color:rgba(248,244,234,.78);
  font-size:14.5px;
  text-decoration:none;
  transition:color .16s ease, border-color .16s ease;
}
.footer-nav__list a:hover{
  color:var(--signal);
  border-bottom-color:rgba(201,255,77,.55);
}

.footer-contact{
  display:flex;
  flex-direction:column;
  gap:10px;
  align-content:start;
}
.footer-contact .footer-nav__title{ margin-bottom:4px; }

.copy-chip{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  width:100%;
  padding:10px 12px;
  border:1px solid rgba(201,255,77,.2);
  border-radius:var(--radius-s);
  background:rgba(11,90,59,.34);
  color:var(--chalk);
  text-align:left;
  cursor:pointer;
  transition:background-color .16s ease, border-color .16s ease;
}
.copy-chip:hover{ background:rgba(11,90,59,.6); border-color:rgba(201,255,77,.48); }
.copy-chip__value{
  font-family:var(--font-mono);
  font-size:12.5px;
  letter-spacing:.02em;
  overflow-wrap:anywhere;
}
.copy-chip__tag{
  flex:0 0 auto;
  padding:3px 8px;
  border-radius:999px;
  background:rgba(201,255,77,.16);
  color:var(--signal);
  font-family:var(--font-body);
  font-size:11px;
  letter-spacing:.1em;
  transition:background-color .16s ease, color .16s ease;
}
.copy-chip[data-copied="true"]{ border-color:var(--signal); }
.copy-chip[data-copied="true"] .copy-chip__tag{ background:var(--signal); color:var(--night); }
.copy-chip[data-copied="false"]{ border-color:var(--alert); }

.footer-address{
  margin:0;
  font-size:13px;
  color:rgba(248,244,234,.72);
}
.footer-note{
  margin:0;
  font-size:12px;
  line-height:1.7;
  letter-spacing:.02em;
  color:var(--steel);
}

.site-footer__bottom{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px 22px;
  max-width:var(--shell-w);
  margin:0 auto;
  padding:18px 0 28px;
  border-top:1px solid rgba(143,166,180,.2);
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.04em;
  color:var(--steel);
}
.footer-copy{ color:rgba(248,244,234,.78); }
.footer-icp{ color:var(--steel); }

.footer-legal{
  display:flex;
  flex-wrap:wrap;
  gap:6px 16px;
  margin:0;
  padding:0;
  list-style:none;
}
.footer-legal a{
  color:rgba(248,244,234,.68);
  text-decoration:none;
  border-bottom:1px solid transparent;
  transition:color .16s ease, border-color .16s ease;
}
.footer-legal a:hover{ color:var(--signal); border-bottom-color:currentColor; }
.footer-footnote{ color:var(--steel); }

/* ---------- 9. 响应式 ---------- */
@media (max-width:1180px){
  .header-utility{ display:none; }
}

@media (max-width:1024px){
  .header-season{ display:none; }
}

@media (max-width:980px){
  :root{
    --rail-w:0px;
    --topbar-h:66px;
    --strip-h:44px;
  }

  body{ padding-left:0; }

  .site-header__rail,
  .rail-wordmark,
  .rail-progress{ display:none; }

  .site-header__bar{ left:0; }

  .header-top{ padding-inline:clamp(12px, 3vw, 20px); gap:10px; }
  .brand-word__main{ font-size:18px; }
  .brand-word__sub{ font-size:11px; letter-spacing:.16em; }

  .nav-toggle{
    display:inline-flex;
    align-items:center;
    gap:9px;
    flex:0 0 auto;
    min-height:44px;
    padding:0 14px;
    border:1px solid rgba(201,255,77,.42);
    border-radius:var(--radius-s);
    background:rgba(201,255,77,.1);
    color:var(--signal);
    font-family:var(--font-body);
    font-size:13px;
    font-weight:700;
    letter-spacing:.08em;
    cursor:pointer;
    transition:background-color .16s ease, border-color .16s ease;
  }
  .nav-toggle:hover{ background:rgba(201,255,77,.2); border-color:rgba(201,255,77,.75); }
  .nav-toggle__bars{
    position:relative;
    display:block;
    width:16px;
    height:2px;
    border-radius:1px;
    background:currentColor;
  }
  .nav-toggle__bars::before,
  .nav-toggle__bars::after{
    content:"";
    position:absolute;
    left:0;
    width:16px;
    height:2px;
    border-radius:1px;
    background:currentColor;
    transition:transform .2s ease, opacity .2s ease;
  }
  .nav-toggle__bars::before{ top:-5px; }
  .nav-toggle__bars::after{ top:5px; }
  .site-header[data-open="true"] .nav-toggle__bars{ background:transparent; }
  .site-header[data-open="true"] .nav-toggle__bars::before{ transform:translateY(5px) rotate(45deg); }
  .site-header[data-open="true"] .nav-toggle__bars::after{ transform:translateY(-5px) rotate(-45deg); }

  .rail-nav{
    position:fixed;
    top:var(--head-h);
    left:0;
    right:0;
    bottom:auto;
    width:auto;
    max-height:calc(100vh - var(--head-h));
    padding:14px clamp(14px, 4vw, 28px) 22px;
    flex-direction:column;
    align-items:stretch;
    justify-content:flex-start;
    gap:0;
    overflow-y:auto;
    background:rgba(6,26,43,.98);
    -webkit-backdrop-filter:blur(10px);
    backdrop-filter:blur(10px);
    border-bottom:1px solid rgba(201,255,77,.24);
    box-shadow:0 26px 48px rgba(6,26,43,.6);
    opacity:0;
    visibility:hidden;
    transform:translateY(-10px);
    transition:opacity .18s ease, transform .18s ease, visibility .18s;
    z-index:95;
  }
  .site-header[data-open="true"] .rail-nav{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
  }

  .rail-nav__link{
    display:flex;
    align-items:center;
    justify-content:space-between;
    writing-mode:horizontal-tb;
    padding:14px 4px;
    border-radius:0;
    border-bottom:1px solid rgba(143,166,180,.16);
    color:var(--chalk);
    font-size:15px;
    letter-spacing:.04em;
  }
  .rail-nav__link:hover{ background:rgba(201,255,77,.08); }
  .rail-nav__link[aria-current="page"]{
    color:var(--signal);
    background:transparent;
    box-shadow:none;
  }
  .rail-nav__link[aria-current="page"]::after{
    content:"当前";
    flex:0 0 auto;
    padding:2px 8px;
    border-radius:999px;
    background:var(--signal);
    color:var(--night);
    font-size:11px;
    font-weight:700;
    letter-spacing:.1em;
  }

  .site-footer__top{ grid-template-columns:minmax(0,1fr); }
  .footer-brand__summary{ max-width:none; }
}

@media (max-width:720px){
  .header-cta .btn--line{ display:none; }
  .footer-nav{ grid-template-columns:minmax(0,1fr); }
  .grid--2,
  .grid--3,
  .grid--7-5{ grid-template-columns:minmax(0,1fr); }
}

@media (max-width:560px){
  .header-top{ gap:8px; }
  .brand-word__sub{ display:none; }
  .brand-word__main{ font-size:17px; }
  .header-cta .btn{
    min-height:40px;
    padding:0 13px;
    font-size:13px;
    letter-spacing:.02em;
  }
  .league-strip{ gap:10px; }
  .league-strip__label{ font-size:10px; padding-right:10px; }
  .site-footer__bottom{ font-size:11.5px; }
}

@media (max-width:420px){
  .nav-toggle{ padding:0 12px; gap:0; }
  .nav-toggle__label{ display:none; }
  .brand-word__main{ font-size:16px; }
  .header-cta .btn{ padding:0 11px; font-size:12.5px; }
}

@media (max-width:860px){
  .grid--2,
  .grid--3,
  .grid--7-5{ grid-template-columns:minmax(0,1fr); }
}

/* ---------- 10. 减少动效偏好 ---------- */
@media (prefers-reduced-motion: reduce){
  html{ scroll-behavior:auto; }
  *,
  *::before,
  *::after{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
  }
  .status-dot{ box-shadow:0 0 0 3px rgba(201,255,77,.22); }
  .rail-progress__fill{ transition:none; }
}