/* ==========================================================================
   变量定义 | CSS Variables
   主题色: #1c74bb
   ========================================================================== */

:root {
  /* ---------- 主题色体系 ---------- */
  --color-primary: #1c74bb;                /* 主色 */
  --color-primary-light: #4a95d1;          /* 主色浅 */
  --color-primary-lighter: #eaf3fb;        /* 主色极浅（浅背景） */
  --color-primary-dark: #145d99;           /* 主色深 */
  --color-primary-darker: #0f4a7d;         /* 主色更深 */

  /* ---------- 辅助/强调色 ---------- */
  --color-accent: #1c74bb;                 /* 强调色（暂同主色，可替换为营销色） */
  --color-success: #22a06b;                /* 成功 */
  --color-warning: #e8a00d;                /* 警告 */
  --color-danger: #e5484d;                 /* 危险/错误 */
  --color-info: #1c74bb;                   /* 信息 */

  /* ---------- 功能色（文字/分隔） ---------- */
  --color-text-primary: #1a1a1a;           /* 标题/正文主要文字 */
  --color-text-regular: #333333;           /* 常规正文 */
  --color-text-secondary: #666666;         /* 次要文字 */
  --color-text-muted: #999999;             /* 弱化文字/占位 */
  --color-text-inverse: #ffffff;           /* 反白文字（用于主色背景上） */

  /* ---------- 背景色 ---------- */
  --color-bg-page: #f5f7fa;                /* 页面背景 */
  --color-bg-white: #ffffff;               /* 卡片/内容背景 */
  --color-bg-gray: #f0f2f5;                /* 灰底区块 */

  /* ---------- 边框/分隔 ---------- */
  --color-border: #d9d9d9;                 /* 边框 */
  --color-border-light: #e5e6eb;           /* 淡边框 */

  /* ---------- 背景渐变（主题主色衍生） ---------- */
  --gradient-primary: linear-gradient(90deg, #1c74bb, #4a95d1);
  --gradient-primary-hover: linear-gradient(90deg, #145d99, #1c74bb);
  --gradient-hero: linear-gradient(135deg, rgba(15, 74, 125, 0.88) 0%, rgba(28, 116, 187, 0.72) 55%, rgba(28, 116, 187, 0.45) 100%);

  /* ---------- 圆角 / 阴影 / 布局 ---------- */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --shadow-sm: 0 2px 8px rgba(15, 74, 125, 0.08);
  --shadow-md: 0 8px 24px rgba(15, 74, 125, 0.12);
  --shadow-lg: 0 16px 40px rgba(15, 74, 125, 0.16);
  --header-height: 72px;
  --nav-height: 56px;
  --container-width: 1360px;
  --transition: 0.28s ease;
}

/* 兼容 IE10+ 的变量回退说明：
   --color-primary 等变量定义在 :root 上，使用处直接调用，