/* =========================================================
   gemflow-baoshi.com.cn  /assets/site.css
   共享层：reset · 令牌 · 中文排版 · 刊头 · 页脚 · 基础组件
   ========================================================= */

/* ---------- 01 reset ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,figure,blockquote,dl,dd,address{margin:0;padding:0}
ul,ol{list-style:none}
img,svg,video{display:block;max-width:100%;height:auto}
button,input,select,textarea{font:inherit;color:inherit}
button{background:none;border:0;cursor:pointer}
a{color:inherit;text-decoration:none}
address{font-style:normal}
h1,h2,h3,h4{font-weight:700;line-height:1.35}

/* ---------- 02 设计令牌 ---------- */
:root{
  --ivory:#F5EFE3;
  --paper:#FDFAF3;
  --ink:#241C3B;
  --night:#141026;
  --violet:#5C5470;
  --emerald:#0E6B5A;
  --emerald-b:#17A886;
  --gold:#C9A24A;
  --gold-l:#EFDCA8;
  --ruby:#B32B3E;

  --line:rgba(36,28,59,.16);
  --line-dark:rgba(245,239,227,.14);

  --maxw:1240px;
  --gutter:20px;
  --pad:32px;

  --fs-13:13px;
  --fs-16:16px;
  --fs-22:22px;
  --fs-28:28px;
  --fs-40:40px;
  --fs-64:64px;

  --font-cn:"Noto Sans SC","Source Han Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,-apple-system,sans-serif;
  --font-serif:"Noto Serif SC","Source Han Serif SC","Songti SC",Georgia,serif;
  --font-num:"Barlow Condensed","Oswald","Arial Narrow",ui-monospace,"SFMono-Regular",Menlo,monospace;

  --cut:14px;
  --t-fast:160ms ease-out;
  --t-open:240ms cubic-bezier(.2,.7,.3,1);
  --z-dock:70;
  --z-head:80;
}

/* ---------- 03 纸面与正文 ---------- */
body{
  background-color:var(--ivory);
  background-image:
    linear-gradient(118deg, rgba(23,168,134,.055) 0%, rgba(23,168,134,0) 42%),
    linear-gradient(292deg, rgba(201,162,74,.08) 0%, rgba(201,162,74,0) 38%);
  color:var(--ink);
  font-family:var(--font-cn);
  font-size:var(--fs-16);
  font-weight:400;
  line-height:1.85;
  min-height:100vh;
}
#main-content{display:block;scroll-margin-top:96px}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}

/* ---------- 04 容器与文字工具 ---------- */
.wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}
.prose{max-width:68ch}
.prose p+p{margin-top:1em}
.stack>*+*{margin-top:16px}
.u-annot{font-family:var(--font-serif);font-size:var(--fs-13);letter-spacing:.08em;line-height:1.75;color:var(--violet)}
.u-num{font-family:var(--font-num);font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.02em}
.u-lead{font-size:var(--fs-22);line-height:1.6;font-weight:500}

/* 跳到主要内容 */
.skip-link{
  position:fixed;left:16px;top:-64px;z-index:200;
  padding:11px 20px;
  background:var(--ink);color:var(--paper);
  font-family:var(--font-serif);font-size:var(--fs-13);letter-spacing:.12em;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%);
  transition:top var(--t-fast);
}
.skip-link:focus{top:10px}

/* ---------- 05 按钮 / 标签 / 高亮块 ---------- */
.btn{
  display:inline-flex;align-items:center;gap:10px;
  padding:12px 22px;
  background:var(--emerald);color:var(--paper);
  font-weight:700;font-size:var(--fs-16);line-height:1.4;letter-spacing:.02em;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%);
  transition:background var(--t-fast),color var(--t-fast),transform var(--t-fast);
}
.btn:hover{background:var(--emerald-b);transform:translateY(-1px)}
.btn:focus-visible{outline:3px solid var(--gold);outline-offset:-3px}
.btn--gem{background:linear-gradient(102deg,var(--emerald) 0%,#12836E 58%,var(--gold) 150%)}
.btn--gem:hover{background:linear-gradient(102deg,var(--emerald-b) 0%,var(--emerald) 60%,var(--gold) 160%)}
.btn--ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px var(--gold)}
.btn--ghost:hover{background:var(--gold-l);color:var(--ink)}
.btn--sm{padding:8px 14px;font-size:var(--fs-13)}

.tag{
  display:inline-flex;align-items:center;gap:6px;
  padding:3px 10px;
  background:var(--gold-l);color:var(--ink);
  font-size:var(--fs-13);line-height:1.7;letter-spacing:.06em;
  clip-path:polygon(8px 0,100% 0,100% 100%,0 100%,0 8px);
}
.tag--emerald{background:rgba(14,107,90,.12);color:var(--emerald)}
.tag--ruby{background:rgba(179,43,62,.12);color:var(--ruby)}

.limit-block{
  padding:18px 20px;
  background:var(--gold-l);
  border-left:4px solid var(--gold);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%);
  font-weight:500;
}
.limit-block__num{font-family:var(--font-num);font-weight:600;font-size:var(--fs-28);line-height:1;color:var(--ruby)}

/* ---------- 06 章节头 / 栅格 / 色带 ---------- */
.sec-head{
  display:grid;grid-template-columns:auto minmax(0,1fr);
  align-items:end;column-gap:16px;row-gap:4px;
  margin-bottom:28px;
}
.sec-head__num{
  font-family:var(--font-num);font-weight:600;
  font-size:var(--fs-40);line-height:.9;
  color:var(--emerald);
}
.sec-head__title{font-size:var(--fs-22);font-weight:700;letter-spacing:-.01em}
.sec-head__note{
  grid-column:2;
  font-family:var(--font-serif);font-size:var(--fs-13);letter-spacing:.08em;color:var(--violet);
}

.layout-split{display:grid;grid-template-columns:minmax(0,1fr);gap:32px}

.band{background:var(--ink);color:var(--paper);padding:32px 0}
.band--gem{background:linear-gradient(100deg,var(--ink) 0%,#2C2050 55%,var(--emerald) 150%)}
.band__inner{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}

/* ---------- 07 卡片 / 列表 ---------- */
.card{
  position:relative;
  padding:22px 24px 24px 28px;
  background:var(--paper);
  box-shadow:inset 0 0 0 1px var(--line);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%);
  transition:transform var(--t-fast),box-shadow var(--t-fast),background var(--t-fast);
}
.card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--emerald)}
.card--flip{clip-path:polygon(20px 0,100% 0,100% 100%,0 100%,0 20px)}
.card--flip::before{left:auto;right:0;background:var(--gold)}
.card:hover{transform:translate(-2px,-2px);box-shadow:inset 0 0 0 2px var(--emerald-b)}
.card__num{display:block;font-family:var(--font-num);font-size:var(--fs-28);line-height:1;color:var(--gold)}
.card__title{margin-top:6px;font-size:var(--fs-22);font-weight:700}
.card__text{margin-top:8px;color:var(--violet);font-size:var(--fs-16)}
.card__more{display:inline-block;margin-top:12px;font-family:var(--font-serif);font-size:var(--fs-13);letter-spacing:.1em;color:var(--emerald)}

.list-rows{border-top:1px solid var(--line)}
.list-row{
  position:relative;
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;column-gap:16px;
  min-height:64px;padding:10px 16px 10px 18px;
  border-bottom:1px solid var(--line);
  transition:background var(--t-fast);
}
.list-row::before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;background:var(--violet)}
.list-row--emerald::before{background:var(--emerald)}
.list-row--ruby::before{background:var(--ruby)}
.list-row:hover,.list-row:focus-within{background:var(--gold-l)}
.list-row__num{font-family:var(--font-num);font-size:var(--fs-22);line-height:1;color:var(--emerald)}
.list-row__main{font-weight:500}
.list-row__meta{font-family:var(--font-serif);font-size:var(--fs-13);letter-spacing:.08em;color:var(--violet)}

/* ---------- 08 图片容器（页面阶段放图） ---------- */
.media-frame{
  position:relative;overflow:hidden;
  background:linear-gradient(150deg,#1D1733 0%,#241C3B 45%,#0E6B5A 130%);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 28px),calc(100% - 28px) 100%,0 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(150deg,rgba(36,28,59,.58) 0%,rgba(14,107,90,.32) 58%,rgba(201,162,74,.18) 100%);
}
.media-frame--flip{clip-path:polygon(28px 0,100% 0,100% 100%,0 100%,0 28px)}
.media-frame--wide{aspect-ratio:16/9}
.media-frame--tall{aspect-ratio:3/4}
.media-frame--square{aspect-ratio:1/1}
.media-frame__cap{
  position:absolute;left:0;right:0;bottom:0;z-index:2;
  padding:14px 18px;
  font-family:var(--font-serif);font-size:var(--fs-13);letter-spacing:.08em;color:var(--paper);
  background:linear-gradient(0deg,rgba(20,16,38,.8),rgba(20,16,38,0));
}

/* ---------- 09 面包屑 / 旁注折叠 ---------- */
.crumbs{padding-top:18px}
.crumbs__list{display:flex;flex-wrap:wrap;align-items:center;gap:2px;font-family:var(--font-serif);font-size:var(--fs-13);letter-spacing:.08em;color:var(--violet)}
.crumbs__item::after{content:"／";margin:0 8px;color:var(--gold)}
.crumbs__item:last-child::after{content:"";margin:0}
.crumbs__link{color:var(--emerald)}
.crumbs__link:hover{text-decoration:underline;text-underline-offset:4px}

.fold{border-top:1px dashed var(--line);padding-top:12px}
.fold__toggle{
  display:inline-flex;align-items:center;gap:8px;
  font-family:var(--font-serif);font-size:var(--fs-13);letter-spacing:.08em;color:var(--emerald);
}
.fold__toggle::after{content:"＋";font-size:var(--fs-16);line-height:1}
.fold[data-open="true"] .fold__toggle::after{content:"－"}
.fold__panel{display:none;padding-top:10px}
.fold[data-open="true"] .fold__panel{display:block}

/* =========================================================
   10 刊头
   ========================================================= */
.masthead{
  position:sticky;top:0;z-index:var(--z-head);
  background:linear-gradient(180deg,var(--paper) 0%,var(--ivory) 100%);
  border-bottom:1px solid var(--line);
  color:var(--ink);
  transition:background var(--t-fast),color var(--t-fast),border-color var(--t-fast),box-shadow var(--t-fast);
}
.masthead__progress{height:3px;background:rgba(36,28,59,.08);overflow:hidden}
.masthead__progress-bar{
  display:block;height:100%;width:100%;
  transform:scaleX(0);transform-origin:left center;
  background:linear-gradient(90deg,var(--emerald) 0%,var(--emerald-b) 44%,var(--gold) 100%);
}
.masthead__inner{
  width:100%;max-width:var(--maxw);margin-inline:auto;
  padding:14px var(--gutter) 12px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:
    "crown actions"
    "nav nav";
  align-items:center;column-gap:12px;row-gap:8px;
}
.masthead__crown{grid-area:crown;display:flex;flex-direction:column;gap:2px;min-width:0}
.masthead__eyebrow{font-family:var(--font-serif);font-size:var(--fs-13);letter-spacing:.16em;color:var(--violet)}
.masthead__brand{font-size:var(--fs-28);font-weight:900;letter-spacing:-.02em;line-height:1.15}
.masthead__brand-link{display:inline-block}
.masthead__tagline{font-family:var(--font-serif);font-size:var(--fs-13);letter-spacing:.16em;color:var(--emerald)}
.masthead__utility{display:none;align-items:center;gap:16px}
.masthead__cta{display:none}

.utility-link{
  position:relative;padding-bottom:3px;
  font-family:var(--font-serif);font-size:var(--fs-13);letter-spacing:.1em;color:var(--violet);
}
.utility-link::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:1px;
  background:var(--gold);transform:scaleX(0);transform-origin:left center;
  transition:transform var(--t-fast);
}
.utility-link:hover{color:var(--emerald)}
.utility-link:hover::after{transform:scaleX(1)}

.masthead__abbr{
  grid-area:abbr;display:none;align-items:center;gap:8px;
  font-size:var(--fs-16);font-weight:900;letter-spacing:-.02em;
}
.masthead__abbr::before{
  content:"";width:10px;height:10px;flex:none;
  background:linear-gradient(135deg,var(--emerald-b),var(--gold));
  transform:rotate(45deg);
}
.masthead__actions{grid-area:actions;display:flex;align-items:center;gap:10px;justify-self:end}
.masthead__mini-link{
  display:none;
  font-family:var(--font-serif);font-size:var(--fs-13);letter-spacing:.1em;color:var(--gold-l);
}
.masthead__mini-link:hover{color:var(--paper);text-decoration:underline;text-underline-offset:4px}

.nav-toggle{
  display:inline-flex;flex-direction:column;align-items:center;gap:5px;
  padding:8px 10px;color:var(--ink);
}
.nav-toggle__bars{position:relative;display:block;width:24px;height:2px;background:currentColor}
.nav-toggle__bars::before,
.nav-toggle__bars::after{
  content:"";position:absolute;left:0;width:24px;height:2px;background:currentColor;
  transition:transform var(--t-fast),top var(--t-fast);
}
.nav-toggle__bars::before{top:-7px}
.nav-toggle__bars::after{top:7px}
.nav-toggle[aria-expanded="true"] .nav-toggle__bars{background:transparent}
.nav-toggle[aria-expanded="true"] .nav-toggle__bars::before{top:0;transform:rotate(45deg)}
.nav-toggle[aria-expanded="true"] .nav-toggle__bars::after{top:0;transform:rotate(-45deg)}
.nav-toggle__label{font-family:var(--font-serif);font-size:var(--fs-13);letter-spacing:.16em;color:var(--violet)}
.nav-toggle[aria-expanded="true"] .nav-toggle__label{color:var(--emerald)}

.nav{
  grid-area:nav;
  max-height:0;overflow:hidden;visibility:hidden;
  background:var(--paper);
  transition:max-height var(--t-open),visibility 0s linear 240ms;
}
.nav[data-open="true"]{
  max-height:760px;visibility:visible;
  box-shadow:0 18px 28px rgba(20,16,38,.1);
  transition:max-height var(--t-open),visibility 0s linear 0s;
}
.nav__list{display:grid;grid-template-columns:minmax(0,1fr);border-top:1px solid var(--line)}
.nav__item{border-bottom:1px dashed var(--line)}
.nav__link{
  position:relative;display:flex;align-items:baseline;gap:10px;
  padding:14px 4px;
  font-size:var(--fs-16);font-weight:500;letter-spacing:.04em;
}
.nav__link::after{
  content:"";position:absolute;left:4px;right:4px;bottom:6px;height:2px;
  background:var(--emerald);transform:scaleX(0);transform-origin:left center;
  transition:transform var(--t-fast);
}
.nav__link:hover::after{transform:scaleX(1)}
.nav__link[aria-current="page"]{font-weight:700}
.nav__link[aria-current="page"]::after{transform:scaleX(1);height:3px;background:var(--ruby)}
.nav__num{font-family:var(--font-num);font-size:var(--fs-13);letter-spacing:.06em;color:var(--gold)}
.nav__aside{
  display:grid;gap:10px;margin-top:10px;padding:16px 4px 10px;
  border-top:1px dashed var(--line);
}
.nav__aside-link{font-family:var(--font-serif);font-size:var(--fs-13);letter-spacing:.1em;color:var(--violet)}
.nav__aside-link:hover{color:var(--emerald)}
.nav__aside-cta{justify-self:start;margin-top:4px}

/* 收缩态（移动端） */
.masthead[data-condensed="true"]{
  background:var(--ink);color:var(--paper);
  border-bottom-color:rgba(201,162,74,.45);
  box-shadow:0 12px 28px rgba(20,16,38,.22);
}
.masthead[data-condensed="true"] .masthead__progress{background:rgba(245,239,227,.14)}
.masthead[data-condensed="true"] .masthead__inner{padding-top:8px;padding-bottom:8px;row-gap:6px}
.masthead[data-condensed="true"] .masthead__abbr{display:inline-flex;grid-area:crown;color:var(--paper)}
.masthead[data-condensed="true"] .nav-toggle{color:var(--paper)}
.masthead[data-condensed="true"] .nav-toggle__label{color:var(--gold-l)}

/* =========================================================
   11 页脚
   ========================================================= */
.footer{
  position:relative;
  margin-top:96px;
  padding:64px 0 104px;
  background:var(--night);color:rgba(245,239,227,.82);
}
.footer::before{
  content:"";position:absolute;left:0;right:0;top:0;height:6px;
  background:linear-gradient(90deg,var(--emerald) 0%,var(--emerald-b) 34%,var(--gold) 68%,var(--ruby) 100%);
}
.footer__inner{
  width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter);
  display:grid;grid-template-columns:minmax(0,1fr);gap:40px;align-items:start;
}
.footer__mark{display:flex;align-items:center;gap:10px;font-size:var(--fs-28);font-weight:900;letter-spacing:-.02em;color:var(--paper)}
.footer__mark::before{content:"";width:12px;height:12px;flex:none;background:linear-gradient(135deg,var(--emerald-b),var(--gold));transform:rotate(45deg)}
.footer__note{margin-top:8px;font-family:var(--font-serif);font-size:var(--fs-13);letter-spacing:.1em;color:rgba(245,239,227,.6)}
.footer__closing{margin-top:14px;font-size:var(--fs-16);color:var(--gold-l)}
.footer__cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}
.footer__col-title{
  padding-bottom:8px;margin-bottom:14px;
  border-bottom:1px solid rgba(201,162,74,.35);
  font-family:var(--font-serif);font-size:var(--fs-13);font-weight:400;letter-spacing:.16em;color:var(--gold);
}
.footer__list{display:grid;gap:10px}
.footer__link{
  position:relative;display:inline-block;padding-bottom:3px;
  font-size:var(--fs-16);color:rgba(245,239,227,.78);
}
.footer__link::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:1px;
  background:var(--emerald-b);transform:scaleX(0);transform-origin:left center;
  transition:transform var(--t-fast);
}
.footer__link:hover{color:var(--paper)}
.footer__link:hover::after{transform:scaleX(1)}
.footer__address{display:grid;gap:8px}
.footer__contact-line{font-size:var(--fs-16);color:rgba(245,239,227,.78)}
.footer__contact-note{margin-top:14px;font-family:var(--font-serif);font-size:var(--fs-13);letter-spacing:.06em;line-height:1.9;color:rgba(245,239,227,.55)}
.footer__bottom{
  width:100%;max-width:var(--maxw);margin:48px auto 0;padding:20px var(--gutter) 0;
  border-top:1px solid var(--line-dark);
  display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;
}
.footer__copy{font-size:var(--fs-13);letter-spacing:.08em;color:rgba(245,239,227,.6)}
.footer__icp{font-family:var(--font-serif);font-size:var(--fs-13);letter-spacing:.08em;color:rgba(245,239,227,.6)}

.contact-dock{position:fixed;right:16px;bottom:16px;z-index:var(--z-dock);padding:6px}
.contact-dock__link{
  display:inline-flex;align-items:center;gap:10px;
  padding:12px 18px 12px 14px;
  background:var(--emerald);color:var(--paper);
  font-size:var(--fs-16);font-weight:700;letter-spacing:.04em;
  clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);
  transition:background var(--t-fast),color var(--t-fast);
}
.contact-dock__link:hover{background:var(--emerald-b)}
.contact-dock__link:focus-visible{outline:0;background:var(--gold);color:var(--night)}
.contact-dock__dot{width:8px;height:8px;flex:none;background:var(--gold);transform:rotate(45deg)}
.contact-dock__link:focus-visible .contact-dock__dot{background:var(--night)}

/* =========================================================
   12 断点
   ========================================================= */
@media (max-width:899px){
  .masthead[data-condensed="true"] .masthead__crown{display:none}
}
@media (max-width:600px){
  .media-frame{clip-path:polygon(0 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%)}
  .media-frame--flip{clip-path:polygon(20px 0,100% 0,100% 100%,0 100%,0 20px)}
  .sec-head__num{font-size:var(--fs-40)}
}

@media (min-width:640px){
  :root{--gutter:28px}
  .footer__cols{grid-template-columns:repeat(3,minmax(0,1fr))}
  .footer__inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:44px}
  .footer__contact{grid-column:1/-1}
}

@media (min-width:900px){
  :root{--gutter:var(--pad)}
  /* 刊头：居中报头 */
  .masthead__inner{
    grid-template-columns:minmax(0,1fr);
    grid-template-areas:"crown" "nav";
    row-gap:0;
    padding:26px var(--pad) 12px;
  }
  .masthead__crown{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
    grid-template-areas:
      "eyebrow eyebrow eyebrow"
      "util brand cta"
      "tagline tagline tagline";
    align-items:center;row-gap:12px;
    margin-bottom:20px;
    max-height:260px;overflow:hidden;
    transition:max-height var(--t-open),margin var(--t-open),opacity var(--t-open);
  }
  .masthead__eyebrow{grid-area:eyebrow;text-align:center}
  .masthead__eyebrow::before,
  .masthead__eyebrow::after{
    content:"";display:inline-block;width:30px;height:1px;
    background:var(--gold);vertical-align:middle;margin:0 12px 4px;
  }
  .masthead__brand{grid-area:brand;font-size:var(--fs-40);text-align:center;line-height:1.1}
  .masthead__tagline{grid-area:tagline;text-align:center}
  .masthead__utility{grid-area:util;display:flex;justify-self:start}
  .masthead__cta{grid-area:cta;display:inline-flex;justify-self:end}
  .masthead__actions{display:none}
  .nav-toggle{display:none}
  .nav{
    max-height:none;overflow:visible;visibility:visible;background:transparent;box-shadow:none;
    transition:none;
  }
  .nav__list{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:8px;max-width:680px;margin-inline:auto;border-top:0}
  .nav__item{border-bottom:0}
  .nav__link{justify-content:center;padding:12px 8px;font-size:var(--fs-16)}
  .nav__aside{display:none}
  .masthead[data-condensed="true"] .masthead__inner{
    display:grid;grid-template-columns:auto minmax(0,1fr) auto;
    grid-template-areas:"abbr nav actions";
    align-items:center;padding:0 var(--pad);min-height:58px;row-gap:0;
  }
  .masthead[data-condensed="true"] .masthead__crown{
    grid-area:crown;display:none;max-height:0;margin:0;opacity:0;
  }
  .masthead[data-condensed="true"] .masthead__abbr{display:inline-flex;grid-area:abbr;color:var(--paper)}
  .masthead[data-condensed="true"] .masthead__actions{display:flex;grid-area:actions;justify-self:end}
  .masthead[data-condensed="true"] .masthead__mini-link{display:inline-flex}
  .masthead[data-condensed="true"] .nav__list{
    display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;max-width:none;
  }
  .masthead[data-condensed="true"] .nav__link{color:rgba(245,239,227,.86);padding:18px 6px;font-size:var(--fs-16)}
  .masthead[data-condensed="true"] .nav__link:hover{color:var(--paper)}
  .masthead[data-condensed="true"] .nav__link::after{background:var(--emerald-b)}
  .masthead[data-condensed="true"] .nav__link[aria-current="page"]{color:var(--paper)}
  .masthead[data-condensed="true"] .nav__link[aria-current="page"]::after{background:var(--ruby)}
  .masthead[data-condensed="true"] .nav__num{color:var(--gold-l)}

  /* 版式与栅格 */
  .sec-head{column-gap:20px;margin-bottom:40px}
  .sec-head__num{font-size:var(--fs-64);margin-left:-10px}
  .sec-head__title{font-size:var(--fs-28)}
  .layout-split{grid-template-columns:minmax(0,7fr) minmax(0,3fr);gap:48px}
  .layout-split--flip>*:first-child{order:2}
  .layout-split--flip>*:last-child{order:1}
  .band{padding:48px 0}
  .fold{border-top:0;padding-top:0}
  .fold__toggle{display:none}
  .fold__panel{display:block;padding-top:0}

  /* 页脚 */
  .footer{padding:72px 0 96px}
  .footer__inner{grid-template-columns:minmax(0,4fr) minmax(0,5fr) minmax(0,3fr);gap:56px}
  .footer__contact{grid-column:auto}
  .contact-dock{right:28px;bottom:28px}
}

@media (min-width:1100px){
  .sec-head{margin-bottom:48px}
}

/* 减少动态效果 */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    transition-duration:1ms !important;
    transition-delay:0ms !important;
    animation-duration:1ms !important;
    animation-iteration-count:1 !important;
    scroll-behavior:auto !important;
  }
  .nav[data-open="true"]{transition:none}
}