Add Codex image generation guidance

references/checklist.md

@@ -124,8 +124,9 @@ CSS 里 `.frame-img img` 已经预设 `object-position:top`，只裁底。
 
 **做法**:
 - 图文混排**必须用 `.frame.grid-2-7-5`**(或 `.grid-2-6-6`/`.grid-2-8-4`)
-- 右列 `<figure class="frame-img">` 用 **标准比例 16/10 或 4/3 + max-height:56vh**,自然贴顶即可
+- 右列 `<figure class="frame-img r-16x10">` 或 `<figure class="frame-img r-4x3">` 自然贴顶即可
 - 要让左列 callout 看起来"贴底",给**左列**加 flex column + `justify-content:space-between`,不要动右列
+- 如果图片与大标题顶端齐平但正文从标题下方开始,给图片加 `margin-top:7vh` 到 `9vh`,让图片跟正文内容区对齐
 
 ### 4c. 图片不要用原图奇葩比例
 
@@ -219,9 +220,29 @@ Dark hero 可以用 Holographic Dispersion（钛金色散）等带中心结构
 ### 13. 左文右图的对齐
 
 - 左列的文字组 `justify-content:space-between`：标题贴顶，引用框贴底
-- 右列图片 `align-self:end`：和左列的底部元素对齐
+- 右列图片保持自然顶对齐,不要加 `align-self:end`
+- 右列图片通常要跟正文内容区对齐,不是跟大标题顶端对齐;必要时加 `margin-top:7vh` 到 `9vh`
 - 网格整体 `align-items:start`（不是 `center` / `end`）
 
+### 13b. 标题与正文间距
+
+- 顶部标题 + 下方长文章/引用/图表的两段式布局,中间必须有明显间距,推荐 `margin-top:6vh` 到 `8vh`
+- 居中大标题页必须整体水平居中,不要只让文字块左对齐居中摆放
+- 复杂内容页用大标题定调,下方内容用 grid / rowline 两端对齐,不要把大标题、小标题、正文挤成一坨
+
+### 13c. UI 情景图不要拉成巨长条
+
+- 单张 UI 截图如果放满宽后变成长条,优先拆成 2-3 个局部面板
+- 多面板拼排时每个 `.frame-img` 用同一个固定高度类,如 `.h-16` / `.h-18` / `.h-22`,不要用同一个超宽容器硬塞
+- 同一组图片的视觉大小必须一致,不要混用不同高度、不同缩放和不同边距密度
+- 如果确实需要全宽,必须生成比例足够长的横向图片,并在 prompt 里明确"ultra-wide horizontal strip"
+
+### 13d. 生成配图不要自带 slide 元素
+
+- GPT-M 2.0 生成的配图只是嵌入素材,不要让图片自带页眉、页脚、标题、页码、角标、署名或装饰边框
+- 流程图/信息图只保留核心图形和必要短标签,PPT 自己负责标题、页脚和 chrome
+- 如果生成图已经带了这些元素,优先重生成;不要在 PPT 里再叠一层 chrome 造成干扰
+
 ### 14. 图片的微弱圆角
 
 所有 `.frame-img` 和 `.frame-img img` 都加 `border-radius:4px`，视觉上"柔和"但不软。**不要超过 8px**，否则像消费 app UI。