/* ==========================================================================
   爱游戏体育站 · /assets/site.css
   共享层：reset / 设计变量 / 中文排版 / 页头三层 / 吸顶比分条 / 档案式页脚
   与页面阶段可复用的按钮、标签、面板、卡片、网格、面包屑、图片容器、标签页
   ========================================================================== */

/* ---------- 1. Reset ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:9rem}
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,figure,figcaption,blockquote,dl,dd{margin:0;padding:0}
ul,ol{list-style:none}
img,svg,video{display:block;max-width:100%;height:auto}
button{font:inherit;color:inherit;background:none;border:0}
a{color:inherit;text-decoration:none}
table{border-collapse:collapse;width:100%}

/* ---------- 2. 设计变量 ---------- */
:root{
  --abyss:#061826;
  --teal:#0B2F33;
  --indigo:#231B4D;
  --wine:#4B1220;
  --orange:#FF6B1A;
  --orange-lit:#FF8A45;
  --mint:#25F0B2;
  --mist:#EAF2F7;
  --slate:#8FA3B5;
  --gold:#F2C15C;
  --ink:#02080E;

  --line:rgba(234,242,247,.14);
  --line-soft:rgba(234,242,247,.08);
  --line-strong:rgba(234,242,247,.28);
  --surface:rgba(234,242,247,.05);
  --surface-2:rgba(234,242,247,.09);

  --shell:min(1240px,100% - clamp(1.5rem,5vw,3.5rem));
  --gutter:clamp(1rem,3.5vw,2.5rem);
  --gap:clamp(1rem,2.4vw,1.75rem);

  --r-xs:4px;
  --r-sm:8px;
  --r-md:16px;
  --r-lg:28px;
  --skew:-6deg;

  --font-display:"Barlow Condensed","Oswald","PingFang SC",system-ui,sans-serif;
  --font-heading:"Noto Sans SC","Source Han Sans SC","PingFang SC","Microsoft YaHei",system-ui,sans-serif;
  --font-body:"Noto Sans SC","PingFang SC","Microsoft YaHei",system-ui,sans-serif;
  --font-mono:"JetBrains Mono","SFMono-Regular",ui-monospace,Menlo,Consolas,monospace;

  --dur:160ms;
  --dur-slow:480ms;
  --ease:cubic-bezier(.2,.7,.3,1);
  --shadow-lift:0 18px 42px rgba(2,8,14,.52);
}

/* ---------- 3. 基础与中文排版 ---------- */
html{scroll-behavior:smooth}
body{
  min-height:100vh;
  background-color:var(--abyss);
  background-image:
    radial-gradient(58% 42% at 88% -8%,rgba(35,27,77,.62),transparent 72%),
    radial-gradient(52% 38% at -6% 6%,rgba(11,47,51,.7),transparent 74%);
  background-repeat:no-repeat;
  color:var(--mist);
  font-family:var(--font-body);
  font-size:clamp(1rem,.96rem + .2vw,1.0625rem);
  line-height:1.75;
  letter-spacing:.01em;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.26;letter-spacing:-.01em}
h1{font-size:clamp(2.125rem,1.55rem + 2.6vw,4.25rem)}
h2{font-size:clamp(1.5rem,1.28rem + 1.05vw,2.3rem)}
h3{font-size:clamp(1.15rem,1.06rem + .42vw,1.42rem)}
strong{font-weight:700;color:var(--mist)}
::selection{background:var(--orange);color:#180802}
:focus-visible{outline:2px solid var(--mint);outline-offset:3px;border-radius:2px}
.mono{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}
.track-rule{height:1px;border:0;background:repeating-linear-gradient(90deg,var(--line-strong) 0 16px,transparent 16px 34px)}

/* ---------- 4. 跳过链接与阅读进度 ---------- */
.u-skip{
  position:fixed;top:.5rem;left:.5rem;z-index:200;
  padding:.6rem 1.05rem;
  background:var(--mint);color:#04252f;
  font-family:var(--font-heading);font-weight:700;font-size:.92rem;
  border-radius:var(--r-xs);
  transform:translateY(-180%);
  transition:transform var(--dur) var(--ease);
}
.u-skip:focus,.u-skip:focus-visible{transform:translateY(0)}
.scroll-progress{
  position:fixed;top:0;left:0;z-index:120;
  width:100%;height:3px;
  transform:scaleX(0);transform-origin:0 50%;
  background:linear-gradient(90deg,var(--orange) 0%,var(--gold) 46%,var(--mint) 100%);
  pointer-events:none;
  transition:transform 120ms linear;
}

/* ---------- 5. 页头外壳 ---------- */
.site-header{position:relative;z-index:80;background:var(--abyss)}
.has-js .site-header{position:sticky;top:0}

/* 5.1 上层信息条 */
.util-bar{
  max-height:10rem;overflow:hidden;
  background:var(--ink);
  border-bottom:1px solid var(--line);
  transition:max-height var(--dur-slow) var(--ease),opacity var(--dur) var(--ease),border-color var(--dur) var(--ease);
}
.util-inner{
  width:var(--shell);margin-inline:auto;
  display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1.5rem;
  padding-block:.42rem;
  font-size:.78rem;color:var(--slate);
}
.util-note{display:flex;align-items:center;max-width:none}
.brand-line{display:inline-flex;align-items:center;gap:.55rem;color:var(--mist);letter-spacing:.05em}
.brand-line-mark{
  display:inline-block;width:.42rem;height:1rem;
  background:var(--orange);transform:skewX(var(--skew));
}
.version-switch{display:flex;align-items:center;gap:.35rem;margin-inline-start:auto}
.version-link{
  display:inline-flex;align-items:center;min-height:28px;
  padding:.15rem .7rem;
  font-family:var(--font-mono);font-size:.7rem;letter-spacing:.12em;
  color:var(--slate);
  border:1px solid var(--line);
  clip-path:polygon(7px 0,100% 0,100% 100%,0 100%);
  transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease),background var(--dur) var(--ease);
}
.version-link:hover{color:var(--mist);border-color:var(--line-strong)}
.version-link.is-current{background:rgba(35,27,77,.85);border-color:rgba(242,193,92,.5);color:var(--gold)}
.util-meta{display:flex;align-items:center;gap:.5rem;max-width:none}
.util-meta .mono{font-size:.7rem;letter-spacing:.1em;color:var(--slate)}
.live-dot{
  width:.5rem;height:.5rem;flex:0 0 auto;border-radius:50%;
  background:var(--mint);
  box-shadow:0 0 0 0 rgba(37,240,178,.55);
  animation:pulse 2s var(--ease) infinite;
}
@keyframes pulse{
  0%{box-shadow:0 0 0 0 rgba(37,240,178,.5)}
  70%{box-shadow:0 0 0 .5rem rgba(37,240,178,0)}
  100%{box-shadow:0 0 0 0 rgba(37,240,178,0)}
}

/* 5.2 主栏 */
.masthead{
  position:relative;
  background:linear-gradient(100deg,#061826 0%,#08202d 52%,#0B2F33 100%);
  border-bottom:1px solid var(--line);
}
.masthead::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:repeating-linear-gradient(104deg,rgba(234,242,247,.055) 0 1px,transparent 1px 26px);
  opacity:.8;
}
.masthead-inner{
  position:relative;
  width:var(--shell);margin-inline:auto;
  display:flex;align-items:center;gap:1rem;flex-wrap:wrap;
  padding-block:.85rem;
  transition:padding var(--dur-slow) var(--ease);
}
.is-condensed .util-bar{max-height:0;opacity:0;border-bottom-color:transparent}
.is-condensed .masthead-inner{padding-block:.5rem}

/* 5.3 品牌 */
.brand{display:inline-flex;align-items:center;gap:.7rem;color:var(--mist)}
.brand-mark{
  position:relative;display:block;flex:0 0 auto;
  width:2.55rem;height:2.15rem;
}
.brand-mark::before{
  content:"";position:absolute;inset:0;
  background:var(--orange);
  clip-path:polygon(16% 0,100% 0,84% 100%,0 100%);
  transition:background var(--dur) var(--ease);
}
.brand-mark::after{
  content:"";position:absolute;right:.3rem;bottom:.28rem;
  width:.46rem;height:.46rem;border-radius:50%;
  background:var(--mint);box-shadow:0 0 9px rgba(37,240,178,.85);
}
.brand:hover .brand-mark::before{background:var(--orange-lit)}
.brand-text{display:grid;gap:.05rem}
.brand-name{
  font-family:var(--font-heading);font-weight:700;
  font-size:clamp(1.05rem,1.6vw,1.3rem);letter-spacing:.05em;
}
.brand-sub{font-size:.66rem;letter-spacing:.16em;color:var(--slate)}

/* 5.4 移动导航按钮 */
.nav-toggle{
  display:none;align-items:center;gap:.5rem;
  min-height:44px;padding:.45rem .85rem;
  background:rgba(255,107,26,.12);
  border:1px solid rgba(255,107,26,.45);
  border-radius:var(--r-xs);
  color:var(--mist);font-weight:700;font-size:.9rem;letter-spacing:.08em;
  cursor:pointer;
  transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease);
}
.nav-toggle:hover{background:rgba(255,107,26,.22)}
.nav-toggle-bars{display:grid;gap:3px;width:18px}
.nav-toggle-bars span{display:block;height:2px;background:var(--orange);transition:transform var(--dur) var(--ease),opacity var(--dur) var(--ease)}
.nav-toggle[aria-expanded="true"] .nav-toggle-bars span:nth-child(1){transform:translateY(5px) rotate(45deg)}
.nav-toggle[aria-expanded="true"] .nav-toggle-bars span:nth-child(2){opacity:0}
.nav-toggle[aria-expanded="true"] .nav-toggle-bars span:nth-child(3){transform:translateY(-5px) rotate(-45deg)}

/* 5.5 导航 */
.site-nav{display:flex;align-items:center;gap:1rem;margin-inline-start:auto}
.nav-list{display:flex;align-items:center;gap:.1rem}
.nav-link{
  position:relative;display:inline-flex;align-items:center;
  min-height:44px;padding:.4rem .8rem;
  font-family:var(--font-heading);font-weight:600;font-size:.95rem;letter-spacing:.03em;
  color:var(--mist);
  transition:color var(--dur) var(--ease);
}
.nav-link::after{
  content:"";position:absolute;left:.8rem;right:.8rem;bottom:.28rem;height:3px;
  background:var(--orange);
  transform:skewX(var(--skew)) scaleX(0);transform-origin:left center;
  transition:transform var(--dur) var(--ease),background var(--dur) var(--ease);
}
.nav-link:hover,.nav-link:focus-visible{color:var(--orange)}
.nav-link:hover::after,.nav-link:focus-visible::after{transform:skewX(var(--skew)) scaleX(1)}
.nav-link[aria-current="page"]{color:var(--gold)}
.nav-link[aria-current="page"]::after{background:var(--mint);transform:skewX(var(--skew)) scaleX(1)}
.nav-cta{display:none}

/* ---------- 6. 吸顶比分条 ---------- */
.ticker{
  background:linear-gradient(180deg,#0B2F33 0%,#08252b 100%);
  border-top:1px solid var(--line-soft);
  border-bottom:1px solid rgba(37,240,178,.24);
}
.ticker-inner{
  width:var(--shell);margin-inline:auto;
  display:flex;align-items:center;gap:.7rem;
  padding-block:.5rem;
}
.ticker-label{
  display:inline-flex;align-items:center;gap:.45rem;flex:0 0 auto;
  padding:.28rem .6rem .28rem .55rem;
  border-left:3px solid var(--orange);
  background:rgba(37,240,178,.1);
  border-radius:0 var(--r-xs) var(--r-xs) 0;
  color:var(--mint);
}
.ticker-label .mono{font-size:.66rem;letter-spacing:.16em;color:var(--mint)}
.ticker-track{
  display:flex;align-items:stretch;gap:.5rem;
  flex:1 1 auto;min-width:0;
  overflow-x:auto;overscroll-behavior-x:contain;
  scroll-snap-type:x proximity;
  padding-block:.15rem;
  scrollbar-width:thin;scrollbar-color:rgba(37,240,178,.45) transparent;
}
.ticker-track::-webkit-scrollbar{height:4px}
.ticker-track::-webkit-scrollbar-track{background:transparent}
.ticker-track::-webkit-scrollbar-thumb{background:rgba(37,240,178,.45);border-radius:2px}
.score-chip{
  display:flex;align-items:center;gap:.6rem;flex:0 0 auto;
  scroll-snap-align:start;
  padding:.32rem .75rem;
  background:rgba(234,242,247,.06);
  border:1px solid var(--line);
  border-radius:var(--r-sm);
  transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease);
}
.score-chip:hover{border-color:rgba(37,240,178,.42);background:rgba(37,240,178,.09)}
.score-link{display:grid;gap:.02rem;color:var(--mist)}
.score-league{font-size:.62rem;letter-spacing:.14em;color:var(--slate)}
.score-teams{
  display:inline-flex;align-items:center;gap:.3rem;
  font-family:var(--font-heading);font-weight:600;font-size:.9rem;white-space:nowrap;
}
.score-num{
  font-family:var(--font-display);font-weight:800;font-style:normal;
  font-size:1.35rem;line-height:1;
  color:var(--mint);letter-spacing:.02em;
  font-stretch:condensed;
}
.score-sep{color:var(--slate);font-size:.85rem}
.score-state{
  font-family:var(--font-mono);font-size:.68rem;letter-spacing:.08em;
  color:var(--orange);white-space:nowrap;
}
.ticker-actions{display:flex;align-items:center;gap:.4rem;flex:0 0 auto}
.ticker-shift{
  width:34px;height:34px;
  display:inline-flex;align-items:center;justify-content:center;
  background:rgba(234,242,247,.06);
  border:1px solid var(--line-strong);
  border-radius:var(--r-xs);
  color:var(--mist);font-size:1.1rem;line-height:1;cursor:pointer;
  transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease),background var(--dur) var(--ease);
}
.ticker-shift:hover{color:var(--mint);border-color:var(--mint);background:rgba(37,240,178,.12)}
.ticker-cta{min-height:40px;padding-block:.42rem;font-size:.88rem;flex:0 0 auto}

/* ---------- 7. 档案式页脚 ---------- */
.site-footer{
  position:relative;
  margin-top:clamp(3rem,6vw,5rem);
  padding-block:clamp(2.4rem,5vw,3.8rem) 1.4rem;
  background:linear-gradient(180deg,#04121c 0%,#02080E 72%);
  border-top:1px solid var(--line);
}
.site-footer::before{
  content:"";position:absolute;top:0;left:0;right:0;height:5px;
  background:linear-gradient(90deg,var(--orange) 0 20%,var(--mint) 20% 32%,var(--indigo) 32% 66%,var(--wine) 66% 100%);
}
.footer-top{
  width:var(--shell);margin-inline:auto;
  display:grid;grid-template-columns:minmax(220px,.9fr) minmax(0,2fr);
  gap:clamp(1.6rem,4vw,3.4rem);
  align-items:start;
}
.footer-brand{display:grid;gap:.55rem;justify-items:start}
.footer-mark{
  font-family:var(--font-display);font-weight:800;
  font-size:clamp(1.35rem,2.4vw,1.75rem);letter-spacing:.06em;
  color:var(--mist);
  border-bottom:3px solid var(--orange);
  padding-bottom:.15rem;
}
.footer-mark:hover{color:var(--gold);border-bottom-color:var(--mint)}
.footer-tagline{color:var(--slate);font-size:.9rem;line-height:1.7;max-width:34ch}
.footer-version{color:var(--gold);font-size:.66rem;letter-spacing:.18em}
.footer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2.4vw,2rem)}
.footer-col{
  padding-left:1rem;
  border-left:2px solid var(--line-strong);
}
.footer-col:nth-child(1){border-left-color:var(--orange)}
.footer-col:nth-child(2){border-left-color:var(--mint)}
.footer-col:nth-child(3){border-left-color:var(--gold)}
.footer-col-title{
  margin-bottom:.7rem;
  font-size:.95rem;font-weight:700;letter-spacing:.1em;
  color:var(--mist);
}
.footer-links{display:grid;gap:.42rem}
.footer-link{
  display:inline-block;
  color:var(--slate);font-size:.9rem;
  transition:color var(--dur) var(--ease),transform var(--dur) var(--ease);
}
.footer-link:hover,.footer-link:focus-visible{color:var(--mint);transform:translateX(3px)}
.footer-link.is-current{color:var(--mist)}
.footer-link.is-current::after{content:" ·";color:var(--orange)}
.footer-contact{
  width:var(--shell);margin:clamp(1.8rem,4vw,2.6rem) auto 0;
  padding-top:1.15rem;
  border-top:1px solid var(--line);
  display:grid;gap:.3rem;
}
.footer-contact-line{color:var(--slate);font-size:.86rem;letter-spacing:.02em;max-width:none}
.footer-bottom{
  width:var(--shell);margin:1.15rem auto 0;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
  gap:.55rem 1.4rem;
  font-size:.78rem;color:var(--slate);
}
.footer-note{max-width:56ch;line-height:1.65}
.footer-legal-links{display:flex;flex-wrap:wrap;gap:.4rem 1.05rem}
.footer-legal-link{
  color:var(--slate);font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;
  transition:color var(--dur) var(--ease);
}
.footer-legal-link:hover,.footer-legal-link:focus-visible{color:var(--mint)}
.footer-legal-link.is-current{color:var(--gold)}
.footer-icp{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;color:var(--slate)}
.footer-copy{
  width:var(--shell);margin:.85rem auto 0;
  font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;
  color:rgba(143,163,181,.75);
}

/* ---------- 8. 页面阶段可复用组件 ---------- */
.container{width:var(--shell);margin-inline:auto}
.section{padding-block:clamp(2.4rem,5vw,4.4rem)}
.kicker{
  display:inline-flex;align-items:center;gap:.55rem;
  font-family:var(--font-mono);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;
  color:var(--mint);
}
.kicker::before{content:"";width:1.7rem;height:2px;background:var(--orange);transform:skewX(var(--skew))}
.section-title{font-size:clamp(1.5rem,1.26rem + 1.1vw,2.3rem)}
.lede{color:var(--slate);font-size:clamp(1rem,.98rem + .2vw,1.08rem);line-height:1.8;max-width:62ch}

/* 8.1 按钮 */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.45rem;
  min-height:44px;padding:.62rem 1.3rem;
  font-family:var(--font-heading);font-weight:700;font-size:.95rem;letter-spacing:.06em;
  border:1px solid transparent;border-radius:var(--r-xs);
  cursor:pointer;
  transition:background var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease),transform var(--dur) var(--ease);
}
.btn-primary{
  color:#180802;background:var(--orange);
  padding-right:1.65rem;
  clip-path:polygon(0 0,100% 0,calc(100% - 12px) 100%,0 100%);
}
.btn-primary:hover{background:var(--orange-lit);transform:translateY(-1px)}
.btn-ghost{color:var(--mist);background:rgba(234,242,247,.04);border-color:var(--line-strong)}
.btn-ghost:hover{color:var(--mint);border-color:var(--mint);background:rgba(37,240,178,.1)}

/* 8.2 标签 */
.tag{
  display:inline-flex;align-items:center;gap:.35rem;
  padding:.2rem .62rem;
  font-family:var(--font-mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--slate);
  border:1px solid var(--line-strong);
  border-radius:var(--r-xs);
}
.tag--live{color:var(--mint);border-color:rgba(37,240,178,.45);background:rgba(37,240,178,.1)}
.tag--archive{color:var(--gold);border-color:rgba(242,193,92,.45);background:rgba(242,193,92,.08)}
.tag--wine{color:#FFB9A6;border-color:rgba(255,107,26,.42);background:rgba(255,107,26,.12)}

/* 8.3 面板与卡片 */
.panel{
  position:relative;
  padding:clamp(1.2rem,2.6vw,2rem);
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:var(--r-md);
}
.panel--teal{background:linear-gradient(140deg,rgba(11,47,51,.94),rgba(6,24,38,.94));border-color:rgba(37,240,178,.22)}
.panel--indigo{background:linear-gradient(140deg,rgba(35,27,77,.94),rgba(6,24,38,.94));border-color:rgba(242,193,92,.24)}
.panel--wine{background:linear-gradient(140deg,rgba(75,18,32,.92),rgba(35,27,77,.62));border-color:rgba(255,107,26,.26)}
.card{
  position:relative;display:flex;flex-direction:column;gap:.6rem;
  padding:clamp(1rem,2vw,1.4rem);
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:var(--r-md);
  transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease),transform var(--dur) var(--ease);
}
.card:hover{border-color:rgba(37,240,178,.4);background:var(--surface-2);transform:translateY(-2px)}
.card-title{font-size:1.12rem;letter-spacing:0}
.card-body{color:var(--slate);font-size:.94rem;line-height:1.75}

/* 8.4 网格 */
.grid{display:grid;gap:var(--gap)}
.grid--split{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
.grid--cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,258px),1fr))}

/* 8.5 面包屑 */
.breadcrumb{
  display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;
  font-family:var(--font-mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;
  color:var(--slate);
}
.breadcrumb-list{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem}
.breadcrumb-item{display:inline-flex;align-items:center;gap:.45rem}
.breadcrumb-item + .breadcrumb-item::before{content:"/";color:rgba(143,163,181,.55)}
.breadcrumb-link{color:var(--slate);transition:color var(--dur) var(--ease)}
.breadcrumb-link:hover,.breadcrumb-link:focus-visible{color:var(--mint)}
.breadcrumb-current{color:var(--mist)}

/* 8.6 图片容器基础 */
.media-frame{
  position:relative;overflow:hidden;isolation:isolate;
  border:1px solid var(--line);
  border-radius:var(--r-md);
  background:linear-gradient(135deg,var(--teal) 0%,var(--indigo) 62%,var(--wine) 100%);
}
.media-frame::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:repeating-linear-gradient(112deg,rgba(234,242,247,.07) 0 1px,transparent 1px 22px);
}
.media-frame img,.media-frame video{width:100%;height:100%;object-fit:cover}
.media-frame--wide{aspect-ratio:16 / 9}
.media-frame--square{aspect-ratio:1 / 1}
.media-frame--portrait{aspect-ratio:3 / 4}
.media-frame--score{aspect-ratio:4 / 3}
.media-frame-caption{
  margin-top:.5rem;
  font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;
  color:var(--slate);
}

/* 8.7 可访问标签页 */
.tabs{display:grid;gap:1rem}
.tabs-list{display:flex;flex-wrap:wrap;gap:.4rem}
.tab{
  min-height:44px;padding:.5rem 1.05rem;
  background:rgba(234,242,247,.05);
  border:1px solid var(--line);
  border-radius:var(--r-xs);
  color:var(--slate);
  font-family:var(--font-heading);font-weight:600;letter-spacing:.04em;
  cursor:pointer;
  transition:color var(--dur) var(--ease),background var(--dur) var(--ease),border-color var(--dur) var(--ease);
}
.tab:hover{color:var(--mist);border-color:var(--line-strong)}
.tab[aria-selected="true"]{background:var(--orange);border-color:var(--orange);color:#180802}
.tabs-panel{
  padding:clamp(1rem,2.4vw,1.6rem);
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:var(--r-md);
}
.tabs-panel[hidden]{display:none}

/* 8.8 滚动显现 */
.has-js [data-reveal]{
  opacity:0;transform:translateY(12px);
  transition:opacity var(--dur-slow) var(--ease),transform var(--dur-slow) var(--ease);
}
.has-js [data-reveal].is-visible{opacity:1;transform:none}

/* ---------- 9. 响应式 ---------- */
@media (max-width:1080px){
  .footer-top{grid-template-columns:1fr;gap:2rem}
}
@media (max-width:900px){
  html{scroll-padding-top:7.5rem}
  .nav-toggle{display:inline-flex;margin-inline-start:auto}
  .masthead-inner{gap:.75rem}
  .site-nav{
    position:absolute;top:100%;left:0;right:0;z-index:90;
    flex-direction:column;align-items:stretch;gap:.7rem;
    margin-inline-start:0;
    padding:1rem var(--gutter) 1.35rem;
    background:linear-gradient(180deg,#08202d 0%,#061826 100%);
    border-bottom:1px solid var(--line-strong);
    box-shadow:0 26px 44px rgba(2,8,14,.6);
  }
  .has-js .site-nav{display:none}
  .has-js .site-nav[data-open="true"]{display:flex}
  .nav-list{flex-direction:column;align-items:stretch;gap:.1rem}
  .nav-link{
    font-size:1.05rem;
    padding:.7rem .3rem;
    border-bottom:1px solid var(--line);
  }
  .nav-link::after{left:.3rem;right:auto;width:2.4rem;bottom:.5rem}
  .nav-cta{display:inline-flex;align-self:flex-start;margin-top:.35rem}
  .grid--split{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr))}
}
@media (max-width:720px){
  .util-inner{gap:.35rem .5rem}
  .version-switch{margin-inline-start:0;order:3}
  .util-meta{order:2;margin-inline-start:auto}
  .ticker-shift{display:none}
  .ticker-label{padding-inline:.45rem}
  .score-num{font-size:1.2rem}
  .footer-bottom{flex-direction:column;align-items:flex-start}
  .footer-contact{font-size:.85rem}
}
@media (max-width:520px){
  .brand-mark{width:2.15rem;height:1.85rem}
  .brand-sub{font-size:.6rem;letter-spacing:.1em}
  .ticker-cta{padding-inline:1rem;font-size:.82rem}
  .footer-col{padding-left:.75rem}
}

/* ---------- 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;
  }
  .scroll-progress{transition:none}
  .has-js [data-reveal]{opacity:1;transform:none;transition:none}
  .live-dot{animation:none;box-shadow:0 0 0 3px rgba(37,240,178,.22)}
}