# GEO智见Insight · 视觉规范与对比度说明

> 版本：v1.1（视觉迭代样张）　更新日期：2026-11-13
> 负责：视觉样张 & 对比度（variants）　视觉契约：`DESIGN_SYSTEM.md` + `assets/css/brand.css`
> 数据来源：`variants/tools/_audit/results.json`（本文件表格由 `variants/tools/build-docs.py` 依据实测结果自动生成）

---

## 0. 结论摘要

1. **三款样张**（深色对比度修复版 A / 全彩渐变版 B / 科技蓝纯色版 C）均已产出，统一 **540×960 CSS 舞台、@2x 导出 1080×1920 PNG**，使用同一套内容骨架（Brand 顶栏 → Hero → 3 卡片 → CTA → 页脚）与同一核心文案 **「被 AI 引用 = 获客引擎」**。
2. **深色版对比度修复完成**：按用户问题描述复刻的“修复前基线”诊断夹具实测 31 项文字中 **10 项未达 WCAG AA**；修复后实测 **0 项未达 AA（全部通过）**，标题加 `text-shadow`、灰字提亮到 #d9deee / #b9c1da、光斑透明度降到 0.16–0.30 且 blur 提升到 100px+。
3. **三款样张全部 31/31 项关键文字通过 WCAG AA**；正文/标签最低实测值：A 深色版 **8.26:1**、B 渐变版 **6.41:1**、C 科技蓝版 **6.47:1**。
4. 全彩渐变版为“蓝紫粉渐变 + 白色玻璃卡 + 深色文字”，科技蓝版为“纯蓝底 + 白字 + 白玻璃卡”，两者玻璃卡均为半透明 + backdrop blur + 1px 细描边 + 柔和阴影。

---

## 1. 交付物清单与入口

| 交付物 | 路径 | 说明 |
|---|---|---|
| 样张总览页 | `variants/index.html` | 三款样张对比、设计说明、适用场景、对比度说明、选择建议、品牌页脚 |
| 深色修复版样张页 | `variants/dark-fixed.html` | 540×960 舞台，导出 1080×1920 |
| 全彩渐变版样张页 | `variants/gradient.html` | 同上 |
| 科技蓝纯色版样张页 | `variants/techblue.html` | 同上 |
| 样张 PNG | `variants/exports/dark-fixed.png` / `gradient.png` / `techblue.png` | 各 1080×1920 @2x |
| 总览页全页预览 | `variants/exports/index-preview.png` | 1440×5681，整页截图 |
| 共享骨架样式 | `variants/sample.css` | 三款样张共用，主题变量驱动 |
| 舞台自适应脚本 | `variants/sample-fit.js` | 固定舞台在窄视口按比例缩放 |
| 对比度审计工具 | `variants/tools/` | Playwright 取证 + Python WCAG 计算 + 版式/响应式自检 |
| 本说明文档 | `docs/视觉规范与对比度说明.md` | 修复点、实测数值、对比与选型 |

渲染命令（在工作区根目录执行）：

```bash
node scripts/render.mjs --file variants/dark-fixed.html --selector "#sample" \
  --out variants/exports/dark-fixed.png --scale 2 --width 1080 --height 1200
node scripts/render.mjs --file variants/gradient.html --selector "#sample" \
  --out variants/exports/gradient.png --scale 2 --width 1080 --height 1200
node scripts/render.mjs --file variants/techblue.html --selector "#sample" \
  --out variants/exports/techblue.png --scale 2 --width 1080 --height 1200
node scripts/render.mjs --file variants/index.html --full-page --width 1440 --scale 1 \
  --out variants/exports/index-preview.png
```

对比度实测复现：

```bash
node variants/tools/capture-audit.mjs      # 渲染 + 隐藏文字取证
python3 variants/tools/contrast_audit.py   # WCAG 计算，输出 results.json / report.md
node variants/tools/layout-probe.mjs       # 舞台溢出与元素坐标自检
node variants/tools/responsive-check.mjs   # 375 / 768 视口响应式自检
```

---

## 2. 品牌一致性与统一骨架

### 2.1 设计令牌与组件

- 三款样张与总览页均引用 `../assets/css/brand.css`，使用其中的颜色、字体、圆角、阴影 token（`--ink-900`、`--rose`、`--violet`、`--mint`、`--cream`、`--grad-brand`、`--text-shadow-dark` 等）。
- 页面均引用 `../assets/js/motion.js`；舞台内元素使用 `.reveal`，导出时由渲染器自动冻结为最终态。
- 三款样张页顶部均带 `GEO智见Insight` 品牌标识，舞台页脚固定 `GEO智见Insight 出品` 水印；总览页页脚同样出现完整品牌名。

### 2.2 同一套内容骨架（三款逐字一致）

| 区块 | 统一文案 / 内容 |
|---|---|
| 核心主张 | 被 AI 引用 = 获客引擎 |
| Hero 眉标 | GEO · 生成引擎优化 |
| Hero 正文 | 当客户向 AI 提问，能被引用、被推荐的内容，就是品牌新的获客入口。 |
| 数据条 | 28 天公开实验 / 5 大 AI 引擎 / 20 个目标问题 |
| 卡片 01 | 让 AI 找得到（内容结构）：用结构化内容与清晰实体，让引擎准确理解你是谁、擅长什么。 |
| 卡片 02 | 让 AI 信得过（权威信号）：用证据、案例与引用链，让 AI 的答案有据可依、敢推荐你。 |
| 卡片 03 | 让 AI 常提起（多引擎覆盖）：覆盖多引擎与多问法，持续监测提及率，把引用变成线索。 |
| CTA | 加入 28 天公开实验（按钮）+ 目标值公开 · 数据可证伪 · 不主推任何工具 |
| 页脚 | GEO智见Insight 出品 |

三款差异只在“视觉皮肤”，信息结构与阅读顺序完全一致，便于横向替换与 A/B 评估。

### 2.3 舞台与导出规范

- 舞台固定 `540×960 CSS px`，`overflow: hidden`，导出时 `#sample` 固定到视口 (0,0)，避免半像素导致 PNG 尺寸漂移。
- Playwright `deviceScaleFactor=2` 导出 → **1080×1920**；总览页全页预览 1440×5681（scale 1）。
- 装饰光斑、渐变、玻璃模糊全部为静态渲染，导出前冻结动效，保证可重复。

---

## 3. 深色版对比度修复（A · dark-fixed）

### 3.1 修复前问题 → 修复后参数

| 修复维度 | 修复前基线（诊断夹具） | 修复后（本样张） | 规范依据 |
|---|---|---|---|
| 标题文字投影 | 无文字投影，白字直接叠在紫色光晕上 | `text-shadow: var(--text-shadow-dark)`，标题、Hero 主标题统一应用 | `DESIGN_SYSTEM.md` §2 第 1 条 |
| 正文文字 | 代表性旧灰 `#8f97b2` | **`#d9deee`**（`--text-body`） | §2 第 2 条 |
| 次要/标签文字 | 代表性旧灰 `#7b839c`（#666–#888 系） | **`#b9c1da`**（`--text-muted`） | §2 第 2、4 条 |
| 装饰光晕 | `.orb` 默认 `opacity: .5`、`blur(70px)`，且光斑位于 Hero 文字后方 | 主题内改为 **`opacity: .16–.30`、`blur(100px+)`**，光斑只保留在内容块后方 | §2 第 3 条 |
| 文字列遮罩 | 无 | Hero 区加 `linear-gradient(180deg, rgba(6,9,18,.74), rgba(6,9,18,0))` 深色遮罩，降低光晕对文字的影响 | §2 第 3 条 |
| 深色卡内文字 | 灰字压在半透明卡片上 | 卡片标题纯白 `#ffffff`、卡片正文 `#d9deee`，编号徽标白字 | §2 第 4 条 |
| 渐变文字 | 未用于正文、按钮 | 仅大标题单个短词用纯色/装饰下划线强调，正文与按钮不出现渐变文字 | §2 第 5 条 |

### 3.2 修复前 vs 修复后（WCAG 相对亮度公式实测，P2 分位）

| 深色版关键文字 | 修复前基线（P2 实测） | 修复后（P2 实测） | 修复动作 |
|---|---|---|---|
| Hero 主标题后方合成底色 | 底色 `#131632` | 底色 `#0a0e1b` | 光晕减弱 + 暗色遮罩，文字与光晕解耦 |
| 数据条标签（10.5px） | 3.88:1–4.18:1 ❌ | **8.28:1–8.99:1 ✅** | 灰字提亮 #7b839c → #b9c1da |
| 卡片正文（13px） | 3.96:1–4.89:1 ❌ | **9.46:1–10.57:1 ✅** | 正文提亮 #8f97b2 → #d9deee |
| CTA 辅助说明（11.5px） | 3.97:1 ❌ | **8.35:1 ✅** | 次要文字 #7b839c → #b9c1da |
| 页脚品牌水印（12px） | 4.43:1 ❌ | **9.29:1 ✅** | 水印文字提亮 |
| **全部 31 项审计文字** | **10 项未达 AA** | **0 项未达 AA** | 深色版全量通过 AA |

> 说明：修复前数值来自诊断夹具 `variants/tools/dark-before-baseline.html`——按用户问题描述复刻“无文字投影、灰字偏暗、光晕偏强”的旧参数，**并非仓库历史文件原值**；仅用于量化修复幅度。该夹具不参与交付。

### 3.3 深色版合规核对（DESIGN_SYSTEM §2 五条硬规则）

| 硬规则 | 落实方式 | 是否满足 |
|---|---|---|
| 1. 标题深底加文字投影 | `.s-title` 使用 `--s-title-shadow: var(--text-shadow-dark)`；总览页 Hero 同样使用 | ✅ |
| 2. 正文 ≥ `--text-body`，灰字 ≥ `--text-muted`，禁用 #666–#888 | 正文/卡片正文 #d9deee；标签/辅助 #b9c1da；实测所有正文类 ≥ 8.26:1 | ✅ |
| 3. 光晕减弱、只放块后方、透明度 ≤ 0.5、必要时加暗色遮罩 | 光斑 opacity .16–.30、blur 100–110px；Hero 加 `rgba(6,9,18,.74→0)` 遮罩 | ✅ |
| 4. 正文 ≥4.5:1，主体争取 ≥7:1；深色卡内文字亮色 | 31/31 通过 AA；正文/标签最低 8.26:1；卡内文字 #ffffff / #d9deee | ✅ |
| 5. 渐变文字只用于超大标题单个短词，正文/按钮禁用 | 深色版正文、按钮均无渐变文字；强调词用纯色 mint / 下划线处理 | ✅ |

---

## 4. 三款样张设计说明

### A · 深色对比度修复版（`dark-fixed.html`）

- **背景**：`#0b1020 → #150e21` 深蓝黑渐变 + 弱紫色光斑（opacity .16–.30）+ 52px 细网格；Hero 区叠加深色遮罩。
- **卡片**：深色玻璃卡，`linear-gradient(152deg, rgba(255,255,255,.115), rgba(255,255,255,.048))`，1px 描边 `rgba(255,255,255,.17)`，blur 10px。
- **文字**：标题 56px Archivo Black + Noto Sans CJK Black，白色 + `--text-shadow-dark`；强调词 mint `#5cf2c0`；正文 #d9deee；标签 #b9c1da。
- **按钮/编号**：深品牌渐变胶囊白字；编号徽标紫→玫红渐变 + 白字。
- **适用**：官网首页 Hero、技术长文配图、暗场大屏与科技内容。

### B · 全彩渐变版（`gradient.html`）

- **背景**：`linear-gradient(158deg, #3d7bff 0%, #6c5cff 30%, #a94dff 57%, #ff4f9a 83%, #ff83bd 100%)`，叠加上方白色柔光雾（radial + linear）保证深色标题可读。
- **玻璃卡**：白色玻璃 `rgba(255,255,255,.74–.92)`，`backdrop-filter: blur(18px) saturate(1.18)`，1px 白色描边 `rgba(255,255,255,.92)`，柔和紫调阴影 `0 22px 48px -22px rgba(38,14,80,.5)`。
- **文字**：主标题/卡片标题深墨 #15162b / #14152b，正文 #1c1e33，卡片正文 #3a3f5c，标签 #4a3bb0；“获客引擎”下方用玫红→珊瑚品牌色下划线强调。
- **按钮**：墨黑 #171a26 胶囊 + 白字；CTA 辅助说明加白色玻璃胶囊（12.50:1 中位对比度）。
- **适用**：朋友圈 / 小红书 / 微博封面、活动 KV、社群传播等需要“亮、抓眼、愿转发”的场景。

### C · 科技蓝纯色版（`techblue.html`）

- **背景**：纯蓝 `#103a9e`（轻微明暗层次与 52px 细网格），不加多彩装饰。
- **玻璃卡**：白色玻璃 `rgba(255,255,255,.87–.97)`，`backdrop-filter: blur(16px)`，1px 白色描边，蓝调柔和阴影；卡片内深墨字 #101a3d / #39425f。
- **关键数字**：数据条数字 #0b5cff 压白玻璃，卡片编号白字压亮蓝渐变（#0a3fb8 → #0b5cff）。
- **按钮**：主按钮白底 + #0b3fb8 亮蓝字（实测 8.69:1），全页最高对比元素之一。
- **适用**：B2B 官网、销售提案、路演材料、脉脉 / LinkedIn 等专业社群。

---

## 5. 对比度实测方法论

### 5.1 WCAG 公式与门槛

- **相对亮度**：先将 sRGB 各通道线性化，再计算
  `L = 0.2126·R_lin + 0.7152·G_lin + 0.0722·B_lin`
- **对比度**：`ratio = (L_亮 + 0.05) / (L_暗 + 0.05)`，范围 1:1–21:1。
- **AA 门槛**：普通字号 ≥ **4.5:1**；大字号（≥24px，或 ≥18.66px 且字重 ≥700）≥ **3:1**。

### 5.2 “实测”怎么测

1. Playwright 以 1080px 视口、dpr=2 加载样张，动效冻结，导出与 PNG 相同的渲染结果；
2. 截图 A（文字正常）；随后把 `#sample` 内文字颜色设为透明（不改布局），截图 B，得到每段文字后方**包含渐变、半透明玻璃、backdrop blur、光晕与噪点**的真实合成底色；
3. A/B 逐像素差分定位“文字真正着墨”的像素（文字投影也会被差分标记，但底色取 B 的无投影背景，因此计算偏保守）；
4. 对每个着墨像素按公式计算对比度，报告 **P2 分位（最差 2%）** 与中位数。判定使用 P2 分位，避免单点异常同时覆盖渐变/玻璃带来的底色波动；
5. 前景色带透明度时（如品牌字 INSIGHT），按每个像素的真实合成色计算。

> 文字投影的作用是提升观感清晰度与层次，**没有计入对比度公式**，所以表中的数值是“去掉投影后仍然成立”的保守值。

### 5.3 复现命令

```bash
node variants/tools/capture-audit.mjs
python3 variants/tools/contrast_audit.py
# 明细：variants/tools/_audit/report.md 与 results.json
```

---

## 6. 关键文字对比度实测数值

### 6.1 A · 深色对比度修复版

- 审计元素：31 项；WCAG AA 未通过：0 项
- 正文/标签最低实测：**8.26:1**（卡片标签，10px）
- 全页最低实测：**5.37:1**（卡片编号，19px，门槛 3:1（大字号），判定通过）

| 文字元素 | 文本 | 前景色 | 字号/字重 | 实测底色中位 | 最差（P2 分位） | 中位对比度 | 要求 | 判定 |
|---|---|---|---|---|---|---|---|---|
| Hero 主标题第 1 行 | 被 AI 引用 | `#ffffff` | 56px / 900 | `#0a0e1b` | **18.72:1** | 19.24:1 | 3:1（大字号） | ✅ 通过 |
| Hero 主标题强调词 | 获客引擎 | `#5cf2c0` | 56px / 900 | `#0a0e1d` | **13.26:1** | 13.62:1 | 3:1（大字号） | ✅ 通过 |
| Hero 正文 | 当客户向 AI 提问，能被引用、… | `#d9deee` | 14px / 500 | `#0b0f1f` | **13.86:1** | 14.20:1 | 4.5:1（正文） | ✅ 通过 |
| 数据条数字 | 28 | `#ffffff` | 27px / 700 | `#222536` | **15.02:1** | 15.15:1 | 3:1（大字号） | ✅ 通过 |
| 数据条标签 | 天公开实验 | `#b9c1da` | 10px / 700 | `#212636` | **8.28:1** | 8.41:1 | 4.5:1（正文） | ✅ 通过 |
| 卡片编号 | 01 | `#ffffff` | 19px / 700 | `#af2388` | **5.46:1** | 6.14:1 | 3:1（大字号） | ✅ 通过 |
| 卡片标题 | 让 AI 找得到 | `#ffffff` | 19px / 900 | `#23283b` | **14.14:1** | 14.60:1 | 3:1（大字号） | ✅ 通过 |
| 卡片正文 | 用结构化内容与清晰实体，让引擎准… | `#d9deee` | 13px / 400 | `#202337` | **10.57:1** | 11.52:1 | 4.5:1（正文） | ✅ 通过 |
| CTA 按钮文字 | 加入 28 天公开实验 → | `#ffffff` | 16px / 700 | `#b61f68` | **6.14:1** | 6.26:1 | 4.5:1（正文） | ✅ 通过 |
| CTA 辅助说明 | 目标值公开 · 数据可证伪 · … | `#b9c1da` | 12px / 700 | `#31152f` | **8.35:1** | 9.09:1 | 4.5:1（正文） | ✅ 通过 |
| 页脚品牌水印 | GEO智见Insight 出品 | `#b9c1da` | 12px / 700 | `#28132b` | **9.29:1** | 9.57:1 | 4.5:1（正文） | ✅ 通过 |

### 6.2 B · 全彩渐变版

- 审计元素：31 项；WCAG AA 未通过：0 项
- 正文/标签最低实测：**6.41:1**（Hero 正文，14px）
- 全页最低实测：**4.69:1**（页脚品牌水印，12px，门槛 4.5:1，判定通过）

| 文字元素 | 文本 | 前景色 | 字号/字重 | 实测底色中位 | 最差（P2 分位） | 中位对比度 | 要求 | 判定 |
|---|---|---|---|---|---|---|---|---|
| Hero 主标题第 1 行 | 被 AI 引用 | `#15162b` | 56px / 900 | `#c1c6ff` | **9.64:1** | 10.82:1 | 3:1（大字号） | ✅ 通过 |
| Hero 主标题强调词 | 获客引擎 | `#15162b` | 56px / 900 | `#bab8ff` | **8.54:1** | 9.64:1 | 3:1（大字号） | ✅ 通过 |
| Hero 正文 | 当客户向 AI 提问，能被引用、… | `#1c1e33` | 14px / 500 | `#afa7ff` | **6.41:1** | 7.63:1 | 4.5:1（正文） | ✅ 通过 |
| 数据条数字 | 28 | `#4c37e0` | 27px / 700 | `#f1edff` | **6.14:1** | 6.24:1 | 3:1（大字号） | ✅ 通过 |
| 数据条标签 | 天公开实验 | `#3a3f5c` | 10px / 700 | `#efe9ff` | **8.54:1** | 8.69:1 | 4.5:1（正文） | ✅ 通过 |
| 卡片编号 | 01 | `#ffffff` | 19px / 700 | `#af2388` | **5.46:1** | 6.14:1 | 3:1（大字号） | ✅ 通过 |
| 卡片标题 | 让 AI 找得到 | `#14152b` | 19px / 900 | `#f1e7ff` | **14.72:1** | 15.03:1 | 3:1（大字号） | ✅ 通过 |
| 卡片正文 | 用结构化内容与清晰实体，让引擎准… | `#3a3f5c` | 13px / 400 | `#efdeff` | **7.64:1** | 8.10:1 | 4.5:1（正文） | ✅ 通过 |
| CTA 按钮文字 | 加入 28 天公开实验 → | `#ffffff` | 16px / 700 | `#181b27` | **17.14:1** | 17.14:1 | 4.5:1（正文） | ✅ 通过 |
| CTA 辅助说明 | 目标值公开 · 数据可证伪 · … | `#17182c` | 12px / 700 | `#ebd4e2` | **11.61:1** | 12.50:1 | 4.5:1（正文） | ✅ 通过 |
| 页脚品牌水印 | GEO智见Insight 出品 | `#22243c` | 12px / 700 | `#fb50a0` | **4.69:1** | 4.88:1 | 4.5:1（正文） | ✅ 通过 |

### 6.3 C · 科技蓝纯色版

- 审计元素：31 项；WCAG AA 未通过：0 项
- 正文/标签最低实测：**6.47:1**（卡片标签，10px）
- 全页最低实测：**4.41:1**（数据条数字，27px，门槛 3:1（大字号），判定通过）

| 文字元素 | 文本 | 前景色 | 字号/字重 | 实测底色中位 | 最差（P2 分位） | 中位对比度 | 要求 | 判定 |
|---|---|---|---|---|---|---|---|---|
| Hero 主标题第 1 行 | 被 AI 引用 | `#ffffff` | 56px / 900 | `#113a97` | **9.14:1** | 10.12:1 | 3:1（大字号） | ✅ 通过 |
| Hero 主标题强调词 | 获客引擎 | `#8fd3ff` | 56px / 900 | `#113b9c` | **5.51:1** | 6.05:1 | 3:1（大字号） | ✅ 通过 |
| Hero 正文 | 当客户向 AI 提问，能被引用、… | `#dce7ff` | 14px / 500 | `#113c9d` | **7.24:1** | 7.84:1 | 4.5:1（正文） | ✅ 通过 |
| 数据条数字 | 28 | `#0b5cff` | 27px / 700 | `#f4f6fb` | **4.83:1** | 4.87:1 | 3:1（大字号） | ✅ 通过 |
| 数据条标签 | 天公开实验 | `#33406b` | 10px / 700 | `#f2f5fa` | **9.13:1** | 9.21:1 | 4.5:1（正文） | ✅ 通过 |
| 卡片编号 | 01 | `#ffffff` | 19px / 700 | `#0b4edb` | **6.18:1** | 6.71:1 | 3:1（大字号） | ✅ 通过 |
| 卡片标题 | 让 AI 找得到 | `#101a3d` | 19px / 900 | `#f0f2f9` | **15.01:1** | 15.16:1 | 3:1（大字号） | ✅ 通过 |
| 卡片正文 | 用结构化内容与清晰实体，让引擎准… | `#39425f` | 13px / 400 | `#e9edf6` | **8.15:1** | 8.45:1 | 4.5:1（正文） | ✅ 通过 |
| CTA 按钮文字 | 加入 28 天公开实验 → | `#0b3fb8` | 16px / 700 | `#ffffff` | **8.69:1** | 8.69:1 | 4.5:1（正文） | ✅ 通过 |
| CTA 辅助说明 | 目标值公开 · 数据可证伪 · … | `#cfe0ff` | 12px / 700 | `#2048a0` | **5.73:1** | 6.31:1 | 4.5:1（正文） | ✅ 通过 |
| 页脚品牌水印 | GEO智见Insight 出品 | `#cfe0ff` | 12px / 700 | `#0b2975` | **9.14:1** | 9.95:1 | 4.5:1（正文） | ✅ 通过 |

---

## 7. 三款样张对比与选择建议

### 7.1 横向对比

| 维度 | A · 深色对比度修复版 | B · 全彩渐变版 | C · 科技蓝纯色版 |
|---|---|---|---|
| 背景 | 深蓝黑 #0b1020 → #150e21，弱光晕 | 蓝紫粉 #3d7bff → #ff4f9a → #ff83bd | 纯蓝 #103a9e |
| 卡片 | 深色玻璃 rgba(255,255,255,.05–.12) + blur 10px | 白色玻璃 rgba(255,255,255,.74–.92) + blur 18px | 白色玻璃 rgba(255,255,255,.87–.97) + blur 16px |
| 文字 | 白字 + 投影；正文 #d9deee | 深墨字 #15162b / #1c1e33 | 白字；卡内深墨字 #101a3d |
| 按钮 | 深品牌渐变 + 白字 | 墨黑 + 白字 | 白底 #0b3fb8 蓝字 |
| 气质 | 大胆 / 科技 / 暗场冲击 | 明亮 / 外放 / 社交记忆点 | 专业 / 克制 / 可信 |
| 最适合 | 官网 Hero、知乎/B 站配图、暗场大屏 | 朋友圈/小红书封面、活动 KV | B2B 提案、销售资料、路演与行业社群 |
| 对比度 | 31/31 AA；正文/标签最低 8.26:1 | 31/31 AA；正文/标签最低 6.41:1 | 31/31 AA；正文/标签最低 6.47:1 |

### 7.2 选择建议

- **要品牌张力 + 长文可读性 → 选 A（深色修复版）**。适合作为主站 Hero 与知识内容配图；暗场冲击最强，且正文对比度余量最大。
- **要社交传播 + 缩略图抓眼 → 选 B（全彩渐变版）**。明亮渐变在信息流中更容易被注意到，白玻卡保证文字仍清晰；适合朋友圈、小红书、微博与活动海报。
- **要 B2B 可信感 + 商务沟通 → 选 C（科技蓝版）**。纯蓝 + 白玻璃卡显得专业克制，亮蓝白按钮与关键数字强化行动点；适合提案、报价附件与路演。
- **组合使用**：三款共用同一内容骨架与品牌 token，可组合为“主站 A + 社媒 B + 商务 C”的视觉矩阵，替换时无需改文案结构。

---

## 8. 自检记录

| 自检项 | 方法 | 结果 |
|---|---|---|
| PNG 尺寸 | 渲染后读取 PNG 头 | 三张样张均 **1080×1920**；总览页 **1440×5681** |
| 文字是否溢出 / 裁切 | Playwright 读取 `.stage-inner` 的 scrollHeight/clientHeight 与关键元素 bottom | 三款均 `scrollH=960 / clientH=960`，无溢出、无裁切 |
| 对比度 | `capture-audit.mjs` + `contrast_audit.py` | A/B/C 各 31 项，**0 项未达 AA** |
| 视觉检查 | `read_image` 逐张检查 PNG | 已检查并迭代：修正 Hero 正文孤行、卡片与 CTA 间距、渐变版强调词对比度、渐变版 CTA 辅助说明、总览页角标重叠等 |
| 响应式 | 375 / 768 视口截图 + 横向溢出检测 | 三款样张页 + 总览页均无横向滚动；舞台在窄视口按比例缩放 |
| 内容骨架一致性 | 提取三款 `#sample` 文本比对 | 三款 Hero/卡片/CTA/页脚文案逐字一致 |

---

## 9. 未决问题与风险

1. **修复前基线是诊断夹具**：仓库没有保留旧版深色样张源文件，`dark-before-baseline.html` 是按问题描述复刻的代表性参数（无投影、灰字偏暗、光晕偏强）。文档中的“修复前数值”应理解为量化对照，不是历史页面原值。
2. **渐变版页脚余量较窄**：页脚品牌水印实测 P2 = 4.69:1，刚过 4.5:1；若后续更换渐变底部颜色或降低文字亮度，必须重新跑对比度审计。
3. **科技蓝版数据条数字**：27px 大字号实测 P2 = 4.41:1，满足大字号 3:1；若后期把数字缩小到正文尺寸，需改为更深的蓝色。
4. **玻璃效果的环境差异**：`backdrop-filter` 在低版本浏览器/部分导出器中可能降级为纯半透明背景，视觉层次略变差；颜色与描边已做兜底，文字对比度不受影响。
5. **字体依赖**：中文显示依赖环境中文字体（Noto Sans CJK SC 等），不同机器渲染字形可能有细微差异；字号与颜色 token 不受影响。
6. **总览页与样张页正文以外的次要文案**（如长说明段落）未纳入本次“样张内部 31 项”审计范围，但均使用 brand.css 中已验证的 `--ink-soft` / `--text-body` 等 token。

---

## 附录：全量对比度实测明细（31 项 × 三款）

### 附录 A · 深色对比度修复版

| 文字元素 | 文本 | 前景色 | 字号/字重 | 实测底色中位 | 最差（P2 分位） | 中位对比度 | 要求 | 判定 |
|---|---|---|---|---|---|---|---|---|
| 顶栏品牌 GEO | GEO | `#ffffff` | 18px / 400 | `#090c18` | **19.40:1** | 19.51:1 | 4.5:1（正文） | ✅ 通过 |
| 顶栏品牌 智见 | 智见 | `#ffffff` | 18px / 900 | `#090c18` | **19.40:1** | 19.51:1 | 4.5:1（正文） | ✅ 通过 |
| 顶栏品牌 INSIGHT | Insight | `#ffffff` | 11px / 500 | `#090c18` | **11.75:1** | 11.84:1 | 4.5:1（正文） | ✅ 通过 |
| 版本标签 | DARK · 对比度修复 | `#d9deee` | 10px / 800 | `#202039` | **11.57:1** | 11.76:1 | 4.5:1（正文） | ✅ 通过 |
| Hero 眉标 | GEO · 生成引擎优化 | `#b9c1da` | 11px / 800 | `#090d19` | **10.58:1** | 10.80:1 | 4.5:1（正文） | ✅ 通过 |
| Hero 主标题第 1 行 | 被 AI 引用 | `#ffffff` | 56px / 900 | `#0a0e1b` | **18.72:1** | 19.24:1 | 3:1（大字号） | ✅ 通过 |
| Hero 主标题“=” | = | `#e7eaf7` | 56px / 900 | `#0a0e1c` | **15.56:1** | 16.01:1 | 3:1（大字号） | ✅ 通过 |
| Hero 主标题强调词 | 获客引擎 | `#5cf2c0` | 56px / 900 | `#0a0e1d` | **13.26:1** | 13.62:1 | 3:1（大字号） | ✅ 通过 |
| Hero 正文 | 当客户向 AI 提问，能被引用、… | `#d9deee` | 14px / 500 | `#0b0f1f` | **13.86:1** | 14.20:1 | 4.5:1（正文） | ✅ 通过 |
| 数据条数字 | 28 | `#ffffff` | 27px / 700 | `#222536` | **15.02:1** | 15.15:1 | 3:1（大字号） | ✅ 通过 |
| 数据条数字 #2 | 5 | `#ffffff` | 27px / 700 | `#1f2233` | **15.58:1** | 15.73:1 | 3:1（大字号） | ✅ 通过 |
| 数据条数字 #3 | 20 | `#ffffff` | 27px / 700 | `#1b2030` | **16.15:1** | 16.21:1 | 3:1（大字号） | ✅ 通过 |
| 数据条标签 | 天公开实验 | `#b9c1da` | 10px / 700 | `#212636` | **8.28:1** | 8.41:1 | 4.5:1（正文） | ✅ 通过 |
| 数据条标签 #2 | 大 AI 引擎 | `#b9c1da` | 10px / 700 | `#1e2233` | **8.68:1** | 8.79:1 | 4.5:1（正文） | ✅ 通过 |
| 数据条标签 #3 | 个目标问题 | `#b9c1da` | 10px / 700 | `#1b2031` | **8.99:1** | 9.02:1 | 4.5:1（正文） | ✅ 通过 |
| 卡片编号 | 01 | `#ffffff` | 19px / 700 | `#af2388` | **5.46:1** | 6.14:1 | 3:1（大字号） | ✅ 通过 |
| 卡片编号 #2 | 02 | `#ffffff` | 19px / 700 | `#b22285` | **5.37:1** | 6.04:1 | 3:1（大字号） | ✅ 通过 |
| 卡片编号 #3 | 03 | `#ffffff` | 19px / 700 | `#b12287` | **5.44:1** | 6.09:1 | 3:1（大字号） | ✅ 通过 |
| 卡片标题 | 让 AI 找得到 | `#ffffff` | 19px / 900 | `#23283b` | **14.14:1** | 14.60:1 | 3:1（大字号） | ✅ 通过 |
| 卡片标题 #2 | 让 AI 信得过 | `#ffffff` | 19px / 900 | `#2c283c` | **13.37:1** | 14.23:1 | 3:1（大字号） | ✅ 通过 |
| 卡片标题 #3 | 让 AI 常提起 | `#ffffff` | 19px / 900 | `#34293e` | **12.69:1** | 13.75:1 | 3:1（大字号） | ✅ 通过 |
| 卡片标签 | 内容结构 | `#b9c1da` | 10px / 800 | `#212639` | **8.33:1** | 8.37:1 | 4.5:1（正文） | ✅ 通过 |
| 卡片标签 #2 | 权威信号 | `#b9c1da` | 10px / 800 | `#232538` | **8.39:1** | 8.42:1 | 4.5:1（正文） | ✅ 通过 |
| 卡片标签 #3 | 多引擎覆盖 | `#b9c1da` | 10px / 800 | `#242437` | **8.26:1** | 8.47:1 | 4.5:1（正文） | ✅ 通过 |
| 卡片正文 | 用结构化内容与清晰实体，让引擎准… | `#d9deee` | 13px / 400 | `#202337` | **10.57:1** | 11.52:1 | 4.5:1（正文） | ✅ 通过 |
| 卡片正文 #2 | 用证据、案例与引用链，让 AI … | `#d9deee` | 13px / 400 | `#212236` | **9.92:1** | 11.61:1 | 4.5:1（正文） | ✅ 通过 |
| 卡片正文 #3 | 覆盖多引擎与多问法，持续监测提及… | `#d9deee` | 13px / 400 | `#232236` | **9.46:1** | 11.47:1 | 4.5:1（正文） | ✅ 通过 |
| CTA 按钮文字 | 加入 28 天公开实验 → | `#ffffff` | 16px / 700 | `#b61f68` | **6.14:1** | 6.26:1 | 4.5:1（正文） | ✅ 通过 |
| CTA 辅助说明 | 目标值公开 · 数据可证伪 · … | `#b9c1da` | 12px / 700 | `#31152f` | **8.35:1** | 9.09:1 | 4.5:1（正文） | ✅ 通过 |
| 页脚品牌水印 | GEO智见Insight 出品 | `#b9c1da` | 12px / 700 | `#28132b` | **9.29:1** | 9.57:1 | 4.5:1（正文） | ✅ 通过 |
| 页脚注释 | Sample A · Dark … | `#b9c1da` | 10px / 800 | `#150f22` | **9.89:1** | 10.42:1 | 4.5:1（正文） | ✅ 通过 |

### 附录 B · 全彩渐变版

| 文字元素 | 文本 | 前景色 | 字号/字重 | 实测底色中位 | 最差（P2 分位） | 中位对比度 | 要求 | 判定 |
|---|---|---|---|---|---|---|---|---|
| 顶栏品牌 GEO | GEO | `#14152b` | 18px / 400 | `#f8faff` | **17.01:1** | 17.16:1 | 4.5:1（正文） | ✅ 通过 |
| 顶栏品牌 智见 | 智见 | `#14152b` | 18px / 900 | `#f7f9ff` | **16.77:1** | 17.02:1 | 4.5:1（正文） | ✅ 通过 |
| 顶栏品牌 INSIGHT | Insight | `#14152b` | 11px / 500 | `#f5f7ff` | **8.45:1** | 8.54:1 | 4.5:1（正文） | ✅ 通过 |
| 版本标签 | GRADIENT · 社交传播 | `#2b2f4d` | 10px / 800 | `#ededff` | **11.12:1** | 11.23:1 | 4.5:1（正文） | ✅ 通过 |
| Hero 眉标 | GEO · 生成引擎优化 | `#3f3470` | 11px / 800 | `#cad2ff` | **7.09:1** | 7.33:1 | 4.5:1（正文） | ✅ 通过 |
| Hero 主标题第 1 行 | 被 AI 引用 | `#15162b` | 56px / 900 | `#c1c6ff` | **9.64:1** | 10.82:1 | 3:1（大字号） | ✅ 通过 |
| Hero 主标题“=” | = | `#2b2f4d` | 56px / 900 | `#b8bbff` | **6.97:1** | 7.17:1 | 3:1（大字号） | ✅ 通过 |
| Hero 主标题强调词 | 获客引擎 | `#15162b` | 56px / 900 | `#bab8ff` | **8.54:1** | 9.64:1 | 3:1（大字号） | ✅ 通过 |
| Hero 正文 | 当客户向 AI 提问，能被引用、… | `#1c1e33` | 14px / 500 | `#afa7ff` | **6.41:1** | 7.63:1 | 4.5:1（正文） | ✅ 通过 |
| 数据条数字 | 28 | `#4c37e0` | 27px / 700 | `#f1edff` | **6.14:1** | 6.24:1 | 3:1（大字号） | ✅ 通过 |
| 数据条数字 #2 | 5 | `#4c37e0` | 27px / 700 | `#ebe2ff` | **5.66:1** | 5.75:1 | 3:1（大字号） | ✅ 通过 |
| 数据条数字 #3 | 20 | `#4c37e0` | 27px / 700 | `#e6d4ff` | **5.11:1** | 5.20:1 | 3:1（大字号） | ✅ 通过 |
| 数据条标签 | 天公开实验 | `#3a3f5c` | 10px / 700 | `#efe9ff` | **8.54:1** | 8.69:1 | 4.5:1（正文） | ✅ 通过 |
| 数据条标签 #2 | 大 AI 引擎 | `#3a3f5c` | 10px / 700 | `#e9ddff` | **7.82:1** | 7.95:1 | 4.5:1（正文） | ✅ 通过 |
| 数据条标签 #3 | 个目标问题 | `#3a3f5c` | 10px / 700 | `#e5d1ff` | **7.16:1** | 7.28:1 | 4.5:1（正文） | ✅ 通过 |
| 卡片编号 | 01 | `#ffffff` | 19px / 700 | `#af2388` | **5.46:1** | 6.14:1 | 3:1（大字号） | ✅ 通过 |
| 卡片编号 #2 | 02 | `#ffffff` | 19px / 700 | `#b02388` | **5.40:1** | 6.12:1 | 3:1（大字号） | ✅ 通过 |
| 卡片编号 #3 | 03 | `#ffffff` | 19px / 700 | `#b12287` | **5.43:1** | 6.09:1 | 3:1（大字号） | ✅ 通过 |
| 卡片标题 | 让 AI 找得到 | `#14152b` | 19px / 900 | `#f1e7ff` | **14.72:1** | 15.03:1 | 3:1（大字号） | ✅ 通过 |
| 卡片标题 #2 | 让 AI 信得过 | `#14152b` | 19px / 900 | `#f4e6ff` | **14.71:1** | 15.03:1 | 3:1（大字号） | ✅ 通过 |
| 卡片标题 #3 | 让 AI 常提起 | `#14152b` | 19px / 900 | `#f8e6fe` | **14.83:1** | 15.14:1 | 3:1（大字号） | ✅ 通过 |
| 卡片标签 | 内容结构 | `#4a3bb0` | 10px / 800 | `#f0e3ff` | **6.68:1** | 6.74:1 | 4.5:1（正文） | ✅ 通过 |
| 卡片标签 #2 | 权威信号 | `#4a3bb0` | 10px / 800 | `#f3e2ff` | **6.63:1** | 6.74:1 | 4.5:1（正文） | ✅ 通过 |
| 卡片标签 #3 | 多引擎覆盖 | `#4a3bb0` | 10px / 800 | `#f8e2fb` | **6.70:1** | 6.79:1 | 4.5:1（正文） | ✅ 通过 |
| 卡片正文 | 用结构化内容与清晰实体，让引擎准… | `#3a3f5c` | 13px / 400 | `#efdeff` | **7.64:1** | 8.10:1 | 4.5:1（正文） | ✅ 通过 |
| 卡片正文 #2 | 用证据、案例与引用链，让 AI … | `#3a3f5c` | 13px / 400 | `#f4ddff` | **7.79:1** | 8.15:1 | 4.5:1（正文） | ✅ 通过 |
| 卡片正文 #3 | 覆盖多引擎与多问法，持续监测提及… | `#3a3f5c` | 13px / 400 | `#fadef9` | **7.86:1** | 8.25:1 | 4.5:1（正文） | ✅ 通过 |
| CTA 按钮文字 | 加入 28 天公开实验 → | `#ffffff` | 16px / 700 | `#181b27` | **17.14:1** | 17.14:1 | 4.5:1（正文） | ✅ 通过 |
| CTA 辅助说明 | 目标值公开 · 数据可证伪 · … | `#17182c` | 12px / 700 | `#ebd4e2` | **11.61:1** | 12.50:1 | 4.5:1（正文） | ✅ 通过 |
| 页脚品牌水印 | GEO智见Insight 出品 | `#22243c` | 12px / 700 | `#fb50a0` | **4.69:1** | 4.88:1 | 4.5:1（正文） | ✅ 通过 |
| 页脚注释 | Sample B · Gradi… | `#2b2f4d` | 10px / 800 | `#ff72b1` | **4.92:1** | 5.13:1 | 4.5:1（正文） | ✅ 通过 |

### 附录 C · 科技蓝纯色版

| 文字元素 | 文本 | 前景色 | 字号/字重 | 实测底色中位 | 最差（P2 分位） | 中位对比度 | 要求 | 判定 |
|---|---|---|---|---|---|---|---|---|
| 顶栏品牌 GEO | GEO | `#ffffff` | 18px / 400 | `#0f3487` | **11.06:1** | 11.32:1 | 4.5:1（正文） | ✅ 通过 |
| 顶栏品牌 智见 | 智见 | `#ffffff` | 18px / 900 | `#0f3487` | **11.06:1** | 11.32:1 | 4.5:1（正文） | ✅ 通过 |
| 顶栏品牌 INSIGHT | Insight | `#ffffff` | 11px / 500 | `#103589` | **7.06:1** | 7.34:1 | 4.5:1（正文） | ✅ 通过 |
| 版本标签 | TECH BLUE · B2B | `#eaf1ff` | 10px / 800 | `#395fa8` | **5.34:1** | 5.49:1 | 4.5:1（正文） | ✅ 通过 |
| Hero 眉标 | GEO · 生成引擎优化 | `#a9c8ff` | 11px / 800 | `#10378f` | **5.77:1** | 6.31:1 | 4.5:1（正文） | ✅ 通过 |
| Hero 主标题第 1 行 | 被 AI 引用 | `#ffffff` | 56px / 900 | `#113a97` | **9.14:1** | 10.12:1 | 3:1（大字号） | ✅ 通过 |
| Hero 主标题“=” | = | `#eaf1ff` | 56px / 900 | `#113b9c` | **7.88:1** | 8.70:1 | 3:1（大字号） | ✅ 通过 |
| Hero 主标题强调词 | 获客引擎 | `#8fd3ff` | 56px / 900 | `#113b9c` | **5.51:1** | 6.05:1 | 3:1（大字号） | ✅ 通过 |
| Hero 正文 | 当客户向 AI 提问，能被引用、… | `#dce7ff` | 14px / 500 | `#113c9d` | **7.24:1** | 7.84:1 | 4.5:1（正文） | ✅ 通过 |
| 数据条数字 | 28 | `#0b5cff` | 27px / 700 | `#f4f6fb` | **4.83:1** | 4.87:1 | 3:1（大字号） | ✅ 通过 |
| 数据条数字 #2 | 5 | `#0b5cff` | 27px / 700 | `#eff2f9` | **4.66:1** | 4.70:1 | 3:1（大字号） | ✅ 通过 |
| 数据条数字 #3 | 20 | `#0b5cff` | 27px / 700 | `#e8ecf6` | **4.41:1** | 4.45:1 | 3:1（大字号） | ✅ 通过 |
| 数据条标签 | 天公开实验 | `#33406b` | 10px / 700 | `#f2f5fa` | **9.13:1** | 9.21:1 | 4.5:1（正文） | ✅ 通过 |
| 数据条标签 #2 | 大 AI 引擎 | `#33406b` | 10px / 700 | `#edf0f8` | **8.75:1** | 8.82:1 | 4.5:1（正文） | ✅ 通过 |
| 数据条标签 #3 | 个目标问题 | `#33406b` | 10px / 700 | `#e6ebf5` | **8.34:1** | 8.42:1 | 4.5:1（正文） | ✅ 通过 |
| 卡片编号 | 01 | `#ffffff` | 19px / 700 | `#0b4edb` | **6.18:1** | 6.71:1 | 3:1（大字号） | ✅ 通过 |
| 卡片编号 #2 | 02 | `#ffffff` | 19px / 700 | `#0b4fdc` | **6.09:1** | 6.63:1 | 3:1（大字号） | ✅ 通过 |
| 卡片编号 #3 | 03 | `#ffffff` | 19px / 700 | `#0b4fdc` | **6.16:1** | 6.67:1 | 3:1（大字号） | ✅ 通过 |
| 卡片标题 | 让 AI 找得到 | `#101a3d` | 19px / 900 | `#f0f2f9` | **15.01:1** | 15.16:1 | 3:1（大字号） | ✅ 通过 |
| 卡片标题 #2 | 让 AI 信得过 | `#101a3d` | 19px / 900 | `#eff2f9` | **15.01:1** | 15.15:1 | 3:1（大字号） | ✅ 通过 |
| 卡片标题 #3 | 让 AI 常提起 | `#101a3d` | 19px / 900 | `#eff2f8` | **14.91:1** | 15.14:1 | 3:1（大字号） | ✅ 通过 |
| 卡片标签 | 内容结构 | `#0b4bc4` | 10px / 800 | `#edf0f8` | **6.48:1** | 6.54:1 | 4.5:1（正文） | ✅ 通过 |
| 卡片标签 #2 | 权威信号 | `#0b4bc4` | 10px / 800 | `#edf0f7` | **6.47:1** | 6.53:1 | 4.5:1（正文） | ✅ 通过 |
| 卡片标签 #3 | 多引擎覆盖 | `#0b4bc4` | 10px / 800 | `#edf0f7` | **6.47:1** | 6.53:1 | 4.5:1（正文） | ✅ 通过 |
| 卡片正文 | 用结构化内容与清晰实体，让引擎准… | `#39425f` | 13px / 400 | `#e9edf6` | **8.15:1** | 8.45:1 | 4.5:1（正文） | ✅ 通过 |
| 卡片正文 #2 | 用证据、案例与引用链，让 AI … | `#39425f` | 13px / 400 | `#eaeef6` | **8.15:1** | 8.52:1 | 4.5:1（正文） | ✅ 通过 |
| 卡片正文 #3 | 覆盖多引擎与多问法，持续监测提及… | `#39425f` | 13px / 400 | `#eaedf6` | **8.15:1** | 8.47:1 | 4.5:1（正文） | ✅ 通过 |
| CTA 按钮文字 | 加入 28 天公开实验 → | `#0b3fb8` | 16px / 700 | `#ffffff` | **8.69:1** | 8.69:1 | 4.5:1（正文） | ✅ 通过 |
| CTA 辅助说明 | 目标值公开 · 数据可证伪 · … | `#cfe0ff` | 12px / 700 | `#2048a0` | **5.73:1** | 6.31:1 | 4.5:1（正文） | ✅ 通过 |
| 页脚品牌水印 | GEO智见Insight 出品 | `#cfe0ff` | 12px / 700 | `#0b2975` | **9.14:1** | 9.95:1 | 4.5:1（正文） | ✅ 通过 |
| 页脚注释 | Sample C · Tech … | `#a9c8ff` | 10px / 800 | `#0e338f` | **6.52:1** | 6.58:1 | 4.5:1（正文） | ✅ 通过 |

### 附录 D · 修复前基线（诊断夹具，仅对照）

| 文字元素 | 文本 | 前景色 | 字号/字重 | 实测底色中位 | 最差（P2 分位） | 中位对比度 | 要求 | 判定 |
|---|---|---|---|---|---|---|---|---|
| 顶栏品牌 GEO | GEO | `#ffffff` | 18px / 400 | `#0c1021` | **18.59:1** | 18.87:1 | 4.5:1（正文） | ✅ 通过 |
| 顶栏品牌 智见 | 智见 | `#ffffff` | 18px / 900 | `#0e1226` | **18.24:1** | 18.55:1 | 4.5:1（正文） | ✅ 通过 |
| 顶栏品牌 INSIGHT | Insight | `#ffffff` | 11px / 500 | `#11152e` | **10.74:1** | 11.14:1 | 4.5:1（正文） | ✅ 通过 |
| 版本标签 | DARK · 对比度修复 | `#dbe0ee` | 10px / 800 | `#303062` | **8.85:1** | 9.22:1 | 4.5:1（正文） | ✅ 通过 |
| Hero 眉标 | GEO · 生成引擎优化 | `#8f97b2` | 11px / 800 | `#10142b` | **5.77:1** | 6.26:1 | 4.5:1（正文） | ✅ 通过 |
| Hero 主标题第 1 行 | 被 AI 引用 | `#ffffff` | 56px / 900 | `#131632` | **13.74:1** | 17.67:1 | 3:1（大字号） | ✅ 通过 |
| Hero 主标题“=” | = | `#e7eaf7` | 56px / 900 | `#0c1023` | **14.87:1** | 15.70:1 | 3:1（大字号） | ✅ 通过 |
| Hero 主标题强调词 | 获客引擎 | `#5cf2c0` | 56px / 900 | `#141735` | **10.49:1** | 12.37:1 | 3:1（大字号） | ✅ 通过 |
| Hero 正文 | 当客户向 AI 提问，能被引用、… | `#8f97b2` | 14px / 500 | `#0e1226` | **5.93:1** | 6.39:1 | 4.5:1（正文） | ✅ 通过 |
| 数据条数字 | 28 | `#ffffff` | 27px / 700 | `#222738` | **14.64:1** | 14.84:1 | 3:1（大字号） | ✅ 通过 |
| 数据条数字 #2 | 5 | `#ffffff` | 27px / 700 | `#202438` | **15.30:1** | 15.32:1 | 3:1（大字号） | ✅ 通过 |
| 数据条数字 #3 | 20 | `#ffffff` | 27px / 700 | `#1c2033` | **15.92:1** | 16.11:1 | 3:1（大字号） | ✅ 通过 |
| 数据条标签 | 天公开实验 | `#7b839c` | 10px / 700 | `#222738` | **3.88:1** | 3.94:1 | 4.5:1（正文） | ❌ 未通过 |
| 数据条标签 #2 | 大 AI 引擎 | `#7b839c` | 10px / 700 | `#1f2336` | **4.07:1** | 4.12:1 | 4.5:1（正文） | ❌ 未通过 |
| 数据条标签 #3 | 个目标问题 | `#7b839c` | 10px / 700 | `#1c2134` | **4.18:1** | 4.23:1 | 4.5:1（正文） | ❌ 未通过 |
| 卡片编号 | 01 | `#ffffff` | 19px / 700 | `#af2388` | **5.46:1** | 6.14:1 | 3:1（大字号） | ✅ 通过 |
| 卡片编号 #2 | 02 | `#ffffff` | 19px / 700 | `#b22285` | **5.37:1** | 6.04:1 | 3:1（大字号） | ✅ 通过 |
| 卡片编号 #3 | 03 | `#ffffff` | 19px / 700 | `#b12287` | **5.44:1** | 6.09:1 | 3:1（大字号） | ✅ 通过 |
| 卡片标题 | 让 AI 找得到 | `#ffffff` | 19px / 900 | `#23283b` | **14.18:1** | 14.60:1 | 3:1（大字号） | ✅ 通过 |
| 卡片标题 #2 | 让 AI 信得过 | `#ffffff` | 19px / 900 | `#2e293d` | **12.86:1** | 14.04:1 | 3:1（大字号） | ✅ 通过 |
| 卡片标题 #3 | 让 AI 常提起 | `#ffffff` | 19px / 900 | `#3b2a40` | **11.33:1** | 13.18:1 | 3:1（大字号） | ✅ 通过 |
| 卡片标签 | 内容结构 | `#7b839c` | 10px / 800 | `#212639` | **3.97:1** | 3.98:1 | 4.5:1（正文） | ❌ 未通过 |
| 卡片标签 #2 | 权威信号 | `#7b839c` | 10px / 800 | `#232538` | **3.99:1** | 4.01:1 | 4.5:1（正文） | ❌ 未通过 |
| 卡片标签 #3 | 多引擎覆盖 | `#7b839c` | 10px / 800 | `#252437` | **3.92:1** | 4.02:1 | 4.5:1（正文） | ❌ 未通过 |
| 卡片正文 | 用结构化内容与清晰实体，让引擎准… | `#8f97b2` | 13px / 400 | `#202538` | **4.89:1** | 5.25:1 | 4.5:1（正文） | ✅ 通过 |
| 卡片正文 #2 | 用证据、案例与引用链，让 AI … | `#8f97b2` | 13px / 400 | `#212336` | **4.36:1** | 5.31:1 | 4.5:1（正文） | ❌ 未通过 |
| 卡片正文 #3 | 覆盖多引擎与多问法，持续监测提及… | `#8f97b2` | 13px / 400 | `#232236` | **3.96:1** | 5.31:1 | 4.5:1（正文） | ❌ 未通过 |
| CTA 按钮文字 | 加入 28 天公开实验 → | `#ffffff` | 16px / 700 | `#b61f68` | **6.14:1** | 6.26:1 | 4.5:1（正文） | ✅ 通过 |
| CTA 辅助说明 | 目标值公开 · 数据可证伪 · … | `#7b839c` | 12px / 700 | `#31152f` | **3.97:1** | 4.33:1 | 4.5:1（正文） | ❌ 未通过 |
| 页脚品牌水印 | GEO智见Insight 出品 | `#7b839c` | 12px / 700 | `#28132b` | **4.43:1** | 4.56:1 | 4.5:1（正文） | ❌ 未通过 |
| 页脚注释 | Sample A · Dark … | `#7b839c` | 10px / 800 | `#150f22` | **4.71:1** | 4.96:1 | 4.5:1（正文） | ✅ 通过 |

---

*本文件由 `variants/tools/build-docs.py` 生成；修改样张样式后请重跑对比度审计并重新生成，避免文档与实测失真。*