/* =========================================================
   KAIYUN 体育主站 · /assets/site.css
   夜场信号体系：深墨蓝底 · 荧光青绿信号 · 电光橙告价
   ========================================================= */

/* ---------- 1. Reset ---------- */
*,*::before,*::after{box-sizing:border-box}
html{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
  background:#071A2B;
  scroll-behavior:smooth;
}
body,h1,h2,h3,h4,h5,p,figure,blockquote,dl,dd,ul,ol{margin:0}
ul,ol{padding:0;list-style:none}
img,svg,video{display:block;max-width:100%;height:auto}
button,input,select,textarea{font:inherit;color:inherit}
button{background:none;border:0;padding:0;cursor:pointer}
a{color:inherit;text-decoration:none}
table{border-collapse:collapse;width:100%}
:focus-visible{outline:2px solid #7CFFD9;outline-offset:3px;border-radius:6px}
::selection{background:rgba(0,229,176,.32);color:#F2F7FA}

/* ---------- 2. 变量 ---------- */
:root{
  --ink-900:#071A2B;
  --ink-800:#0C2740;
  --ink-700:#16456E;
  --signal:#00E5B0;
  --signal-soft:#7CFFD9;
  --flare:#FF7A1A;
  --flare-soft:#FFB454;
  --text:#F2F7FA;
  --text-dim:#9FB6C6;
  --glass:rgba(12,39,64,.72);

  --rail-w:76px;
  --topbar-h:0px;

  --r-xl:32px;
  --r-lg:22px;
  --r-md:14px;
  --r-pill:999px;

  --shadow-flare:0 12px 32px rgba(255,122,26,.28);
  --shadow-signal:0 12px 32px rgba(0,229,176,.24);
  --shadow-card:0 18px 44px rgba(0,0,0,.36);

  --font-sans:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Source Han Sans SC","Noto Sans CJK SC",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --font-mono:"IBM Plex Mono","JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;

  --step-12:.75rem;
  --step-14:.875rem;
  --step-16:1rem;
  --step-20:1.25rem;
  --step-28:1.75rem;
  --step-44:2.75rem;
  --step-72:4.5rem;

  --container:1180px;
}

html[data-scrolled="true"]{--rail-w:56px}

/* ---------- 3. 基础排版 ---------- */
body{
  position:relative;
  min-height:100vh;
  padding-left:var(--rail-w);
  padding-top:var(--topbar-h);
  padding-bottom:104px;
  font-family:var(--font-sans);
  font-size:var(--step-16);
  line-height:1.7;
  letter-spacing:.005em;
  color:var(--text);
  background-color:transparent;
  overflow-wrap:break-word;
  transition:padding-left .28s ease;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(720px 460px at 10% -8%,rgba(0,229,176,.14),transparent 70%),
    radial-gradient(620px 420px at 96% 6%,rgba(255,122,26,.10),transparent 72%),
    repeating-linear-gradient(0deg,rgba(22,69,110,.20) 0 1px,transparent 1px 88px),
    repeating-linear-gradient(90deg,rgba(22,69,110,.14) 0 1px,transparent 1px 88px);
}
h1,h2,h3,h4{font-weight:900;line-height:1.1;letter-spacing:-.012em;color:var(--text)}
h1{font-size:clamp(2.1rem,5.2vw,var(--step-72))}
h2{font-size:clamp(1.55rem,3.2vw,var(--step-44))}
h3{font-size:clamp(1.2rem,2.1vw,var(--step-28))}
h4{font-size:var(--step-20)}
strong{font-weight:800;color:#fff}
small{font-size:var(--step-12)}

/* ---------- 4. 布局工具 ---------- */
.container{
  width:100%;
  max-width:var(--container);
  margin-inline:auto;
  padding-inline:clamp(18px,3.4vw,40px);
}
.page-main{display:block;padding-block:clamp(20px,3vw,40px)}
#main-content{scroll-margin-top:calc(var(--topbar-h) + 18px)}
.section{padding-block:clamp(40px,7vw,88px)}
.section-head{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px 24px;
  margin-bottom:clamp(20px,3vw,36px);
}
.grid{
  display:grid;
  gap:clamp(16px,2.2vw,28px);
  grid-template-columns:repeat(12,minmax(0,1fr));
}
.col-3{grid-column:span 3}
.col-4{grid-column:span 4}
.col-6{grid-column:span 6}
.col-8{grid-column:span 8}
.col-12{grid-column:span 12}
@media (max-width:900px){
  .col-3,.col-4,.col-6,.col-8{grid-column:span 12}
}
.rule{height:1px;border:0;background:linear-gradient(90deg,var(--ink-700),transparent)}
.sr-only{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;
}

/* ---------- 5. 文本组件 ---------- */
.eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-size:var(--step-12);
  font-weight:700;
  letter-spacing:.2em;
  color:var(--signal);
}
.eyebrow::before{content:"";width:26px;height:2px;background:var(--signal);border-radius:2px}
.lede{font-size:clamp(1.02rem,1.5vw,1.28rem);line-height:1.72;color:var(--text-dim);max-width:64ch}
.dim{color:var(--text-dim)}
.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.vertical-note{
  writing-mode:vertical-rl;
  letter-spacing:.3em;
  font-size:var(--step-12);
  color:var(--text-dim);
}
.stat{display:flex;flex-direction:column;gap:6px}
.stat-value{
  font-family:var(--font-mono);
  font-weight:700;
  font-size:clamp(1.9rem,4.6vw,3.4rem);
  line-height:1;
  color:var(--flare);
  letter-spacing:-.02em;
}
.stat-label{font-size:var(--step-12);letter-spacing:.16em;color:var(--text-dim)}
.prose{max-width:74ch}
.prose p,.prose li{color:var(--text-dim)}
.prose h2,.prose h3{margin-top:1.8em;margin-bottom:.6em;color:var(--text)}
.prose ul{display:grid;gap:10px;margin-block:14px}
.prose li{position:relative;padding-left:20px}
.prose li::before{content:"";position:absolute;left:0;top:.8em;width:8px;height:2px;background:var(--signal)}
.prose a{color:var(--signal-soft);border-bottom:1px solid rgba(124,255,217,.4)}

/* ---------- 6. 按钮 ---------- */
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:13px 26px;
  border:1px solid transparent;
  border-radius:var(--r-pill);
  font-size:var(--step-14);
  font-weight:800;
  letter-spacing:.02em;
  white-space:nowrap;
  transition:transform .16s ease,background-color .16s ease,color .16s ease,border-color .16s ease;
}
.btn--primary{background:var(--flare);color:#1A0C02;box-shadow:var(--shadow-flare)}
.btn--primary:hover{background:var(--flare-soft);transform:translateY(-2px)}
.btn--signal{background:var(--signal);color:#04231C;box-shadow:var(--shadow-signal)}
.btn--signal:hover{background:var(--signal-soft);transform:translateY(-2px)}
.btn--ghost{background:rgba(12,39,64,.6);color:var(--text);border-color:var(--ink-700)}
.btn--ghost:hover{border-color:var(--signal);color:var(--signal-soft);transform:translateY(-2px)}
.btn--block{width:100%}

/* ---------- 7. 面包屑 ---------- */
.breadcrumb{padding-top:clamp(18px,3vw,34px)}
.breadcrumb-list{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  font-size:var(--step-12);
  color:var(--text-dim);
}
.breadcrumb-item{display:inline-flex;align-items:center;gap:8px}
.breadcrumb-item::after{content:"/";color:var(--ink-700)}
.breadcrumb-item:last-child::after{display:none}
.breadcrumb-link{color:var(--text-dim);border-bottom:1px solid transparent;transition:color .16s,border-color .16s}
.breadcrumb-link:hover{color:var(--signal-soft);border-color:currentColor}
.breadcrumb-item[aria-current="page"]{color:var(--text);font-weight:700}

/* ---------- 8. 卡片 / 主题带 / 标签 ---------- */
.card{
  position:relative;
  overflow:hidden;
  padding:clamp(20px,2.4vw,32px);
  border:1px solid var(--ink-700);
  border-radius:var(--r-xl);
  background:linear-gradient(180deg,rgba(12,39,64,.9),rgba(7,26,43,.92));
  box-shadow:var(--shadow-card);
}
.card::after{
  content:"";
  position:absolute;
  right:-70px;
  bottom:-90px;
  width:220px;
  height:220px;
  border-radius:50%;
  pointer-events:none;
  background:radial-gradient(circle,rgba(0,229,176,.16),transparent 70%);
}
.card--signal{border-color:rgba(0,229,176,.45);box-shadow:0 0 0 1px rgba(0,229,176,.12),var(--shadow-card)}
.card--flare{border-color:rgba(255,122,26,.45);box-shadow:0 0 0 1px rgba(255,122,26,.12),var(--shadow-card)}
.card--flare::after{background:radial-gradient(circle,rgba(255,122,26,.2),transparent 70%)}
.band{
  position:relative;
  overflow:hidden;
  padding:clamp(20px,3vw,36px);
  border:1px solid var(--ink-700);
  border-radius:var(--r-xl);
  background:linear-gradient(102deg,rgba(0,229,176,.10),rgba(12,39,64,.72) 46%,rgba(255,122,26,.08));
}
.band--flare{background:linear-gradient(102deg,rgba(255,122,26,.16),rgba(12,39,64,.76) 52%,rgba(0,229,176,.06))}
.tag{
  display:inline-block;
  padding:4px 12px;
  border:1px solid rgba(0,229,176,.32);
  border-radius:var(--r-pill);
  background:rgba(0,229,176,.12);
  color:var(--signal-soft);
  font-size:var(--step-12);
  font-weight:700;
  letter-spacing:.06em;
}
.tag--flare{
  border-color:rgba(255,122,26,.36);
  background:rgba(255,122,26,.14);
  color:var(--flare-soft);
}

/* ---------- 9. 分段切换 ---------- */
.tabs{
  display:inline-flex;
  flex-wrap:wrap;
  gap:4px;
  padding:6px;
  border:1px solid var(--ink-700);
  border-radius:var(--r-pill);
  background:var(--glass);
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
  max-width:100%;
}
.tab{
  padding:10px 20px;
  border-radius:var(--r-pill);
  color:var(--text-dim);
  font-size:var(--step-14);
  font-weight:700;
  transition:color .18s ease,background-color .18s ease;
}
.tab:hover{color:var(--text);background:rgba(0,229,176,.10)}
.tab[aria-selected="true"]{background:var(--signal);color:#04231C;box-shadow:0 6px 20px rgba(0,229,176,.24)}
.tab-panel{padding-top:clamp(18px,2.6vw,30px)}
.tab-panel[hidden]{display:none}

/* ---------- 10. 筛选 chips / 收藏 ---------- */
.chips{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.chip{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:9px 18px;
  border:1px solid var(--ink-700);
  border-radius:var(--r-pill);
  background:rgba(12,39,64,.5);
  color:var(--text-dim);
  font-size:var(--step-14);
  font-weight:600;
  transition:color .16s ease,border-color .16s ease,background-color .16s ease;
}
.chip:hover{border-color:var(--signal);color:var(--text)}
.chip[aria-pressed="true"]{
  border-color:var(--signal);
  background:rgba(0,229,176,.14);
  color:var(--signal-soft);
}
.chip[data-chip-clear]{color:var(--flare-soft);border-color:rgba(255,122,26,.36)}
.fav-toggle{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:9px 18px;
  border:1px solid var(--ink-700);
  border-radius:var(--r-pill);
  background:rgba(12,39,64,.55);
  color:var(--text-dim);
  font-size:var(--step-14);
  font-weight:700;
  transition:color .16s ease,border-color .16s ease,background-color .16s ease;
}
.fav-toggle:hover{border-color:var(--signal);color:var(--text)}
.fav-toggle.is-on{
  border-color:var(--flare);
  background:rgba(255,122,26,.12);
  color:var(--flare-soft);
}

/* ---------- 11. 图片容器 ---------- */
.media-frame{
  position:relative;
  overflow:hidden;
  width:100%;
  aspect-ratio:16/10;
  border:1px solid var(--ink-700);
  border-radius:var(--r-lg);
  background:
    linear-gradient(135deg,rgba(0,229,176,.12),rgba(255,122,26,.08)),
    var(--ink-800);
}
.media-frame::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.5;
  background-image:
    linear-gradient(rgba(22,69,110,.4) 1px,transparent 1px),
    linear-gradient(90deg,rgba(22,69,110,.4) 1px,transparent 1px);
  background-size:44px 44px;
}
.media-frame img{
  position:relative;
  width:100%;
  height:100%;
  object-fit:cover;
}
.media-frame figcaption{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  padding:16px 16px 14px;
  font-size:var(--step-12);
  line-height:1.5;
  color:var(--text-dim);
  background:linear-gradient(to top,rgba(7,26,43,.94),transparent);
}
.media-frame--phone{aspect-ratio:9/19;max-width:280px;border-radius:28px}
.media-frame--wide{aspect-ratio:21/9}
.media-frame--square{aspect-ratio:1/1}
.media-grid{
  display:grid;
  gap:clamp(14px,2vw,22px);
  grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));
}

/* ---------- 12. 头部框架式导航 ---------- */
.skip-link{
  position:fixed;
  top:10px;
  left:10px;
  z-index:200;
  padding:11px 18px;
  border-radius:var(--r-pill);
  background:var(--signal);
  color:#04231C;
  font-size:var(--step-14);
  font-weight:800;
  transform:translateY(-260%);
  transition:transform .18s ease;
}
.skip-link:focus{transform:translateY(0)}

.site-header{
  position:fixed;
  inset:0;
  z-index:80;
  pointer-events:none;
}
.scroll-progress{
  position:fixed;
  top:0;
  left:0;
  right:0;
  height:3px;
  z-index:90;
  pointer-events:none;
}
.scroll-progress-bar{
  display:block;
  width:0;
  height:100%;
  background:linear-gradient(90deg,var(--signal),var(--signal-soft) 58%,var(--flare));
  box-shadow:0 0 14px rgba(0,229,176,.55);
}

.brand-rail{
  position:fixed;
  top:0;
  left:0;
  bottom:0;
  z-index:82;
  width:var(--rail-w);
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:16px;
  padding:22px 8px 26px;
  border-right:1px solid var(--ink-700);
  background:linear-gradient(180deg,#0C2740 0%,#071A2B 58%,#071A2B 100%);
  pointer-events:auto;
  transition:width .28s ease;
}
.brand{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
  color:var(--text);
}
.brand-signal{
  width:10px;
  height:10px;
  border-radius:50%;
  background:var(--signal);
  box-shadow:0 0 0 4px rgba(0,229,176,.14),0 0 18px rgba(0,229,176,.7);
  animation:pulse 2.6s ease-in-out infinite;
}
@keyframes pulse{
  0%,100%{opacity:1;transform:scale(1)}
  50%{opacity:.5;transform:scale(.84)}
}
.brand-word{
  writing-mode:vertical-rl;
  font-family:var(--font-mono);
  font-size:11px;
  font-weight:700;
  letter-spacing:.22em;
  color:var(--text);
}
.brand-sub{
  font-size:11px;
  letter-spacing:.14em;
  color:var(--text-dim);
}
.rail-line{
  flex:1;
  width:1px;
  min-height:40px;
  background:linear-gradient(180deg,rgba(0,229,176,.6),rgba(22,69,110,.15));
}

.nav-toggle{
  display:none;
  width:44px;
  height:44px;
  align-items:center;
  justify-content:center;
  border:1px solid var(--ink-700);
  border-radius:var(--r-md);
  background:rgba(12,39,64,.7);
  pointer-events:auto;
}
.nav-toggle-bars{
  position:relative;
  display:block;
  width:18px;
  height:2px;
  border-radius:2px;
  background:var(--signal);
  transition:background-color .2s ease;
}
.nav-toggle-bars::before,
.nav-toggle-bars::after{
  content:"";
  position:absolute;
  left:0;
  width:18px;
  height:2px;
  border-radius:2px;
  background:var(--signal);
  transition:transform .2s ease,top .2s ease;
}
.nav-toggle-bars::before{top:-6px}
.nav-toggle-bars::after{top:6px}
.site-header[data-open] .nav-toggle-bars{background:transparent}
.site-header[data-open] .nav-toggle-bars::before{top:0;transform:rotate(45deg)}
.site-header[data-open] .nav-toggle-bars::after{top:0;transform:rotate(-45deg)}

.header-cta{
  position:fixed;
  top:18px;
  right:22px;
  z-index:84;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:11px 20px;
  border-radius:var(--r-pill);
  background:var(--flare);
  color:#1A0C02;
  font-size:var(--step-14);
  font-weight:800;
  white-space:nowrap;
  pointer-events:auto;
  box-shadow:var(--shadow-flare);
  transition:background-color .18s ease,transform .18s ease;
}
.header-cta:hover{background:var(--flare-soft);transform:translateY(-1px)}
.header-cta-price{font-family:var(--font-mono);letter-spacing:-.01em}
.header-cta-sep{opacity:.7}

.site-nav{
  position:fixed;
  left:var(--rail-w);
  right:0;
  bottom:0;
  z-index:83;
  display:flex;
  justify-content:center;
  padding:16px 24px 22px;
  background:linear-gradient(to top,rgba(7,26,43,.94) 45%,rgba(7,26,43,0));
  pointer-events:none;
  transition:left .28s ease;
}
.nav-list{
  display:flex;
  align-items:center;
  gap:4px;
  padding:6px;
  border:1px solid var(--ink-700);
  border-radius:var(--r-pill);
  background:var(--glass);
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
  box-shadow:0 18px 44px rgba(0,0,0,.45);
  pointer-events:auto;
  max-width:100%;
}
.nav-item{display:inline-flex}
.nav-link{
  display:block;
  padding:10px 16px;
  border-radius:var(--r-pill);
  color:var(--text-dim);
  font-size:var(--step-14);
  font-weight:600;
  white-space:nowrap;
  transition:color .16s ease,background-color .16s ease;
}
.nav-link:hover{color:var(--text);background:rgba(0,229,176,.10)}
.nav-link[aria-current="page"]{
  background:var(--signal);
  color:#04231C;
  font-weight:800;
  box-shadow:0 0 0 1px rgba(0,229,176,.6),0 8px 22px rgba(0,229,176,.24);
}

.header-scrim{display:none}

/* ---------- 13. 页脚三带 ---------- */
.site-footer{
  position:relative;
  margin-top:clamp(48px,8vw,96px);
  border-top:1px solid var(--ink-700);
  background:linear-gradient(180deg,#071A2B 0%,#0C2740 58%,#071A2B 100%);
}
.site-footer::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:280px;
  pointer-events:none;
  background:radial-gradient(620px 260px at 14% 0,rgba(0,229,176,.13),transparent 70%);
}
.footer-band{
  position:relative;
  padding-block:clamp(26px,4vw,46px);
  border-bottom:1px solid rgba(22,69,110,.6);
}
.footer-band:last-child{border-bottom:0}
.footer-band--top{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:22px 32px;
}
.footer-brand{display:grid;gap:8px}
.footer-logo{
  font-size:var(--step-20);
  font-weight:900;
  letter-spacing:.06em;
  color:var(--text);
}
.footer-tagline{font-size:var(--step-14);color:var(--text-dim)}
.footer-nav{flex:1 1 340px}
.footer-links{display:flex;flex-wrap:wrap;gap:10px 22px}
.footer-link{
  font-size:var(--step-14);
  color:var(--text-dim);
  border-bottom:1px solid transparent;
  transition:color .16s ease,border-color .16s ease;
}
.footer-link:hover{color:var(--signal-soft);border-color:currentColor}
.footer-points{
  display:grid;
  gap:clamp(14px,2vw,20px);
  grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));
}
.footer-point{
  display:grid;
  gap:6px;
  padding:18px;
  border:1px solid var(--ink-700);
  border-radius:var(--r-lg);
  background:rgba(12,39,64,.45);
}
.point-key{
  font-family:var(--font-mono);
  font-size:var(--step-14);
  font-weight:700;
  color:var(--signal);
  letter-spacing:.02em;
}
.point-val{font-size:var(--step-14);line-height:1.65;color:var(--text-dim)}
.footer-band--base{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  justify-content:space-between;
  gap:22px 40px;
}
.footer-meta{display:grid;gap:8px;font-size:var(--step-12);color:var(--text-dim);max-width:56ch}
.meta-key{
  margin-right:8px;
  font-weight:700;
  letter-spacing:.08em;
  color:var(--signal);
}
.footer-legal{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}
.footer-note{font-size:var(--step-12);color:var(--text-dim)}

/* ---------- 14. 显现动效 ---------- */
[data-reveal]{
  opacity:0;
  transform:translateY(12px);
  transition:opacity .22s ease,transform .22s ease;
}
[data-reveal].is-visible{opacity:1;transform:none}

/* ---------- 15. 响应式：移动端 ---------- */
@media (max-width:980px){
  :root{--rail-w:0px;--topbar-h:64px}

  body{
    padding-left:0;
    padding-top:var(--topbar-h);
    padding-bottom:24px;
  }

  .brand-rail{
    flex-direction:row;
    align-items:center;
    gap:10px;
    width:auto;
    right:0;
    bottom:auto;
    height:var(--topbar-h);
    padding:0 104px 0 16px;
    border-right:0;
    border-bottom:1px solid var(--ink-700);
    background:rgba(7,26,43,.94);
  }
  .brand{flex-direction:row;align-items:center;gap:8px}
  .brand-word{writing-mode:horizontal-tb;font-size:12px;letter-spacing:.18em}
  .rail-line{display:none}
  .nav-toggle{display:inline-flex;margin-left:auto}

  .header-cta{top:13px;right:14px;padding:10px 15px;font-size:13px}
  .header-cta-price,.header-cta-sep{display:none}

  .site-nav{
    left:0;
    right:0;
    top:var(--topbar-h);
    bottom:0;
    justify-content:flex-start;
    align-items:flex-start;
    overflow-y:auto;
    padding:20px 16px 30px;
    background:linear-gradient(180deg,rgba(12,39,64,.98),rgba(7,26,43,.99));
    opacity:0;
    visibility:hidden;
    transform:translateY(-10px);
    pointer-events:none;
    transition:opacity .2s ease,transform .2s ease,visibility .2s ease;
  }
  .site-header[data-open] .site-nav{
    opacity:1;
    visibility:visible;
    transform:none;
    pointer-events:auto;
  }
  .nav-list{
    flex-direction:column;
    align-items:stretch;
    width:100%;
    max-width:440px;
    margin-inline:auto;
    gap:6px;
    padding:10px;
    border-radius:26px;
    pointer-events:none;
  }
  .site-header[data-open] .nav-list{pointer-events:auto}
  .nav-item{display:block}
  .nav-link{
    padding:15px 18px;
    border-radius:16px;
    font-size:17px;
    text-align:left;
  }

  .header-scrim{
    display:block;
    position:fixed;
    inset:var(--topbar-h) 0 0 0;
    z-index:81;
    background:rgba(4,14,24,.62);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .2s ease,visibility .2s ease;
  }
  .site-header[data-open] .header-scrim{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
  }
}

@media (max-width:520px){
  .header-cta{padding:9px 13px}
  .brand-rail{padding-right:88px}
  .footer-band--top{align-items:flex-start}
  .footer-band--top .btn{width:100%}
}

/* ---------- 16. 无障碍与减弱动效 ---------- */
@media (prefers-reduced-motion:reduce){
  *,
  *::before,
  *::after{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
  }
  html{scroll-behavior:auto}
  [data-reveal]{opacity:1;transform:none}
  .brand-signal{animation:none}
}