Sprint 3b' · S3b'.4 对照门 — 绝对定位 vs 网格分区

每一对左右对照展示同一个哲学的两种封面合成路径：左侧是 Sprint 3a 的 .cover-parent-* 绝对定位 方案（遗留，需要按封面家族重写 padding / max-width / align-items），右侧是 Sprint 3b' 的 .slide-stage--zone CSS 网格分区方案（每个哲学声明 grid-template-areas， 文字与封面各占命名分区，不再重写对方的排版属性）。预期：视觉一致或 zone 更优；任何 zone 退化即是回归。

10 renders · 5 philosophies × 2 modes · 2026-04-22 08:36 UTC

18-kenya-hara

absolute 5760×3240, 0.46 MB · zone 5760×3240, 0.46 MB · 尺寸一致
absolute
绝对定位（.cover-parent-*，Sprint 3a 遗留）
zone
网格分区（.slide-stage--zone，Sprint 3b' 实验）

10-muller-brockmann

absolute 5760×3240, 3.01 MB · zone 5760×3240, 2.21 MB · 尺寸一致
absolute
绝对定位（.cover-parent-*，Sprint 3a 遗留）
zone
网格分区（.slide-stage--zone，Sprint 3b' 实验）

01-pentagram

absolute 5760×3240, 6.80 MB · zone 5760×3240, 5.76 MB · 尺寸一致
absolute
绝对定位（.cover-parent-*，Sprint 3a 遗留）
zone
网格分区（.slide-stage--zone，Sprint 3b' 实验）

12-sagmeister

absolute 5760×3240, 11.77 MB · zone 5760×3240, 10.47 MB · 尺寸一致
absolute
绝对定位（.cover-parent-*，Sprint 3a 遗留）
zone
网格分区（.slide-stage--zone，Sprint 3b' 实验）

06-experimental-jetset

absolute 5760×3240, 4.07 MB · zone 5760×3240, 1.66 MB · 尺寸一致
absolute
绝对定位（.cover-parent-*，Sprint 3a 遗留）
zone
网格分区（.slide-stage--zone，Sprint 3b' 实验）
目的： 为 auto-visual-swarm-review 提供 Round 1/2/3 的视觉输入（trace #2 奠基）。
尺寸验证： 所有 PNG 应当保持 5760×3240（= 1920×1080 × 3× DPI），zone 模式必须不改变画布尺寸。
翻面操作： 默认 absolute；启用 zone 使用 USE_ZONES=1 环境变量。
重跑本门： node scripts/render-zone-vs-absolute.mjs