/* =========================================================
   乐游体育官网 · 共享层样式表 /assets/site.css
   夜场比赛的数据实验室 · 深墨绿底 + 荧光草绿数据 + 硬边框
   ========================================================= */

/* ---------- 1. 变量 ---------- */
:root{
  --ink:#0B1F17;
  --ink-2:#12362A;
  --ink-3:#0E2A20;
  --neon:#C6FF4F;
  --paper:#F2E9D8;
  --yellow:#FFD24A;
  --blue:#4FA8FF;
  --red:#FF4D3D;
  --black:#1A1A18;
  --night:#0A0A0A;
  --gray:#8FA79A;

  --rail-w:88px;
  --gutter:clamp(18px,4vw,56px);
  --gap:clamp(16px,2vw,28px);
  --edge:2px solid var(--black);
  --rule:2px solid rgba(143,167,154,.28);
  --shadow:6px 6px 0 var(--black);
  --shadow-lg:10px 10px 0 var(--black);

  --font-sans:"Noto Sans SC","Source Han Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --font-mono:"JetBrains Mono","Roboto Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,"Courier New",monospace;
  --ease:cubic-bezier(.2,.7,.3,1);
}

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

/* ---------- 3. 中文排版与全局底色 ---------- */
body{
  min-height:100vh;
  padding-left:var(--rail-w);
  font-family:var(--font-sans);
  font-size:16px;
  line-height:1.85;
  font-weight:400;
  color:var(--paper);
  background-color:var(--ink);
  background-image:
    linear-gradient(rgba(198,255,79,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(198,255,79,.05) 1px,transparent 1px);
  background-size:100% 48px,48px 100%;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
h1,h2,h3,h4,h5{font-weight:900;line-height:1.14;letter-spacing:-.01em;color:var(--paper)}
h1{font-size:clamp(2.2rem,6vw,5rem)}
h2{font-size:clamp(1.6rem,3.4vw,2.6rem)}
h3{font-size:clamp(1.15rem,1.9vw,1.5rem)}
h4{font-size:1.05rem}
p{max-width:68ch}
strong,b{color:var(--neon);font-weight:800}
small{font-size:13px;color:var(--gray)}
code,kbd,samp{font-family:var(--font-mono);font-size:.92em;letter-spacing:-.02em}

/* ---------- 4. 布局容器与网格 ---------- */
.container{width:100%;max-width:1320px;margin-inline:auto;padding-inline:var(--gutter)}
.section{padding-block:clamp(48px,7vw,96px)}
.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gap)}
.span-3{grid-column:span 3}
.span-4{grid-column:span 4}
.span-5{grid-column:span 5}
.span-6{grid-column:span 6}
.span-7{grid-column:span 7}
.span-8{grid-column:span 8}
.span-9{grid-column:span 9}
.span-10{grid-column:span 10}
.span-12{grid-column:span 12}
.offset-down{margin-top:32px}
.divider{height:2px;background:var(--rule);border:0;margin-block:clamp(28px,4vw,52px)}

/* ---------- 5. 编号章节体系 ---------- */
.section__head{
  display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px 22px;
  padding-bottom:16px;margin-bottom:clamp(28px,4vw,44px);
  border-bottom:2px solid var(--rule);
}
.section__num{
  font-family:var(--font-mono);font-weight:700;letter-spacing:-.04em;line-height:.82;
  font-size:clamp(2.4rem,7vw,4.6rem);color:var(--neon);
}
.section__title{font-size:clamp(1.35rem,3vw,2.15rem);font-weight:900}
.section__lede{margin-left:auto;max-width:46ch;font-size:15px;color:var(--gray)}
.eyebrow{
  display:inline-block;font-family:var(--font-mono);font-size:12px;font-weight:700;
  letter-spacing:.24em;color:var(--neon);text-transform:uppercase;
}
.lede{font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.9;color:var(--paper);max-width:60ch}

/* ---------- 6. 档案卡 / 数据块 ---------- */
.card{
  position:relative;padding:clamp(18px,2vw,28px);
  background:var(--ink-2);border:var(--edge);box-shadow:var(--shadow);
  transition:transform .2s var(--ease),box-shadow .2s var(--ease),border-color .2s var(--ease);
}
.card:hover,.card:focus-within{transform:translate(-2px,-4px);box-shadow:var(--shadow-lg);border-color:var(--neon)}
.card__stripe{position:absolute;top:0;left:0;width:6px;height:100%;background:var(--neon)}
.card[data-tone="yellow"] .card__stripe{background:var(--yellow)}
.card[data-tone="yellow"] .card__num{color:var(--yellow)}
.card[data-tone="blue"] .card__stripe{background:var(--blue)}
.card[data-tone="blue"] .card__num{color:var(--blue)}
.card[data-tone="red"] .card__stripe{background:var(--red)}
.card[data-tone="red"] .card__num{color:var(--red)}
.card__head{display:flex;align-items:baseline;gap:12px;margin-bottom:12px}
.card__num{font-family:var(--font-mono);font-size:13px;font-weight:700;letter-spacing:.14em;color:var(--neon)}
.card__title{font-size:1.05rem;font-weight:800}
.card__body{font-size:15px;color:var(--gray)}
.card__body p+p{margin-top:10px}
.card--paper{background:var(--paper);color:var(--black);border-color:var(--black)}
.card--paper .card__title,.card--paper .card__body,.card--paper p{color:var(--black)}
.card--paper .card__num{color:var(--black)}
.paper-block{
  background:var(--paper);color:var(--black);border:var(--edge);box-shadow:var(--shadow);
  padding:clamp(20px,3vw,36px);
}
.paper-block h3,.paper-block h4,.paper-block p{color:var(--black)}

.stat{display:flex;flex-direction:column;gap:6px}
.stat__value{
  font-family:var(--font-mono);font-weight:700;letter-spacing:-.02em;line-height:1;
  font-size:clamp(1.8rem,4vw,2.8rem);color:var(--neon);font-variant-numeric:tabular-nums;
}
.stat__label{font-size:13px;letter-spacing:.14em;color:var(--gray)}
.vnote{
  writing-mode:vertical-rl;text-orientation:mixed;
  font-family:var(--font-mono);font-size:12px;letter-spacing:.18em;color:var(--gray);
}

/* ---------- 7. 按钮 / 芯片 / 标签 ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:11px 20px;border:var(--edge);background:var(--ink-2);color:var(--paper);
  font-size:14px;font-weight:800;letter-spacing:.04em;white-space:nowrap;
  box-shadow:4px 4px 0 var(--black);
  transition:transform .18s var(--ease),box-shadow .18s var(--ease),background .18s,color .18s,border-color .18s;
}
.btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--black)}
.btn:active{transform:translate(0,0);box-shadow:2px 2px 0 var(--black)}
.btn--solid{background:var(--neon);color:var(--night)}
.btn--solid:hover{background:var(--paper)}
.btn--ghost{background:transparent;color:var(--paper);border-color:var(--gray)}
.btn--ghost:hover{border-color:var(--neon);color:var(--neon)}
.btn--paper{background:var(--paper);color:var(--night)}
.btn--sm{padding:7px 13px;font-size:12.5px;box-shadow:3px 3px 0 var(--black)}

.chips{display:flex;flex-wrap:wrap;gap:10px}
.chip{
  display:inline-flex;align-items:center;gap:8px;padding:7px 14px;
  border:2px solid var(--gray);background:transparent;color:var(--paper);
  font-size:13px;font-weight:700;letter-spacing:.06em;
  transition:background .18s,color .18s,border-color .18s,transform .18s var(--ease);
}
.chip:hover{border-color:var(--neon);color:var(--neon);transform:translateY(-2px)}
.chip[aria-pressed="true"],.chip.is-active{background:var(--neon);border-color:var(--black);color:var(--night)}
.chip[aria-pressed="true"]:hover{color:var(--night)}

.tag{
  display:inline-flex;align-items:center;gap:6px;padding:3px 9px;
  border:2px solid var(--gray);color:var(--gray);
  font-family:var(--font-mono);font-size:11.5px;letter-spacing:.1em;
}
.tag--ok{border-color:var(--neon);color:var(--neon)}
.tag--warn{border-color:var(--yellow);color:var(--yellow)}
.tag--alert{border-color:var(--red);color:var(--red)}
.tag--info{border-color:var(--blue);color:var(--blue)}

/* ---------- 8. 面包屑 / 索引条 / 时间轴 ---------- */
.breadcrumbs{padding-block:14px;border-bottom:var(--rule)}
.breadcrumbs__list{
  display:flex;flex-wrap:wrap;gap:6px 12px;
  font-family:var(--font-mono);font-size:12.5px;letter-spacing:.08em;color:var(--gray);
}
.breadcrumbs__item{display:flex;align-items:center;gap:12px}
.breadcrumbs__item+.breadcrumbs__item::before{content:"/";color:var(--gray);opacity:.65}
.breadcrumbs__link{color:var(--gray)}
.breadcrumbs__link:hover{color:var(--neon)}
.breadcrumbs__current{color:var(--paper)}

.indexbar{
  display:flex;gap:12px;overflow-x:auto;padding:10px 0;
  border-top:var(--edge);border-bottom:var(--edge);
  scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;
}
.indexbar__link{
  display:flex;align-items:baseline;gap:8px;flex:0 0 auto;
  padding:8px 14px;border:2px solid transparent;white-space:nowrap;
  font-size:14px;font-weight:700;color:var(--gray);scroll-snap-align:start;
  transition:color .18s,border-color .18s;
}
.indexbar__link:hover,.indexbar__link[aria-current="true"]{color:var(--neon);border-color:var(--neon)}
.indexbar__num{font-family:var(--font-mono);font-size:12px;color:var(--neon)}

.timeline{
  display:flex;gap:16px;overflow-x:auto;padding:6px 4px 18px;
  scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;
}
.timeline__node{
  flex:0 0 auto;min-width:190px;padding:16px;text-align:left;
  background:var(--ink-2);border:var(--edge);box-shadow:var(--shadow);
  scroll-snap-align:start;transition:border-color .18s,transform .18s var(--ease);
}
.timeline__node:hover{transform:translateY(-4px);border-color:var(--neon)}
.timeline__node.is-open,.timeline__node[aria-expanded="true"]{border-color:var(--neon)}
.timeline__season{font-family:var(--font-mono);font-weight:700;font-size:15px;color:var(--neon)}
.timeline__desc{display:none;margin-top:10px;font-size:14px;color:var(--gray);line-height:1.75}
.timeline__node.is-open .timeline__desc,.timeline__node[aria-expanded="true"] .timeline__desc{display:block}

/* ---------- 9. 标签页 / 折叠面板 ---------- */
.tabs{display:flex;flex-wrap:wrap;gap:0;border-bottom:var(--edge)}
.tab{
  padding:10px 18px;border:2px solid transparent;border-bottom:0;
  font-size:14px;font-weight:800;letter-spacing:.04em;color:var(--gray);
  transition:color .18s,background .18s;
}
.tab:hover{color:var(--neon)}
.tab[aria-selected="true"]{background:var(--neon);border-color:var(--black);color:var(--night)}
.tabpanel{padding-top:clamp(20px,3vw,32px)}
.tabpanel[hidden]{display:none}

.accordion{border-top:var(--edge)}
.accordion__item{border-bottom:var(--edge)}
.accordion__btn{
  display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;
  padding:18px 4px;text-align:left;font-size:16px;font-weight:800;color:var(--paper);
  transition:color .18s;
}
.accordion__btn:hover{color:var(--neon)}
.accordion__icon{font-family:var(--font-mono);color:var(--neon);flex:0 0 auto}
.accordion__panel{padding:0 4px 22px;font-size:15px;color:var(--gray)}
.accordion__panel[hidden]{display:none}

/* ---------- 10. 图片容器基础规则 ---------- */
.media-frame{
  position:relative;overflow:hidden;aspect-ratio:16/10;
  background:var(--ink-2);border:var(--edge);box-shadow:var(--shadow);
}
.media-frame--wide{aspect-ratio:21/9}
.media-frame--tall{aspect-ratio:4/5}
.media-frame--square{aspect-ratio:1/1}
.media-frame img{width:100%;height:100%;object-fit:cover;object-position:center}
.media-frame__grid{
  position:absolute;inset:0;pointer-events:none;
  background-image:
    linear-gradient(90deg,transparent calc(50% - 1px),rgba(198,255,79,.45) 50%,transparent calc(50% + 1px)),
    radial-gradient(circle at 50% 50%,transparent 56px,rgba(198,255,79,.35) 57px,transparent 59px);
}
.media-frame__cap{
  position:absolute;left:0;bottom:0;padding:6px 12px;
  background:var(--night);color:var(--paper);
  font-family:var(--font-mono);font-size:11.5px;letter-spacing:.14em;
}

/* ---------- 11. 滚动显现 ---------- */
[data-reveal]{
  opacity:0;transform:translateY(48px);
  transition:opacity .5s var(--ease),transform .5s var(--ease);
  transition-delay:var(--reveal-delay,0ms);
  will-change:opacity,transform;
}
[data-reveal].is-in{opacity:1;transform:none}

/* ---------- 12. 跳转链接 ---------- */
.skip-link{
  position:absolute;top:0;left:-9999px;z-index:200;
  padding:10px 18px;background:var(--neon);color:var(--night);
  border:var(--edge);font-weight:800;font-size:14px;
}
.skip-link:focus{left:12px;top:12px}

/* ---------- 13. 页头 ---------- */
.site-header{position:sticky;top:0;z-index:60}

.rail{
  position:fixed;top:0;left:0;bottom:0;width:var(--rail-w);z-index:80;
  display:flex;flex-direction:column;align-items:center;justify-content:space-between;
  gap:18px;padding:18px 0 24px;overflow:hidden;
  background:var(--night);border-right:2px solid var(--black);
}
.rail::after{
  content:"";position:absolute;top:0;right:0;width:2px;height:70%;
  background:linear-gradient(180deg,var(--neon),rgba(198,255,79,0));
}
.rail__brand{
  display:flex;flex-direction:column;align-items:center;gap:12px;
  padding:10px 4px;color:var(--paper);
}
.rail__mark{width:10px;height:10px;background:var(--neon);border:2px solid var(--black)}
.rail__brand-text{
  writing-mode:vertical-rl;text-orientation:mixed;
  font-size:14px;font-weight:900;letter-spacing:.3em;
}
.rail__brand:hover .rail__brand-text{color:var(--neon)}
.rail__regions{display:flex;flex-direction:column;align-items:center;gap:8px}
.rail__region{
  writing-mode:vertical-rl;text-orientation:mixed;
  padding:12px 6px;border:2px solid transparent;
  font-size:12px;font-weight:700;letter-spacing:.2em;color:var(--gray);
  transition:color .18s,border-color .18s,background .18s;
}
.rail__region:hover{color:var(--neon);border-color:var(--neon)}
.rail__region[aria-pressed="true"]{background:var(--neon);color:var(--night);border-color:var(--black)}
.rail__season{
  writing-mode:vertical-rl;text-orientation:mixed;
  font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;color:var(--gray);
}
html[data-active-region="长三角"] .rail__region[aria-pressed="true"]{background:var(--blue)}
html[data-active-region="珠三角"] .rail__region[aria-pressed="true"]{background:var(--red)}

.topbar{
  position:relative;display:flex;align-items:center;gap:clamp(14px,3vw,40px);
  padding:12px var(--gutter);background:var(--ink);
  border-bottom:2px solid var(--black);
}
.topbar::before{
  content:"";position:absolute;top:0;left:0;right:0;height:3px;
  background:repeating-linear-gradient(90deg,var(--neon) 0 14px,transparent 14px 30px);
  opacity:.45;pointer-events:none;
}
.topbar__brand{display:flex;flex-direction:column;gap:2px;min-width:0;margin-right:auto}
.brandmark{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px}
.brandmark__name{font-size:clamp(18px,2.2vw,24px);font-weight:900;letter-spacing:.02em;color:var(--paper)}
.brandmark:hover .brandmark__name{color:var(--neon)}
.brandmark__sub{
  padding:2px 6px;border:2px solid var(--neon);color:var(--neon);
  font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;
}
.topbar__note{font-size:12px;letter-spacing:.14em;color:var(--gray)}

.nav{display:flex;align-items:center}
.nav__list{display:flex;align-items:center;gap:clamp(10px,1.6vw,24px)}
.nav__link{
  display:block;padding:8px 2px;border-bottom:3px solid transparent;
  font-size:14px;font-weight:700;letter-spacing:.06em;color:var(--paper);
  transition:color .18s,border-color .18s;
}
.nav__link:hover{color:var(--neon);border-bottom-color:var(--neon)}
.nav__link[aria-current="page"]{color:var(--neon);border-bottom-color:var(--neon)}
.nav__foot{display:none;font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;color:var(--gray)}
.nav__cta{display:none}

.topbar__utility{
  position:relative;z-index:70;
  display:flex;align-items:center;gap:clamp(10px,1.4vw,20px);
}
.util-link{
  display:inline-flex;align-items:center;gap:6px;padding:4px 0;
  border-bottom:2px solid transparent;
  font-size:13px;font-weight:700;letter-spacing:.08em;color:var(--gray);
  transition:color .18s,border-color .18s;
}
.util-link:hover{color:var(--neon);border-bottom-color:var(--neon)}
.util-link__key{font-family:var(--font-mono);color:var(--neon)}
.util-status{
  display:inline-flex;align-items:center;gap:8px;
  font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;color:var(--gray);
}
.util-status__dot{
  width:8px;height:8px;border-radius:50%;background:var(--neon);
  box-shadow:0 0 0 4px rgba(198,255,79,.18);animation:site-pulse 2.4s infinite;
}
@keyframes site-pulse{50%{box-shadow:0 0 0 9px rgba(198,255,79,0)}}

.nav-toggle{
  display:none;align-items:center;gap:10px;
  padding:10px 14px;background:var(--ink-2);color:var(--paper);
  border:var(--edge);box-shadow:3px 3px 0 var(--black);
  font-size:13px;font-weight:800;letter-spacing:.06em;
}
.nav-toggle__bars{
  position:relative;width:18px;height:12px;
  border-top:2px solid currentColor;border-bottom:2px solid currentColor;
}
.nav-toggle__bars::after{
  content:"";position:absolute;left:0;right:0;top:50%;height:2px;
  background:currentColor;transform:translateY(-50%);
  transition:transform .22s var(--ease);
}
.nav-toggle[aria-expanded="true"]{background:var(--neon);color:var(--night);border-color:var(--black)}
.nav-toggle[aria-expanded="true"] .nav-toggle__bars{border-color:transparent}
.nav-toggle[aria-expanded="true"] .nav-toggle__bars::after{transform:translateY(-50%) rotate(45deg)}

.topbar__progress{
  position:absolute;left:0;bottom:0;height:3px;width:0;
  background:var(--neon);z-index:71;
}

/* ---------- 14. 页脚 ---------- */
.site-footer{
  margin-top:clamp(48px,8vw,110px);
  background:var(--night);border-top:2px solid var(--black);
}
.footer__inner{
  display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,2.4fr);
  gap:clamp(24px,4vw,60px);padding-block:clamp(38px,6vw,72px);
}
.footer__brand{align-self:start}
.footer__wordmark{font-size:clamp(1.6rem,3vw,2.4rem);font-weight:900;color:var(--paper);letter-spacing:.02em}
.footer__wordmark::after{content:"";display:block;width:64px;height:6px;margin-top:14px;background:var(--neon)}
.footer__tagline{margin-top:14px;font-size:14px;color:var(--gray)}
.footer__vnote{
  writing-mode:vertical-rl;text-orientation:mixed;height:120px;margin-top:24px;
  font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;color:var(--gray);
}
.footer__grid{
  display:grid;grid-template-columns:repeat(3,minmax(120px,1fr)) minmax(230px,1.7fr);
  gap:clamp(20px,3vw,40px);
}
.footer__col{min-width:0}
.footer__col-title{
  margin-bottom:16px;font-family:var(--font-mono);font-size:12.5px;font-weight:700;
  letter-spacing:.2em;color:var(--neon);
}
.footer__links{display:flex;flex-direction:column;gap:10px}
.footer__links a{
  width:fit-content;font-size:15px;color:var(--paper);
  border-bottom:2px solid transparent;transition:color .18s,border-color .18s;
}
.footer__links a:hover{color:var(--neon);border-bottom-color:var(--neon)}
.footer__contact{min-width:0}
.footer__contact-list{display:flex;flex-direction:column;gap:12px}
.footer__contact-row{display:grid;grid-template-columns:52px 1fr;gap:10px;align-items:start}
.footer__label{
  padding-top:3px;font-family:var(--font-mono);font-size:11px;
  letter-spacing:.16em;color:var(--gray);
}
.footer__value{font-size:14px;color:var(--paper);overflow-wrap:anywhere}
.footer__mail{font-family:var(--font-mono);letter-spacing:-.01em}
.footer__copy{
  margin-left:8px;padding:2px 8px;border:2px solid var(--gray);color:var(--gray);
  font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;
  transition:background .18s,color .18s,border-color .18s;
}
.footer__copy:hover{border-color:var(--neon);color:var(--neon)}
.footer__copy.is-done{background:var(--neon);border-color:var(--neon);color:var(--night)}
.footer__note{margin-top:16px;font-size:13px;line-height:1.75;color:var(--gray)}
.footer__bottom{background:var(--ink);border-top:2px solid rgba(143,167,154,.25)}
.footer__bottom-inner{
  display:flex;flex-wrap:wrap;align-items:center;gap:10px 24px;
  padding-block:18px;
  font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;color:var(--gray);
}
.footer__baseline{max-width:none}
.footer__icp{color:var(--paper)}
.footer__year{margin-left:auto}

/* ---------- 15. 响应式 ---------- */
@media (max-width:1100px){
  .nav{
    position:fixed;top:0;right:0;bottom:0;z-index:65;
    width:min(360px,88vw);margin-left:0;padding:104px 28px 40px;
    display:block;overflow-y:auto;
    background:var(--night);border-left:2px solid var(--black);
    box-shadow:-10px 0 0 rgba(0,0,0,.45);
    transform:translateX(102%);
    transition:transform .35s var(--ease);
  }
  .nav[data-open]{transform:translateX(0)}
  .nav__list{flex-direction:column;align-items:stretch;gap:0}
  .nav__item{border-bottom:2px solid rgba(143,167,154,.22)}
  .nav__link{padding:16px 2px;border-bottom:0;font-size:19px;font-weight:800}
  .nav__link[aria-current="page"]{color:var(--neon)}
  .nav__link[aria-current="page"]::before{
    content:"";display:inline-block;width:8px;height:8px;margin-right:10px;
    background:var(--neon);vertical-align:middle;
  }
  .nav__foot{display:block;margin-top:24px}
  .nav__cta{display:inline-flex;margin-top:28px}
  .nav-toggle{display:inline-flex}
  .util-link{display:none}
  body.is-nav-open{overflow:hidden}
}
@media (max-width:900px){
  body{padding-left:0}
  .rail{
    position:static;width:100%;height:auto;
    flex-direction:row;align-items:center;gap:14px;
    padding:8px var(--gutter);border-right:0;
    border-bottom:2px solid var(--black);
    overflow-x:auto;
  }
  .rail::after{display:none}
  .rail__brand{flex-direction:row;gap:8px;padding:0}
  .rail__brand-text{writing-mode:horizontal-tb;text-orientation:initial;font-size:13px;letter-spacing:.16em}
  .rail__regions{flex-direction:row;gap:6px;margin-left:auto}
  .rail__region{writing-mode:horizontal-tb;text-orientation:initial;padding:5px 10px;font-size:12px}
  .rail__season{writing-mode:horizontal-tb;text-orientation:initial;font-size:11px;white-space:nowrap}
  .topbar{padding-block:10px}
  .nav{padding-top:88px}
  .footer__inner{grid-template-columns:1fr}
  .footer__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .footer__vnote{writing-mode:horizontal-tb;text-orientation:initial;height:auto;margin-top:16px}
  .span-3,.span-4,.span-5,.span-6,.span-7,.span-8,.span-9,.span-10{grid-column:span 12}
  .offset-down{margin-top:0}
}
@media (max-width:700px){
  body{font-size:15.5px}
  .topbar__note,.util-status{display:none}
  .brandmark__sub{display:none}
  .section__lede{margin-left:0;max-width:none}
  .footer__grid{grid-template-columns:1fr}
  .footer__contact-row{grid-template-columns:1fr;gap:2px}
}
@media (max-width:620px){
  .topbar__cta{display:none}
}

/* ---------- 16. 无障碍：减少动效 ---------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
    transition-duration:.001ms!important;
  }
  [data-reveal]{opacity:1!important;transform:none!important}
  .card:hover,.card:focus-within,.timeline__node:hover,.chip:hover,.btn:hover{transform:none}
}