digital-eguide

数字电子指南技能

并排生成两页数字指南预览。左侧为封面，右侧为内页跨页。采用生活方式创作者的语气，留出大量留白，使用衬线展示标题，并精心安排栏目的节奏。

工作流

1. 阅读当前的 DESIGN.md（已在上方注入）。为标题选择一个衬线展示字体 token（推荐使用斜体连字），为长篇正文选择一个衬线正文字体，并为统计数据／标签选择一个等宽字体 token。
2. 根据需求简介选择主题和作者。生成一个真实的标题（例如“创作者的风格与格式指南”）、一个真实的副标题，以及一行作者署名。
3. 布局 — 在有色调的背景上居中放置两页：
   • 第 1 页 — 封面：
     • 眉题（“创作者风格与格式指南”）。
     • 展示标题，混合不同字重，并加入一个斜体点缀词（“创作者的风格与格式指南” — 将 & 和 guide 设为斜体）。
     • 使用等宽字体的 3 格统计行（“16 条风格原则”“38 条注意事项”“1 个区块，零模板”），以 · 分隔。
     • “内容一览”标题，下方为 2 栏目录（章节 + 等宽字体页码，以引导点连接）。
     • 页脚：“找到你的声音” + 等宽字体的第 01 页。
     • 在角落添加微妙的装饰圆点或贴纸（CSS）。
   • 第 2 页 — 跨页内页：
     • 眉题包含章节编号 + 名称（“第 02 章 · 语气”）。
     • 展示副标题（“像说话一样写作——只是更精炼。”）。
     • 2 栏正文：开篇段落 + 编号的 4 步列表（“01 选定规则”“02 去掉赘词”……）。
     • 在右侧放置引言：使用大号斜体展示字体、强调色，并附上出处。
     • 底部条带包含“练习”提示（等宽字体标签 + 1 句斜体提示语）。
     • 页脚：章节标题 + 等宽字体的第 18 页。
4. 编写一个 HTML 文档：
   • 从 <!doctype html> 到 </html>，CSS 内联。
   • 页面为 600×860 的纸色卡片，带 6px 阴影，并以相反方向轻微旋转（±0.6deg），营造杂志置于桌面上的感觉。
   • 在封面、跨页、目录、引言和练习上添加 data-od-id。
5. 自检：
   • 字体层级应具有编辑设计感——标题主导第 1 页，副标题主导第 2 页。
   • 每页只出现一次斜体强调。
   • 等宽字体仅用于标签、统计数据和目录页码。

输出约定

在 <artifact> 标签之间输出：

<artifact identifier="eguide-slug" type="text/html" title="E-Guide — Title">
<!doctype html>
<html>...</html>
</artifact>

在产物前写一个句子，之后不写任何内容。