/* 官网功能子页暗色适配（UI 设计夜十三）。
   四个子页自身 CSS 使用硬编码亮色，本文件在 [data-theme='dark'] 下按 style.css
   暗色令牌同值覆盖；boot.js 负责落 data-theme（localStorage sm_theme / 系统偏好），
   需在本文件之前引入。选择器特异性 (0,1,2) 恒压子页裸标签规则，顺序无关。 */
html[data-theme='dark'] body {
  background: #1c1c1e;
  color: #f5f5f7;
}
html[data-theme='dark'] .tag {
  color: #9aa4ff;
}
html[data-theme='dark'] .note {
  color: #b6b6bd;
}

/* 子页共享底座（UI 设计夜二十五续轮收编）：四张功能子页的私有 CSS 逐字同款
   （diff 全空=纯复制粘贴族），收编为本段后私有文件出列，新子页只引
   style.css + 本文件即得全态。body/.tag/.note 原硬编码值逐字节保真搬移
   （零视觉变化）；仅 .cta 一族做有意修正——自硬编码 #2563eb（与主页品牌
   令牌两族蓝的漂移）换主页 .btn-primary 同源令牌三件套：亮暗自动对齐、
   补 :active 按压（对齐 .btn:active 正典 idiom）、白字对比由 color-mix
   掺黑保证（同主页 axe 实测公式）；transition 对齐 .btn 的 --dur-fast 刻度
   （prefers-reduced-motion 全局冻结在 style.css 已继承）。 */
body {
  font-family: system-ui, -apple-system, 'Segoe UI', sans-serif;
  margin: 0;
  color: #111827;
  background: #f8fafc;
  line-height: 1.7;
}
main {
  max-width: 760px;
  margin: 0 auto;
  padding: 48px 20px;
}
h1 {
  font-size: 30px;
}
.tag {
  color: #2563eb;
  font-weight: 600;
  letter-spacing: 0.05em;
}
.note {
  color: #6b7280;
  font-size: 13px;
}
ul li {
  margin: 8px 0;
}
.cta {
  display: inline-block;
  background: color-mix(in srgb, var(--accent) 88%, #000);
  color: #fff;
  padding: 12px 28px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  margin-top: 8px;
  transition:
    background var(--dur-fast) var(--mt-effects-fast),
    transform var(--dur-fast) var(--mt-spatial-fast);
}
.cta:hover {
  background: var(--accent-hover);
}
.cta:active {
  background: var(--accent-active);
  transform: translateY(0.5px) scale(0.97);
}