/* FICS-AS 宣传网页 · 设计 token（阶段 0 定稿）
 * 色板沿用 PPT 12 张示意图统一视觉体系：白卡 + 蓝 + 单字徽章。
 * 页面上所有颜色/圆角/阴影只许引用这里的变量，不写裸值。 */

:root {
  /* ── 色板 ── */
  --c-blue: #2a78d6;        /* 主蓝：标题、强调、链接 */
  --c-blue-deep: #1c5aa8;   /* 深蓝：hover、描边 */
  --c-blue-bg: #eef4fc;     /* 浅蓝底：分区底、代码底 */
  --c-ink: #333330;         /* 正文墨色 */
  --c-gray: #52514e;        /* 次级文字、状态栏 */
  --c-gray-light: #8a8a86;  /* 弱化文字、图注 */
  --c-red: #d03b3b;         /* 警示、必读标注 */
  --c-green: #0ca30c;       /* 打勾、通过态 */
  --c-bg: #f9f4ec;          /* 页面底（暖米色，上下一致） */
  --c-card: #ffffff;        /* 白卡 */

  /* ── 徽章家族（单字）：快 / 准 / 全 / 安 / 造 / 链 / 进 / 教 ── */
  --badge-size: 28px;
  --badge-radius: 6px;

  /* ── 形状 ── */
  --radius-card: 12px;
  --radius-panel: 8px;
  --shadow-card: 0 2px 10px rgba(42, 120, 214, .10);

  /* ── 字体 ── */
  --font-ui: "MiSans", "HarmonyOS Sans SC", "Noto Sans SC", "Source Han Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
  --font-mono: Consolas, "Courier New", monospace;

  /* ── 布局（界面镜像骨架用） ── */
  --topbar-h: 52px;         /* 顶部功能区 tab 导航 */
  --statusbar-h: 30px;      /* 底部状态栏跑马灯 */
  --toc-w: 240px;           /* 左侧图层树目录 */
  --aipanel-w: 320px;       /* 右下 AI 面板 */
}

/* ── 基础 ── */
html, body { margin: 0; padding: 0; }
body {
  font-family: var(--font-ui);
  color: var(--c-ink);
  background: var(--c-bg);
}

/* ── 白卡 ── */
.card {
  background: var(--c-card);
  border-radius: var(--radius-card);
  box-shadow: var(--shadow-card);
}

/* ── 单字徽章：颜色由 --badge-c 注入，默认主蓝 ── */
.badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--badge-size);
  height: var(--badge-size);
  border-radius: var(--badge-radius);
  background: var(--badge-c, var(--c-blue));
  color: #fff;
  font-weight: 700;
  font-size: 15px;
  line-height: 1;
  flex: none;
}