用途
Landing Page Creator 用于构建专门用于联盟营销的落地页，目标是提高转化率。它输出的落地页是单个自包含的 HTML 文件，内联 CSS，无需构建步骤、无依赖、移动端响应式，可部署到任意平台。该技能处于联盟营销流程的 S4 阶段（Landing），因为整页围绕一个目标设计——将访客转化为点击，所以转化率高于博客链接。落地页是流量来源（社交、邮件、广告）与联盟产品之间的桥梁。
主要能力
- 支持两种页面类型：单产品聚焦页（single）和多产品对比页（comparison）。
- 单产品页包含：FTC 披露（首屏上方）、Hero 区（标题+副标题+主 CTA+信任信号）、信任栏（评分、用户数、媒体报道）、功能网格（3-6 个功能作为卖点）、定价区、用户评价、适用人群、FAQ（4-6 个问题）、最终 CTA、页脚。
- 对比页包含：FTC 披露、Hero 区（“[A] vs [B]”标题）、对比表格（功能行并高亮胜出者）、各产品独立区块（描述+优缺点+各自 CTA）、胜出者推荐、FAQ、双 CTA、页脚。
- 支持自定义配色方案：blue（#2563eb）、green（#059669）、purple（#7c3aed）、orange（#ea580c）、dark（深色主题）或直接传入十六进制颜色代码。
- 可从 affiliate-program-search（S1）自动接续推荐产品数据，字段映射包括 name、description、reward_value、url、reward_type、cookie_days、tags。
- 可从 affiliate-blog-builder（S3）获取 products_featured 用于对比页的 compare_with 列表。
- 生成内容要求：所有 CSS 内联、无 JavaScript 依赖（仅允许非必要的渐进增强如 FAQ 手风琴）、系统字体栈、移动优先响应式设计、所有联盟链接使用 target="_blank" rel="noopener"、至少 3 个 CTA 分布（首屏、页中、底部）、包含 viewport meta 标签、title 和 meta description。
- 避免：外部资源、占位文本、虚假评价、导航菜单、页面主体中的 Affitor 品牌（仅页脚）。
使用方式
输入需要提供产品信息（必填）：name、description、reward_value、url、reward_type、cookie_days、tags。可选参数：page_type（single 或 comparison，默认 single）、compare_with（对比产品数组，含 name、description、url、pricing）、angle（营销角度，如 fastest、cheapest、best for beginners，默认自动生成）、color_scheme（默认 blue）。
工作流程：
- 收集产品信息：若从 S1 接续或用户已提供则直接使用；否则使用 web_search 研究产品。若为对比页且 compare_with 为空，搜索竞品。
- 规划页面结构：阅读 references/conversion-principles.md 了解 AIDA 框架、CTA 放置和设计规则；确定 page_type；规划各区块；映射配色方案到 CSS 自定义属性。
- 编写完整 HTML：阅读对应模板（templates/single-product.html 或 templates/comparison.html），替换所有占位内容为真实产品数据，基于 angle 撰写有说服力的文案。
- 输出：分为三部分——页面摘要、完整 HTML（代码块）、部署说明。
- 自校验：检查 FTC 披露、CTA 数量、viewport 标签、自包含 HTML、页脚品牌、无占位文本。
部署说明示例：保存为 [product-slug]-landing.html，双击本地预览；部署选项包括 Netlify Drop、Vercel（npx vercel deploy --prod）、GitHub Pages；可绑定自定义域名；可运行 bio-link-deployer 将页面加入链接中心。
适用场景
- 用户想要一个专门页面来推广联盟产品。
- 用户想要 2-3 个竞争产品的对比/vs 页面。
- 用户已有来自 S1（affiliate-program-search）的产品，需要一个转化页面。
- 用户提到“landing page”、“sales page”、“product page”、“comparison page”、“vs page”等。
- 用户想要在博客内容之外推广联盟产品。
- 用户需要一个可部署的 HTML 页面用于联盟营销活动。
限制
- 未提供产品时，需先运行 /affiliate-program-search 或告知产品名称。
- 对比页若只有 1 个产品，会自动搜索 1-2 个竞品。
- 找不到定价信息时，使用“Check Current Pricing”CTA 代替具体价格。
- 未知配色方案默认使用蓝色（#2563eb）。
- 产品无公开信息时，会尝试搜索；若信息不足，会要求用户提供功能、定价和目标受众。
- 不生成虚假评价；使用真实但明确为示例的引述，或在不道德时省略。
- 页面无导航菜单，因为这是落地页而非网站。
- 页面主体中不出现 Affitor 品牌，仅页脚。
- 输出为纯 HTML/CSS，无外部资源，无 JavaScript 依赖（仅允许非必要的渐进增强）。