/* ============================================================
   E尊国指南 · /assets/site.css
   共享外壳：reset、变量、中文排版、刊头、页脚、通用组件
   ============================================================ */

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0}
h1,h2,h3,h4,p,ul,ol,figure,blockquote,dl,dd{margin:0}
ul,ol{padding:0;list-style:none}
img,svg{display:block;max-width:100%}
button,input,select,textarea{font:inherit;color:inherit}
a{color:inherit}
[hidden]{display:none !important}

:root{
  --paper:#FAF8F4;
  --ink:#101820;
  --blue-deep:#17313F;
  --blue:#3A6B87;
  --blue-light:#C6D8E4;
  --orange:#E2662A;
  --orange-deep:#A63C10;
  --sage:#6E9B84;
  --sage-deep:#35594A;
  --stone:#E7E3DB;
  --line:#D8D3C8;
  --line-soft:#E6E1D7;
  --font-display:"HarmonyOS Sans SC","Source Han Sans SC","PingFang SC","Microsoft YaHei",sans-serif;
  --font-body:"Noto Serif SC","Source Han Serif SC","Songti SC",Georgia,serif;
  --font-mono:"JetBrains Mono","IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --w-max:1240px;
  --gutter:24px;
  --dur:160ms;
  --ease:cubic-bezier(.2,.7,.3,1);
}

/* ---------- 中文排版基础 ---------- */
body{
  background:var(--paper);
  color:var(--ink);
  font-family:var(--font-body);
  font-size:17px;
  line-height:1.85;
  letter-spacing:.005em;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4{
  font-family:var(--font-display);
  font-weight:800;
  letter-spacing:-.02em;
  line-height:1.12;
  color:var(--blue-deep);
}
h1{font-size:clamp(30px,4.4vw,52px);line-height:1.05}
h2{font-size:clamp(24px,2.6vw,34px)}
h3{font-size:clamp(18px,1.8vw,22px);letter-spacing:-.01em}
p{max-width:38em}
strong{font-weight:700;color:var(--blue-deep)}
::selection{background:var(--blue-light);color:var(--blue-deep)}
:focus-visible{outline:2px solid var(--orange-deep);outline-offset:2px}
#main-content:focus{outline:none}

.num,.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}

/* ---------- 跳转链 ---------- */
.skip-link{
  position:fixed;
  top:10px;left:10px;
  z-index:120;
  padding:10px 16px;
  background:var(--blue-deep);
  color:var(--paper);
  font-family:var(--font-display);
  font-weight:700;
  font-size:14px;
  text-decoration:none;
  transform:translateY(-160%);
  transition:transform var(--dur) var(--ease);
}
.skip-link:focus{transform:translateY(0)}

/* ============================================================
   页头：居中刊头 + 栏目带
   ============================================================ */
.site-header{
  position:relative;
  z-index:20;
  background:var(--paper);
  background-image:repeating-linear-gradient(90deg,transparent 0 79px,rgba(23,49,63,.045) 79px 80px);
  background-size:100% 100%;
}
.masthead{
  width:min(var(--w-max),100% - 48px);
  margin-inline:auto;
  padding:24px 0 16px;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:16px;
  border-bottom:1px solid var(--line);
}
.masthead__eyebrow{
  display:flex;align-items:center;gap:8px;
  font-family:var(--font-display);
  font-size:12px;
  font-weight:700;
  letter-spacing:.12em;
  color:var(--blue);
  max-width:none;
}
.rule-mark{display:inline-block;width:22px;height:2px;background:var(--orange);flex:0 0 auto}
.brand{
  font-family:var(--font-display);
  font-weight:800;
  font-size:clamp(24px,3.2vw,36px);
  letter-spacing:-.03em;
  line-height:1;
  color:var(--blue-deep);
  text-decoration:none;
  white-space:nowrap;
}
.brand::before{
  content:"";
  display:inline-block;
  width:.3em;height:.3em;
  background:var(--orange);
  margin-right:.34em;
  vertical-align:.06em;
}
.brand:hover{color:var(--blue)}
.masthead__status{
  justify-self:end;
  display:flex;align-items:center;gap:7px;
  font-family:var(--font-display);
  font-size:12.5px;
  font-weight:700;
  letter-spacing:.04em;
  color:var(--sage-deep);
  max-width:none;
}
.dot{display:inline-block;width:7px;height:7px;background:var(--sage);flex:0 0 auto}
.dot--live{box-shadow:0 0 0 3px rgba(110,155,132,.22)}

.nav-bar{border-bottom:1px solid var(--line)}
.nav-bar__inner{
  width:min(var(--w-max),100% - 48px);
  margin-inline:auto;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:20px;
  min-height:56px;
}
.nav-bar__index{
  font-family:var(--font-mono);
  font-size:11.5px;
  letter-spacing:.14em;
  color:var(--blue);
  text-transform:uppercase;
  max-width:none;
}

.nav-toggle{display:none}
.site-nav{justify-self:center}
.site-nav__list{display:flex;align-items:stretch;justify-content:center;gap:2px}
.site-nav a{
  display:block;
  padding:14px 15px;
  font-family:var(--font-display);
  font-weight:700;
  font-size:14.5px;
  letter-spacing:.01em;
  color:var(--blue-deep);
  text-decoration:none;
  border-bottom:2px solid transparent;
  transition:color var(--dur) var(--ease),background-color var(--dur) var(--ease),border-color var(--dur) var(--ease);
}
.site-nav a:hover{color:var(--blue);background:rgba(198,216,228,.34)}
.site-nav a[aria-current="page"]{color:var(--blue);border-bottom-color:var(--blue)}

.doc-search{position:relative;justify-self:end;display:flex;align-items:center;gap:8px}
.doc-search__label{
  font-family:var(--font-mono);
  font-size:10.5px;
  letter-spacing:.14em;
  color:var(--blue);
  white-space:nowrap;
}
.doc-search__input{
  width:196px;
  padding:8px 10px;
  border:1px solid var(--line);
  border-radius:0;
  background:#fff;
  font-family:var(--font-display);
  font-size:13px;
  letter-spacing:.01em;
  color:var(--blue-deep);
  transition:border-color var(--dur) var(--ease);
}
.doc-search__input::placeholder{color:var(--blue);opacity:.75}
.doc-search__input:focus-visible{outline:2px solid var(--orange-deep);outline-offset:1px;border-color:var(--orange-deep)}
.doc-search__hint{
  position:absolute;
  top:calc(100% + 5px);
  right:0;
  padding:2px 7px;
  background:var(--blue-deep);
  color:var(--paper);
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.06em;
  white-space:nowrap;
  max-width:none;
}
.doc-search__hint:empty{display:none}

.scroll-progress{
  position:fixed;
  top:0;left:0;right:0;
  height:3px;
  background:var(--orange);
  transform:scaleX(0);
  transform-origin:0 50%;
  pointer-events:none;
  z-index:60;
}
.help-fab{display:none}

/* ============================================================
   页脚
   ============================================================ */
.site-footer{
  background:var(--blue-deep);
  color:var(--paper);
  border-top:4px solid var(--orange);
  padding-bottom:26px;
}
.footer-grid{
  width:min(var(--w-max),100% - 48px);
  margin-inline:auto;
  padding:46px 0 30px;
  display:grid;
  grid-template-columns:1.5fr .7fr .7fr .7fr 1.7fr;
  gap:24px;
  border-bottom:1px solid rgba(250,248,244,.18);
}
.footer-brand .brand--footer{
  color:var(--paper);
  font-size:clamp(22px,2.4vw,28px);
}
.footer-brand .brand--footer:hover{color:var(--blue-light)}
.footer-brand__note{
  margin-top:14px;
  font-family:var(--font-body);
  font-size:15px;
  line-height:1.75;
  color:rgba(250,248,244,.8);
  max-width:26em;
}
.footer-brand__meta{
  margin-top:12px;
  font-family:var(--font-mono);
  font-size:11.5px;
  letter-spacing:.06em;
  color:var(--blue-light);
  max-width:none;
}
.footer-brand .btn{margin-top:18px}

.footer-col__title{
  font-family:var(--font-display);
  font-size:12px;
  font-weight:800;
  letter-spacing:.16em;
  color:var(--blue-light);
  padding-top:10px;
  border-top:1px solid rgba(250,248,244,.22);
  margin-bottom:12px;
}
.footer-list li + li{margin-top:2px}
.footer-list a{
  display:inline-block;
  padding:4px 0;
  font-family:var(--font-display);
  font-size:14px;
  color:rgba(250,248,244,.88);
  text-decoration:none;
  border-bottom:1px solid transparent;
  transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease);
}
.footer-list a:hover{color:#fff;border-bottom-color:var(--orange)}

.footer-list--contact li{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  padding:10px 0;
  border-bottom:1px dashed rgba(250,248,244,.16);
}
.footer-list--contact li + li{margin-top:0}
.footer-label{
  width:100%;
  font-family:var(--font-mono);
  font-size:10.5px;
  letter-spacing:.14em;
  color:var(--sage);
}
.footer-value{
  font-family:var(--font-mono);
  font-size:13px;
  font-variant-numeric:tabular-nums;
  color:var(--paper);
  word-break:break-all;
}
.footer-note{
  margin-top:12px;
  font-size:13px;
  line-height:1.7;
  color:rgba(250,248,244,.62);
  max-width:30em;
}
.footer-link-more{
  display:inline-block;
  margin-top:12px;
  font-family:var(--font-display);
  font-weight:700;
  font-size:13.5px;
  letter-spacing:.02em;
  color:var(--paper);
  text-decoration:none;
  border-bottom:2px solid var(--orange);
  padding-bottom:2px;
}
.footer-link-more:hover{color:var(--blue-light);border-bottom-color:var(--blue-light)}

.footer-base{
  width:min(var(--w-max),100% - 48px);
  margin-inline:auto;
  padding-top:18px;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.footer-legal{
  font-family:var(--font-mono);
  font-size:11.5px;
  letter-spacing:.06em;
  color:rgba(250,248,244,.7);
  max-width:none;
}
.footer-base__links{display:flex;flex-wrap:wrap;gap:16px}
.footer-base__links a{
  font-family:var(--font-mono);
  font-size:11.5px;
  letter-spacing:.06em;
  color:rgba(250,248,244,.85);
  text-decoration:none;
  border-bottom:1px solid rgba(250,248,244,.28);
}
.footer-base__links a:hover{color:#fff;border-bottom-color:var(--orange)}

/* ---------- 右下角工具组 ---------- */
.page-tools{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:55;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:8px;
}
.page-tools__link{
  padding:10px 14px;
  background:var(--blue-deep);
  color:var(--paper);
  border:2px solid var(--blue-deep);
  font-family:var(--font-display);
  font-weight:700;
  font-size:12px;
  letter-spacing:.1em;
  text-decoration:none;
  box-shadow:4px 4px 0 rgba(226,102,42,.9);
  transition:background-color var(--dur) var(--ease),border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease);
}
.page-tools__link:hover{background:var(--orange);border-color:var(--orange-deep);box-shadow:4px 4px 0 var(--blue-light)}
.page-tools__top{
  padding:8px 12px;
  background:var(--paper);
  color:var(--blue-deep);
  border:1px solid var(--blue-deep);
  font-family:var(--font-display);
  font-weight:700;
  font-size:12px;
  letter-spacing:.08em;
  cursor:pointer;
  opacity:0;
  visibility:hidden;
  transform:translateY(6px);
  transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease),visibility var(--dur) var(--ease),border-color var(--dur) var(--ease);
}
.page-tools__top.is-visible{opacity:1;visibility:visible;transform:none}
.page-tools__top:hover{border-color:var(--orange-deep);color:var(--orange-deep)}

/* ============================================================
   通用容器与分区
   ============================================================ */
.container{width:min(var(--w-max),100% - 48px);margin-inline:auto}
.section{padding:56px 0}
.section--tight{padding:32px 0}
.band{background:var(--stone);padding:56px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.band--blue{background:var(--blue-deep);color:var(--paper);border-color:var(--blue-deep)}
.band--blue h2,.band--blue h3,.band--blue h1{color:var(--paper)}
.band--blue p{color:rgba(250,248,244,.86)}
.rule{height:1px;background:var(--line);border:0;margin:0}
.prose{max-width:38em}
.prose p + p{margin-top:1em}
.prose ul{margin-top:1em}
.prose li{padding-left:1.2em;position:relative;margin-top:.4em}
.prose li::before{content:"";position:absolute;left:0;top:.85em;width:6px;height:1px;background:var(--orange)}

/* ---------- 面包屑 ---------- */
.crumbs{
  font-family:var(--font-mono);
  font-size:11.5px;
  letter-spacing:.08em;
  color:var(--blue);
  padding:18px 0 0;
}
.crumbs ol{display:flex;flex-wrap:wrap;gap:8px;max-width:none}
.crumbs a{color:var(--blue);text-decoration:none;border-bottom:1px solid transparent}
.crumbs a:hover{border-bottom-color:var(--blue)}
.crumbs li + li::before{content:"/";margin-right:8px;color:var(--line)}

/* ---------- 栅格 ---------- */
.grid{display:grid;gap:var(--gutter)}
.grid--12{grid-template-columns:repeat(12,minmax(0,1fr))}
.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.col-4{grid-column:span 4}
.col-6{grid-column:span 6}
.col-8{grid-column:span 8}
.col-12{grid-column:span 12}

/* ---------- 索引栏 + 正文（非对称分栏） ---------- */
.index-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,2fr);
  gap:var(--gutter);
  align-items:start;
}
.rail{
  position:sticky;
  top:16px;
  align-self:start;
  border-top:2px solid var(--blue-deep);
  padding-top:12px;
}
.rail__title{
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.16em;
  color:var(--blue);
  margin-bottom:10px;
  max-width:none;
}
.toc a{
  display:block;
  padding:7px 10px;
  font-family:var(--font-display);
  font-size:13.5px;
  font-weight:700;
  color:var(--blue-deep);
  text-decoration:none;
  border-left:2px solid var(--line);
  transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease);
}
.toc a:hover{background:rgba(198,216,228,.4)}
.toc a.is-active{background:var(--stone);border-left-color:var(--orange);color:var(--blue-deep)}

/* ---------- 卡片 ---------- */
.card{
  background:#fff;
  border:1px solid var(--line);
  padding:20px;
}
.card--accent{border-color:var(--orange);box-shadow:5px 5px 0 var(--blue-light)}
.card__title{font-size:19px;margin-bottom:8px}
.card__meta{
  font-family:var(--font-mono);
  font-size:11.5px;
  letter-spacing:.08em;
  color:var(--blue);
  margin-bottom:10px;
  max-width:none;
}

/* ---------- 标签与统计 ---------- */
.tag{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:2px 7px;
  background:var(--stone);
  color:var(--blue-deep);
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.08em;
  text-decoration:none;
  border-radius:0;
}
.tag--live{background:rgba(110,155,132,.2);color:var(--sage-deep)}
.tag--new{background:var(--orange);color:#fff}
.tag--info{background:var(--blue-light);color:var(--blue-deep)}
.stat{display:block}
.stat__num{
  display:block;
  font-family:var(--font-mono);
  font-variant-numeric:tabular-nums;
  font-weight:600;
  font-size:clamp(26px,3vw,38px);
  line-height:1.1;
  color:var(--blue-deep);
}
.stat__label{display:block;margin-top:4px;font-family:var(--font-display);font-size:13px;color:var(--blue)}

/* ---------- 按钮 ---------- */
.btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:12px 20px;
  border:1px solid transparent;
  border-radius:0;
  font-family:var(--font-display);
  font-weight:700;
  font-size:15px;
  letter-spacing:.02em;
  text-decoration:none;
  cursor:pointer;
  transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease);
}
.btn--primary{background:var(--orange);border-color:var(--orange);color:#fff;box-shadow:4px 4px 0 var(--blue-light)}
.btn--primary:hover{background:var(--orange-deep);border-color:var(--orange-deep)}
.btn--dark{background:var(--blue-deep);border-color:var(--blue-deep);color:var(--paper)}
.btn--dark:hover{background:var(--blue);border-color:var(--blue)}
.btn--line{background:transparent;border-color:var(--blue-deep);color:var(--blue-deep)}
.btn--line:hover{background:var(--blue-deep);color:var(--paper)}
.site-footer .btn--line{border-color:rgba(250,248,244,.42);color:var(--paper)}
.site-footer .btn--line:hover{background:var(--orange);border-color:var(--orange);color:#fff}

/* ---------- 复制按钮 ---------- */
.copy-btn{
  padding:3px 9px;
  background:transparent;
  border:1px solid rgba(250,248,244,.34);
  border-radius:0;
  color:var(--paper);
  font-family:var(--font-display);
  font-weight:700;
  font-size:11px;
  letter-spacing:.08em;
  cursor:pointer;
  transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease);
}
.copy-btn:hover{background:var(--orange);border-color:var(--orange);color:#fff}
.copy-btn[data-copied]{background:var(--sage);border-color:var(--sage);color:#0d1f16}
.copy-btn--paper{border-color:var(--line);color:var(--blue-deep)}
.copy-btn--paper:hover{background:var(--blue-deep);border-color:var(--blue-deep);color:var(--paper)}

/* ---------- 图像容器基础（页面阶段放占位图） ---------- */
.figure{margin:0;display:block}
.figure__frame{
  position:relative;
  overflow:hidden;
  border:1px solid var(--line);
  background:var(--stone);
  background-image:repeating-linear-gradient(0deg,transparent 0 7px,rgba(23,49,63,.06) 7px 8px);
  aspect-ratio:16/10;
}
.figure__frame img{width:100%;height:100%;object-fit:cover}
.figure__frame--wide{aspect-ratio:21/9}
.figure__frame--tall{aspect-ratio:4/5}
.figure__frame--square{aspect-ratio:1/1}
.figure__cap{
  margin-top:8px;
  font-family:var(--font-mono);
  font-size:11.5px;
  letter-spacing:.06em;
  color:var(--blue);
  max-width:none;
}

/* ---------- 对照表 ---------- */
.compare{width:100%;border-collapse:collapse;font-size:15px}
.compare th,.compare td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.compare thead th{
  background:var(--blue-light);
  color:var(--blue-deep);
  font-family:var(--font-display);
  font-size:12.5px;
  letter-spacing:.06em;
}
.compare tbody tr:nth-child(even){background:rgba(231,227,219,.5)}
.compare code,.compare .num{font-family:var(--font-mono);font-size:12.5px;letter-spacing:.06em}

/* ---------- 折叠步骤卡 ---------- */
.step{border:1px solid var(--line);background:#fff}
.step + .step{margin-top:-1px}
.step > summary{
  display:flex;
  align-items:center;
  gap:12px;
  padding:13px 16px;
  cursor:pointer;
  list-style:none;
  font-family:var(--font-display);
  font-weight:700;
  font-size:15px;
  color:var(--blue-deep);
  transition:background-color var(--dur) var(--ease);
}
.step > summary::-webkit-details-marker{display:none}
.step > summary:hover{background:rgba(198,216,228,.35)}
.step__no{
  flex:0 0 auto;
  padding:2px 7px;
  background:var(--orange);
  color:#fff;
  font-family:var(--font-mono);
  font-size:12px;
  font-weight:600;
  letter-spacing:.08em;
}
.step__body{
  padding:14px 16px 18px;
  border-top:1px solid var(--line-soft);
  font-size:15.5px;
  line-height:1.8;
}
.step__body p + p{margin-top:.8em}
.step[open] > summary{background:var(--blue-light)}

/* ============================================================
   响应式
   ============================================================ */
@media (max-width:1024px){
  .footer-grid{grid-template-columns:1.4fr .8fr .8fr .8fr;row-gap:28px}
  .footer-col--contact{grid-column:1 / -1}
  .footer-list--contact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
  .nav-bar__index{display:none}
  .nav-bar__inner{grid-template-columns:auto 1fr}
  .site-nav{justify-self:start}
  .doc-search__input{width:170px}
  .grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:900px){
  .index-layout{grid-template-columns:minmax(0,1fr)}
  .rail{position:static;border-top-width:1px;margin-bottom:8px}
  .grid--12{grid-template-columns:repeat(2,minmax(0,1fr))}
  .col-4,.col-6,.col-8{grid-column:span 1}
  .col-12{grid-column:span 2}
}

@media (max-width:768px){
  body{font-size:16.5px}
  .masthead{
    grid-template-columns:1fr;
    justify-items:center;
    gap:6px;
    padding:16px 0 12px;
    text-align:center;
  }
  .masthead__eyebrow,.masthead__status{justify-self:center;justify-content:center}
  .nav-bar__inner{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:10px;
    padding:10px 0;
    min-height:0;
  }
  .nav-toggle{
    display:inline-flex;
    align-items:center;
    gap:9px;
    order:1;
    padding:9px 12px;
    background:var(--blue-deep);
    color:var(--paper);
    border:0;
    border-radius:0;
    font-family:var(--font-display);
    font-weight:700;
    font-size:13px;
    letter-spacing:.1em;
    cursor:pointer;
  }
  .nav-toggle__bars{display:block;width:16px;height:2px;background:var(--paper);box-shadow:0 -5px 0 var(--paper),0 5px 0 var(--paper)}
  .nav-toggle[aria-expanded="true"]{background:var(--orange-deep)}
  .nav-toggle[aria-expanded="true"] .nav-toggle__bars{background:#fff;box-shadow:0 -5px 0 #fff,0 5px 0 #fff}
  .site-nav{
    display:none;
    order:3;
    flex:1 1 100%;
    justify-self:stretch;
    border-top:1px solid var(--line);
    padding-top:8px;
  }
  .site-nav[data-open]{display:block}
  .site-nav__list{flex-direction:column;gap:0;justify-content:flex-start}
  .site-nav a{
    padding:12px 8px;
    border-bottom:1px solid var(--line-soft);
    border-left:2px solid transparent;
  }
  .site-nav a[aria-current="page"]{
    border-bottom-color:var(--line-soft);
    border-left-color:var(--blue);
    background:rgba(198,216,228,.32);
  }
  .doc-search{order:4;flex:1 1 100%;justify-content:flex-start}
  .doc-search__label{display:none}
  .doc-search__input{width:100%}
  .doc-search__hint{left:0;right:auto}

  .help-fab{
    display:inline-flex;
    position:fixed;
    left:14px;
    bottom:14px;
    z-index:55;
    padding:10px 13px;
    background:var(--blue-deep);
    color:var(--paper);
    border:2px solid var(--blue-deep);
    box-shadow:4px 4px 0 rgba(226,102,42,.9);
    font-family:var(--font-display);
    font-weight:700;
    font-size:12px;
    letter-spacing:.1em;
    text-decoration:none;
  }
  .help-fab:hover{background:var(--orange);border-color:var(--orange-deep)}

  .footer-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    padding:32px 0 24px;
    gap:22px;
  }
  .footer-brand{grid-column:1 / -1}
  .footer-col--contact{grid-column:1 / -1}
  .footer-list--contact{grid-template-columns:minmax(0,1fr)}
  .footer-base{padding-bottom:56px}
  .page-tools{right:12px;bottom:12px}
  .page-tools__link{padding:8px 11px;font-size:11px}

  .grid--2,.grid--3{grid-template-columns:minmax(0,1fr)}
  .grid--12{grid-template-columns:minmax(0,1fr)}
  .col-12{grid-column:span 1}
  .section{padding:40px 0}
  .band{padding:40px 0}
  .compare{font-size:14px}
  .compare th,.compare td{padding:8px}
}

@media (max-width:420px){
  .footer-grid{grid-template-columns:minmax(0,1fr)}
}

/* ---------- 减少动态 ---------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
    scroll-behavior:auto !important;
  }
  .page-tools__top{transform:none}
  .skip-link{transition:none}
}