/* ==========================================================================
   variables.css — 设计变量（Design Tokens）
   数值全部取自 Ardot 设计稿（画布 1920px，内容区 1600px）
   ========================================================================== */

:root {
  /* ---------- 品牌色 ---------- */
  --c-green: #07C160;          /* 主强调色 / CTA / 当前页链接 */
  --c-green-dark: #07A054;     /* 绿色文字（浅底上的可读版本） */
  --c-green-soft: #E8F8EF;     /* 浅绿底：标签、图标容器 */

  /* ---------- 中性色 ---------- */
  --c-ink: #0A1628;            /* 主标题 / 深色板块底 */
  --c-text: #374151;           /* 正文强调 / 导航链接 */
  --c-body: #6B7280;           /* 常规正文（次级） */
  --c-muted: #9CA3AF;          /* 占位、辅助文字 */
  --c-bg: #FFFFFF;
  --c-bg-alt: #F9F9F9;         /* 交替板块底色 */
  --c-border: #EAEAEA;         /* 卡片描边 */

  /* ---------- 顶部导航（浅灰带，与正文白底区分） ---------- */
  --c-nav-bg: #E9E9E9;
  --c-nav-line: #D5D7D9;       /* 导航底部分隔线 */
  --c-nav-logo: #6E6E6E;
  --c-nav-link: #374151;

  /* ---------- 深色板块（技术优势 / 页脚） ---------- */
  --c-dark: #0A1628;
  --c-dark-card: #141F33;
  --c-dark-icon: #0A3D26;
  --c-dark-accent: #3DDC84;
  --c-dark-text: #9CA3AF;
  --c-divider-dark: #1F2A3D;
  --c-dark-faint: #6B7280;

  /* ---------- 联系区渐变 ---------- */
  --g-contact: linear-gradient(to right, #0A3D26 0%, #0ABF6B 100%);
  --g-hero-blob: linear-gradient(135deg, #6BEDB5 0%, #08BF6B 100%);

  /* ---------- 圆角 ---------- */
  --r-pill: 50px;
  --r-card: 26px;
  --r-lg: 36px;
  --r-md: 18px;
  --r-input: 14px;

  /* ---------- 投影 ---------- */
  --sh-card: 0 8px 32px rgba(1, 77, 178, 0.06);
  --sh-phone: 0 24px 48px -8px rgba(1, 28, 51, 0.18);
  --sh-chip: 0 8px 24px rgba(1, 28, 51, 0.12);
  --sh-form: 0 24px 48px -8px rgba(0, 26, 13, 0.2);
  --sh-nav: 0 6px 24px rgba(1, 28, 51, 0.08);

  /* ---------- 布局节奏 ---------- */
  --content-w: 1600px;                      /* 设计稿内容区宽度 */
  --pad-x: clamp(20px, 8.333vw, 160px);     /* 板块左右留白 160 @1920 */
  --pad-y: clamp(56px, 5.833vw, 112px);     /* 板块上下留白 112 @1920 */
  --gap-card: clamp(20px, 2.5vw, 32px);     /* 卡片间距 32 @1920 */
  --gap-col: clamp(32px, 5vw, 96px);        /* 双栏间距 96 @1920 */
  --nav-h: clamp(64px, 4.583vw, 88px);      /* 导航高度 88 @1920 */

  /* ---------- 字号（流体，1920 处等于设计稿值） ---------- */
  --fs-h1: clamp(34px, 3.333vw, 64px);      /* Hero 主标题 64 */
  --fs-h2: clamp(26px, 2.292vw, 44px);      /* 板块标题 44 */
  --fs-h3: clamp(19px, 1.25vw, 24px);       /* 服务卡标题 24 */
  --fs-h4: clamp(18px, 1.094vw, 21px);      /* 案例 / 优势卡标题 21 */
  --fs-contact: clamp(25px, 1.979vw, 38px); /* 联系区标题 38 */
  --fs-form: clamp(19px, 1.146vw, 22px);    /* 表单标题 22 */
  --fs-logo: clamp(18px, 1.146vw, 22px);    /* Logo 文字 22 */
  --fs-stat: clamp(24px, 1.563vw, 30px);    /* Hero 数据 30 */
  --fs-num: clamp(25px, 1.667vw, 32px);     /* 简介数据 32 */
  --fs-metric: clamp(18px, 1.146vw, 22px);  /* 案例指标 22 */
  --fs-lead: clamp(15px, 1.042vw, 20px);    /* Hero 副标题 20 */
  --fs-sub: clamp(14px, 0.938vw, 18px);     /* 板块副标题 18 */
  --fs-quote: clamp(15px, 0.833vw, 16px);   /* 评价正文 16 */
  --fs-btn: clamp(15px, 0.885vw, 17px);     /* 按钮文字 17 */
  --fs-card: clamp(15px, 0.833vw, 16px);    /* 卡片描述 16 */
  --fs-nav: clamp(14px, 0.833vw, 16px);     /* 导航链接 16 */
  --fs-body: clamp(14px, 0.781vw, 15px);    /* 正文 15 */
  --fs-sm: clamp(12px, 0.729vw, 14px);      /* 小字 14 */
  --fs-xs: clamp(12px, 0.677vw, 13px);      /* 标签 / 指标说明 13 */

  /* ---------- 字体 ---------- */
  --font-sans: "Noto Sans SC", "PingFang SC", "Hiragino Sans GB",
    "Microsoft YaHei", "Source Han Sans SC", "Heiti SC", sans-serif;

  /* ---------- Hero 手机模型整体缩放（响应式用） ---------- */
  --hero-scale: 1;

  /* ---------- 动画 ---------- */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
}