optimize huashu-design: round2 dim8执行护栏——盲测翻车实录转规则

- Fallback Phase 4加可读性硬底线：正文≥14px/标签≥12px/对比度4.5:1，任何风格温度不豁免；留白是构图不是内容缺席（盲测实锤：安静派死白+10px微字输给baseline）
- 三版布局骨架必须互异，不许换皮（盲测被评审识破Y-2/Y-3共用骨架）
- design-styles.md：字体名同为示例锚点，与typography.md已用烂名单冲突时以名单为准（盲测实锤：条目让用Fraunces，名单禁Fraunces）

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

SKILL.md

@@ -250,6 +250,8 @@ description: 花叔Design——用HTML做高保真原型、幻灯片、动画、
 
 并行执行规范（三个 subagent 共用）：
 - 用**用户真实内容**（非 Lorem），三版同内容只换设计逻辑，方便横向对比
+- **三版的布局骨架必须互异**：导航/构图/内容区结构至少一项结构性不同，不许两版共用同一骨架只换色换字体（盲测实锤：共用骨架会被评审一眼识破「换皮」）
+- 🔴 **可读性硬底线（任何风格温度都不豁免，包括「奢侈留白」的安静派）**：正文 ≥14px、标签/注释 ≥12px、正文对比度 ≥4.5:1；留白必须是**构图**（首屏有明确视觉锚点，视线有落点），不是内容缺席。盲测实锤：安静派做过头 = 「大片死白+微缩字号，第一眼像页面渲染坏了」，直接输给普通 baseline
 - 纯 HTML/CSS 单文件；**内容必需的图用 Phase 3.5 取的真图**（三版共用），仅装饰/抽象图才用 CSS 几何/SVG/纯色块，绝不留空占位
 - 🎞️ **PPT / deck 场景必走 deck 模板（绝不写竖向平铺长页！）**：每页做成独立 `<section>`（1920×1080），套 `assets/deck_index.html` 的翻页缩放外壳——**左右键 / 点击翻页 + 自适应 `fit()` 缩放**（整页缩进浏览器窗口，绝不按真实像素放大到只看见一角）。三版只换视觉风格，deck 骨架统一用这个模板，演示体验一致。详见 `references/slide-decks.md`。截图按**单页** 1920×1080 截，不是截整条长页。**单页内容绝不自带页码 / 页数 / 进度标记**——页码由 deck 外壳（`deck_index.html` 计数器）统一承载，单页自己画会和 deck 重复打架（实测出现「02/03」和「6/16」双页码）。`deck_index.html` 现**默认进 3D 概览墙**（所有页斜铺延展悬浮，点「▶ 开始演示」或点任意卡片进全屏单页，ESC 回概览）——交付 deck 时跟用户提一句这个功能
 - 存当前**项目目录**（`项目名/design-demos/[逻辑名].html`）——❌ 禁 `_temp/`（花叔铁律）

references/design-styles.md

@@ -20,6 +20,8 @@
 ## 色彩推导协议（用任何风格前先走这三步）
 
 > ⚠️ **以下所有风格条目里的 hex 是示例锚点，不是配方。** 同一风格用于不同内容，应通过本协议推导出不同色值——直接复制条目 hex，只是在生产品味更好的 slop。为什么：写死配方让 100 个用户拿到 100 份同色产出，色彩的信息量归零；推导让色彩成为「这个内容独有」的证据。
+>
+> **字体同理**：条目里的字体名也是示例锚点。选定风格后，display+body 配对先过 `references/typography.md` 的配对逻辑与「已被用烂名单」——**名单与条目冲突时以 typography.md 为准**（如条目写 Fraunces，按名单换 Newsreader 等平替）。
 
 ### 三步法：采样 → 收敛 → 论证