/* ============================================================
   岳祥官网 · 设计令牌 Design Tokens
   来源：官网/design/01-创意策划案.md §2（策凌 creative-strategist）
   原则：三端共用一套 token，只通过断点切换「字号刻度」与「留白刻度」
   ============================================================ */

:root {
  /* ---------- 品牌色（从现有两张海报提取，非 AI 默认紫蓝渐变）---------- */
  --brand-900: #0B2A6B;   /* 深蓝底：页脚 / 深色区 / 主标题 */
  --brand-700: #123A8C;   /* 品牌主蓝：导航 / 图标底 / H2 */
  --brand-500: #1E5AC8;   /* 亮蓝：渐变 / 链接 / 次按钮 */
  --brand-050: #EAF1FE;   /* 浅蓝区块底 / 标签底 */

  /* ---------- 行动色：一屏之内只出现在转化元素上 ---------- */
  --accent-500: #FF7A1A;  /* 主 CTA / 电话按钮 */
  --accent-600: #E85D00;  /* 按压态 / 描边 */
  --gold-400:   #FFC400;  /* 钩子高亮 / 承诺强调 */
  --success-500:#2BB673;  /* 绿色卖点 */
  --wechat:     #07C160;  /* 微信官方绿，勿改 */

  /* ---------- 文字 ---------- */
  --ink-900: #111827;
  --ink-600: #4B5563;
  --ink-300: #9CA3AF;
  --on-brand: #FFFFFF;

  /* ---------- 线 / 底 ---------- */
  --line: #E5E7EB;
  --line-strong: #D5DAE3;
  --bg: #F5F7FB;
  --card: #FFFFFF;

  /* ---------- 字体 ----------
     有意选择：使用系统中文栈，不加载 Web 字体。
     理由：中文字体文件体积过大（思源黑体全量 >5MB，即便子集化也常 1MB+），
     会直接击穿移动端首屏预算（本项目 LCP 目标 <2.5s）。
     而 PingFang SC / HarmonyOS Sans SC / MiSans 本身就是优质中文黑体，
     并非通用占位字体 —— 这属于有意识的取舍，不构成默认字体滥用。 */
  --font-sans: "PingFang SC", "HarmonyOS Sans SC", "Source Han Sans SC",
               "Microsoft YaHei", "MiSans", system-ui, -apple-system,
               "Helvetica Neue", sans-serif;

  /* ---------- 圆角 ---------- */
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 16px;
  --r-pill: 999px;

  /* ---------- 阴影 ---------- */
  --sh-1: 0 1px 2px rgba(16, 24, 40, .06);
  --sh-2: 0 6px 16px rgba(16, 24, 40, .08);
  --sh-3: 0 12px 32px rgba(16, 24, 40, .12);
  --sh-bar: 0 -4px 16px rgba(16, 24, 40, .10);

  /* ---------- 间距（8 的倍数）---------- */
  --s-1: 8px;  --s-2: 16px; --s-3: 24px; --s-4: 32px;
  --s-5: 40px; --s-6: 56px; --s-7: 72px; --s-8: 88px;

  /* ---------- 布局 ---------- */
  --container: 1200px;
  --gutter: 16px;
  --header-h: 56px;
  --bars-h: 64px;          /* 移动端底部常驻操作条实际高度：8 + 46 + 8 + 1px 描边 = 63px，
                              预留 64px 取整。原写 56px 是按钮按 44px 估算的，
                              实际按钮渲染 46px，会短 7px —— 实测校正。 */

  /* ---------- 字号：移动端为基准（375 设计稿）----------
     --fs-small (14px)：承载信息的文字 —— 表单提示、错误、合规声明、
                        联系行标签、二维码说明、内容块小标题。
     --fs-micro (13px)：纯装饰／元信息 —— 面包屑、备案号、卡片元标签、
                        数据说明。这些不需要逐字读。
     原来的 12.5px 对中年老板群体偏小（老花），统一上调。 */
  --fs-h1: 30px;   --fs-h2: 22px;   --fs-h3: 18px;
  --fs-lead: 17px; --fs-body: 16px; --fs-small: 14px;
  --fs-tag: 13px;  --fs-micro: 13px;
  /* 词云字号分档（策划案 6.4）。
     移动端 3 档：14 / 17 / 20 —— 第 4 档并入第 3 档，即「压缩极值防挤」。
     原实现是 --fs-tag + 1/3/6/10 的四档，移动端极值到 23px，超策划案 3px；
     375px 下长标签名换行暴增（B 版 12 个标签实测 306px，撑破 280px 容器）。
     分档阈值不变，只把移动端最高档压回第 3 档，见 main.js tier()。 */
  --fs-tag-1: 14px; --fs-tag-2: 17px; --fs-tag-3: 20px; --fs-tag-4: 20px;
  --fs-cta: 17px;  --fs-phone: 24px;
  --lh-h: 1.18;    --lh-body: 1.70;

  /* ---------- 区块纵向留白 ---------- */
  --section-y: 40px;

  /* ---------- 品牌渐变（英雄区）---------- */
  --grad-hero: linear-gradient(135deg, #0B2A6B 0%, #123A8C 45%, #1E5AC8 100%);

  /* ---------- 动效 ---------- */
  --ease: cubic-bezier(.2, .7, .3, 1);
  --dur: .24s;             /* 交互反馈统一 0.2–0.3s */
}

/* ============ 平板 768–1023 ============ */
@media (min-width: 768px) {
  :root {
    --gutter: 32px;
    --header-h: 64px;
    --fs-h1: 40px; --fs-h2: 28px; --fs-h3: 20px;
    --fs-lead: 18px;
    --fs-phone: 26px;
    --section-y: 56px;
  }
}

/* ============ 桌面 ≥1024 ============ */
@media (min-width: 1024px) {
  :root {
    --gutter: 24px;
    --header-h: 72px;
    --fs-h1: 52px; --fs-h2: 34px; --fs-h3: 22px;
    --fs-lead: 20px; --fs-body: 17px; --fs-small: 15px;
    --fs-tag: 14px;  --fs-micro: 14px;
    /* 桌面 4 档：14 / 18 / 22 / 28（策划案 6.4） */
    --fs-tag-1: 14px; --fs-tag-2: 18px; --fs-tag-3: 22px; --fs-tag-4: 28px;
    --fs-cta: 18px; --fs-phone: 30px;
    --section-y: 88px;
  }
}