/* ===========================================================
   /assets/site.css — 小鸟体育赛场 共享层
   夜场看板：深墨绿轨道 + 米白阅读区 + 信号橙信号系统
   =========================================================== */

:root{
  --orange:#FF6A2A;
  --ink-green:#0B2B24;
  --turf:#174B3A;
  --cream:#F4F0E6;
  --ink:#0F171A;
  --cool:#B8C3C7;
  --cyan:#20E5CF;
  --amber:#FFC247;
  --line:#D8DEDA;
  --panel:#222D30;

  --rail-w:248px;
  --bar-h:64px;
  --wrap:1280px;
  --cut-lg:22px;
  --cut-sm:12px;

  --ff-display:"Barlow Condensed","Oswald","Noto Sans SC","Source Han Sans SC","PingFang SC","Microsoft YaHei",system-ui,-apple-system,"Segoe UI",sans-serif;
  --ff-body:"Noto Sans SC","Source Han Sans SC","PingFang SC","Microsoft YaHei",system-ui,-apple-system,"Segoe UI",sans-serif;
  --ff-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"IBM Plex Mono","Courier New",monospace;

  --ease:cubic-bezier(.22,.61,.36,1);
}

/* ---------- reset ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
img,svg{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}
h1,h2,h3,h4{font-family:var(--ff-display);font-weight:800;line-height:1.2;letter-spacing:-.01em}

/* ---------- base ---------- */
body{
  font-family:var(--ff-body);
  font-size:16px;
  font-weight:400;
  line-height:1.65;
  color:var(--ink);
  background:var(--cream);
  padding-top:var(--bar-h);
  overflow-x:hidden;
}
::selection{background:var(--orange);color:var(--ink)}

:focus-visible{
  outline:2px solid var(--cyan);
  outline-offset:3px;
}

.sr-only{
  position:absolute;
  width:1px;height:1px;
  margin:-1px;padding:0;border:0;
  overflow:hidden;white-space:nowrap;
  clip:rect(0 0 0 0);clip-path:inset(50%);
}

/* ---------- skip link ---------- */
.skip-link{
  position:fixed;
  top:0;left:12px;
  z-index:400;
  transform:translateY(-140%);
  padding:.62rem 1.05rem;
  background:var(--orange);
  color:var(--ink);
  font-weight:800;
  font-size:.9rem;
  text-decoration:none;
  clip-path:polygon(0 0,100% 0,100% 100%,12px 100%,0 calc(100% - 12px));
  transition:transform .18s var(--ease);
}
.skip-link:focus{transform:translateY(0)}

/* ---------- 阅读进度 ---------- */
.read-progress{
  position:fixed;
  top:0;left:0;right:0;
  height:3px;
  z-index:300;
  background:rgba(11,43,36,.55);
  pointer-events:none;
}
.read-progress__bar{
  display:block;
  height:100%;
  width:0;
  background:linear-gradient(90deg,var(--orange),var(--amber));
  transition:width .12s linear;
}

/* ---------- 移动端顶栏 ---------- */
.mobile-bar{
  position:fixed;
  top:0;left:0;right:0;
  height:var(--bar-h);
  z-index:260;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding:0 .85rem 0 1rem;
  background:rgba(11,43,36,.98);
  border-bottom:1px solid rgba(244,240,230,.16);
}
.mini-brand{
  display:flex;
  align-items:baseline;
  gap:.5rem;
  text-decoration:none;
  color:var(--cream);
  font-family:var(--ff-display);
  font-weight:900;
  font-size:1rem;
  letter-spacing:.01em;
  white-space:nowrap;
}
.mini-brand span{
  font-family:var(--ff-mono);
  font-size:10px;
  font-weight:600;
  letter-spacing:.14em;
  color:var(--orange);
}
.nav-toggle{
  flex:none;
  width:44px;height:40px;
  display:grid;
  place-items:center;
  background:var(--orange);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%);
  transition:background .18s var(--ease);
}
.nav-toggle:hover{background:var(--amber)}
.nav-toggle__bars{
  position:relative;
  display:block;
  width:20px;height:2px;
  background:var(--ink);
  transition:background .18s var(--ease);
}
.nav-toggle__bars::before,
.nav-toggle__bars::after{
  content:"";
  position:absolute;
  left:0;
  width:20px;height:2px;
  background:var(--ink);
  transition:transform .22s var(--ease),top .22s var(--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)}

/* ---------- 遮罩 ---------- */
.rail-scrim{
  position:fixed;
  inset:0;
  z-index:240;
  background:rgba(6,20,17,.66);
  opacity:0;
  pointer-events:none;
  transition:opacity .24s var(--ease);
}
.site-header[data-open] .rail-scrim{opacity:1;pointer-events:auto}

/* ---------- 侧边轨道 / 抽屉 ---------- */
.rail{
  position:fixed;
  top:0;left:0;bottom:0;
  width:min(86vw,320px);
  z-index:250;
  display:flex;
  flex-direction:column;
  gap:1.1rem;
  padding:calc(var(--bar-h) + .8rem) 1rem 1.4rem;
  background:var(--ink-green);
  color:var(--cream);
  border-right:1px solid rgba(244,240,230,.16);
  overflow-y:auto;
  scrollbar-width:thin;
  scrollbar-color:rgba(244,240,230,.3) transparent;
  transform:translateX(-102%);
  transition:transform .3s var(--ease);
  will-change:transform;
}
.rail::before{
  content:"";
  position:absolute;
  inset:0;
  background:repeating-linear-gradient(115deg,rgba(32,229,207,.055) 0 2px,transparent 2px 24px);
  pointer-events:none;
}
.site-header[data-open] .rail{transform:translateX(0)}

.rail__top{position:relative}
.brand{
  display:flex;
  align-items:center;
  gap:.7rem;
  text-decoration:none;
  color:var(--cream);
}
.brand__mark{
  flex:none;
  width:36px;height:36px;
  background:var(--orange);
  clip-path:polygon(0 0,100% 0,100% 68%,68% 100%,0 100%);
  position:relative;
}
.brand__mark::after{
  content:"";
  position:absolute;
  left:8px;right:8px;bottom:11px;
  height:3px;
  background:var(--ink-green);
  box-shadow:0 -7px 0 var(--ink-green);
}
.brand__text{display:flex;flex-direction:column;min-width:0}
.brand__name{
  display:block;
  font-family:var(--ff-display);
  font-weight:900;
  font-size:1.04rem;
  line-height:1.2;
  letter-spacing:.01em;
}
.brand__tag{
  display:block;
  margin-top:.28rem;
  font-family:var(--ff-mono);
  font-size:10px;
  letter-spacing:.05em;
  color:var(--cool);
  white-space:nowrap;
}

.rail__nav{position:relative;flex:1 1 auto}
.nav-list{display:flex;flex-direction:column;gap:2px}
.nav-link{
  position:relative;
  display:flex;
  align-items:center;
  gap:.6rem;
  padding:.66rem .7rem .66rem .55rem;
  color:#DCE5E1;
  font-size:.94rem;
  font-weight:600;
  text-decoration:none;
  border-left:2px solid transparent;
  transition:color .18s var(--ease),background .18s var(--ease),border-color .18s var(--ease),transform .18s var(--ease);
}
.nav-link__idx{
  min-width:1.7em;
  font-family:var(--ff-mono);
  font-size:10px;
  font-weight:600;
  letter-spacing:.08em;
  color:var(--orange);
}
.nav-link:hover{
  color:#fff;
  background:rgba(32,229,207,.08);
  border-left-color:var(--cyan);
  transform:translateX(2px);
}
.nav-link[aria-current="page"]{
  color:#fff;
  background:linear-gradient(90deg,rgba(255,106,42,.26),rgba(255,106,42,0));
  border-left-color:var(--orange);
}
.nav-link[aria-current="page"] .nav-link__idx{color:var(--amber)}
.nav-link[aria-current="page"]::after{
  content:"";
  position:absolute;
  right:.65rem;
  width:6px;height:6px;
  background:var(--orange);
  transform:rotate(45deg);
}

.rail__foot{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:.45rem;
  padding-top:.9rem;
  border-top:1px solid rgba(244,240,230,.16);
}
.rail-cta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.6rem;
  padding:.72rem .85rem;
  background:var(--orange);
  color:var(--ink);
  font-weight:800;
  font-size:.92rem;
  text-decoration:none;
  clip-path:polygon(0 0,100% 0,100% 70%,calc(100% - 16px) 100%,0 100%);
  transition:background .18s var(--ease),transform .18s var(--ease);
}
.rail-cta::after{content:"→";font-family:var(--ff-mono);font-weight:700}
.rail-cta:hover{background:var(--amber);transform:translateY(-1px)}
.rail-util{
  display:block;
  padding:.42rem .1rem;
  color:var(--cool);
  font-size:.86rem;
  text-decoration:none;
  border-bottom:1px dashed rgba(244,240,230,.28);
  transition:color .18s var(--ease),border-color .18s var(--ease);
}
.rail-util:hover{color:var(--cyan);border-color:var(--cyan)}
.rail__meta{
  display:flex;
  align-items:center;
  gap:.45rem;
  margin-top:.4rem;
  font-family:var(--ff-mono);
  font-size:10.5px;
  letter-spacing:.05em;
  color:var(--cool);
}

/* ---------- 状态点 ---------- */
.dot{
  flex:none;
  width:7px;height:7px;
  border-radius:50%;
  background:var(--cyan);
  box-shadow:0 0 0 0 rgba(32,229,207,.55);
  animation:breathe 2.8s ease-in-out infinite;
}
@keyframes breathe{
  0%,100%{box-shadow:0 0 0 0 rgba(32,229,207,.55);opacity:1}
  50%{box-shadow:0 0 0 6px rgba(32,229,207,0);opacity:.72}
}

/* ---------- 页脚 ---------- */
.site-footer{
  position:relative;
  background:var(--ink-green);
  color:var(--cream);
  overflow:hidden;
}
.footer__edge{
  height:12px;
  background-image:repeating-linear-gradient(115deg,var(--orange) 0 16px,transparent 16px 34px),linear-gradient(var(--turf),var(--turf));
  background-size:200px 100%,100% 100%;
  animation:edge-slide 16s linear infinite;
}
@keyframes edge-slide{
  from{background-position:0 0,0 0}
  to{background-position:200px 0,0 0}
}
.footer__inner{
  width:100%;
  max-width:var(--wrap);
  margin:0 auto;
  padding:2.2rem 1.15rem 1.4rem;
  display:grid;
  grid-template-columns:1fr;
  gap:2rem;
}
.footer__brand{min-width:0}
.footer__wordmark{
  font-family:var(--ff-display);
  font-weight:900;
  font-size:clamp(1.6rem,5vw,2.15rem);
  line-height:1.05;
  letter-spacing:-.01em;
}
.footer__line{
  margin-top:.55rem;
  max-width:36ch;
  font-size:.9rem;
  line-height:1.6;
  color:var(--cool);
}
.footer__status{
  display:flex;
  align-items:center;
  gap:.45rem;
  margin-top:.9rem;
  font-family:var(--ff-mono);
  font-size:11.5px;
  letter-spacing:.04em;
  color:var(--amber);
}
.footer__tags{margin-top:1rem}
.footer__cta{margin-top:1.1rem}
.footer__title{
  margin-bottom:.85rem;
  font-family:var(--ff-mono);
  font-size:11px;
  font-weight:600;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--cyan);
}
.footer__links{display:grid;gap:.5rem}
.footer__links a{
  display:inline-block;
  font-size:.93rem;
  color:#E7EFEB;
  text-decoration:none;
  border-bottom:1px solid transparent;
  transition:color .18s var(--ease),border-color .18s var(--ease),transform .18s var(--ease);
}
.footer__links a:hover{color:var(--orange);border-color:var(--orange);transform:translateX(3px)}
.contact-list{display:grid;gap:.8rem}
.contact-list__row{display:grid;gap:.3rem}
.contact-list__k{
  font-family:var(--ff-mono);
  font-size:10.5px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--cool);
}
.contact-list__v{font-size:.9rem;line-height:1.55;color:#E7EFEB}
.footer__note{
  margin-top:1rem;
  max-width:34ch;
  font-size:.8rem;
  line-height:1.6;
  color:var(--cool);
}
.copy-chip{
  justify-self:start;
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  padding:.36rem .62rem;
  background:rgba(244,240,230,.07);
  border:1px solid rgba(244,240,230,.24);
  color:var(--cream);
  font-size:.86rem;
  text-align:left;
  clip-path:polygon(0 0,100% 0,100% 68%,calc(100% - 10px) 100%,0 100%);
  transition:background .18s var(--ease),border-color .18s var(--ease),color .18s var(--ease);
}
.copy-chip:hover{background:rgba(255,106,42,.18);border-color:var(--orange)}
.copy-chip[data-copied="true"]{border-color:var(--cyan);color:var(--cyan)}
.copy-chip[data-copied="false"]{border-color:var(--amber);color:var(--amber)}
.copy-status{
  min-height:1.1em;
  margin-top:.55rem;
  font-family:var(--ff-mono);
  font-size:10.5px;
  letter-spacing:.05em;
  color:var(--cyan);
}
.footer__base{
  width:100%;
  max-width:var(--wrap);
  margin:0 auto;
  padding:1rem 1.15rem 1.8rem;
  border-top:1px solid rgba(244,240,230,.16);
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:.7rem 1.4rem;
}
.footer__legal{display:flex;flex-wrap:wrap;gap:.35rem 1.1rem}
.footer__legal a{
  font-size:.84rem;
  color:#DCE5E1;
  text-decoration:none;
  border-bottom:1px solid rgba(244,240,230,.28);
  padding-bottom:1px;
  transition:color .18s var(--ease),border-color .18s var(--ease);
}
.footer__legal a:hover{color:var(--orange);border-color:var(--orange)}
.footer__icp,
.footer__copy{
  font-family:var(--ff-mono);
  font-size:11px;
  letter-spacing:.04em;
  color:var(--cool);
}

/* ---------- 通用布局 ---------- */
.wrap{
  width:100%;
  max-width:var(--wrap);
  margin-inline:auto;
  padding-inline:1.15rem;
}
.section{padding:2.6rem 0}
.section--dark{background:var(--ink-green);color:var(--cream)}
.section--turf{background:var(--turf);color:var(--cream)}
.section--cream{background:var(--cream);color:var(--ink)}
.grid{display:grid;gap:1rem;grid-template-columns:1fr}
.split{display:grid;gap:1.5rem;grid-template-columns:1fr}

/* ---------- 通用文字 ---------- */
.eyebrow{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  font-family:var(--ff-mono);
  font-size:11px;
  font-weight:600;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--orange);
}
.eyebrow::before{content:"";width:18px;height:2px;background:var(--orange)}
.section-title{
  margin:.45rem 0 .8rem;
  font-family:var(--ff-display);
  font-weight:900;
  font-size:clamp(1.5rem,4.4vw,2.4rem);
  line-height:1.14;
  letter-spacing:-.015em;
}
.lede{
  max-width:62ch;
  font-size:1.01rem;
  line-height:1.75;
  color:#33403D;
}
.section--dark .lede,
.section--turf .lede{color:#CFDAD5}
.prose{max-width:68ch}
.prose p{margin:0 0 1em}
.prose p:last-child{margin-bottom:0}
.prose ul{list-style:disc;padding-left:1.25em;margin:0 0 1em}
.prose li{margin-bottom:.35em}
.section--dark .prose,
.section--turf .prose{color:#DCE5E1}

/* ---------- 面包屑 ---------- */
.crumbs{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.45rem;
  padding:1rem 0 0;
  font-family:var(--ff-mono);
  font-size:11px;
  letter-spacing:.05em;
  color:#5A6A6D;
}
.crumbs__link{
  color:inherit;
  text-decoration:none;
  border-bottom:1px solid transparent;
  transition:color .18s var(--ease),border-color .18s var(--ease);
}
.crumbs__link:hover{color:var(--orange);border-color:var(--orange)}
.crumbs__sep{color:var(--orange)}
.crumbs__current{color:var(--ink);font-weight:600}
.section--dark .crumbs,
.section--turf .crumbs{color:var(--cool)}
.section--dark .crumbs__current,
.section--turf .crumbs__current{color:var(--cream)}

/* ---------- 按钮 ---------- */
.btn{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  padding:.72rem 1.1rem;
  font-size:.93rem;
  font-weight:800;
  text-decoration:none;
  border:2px solid transparent;
  clip-path:polygon(0 0,100% 0,100% 68%,calc(100% - 14px) 100%,0 100%);
  transition:background .18s var(--ease),color .18s var(--ease),border-color .18s var(--ease),transform .18s var(--ease);
}
.btn:hover{transform:translateY(-2px)}
.btn--solid{background:var(--orange);color:var(--ink)}
.btn--solid:hover{background:var(--amber)}
.btn--ghost{background:transparent;border-color:rgba(244,240,230,.42);color:var(--cream)}
.btn--ghost:hover{background:rgba(244,240,230,.1);border-color:var(--cyan);color:var(--cyan)}
.btn--quiet{background:transparent;border-color:var(--line);color:var(--ink)}
.btn--quiet:hover{border-color:var(--orange);color:#B33A0A}

/* ---------- 卡片 ---------- */
.card{
  position:relative;
  padding:1.1rem 1.1rem 1.2rem;
  background:#fff;
  border:2px solid var(--line);
  clip-path:polygon(0 0,100% 0,100% calc(100% - var(--cut-sm)),calc(100% - var(--cut-sm)) 100%,0 100%);
  transition:transform .2s var(--ease),border-color .2s var(--ease),box-shadow .2s var(--ease);
}
.card:hover{transform:translate(-2px,-2px);border-color:var(--orange);box-shadow:6px 6px 0 rgba(255,106,42,.16)}
.card--dark{background:var(--panel);border-color:rgba(244,240,230,.18);color:var(--cream)}
.card--dark:hover{border-color:var(--cyan);box-shadow:6px 6px 0 rgba(32,229,207,.16)}
.card__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.6rem;
  margin-bottom:.65rem;
}
.card__title{
  margin:0 0 .35rem;
  font-family:var(--ff-display);
  font-weight:800;
  font-size:1.06rem;
  line-height:1.32;
}
.card__meta{
  font-family:var(--ff-mono);
  font-size:11px;
  letter-spacing:.05em;
  color:#5A6A6D;
}
.card--dark .card__meta,
.section--dark .card__meta,
.section--turf .card__meta{color:var(--cool)}

/* ---------- 标签 ---------- */
.tag-list{display:flex;flex-wrap:wrap;gap:.4rem}
.tag{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  padding:.24rem .52rem;
  font-family:var(--ff-mono);
  font-size:10.5px;
  font-weight:600;
  letter-spacing:.1em;
  text-transform:uppercase;
  background:rgba(15,23,26,.07);
  border:1px solid var(--line);
  color:#2A383B;
  clip-path:polygon(0 0,100% 0,100% 62%,calc(100% - 8px) 100%,0 100%);
}
.tag--orange{background:var(--orange);border-color:var(--orange);color:var(--ink)}
.tag--cyan{background:var(--cyan);border-color:var(--cyan);color:#062B27}
.tag--amber{background:var(--amber);border-color:var(--amber);color:var(--ink)}

/* ---------- 数据 ---------- */
.stat{display:flex;flex-direction:column;gap:.2rem}
.stat__num{
  font-family:var(--ff-mono);
  font-weight:700;
  font-size:clamp(2rem,7vw,4.2rem);
  line-height:.95;
  letter-spacing:-.03em;
  color:var(--orange);
}
.stat__label{
  font-family:var(--ff-mono);
  font-size:10.5px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#5A6A6D;
}
.section--dark .stat__label,
.section--turf .stat__label{color:var(--cool)}

.table-scroll{
  overflow-x:auto;
  background:#fff;
  border:2px solid var(--line);
  clip-path:polygon(0 0,100% 0,100% calc(100% - var(--cut-sm)),calc(100% - var(--cut-sm)) 100%,0 100%);
}
.data-table{width:100%;border-collapse:collapse;font-size:.9rem}
.data-table caption{
  padding:.7rem .9rem;
  text-align:left;
  font-family:var(--ff-mono);
  font-size:10.5px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#5A6A6D;
  border-bottom:1px solid var(--line);
}
.data-table th,
.data-table td{
  padding:.62rem .9rem;
  text-align:left;
  vertical-align:top;
  border-bottom:1px solid var(--line);
}
.data-table thead th{
  background:var(--ink-green);
  color:var(--cream);
  font-family:var(--ff-mono);
  font-size:10.5px;
  font-weight:600;
  letter-spacing:.12em;
  text-transform:uppercase;
  white-space:nowrap;
}
.data-table tbody tr{transition:background .18s var(--ease)}
.data-table tbody tr:hover{background:rgba(255,106,42,.08)}
.data-table td:first-child{font-weight:600}
.data-table__num{
  font-family:var(--ff-mono);
  font-weight:700;
  color:var(--orange);
}

/* ---------- 媒体容器 ---------- */
.media{
  position:relative;
  display:block;
  width:100%;
  overflow:hidden;
  background:var(--turf);
  clip-path:polygon(0 0,100% 0,100% calc(100% - var(--cut-lg)),calc(100% - var(--cut-lg)) 100%,0 100%);
}
.media::after{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:46%;
  background:linear-gradient(180deg,rgba(11,43,36,0),rgba(11,43,36,.55));
  pointer-events:none;
}
.media img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .5s var(--ease);
}
.media:hover img{transform:scale(1.03)}
.media--wide{aspect-ratio:16/9}
.media--tall{aspect-ratio:3/4}
.media--square{aspect-ratio:1/1}
.media__caption{
  margin-top:.5rem;
  font-family:var(--ff-mono);
  font-size:10.5px;
  letter-spacing:.06em;
  color:#5A6A6D;
}
.section--dark .media__caption,
.section--turf .media__caption{color:var(--cool)}

/* ---------- 章节高亮钩子（页面阶段可选） ---------- */
[data-spy-link]{
  position:relative;
  transition:color .18s var(--ease);
}
[data-spy-link].is-current{color:var(--orange)}
[data-spy-link].is-current::before{
  content:"";
  position:absolute;
  left:-.7rem;
  top:.62em;
  width:6px;height:6px;
  background:var(--orange);
  transform:rotate(45deg);
}

/* ---------- 断点 ---------- */
@media (min-width:600px){
  .footer__inner{grid-template-columns:1fr 1fr;gap:2rem 1.8rem}
  .footer__brand{grid-column:1 / -1}
  .grid--2{grid-template-columns:repeat(2,1fr)}
}
@media (min-width:768px){
  .wrap{padding-inline:1.6rem}
  .section{padding:3.4rem 0}
  .footer__inner{padding:2.6rem 1.6rem 1.6rem}
  .footer__base{padding:1.1rem 1.6rem 2rem}
  .grid{gap:1.2rem}
  .grid--3{grid-template-columns:repeat(2,1fr)}
}
@media (min-width:920px){
  body{padding-top:0;padding-left:var(--rail-w)}
  .mobile-bar{display:none}
  .rail-scrim{display:none}
  .rail{
    width:var(--rail-w);
    transform:none;
    padding:1.6rem 1.1rem 1.4rem;
    transition:none;
  }
  .read-progress{left:var(--rail-w)}
  .split{grid-template-columns:7fr 5fr;gap:2rem;align-items:start}
  .footer__inner{grid-template-columns:1.25fr .85fr 1fr}
  .footer__brand{grid-column:auto}
}
@media (min-width:1100px){
  .section{padding:4.2rem 0}
  .grid--3{grid-template-columns:repeat(3,1fr)}
  .grid--2{gap:1.4rem}
}

/* ---------- 减少动态偏好 ---------- */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
    scroll-behavior:auto !important;
  }
  .dot,.footer__edge{animation:none}
  .read-progress__bar{transition:none}
  .card:hover,.btn:hover,.media:hover img,.footer__links a:hover,.nav-link:hover{transform:none}
}