/* tokens.css — 宣传印刷 · 唯一变量来源
   改动顺序：先改这里，再改 style.css / components.css；三页共用本文件。
   设计基准：1440px，内容容器 1352px（左右各 44px 出血） */

:root {
  /* ── 颜色 ───────────────────────────────────────────── */
  --blue: #2461ac;              /* 品牌主色：按钮、图标、当前导航 */
  --blue-dark: #1b4c8c;         /* 主色 hover */
  --blue-soft: #eaf0fa;         /* 浅蓝底：标签、次级高亮 */
  --blue-light: #a9c8ee;        /* 深底上的辅助蓝：勾选图标 */
  --ink: #1b2430;               /* 主文字 */
  --ink-invert: #ffffff;        /* 深底上的主文字 */
  --muted: #5a6472;             /* 次要文字：导语、正文说明 */
  --muted-2: #6b7480;           /* 卡片说明、细描述 */
  --line: #e3e6eb;              /* 描边 / 分隔线 */
  --line-soft: #eef0f4;         /* 更浅的表格 / 列表分隔线 */
  --line-invert: rgba(255, 255, 255, 0.14); /* 深底分隔线 */
  --bg: #ffffff;                /* 页面底色 */
  --bg-soft: #f7f8fa;           /* 次级浅底：流程区、FAQ */
  --bg-elevated: #35404f;       /* 深底上的次级文字容器（导航项 hover 备选） */
  --navy: #1a2e47;              /* 页脚底色 */
  --navy-2: #172940;            /* 页脚渐变深端 */
  --hero-1: #f2f3f7;            /* 首屏渐变起 */
  --hero-2: #e9ebf0;            /* 首屏渐变止 */
  --quote-1: #23599f;           /* 报价通栏渐变起 */
  --quote-2: #3576c4;           /* 报价通栏渐变止 */
  --border-strong: #cfd6e0;     /* 描边按钮 / 输入框边界 */

  /* ── 版式 ───────────────────────────────────────────── */
  --wrap: 1352px;               /* 内容容器宽（1440 − 44×2） */
  --gutter: 44px;               /* 页面左右出血 */
  --font: 'PingFang SC','Microsoft YaHei','Noto Sans SC',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;

  /* 字号阶（升序，内页只用这套） */
  --fs-cap: 12px;               /* 图注、版权、卡片最小说明 */
  --fs-sm: 12.5px;              /* 卡片说明、页脚链接 */
  --fs-base: 13px;              /* 报价导语、FAQ 摘要备选 */
  --fs-md: 13.5px;              /* 导航、FAQ 摘要、统计 */
  --fs-body: 15px;              /* 正文 */
  --fs-card: 15.5px;            /* 卡片标题 */
  --fs-sub: 18px;               /* 列表页小标题 */
  --fs-brand: 20px;             /* 品牌名 */
  --fs-h3: 22px;                /* 移动端区块标题 */
  --fs-h2: 26px;                /* 区块标题 */
  --fs-h2-lg: 28px;             /* 报价通栏标题 */
  --fs-h1-sm: 30px;             /* 移动端 h1 */
  --fs-h1-md: 38px;             /* 平板 h1 */
  --fs-h1: 48px;                /* 桌面 h1 */

  /* ── 圆角 / 阴影 / 动效 ─────────────────────────────── */
  --r-xs: 2px;
  --r-sm: 4px;                  /* 图片圆角 */
  --r-md: 6px;                  /* 按钮、服务卡 */
  --r-lg: 8px;                  /* FAQ 折叠条 */
  --r-xl: 12px;                 /* 报价通栏 */
  --r-pill: 999px;              /* 药丸标签 */
  --r-round: 50%;               /* 圆形序号 */
  --shadow-hover: 0 8px 24px rgba(23, 46, 79, 0.08);
  --shadow-menu: 0 16px 28px rgba(23, 46, 79, 0.08);
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur: 160ms;                 /* 常规交互时长 */
}