落地页生成器 是做什么的？
将简短的简介转化为快速、响应式、自包含的落地页，可直接部署于 GitHub Pages、Netlify 或任何静态主机。
1. 收集简介
在开始编写之前，请确保已获得以下信息。仅在一次消息中询问缺失的内容。
| 字段 | 示例 |
|---|---|
| 产品 / 服务 | "LearnMizo – 在线学习 Mizo 语言" |
| 受众 | "希望孩子会说 Mizo 语的侨居父母" |
| 访客预期的主要成果 | "30 天内能进行简单对话" |
| 主要行动号召 | "开始免费课程" + 目标 URL |
| 您拥有的证据 | 真实数字、真实引述、徽标（或“暂无”） |
| 品牌 | 颜色、字体、语气（或“由我挑选”） |
如果用户说“直接构建”，则做出合理的假设，并在回复顶部列出它们。
2. 先撰写文案（在任何 HTML 之前）
遵循 references/page-structure.md 中的结构。规则：
- 标题 = 成果，而非功能。 最多约 10 个字。测试：受众会认为“是的，这正是我想要的”吗？
- 副标题 用一句话解释 如何 实现。
- 一个主要的行动号召，重复出现（首屏、页面中部、页脚）。每次措辞相同。
- 利益点写成“您可以……”或“不再……”，而不是功能列表。
- 切勿虚构证据。 没有虚假推荐、用户数量、评分或徽标。如果缺少证据，请使用明确标记的占位符：
<!-- TODO: 添加真实客户引述 -->，并且仅在草稿中显示可见的“此处填写您的推荐”。 - 保持阅读水平简单（目标年级 6–8）。
3. 构建页面
从 assets/template.html 开始，替换 {{placeholders}}。
技术要求：
- 单文件，所有 CSS 内联在
<style>中；无框架。仅当需要时才使用 JavaScript（例如常见问题切换）。 - 移动优先；测试宽度 360px、768px、1280px。
- 语义 HTML：一个
<h1>，使用<h2>的部分，<main>，<footer>。 - 填写
<title>（≤60 个字符）、meta description（≤155 个字符）、Open Graph 标签。 - 颜色对比度至少达到 WCAG AA（正文文字 4.5:1）。
- 按钮高度 ≥ 44px；在移动设备上无需滚动即可看到行动号召。
- 图片：使用
loading="lazy"，设置宽度/高度，描述性alt。
4. 交付前质量检查
运行 references/checklist.md 中的检查项，并修复任何失败的项目。然后交付：
- HTML 文件。
- 三行摘要：所选的标题、行动号召、所做的假设。
- 两个用于 A/B 测试的备选标题。