digital-eguide

Digital E-Guide Skill

并排呈现两页数字指南预览。封面位于行内起始侧，内页跨页位于行内末尾侧。采用生活方式创作者的语气，留出大量负空间，使用衬线展示标题，并精心安排栏目的节奏。

工作流

1. 阅读当前的 DESIGN.md（已在上方注入）。为标题选择一个衬线展示字体令牌（鼓励使用斜体连字），为长篇正文选择一个衬线字体令牌，并为数据 / 标签选择一个等宽字体令牌。
2. 从需求简介中选择主题 + 作者。生成一个真实的标题（例如“The Creator's Style & Format Guide”）、一个真实的副标题，以及一行作者署名。
3. 布局 — 在有色背景上居中放置两页：
   • 第 1 页 — 封面：
     • 眉题（“STYLE & FORMAT GUIDE FOR CREATORS”）。
     • 展示标题，混合使用不同字重，并加一个斜体点缀词（“The Creator's Style & Format guide” — & 和 guide 使用斜体）。
     • 3 格数据行（“16 PRINCIPLES OF STYLE”、“38 DOS & DON'TS”、“1 BLOCK, ZERO TEMPLATES”），使用等宽字体，并以 · 分隔。
     • “What's inside”标题，下方是双栏目录（章节 + 页码使用等宽字体，以引导点连接）。
     • 页脚：“FIND YOUR VOICE” + 页码 01（等宽字体）。
     • 在角落添加细微的装饰圆点或贴纸（CSS）。
   • 第 2 页 — 跨页：
     • 眉题包含章节编号 + 名称（“CHAPTER 02 · TONE”）。
     • 展示副标题（“Write like you talk — only sharper.”）。
     • 双栏正文：开篇段落 + 编号 4 步列表（“01 Pick the rule”、“02 Drop the filler”…）。
     • 在行内末尾侧固定一段引言：对于拉丁文字，使用大号斜体展示字体和强调色；对于阿拉伯语、波斯语和乌尔都语，使用常规或轻字重强调（不使用斜体）；对于希伯来语，使用常规或轻字重强调（不使用斜体）。包含署名。（适配文字系统）
     • 底部条带包含“EXERCISE”提示（等宽字体标签 + 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>

在 artifact 前写一句话，之后不要写任何内容。