/* ===== 开元主页 · 共享样式 /assets/site.css ===== */

:root{
  --grass:#0F6B58;
  --grass-soft:#C9E2D8;
  --ink:#0B2521;
  --mist:#F6F3EA;
  --gold:#DFA83C;
  --gold-soft:#F2E2BF;
  --saddle:#7B4A2C;
  --official:#1B4F8A;
  --stone:#D9D5C9;
  --text:#3A3F3C;

  --font-display:"PingFang SC","Source Han Sans SC","Noto Sans SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  --font-round:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",sans-serif;
  --font-serif:"Songti SC","Source Han Serif SC","Noto Serif SC",SimSun,serif;
  --font-mono:"SFMono-Regular","JetBrains Mono",Consolas,"Liberation Mono",monospace;

  --edge:3px solid var(--ink);
  --shadow-hard:10px 10px 0 var(--stone);
  --max:1280px;
  --gutter:24px;
  --ease:cubic-bezier(.22,.61,.36,1);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:130px}
body{
  margin:0;
  background:var(--mist);
  color:var(--text);
  font-family:var(--font-round);
  font-size:18px;
  line-height:1.85;
  -webkit-font-smoothing:antialiased;
}
img,svg,video{max-width:100%}
h1,h2,h3,h4,p,ul,ol,figure,blockquote{margin:0}
ul,ol{padding:0;list-style:none}
a{color:var(--grass)}
button{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--official);outline-offset:3px}
main{display:block}

/* ---------- 头部 ---------- */
.kit-header{position:sticky;top:0;z-index:60;background:var(--mist)}

.kit-skip{
  position:absolute;left:16px;top:-96px;z-index:200;
  padding:12px 22px;background:var(--ink);color:var(--mist);
  font-size:14px;font-weight:700;text-decoration:none;
  border:3px solid var(--gold);
  transition:top .2s var(--ease);
}
.kit-skip:focus{top:12px}

.kit-strip{
  background:var(--ink);color:var(--stone);
  border-bottom:3px solid var(--gold);
  max-height:60px;overflow:hidden;
  transition:max-height .26s var(--ease),opacity .26s var(--ease),border-bottom-width .26s var(--ease);
}
.kit-strip__inner{
  max-width:var(--max);margin:0 auto;padding:7px var(--gutter);
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  font-size:11px;letter-spacing:.16em;line-height:1.6;
}
.kit-strip__brand{font-family:var(--font-mono);color:var(--gold-soft)}
.kit-strip__meta{display:inline-flex;align-items:center;gap:9px;color:var(--grass-soft);text-align:right}
.kit-seal{
  display:inline-block;flex:0 0 auto;width:10px;height:10px;
  background:var(--official);box-shadow:0 0 0 2px rgba(27,79,138,.3);
}

.kit-nav{background:var(--mist);border-bottom:var(--edge);transition:box-shadow .26s var(--ease)}
.kit-header[data-condensed] .kit-strip{max-height:0;opacity:0;border-bottom-width:0}
.kit-header[data-condensed] .kit-nav{box-shadow:0 8px 0 rgba(223,168,60,.4)}

.kit-nav__inner{
  max-width:var(--max);margin:0 auto;padding:14px var(--gutter);
  display:flex;align-items:center;gap:22px;
  transition:padding .26s var(--ease);
}
.kit-header[data-condensed] .kit-nav__inner{padding-top:8px;padding-bottom:8px}

.kit-brand{
  display:flex;flex-direction:column;gap:3px;flex:0 0 auto;
  padding-left:12px;border-left:6px solid var(--grass);
  text-decoration:none;color:var(--ink);
}
.kit-brand__name{
  font-family:var(--font-display);font-size:24px;font-weight:900;
  line-height:1.1;letter-spacing:.02em;
  transition:font-size .26s var(--ease);
}
.kit-brand__sub{font-size:11px;line-height:1.4;letter-spacing:.16em;color:var(--saddle)}
.kit-header[data-condensed] .kit-brand__name{font-size:18px}
.kit-header[data-condensed] .kit-brand__sub{display:none}

.kit-markers{display:flex;gap:5px;margin:0 0 0 auto;flex:0 0 auto}
.kit-markers span{
  display:inline-block;padding:3px 7px;line-height:1.4;
  font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;
  color:var(--grass);background:var(--grass-soft);border:1px solid var(--ink);
}
.kit-markers span:nth-child(2),
.kit-markers span:nth-child(4){background:var(--gold-soft);color:var(--saddle)}

.kit-primary{display:flex;align-items:center;gap:20px;margin-left:0;flex-wrap:nowrap}
.kit-primary__list{display:flex;align-items:center;gap:18px;flex-wrap:nowrap}
.kit-primary__link{
  position:relative;display:inline-block;padding:6px 0;
  font-size:15px;font-weight:600;line-height:1.4;
  color:var(--ink);text-decoration:none;
  border-bottom:3px solid transparent;
  transition:color .18s var(--ease),border-color .18s var(--ease);
}
.kit-primary__link:hover{color:var(--grass);border-bottom-color:var(--gold)}
.kit-primary__link[aria-current="page"]{color:var(--grass);border-bottom-color:var(--grass)}
.kit-primary__link[aria-current="page"]::after{
  content:"";position:absolute;right:-8px;top:4px;
  width:5px;height:5px;background:var(--official);
}
.kit-primary__actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}

.kit-nav__toggle{
  display:none;align-items:center;gap:10px;margin-left:auto;
  padding:10px 14px;background:var(--ink);color:var(--mist);
  border:3px solid var(--ink);cursor:pointer;
  box-shadow:5px 5px 0 var(--gold);
  transition:background .2s var(--ease);
}
.kit-nav__toggle-text{font-size:12px;letter-spacing:.16em;line-height:1}
.kit-nav__toggle-bars{position:relative;display:block;width:18px;height:2px;background:currentColor;transition:background .2s var(--ease)}
.kit-nav__toggle-bars::before,
.kit-nav__toggle-bars::after{
  content:"";position:absolute;left:0;width:18px;height:2px;background:currentColor;
  transition:transform .24s var(--ease),top .24s var(--ease);
}
.kit-nav__toggle-bars::before{top:-6px}
.kit-nav__toggle-bars::after{top:6px}
.kit-nav__toggle[aria-expanded="true"]{background:var(--grass)}
.kit-nav__toggle[aria-expanded="true"] .kit-nav__toggle-bars{background:transparent}
.kit-nav__toggle[aria-expanded="true"] .kit-nav__toggle-bars::before{top:0;transform:rotate(45deg)}
.kit-nav__toggle[aria-expanded="true"] .kit-nav__toggle-bars::after{top:0;transform:rotate(-45deg)}

/* ---------- 通用按钮 ---------- */
.kit-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:10px 16px;border:3px solid var(--ink);
  background:var(--mist);color:var(--ink);
  font-family:var(--font-round);font-size:14px;font-weight:700;line-height:1.3;
  text-decoration:none;cursor:pointer;
  transition:transform .18s var(--ease),box-shadow .18s var(--ease),background .18s var(--ease),color .18s var(--ease);
}
.kit-btn:hover{transform:translate(-2px,-2px)}
.kit-btn:active{transform:translate(0,0)}
.kit-btn--primary{background:var(--grass);color:var(--mist);box-shadow:5px 5px 0 var(--ink)}
.kit-btn--primary:hover{background:var(--ink);color:var(--mist);box-shadow:5px 5px 0 var(--gold)}
.kit-btn--ghost{background:transparent;color:var(--ink);box-shadow:5px 5px 0 var(--stone)}
.kit-btn--ghost:hover{background:var(--gold-soft);box-shadow:5px 5px 0 var(--saddle)}
.kit-btn--sm{padding:7px 12px;font-size:13px;box-shadow:3px 3px 0 var(--ink)}
.kit-btn--block{width:100%}

/* ---------- 内容骨架 ---------- */
.kit-wrap{width:100%;max-width:var(--max);margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter)}
.kit-section{padding:clamp(40px,6vw,80px) 0}
.kit-section--tight{padding:clamp(22px,3vw,40px) 0}
.kit-stack{display:flex;flex-direction:column;gap:clamp(16px,2vw,24px)}
.kit-stack--sm{gap:12px}
.kit-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.kit-grid{display:grid;gap:clamp(16px,2.4vw,28px)}
.kit-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.kit-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.kit-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.kit-divider{height:3px;background:var(--ink);border:0;margin:0}
.kit-divider--gold{background:var(--gold)}

/* ---------- 章节编号 ---------- */
.kit-chapter{
  display:flex;align-items:flex-start;gap:18px;
  margin-bottom:24px;padding-bottom:16px;border-bottom:var(--edge);
}
.kit-chapter__num{
  font-family:var(--font-mono);font-size:clamp(36px,6vw,56px);font-weight:700;
  line-height:.85;letter-spacing:-.02em;color:var(--grass);flex:0 0 auto;
}
.kit-chapter__label{display:flex;flex-direction:column;gap:4px;padding-top:6px;min-width:0}
.kit-chapter__index{font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--saddle);line-height:1.5}
.kit-chapter__title{font-family:var(--font-display);font-size:clamp(20px,2.6vw,28px);font-weight:900;line-height:1.25;color:var(--ink)}

/* ---------- 文字 ---------- */
.kit-display{font-family:var(--font-display);font-weight:900;line-height:.94;letter-spacing:-.02em;color:var(--ink)}
.kit-h2{font-family:var(--font-display);font-size:clamp(26px,3.6vw,38px);font-weight:900;line-height:1.14;letter-spacing:-.01em;color:var(--ink)}
.kit-h3{font-family:var(--font-display);font-size:20px;font-weight:800;line-height:1.4;color:var(--ink)}
.kit-lead{font-family:var(--font-serif);font-size:18px;line-height:1.85;color:var(--text);margin-top:18px}
.kit-prose{font-family:var(--font-serif);font-size:18px;line-height:1.85;color:var(--text)}
.kit-prose p + p{margin-top:20px}
.kit-index{font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--saddle)}
.kit-mono{font-family:var(--font-mono);letter-spacing:.04em;font-feature-settings:"tnum" 1}
.kit-link{
  color:var(--grass);font-weight:600;text-decoration:none;
  border-bottom:2px solid var(--grass-soft);
  transition:border-color .18s var(--ease),color .18s var(--ease);
}
.kit-link:hover{border-bottom-color:var(--gold);color:var(--ink)}

/* ---------- 画板 ---------- */
.kit-panel{
  position:relative;background:var(--mist);
  border:var(--edge);box-shadow:var(--shadow-hard);
  padding:clamp(22px,3.4vw,44px);
}
.kit-panel--grass{background:var(--grass);color:var(--mist);box-shadow:10px 10px 0 var(--gold-soft)}
.kit-panel--grass .kit-h2,
.kit-panel--grass .kit-h3,
.kit-panel--grass .kit-display,
.kit-panel--grass .kit-lead,
.kit-panel--grass .kit-prose{color:var(--mist)}
.kit-panel--grass .kit-index{color:var(--gold-soft)}
.kit-panel--grass::after{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.14;
  background-image:radial-gradient(var(--mist) 1px,transparent 1px);
  background-size:5px 5px;
}
.kit-panel--ink{background:var(--ink);color:var(--stone);box-shadow:10px 10px 0 var(--grass-soft)}
.kit-panel--ink .kit-h2,
.kit-panel--ink .kit-h3,
.kit-panel--ink .kit-display{color:var(--mist)}
.kit-panel--ink .kit-lead,
.kit-panel--ink .kit-prose{color:var(--stone)}
.kit-panel--sand{background:var(--gold-soft);box-shadow:10px 10px 0 var(--saddle)}
.kit-panel--offset{transform:translate(var(--shift,24px),0)}

/* ---------- 面包屑 ---------- */
.kit-crumbs{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px;
  padding:18px 0;font-size:12px;line-height:1.6;letter-spacing:.08em;color:var(--saddle);
}
.kit-crumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.kit-crumbs a{
  color:var(--grass);text-decoration:none;
  border-bottom:1px solid var(--grass-soft);padding-bottom:1px;
  transition:border-color .18s var(--ease);
}
.kit-crumbs a:hover{border-bottom-color:var(--grass)}
.kit-crumbs__sep{color:var(--stone)}
.kit-crumbs [aria-current="page"]{color:var(--ink)}

/* ---------- 图像容器 ---------- */
.kit-figure{
  position:relative;margin:0;overflow:hidden;
  border:var(--edge);box-shadow:var(--shadow-hard);
  background:var(--grass-soft);
}
.kit-figure__media,
.kit-figure > img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:16/10}
.kit-figure__ph{
  display:grid;place-items:center;aspect-ratio:16/10;
  background:
    repeating-linear-gradient(135deg,transparent 0 10px,rgba(11,37,33,.06) 10px 20px),
    linear-gradient(150deg,var(--grass-soft),var(--mist) 58%,var(--gold-soft));
  color:var(--saddle);font-family:var(--font-mono);
  font-size:11px;letter-spacing:.16em;text-transform:uppercase;text-align:center;padding:16px;
}
.kit-figure--wide .kit-figure__media,
.kit-figure--wide .kit-figure__ph,
.kit-figure--wide > img{aspect-ratio:21/9}
.kit-figure--tall .kit-figure__media,
.kit-figure--tall .kit-figure__ph,
.kit-figure--tall > img{aspect-ratio:4/5}
.kit-figure--square .kit-figure__media,
.kit-figure--square .kit-figure__ph,
.kit-figure--square > img{aspect-ratio:1/1}
.kit-figure__caption{
  display:block;padding:10px 14px;
  background:var(--mist);border-top:var(--edge);
  font-family:var(--font-round);font-size:12px;line-height:1.65;
  letter-spacing:.04em;color:var(--saddle);
}

/* ---------- 标签与提示 ---------- */
.kit-tag{
  display:inline-flex;align-items:center;gap:6px;
  padding:4px 10px;line-height:1.5;
  font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;
  color:var(--saddle);background:var(--gold-soft);border:1px solid var(--saddle);
}
.kit-tag--grass{background:var(--grass-soft);color:var(--grass);border-color:var(--grass)}
.kit-tag--official{background:rgba(27,79,138,.1);color:var(--official);border-color:var(--official)}

.kit-callout{
  display:flex;gap:14px;padding:16px 18px;
  background:var(--gold-soft);border:var(--edge);border-left-width:10px;border-left-color:var(--saddle);
  font-size:15px;line-height:1.75;color:var(--ink);
}
.kit-callout--official{background:rgba(27,79,138,.09);border-left-color:var(--official)}

/* ---------- 折叠组 ---------- */
.kit-acc{border:var(--edge);background:var(--mist);box-shadow:var(--shadow-hard)}
.kit-acc__item{border-top:var(--edge)}
.kit-acc__item:first-child{border-top:0}
.kit-acc__trigger{
  position:relative;display:flex;align-items:center;gap:14px;width:100%;
  padding:18px 20px;border:0;background:transparent;text-align:left;cursor:pointer;
  font-family:var(--font-round);font-size:17px;font-weight:700;line-height:1.55;color:var(--ink);
  transition:background .2s var(--ease);
}
.kit-acc__trigger::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:6px;
  background:var(--gold);transform:scaleY(0);transform-origin:top;
  transition:transform .24s var(--ease);
}
.kit-acc__trigger:hover{background:var(--grass-soft)}
.kit-acc__trigger[aria-expanded="true"]{background:var(--gold-soft)}
.kit-acc__trigger[aria-expanded="true"]::before{transform:scaleY(1)}
.kit-acc__icon{position:relative;flex:0 0 auto;margin-left:auto;width:16px;height:16px}
.kit-acc__icon::before,
.kit-acc__icon::after{
  content:"";position:absolute;left:0;top:7px;width:16px;height:2px;background:var(--ink);
  transition:transform .24s var(--ease);
}
.kit-acc__icon::after{transform:rotate(90deg)}
.kit-acc__trigger[aria-expanded="true"] .kit-acc__icon::after{transform:rotate(0)}
.kit-acc__panel{
  padding:0 20px 22px 32px;
  font-family:var(--font-serif);font-size:17px;line-height:1.85;color:var(--text);
  background:var(--mist);
}
.kit-acc__panel[hidden]{display:none}

/* ---------- 阅读进度 ---------- */
.kit-progress{
  position:fixed;top:0;left:0;right:0;height:4px;z-index:120;
  background:rgba(11,37,33,.12);pointer-events:none;
}
.kit-progress__bar{
  display:block;height:100%;width:0;
  background:linear-gradient(90deg,var(--grass),var(--gold) 68%,var(--official));
  transition:width .12s linear;
}

/* ---------- 入视揭示 ---------- */
[data-reveal]{opacity:1;transform:none}
.js-ready [data-reveal]{
  opacity:0;transform:translateY(24px);
  transition:opacity .32s var(--ease),transform .32s var(--ease);
  transition-delay:var(--reveal-delay,0ms);
}
.js-ready [data-reveal][data-revealed]{opacity:1;transform:none}

/* ---------- 页脚 ---------- */
.kit-footer{
  background:var(--ink);color:var(--stone);
  border-top:6px solid var(--grass);
}
.kit-footer__inner{max-width:var(--max);margin:0 auto;padding:56px var(--gutter) 28px}
.kit-footer__top{
  display:grid;grid-template-columns:minmax(200px,260px) 1fr;gap:48px;
  padding-bottom:40px;border-bottom:1px solid rgba(217,213,201,.18);
}
.kit-footer__logo{
  font-family:var(--font-display);font-size:28px;font-weight:900;
  line-height:1.1;letter-spacing:.02em;color:var(--mist);
}
.kit-footer__tag{margin-top:8px;font-size:11px;line-height:1.6;letter-spacing:.16em;color:var(--grass-soft)}
.kit-footer__mark{
  display:inline-flex;align-items:center;gap:8px;margin-top:18px;
  padding:5px 10px;border:1px solid var(--official);
  background:rgba(27,79,138,.28);
  font-size:11px;line-height:1.5;letter-spacing:.16em;color:var(--grass-soft);
}
.kit-footer__groups{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px}
.kit-footer__group{min-width:0}
.kit-footer__title{
  margin-bottom:14px;padding-bottom:8px;
  border-bottom:3px solid rgba(223,168,60,.5);
  font-family:var(--font-mono);font-size:11px;font-weight:700;
  line-height:1.6;letter-spacing:.16em;color:var(--gold);text-transform:uppercase;
}
.kit-footer__list{display:flex;flex-direction:column;gap:10px}
.kit-footer__link{
  display:inline-block;font-size:14px;line-height:1.65;color:var(--stone);
  text-decoration:none;border-bottom:1px solid transparent;
  transition:color .18s var(--ease),border-color .18s var(--ease);
}
.kit-footer__link:hover{color:var(--mist);border-bottom-color:var(--gold)}
.kit-footer__link:focus-visible{color:var(--mist)}

.kit-footer__contact{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;
  padding:32px 0;border-bottom:1px solid rgba(217,213,201,.18);
}
.kit-contact__item{min-width:0}
.kit-contact__label{
  display:block;margin-bottom:6px;
  font-family:var(--font-mono);font-size:11px;line-height:1.6;
  letter-spacing:.16em;color:var(--gold);
}
.kit-contact__value{
  display:block;font-family:var(--font-mono);font-size:15px;line-height:1.7;
  letter-spacing:.02em;color:var(--mist);word-break:break-word;
}
.kit-contact__note{
  grid-column:1 / -1;padding-left:14px;
  border-left:4px solid var(--saddle);
  font-size:13px;line-height:1.8;color:var(--grass-soft);
}

.kit-footer__base{
  display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;
  padding-top:24px;font-size:12px;line-height:1.7;letter-spacing:.08em;
  color:rgba(217,213,201,.72);
}
.kit-footer__copy{font-family:var(--font-round)}
.kit-footer__icp{font-family:var(--font-mono);color:var(--stone)}

/* ---------- 响应式 ---------- */
@media (max-width:1180px){
  .kit-markers{display:none}
  .kit-primary__list{gap:14px}
  .kit-primary__link{font-size:14px}
}

@media (max-width:1024px){
  html{scroll-padding-top:110px}

  .kit-nav__toggle{display:inline-flex;position:relative;z-index:80}
  .kit-primary{
    position:fixed;top:0;right:0;bottom:0;left:auto;z-index:70;
    width:min(360px,88vw);margin:0;
    display:flex;flex-direction:column;align-items:stretch;gap:0;
    padding:96px var(--gutter) 40px;
    background:var(--ink);color:var(--mist);
    border-left:4px solid var(--gold);
    transform:translateX(102%);
    visibility:hidden;pointer-events:none;
    overflow-y:auto;overscroll-behavior:contain;
    transition:transform .28s var(--ease),visibility .28s var(--ease);
  }
  .kit-primary[data-open]{transform:translateX(0);visibility:visible;pointer-events:auto}

  .kit-primary__list{
    flex-direction:column;align-items:stretch;gap:0;
    border-top:1px solid rgba(217,213,201,.2);
  }
  .kit-primary__link{
    display:block;padding:15px 12px;
    font-size:17px;color:var(--mist);
    border-bottom:1px solid rgba(217,213,201,.2);
    border-left:4px solid transparent;
  }
  .kit-primary__link:hover,
  .kit-primary__link[aria-current="page"]{
    color:var(--gold-soft);
    border-bottom-color:rgba(217,213,201,.2);
    border-left-color:var(--gold);
  }
  .kit-primary__link[aria-current="page"]::after{display:none}

  .kit-primary__actions{
    flex-direction:column;align-items:stretch;gap:12px;margin-top:24px;
  }
  .kit-primary__actions .kit-btn{width:100%;box-shadow:5px 5px 0 var(--gold)}
  .kit-primary__actions .kit-btn--primary{background:var(--grass);color:var(--mist)}
  .kit-primary__actions .kit-btn--ghost{background:transparent;color:var(--mist);box-shadow:5px 5px 0 var(--saddle)}
  .kit-primary__actions .kit-btn--ghost:hover{background:var(--saddle);color:var(--mist)}

  body[data-nav-open]::before{
    content:"";position:fixed;inset:0;z-index:55;
    background:rgba(11,37,33,.55);
  }

  .kit-panel--offset{transform:none}

  .kit-footer__top{grid-template-columns:1fr;gap:32px}
  .kit-footer__groups{grid-template-columns:repeat(3,minmax(0,1fr))}
  .kit-footer__contact{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:860px){
  .kit-grid--3,.kit-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kit-strip__inner{font-size:10px;letter-spacing:.1em}
  .kit-footer__inner{padding-top:40px}
}

@media (max-width:640px){
  :root{--gutter:18px}
  body{font-size:17px}
  .kit-grid--2,.kit-grid--3,.kit-grid--4{grid-template-columns:1fr}
  .kit-strip__meta span:not(.kit-seal){display:inline}
  .kit-strip__inner{gap:10px}
  .kit-brand__name{font-size:20px}
  .kit-chapter{gap:12px}
  .kit-figure--wide .kit-figure__media,
  .kit-figure--wide .kit-figure__ph,
  .kit-figure--wide > img{aspect-ratio:16/10}
  .kit-footer__groups{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kit-footer__contact{grid-template-columns:1fr}
  .kit-footer__base{flex-direction:column;gap:8px}
  .kit-panel{box-shadow:6px 6px 0 var(--stone)}
  .kit-panel--grass{box-shadow:6px 6px 0 var(--gold-soft)}
  .kit-panel--ink{box-shadow:6px 6px 0 var(--grass-soft)}
  .kit-panel--sand{box-shadow:6px 6px 0 var(--saddle)}
  .kit-acc{box-shadow:6px 6px 0 var(--stone)}
  .kit-figure{box-shadow:6px 6px 0 var(--stone)}
}

/* ---------- 减少动效 ---------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
  }
  .js-ready [data-reveal]{opacity:1;transform:none;transition:none}
  .kit-btn:hover{transform:none}
  .kit-progress__bar{transition:none}
}