/**
 * 词安卫士 Design Token（UI 改版 dir-7 定稿 2026-10-28 · 墨青单列居中方案）
 * 视觉基准：docs/ui-redesign-20261027/design-demos/dir-7.html
 * 设计系统：根目录 DESIGN.md「朱批·安印」定稿 2026-10-29（本文件为实现层唯一取值来源）
 * 墨青主色 #0F3B4C · 纯白底 · 语义三级红/琥珀/绿（文字/背景成对，状态不只靠颜色）
 * 全站唯一取值来源：页面样式禁止写死色值/字号/间距，一律引用本文件变量
 */
:root {
  /* 字体栈（优先本地已授权思源黑体，回退系统中文黑体） */
  --wc-font-sans: "Source Han Sans SC", "Noto Sans SC", -apple-system, BlinkMacSystemFont, "PingFang SC",
    "HarmonyOS Sans SC", "Microsoft YaHei", "Segoe UI", Roboto, sans-serif;
  --wc-font-display: var(--wc-font-sans);
  --wc-font-mono: "JetBrains Mono", ui-monospace, "Cascadia Mono", Consolas, "Courier New", monospace; /* 数据/计数/价格（DESIGN.md：数字一律 mono） */
  --wc-font-serif: "Source Han Serif SC", "Noto Serif SC", "SimSun", "STSong", serif; /* 法规/公文引文（DESIGN.md：法规引文宋体，2026-10-31 走查 FINDING-006 补齐 token） */

  /* 品牌色（墨青 · dir-7 定稿） */
  --wc-primary: #0f3b4c;         /* 墨青主色（按钮/主强调） */
  --wc-primary-hover: #0c3040;   /* hover 深一档 */
  --wc-primary-active: #0a2834;  /* active 再深一档 */
  --wc-primary-soft: #edf3f6;    /* 主色浅底（chips hover/图标底/法条引用） */
  --wc-primary-soft-2: #dfeaf0;  /* 主色浅底深一档（正文内链高亮，容器 soft 底上仍可辨） */
  --wc-tint: #f6f9fa;            /* 浅底（示例 chips/原文区/悬停底） */

  /* 朱批·安印新增三色（DESIGN.md 2026-10-29；一屏一块墨：每视口最多一处主色实底） */
  --wc-ink-600: #286f8b;         /* 中声部：内链/hover 文字/tab 激活 */
  --wc-ink-deep: #092330;        /* 页脚实底带（全站收尾） */
  --wc-ink-ghost: rgba(15, 59, 76, 0.04); /* 首页右缘巨型「安」字幽灵水印 */

  /* 检测语义色（文字/背景成对；状态不只靠颜色，配合图标与文字标签） */
  --wc-hit: #b42318;        /* 高风险文字（#fef3f2 上约 6:1） */
  --wc-hit-bg: #fef3f2;     /* 高风险背景 */
  --wc-hit-border: #fecdca; /* 高风险边框 */
  --wc-hit-accent: #d92d20; /* 高风险圆点/描边强调（非文字用，保证文字对比度） */
  --wc-warn: #b54708;       /* 需关注文字（#fffaeb 上约 5.2:1） */
  --wc-warn-bg: #fffaeb;    /* 需关注背景 */
  --wc-warn-border: #fedf89;/* 需关注边框 */
  --wc-safe: #067647;       /* 未检出风险文字（#ecfdf3 上约 5.4:1） */
  --wc-safe-bg: #ecfdf3;    /* 未检出风险背景 */
  --wc-safe-border: #abefc6;/* 未检出风险边框 */
  --wc-purple: #6941c6;     /* 平台规则 */

  /* 中性色阶（墨青调灰阶 · dir-7 定稿） */
  --wc-text-hi: #152b36;      /* 主文字 */
  --wc-text-1: #152b36;
  --wc-text-2: #45606e;       /* 次文字（白底约 7:1） */
  --wc-text-3: #5e7280;       /* 辅助文字（白底约 5:1） */
  --wc-bg: #ffffff;           /* 面板 */
  --wc-bg-card: #ffffff;      /* 卡片底（wc-batch 等引用） */
  --wc-bg-page: #ffffff;      /* 页面底色（dir-7 纯白） */
  --wc-border: #d9e2e8;       /* 边框 */
  --wc-border-strong: #c3d0d9;/* 边框加深一档 */
  --wc-line-soft: #e7edf1;    /* 细分隔线（顶栏/页脚/卡内分区） */

  /* 字号梯度（dir-7：题头 22 · 卡题 16 · 正文 14/1.6 · 编辑文本 16/1.8 · 辅助≥12） */
  --wc-fs-12: 12px;
  --wc-fs-13: 13px;
  --wc-fs-14: 14px;
  --wc-fs-15: 15px;
  --wc-fs-16: 16px;
  --wc-fs-17: 17px;
  --wc-fs-20: 20px;
  --wc-fs-22: 22px;           /* 首页题头主标题（dir-7 定稿） */
  --wc-fs-24: 24px;
  --wc-fs-28: 28px;
  --wc-fs-32: 32px;
  --wc-fs-hero: clamp(20px, 2.6vw, 22px);   /* 页面题头流式字号（dir-7 收窄） */

  /* 间距（4px 基数，主用 8/12/16/24/32）/ 圆角（按钮 8 卡 10~12）/ 阴影克制
   * 第三轮 3a 补档：sp-5/sp-7 此前未定义，页内 var(--wc-sp-5/7) 整条声明失效
   * （连带 margin auto 丢失导致 .wc-vip-benefits 容器不居中），补齐后存量引用一并生效 */
  --wc-sp-1: 4px;
  --wc-sp-2: 8px;
  --wc-sp-3: 12px;
  --wc-sp-4: 16px;
  --wc-sp-5: 20px;
  --wc-sp-6: 24px;
  --wc-sp-7: 28px;
  --wc-sp-8: 32px;
  --wc-radius-sm: 6px;
  --wc-radius-md: 8px;        /* 按钮 */
  --wc-radius-card: 10px;     /* dir-7 输入卡/结果卡 */
  --wc-radius-lg: 12px;       /* 卡片/下拉 */
  --wc-radius-xl: 14px;
  --wc-radius-pill: 999px;    /* 胶囊 */
  --wc-radius-tag: 4px;       /* 小角标（DESIGN rounded.tag，2026-10-29 走查补 token） */
  --wc-radius-seal: 8px;      /* 安印（DESIGN rounded.seal，2026-10-29 走查补 token） */

  /* 会员身份金（DESIGN 语义色成对规则，2026-10-29 走查从 wc-media.css 字面量收编入 token） */
  --wc-gold: #B26A00;
  --wc-gold-bg: #FFF4E0;
  --wc-gold-border: #FFD591;
  --wc-shadow-sm: 0 1px 2px rgba(15, 59, 76, .04);
  --wc-shadow-md: 0 1px 2px rgba(15, 59, 76, .04), 0 6px 20px rgba(15, 59, 76, .05);
  --wc-shadow-lg: 0 8px 24px rgba(15, 59, 76, .09);
  --wc-focus-ring: 0 0 0 3px rgba(15, 59, 76, .18);  /* 键盘焦点环（墨青） */

  /* 布局基准（dir-7：顶栏 64 · 首页单列 880 · 全站内容 1280 · 断点 1024） */
  --wc-header-h: 64px;
  --wc-maxw: 1280px;          /* 顶栏与其他页面内容宽 */
  --wc-col: 880px;            /* 首页"一个框"单列宽 */
  --wc-split: 58% 42%;        /* 媒体检测页双栏（图片/视频/文档沿用） */
  --wc-split-gap: 24px;

  /* 动效（150-200ms，配合 prefers-reduced-motion） */
  --wc-dur: 160ms;
}

/* 减少动态效果偏好：全局动画/过渡降为瞬时 */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
}