/* ============================================================
   星空娱乐赛场 · 共享样式 /assets/site.css
   深空底 / 星芒金 / 霓虹青 / 奶油纸档案面板
   ============================================================ */

/* ---------- 1. 设计变量 ---------- */
:root{
  --deep:#060A1C;
  --nebula:#171043;
  --orbit:#34457F;
  --gold:#FFC24B;
  --gold-soft:#FFE7B0;
  --cyan:#2FE3D6;
  --cream:#F5EEE0;
  --ink:#17110A;
  --coral:#FF5B3A;
  --mist:#A7B2D9;

  --rail:92px;
  --bar-h:68px;
  --wrap-max:1200px;
  --gutter:clamp(18px,4vw,40px);

  --bang:8px 8px 0 var(--ink);
  --bang-dark:8px 8px 0 rgba(6,10,28,.9);
  --r-lg:22px;
  --r-sm:12px;

  --fs-display:clamp(40px,7vw,96px);
  --fs-num:clamp(56px,10vw,140px);

  --ease:cubic-bezier(.22,.7,.28,1);
  --mono:ui-monospace,SFMono-Regular,"JetBrains Mono",Menlo,Consolas,"Noto Sans Mono CJK SC",monospace;
  --sans:"Noto Sans SC","Source Han Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,sans-serif;
}

/* ---------- 2. Reset ---------- */
*,*::before,*::after{box-sizing:border-box;}
html{
  -webkit-text-size-adjust:100%;
  scroll-behavior:smooth;
  scroll-padding-top:calc(var(--bar-h) + 20px);
  background:var(--deep);
}
body{
  margin:0;
  background:transparent;
  color:var(--cream);
  font-family:var(--sans);
  font-size:16.5px;
  line-height:1.85;
  font-weight:400;
  min-height:100vh;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4,h5,h6{margin:0 0 .5em;line-height:1.2;font-weight:800;letter-spacing:.01em;}
p{margin:0 0 1em;}
p:last-child{margin-bottom:0;}
ul,ol{padding-left:1.25em;}
img{max-width:100%;height:auto;display:block;}
button,input,select,textarea{font:inherit;color:inherit;}
a{color:inherit;}
[hidden]{display:none !important;}
#main-content{scroll-margin-top:calc(var(--bar-h) + 24px);}

/* ---------- 3. 星域背景 ---------- */
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background:
    radial-gradient(1100px 720px at 78% -12%, rgba(52,69,127,.55), transparent 62%),
    radial-gradient(880px 620px at 8% 6%, rgba(23,16,67,.9), transparent 66%),
    radial-gradient(700px 520px at 96% 82%, rgba(47,227,214,.10), transparent 68%),
    var(--deep);
}
body::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.9;
  background-image:
    radial-gradient(1.6px 1.6px at 18% 22%, rgba(245,238,224,.6), transparent 100%),
    radial-gradient(1.6px 1.6px at 72% 12%, rgba(255,194,75,.7), transparent 100%),
    radial-gradient(1.6px 1.6px at 44% 68%, rgba(47,227,214,.55), transparent 100%),
    radial-gradient(1.6px 1.6px at 88% 54%, rgba(245,238,224,.45), transparent 100%),
    radial-gradient(1.6px 1.6px at 8% 76%, rgba(245,238,224,.35), transparent 100%),
    radial-gradient(1.6px 1.6px at 62% 88%, rgba(167,178,217,.55), transparent 100%),
    radial-gradient(1.6px 1.6px at 30% 44%, rgba(245,238,224,.3), transparent 100%),
    radial-gradient(1.6px 1.6px at 52% 6%, rgba(167,178,217,.5), transparent 100%);
}

/* ---------- 4. 焦点与可达性 ---------- */
:focus-visible{
  outline:3px solid var(--cyan);
  outline-offset:3px;
  border-radius:6px;
}
.skip-link{
  position:fixed;
  left:16px;
  top:-90px;
  z-index:120;
  padding:10px 18px;
  border-radius:999px;
  background:var(--gold);
  color:var(--ink);
  font-size:14px;
  font-weight:800;
  text-decoration:none;
  border:3px solid var(--ink);
  transition:top .2s var(--ease);
}
.skip-link:focus{top:14px;}

/* ---------- 5. 布局容器 ---------- */
.wrap{
  width:100%;
  max-width:calc(var(--wrap-max) + var(--gutter) * 2);
  margin-inline:auto;
  padding-inline:var(--gutter);
}
@media (min-width:1024px){
  .wrap{padding-left:calc(var(--rail) + var(--gutter));}
}
.grid{display:grid;gap:clamp(16px,2.4vw,28px);}
@media (min-width:760px){
  .grid--2{grid-template-columns:repeat(2,minmax(0,1fr));}
  .grid--3{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (min-width:980px){
  .grid--split{grid-template-columns:5fr 7fr;}
  .grid--split-r{grid-template-columns:7fr 5fr;}
}

/* ---------- 6. 排版 ---------- */
.display{
  font-size:var(--fs-display);
  font-weight:900;
  line-height:.95;
  letter-spacing:.02em;
  margin:0 0 .3em;
}
.h2{
  font-size:clamp(24px,3.4vw,36px);
  font-weight:800;
  line-height:1.2;
  letter-spacing:.01em;
  margin:0 0 14px;
}
.h-gold{
  background:linear-gradient(96deg,var(--gold) 0%,var(--gold-soft) 56%,var(--gold) 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  -webkit-text-fill-color:transparent;
}
@supports not ((-webkit-background-clip:text) or (background-clip:text)){
  .h-gold{color:var(--gold);-webkit-text-fill-color:currentColor;}
}
.lead{
  font-size:clamp(16px,1.6vw,18.5px);
  line-height:1.85;
  color:var(--mist);
  margin:0 0 18px;
  max-width:46em;
}
.hint{font-size:13px;line-height:1.75;color:var(--mist);letter-spacing:.04em;}
.mono{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:.02em;}
.eyebrow{
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin:0 0 14px;
  font-size:12px;
  font-weight:700;
  letter-spacing:.2em;
  color:var(--cyan);
}
.eyebrow::before{content:"";width:22px;height:2px;background:var(--cyan);flex:none;}
.prose{font-size:16.5px;line-height:1.85;max-width:46em;}
.prose p{margin:0 0 1.05em;}
.prose p:last-child{margin-bottom:0;}
.prose h2{margin:1.5em 0 .6em;font-size:clamp(21px,2.4vw,27px);}
.prose h3{margin:1.3em 0 .5em;font-size:19px;}
.prose ul,.prose ol{margin:0 0 1.05em;padding-left:1.35em;}
.prose li{margin-bottom:.4em;}
.prose a{color:var(--gold);text-decoration:underline;text-underline-offset:3px;}

/* ---------- 7. 顶栏 ---------- */
.site-header{
  position:fixed;
  inset:0 0 auto 0;
  z-index:60;
  min-height:var(--bar-h);
  color:var(--cream);
  background:linear-gradient(180deg,rgba(6,10,28,.92) 0%,rgba(6,10,28,.58) 64%,rgba(6,10,28,0) 100%);
  transition:background .3s var(--ease),color .3s var(--ease),box-shadow .3s var(--ease);
}
.site-header[data-stuck="true"]{
  background:var(--cream);
  color:var(--ink);
  box-shadow:0 3px 0 var(--ink);
}
.readbar{
  position:fixed;
  top:0;left:0;right:0;
  height:3px;
  z-index:90;
  background:rgba(167,178,217,.14);
  pointer-events:none;
}
.readbar__fill{
  display:block;
  height:100%;
  width:0;
  background:linear-gradient(90deg,var(--cyan),var(--gold));
  transition:width .12s linear;
}
.bar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  min-height:var(--bar-h);
  padding-block:10px;
  padding-inline:var(--gutter);
}
@media (min-width:1024px){
  .bar{padding-left:calc(var(--rail) + var(--gutter));}
}
.brand{
  display:flex;
  align-items:center;
  gap:12px;
  text-decoration:none;
  color:inherit;
  min-width:0;
}
.brand__mark{
  position:relative;
  width:26px;
  height:26px;
  flex:none;
  border-radius:50%;
  border:3px solid var(--gold);
}
.brand__mark::after{
  content:"";
  position:absolute;
  inset:4px;
  border-radius:50%;
  background:var(--cyan);
  box-shadow:0 0 12px var(--cyan);
  animation:breathe 2.4s ease-in-out infinite;
}
.brand__text{display:flex;flex-direction:column;gap:1px;min-width:0;}
.brand__name{
  font-size:18px;
  font-weight:900;
  letter-spacing:.04em;
  line-height:1.25;
  white-space:nowrap;
}
.brand__meta{
  display:flex;
  align-items:center;
  gap:6px;
  font-size:11px;
  letter-spacing:.12em;
  color:var(--mist);
  line-height:1.4;
  white-space:nowrap;
}
.site-header[data-stuck="true"] .brand__meta{color:#6B6685;}
.live-dot{
  width:8px;
  height:8px;
  flex:none;
  border-radius:50%;
  background:var(--cyan);
  animation:pulse 2.4s ease-out infinite;
}
@keyframes breathe{
  0%,100%{opacity:1;transform:scale(1);}
  50%{opacity:.55;transform:scale(.82);}
}
@keyframes pulse{
  0%{box-shadow:0 0 0 0 rgba(47,227,214,.55);}
  70%{box-shadow:0 0 0 10px rgba(47,227,214,0);}
  100%{box-shadow:0 0 0 0 rgba(47,227,214,0);}
}
.bar__side{display:flex;align-items:center;gap:12px;}
.commute{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:5px 13px;
  border-radius:999px;
  border:2px solid currentColor;
  font-size:11.5px;
  font-weight:700;
  letter-spacing:.12em;
  white-space:nowrap;
}
.commute__value{
  font-family:var(--mono);
  color:var(--gold);
  font-weight:800;
}
.site-header[data-stuck="true"] .commute__value{color:#9A5F00;}

/* ---------- 8. 按钮 ---------- */
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:11px 20px;
  border-radius:999px;
  border:3px solid var(--ink);
  background:var(--gold);
  color:var(--ink);
  font-size:14px;
  font-weight:800;
  letter-spacing:.04em;
  text-decoration:none;
  box-shadow:5px 5px 0 var(--ink);
  cursor:pointer;
  transition:transform .18s var(--ease),box-shadow .18s var(--ease),background .18s var(--ease);
}
.btn:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--ink);}
.btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink);}
.btn--gold{background:var(--gold);color:var(--ink);}
.btn--ghost{
  background:transparent;
  color:var(--cream);
  border-color:var(--cream);
  box-shadow:5px 5px 0 rgba(245,238,224,.3);
}
.btn--ghost:hover{box-shadow:7px 7px 0 rgba(245,238,224,.4);}
.btn--sm{padding:8px 15px;font-size:12.5px;box-shadow:4px 4px 0 var(--ink);}
@media (max-width:640px){
  .btn--sm{padding:7px 12px;font-size:12px;}
}

/* ---------- 9. 移动导航按钮 ---------- */
.nav-toggle{
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:9px 15px;
  border-radius:999px;
  border:3px solid currentColor;
  background:transparent;
  color:inherit;
  font-size:12.5px;
  font-weight:800;
  letter-spacing:.1em;
  cursor:pointer;
}
.nav-toggle__bars{
  position:relative;
  width:16px;
  height:2px;
  background:currentColor;
  flex:none;
}
.nav-toggle__bars::before,
.nav-toggle__bars::after{
  content:"";
  position:absolute;
  left:0;
  width:16px;
  height:2px;
  background:currentColor;
}
.nav-toggle__bars::before{top:-5px;}
.nav-toggle__bars::after{top:5px;}
.nav-toggle[aria-expanded="true"] .nav-toggle__bars{background:transparent;}
.nav-toggle[aria-expanded="true"] .nav-toggle__bars::before{transform:translateY(5px) rotate(45deg);}
.nav-toggle[aria-expanded="true"] .nav-toggle__bars::after{transform:translateY(-5px) rotate(-45deg);}
@media (min-width:1024px){
  .nav-toggle{display:none;}
}

/* ---------- 10. 星轨导航（移动端：底部悬浮舱） ---------- */
.rail-nav{
  position:fixed;
  z-index:70;
  left:14px;
  right:14px;
  bottom:14px;
  color:var(--cream);
  padding:16px;
  border:3px solid var(--gold);
  border-radius:26px;
  background:rgba(23,16,67,.96);
  box-shadow:0 18px 44px rgba(0,0,0,.55),6px 6px 0 rgba(6,10,28,.85);
  transform:translateY(calc(100% + 44px));
  opacity:0;
  visibility:hidden;
  transition:transform .32s var(--ease),opacity .24s var(--ease),visibility .32s linear;
}
.rail-nav[data-open]:not([data-open="false"]){
  transform:translateY(0);
  opacity:1;
  visibility:visible;
}
.rail-nav__head{
  margin:0 0 12px;
  font-size:11px;
  font-weight:800;
  letter-spacing:.22em;
  color:var(--cyan);
}
.rail-nav__list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
}
.rail-nav__list a{
  display:flex;
  align-items:center;
  gap:9px;
  padding:12px;
  border-radius:14px;
  border:2px solid var(--orbit);
  background:rgba(6,10,28,.62);
  color:var(--cream);
  font-size:14px;
  font-weight:600;
  letter-spacing:.04em;
  text-decoration:none;
  transition:border-color .2s var(--ease),color .2s var(--ease),background .2s var(--ease);
}
.rail-nav__list a:hover{border-color:var(--gold);color:var(--gold-soft);}
.rail-nav__list a[aria-current="page"]{
  background:var(--gold);
  color:var(--ink);
  border-color:var(--ink);
  box-shadow:4px 4px 0 rgba(6,10,28,.9);
}
.rail-nav__dot{
  width:7px;
  height:7px;
  flex:none;
  border-radius:50%;
  background:var(--cyan);
  box-shadow:0 0 10px var(--cyan);
}
.rail-nav__list a[aria-current="page"] .rail-nav__dot{background:var(--ink);box-shadow:none;}

/* ---------- 11. 星轨导航（桌面端：左侧竖排） ---------- */
@media (min-width:1024px){
  .rail-nav{
    left:20px;
    top:calc(var(--bar-h) + 28px);
    right:auto;
    bottom:auto;
    width:var(--rail);
    max-height:calc(100vh - var(--bar-h) - 56px);
    overflow-y:auto;
    overscroll-behavior:contain;
    scrollbar-width:none;
    padding:18px 0 20px;
    border:3px solid rgba(255,194,75,.5);
    border-radius:46px;
    background:rgba(23,16,67,.68);
    -webkit-backdrop-filter:blur(8px);
    backdrop-filter:blur(8px);
    box-shadow:6px 6px 0 rgba(6,10,28,.7);
    transform:none;
    opacity:1;
    visibility:visible;
    transition:none;
  }
  .rail-nav::-webkit-scrollbar{width:0;height:0;}
  .rail-nav__head{
    writing-mode:vertical-rl;
    margin:0 auto 16px;
    font-size:10px;
    letter-spacing:.34em;
    color:var(--mist);
  }
  .rail-nav__list{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:16px;
  }
  .rail-nav__list a{
    flex-direction:column;
    gap:9px;
    padding:0;
    border:none;
    background:transparent;
    box-shadow:none;
    border-radius:0;
    writing-mode:vertical-rl;
    font-size:12.5px;
    font-weight:700;
    letter-spacing:.2em;
    color:var(--mist);
  }
  .rail-nav__list a:hover{color:var(--gold-soft);}
  .rail-nav__list a[aria-current="page"]{
    background:transparent;
    color:var(--gold);
    border-color:transparent;
    box-shadow:none;
  }
  .rail-nav__list a[aria-current="page"] .rail-nav__dot{
    background:var(--gold);
    box-shadow:0 0 12px var(--gold);
  }
}

/* ---------- 12. 页脚 ---------- */
.site-footer{
  position:relative;
  margin-top:clamp(64px,9vw,120px);
  border-top:3px solid var(--orbit);
  background:linear-gradient(180deg,rgba(23,16,67,.85) 0%,rgba(6,10,28,.98) 46%);
  color:var(--cream);
  padding-top:clamp(38px,6vw,68px);
}
.site-footer::before{
  content:"";
  position:absolute;
  left:0;right:0;top:-3px;
  height:3px;
  opacity:.75;
  background:linear-gradient(90deg,transparent 0%,var(--gold) 22%,var(--cyan) 64%,transparent 100%);
}
.footer-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:32px;
}
@media (min-width:720px){
  .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (min-width:1080px){
  .footer-grid{grid-template-columns:1.45fr .9fr 1.35fr 1fr;gap:40px;}
}
.fcol__brand{
  margin:0 0 12px;
  font-size:clamp(22px,3vw,28px);
  font-weight:900;
  letter-spacing:.02em;
  line-height:1.2;
  color:var(--cream);
}
.fcol__promise{
  margin:0 0 12px;
  max-width:30ch;
  font-size:14.5px;
  line-height:1.8;
  color:var(--mist);
}
.fcol__meta{
  margin:0;
  font-size:12px;
  letter-spacing:.1em;
  color:var(--cyan);
}
.fcol__title{
  margin:0 0 14px;
  font-size:12px;
  font-weight:800;
  letter-spacing:.2em;
  color:var(--gold);
}
.fcol__list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:10px;
}
.fcol__list a{
  font-size:14.5px;
  color:var(--cream);
  text-decoration:none;
  border-bottom:1px solid transparent;
  padding-bottom:1px;
  transition:color .2s var(--ease),border-color .2s var(--ease);
}
.fcol__list a:hover,.fcol__list a:focus-visible{color:var(--gold);border-bottom-color:var(--gold);}
.fcol__list--quiet li{display:grid;gap:3px;}
.fcol__key{
  font-size:11px;
  font-weight:700;
  letter-spacing:.16em;
  color:var(--cyan);
}
.fcol__list--quiet li > span:not(.fcol__key){
  font-size:13.5px;
  line-height:1.7;
  color:var(--cream);
  word-break:break-word;
}
.fcol__note{
  margin:0 0 14px;
  max-width:28ch;
  font-size:13.5px;
  line-height:1.8;
  color:var(--mist);
}
.footer-base{
  margin-top:clamp(30px,5vw,54px);
  border-top:1px solid rgba(52,69,127,.7);
}
.footer-base__inner{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:8px 20px;
  padding-block:18px 26px;
  font-size:12.5px;
  letter-spacing:.06em;
  color:var(--mist);
}
.footer-base__inner p{margin:0;}

/* ---------- 13. 状态标签 ---------- */
.chip{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:5px 12px;
  border-radius:999px;
  border:2px solid var(--orbit);
  background:rgba(6,10,28,.55);
  color:var(--mist);
  font-size:12px;
  font-weight:700;
  letter-spacing:.1em;
  line-height:1.5;
}
.chip--cyan{border-color:var(--cyan);color:var(--cyan);}
.chip--gold{border-color:var(--gold);color:var(--gold);}
.chip--coral{border-color:var(--coral);color:var(--coral);}
.chip--on-paper{border-color:var(--ink);color:var(--ink);background:transparent;}

/* ---------- 14. 面板 ---------- */
.panel{
  background:var(--cream);
  color:var(--ink);
  border:3px solid var(--ink);
  border-radius:var(--r-lg);
  box-shadow:var(--bang);
  padding:clamp(20px,3vw,32px);
}
.panel .lead,.panel .hint{color:#5B5570;}
.panel .prose a{color:#9A5B00;}
.panel--dark{
  background:linear-gradient(158deg,rgba(23,16,67,.94),rgba(6,10,28,.94));
  color:var(--cream);
  border-color:var(--orbit);
  box-shadow:var(--bang-dark);
}
.panel--dark .lead,.panel--dark .hint{color:var(--mist);}
.panel--dark .h2{color:var(--gold-soft);}
.panel__title{margin:0 0 10px;font-size:19px;font-weight:800;letter-spacing:.01em;}

/* ---------- 15. 数据微卡片 ---------- */
.stat{
  border-left:3px solid var(--gold);
  padding-left:14px;
}
.stat__num{
  display:block;
  font-family:var(--mono);
  font-variant-numeric:tabular-nums;
  font-size:clamp(26px,4vw,40px);
  font-weight:800;
  line-height:1.05;
  color:var(--gold);
}
.stat__label{
  display:block;
  margin-top:4px;
  font-size:12px;
  letter-spacing:.12em;
  color:var(--mist);
}

/* ---------- 16. 章节大编号 ---------- */
.sec-num{
  display:block;
  font-family:var(--mono);
  font-variant-numeric:tabular-nums;
  font-weight:800;
  font-size:var(--fs-num);
  line-height:.82;
  letter-spacing:-.02em;
  color:rgba(167,178,217,.06);
  -webkit-text-stroke:3px rgba(167,178,217,.3);
  transition:color .45s var(--ease),-webkit-text-stroke-color .45s var(--ease),transform .45s var(--ease);
}
.sec-num.is-lit{
  color:rgba(255,194,75,.14);
  -webkit-text-stroke-color:var(--gold);
  transform:translateY(-8px);
}
@supports not (-webkit-text-stroke:1px black){
  .sec-num{color:rgba(167,178,217,.35);}
  .sec-num.is-lit{color:rgba(255,194,75,.75);}
}

/* ---------- 17. 面包屑 ---------- */
.crumbs{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  margin:0 0 22px;
  padding:0;
  list-style:none;
  font-size:12px;
  letter-spacing:.1em;
  color:var(--mist);
}
.crumbs li{display:flex;align-items:center;gap:8px;}
.crumbs li + li::before{
  content:"/";
  color:var(--orbit);
  letter-spacing:0;
}
.crumbs a{color:var(--mist);text-decoration:none;}
.crumbs a:hover{color:var(--gold);}
.crumbs [aria-current="page"]{color:var(--gold);}

/* ---------- 18. 图片容器基础规则 ---------- */
.media{
  position:relative;
  display:block;
  overflow:hidden;
  width:100%;
  aspect-ratio:16 / 10;
  border:3px solid var(--orbit);
  border-radius:var(--r-lg);
  background:
    radial-gradient(120% 100% at 76% 4%, rgba(52,69,127,.9), transparent 62%),
    radial-gradient(90% 90% at 10% 96%, rgba(47,227,214,.18), transparent 60%),
    linear-gradient(155deg,#0D1433 0%,#060A1C 74%);
  box-shadow:var(--bang-dark);
}
.media::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(167,178,217,.09) 1px,transparent 1px),
    linear-gradient(90deg,rgba(167,178,217,.09) 1px,transparent 1px);
  background-size:44px 44px;
}
.media > img{
  position:relative;
  z-index:1;
  width:100%;
  height:100%;
  object-fit:cover;
}
.media__tag{
  position:absolute;
  left:14px;
  bottom:14px;
  z-index:2;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 13px;
  border-radius:999px;
  border:2px solid var(--cyan);
  background:rgba(6,10,28,.86);
  color:var(--cyan);
  font-size:11.5px;
  font-weight:700;
  letter-spacing:.14em;
}
.media--cut{border-radius:26px 26px 26px 4px;}
.media--arc{border-radius:120px 120px 22px 22px;}
.media--wide{aspect-ratio:21 / 9;}
.media--tall{aspect-ratio:3 / 4;}
@media (max-width:600px){
  .media--arc{border-radius:70px 70px 22px 22px;}
}

/* ---------- 19. 小屏压缩 ---------- */
@media (max-width:620px){
  .commute__label{display:none;}
  .commute{padding:5px 11px;font-size:11px;}
  .brand__meta{display:none;}
  .brand__name{font-size:16px;}
}
@media (max-width:400px){
  .nav-toggle__text{display:none;}
}

/* ---------- 20. 减少动效 ---------- */
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto;}
  *,*::before,*::after{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
  }
  .rail-nav{transition:none;}
  .sec-num{transition:none;}
  .sec-num.is-lit{transform:none;}
}