/* ========== 设计令牌 ========== */

/* 全局设计令牌（主题主色、文字、版式与交互基础变量） */
:root {
  /* ---- 品牌主色（主操作、强调、链接色） ---- */
  /* 主题主色（品牌背景、按钮与强调、选中态等主操作色） */
  --website-primary: #0c7ed9;
  /* 主题主色加深（悬停、按下及渐变末端等强调加深色） */
  --website-primary-deep: #004482;
  /* 主题主色半透明（选中态、悬停底色等主色系浅色强调底，随主色联动） */
  --website-primary-10: color-mix(in srgb, var(--website-primary) 10%, transparent);
  /* 主题主色半透明加深（侧栏底色等较大面积的主色系浅色底，随主色联动） */
  --website-primary-15: color-mix(in srgb, var(--website-primary) 15%, transparent);
  /* 主题主色提亮（深色主色底上的高亮强调与悬停色，如头部深蓝背景上的导航悬停字色） */
  --website-primary-light: #40a9ff;
  /* 主题点缀色（警示、置顶、需突出的小面积强调色） */
  --website-accent: #a42b30;
  /* 链接主色（链接、强调图标、选中态边框与底色） */
  --website-link: #0c7ed9;
  /* 链接主色加深（链接与强调的悬停、聚焦加深色） */
  --website-link-deep: #075fa8;

  /* ---- 文字色（标题、正文、次级、弱化） ---- */
  /* 标题文字色（页面与卡片标题、Heading 级文字） */
  --website-heading: #00001b;
  /* 标题字重（页面与卡片标题等 Heading 级文字的加粗字重） */
  --website-heading-weight: 600;
  /* 正文文字色（段落、列表正文等常规文字） */
  --website-text: #3f4a5a;
  /* 次级文字色（导航、次级标题等中性文字） */
  --website-text-secondary: #333;
  /* 弱化文字色（日期、辅助说明等次要信息文字） */
  --website-text-muted: #617188;

  /* ---- 背景色（页面、表面、悬停） ---- */
  /* 页面底色（页面整体背景、内容区外侧底色） */
  --website-page: #fff;
  /* 表面底色（卡片、导航、内容容器等浮层与块面底色） */
  --website-surface: #fff;
  /* 悬停底色（列表项、卡片等整行悬停背景色） */
  --website-hover-bg: #f6f6f6;

  /* ---- 分隔线（强、普通、弱） ---- */
  /* 强分隔线（区块标题下的粗分隔线色） */
  --website-border-strong: #d9dfe8;
  /* 普通分隔线（列表条目间的虚线分隔色） */
  --website-border: #cbd8df;
  /* 弱分隔线（导航等细线分隔色） */
  --website-border-light: #f2f2f2;

  /* ---- 布局与几何 ---- */
  /* 内容最大宽度（主体内容的横向最大定宽） */
  --website-content-width: 1200px;
  /* 圆角半径（卡片、按钮、输入框等基础圆角） */
  --website-radius: 4px;
}

/* ========== 基础重置 ========== */

/* 全局盒模型：所有元素按 border-box 计算尺寸 */
*, *::before, *::after {
  box-sizing: border-box
}

/* 页面根节点 */
html {
}

/* 页面主体（整页底色、默认文字色与字体） */
body {
  margin: 0;
  background: #f4f6fc;
  color: var(--website-text);
  font: 14px/1.6 "Microsoft YaHei", "PingFang SC", Arial, sans-serif
}

/* ========== 基础元素 ========== */

/* 标题（取消浏览器默认外边距） */
h1, h2, h3, h4, h5 {
  margin: 0
}

/* 图片（自适应宽度、等比缩放、去除默认边框） */
img {
  max-width: 100%;
  height: auto;
  border: 0
}

/* 链接（继承文字色、去除下划线） */
a {
  color: inherit;
  text-decoration: none
}

/* 按钮（继承字体、指针手型） */
button {
  font: inherit;
  cursor: pointer
}