/* =========================================================
   CERTPI 全站配色与字体（cpfa-palette）
   放置位置：外观 → 自定义 → 额外 CSS（GeneratePress），整段粘贴。
   页面代码里不写颜色，只引用这里的 --cp-* 变量。

   【默认配色】品牌蓝 · 标准（下面第一个块，始终生效）

   【一键切换】下面另有 4 套备用配色，平时都是关闭状态。
   要切换到某一套：把它上方的  @media not all  改成  @media all  ，保存即可。
   要恢复默认：改回  @media not all  。
   同一时间只打开一套备用配色。在自定义器里修改可以实时预览。

   【微调颜色】直接改默认块（或已打开的备用块）里的色值。
   ========================================================= */

/* ── 默认：品牌蓝 · 标准 ── */
:root{
  /* 页面底色 */
  --cp-bg:#ffffff; /* 页面主底色 */
  --cp-bg-alt:#e6f0ff; /* 交替区块底色 */
  --cp-surface:#ffffff; /* 卡片、表格底色 */
  /* 文字与线条 */
  --cp-ink:#1f2937; /* 正文主色 */
  --cp-ink-2:#4b5563; /* 正文次级（卡片说明文字） */
  --cp-ink-muted:#6b7280; /* 辅助文字、注释 */
  --cp-heading:#0d1b2a; /* 标题、卡片标题 */
  --cp-link:#1e5bff; /* 链接、小标签 */
  --cp-line:#dce3ee; /* 边框、分隔线 */
  --cp-line-strong:#b9c6da; /* 悬停时的边框 */
  /* 深色区块（首屏、MR、联系区） */
  --cp-dark-1:#0a1522; /* 最深 */
  --cp-dark-2:#0d1b2a; /* 深 */
  --cp-dark-3:#13263d; /* 中 */
  --cp-dark-4:#1b3556; /* 最浅，用于渐变末端 */
  --cp-dark-glow:rgba(30,91,255,.28); /* 深色区块的光晕 */
  --cp-on-dark:#ffffff; /* 深色区块上的标题 */
  --cp-on-dark-2:#cbd5e3; /* 深色区块上的正文 */
  --cp-on-dark-3:#8fa0b8; /* 深色区块上的辅助文字 */
  /* 强调色（按钮、细线、路线图） */
  --cp-accent:#1e5bff; /* 主强调色：主按钮、标题下划线 */
  --cp-accent-2:#5b8cff; /* 浅强调色：深色区块上的强调、悬停 */
  --cp-accent-text:#1e5bff; /* 浅底上用作文字的强调色（小标签、文字链接） */
  --cp-accent-hover:#1747d6; /* 主按钮悬停 */
  --cp-accent-line:rgba(91,140,255,.55); /* 半透明强调线 */
  --cp-accent-faint:rgba(30,91,255,.14); /* 很淡的强调装饰 */
  --cp-on-accent:#ffffff; /* 主按钮上的文字 */
  --cp-alert:#f08a6c; /* 警示（路线图上的返工标记） */
  /* 阴影 */
  --cp-shadow:rgba(13,27,42,.35); /* 卡片阴影 */
  /* 字体 */
  --cp-font-cn:"PingFang SC","Microsoft YaHei","Hiragino Sans GB","Source Han Sans SC","Noto Sans SC",sans-serif; /* 中文 */
  --cp-font-en:system-ui,-apple-system,"Segoe UI","Helvetica Neue",sans-serif; /* 英文无衬线 */
  --cp-font-serif:Georgia,"Times New Roman",serif; /* 英文衬线（斜体副标题） */
  /* 版式手感 */
  --cp-h-weight:600; /* 大标题字重 */
  --cp-radius:12px; /* 卡片圆角 */
  --cp-radius-sm:6px; /* 按钮、标签圆角 */
  --cp-section-y:78px; /* 区块上下留白 */
}

/* ── 备用：品牌蓝 · 极简 ── 启用：把下一行 not all 改成 all */
@media not all {
  :root{
    /* 页面底色 */
    --cp-bg:#ffffff;
    --cp-bg-alt:#f4f7fc;
    --cp-surface:#ffffff;
    /* 文字与线条 */
    --cp-ink:#1f2937;
    --cp-ink-2:#4b5563;
    --cp-ink-muted:#6b7280;
    --cp-heading:#0d1b2a;
    --cp-link:#1e5bff;
    --cp-line:#dce3ee;
    --cp-line-strong:#b9c6da;
    /* 深色区块（首屏、MR、联系区） */
    --cp-dark-1:#0a1522;
    --cp-dark-2:#0d1b2a;
    --cp-dark-3:#13263d;
    --cp-dark-4:#1b3556;
    --cp-dark-glow:rgba(30,91,255,.28);
    --cp-on-dark:#ffffff;
    --cp-on-dark-2:#cbd5e3;
    --cp-on-dark-3:#8fa0b8;
    /* 强调色（按钮、细线、路线图） */
    --cp-accent:#1e5bff;
    --cp-accent-2:#5b8cff;
    --cp-accent-text:#1e5bff;
    --cp-accent-hover:#1747d6;
    --cp-accent-line:rgba(91,140,255,.55);
    --cp-accent-faint:rgba(30,91,255,.14);
    --cp-on-accent:#ffffff;
    --cp-alert:#f08a6c;
    /* 阴影 */
    --cp-shadow:rgba(13,27,42,.35);
    /* 字体 */
    --cp-font-cn:"PingFang SC","Microsoft YaHei","Hiragino Sans GB","Source Han Sans SC","Noto Sans SC",sans-serif;
    --cp-font-en:system-ui,-apple-system,"Segoe UI","Helvetica Neue",sans-serif;
    --cp-font-serif:Georgia,"Times New Roman",serif;
    /* 版式手感 */
    --cp-h-weight:400;
    --cp-radius:4px;
    --cp-radius-sm:2px;
    --cp-section-y:104px;
  }
}

/* ── 备用：经典 #cpfa（藏青 / 纸色 / 黄铜） ── 启用：把下一行 not all 改成 all */
@media not all {
  :root{
    /* 页面底色 */
    --cp-bg:#f6f3ec;
    --cp-bg-alt:#efeadf;
    --cp-surface:#ffffff;
    /* 文字与线条 */
    --cp-ink:#13202e;
    --cp-ink-2:#46586b;
    --cp-ink-muted:#5c6b7a;
    --cp-heading:#0b2545;
    --cp-link:#1d4e89;
    --cp-line:#d8d0c1;
    --cp-line-strong:#c7bca6;
    /* 深色区块（首屏、MR、联系区） */
    --cp-dark-1:#081a33;
    --cp-dark-2:#0b2545;
    --cp-dark-3:#11335c;
    --cp-dark-4:#1d4e89;
    --cp-dark-glow:rgba(29,78,137,.5);
    --cp-on-dark:#ffffff;
    --cp-on-dark-2:#cdd9e8;
    --cp-on-dark-3:#93a8c3;
    /* 强调色（按钮、细线、路线图） */
    --cp-accent:#b78a3c;
    --cp-accent-2:#c9a35b;
    --cp-accent-text:#b78a3c;
    --cp-accent-hover:#c9a35b;
    --cp-accent-line:rgba(201,163,91,.5);
    --cp-accent-faint:rgba(201,163,91,.16);
    --cp-on-accent:#1a1206;
    --cp-alert:#d98a6e;
    /* 阴影 */
    --cp-shadow:rgba(11,37,69,.45);
    /* 字体 */
    --cp-font-cn:"PingFang SC","Microsoft YaHei","Hiragino Sans GB","Source Han Sans SC","Noto Sans SC",sans-serif;
    --cp-font-en:system-ui,-apple-system,"Segoe UI","Helvetica Neue",sans-serif;
    --cp-font-serif:Georgia,"Times New Roman",serif;
    /* 版式手感 */
    --cp-h-weight:600;
    --cp-radius:12px;
    --cp-radius-sm:6px;
    --cp-section-y:78px;
  }
}

/* ── 备用：极简 · 黄铜 ── 启用：把下一行 not all 改成 all */
@media not all {
  :root{
    /* 页面底色 */
    --cp-bg:#ffffff;
    --cp-bg-alt:#f5f5f4;
    --cp-surface:#ffffff;
    /* 文字与线条 */
    --cp-ink:#141414;
    --cp-ink-2:#4d4d4d;
    --cp-ink-muted:#6b6b6b;
    --cp-heading:#141414;
    --cp-link:#8a6420;
    --cp-line:#e6e6e6;
    --cp-line-strong:#c9c9c9;
    /* 深色区块（首屏、MR、联系区） */
    --cp-dark-1:#111111;
    --cp-dark-2:#141414;
    --cp-dark-3:#1c1c1c;
    --cp-dark-4:#262626;
    --cp-dark-glow:rgba(201,163,91,.10);
    --cp-on-dark:#ffffff;
    --cp-on-dark-2:#d4d4d4;
    --cp-on-dark-3:#9e9e9e;
    /* 强调色（按钮、细线、路线图） */
    --cp-accent:#b78a3c;
    --cp-accent-2:#c9a35b;
    --cp-accent-text:#8a6420;
    --cp-accent-hover:#c9a35b;
    --cp-accent-line:rgba(201,163,91,.5);
    --cp-accent-faint:rgba(201,163,91,.14);
    --cp-on-accent:#1a1206;
    --cp-alert:#d98a6e;
    /* 阴影 */
    --cp-shadow:rgba(0,0,0,.18);
    /* 字体 */
    --cp-font-cn:"PingFang SC","Microsoft YaHei","Hiragino Sans GB","Source Han Sans SC","Noto Sans SC",sans-serif;
    --cp-font-en:system-ui,-apple-system,"Segoe UI","Helvetica Neue",sans-serif;
    --cp-font-serif:Georgia,"Times New Roman",serif;
    /* 版式手感 */
    --cp-h-weight:400;
    --cp-radius:4px;
    --cp-radius-sm:2px;
    --cp-section-y:104px;
  }
}

/* ── 备用：极简 · 青色 ── 启用：把下一行 not all 改成 all */
@media not all {
  :root{
    /* 页面底色 */
    --cp-bg:#ffffff;
    --cp-bg-alt:#f5f5f5;
    --cp-surface:#ffffff;
    /* 文字与线条 */
    --cp-ink:#121212;
    --cp-ink-2:#4d4d4d;
    --cp-ink-muted:#555555;
    --cp-heading:#121212;
    --cp-link:#17766f;
    --cp-line:#e8e8e8;
    --cp-line-strong:#cfcfcf;
    /* 深色区块（首屏、MR、联系区） */
    --cp-dark-1:#0f0f0f;
    --cp-dark-2:#121212;
    --cp-dark-3:#1a1a1a;
    --cp-dark-4:#242424;
    --cp-dark-glow:rgba(67,193,184,.10);
    --cp-on-dark:#ffffff;
    --cp-on-dark-2:#d6d6d6;
    --cp-on-dark-3:#9e9e9e;
    /* 强调色（按钮、细线、路线图） */
    --cp-accent:#43c1b8;
    --cp-accent-2:#43c1b8;
    --cp-accent-text:#17766f;
    --cp-accent-hover:#5fd0c8;
    --cp-accent-line:rgba(67,193,184,.5);
    --cp-accent-faint:rgba(67,193,184,.14);
    --cp-on-accent:#0d1f1d;
    --cp-alert:#e0896a;
    /* 阴影 */
    --cp-shadow:rgba(0,0,0,.16);
    /* 字体 */
    --cp-font-cn:"PingFang SC","Microsoft YaHei","Hiragino Sans GB","Source Han Sans SC","Noto Sans SC",sans-serif;
    --cp-font-en:system-ui,-apple-system,"Segoe UI","Helvetica Neue",sans-serif;
    --cp-font-serif:Georgia,"Times New Roman",serif;
    /* 版式手感 */
    --cp-h-weight:400;
    --cp-radius:4px;
    --cp-radius-sm:2px;
    --cp-section-y:104px;
  }
}

/* ── 以下两段无需修改 ── */
/* GeneratePress 全局颜色接管：页头、导航、页脚、默认链接跟随上面的配色
   （变量名以测试站安装的 GP 3.6.1 为准，由 Claude Code 核实） */
:root{--contrast:var(--cp-ink);--contrast-2:var(--cp-ink-muted);--contrast-3:var(--cp-line);--base:var(--cp-bg-alt);--base-2:var(--cp-bg);--base-3:var(--cp-surface);--accent:var(--cp-link)}

/* 旧变量名兼容：现有服务页改造（第二阶段）后，旧写法也会跟随配色 */
:root{--navy-900:var(--cp-dark-1);--navy-800:var(--cp-dark-2);--navy-700:var(--cp-dark-3);--navy-600:var(--cp-dark-4);--paper:var(--cp-bg);--paper-2:var(--cp-bg-alt);--ink:var(--cp-ink);--muted:var(--cp-ink-muted);--line:var(--cp-line);--brass:var(--cp-accent);--brass-soft:var(--cp-accent-2)}