着陆页

着陆页 是做什么的？

生成一个经过艺术指导而非模板化生成的自包含HTML文件。 examples/中的示例（pulse-landing.html）是质量标杆。其水平应达到：真实的文案、经过考究的间距、一种强调色。

构建前

收集或自行构想（并确保前后一致）以下五个输入：

1. 产品一句话描述：它是什么以及它做什么。
2. 受众：一个具体的人，而不是“所有人”。
3. 单一主要行动：注册、购买、下载、加入候补名单。
4. 一个证据点：一个数字、一句引语或一个具体结果。如果用户没有提供，则使用一种机制（“离线工作”、“无需账户”）——永远不要捏造推荐语或统计数据。
5. 语气：选择一个——安静/高级、大胆/响亮、温暖/人性化、技术/精确。

如果用户向你提供了产品和受众，则不要再提问。做出合理的选择，并在末尾用一行注明。

设计令牌（默认系统——“墨色与柑橘”）

除非用户提供了品牌颜色，否则使用这些颜色。所有值在:root块中统一更改。

:root{
  --bg:#0F1013;        /* 页面背景 */
  --panel:#17181D;     /* 凸起表面 */
  --line:#26272E;      /* 细线、边框 */
  --ink:#F4F2EA;       /* 主要文本 */
  --muted:#9BA0A6;     /* 次要文本 */
  --accent:#D9F24F;    /* 一种强调色——按钮、高亮 */
  --radius:14px;
  --font:"Inter","Helvetica Neue",Arial,sans-serif;
}

使其看起来经过设计的规则：

• 一种强调色。 所有可点击或重要的元素都使用它；没有其他颜色与之竞争。没有彩虹渐变色，没有紫蓝色“AI渐变色”。
• 字体主导设计。 标题字号56–72px，字重800，字间距略微负值（-0.02em）。正文17–18px，行高1.6。标题上方使用小型大写标签（12px，字间距0.12em，大写，次要色）。
• 间距为8的倍数。 桌面端区块上下内边距96px。如果间隙看起来很随意，就会显得像是生成的。
• 细线优于阴影。 使用1px --line边框分隔区块，而不是在彩色背景上使用投影或浮动卡片。
• 数字作为设计元素。 大号统计数字（48px+）使用强调色或主要文本色，并配以小型次要色标签。最多一排三个统计数据。

页面结构（按此顺序）

1. 顶栏 —— 左侧为文字标识，两三个纯文本链接，一个强调色按钮（主要操作）。底部细边框。
2. 英雄区 —— 小型大写标签（类别）、标题、一句支持性文字（最多22个词）、主要按钮 + 一个柔和的次要链接。右侧或下方：一个由CSS构成的产品视觉效果（模拟窗口、统计卡片簇、排版构图）。绝对不能是一个空白的灰色占位框。
3. 标志/证据条 —— 一行：“已被……使用”，后跟文字标识，或者证据统计行。如果没有确凿的证据，则完全跳过。
4. 问题 → 转变 —— 两列：旧方式（次要色，带删除线感觉）对比产品的方式。简短的行，每段不超过三行。
5. 特性 —— 正好三或四个。每个：小型大写编号（01–04）、标题、两行描述。使用细线分隔符的网格，而不是六个相同的图标卡片。
6. 工作原理 —— 三个编号步骤，每步一行。
7. 定价或优惠 —— 如果用户提供了价格：一个高亮的套餐，包含内容的清单，主要操作按钮。如果没有价格：改为候补名单/行动号召条。
8. 常见问题 —— 最多四个问题，针对真实疑虑编写（价格、投入、迁移、“这适合我吗”）。
9. 最终行动号召条 —— 强调色背景块，主要文本色的文字，标题用不同措辞重复核心承诺，一个按钮。
10. 页脚 —— 文字标识，一行定位描述，微小的链接。没有站点地图农场。

文案规则

• 标题公式：针对[具体受众]的[具体成果]，或者产品能够支持的具体声明。“为跑者夺回你的夜晚”——而不是“欢迎来到生产力的未来”。
• 每个部分必须包含至少一个具体名词和一个数字或名称。禁止使用模糊形容词（“无缝”、“强大”、“革命性”、“前沿”、“下一代”）。
• 按钮说明会发生什么：“免费开始”、“获取模板”、“加入候补名单”。主要操作从不使用“了解更多”。
• 像产品制造者一样写作，少用第一人称复数（“我们构建这个是因为……”），永远不要使用企业“解决方案”语言。

反模式（“AI外观”——永远不要这样做）

• 紫蓝色渐变英雄背景或渐变文字。
• 三个相同的带有表情符号或通用SVG图标的圆形卡片。
• “🚀 提升你的工作流”风格的文案，标题中使用感叹号。
• Lorem ipsum、“特性一 / 特性二”、库存照片占位符。
• 一切居中。混合使用左对齐的文本块和偏移的视觉效果。
• 超过两种字重或字体系列，或超过一种强调色。
• 伪造的推荐语、伪造的标志、捏造的统计数据。绝对不允许。

技术规范

• 一个HTML文件，CSS在<style>中，没有外部资源，除了一个Google Fonts链接（Inter或用户的品牌字体）。不需要JavaScript，除了可选的常见问题切换。
• 语义标签：header、main、section、footer。使用一个真实的<h1>。
• 响应式：在760px宽度以下变为单列，英雄区视觉效果位于文案下方，触摸目标至少44px。
• 文件保持在约700行以内。如果需要更多行，说明页面内容过多——请削减一个区块。

质量保证清单（交付前运行）

• 使用一种强调色，且一致使用；没有渐变色，除非是微妙的同色系背景渐变。
• 标题包含一个具体成果和一个特定的受众或机制。
• 页面上的每个数字都来自用户或产品的真实机制。
• 无违禁词汇：无缝、提升、革命化、前沿、下一代、释放你的潜力。
• 在390px宽度下正确显示，无水平滚动。
• 主要操作至少出现三次（顶栏、英雄区、最终条）。