药老交付 · 2026-05-22 风格：Dark-Luxe（暗黑奢华）· 对标 Profound / AmIOnAI 的暗黑科技品牌感
当前 Landing Page 是早期版本，滞后严重：
- 没有展示 CiteFlow 实际产品界面
- CITE 四维模型没有视觉化呈现
- 文案未更新（没有提及 GEO 审计框架、证据成熟度）
- 缺少跨境出海的主题聚焦
参考 taste-skill-pack/styles/dark-luxe.md，严格遵循 Dark-Luxe 风格：
| 设计参数 | 值 |
|---|---|
| DESIGN_VARIANCE | 5 |
| MOTION_INTENSITY | 4 |
| VISUAL_DENSITY | 4 |
色彩系统（沿用 CiteFlow 现有）：
bg-primary: #0A0A0F（页面底色）
bg-surface: #131318（卡片底色）
border: rgba(255,255,255,0.04)（细线）
text-primary: #EDEDF5
text-secondary: #9A9AB0
text-muted: #5E5E78
accent: #38BDF8（仅聚焦色）
accent-subtle: rgba(56,189,248,0.10)
字体：
- 主字体：Inter（正文）
- 数字/代码：JetBrains Mono
- 禁止：emoji 装饰、紫色渐变、霓虹光晕、Inter 作为唯一字体
动画：
- Framer Motion：opacity + y:16 → 0（进场），相反（退场）
- 不使用 CSS animation / transition-all
- 每个 section 一个入场动画，不重复
禁止的 AI Slop：
- ❌ 紫色/靛蓝渐变色
- ❌ H1 渐变文字
- ❌ 泛光 orb 背景
- ❌ 三张等大 feature 卡片
- ❌ "Transform your business" 类空话
- ❌ 虚假 testimonial
- ❌ shadcn 默认样式
┌──────────────────────────────────────────────┐
│ [CiteFlow 像素 logo] 登录 · 进入体检 │
└──────────────────────────────────────────────┘
- Logo：8×8 SVG 像素标记 + "CiteFlow" 文字
- 右侧：登录（link）+ "进入体检中心"（主 CTA，accent 按钮）
- 顶部不固定（随页面滚动消失）
- 暗色细线底边
┌──────────────────────────────────────────────┐
│ │
│ AI 搜索时代，你的品牌被引用了吗？ │
│ │
│ 基于 CiteFlow CITE 四维模型 · 融合全球 GEO │
│ 学术研究 · 专为中国跨境出海品牌设计 │
│ │
│ [输入品牌域名，立即诊断 →] [了解更多] │
│ │
│ ☻ 3 分钟拿到报告 · 免费测试 · 无注册 │
│ │
│ 右：产品界面截图（Probe 体检报告的暗色截图） │
│ │
└──────────────────────────────────────────────┘
- H1 中文，一句话直击痛点："AI 搜索时代，你的品牌被引用了吗？"
- Sub headline：方法论三行（CITE 模型 + 学术研究 + 跨境出海）
- CTA 栏：输入框（"输入品牌域名"） + "立即诊断" 按钮（accent）
- 下方小字：3 分钟 / 免费 / 无注册
- 右侧：CiteFlow 实际产品截图（暗色，Mockup 框内）
- 大留白，控制光照——这是展台，不是宣传单
┌──────────────────────────────────────────────┐
│ │
│ 01 体检 02 诊断 03 处方 │
│ ┌────────┐ ┌────────┐ ┌────────┐ │
│ │ Probe │ → │Analyst │ → │ Doctor │ │
│ │ 侦察兵 │ │ 分析师 │ │ 医师 │ │
│ │ │ │ │ │ │ │
│ │ 截图A │ │ 截图B │ │ 截图C │ │
│ └────────┘ └────────┘ └────────┘ │
│ │
│ 3 步闭环：知道问题 → 理解原因 → 知道怎么改 │
│ │
└──────────────────────────────────────────────┘
- 左侧数字编号（01/02/03），每步一个产品截图卡片
- 卡片内：产品真实截图（暗色 mockup）+ 标题 + 一句话
- 三步箭头连接（→）
- 底部一句总结
需要的截图（游景峰提供）：
- 截图A：Probe 侦察兵 — 体检报告概览（显示引用率、品牌画像）
- 截图B：Analyst 分析师 — 诊断结果（显示核心问题、竞品差距）
- 截图C：Doctor 处方工作室 — 处方清单（显示 P0/P1/P2 + 策略总览）
┌──────────────────────────────────────────────┐
│ │
│ CITE 四维诊断模型 │
│ 不是 SEO 换了个名字，是 AI 搜索专属方法论 │
│ │
│ ┌────────┐ ┌────────┐ ┌────────┐ ┌────────┐
│ │ C · 内容力│ │ I · 身份 │ │ T · 信任│ │ E · 社区│
│ │Content │ │Identity│ │ Trust │ │Engage │
│ └────────┘ └────────┘ └────────┘ └────────┘
│ │
│ 融合 E-E-A-T 质量标准 · 5 阶段 AI 引用审计链 │
│ 证据成熟度 A/B/C/D/E · 开源方法论 · GitHub ★ │
│ │
└──────────────────────────────────────────────┘
- 四个维度卡片：每个有标题、一句描述
- 底部方法论溯源（E-E-A-T / 审计链 / 证据成熟度 / 开源）
- 可选：小型 GitHub star 计数
┌──────────────────────────────────────────────┐
│ │
│ 基于 GEO 学术研究 4 大 AI 引擎覆盖 │
│ 14 条分析规则 A/B/C 三类查询词 │
│ 开源框架 · MIT 许可 │
│ │
│ 改编自：Corey Haines SEO Audit (MIT) │
│ 姚金刚 Yao GEO Skills │
│ │
└──────────────────────────────────────────────┘
- 4 个统计数字（论文数/引擎数/规则数/查询词分类数）
- 方法论溯源（链接到 GitHub）
- 不使用假数字——全部是可核实的
┌──────────────────────────────────────────────┐
│ │
│ 免费版 专业版 企业版 │
│ ¥0 ¥299/月 定制 │
│ │
│ · 1次/月体检 · 无限体检 · API 接入 │
│ · 基础报告 · 完整诊断+处方 · 专属经理 │
│ · 引用率概览 · 竞品对比 · 批量监控 │
│ │
│ [免费开始] [立即升级] [联系销售] │
│ │
└──────────────────────────────────────────────┘
- 三列定价卡片，专业版高亮（accent 边框 + 最受欢迎标签）
- 免费版按钮用次要样式，专业版用 accent 填充
┌──────────────────────────────────────────────┐
│ │
│ 准备好了解你的品牌在 AI 眼中的样子？ │
│ │
│ [输入品牌域名 →] [进入体检中心] │
│ │
│ 3 分钟 · 免费 · 无需注册 │
│ │
├──────────────────────────────────────────────┤
│ CiteFlow © 2026 · 隐私政策 · 服务条款 │
│ GitHub · X · 联系方式 │
└──────────────────────────────────────────────┘
- 底部 CTA 与 Hero CTA 对称（Bookend CTA 模式）
- 输入框 + 按钮
- Footer 简洁：版权 + 法律链接 + 社交链接
墨老产出：
- 完整 HTML 页面（单文件，包含所有 section）
- 使用 inline style（与 CiteFlow 现有代码风格一致，不是 Tailwind）
- Framer Motion 进场动画
- 响应式：先桌面版，移动端后期再适配
不需要做的：
- 不需要真实产品截图（用灰色 mockup 占位，标注"截图位置"）
- 不需要后端逻辑
- 不需要路由
- 不需要多页面
- Dark-Luxe 风格第一：控制光照、材质感、留白
- 不是宣传单：每个 section 要有呼吸感，不要塞满
- 中文为主，方法论术语保留英文（CITE / E-E-A-T / Schema）
- 移动端暂不做，先保证桌面端完美
- 不使用 Tailwind class，用 inline style
- 0 水数据：所有数字可核实（论文数 21、规则数 14、引擎数 4）