/* =========================================================
   IM电竞台 · 共享样式表  /assets/site.css
   夜间赛场 · 数据脉冲 · 珠宝色分区
   ========================================================= */

/* ---------- 1. Design Tokens ---------- */
:root{
  --c-ink:#07090D;
  --c-ink-2:#0E1A1F;
  --c-indigo:#3A2E6E;
  --c-wine:#4A1230;
  --c-cyan:#16E0D2;
  --c-lime:#C6FF3D;
  --c-alert:#FF3B4E;
  --c-white:#EAF4F4;
  --c-slate:#8EA3A8;
  --c-mist:#C9E9E6;

  --line:rgba(201,233,230,.14);
  --line-soft:rgba(201,233,230,.07);
  --line-cy:rgba(22,224,210,.38);

  --font-display:"Oswald","Archivo Narrow","Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;
  --font-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --font-body:"Noto Sans SC","PingFang SC","Microsoft YaHei",system-ui,-apple-system,sans-serif;
  --font-serif:"Noto Serif SC","Songti SC",Georgia,serif;

  --fs-1:12px; --fs-2:14px; --fs-3:16px; --fs-4:20px;
  --fs-5:28px; --fs-6:44px; --fs-7:64px;

  --shell:1240px;
  --gutter:24px;
  --rail:88px;
  --radius:4px;
  --radius-lg:8px;

  --sp-1:8px; --sp-2:12px; --sp-3:16px; --sp-4:24px;
  --sp-5:32px; --sp-6:48px; --sp-7:72px; --sp-8:104px;

  --header-h:112px;
}

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

/* ---------- 3. Base / 中文排版 ---------- */
body{
  background-color:var(--c-ink);
  background-image:
    radial-gradient(900px 520px at 84% -6%, rgba(22,224,210,.10), transparent 62%),
    radial-gradient(760px 500px at -8% 14%, rgba(58,46,110,.40), transparent 66%);
  background-repeat:no-repeat;
  background-attachment:fixed;
  color:var(--c-white);
  font-family:var(--font-body);
  font-size:var(--fs-3);
  line-height:1.55;
  letter-spacing:.01em;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
p{line-height:1.55}
.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.02em}
.display,.h1,.h2,.h3{
  font-family:var(--font-display);
  text-transform:uppercase;
  letter-spacing:.04em;
  line-height:1.08;
  font-weight:700;
}
.h1{font-size:clamp(34px,5.4vw,var(--fs-7))}
.h2{font-size:clamp(26px,3.4vw,var(--fs-6))}
.h3{font-size:var(--fs-5)}
.lede{font-size:var(--fs-4);line-height:1.5;color:var(--c-mist);max-width:62ch}
.prose{max-width:68ch;color:var(--c-slate);font-size:var(--fs-3)}
.prose p+p{margin-top:14px}
.prose strong{color:var(--c-white)}

.shell{width:100%;max-width:var(--shell);margin:0 auto;padding:0 var(--gutter)}
.page-main{position:relative;z-index:1;display:block}
#main-content:focus{outline:none}

.skip-link{
  position:absolute;left:16px;top:-120px;z-index:200;
  padding:10px 18px;border-radius:2px;
  background:var(--c-lime);color:#06231F;
  font-weight:700;font-size:var(--fs-2);
  transition:top .2s ease;
}
.skip-link:focus{top:12px}

/* ---------- 4. Header ---------- */
.site-header{
  position:sticky;top:0;z-index:80;
  background:linear-gradient(180deg, rgba(7,9,13,.97), rgba(7,9,13,.90));
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
  border-bottom:1px solid var(--line);
}
.masthead{padding:14px 0 12px;transition:padding .25s ease}
.masthead__inner{display:flex;align-items:center;gap:18px}
.masthead__cta{margin-left:4px}

.brand{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.brand__mark{
  display:grid;place-items:center;flex:0 0 auto;
  width:38px;height:38px;border-radius:6px;
  border:1px solid var(--line-cy);
  background:linear-gradient(140deg, rgba(58,46,110,.9), rgba(7,9,13,.4) 72%);
  color:var(--c-cyan);
  font-family:var(--font-display);font-size:15px;letter-spacing:.08em;
}
.brand__text{display:block;min-width:0}
.brand__name{
  display:block;font-family:var(--font-display);
  font-size:18px;letter-spacing:.1em;text-transform:uppercase;color:var(--c-white);
}
.brand__meta{display:block;font-family:var(--font-serif);font-size:11px;letter-spacing:.06em;color:var(--c-slate)}

.season-chip{
  display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;
  padding:6px 12px;border-radius:2px;
  border:1px solid var(--line);border-left:2px solid var(--c-lime);
  background:rgba(14,26,31,.8);
  font-family:var(--font-mono);font-size:var(--fs-1);letter-spacing:.06em;
  color:var(--c-mist);white-space:nowrap;
}
.season-chip__dot{
  width:6px;height:6px;border-radius:50%;background:var(--c-lime);
  box-shadow:0 0 0 4px rgba(198,255,61,.14);
  animation:chipPulse 2.4s ease-in-out infinite;
}
@keyframes chipPulse{0%,100%{opacity:1}50%{opacity:.35}}

.nav{margin-left:auto}
.nav__list{display:flex;align-items:center;gap:2px}
.nav__item{display:block}
.nav__link{
  position:relative;display:block;padding:8px 10px;border-radius:3px;
  font-size:13.5px;color:var(--c-mist);
  transition:color .2s ease, background-color .2s ease;
}
.nav__link:hover{color:var(--c-white);background:rgba(22,224,210,.09)}
.nav__link[aria-current="page"]{color:var(--c-lime)}
.nav__link[aria-current="page"]::after{
  content:"";position:absolute;left:10px;right:10px;bottom:2px;height:2px;
  background:var(--c-lime);
}

.nav-toggle{
  display:none;align-items:center;gap:9px;margin-left:auto;
  padding:9px 13px;border:1px solid var(--line-cy);border-radius:3px;
  font-family:var(--font-display);font-size:12px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--c-mist);
}
.nav-toggle:hover{border-color:var(--c-cyan);color:var(--c-cyan)}
.nav-toggle__bars{position:relative;display:block;width:18px;height:2px;background:currentColor}
.nav-toggle__bars::before,
.nav-toggle__bars::after{
  content:"";position:absolute;left:0;width:18px;height:2px;background:currentColor;
  transition:transform .2s ease;
}
.nav-toggle__bars::before{top:-6px}
.nav-toggle__bars::after{top:6px}
.nav-toggle[aria-expanded="true"] .nav-toggle__bars{background:transparent}
.nav-toggle[aria-expanded="true"] .nav-toggle__bars::before{transform:translateY(6px) rotate(45deg)}
.nav-toggle[aria-expanded="true"] .nav-toggle__bars::after{transform:translateY(-6px) rotate(-45deg)}

.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:10px 18px;border-radius:2px;border:1px solid transparent;
  font-family:var(--font-display);font-size:13px;letter-spacing:.12em;
  text-transform:uppercase;white-space:nowrap;
  transition:background-color .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;
}
.btn--cta{background:var(--c-lime);color:#06231F;font-weight:700}
.btn--cta:hover{background:var(--c-cyan);color:#06231F;transform:translateY(-1px)}
.btn--ghost{border-color:var(--line-cy);color:var(--c-mist)}
.btn--ghost:hover{border-color:var(--c-cyan);color:var(--c-cyan)}
.btn--quiet{background:rgba(22,224,210,.12);color:var(--c-cyan)}
.btn--quiet:hover{background:rgba(22,224,210,.2)}
.btn--block{width:100%}

/* statusbar */
.statusbar{
  position:relative;
  background:var(--c-ink-2);
  border-top:1px solid var(--line-soft);
  overflow:hidden;
  transition:background-color .25s ease, min-height .25s ease;
}
.statusbar__inner{
  display:flex;align-items:center;gap:20px;
  min-height:40px;padding:5px 0;
  font-family:var(--font-mono);font-size:var(--fs-1);letter-spacing:.05em;
  color:var(--c-slate);
}
.statusbar__lead{color:var(--c-mist);white-space:nowrap}
.statusbar__scores{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.statusbar__link{
  margin-left:auto;color:var(--c-cyan);white-space:nowrap;
  border-bottom:1px dashed rgba(22,224,210,.45);padding-bottom:1px;
}
.statusbar__link:hover{color:var(--c-lime);border-bottom-color:var(--c-lime)}

.score{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.score__team{color:var(--c-slate)}
.score__val{color:var(--c-lime);font-weight:600;padding:0 5px}
.score--alert .score__flag{
  margin-left:4px;padding:1px 6px;border-radius:2px;
  background:rgba(255,59,78,.14);color:var(--c-alert);
  font-size:10px;letter-spacing:.08em;
}

.progress{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:rgba(234,244,244,.07)}
.progress__bar{
  display:block;height:100%;width:100%;
  transform:scaleX(0);transform-origin:left center;
  background:linear-gradient(90deg,var(--c-cyan),var(--c-lime));
  will-change:transform;
}

/* 收拢态 */
.site-header[data-condensed] .masthead{padding:8px 0 7px}
.site-header[data-condensed] .statusbar{background:rgba(14,26,31,.97)}
.site-header[data-condensed] .statusbar__inner{min-height:34px;padding:3px 0}
.site-header[data-condensed] .statusbar__lead{display:none}

/* ---------- 5. 分区与通用骨架 ---------- */
.section{position:relative;padding:var(--sp-7) 0}
.section--tight{padding:var(--sp-5) 0}
.section--breath{padding:var(--sp-8) 0}
.section--ink2{background:var(--c-ink-2)}
.section--indigo{background:linear-gradient(120deg,#251D4A 0%, var(--c-indigo) 55%, #191340 100%)}
.section--wine{background:linear-gradient(120deg,#300C21 0%, var(--c-wine) 58%, #1B0714 100%)}
.section--slant{clip-path:polygon(0 0, 100% 2.5%, 100% 100%, 0 97.5%)}
.section__head{
  display:flex;flex-direction:column;gap:12px;align-items:flex-start;
  max-width:64ch;margin-bottom:var(--sp-5);
}
.eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  font-family:var(--font-mono);font-size:var(--fs-1);
  letter-spacing:.2em;text-transform:uppercase;color:var(--c-cyan);
}
.eyebrow::before{content:"";width:22px;height:2px;background:var(--c-cyan)}

.tag{
  display:inline-flex;align-items:center;gap:6px;
  padding:4px 10px;border-radius:2px;
  border:1px solid var(--line-cy);border-left-width:3px;
  background:rgba(22,224,210,.07);
  font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--c-cyan);
}
.tag--lime{border-color:rgba(198,255,61,.5);background:rgba(198,255,61,.08);color:var(--c-lime)}
.tag--alert{border-color:rgba(255,59,78,.55);background:rgba(255,59,78,.09);color:var(--c-alert)}
.tag--plain{border-color:var(--line);background:transparent;color:var(--c-slate)}

.panel{
  position:relative;padding:var(--sp-4);
  background:var(--c-ink-2);border:1px solid var(--line);border-radius:var(--radius);
}
.data-card{
  position:relative;overflow:hidden;
  padding:var(--sp-4);border:1px solid var(--line);border-radius:var(--radius);
  background:linear-gradient(160deg, rgba(14,26,31,.96), rgba(7,9,13,.96));
}
.data-card::after{
  content:"";position:absolute;left:0;top:0;width:3px;height:46px;
  background:var(--c-cyan);
}
.data-card--indigo{background:linear-gradient(150deg, rgba(58,46,110,.88), rgba(14,26,31,.96))}
.data-card--indigo::after{background:var(--c-lime)}
.data-card--wine{background:linear-gradient(150deg, rgba(74,18,48,.9), rgba(14,26,31,.96))}
.data-card--wine::after{background:var(--c-alert)}
.data-card__head{
  display:flex;align-items:baseline;justify-content:space-between;gap:12px;
  margin-bottom:14px;
}
.data-card__title{
  font-family:var(--font-display);font-size:var(--fs-4);
  letter-spacing:.05em;text-transform:uppercase;
}

.metric{display:flex;flex-direction:column;gap:4px}
.metric__value{
  font-family:var(--font-mono);font-weight:600;line-height:1;
  font-size:clamp(28px,4vw,var(--fs-6));color:var(--c-lime);
}
.metric__label{
  font-family:var(--font-serif);font-size:var(--fs-1);
  letter-spacing:.08em;color:var(--c-slate);
}

/* 面包屑 */
.breadcrumb{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px;
  font-family:var(--font-mono);font-size:var(--fs-1);
  letter-spacing:.08em;color:var(--c-slate);
}
.breadcrumb__item{display:inline-flex;align-items:center;gap:8px}
.breadcrumb__item a{color:var(--c-mist)}
.breadcrumb__item a:hover{color:var(--c-cyan)}
.breadcrumb__sep{color:rgba(142,163,168,.55)}
.breadcrumb [aria-current="page"]{color:var(--c-cyan)}

/* 网格 */
.grid{display:grid;gap:var(--sp-4);grid-template-columns:repeat(var(--cols,3),minmax(0,1fr))}
.grid--2{--cols:2}
.grid--3{--cols:3}
.grid--4{--cols:4}
.grid--split{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.grid--aside{grid-template-columns:minmax(0,1fr) minmax(0,2.2fr)}

/* 图片容器 */
.media-frame{
  position:relative;display:block;width:100%;
  aspect-ratio:16/9;overflow:hidden;
  border:1px solid var(--line);border-radius:var(--radius);
  background:linear-gradient(150deg,#0E1A1F 0%,#191340 58%,#07090D 100%);
}
.media-frame img{width:100%;height:100%;object-fit:cover}
.media-frame::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg, transparent 42%, rgba(7,9,13,.78));
}
.media-frame--wide{aspect-ratio:21/9}
.media-frame--tall{aspect-ratio:3/4}
.media-frame--square{aspect-ratio:1/1}
.media-frame--empty::before{
  content:"";position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(22,224,210,.09) 1px, transparent 1px),
    linear-gradient(90deg, rgba(22,224,210,.09) 1px, transparent 1px);
  background-size:32px 32px;
}
.media-frame__caption{
  position:absolute;left:14px;right:14px;bottom:12px;z-index:2;
  font-family:var(--font-serif);font-size:var(--fs-1);
  letter-spacing:.04em;color:var(--c-mist);
}

/* 筛选 chips */
.chip-row{display:flex;flex-wrap:wrap;gap:8px}
.chip{
  display:inline-flex;align-items:center;gap:6px;
  padding:7px 15px;border-radius:999px;
  border:1px solid var(--line);background:rgba(14,26,31,.75);
  font-size:var(--fs-2);color:var(--c-slate);
  transition:color .2s ease, border-color .2s ease, background-color .2s ease;
}
.chip:hover{color:var(--c-mist);border-color:var(--line-cy)}
.chip[aria-pressed="true"]{
  background:var(--c-cyan);border-color:var(--c-cyan);
  color:#06231F;font-weight:600;
}

/* 赛季 Tabs */
.tabs{display:flex;flex-wrap:wrap;gap:4px;border-bottom:1px solid var(--line)}
.tab{
  padding:10px 16px;margin-bottom:-1px;
  border-bottom:2px solid transparent;
  font-family:var(--font-mono);font-size:var(--fs-1);
  letter-spacing:.12em;text-transform:uppercase;color:var(--c-slate);
}
.tab:hover{color:var(--c-mist)}
.tab[aria-selected="true"]{color:var(--c-lime);border-bottom-color:var(--c-lime)}
.tabs__panel{padding-top:var(--sp-4)}
.tabs__panel[hidden]{display:none}

/* 数据条 */
.meter{
  position:relative;height:6px;border-radius:999px;overflow:hidden;
  background:rgba(234,244,244,.09);
}
.meter__fill{
  display:block;height:100%;width:var(--v,0%);
  background:linear-gradient(90deg,var(--c-cyan),var(--c-lime));
  transition:width .32s ease;
}
.meter--alert .meter__fill{background:linear-gradient(90deg,var(--c-alert),#FF8A5B)}

/* 折叠问答 */
.fold{
  padding:0;border:1px solid var(--line);border-radius:var(--radius);
  background:rgba(14,26,31,.62);
}
.fold+.fold{margin-top:10px}
.fold__summary{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:16px 18px;cursor:pointer;list-style:none;
  font-family:var(--font-display);font-size:var(--fs-3);letter-spacing:.04em;
}
.fold__summary::-webkit-details-marker{display:none}
.fold__summary::after{
  content:"+";font-family:var(--font-mono);font-size:18px;
  line-height:1;color:var(--c-cyan);flex:0 0 auto;
}
.fold[open] .fold__summary{color:var(--c-lime)}
.fold[open] .fold__summary::after{content:"–";color:var(--c-lime)}
.fold__body{padding:0 18px 18px;font-size:var(--fs-2);line-height:1.75;color:var(--c-slate)}

/* 左侧赛程轴 */
.rail{
  position:sticky;top:calc(var(--header-h) + var(--sp-2));
  width:var(--rail);padding-top:var(--sp-1);
  border-left:1px solid var(--line);
  display:flex;flex-direction:column;
}
.rail__tick{
  position:relative;display:block;
  padding:11px 0 11px 18px;margin-left:-1px;
  border-left:2px solid transparent;
  font-family:var(--font-mono);font-size:11px;
  letter-spacing:.08em;color:var(--c-slate);
  transition:color .2s ease, border-color .2s ease;
}
.rail__tick::before{
  content:"";position:absolute;left:-1px;top:50%;
  width:8px;height:1px;margin-top:-.5px;background:rgba(201,233,230,.28);
}
.rail__tick:hover{color:var(--c-mist)}
.rail__tick[data-active]{color:var(--c-lime);border-left-color:var(--c-lime)}
.rail__tick[data-active]::before{width:14px;height:2px;margin-top:-1px;background:var(--c-lime)}
.rail__label{display:block;font-family:var(--font-serif);font-size:10px;color:var(--c-slate)}

/* 右侧悬浮锚点 */
.anchor-nav{
  position:sticky;top:calc(var(--header-h) + var(--sp-3));
  display:flex;flex-direction:column;
  border-left:1px solid var(--line);
}
.anchor-nav__link{
  display:block;padding:9px 0 9px 14px;margin-left:-1px;
  border-left:2px solid transparent;
  font-family:var(--font-mono);font-size:var(--fs-1);
  letter-spacing:.08em;color:var(--c-slate);
  transition:color .2s ease, border-color .2s ease;
}
.anchor-nav__link:hover{color:var(--c-mist)}
.anchor-nav__link[aria-current="true"]{color:var(--c-lime);border-left-color:var(--c-lime)}

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

/* ---------- 6. Footer ---------- */
.site-footer{
  position:relative;margin-top:var(--sp-8);
  background:var(--c-ink-2);
  border-top:1px solid var(--line);
}
.site-footer::before{
  content:"";position:absolute;top:0;left:0;
  width:min(40%,420px);height:3px;
  background:linear-gradient(90deg,var(--c-cyan),transparent);
}
.footer__grid{
  display:grid;gap:var(--sp-6) var(--sp-5);
  grid-template-columns:1.5fr 1fr 1.35fr 1.15fr;
  padding-top:var(--sp-6);padding-bottom:var(--sp-6);
}
.footer__col{min-width:0}
.footer__brand{
  font-family:var(--font-display);font-size:22px;
  letter-spacing:.1em;text-transform:uppercase;color:var(--c-white);
}
.footer__tag{margin-top:10px;font-size:var(--fs-2);color:var(--c-mist);max-width:34ch}
.footer__serif{
  margin-top:12px;font-family:var(--font-serif);
  font-size:var(--fs-1);letter-spacing:.08em;color:var(--c-slate);
}
.footer__head{
  margin-bottom:14px;font-family:var(--font-display);
  font-size:var(--fs-1);letter-spacing:.2em;text-transform:uppercase;
  color:var(--c-cyan);font-weight:600;
}
.footer__list li+li{margin-top:10px}
.footer__list a{font-size:var(--fs-2);color:var(--c-mist)}
.footer__list a:hover{color:var(--c-cyan);text-decoration:underline;text-underline-offset:3px}
.footer__list--meta li{
  font-family:var(--font-mono);font-size:var(--fs-1);
  line-height:1.6;color:var(--c-slate);word-break:break-word;
}
.footer__label{
  display:inline-block;min-width:44px;margin-right:6px;
  font-size:10px;letter-spacing:.12em;color:var(--c-cyan);
}
.footer__legal{border-top:1px solid var(--line);background:var(--c-ink)}
.footer__legal-inner{
  display:flex;flex-wrap:wrap;align-items:center;
  justify-content:space-between;gap:12px 24px;
  padding-top:16px;padding-bottom:16px;
  font-family:var(--font-mono);font-size:var(--fs-1);
  letter-spacing:.05em;color:var(--c-slate);
}
.footer__icp{color:var(--c-mist)}
.footer__legal-links{display:flex;flex-wrap:wrap;gap:18px}
.footer__legal-links a{color:var(--c-slate);border-bottom:1px dashed rgba(142,163,168,.45)}
.footer__legal-links a:hover{color:var(--c-cyan);border-bottom-color:var(--c-cyan)}
.footer__copy{color:var(--c-slate)}

/* ---------- 7. 响应式 ---------- */
@media (max-width:1120px){
  .brand__meta{display:none}
  .footer__grid{grid-template-columns:1.4fr 1fr 1.3fr 1.1fr}
}

@media (max-width:1040px){
  :root{--header-h:98px;--gutter:20px}
  .season-chip{display:none}
  .nav-toggle{display:inline-flex}
  .masthead__cta{margin-left:auto}
  .nav{
    position:absolute;left:0;right:0;top:100%;margin:0;display:none;
    background:var(--c-ink-2);
    border-top:1px solid var(--line-cy);
    border-bottom:1px solid var(--line-cy);
    box-shadow:0 26px 44px rgba(0,0,0,.58);
    max-height:calc(100vh - 120px);overflow-y:auto;
  }
  .nav[data-open]{display:block}
  .nav__list{flex-direction:column;align-items:stretch;gap:0;padding:8px 20px 18px}
  .nav__link{padding:15px 8px;font-size:15px;border-bottom:1px solid var(--line-soft);border-radius:0}
  .nav__link[aria-current="page"]::after{
    left:auto;right:0;top:50%;bottom:auto;width:20px;height:2px;
    transform:translateY(-50%);
  }
  .nav__item:last-child .nav__link{border-bottom:0}
  .grid--4{--cols:2}
}

@media (max-width:900px){
  :root{--sp-7:56px;--sp-8:72px}
  .grid--3{--cols:2}
  .grid--split,.grid--aside{grid-template-columns:minmax(0,1fr)}
  .footer__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-5) var(--sp-4)}
  .statusbar__scores{gap:14px}
}

@media (max-width:700px){
  .statusbar__inner{gap:12px}
  .statusbar__scores .score:nth-child(n+2){display:none}
  .statusbar__link{margin-left:auto}
}

@media (max-width:560px){
  :root{--gutter:16px;--header-h:92px}
  .masthead{padding:10px 0 9px}
  .brand__mark{width:32px;height:32px;font-size:13px}
  .brand__name{font-size:16px}
  .masthead__cta{display:none}
  .nav-toggle{margin-left:auto}
  .grid,.grid--2,.grid--3,.grid--4{--cols:1}
  .grid--split,.grid--aside{grid-template-columns:minmax(0,1fr)}
  .footer__grid{grid-template-columns:minmax(0,1fr);padding-top:var(--sp-6)}
  .footer__legal-inner{flex-direction:column;align-items:flex-start}
  .h1{font-size:clamp(30px,9vw,44px)}
  .lede{font-size:var(--fs-3)}
}

/* ---------- 8. 可访问性偏好 ---------- */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
    scroll-behavior:auto !important;
  }
  [data-reveal]{opacity:1;transform:none}
  .season-chip__dot{animation:none}
}