@charset "utf-8";
/* =============================================================================
   主题：专业商务蓝（阿里云 / Arco Design Blue）
   -----------------------------------------------------------------------------
   本文件只定义「颜色令牌」，不含任何布局或组件规则。
   与 css/theme-red.css 互为替代品：页面只需引入其中一个即可整体换色。
   用法：<link rel="stylesheet" href="css/theme-blue.css">

   主色阶（Arco Design Blue）：
     1 #E8F3FF · 2 #BEDAFF · 3 #94BFFF · 4 #6AA1FF · 5 #4080FF · 6 #165DFF · 7 #0E42D2
   中性色（Arco Gray）：
     文字主色 #1D2129 · 文字次要 #4E5969 · 三级文字 #86909C
     边框/分割线 #E5E6EB · 页面底色 #F7F8FA
   ========================================================================== */

:root {
  /* ---- 品牌主色系 ---- */
  --brand: #165dff;          /* blue-6 主色：按钮、强调、焦点描边 */
  --brand-2: #4080ff;        /* blue-5 浅蓝：区块标题竖条、数值高亮、次级按钮 */
  --brand-warm: #4080ff;     /* 渐变起点（浅） */
  --brand-deep: #0e42d2;     /* blue-7 渐变终点（深） */
  --brand-warm-2: #6aa1ff;   /* blue-4：226° 渐变起点（右侧栏悬停） */
  --brand-warm-3: #165dff;   /* 按钮渐变终点 */
  --brand-warm-4: #4080ff;   /* 按钮渐变起点 */

  /* ---- 辅助强调色 ---- */
  --accent-ink: #0e42d2;

  /* ---- 极浅蓝底（标签、引用块、表格悬停） ---- */
  --brand-tint-1: #f5f9ff;
  --brand-tint-2: #e8f3ff;
  --brand-tint-3: #edf5ff;
  --brand-tint-4: #e8f3ff;
  --brand-tint-5: #f8fbff;

  /* ---- 品牌渐变（角度与红色主题一致，仅换色） ---- */
  --grad-brand: linear-gradient(270deg, #0e42d2 0%, #4080ff 100%);
  --grad-brand-226: linear-gradient(226deg, #6aa1ff 0%, #0e42d2 100%);
  --grad-btn: linear-gradient(270deg, #4080ff 0%, #165dff 100%);

  /* ---- 文字 ---- */
  --ink: #1d2129;            /* 文字主色 */
  --ink-2: #4e5969;          /* 文字次要 */
  --ink-3: #86909c;          /* 三级文字 / 说明文字 */

  /* ---- 边框与分割线 ---- */
  --line: #e5e6eb;
  --line-2: #e5e6eb;

  /* ---- 面 ---- */
  --bg-soft: #e8f3ff;        /* 极浅蓝：区块底色、非激活标签底 */
  --bg-top: #f7f8fa;         /* 顶栏底色 */

  /* ---- 主题相关背景图 ----
     所有样式表均位于 /css/，因此这里的 ../assets/ 始终指向站点根目录。 */
  --img-hero: url("../assets/photos/hero-art.jpg");
  --img-dashed: url("../assets/images/dashed.png");
  --img-table-active: url("../assets/images/table-left.png");
  --img-eval-band: url("../assets/images/04.png");
  --img-qr: url("../assets/images/qr_code.png");
  --img-enroll-form: url("../assets/images/enroll_form.png");
  --img-checkname-form: url("../assets/images/footer/checkname.png");
}