/* ===========================================================
   YUBO NEW LOOK — /assets/site.css
   共享站点套件：reset / 变量 / 中文排版 / 页头 / 页脚 / 通用组件
   =========================================================== */

/* ---------- 01 变量 ---------- */
:root{
  --c-ink:#071426;
  --c-navy:#0B1F3A;
  --c-lift:#122C4F;
  --c-slate:#5B6F86;
  --c-paper:#F3EBDD;
  --c-paper2:#E6D8C4;
  --c-cyan:#22E0D0;
  --c-cyan-deep:#0FA79D;
  --c-amber:#F2A33A;
  --c-amber-soft:#FFD79A;
  --c-text:#F4F8FA;
  --c-text-dark:#0B1F3A;

  --kit-max:1240px;
  --kit-radius:14px;
  --kit-line:rgba(91,111,134,.34);
  --kit-line-soft:rgba(91,111,134,.2);
  --kit-gutter:clamp(18px,4vw,48px);

  --font-display:"PingFang SC","Hiragino Sans GB","Source Han Sans SC","Noto Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-body:"PingFang SC","Hiragino Sans GB","Source Han Sans SC","Noto Sans SC","Microsoft YaHei",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-read:"Source Han Serif SC","Noto Serif SC","Songti SC","SimSun",var(--font-body);
  --font-mono:"IBM Plex Mono","JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,"Courier New",monospace;
}

/* ---------- 02 reset ---------- */
*,*::before,*::after{box-sizing:border-box}
html{
  margin:0;padding:0;
  scroll-behavior:smooth;
  scroll-padding-top:116px;
  -webkit-text-size-adjust:100%;
}
body{
  margin:0;padding:0;
  background:var(--c-ink);
  color:var(--c-text);
  font-family:var(--font-body);
  font-size:17px;
  line-height:1.75;
  letter-spacing:.01em;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
h1,h2,h3,h4,h5,p,figure,blockquote,ul,ol,dl{margin:0}
ul,ol{padding:0;list-style:none}
img,svg,video,canvas{display:block;max-width:100%}
button{font:inherit;color:inherit}
a{color:var(--c-cyan);text-decoration:none;transition:color .18s ease}
a:hover{color:var(--c-amber-soft)}
::selection{background:var(--c-cyan);color:var(--c-ink)}
:focus-visible{outline:2px solid var(--c-cyan);outline-offset:3px}
#main-content{display:block}
#main-content:focus{outline:none}

/* ---------- 03 基础排版与工具类 ---------- */
.kit-wrap{
  width:100%;
  max-width:var(--kit-max);
  margin-inline:auto;
  padding-inline:var(--kit-gutter);
}
.kit-section{padding-block:clamp(48px,7vw,96px)}
.kit-section--tight{padding-block:clamp(26px,4vw,54px)}

.kit-eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  margin:0 0 14px;
  font-family:var(--font-mono);
  font-size:11px;letter-spacing:.3em;text-transform:uppercase;
  color:var(--c-cyan);
}
.kit-eyebrow::before{content:"";width:26px;height:1px;background:currentColor}

.kit-num{
  display:block;
  font-family:var(--font-mono);
  font-size:clamp(2rem,5vw,3.4rem);
  font-weight:600;
  line-height:.9;
  letter-spacing:-.02em;
  color:transparent;
  -webkit-text-stroke:1px rgba(34,224,208,.55);
}

.kit-grid{display:grid;gap:clamp(18px,2.6vw,34px)}
.kit-grid--7-5{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.kit-grid--5-7{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
.kit-grid--8-4{grid-template-columns:minmax(0,8fr) minmax(0,4fr)}
@media (max-width:839px){
  .kit-grid--7-5,.kit-grid--5-7,.kit-grid--8-4{grid-template-columns:minmax(0,1fr)}
}

/* 按钮 */
.kit-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  font-family:var(--font-body);
  font-size:14px;font-weight:600;letter-spacing:.04em;line-height:1;
  padding:14px 24px;
  border:1px solid transparent;border-radius:999px;
  text-decoration:none;cursor:pointer;
  transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease;
}
.kit-btn:hover{transform:translateY(-1px)}
.kit-btn--signal{background:var(--c-cyan);border-color:var(--c-cyan);color:var(--c-ink)}
.kit-btn--signal:hover,.kit-btn--signal:focus-visible{background:var(--c-amber);border-color:var(--c-amber);color:var(--c-ink)}
.kit-btn--ghost{background:transparent;border-color:rgba(244,248,250,.35);color:var(--c-text)}
.kit-btn--ghost:hover,.kit-btn--ghost:focus-visible{border-color:var(--c-cyan);color:var(--c-cyan)}
.kit-btn--paper{background:var(--c-paper);border-color:var(--c-paper2);color:var(--c-text-dark)}
.kit-btn--paper:hover,.kit-btn--paper:focus-visible{background:var(--c-amber-soft);border-color:var(--c-amber)}

/* 面包屑 */
.kit-crumbs{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px;
  margin:0;padding:0;list-style:none;
  font-family:var(--font-mono);
  font-size:11px;letter-spacing:.14em;
  color:var(--c-slate);
}
.kit-crumbs li{display:inline-flex;align-items:center;gap:8px}
.kit-crumbs li + li::before{content:"/";color:rgba(91,111,134,.7)}
.kit-crumbs a{color:rgba(244,248,250,.7)}
.kit-crumbs a:hover{color:var(--c-cyan)}
.kit-crumbs [aria-current="page"]{color:var(--c-amber)}

/* 标签 */
.kit-tag{
  display:inline-flex;align-items:center;gap:6px;
  font-family:var(--font-mono);
  font-size:11px;letter-spacing:.16em;line-height:1.4;
  padding:4px 9px;
  border-radius:3px;
  background:var(--c-paper);
  border:1px solid var(--c-paper2);
  color:var(--c-text-dark);
}
.kit-tag--cyan{background:rgba(34,224,208,.12);border-color:rgba(34,224,208,.45);color:var(--c-cyan)}
.kit-tag--amber{background:rgba(242,163,58,.14);border-color:rgba(242,163,58,.5);color:var(--c-amber-soft)}

/* 卡片 */
.kit-card{
  position:relative;display:block;
  min-width:0;
  padding:clamp(18px,2.4vw,26px);
  border:1px solid var(--kit-line);
  border-radius:var(--kit-radius);
  background:linear-gradient(165deg,rgba(18,44,79,.94),rgba(11,31,58,.94));
  color:inherit;text-decoration:none;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.kit-card:hover,.kit-card:focus-visible{
  transform:translateY(-2px);
  border-color:var(--c-cyan);
  box-shadow:0 18px 36px -26px rgba(34,224,208,.75);
}
.kit-card--paper{
  background:var(--c-paper);
  border-color:var(--c-paper2);
  color:var(--c-text-dark);
}
.kit-card--paper:hover,.kit-card--paper:focus-visible{
  border-color:var(--c-amber);
  box-shadow:0 18px 34px -26px rgba(242,163,58,.8);
}

/* 图片容器基础规则（页面阶段放置图片占位） */
.kit-media{
  position:relative;
  display:block;
  overflow:hidden;
  width:100%;
  border:1px solid var(--kit-line);
  border-radius:var(--kit-radius);
  background:
    radial-gradient(120% 90% at 12% 10%,rgba(34,224,208,.12),transparent 60%),
    linear-gradient(150deg,var(--c-lift),var(--c-ink));
}
.kit-media::after{
  content:"";
  position:absolute;inset:0;
  background-image:repeating-linear-gradient(135deg,rgba(91,111,134,.16) 0 1px,transparent 1px 14px);
  pointer-events:none;
}
.kit-media img,.kit-media svg,.kit-media video{
  position:relative;z-index:1;
  width:100%;height:100%;
  object-fit:cover;
}
.kit-media--wide{aspect-ratio:16/9}
.kit-media--square{aspect-ratio:1/1}
.kit-media--tall{aspect-ratio:3/4}

/* 长文 */
.kit-prose{
  max-width:38em;
  font-family:var(--font-read);
  font-size:17px;
  line-height:1.85;
  color:rgba(244,248,250,.88);
}
.kit-prose > * + *{margin-top:1.1em}
.kit-prose h2,.kit-prose h3{
  font-family:var(--font-display);
  font-weight:800;
  line-height:1.3;
  color:var(--c-text);
}
.kit-prose h2{font-size:clamp(1.4rem,2.4vw,1.9rem);margin-top:1.8em}
.kit-prose h3{font-size:clamp(1.15rem,1.8vw,1.35rem);margin-top:1.5em}
.kit-prose a{color:var(--c-cyan);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.kit-prose a:hover{color:var(--c-amber)}
.kit-prose ul,.kit-prose ol{padding-left:1.3em;list-style:disc}
.kit-prose ol{list-style:decimal}
.kit-prose li + li{margin-top:.4em}
.kit-prose blockquote{
  padding:2px 0 2px 18px;
  border-left:2px solid var(--c-cyan);
  color:rgba(244,248,250,.72);
}
.kit-prose code{
  font-family:var(--font-mono);
  font-size:.9em;
  padding:2px 6px;
  border-radius:3px;
  background:rgba(34,224,208,.12);
  color:var(--c-cyan);
}
.kit-prose hr{border:0;border-top:1px solid var(--kit-line);margin-block:2em}

/* 章节目录 */
.kit-toc{
  position:sticky;
  top:104px;
  align-self:start;
  padding-left:18px;
  border-left:1px solid var(--kit-line);
}
.kit-toc__title{
  margin:0 0 12px;
  font-family:var(--font-mono);
  font-size:11px;letter-spacing:.26em;text-transform:uppercase;
  color:var(--c-slate);
}
.kit-toc__list{display:grid;gap:2px;margin:0;padding:0;list-style:none}
.kit-toc__link{
  display:block;
  margin-left:-19px;
  padding:7px 0 7px 17px;
  border-left:2px solid transparent;
  font-size:13.5px;
  line-height:1.5;
  color:rgba(244,248,250,.66);
  text-decoration:none;
  transition:color .18s ease,border-color .18s ease;
}
.kit-toc__link:hover{color:var(--c-cyan)}
.kit-toc__link[aria-current="true"]{color:var(--c-cyan);border-left-color:var(--c-cyan)}
@media (max-width:839px){
  .kit-toc{position:static;top:auto}
}

/* 显现 */
.kit-js .kit-reveal{
  opacity:0;
  transform:translateY(16px);
  transition:opacity .55s ease,transform .55s ease;
}
.kit-js .kit-reveal[data-shown]{opacity:1;transform:none}

/* 返回顶部 */
.kit-top{
  display:inline-flex;align-items:center;gap:8px;
  appearance:none;
  padding:8px 14px;
  border:1px solid var(--kit-line);
  border-radius:999px;
  background:transparent;
  color:var(--c-text);
  font-family:var(--font-mono);
  font-size:11px;letter-spacing:.16em;
  cursor:pointer;
  opacity:0;
  visibility:hidden;
  transform:translateY(6px);
  transition:opacity .2s ease,transform .2s ease,color .2s ease,border-color .2s ease,visibility .2s ease;
}
.kit-top[data-visible]{
  opacity:1;
  visibility:visible;
  transform:none;
  border-color:rgba(34,224,208,.6);
  color:var(--c-cyan);
}
.kit-top:hover{border-color:var(--c-cyan);color:var(--c-cyan)}

/* ---------- 04 跳至主要内容 ---------- */
.kit-skip{
  position:fixed;
  top:10px;left:10px;
  z-index:200;
  padding:10px 16px;
  border-radius:6px;
  background:var(--c-cyan);
  color:var(--c-ink);
  font-weight:700;font-size:14px;
  text-decoration:none;
  transform:translateY(-180%);
  transition:transform .18s ease;
}
.kit-skip:hover{color:var(--c-ink);background:var(--c-amber-soft)}
.kit-skip:focus,.kit-skip:focus-visible{transform:translateY(0)}

/* ---------- 05 页头 ---------- */
.kit-header{
  position:sticky;
  top:0;
  z-index:80;
  background:linear-gradient(180deg,rgba(11,31,58,.98),rgba(7,20,38,.97));
  border-bottom:1px solid var(--kit-line);
  color:var(--c-text);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
}
.kit-header__inner{
  display:grid;
  grid-template-columns:auto minmax(40px,1fr) auto auto;
  grid-template-areas:"brand index tools toggle";
  align-items:center;
  gap:clamp(10px,2vw,30px);
  width:100%;
  max-width:var(--kit-max);
  margin-inline:auto;
  min-height:78px;
  padding:14px var(--kit-gutter) 16px;
}

/* 品牌 */
.kit-brand{
  grid-area:brand;
  display:inline-flex;align-items:center;gap:12px;
  color:var(--c-text);
  text-decoration:none;
}
.kit-brand:hover{color:var(--c-text)}
.kit-brand__mark{
  font-family:var(--font-display);
  font-size:clamp(1.25rem,2.2vw,1.62rem);
  font-weight:800;
  letter-spacing:.16em;
  line-height:1;
}
.kit-brand__meta{display:flex;flex-direction:column;gap:4px}
.kit-badge{
  display:inline-flex;align-items:center;gap:7px;
  padding:3px 8px;
  border:1px solid rgba(242,163,58,.45);
  border-radius:2px;
  background:rgba(242,163,58,.08);
  font-family:var(--font-mono);
  font-size:10px;letter-spacing:.22em;text-transform:uppercase;
  color:var(--c-amber-soft);
  white-space:nowrap;
}
.kit-badge__dot{
  display:inline-block;
  width:6px;height:6px;
  border-radius:50%;
  background:var(--c-amber);
  box-shadow:0 0 0 0 rgba(242,163,58,.6);
  animation:kit-pulse 2.8s ease-out infinite;
  flex:0 0 auto;
}
@keyframes kit-pulse{
  0%{box-shadow:0 0 0 0 rgba(242,163,58,.55)}
  70%{box-shadow:0 0 0 7px rgba(242,163,58,0)}
  100%{box-shadow:0 0 0 0 rgba(242,163,58,0)}
}

/* 中部索引导轨 */
.kit-header__index{
  grid-area:index;
  display:flex;align-items:center;gap:12px;
  min-width:0;
  margin:0;
  overflow:hidden;
}
.kit-header__idxtxt{
  font-family:var(--font-mono);
  font-size:10px;letter-spacing:.34em;
  color:var(--c-slate);
  white-space:nowrap;
}
.kit-rail{
  flex:1 1 auto;
  min-width:24px;
  height:10px;
  border-bottom:1px solid rgba(91,111,134,.4);
  background-image:repeating-linear-gradient(90deg,rgba(91,111,134,.85) 0 1px,transparent 1px 12px);
  background-size:12px 6px;
  background-repeat:repeat-x;
  background-position:left bottom;
}

/* 工具区与导航 */
.kit-header__tools{
  grid-area:tools;
  display:flex;align-items:center;
  gap:clamp(12px,1.6vw,24px);
  min-width:0;
}
.kit-nav{display:flex;align-items:center;min-width:0}
.kit-nav__list{
  display:flex;align-items:center;
  gap:clamp(10px,1.4vw,22px);
  margin:0;padding:0;list-style:none;
  counter-reset:navidx;
}
.kit-nav__item{counter-increment:navidx;min-width:0}
.kit-nav__link{
  position:relative;
  display:inline-block;
  padding:6px 0;
  font-size:14px;font-weight:500;letter-spacing:.02em;
  color:rgba(244,248,250,.76);
  white-space:nowrap;
  transition:color .18s ease;
}
.kit-nav__link:hover,.kit-nav__link:focus-visible{color:var(--c-cyan)}
.kit-nav__link[aria-current="page"]{color:var(--c-cyan)}
.kit-nav__link[aria-current="page"]::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:2px;
  border-radius:2px;
  background:var(--c-cyan);
}
.kit-cta{
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 16px;
  border:1px solid rgba(34,224,208,.55);
  border-radius:999px;
  font-size:13px;font-weight:600;letter-spacing:.04em;
  color:var(--c-cyan);
  white-space:nowrap;
  transition:background-color .2s ease,color .2s ease,border-color .2s ease;
}
.kit-cta:hover,.kit-cta:focus-visible{background:var(--c-cyan);border-color:var(--c-cyan);color:var(--c-ink)}

/* 移动导航按钮 */
.kit-navtoggle{
  grid-area:toggle;
  display:none;
  align-items:center;gap:9px;
  appearance:none;
  padding:9px 12px;
  border:1px solid rgba(91,111,134,.5);
  border-radius:6px;
  background:transparent;
  color:var(--c-text);
  font-family:var(--font-mono);
  font-size:11px;letter-spacing:.18em;
  cursor:pointer;
  transition:border-color .2s ease,color .2s ease;
}
.kit-navtoggle:hover{border-color:var(--c-cyan);color:var(--c-cyan)}
.kit-navtoggle__bars{display:inline-flex;flex-direction:column;justify-content:center;gap:3px;width:16px}
.kit-navtoggle__bars span{
  display:block;height:1.5px;width:100%;
  border-radius:2px;
  background:currentColor;
  transition:transform .2s ease,opacity .2s ease;
}
.kit-navtoggle__label{line-height:1}
.kit-navtoggle[aria-expanded="true"]{border-color:var(--c-cyan);color:var(--c-cyan)}
.kit-navtoggle[aria-expanded="true"] .kit-navtoggle__bars span:nth-child(1){transform:translateY(4.5px) rotate(45deg)}
.kit-navtoggle[aria-expanded="true"] .kit-navtoggle__bars span:nth-child(2){opacity:0}
.kit-navtoggle[aria-expanded="true"] .kit-navtoggle__bars span:nth-child(3){transform:translateY(-4.5px) rotate(-45deg)}

/* 阅读进度 */
.kit-progress{
  position:absolute;
  left:0;right:0;bottom:-1px;
  height:2px;
  background:rgba(91,111,134,.22);
  overflow:hidden;
}
.kit-progress__bar{
  display:block;
  width:0;height:100%;
  background:linear-gradient(90deg,var(--c-cyan),var(--c-amber));
  transition:width .08s linear;
}

/* ---------- 06 页脚 ---------- */
.kit-footer{
  margin-top:clamp(64px,10vw,140px);
  background:var(--c-ink);
  border-top:1px solid var(--kit-line);
  color:rgba(244,248,250,.82);
}
.kit-footer__inner{
  display:grid;
  grid-template-columns:1.05fr 1.55fr .9fr .9fr;
  align-items:start;
  gap:clamp(22px,3vw,42px);
  padding-block:clamp(40px,6vw,76px);
}
.kit-footer__col{min-width:0}
.kit-footer__col--brand{min-width:0}
.kit-footer__brand{
  display:inline-block;
  font-family:var(--font-display);
  font-size:1.62rem;font-weight:800;letter-spacing:.18em;
  color:var(--c-text);
  text-decoration:none;
  line-height:1;
}
.kit-footer__brand:hover{color:var(--c-cyan)}
.kit-footer__motto{
  margin:14px 0 20px;
  max-width:26em;
  font-size:13.5px;line-height:1.8;
  color:rgba(244,248,250,.62);
}
.kit-footer__title{
  margin:0 0 14px;
  font-family:var(--font-mono);
  font-size:11px;letter-spacing:.26em;text-transform:uppercase;
  color:var(--c-cyan);
}
.kit-footer__links{display:grid;gap:9px;margin:0;padding:0;list-style:none}
.kit-footer__links a{
  display:inline-block;
  padding-bottom:2px;
  border-bottom:1px solid transparent;
  font-size:14px;
  color:rgba(244,248,250,.78);
  transition:color .18s ease,border-color .18s ease;
}
.kit-footer__links a:hover,.kit-footer__links a:focus-visible{
  color:var(--c-cyan);
  border-bottom-color:rgba(34,224,208,.6);
}

/* 联系面板（第二栏视觉锚点） */
.kit-footer__panel{
  position:relative;
  min-width:0;
  padding:clamp(18px,2.4vw,26px);
  border:1px solid rgba(34,224,208,.42);
  border-radius:var(--kit-radius);
  background:linear-gradient(160deg,var(--c-navy),var(--c-lift));
  box-shadow:0 22px 46px -30px rgba(0,0,0,.95);
}
.kit-footer__panel::before{
  content:"";
  position:absolute;
  top:-1px;left:clamp(18px,2.4vw,26px);
  width:56px;height:2px;
  background:var(--c-cyan);
}
.kit-footer__ptitle{
  display:flex;align-items:center;gap:8px;
  margin:0 0 16px;
  font-family:var(--font-mono);
  font-size:11px;letter-spacing:.26em;text-transform:uppercase;
  color:var(--c-amber-soft);
}
.kit-contact{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.kit-contact li{
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  gap:10px;
  align-items:baseline;
}
.kit-contact__k{
  font-size:12px;letter-spacing:.1em;
  color:rgba(244,248,250,.5);
}
.kit-contact__v{
  font-size:14px;line-height:1.6;
  color:var(--c-text);
  word-break:break-word;
}
.kit-contact__v--mono{
  font-family:var(--font-mono);
  font-size:13.5px;
  letter-spacing:.01em;
}
.kit-contact__note{
  margin:16px 0 18px;
  font-size:12.5px;line-height:1.75;
  color:rgba(244,248,250,.64);
}

/* 底栏 */
.kit-footer__base{
  display:flex;flex-wrap:wrap;align-items:center;
  gap:10px 24px;
  padding-block:16px 28px;
  border-top:1px solid var(--kit-line-soft);
  font-family:var(--font-mono);
  font-size:12px;letter-spacing:.06em;
  color:var(--c-slate);
}
.kit-footer__base p{margin:0}
.kit-footer__base .kit-top{margin-left:auto}

/* ---------- 07 响应式 ---------- */
@media (max-width:1119px){
  .kit-header__index{display:none}
  .kit-nav__list{gap:14px}
  .kit-nav__link{font-size:13.5px}
}

@media (max-width:1079px){
  .kit-footer__inner{grid-template-columns:1fr 1fr}
}

@media (max-width:959px){
  html{scroll-padding-top:150px}
  .kit-header__inner{
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-areas:
      "brand toggle"
      "tools tools";
    align-items:center;
    row-gap:0;
    min-height:0;
    padding:13px var(--kit-gutter) 12px;
  }
  .kit-navtoggle{display:inline-flex}
  .kit-header__tools{display:block}
  .kit-header__tools .kit-cta{display:none}
  .kit-nav{
    display:none;
    width:100%;
    margin-top:12px;
    padding:6px 0 10px;
    border-top:1px solid var(--kit-line-soft);
  }
  .kit-nav[data-open]{display:block}
  .kit-nav__list{flex-direction:column;align-items:stretch;gap:0}
  .kit-nav__link{
    display:flex;align-items:baseline;gap:12px;
    padding:11px 2px;
    font-size:15px;
  }
  .kit-nav__link::before{
    content:counter(navidx,decimal-leading-zero);
    font-family:var(--font-mono);
    font-size:11px;letter-spacing:.1em;
    color:var(--c-slate);
  }
  .kit-nav__link[aria-current="page"]::after{left:auto;right:0;width:22px;bottom:4px}
  .kit-brand__mark{font-size:1.2rem;letter-spacing:.14em}
}

@media (max-width:719px){
  .kit-footer__inner{grid-template-columns:minmax(0,1fr)}
  .kit-footer__base{font-size:11px;gap:8px 16px}
  .kit-footer__base .kit-top{margin-left:0;order:3}
  .kit-toc{top:auto}
}

@media (max-width:479px){
  .kit-contact li{grid-template-columns:minmax(0,1fr);gap:2px}
  .kit-contact__k{font-size:11px}
  .kit-brand{gap:8px}
  .kit-badge{font-size:9px;letter-spacing:.18em;padding:3px 6px}
  .kit-prose{font-size:16.5px}
}

/* ---------- 08 减少动态 ---------- */
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
  }
  .kit-badge__dot{animation:none;box-shadow:0 0 0 0 rgba(242,163,58,.55)}
  .kit-js .kit-reveal{opacity:1;transform:none}
  .kit-progress__bar{transition:none}
  .kit-top{transform:none}
  .kit-btn:hover{transform:none}
  .kit-card:hover,.kit-card:focus-visible{transform:none}
}