:root {
  /* ===== 海佳达 HAIJIADA · 深蓝 + 钴蓝点缀 暗色商务风 ===== */

  /* 画布层级（深蓝的不同深度，用于分层） */
  --bg: #071426;
  --bg-alt: #0a1a2f;
  --bg-deep: #04101e;
  --surface: #0e2038;
  --surface-2: #142a46;
  --surface-3: #1a3453;
  --glass: rgba(163, 200, 255, 0.06);
  --glass-strong: rgba(163, 200, 255, 0.1);

  /* 文字（冷白 → 蓝灰阶梯） */
  --ink: #eaf2fd;
  --ink-2: #9db2cd;
  --ink-3: #6b83a3;
  --ink-invert: #071426;

  /* 品牌：钴蓝（唯一强调色，在深蓝底上提亮一档） */
  --accent: #3b82f6;
  --accent-hover: #5f9dff;
  --accent-deep: #2563eb;
  --accent-text: #8fbcff;
  --accent-soft: rgba(59, 130, 246, 0.15);
  --accent-line: rgba(59, 130, 246, 0.45);

  /* 描边（带蓝调的细线，比纯白线更融于深蓝） */
  --line: rgba(163, 200, 255, 0.12);
  --line-strong: rgba(163, 200, 255, 0.2);
  --line-faint: rgba(163, 200, 255, 0.07);

  /* 功能色 */
  --ok: #34d399;
  --err: #f87171;

  /* 字体 */
  --font-body: 'Inter', 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', ui-sans-serif, system-ui, sans-serif;
  --font-display: 'Archivo', 'Inter', 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', ui-sans-serif, system-ui, sans-serif;

  /* 字号阶梯 */
  --text-caption: 12px;
  --text-sm: 14px;
  --text-base: 16px;
  --text-lg: 18px;
  --text-xl: 21px;
  --text-h4: 22px;
  --text-h3: 26px;
  --text-h2: clamp(26px, 3.4vw, 36px);
  --text-h1: clamp(34px, 5.4vw, 58px);
  --text-stat: clamp(30px, 3.4vw, 42px);

  /* 间距（4px 基） */
  --sp-4: 4px;
  --sp-8: 8px;
  --sp-12: 12px;
  --sp-16: 16px;
  --sp-20: 20px;
  --sp-24: 24px;
  --sp-32: 32px;
  --sp-40: 40px;
  --sp-56: 56px;
  --sp-72: 72px;
  --sp-96: 96px;

  /* 布局 */
  --page-max: 1180px;
  --nav-h: 72px;
  --radius-card: 14px;
  --radius-pill: 999px;
  --radius-input: 10px;

  /* 阴影（深蓝底上用藏蓝投影 + 蓝色微光） */
  --shadow-card: 0 1px 0 rgba(190, 220, 255, 0.04) inset, 0 14px 34px rgba(2, 10, 22, 0.5);
  --shadow-pop: 0 1px 0 rgba(190, 220, 255, 0.05) inset, 0 24px 60px rgba(2, 10, 22, 0.62);
  --glow: 0 10px 28px rgba(59, 130, 246, 0.3);

  /* ===== 渐变 ===== */
  /* 主行动：斜向蓝，带顶部高光 */
  --grad-accent: linear-gradient(135deg, #6ba5ff 0%, #3b82f6 46%, #1d4ed8 100%);
  --grad-accent-soft: linear-gradient(135deg, rgba(91, 155, 255, 0.24) 0%, rgba(59, 130, 246, 0.05) 100%);
  /* 卡片表面：自上而下由浅到深，制造受光感 */
  --grad-surface: linear-gradient(180deg, #122640 0%, #0a1a2d 100%);
  --grad-surface-hover: linear-gradient(180deg, #17304f 0%, #0d2036 100%);
  --grad-surface-deep: linear-gradient(180deg, rgba(163, 200, 255, 0.07) 0%, rgba(163, 200, 255, 0.02) 100%);
  /* 渐变描边（配合 padding-box / border-box 双背景用） */
  --grad-border-blue: linear-gradient(150deg, rgba(140, 190, 255, 0.9) 0%, rgba(59, 130, 246, 0.12) 52%, rgba(59, 130, 246, 0.55) 100%);
  --grad-border-line: linear-gradient(150deg, rgba(190, 215, 255, 0.2) 0%, rgba(190, 215, 255, 0.05) 60%, rgba(190, 215, 255, 0.13) 100%);
  /* 渐变文字 */
  --grad-text: linear-gradient(180deg, #ffffff 20%, #bcd6f6 100%);
  --grad-text-blue: linear-gradient(135deg, #c3ddff 0%, #78afff 48%, #3b82f6 100%);
  /* 分隔发光线 */
  --grad-hairline: linear-gradient(90deg, transparent 0%, rgba(59, 130, 246, 0.6) 50%, transparent 100%);
  /* 区块底光 */
  --grad-section-glow: radial-gradient(70% 120% at 12% 0%, rgba(59, 130, 246, 0.16) 0%, rgba(59, 130, 246, 0) 62%);
}