# motionin.design 复刻对照与优化待办

更新：2026-09-19。分支：`motionin-reproductions`。

## 范围与结果

52 个案例排除已有 rewrite 对应的 Moments、Burst、Dimension、Morph、Helix，共 47 项。按清单顺序完成本轮对照和优化：46 项有修改，Nova 保持原实现。未修改 `rewrite/`。

勾选表示已完成本轮桌面/手机对照、针对已识别差异的优化和主要交互检查，**不表示逐帧、全状态与原站完全一致**。复杂物理、着色器和部分详情的剩余差异逐项列在下方，不能用冒烟检查通过替代视觉保真度验收。

## 逐项清单

- [x] 01. **momentum-slider** — `momentum-slider-gallery/`：对齐 Geist、行高、细则字号和卡片标题；裁切舞台并重排详情导航。
- [x] 02. **drag-gallery** — `drag-gallery/`：对齐 Geist 与基础行高，调整按钮和容器裁切。
- [x] 03. **formation** — `formation-gallery/`：恢复面板默认关闭、材质和全屏详情；点击索引不再依赖鼠标悬停。
- [x] 04. **cardwall** — `cardwall-gallery/`：恢复 210×333 卡片、材质、标题、队列；详情改为浅色双栏展示。
- [x] 05. **riffle** — `riffle-gallery/`：对齐 22 张素材、间距与背景；详情改为全屏图片及底部文字。
- [x] 06. **revolver** — `revolver-gallery/`：恢复原站左侧文案、CTA、点导航、轮盘及手机布局。
- [x] 07. **rotunda** — `rotunda-gallery/`：恢复蓝色渐变、透视环；详情改为荣誉/照片/说明三栏，手机上下布局。
- [x] 08. **iris** — `iris-gallery/`：对齐轨道、Playfair 标题和响应式导航。
- [x] 09. **lens-bloom** — `lens-bloom-gallery/`：恢复牌堆比例、背景和标题；窄屏直接进入原站的浏览状态。
- [x] 10. **frieze** — `frieze-gallery/`：恢复桌面/手机卡片尺寸、浅色背景、标题和无阴影外观。
- [x] 11. **aperture** — `aperture-gallery/`：恢复原站网格坐标；详情改为左侧大字说明与右侧图片，手机上下排列。
- [x] 12. **folio** — `folio-gallery/`：恢复标题权重、透明度、列表/照片尺寸和手机双区域布局。
- [x] 13. **cinema-reel** — `cinema-reel-gallery/`：恢复画框尺寸、底部电影信息并增加 Explore 详情。
- [x] 14. **stream-showcase** — `stream-showcase-gallery/`：恢复 Queue up 文案、扇形比例和焦点效果。
- [x] 15. **hardback** — `hardback-gallery/`：补齐原站背景；移除压平 CSS 3D 的 filter；调整书本尺寸和手机焦点。
- [x] 16. **picasso-ecommerce** — `picasso-gallery/`：恢复扇形初态与字号/间距；修正 CTA 和关闭按钮层级。
- [x] 17. **assembly** — `assembly-gallery/`：恢复浅色背景、圆角和径向布局。
- [x] 18. **fathom** — `fathom-gallery/`：恢复浅色画廊，使用 Cyrene；调整透视与中间图片位置。
- [x] 19. **emulsion** — `emulsion-gallery/`：恢复首屏三张照片及文字，修正照片偏移。
- [x] 20. **portfolio-photographer** — `portfolio-photographer-gallery/`：恢复浅色网格和 Every frame, every story，放大照片并修正手机文案。
- [x] 21. **reverie** — `reverie-gallery/`：对齐主图、模糊背景、两列宣言、字号和位置。
- [x] 22. **boutique** — `boutique-gallery/`：去掉卡片底色；调整球面密度；详情改为聚焦模特加商品面板，可切换单品。
- [x] 23. **nova** — `nova-peaks-gallery/`：保留现有实现，避免把轮播时间差误认为布局差异。
- [x] 24. **alive** — `alive-gallery/`：隐藏额外控件；按完整单词拆分动画字母并恢复窄屏断行。
- [x] 25. **shape-trail** — `shape-trail-gallery/`：恢复浅色主题和头像图，保留既有轨迹逻辑。
- [x] 26. **membrane** — `membrane-gallery/`：恢复浅色界面、头像与控件可见性。
- [x] 27. **liquid-type** — `liquid-type-gallery/`：恢复浅色界面、头像与控件可见性。
- [x] 28. **filament** — `filament-gallery/`：恢复浅色画布、顶部下划线标签及手机布局。
- [x] 29. **pixels** — `pixels-gallery/`：恢复浅色模式、Poppins 标题和底部说明。
- [x] 30. **cipher** — `cipher-gallery/`：对齐基础行高。
- [x] 31. **console** — `console-gallery/`：修正启动文字布局，窄屏跳过过大的屏幕特写。
- [x] 32. **cutout** — `cutout-gallery/`：恢复画布标题、首屏实心文字和卡片排布；显式等待画布字体加载。
- [x] 33. **crema** — `crema-gallery/`：对齐 Fraunces、标题、手机比例及窄屏文字/模型间距。
- [x] 34. **aster** — `aster-gallery/`：修复视频 canplay 竞态；对齐标题空格与表单宽度。
- [x] 35. **spring** — `spring-gallery/`：修复视频播放；对齐圆角玻璃表单、粉色按钮和输入框收缩。
- [x] 36. **benchmark** — `benchmark-gallery/`：隐藏提示并按实际字体测量最长文本，自动缩放列表。
- [x] 37. **amour** — `amour-gallery/`：恢复黑色开场、自动转入照片墙和弱化的 CTA。
- [x] 38. **fluid-gallery** — `fluid-gallery-wall/`：恢复浅色画廊背景，隐藏多余 UI。
- [x] 39. **marathon** — `marathon-gallery/`：使用原站山景背景；调整镜头、标题、手机布局；恢复跑步路线界面。
- [x] 40. **atelier** — `atelier-desktop/`：恢复日间壁纸、项目缩略图和排列，取消自动 Finder；修正项目预览入口。
- [x] 41. **desk-95** — `desk-95-gallery/`：恢复项目图标和 About 首页图像；仅桌面自动打开 About，手机三列图标。
- [x] 42. **isle** — `isle-gallery/`：恢复居中文案和底部场景入口；修正玻璃取样坐标、圆角透明遮罩及隐藏镜片绘制。
- [x] 43. **pantheon** — `pantheon-gallery/`：恢复清晰背景、原站初始作品、圆环边框和导航。
- [x] 44. **atlas** — `atlas-globe/`：修正弧度和自适应镜头，恢复 WORLD 与国家搜索；修正国家图片链接。
- [x] 45. **aurora** — `aurora-ribbon/`：恢复浅色 Hero、CTA、预设、主题和 Tune。
- [x] 46. **rooster-rush** — `rooster-rush-game/`：恢复招聘开场与游戏入口、暖色场景和分数；调整镜头与远景。
- [x] 47. **overworld** — `overworld-game/`：恢复原站 HUD 与提示。

## 验证与证据

- 视口：桌面 1440×1000，手机 390×844；主要交互检查另使用真实触屏上下文。后期修复的手机截图改为独立加载，避免桌面动画状态残留。
- 47 项主要交互与触屏冒烟检查已完成，逐项记录见 `artifacts/motionin-audit/<案例>/interactions.json`；没有页面脚本异常及文档横向溢出。具体断言强度以每项“验证”为准。
- `reference-*` / `local-*` 为修改前对照，`after-*` 为优化后；详情截图为 `after-detail-*`。原站开场/自动轮播和随机物理的采样时刻可能不同。
- 对照总览：`artifacts/motionin-audit/index.html`；截图与报告遵循 `.gitignore`，不入 Git。
- 针对最终变更另查：Cardwall/Rotunda/Riffle/Aperture/Boutique 的桌面和手机详情、Boutique 单品切换、Atlas 法国搜索与五张照片加载、Alive 完整单词换行、Benchmark 可见文本边界、Pantheon 图片解码。
- 本轮未提交订阅表单、未执行实际购买，未创建 Git 提交。

复查命令（在仓库根目录运行；依赖本地 Chrome 及 `prism-drift/node_modules/playwright`）：

```sh
python3 -m http.server 5190
node tools/motionin-audit.mjs momentum-slider drag-gallery
node tools/motionin-audit.mjs --local-only alive benchmark
node tools/motionin-interactions.mjs
node tools/motionin-report.mjs
```

## 对照记录

### 01. momentum-slider

- 原站：[案例](https://motionin.design/gallery/momentum-slider?hide=all)。
- 差异：字体、细则被段落样式覆盖、轮播边界、窄屏详情导航。
- 修改：对齐 Geist、行高、细则字号和卡片标题；裁切舞台并重排详情导航。
- 验证：打开详情、方向键换商品、Esc、拖拽、窗口缩放；390px 无文档横向溢出，无页面脚本异常。
- 仍有差异 / 边界：自动轮播位置随采样时刻变化。
- 证据：`artifacts/motionin-audit/momentum-slider/`。

### 02. drag-gallery

- 原站：[案例](https://motionin.design/gallery/drag-gallery?hide=all)。
- 差异：字体、按钮间距、标题行高、轨道溢出。
- 修改：对齐 Geist 与基础行高，调整按钮和容器裁切。
- 验证：拖拽换商品；390px 无文档横向溢出，无页面脚本异常。
- 仍有差异 / 边界：购买按钮沿用演示语义。
- 证据：`artifacts/motionin-audit/drag-gallery/`。

### 03. formation

- 原站：[案例](https://motionin.design/gallery/formation?hide=all)。
- 差异：初始设置面板、背景、透视、详情及触屏点按。
- 修改：恢复面板默认关闭、材质和全屏详情；点击索引不再依赖鼠标悬停。
- 验证：设置开关、打开详情、Esc；触屏点按；390px 无文档横向溢出，无页面脚本异常。
- 仍有差异 / 边界：原站玻璃光标和快门过渡仍有细微差异。
- 证据：`artifacts/motionin-audit/formation/`。

### 04. cardwall

- 原站：[案例](https://motionin.design/gallery/cardwall?hide=all)。
- 差异：横版银行卡与原站竖版比例不同，详情为深色弹窗。
- 修改：恢复 210×333 卡片、材质、标题、队列；详情改为浅色双栏展示。
- 验证：点击卡片打开详情、Esc；390px 无文档横向溢出，无页面脚本异常。
- 仍有差异 / 边界：弹性翻面、卡片照明仍采用本地 CSS 实现。
- 证据：`artifacts/motionin-audit/cardwall/`。

### 05. riffle

- 原站：[案例](https://motionin.design/gallery/riffle?hide=all)。
- 差异：素材数量错误、末尾图片无效、牌堆与详情布局偏离。
- 修改：对齐 22 张素材、间距与背景；详情改为全屏图片及底部文字。
- 验证：滚动变阵、打开详情、关闭再打开；390px 无文档横向溢出，无页面脚本异常。
- 仍有差异 / 边界：各阵型的精确插值曲线尚不完全一致。
- 证据：`artifacts/motionin-audit/riffle/`。

### 06. revolver

- 原站：[案例](https://motionin.design/gallery/revolver?hide=all)。
- 差异：主标题和表单缺失、轮盘位置、颜色、自动旋转节奏。
- 修改：恢复原站左侧文案、CTA、点导航、轮盘及手机布局。
- 验证：切换导航点；390px 无文档横向溢出，无页面脚本异常。
- 仍有差异 / 边界：空闲转动时截图卡位不固定。
- 证据：`artifacts/motionin-audit/revolver/`。

### 07. rotunda

- 原站：[案例](https://motionin.design/gallery/rotunda?hide=all)。
- 差异：环半径、背景、字体、导航与详情全屏布局不同。
- 修改：恢复蓝色渐变、透视环；详情改为荣誉/照片/说明三栏，手机上下布局。
- 验证：拖拽、打开详情、相邻作品、关闭；390px 无文档横向溢出，无页面脚本异常。
- 仍有差异 / 边界：环扩展及相邻作品切换使用近似过渡。
- 证据：`artifacts/motionin-audit/rotunda/`。

### 08. iris

- 原站：[案例](https://motionin.design/gallery/iris?hide=all)。
- 差异：轨道圈尺寸、标题字体、两侧箭头位置。
- 修改：对齐轨道、Playfair 标题和响应式导航。
- 验证：前后切换；390px 无文档横向溢出，无页面脚本异常。
- 仍有差异 / 边界：轨道运动采样时刻可能不同。
- 证据：`artifacts/motionin-audit/iris/`。

### 09. lens-bloom

- 原站：[案例](https://motionin.design/gallery/lens-bloom?hide=all)。
- 差异：卡片比例、扇形展开距离、手机初态不一致。
- 修改：恢复牌堆比例、背景和标题；窄屏直接进入原站的浏览状态。
- 验证：滚轮推进；390px 无文档横向溢出，无页面脚本异常。
- 仍有差异 / 边界：桌面开场时序仍受图片与字体就绪时间影响。
- 证据：`artifacts/motionin-audit/lens-bloom/`。

### 10. frieze

- 原站：[案例](https://motionin.design/gallery/frieze?hide=all)。
- 差异：卡片尺寸、间距、圆角与背景偏离。
- 修改：恢复桌面/手机卡片尺寸、浅色背景、标题和无阴影外观。
- 验证：滚动、点击与 Esc；390px 无文档横向溢出，无页面脚本异常。
- 仍有差异 / 边界：翻面细节和开场时间并非逐帧一致。
- 证据：`artifacts/motionin-audit/frieze/`。

### 11. aperture

- 原站：[案例](https://motionin.design/gallery/aperture?hide=all)。
- 差异：桌面与手机网格重复排布、详情布局不同。
- 修改：恢复原站网格坐标；详情改为左侧大字说明与右侧图片，手机上下排列。
- 验证：打开详情、关闭、再次打开；390px 无文档横向溢出，无页面脚本异常。
- 仍有差异 / 边界：网格循环接缝与弯曲幅度仍可能有细微偏差。
- 证据：`artifacts/motionin-audit/aperture/`。

### 12. folio

- 原站：[案例](https://motionin.design/gallery/folio?hide=all)。
- 差异：标题列表、图片大小与手机版布局不同。
- 修改：恢复标题权重、透明度、列表/照片尺寸和手机双区域布局。
- 验证：滚动切换；390px 无文档横向溢出，无页面脚本异常。
- 仍有差异 / 边界：初始条目对焦与原站有偏移。
- 证据：`artifacts/motionin-audit/folio/`。

### 13. cinema-reel

- 原站：[案例](https://motionin.design/gallery/cinema-reel?hide=all)。
- 差异：电影框边距、圆角、文案位置、详情入口。
- 修改：恢复画框尺寸、底部电影信息并增加 Explore 详情。
- 验证：详情打开/Esc、滚轮推进；390px 无文档横向溢出，无页面脚本异常。
- 仍有差异 / 边界：循环首尾衔接和详情入场为本地实现。
- 证据：`artifacts/motionin-audit/cinema-reel/`。

### 14. stream-showcase

- 原站：[案例](https://motionin.design/gallery/stream-showcase?hide=all)。
- 差异：背景、手写字体、扇形几何、非焦点灰度。
- 修改：恢复 Queue up 文案、扇形比例和焦点效果。
- 验证：选择卡片、打开/关闭剧集；390px 无文档横向溢出，无页面脚本异常。
- 仍有差异 / 边界：初始索引随滚动与采样时间变化。
- 证据：`artifacts/motionin-audit/stream-showcase/`。

### 15. hardback

- 原站：[案例](https://motionin.design/gallery/hardback?hide=all)。
- 差异：背景缺失、书架比例、封面不可见、手机焦点偏移。
- 修改：补齐原站背景；移除压平 CSS 3D 的 filter；调整书本尺寸和手机焦点。
- 验证：选书、打开/关闭详情；390px 无文档横向溢出，无页面脚本异常。
- 仍有差异 / 边界：书页、灯光和材质为 CSS 3D 近似，原站使用 Three.js。
- 证据：`artifacts/motionin-audit/hardback/`。

### 16. picasso-ecommerce

- 原站：[案例](https://motionin.design/gallery/picasso-ecommerce?hide=all)。
- 差异：标题、画作扇形、购买入口、手机布局与关闭按钮遮挡。
- 修改：恢复扇形初态与字号/间距；修正 CTA 和关闭按钮层级。
- 验证：打开画作、切换尺寸、关闭；390px 无文档横向溢出，无页面脚本异常。
- 仍有差异 / 边界：购买流程保持本地演示，不连接交易后台。
- 证据：`artifacts/motionin-audit/picasso-ecommerce/`。

### 17. assembly

- 原站：[案例](https://motionin.design/gallery/assembly?hide=all)。
- 差异：背景、卡片尺寸、初始空间排列。
- 修改：恢复浅色背景、圆角和径向布局。
- 验证：点击卡片打开/关闭详情；390px 无文档横向溢出，无页面脚本异常。
- 仍有差异 / 边界：空间运动及详情内容仍为简化实现。
- 证据：`artifacts/motionin-audit/assembly/`。

### 18. fathom

- 原站：[案例](https://motionin.design/gallery/fathom?hide=all)。
- 差异：深色背景、标题字体、景深位置及中心遮挡。
- 修改：恢复浅色画廊，使用 Cyrene；调整透视与中间图片位置。
- 验证：鼠标移动与滚动改变景深；390px 无文档横向溢出，无页面脚本异常。
- 仍有差异 / 边界：图片深度分布与原站不逐帧相同。
- 证据：`artifacts/motionin-audit/fathom/`。

### 19. emulsion

- 原站：[案例](https://motionin.design/gallery/emulsion?hide=all)。
- 差异：首屏照片位置、导航与介绍不一致。
- 修改：恢复首屏三张照片及文字，修正照片偏移。
- 验证：滚动推进；390px 无文档横向溢出，无页面脚本异常。
- 仍有差异 / 边界：后续滚动章节、相机轨迹仍有结构性差异。
- 证据：`artifacts/motionin-audit/emulsion/`。

### 20. portfolio-photographer

- 原站：[案例](https://motionin.design/gallery/portfolio-photographer?hide=all)。
- 差异：背景网格、主标题、图片大小与按钮。
- 修改：恢复浅色网格和 Every frame, every story，放大照片并修正手机文案。
- 验证：打开图片、下一张、关闭；390px 无文档横向溢出，无页面脚本异常。
- 仍有差异 / 边界：网格空间曲率与队列布局为近似。
- 证据：`artifacts/motionin-audit/portfolio-photographer/`。

### 21. reverie

- 原站：[案例](https://motionin.design/gallery/reverie?hide=all)。
- 差异：主图素材及宣言排版不同。
- 修改：对齐主图、模糊背景、两列宣言、字号和位置。
- 验证：滚动变阵；390px 无文档横向溢出，无页面脚本异常。
- 仍有差异 / 边界：多阶段过渡仍保留本地实现。
- 证据：`artifacts/motionin-audit/reverie/`。

### 22. boutique

- 原站：[案例](https://motionin.design/gallery/boutique?hide=all)。
- 差异：模特背景、网格密度、手机比例与详情布局。
- 修改：去掉卡片底色；调整球面密度；详情改为聚焦模特加商品面板，可切换单品。
- 验证：打开/关闭详情、切换上装/下装/鞋；390px 无文档横向溢出，无页面脚本异常。
- 仍有差异 / 边界：原站放大镜拖动与球面变形还原程度有限。
- 证据：`artifacts/motionin-audit/boutique/`。

### 23. nova

- 原站：[案例](https://motionin.design/gallery/nova?hide=all)。
- 差异：未发现需改动的确定性首屏差异。
- 修改：保留现有实现，避免把轮播时间差误认为布局差异。
- 验证：前后切换；390px 无文档横向溢出，无页面脚本异常。
- 仍有差异 / 边界：自动轮播的当前卡片依采样时刻变化。
- 证据：`artifacts/motionin-audit/nova/`。

### 24. alive

- 原站：[案例](https://motionin.design/gallery/alive?hide=all)。
- 差异：额外主题控件、手机单词丢空格和错误断行。
- 修改：隐藏额外控件；按完整单词拆分动画字母并恢复窄屏断行。
- 验证：指针拖尾、窄屏文字显示；390px 无文档横向溢出，无页面脚本异常。
- 仍有差异 / 边界：照片拖尾轨迹受实际指针路径影响。
- 证据：`artifacts/motionin-audit/alive/`。

### 25. shape-trail

- 原站：[案例](https://motionin.design/gallery/shape-trail?hide=all)。
- 差异：默认主题与头像素材不同。
- 修改：恢复浅色主题和头像图，保留既有轨迹逻辑。
- 验证：指针交互；390px 无文档横向溢出，无页面脚本异常。
- 仍有差异 / 边界：物理与随机图形不做逐帧像素判定。
- 证据：`artifacts/motionin-audit/shape-trail/`。

### 26. membrane

- 原站：[案例](https://motionin.design/gallery/membrane?hide=all)。
- 差异：默认主题、头像和额外开关不同。
- 修改：恢复浅色界面、头像与控件可见性。
- 验证：指针交互；390px 无文档横向溢出，无页面脚本异常。
- 仍有差异 / 边界：膜面物理为本地实现。
- 证据：`artifacts/motionin-audit/membrane/`。

### 27. liquid-type

- 原站：[案例](https://motionin.design/gallery/liquid-type?hide=all)。
- 差异：默认主题、头像和额外开关不同。
- 修改：恢复浅色界面、头像与控件可见性。
- 验证：指针交互；390px 无文档横向溢出，无页面脚本异常。
- 仍有差异 / 边界：文字液体响应为本地实现。
- 证据：`artifacts/motionin-audit/liquid-type/`。

### 28. filament

- 原站：[案例](https://motionin.design/gallery/filament?hide=all)。
- 差异：画布占比、标签位置、主题与 Tune 入口。
- 修改：恢复浅色画布、顶部下划线标签及手机布局。
- 验证：切换形态、打开 Tune；390px 无文档横向溢出，无页面脚本异常。
- 仍有差异 / 边界：粒子形态的随机分布不逐帧对齐。
- 证据：`artifacts/motionin-audit/filament/`。

### 29. pixels

- 原站：[案例](https://motionin.design/gallery/pixels?hide=all)。
- 差异：默认主题、标题字体、文字位置。
- 修改：恢复浅色模式、Poppins 标题和底部说明。
- 验证：滚轮交互冒烟检查；390px 无文档横向溢出，无页面脚本异常。
- 仍有差异 / 边界：检查确认可运行，未对每个像素形态的切换结果做图像断言。
- 证据：`artifacts/motionin-audit/pixels/`。

### 30. cipher

- 原站：[案例](https://motionin.design/gallery/cipher?hide=all)。
- 差异：文字行高与原站不同。
- 修改：对齐基础行高。
- 验证：滚动与窄屏运行；390px 无文档横向溢出，无页面脚本异常。
- 仍有差异 / 边界：随机字符及分阶段时序只做视觉抽样。
- 证据：`artifacts/motionin-audit/cipher/`。

### 31. console

- 原站：[案例](https://motionin.design/gallery/console?hide=all)。
- 差异：开机文字对齐与手机镜头缩放偏离。
- 修改：修正启动文字布局，窄屏跳过过大的屏幕特写。
- 验证：跳过启动、输入 gallery 并回车；390px 无文档横向溢出，无页面脚本异常。
- 仍有差异 / 边界：启动打字和桌面缩放节奏仍受采样时间影响。
- 证据：`artifacts/motionin-audit/console/`。

### 32. cutout

- 原站：[案例](https://motionin.design/gallery/cutout?hide=all)。
- 差异：标题、卡纸文字、布局和材质不一致。
- 修改：恢复画布标题、首屏实心文字和卡片排布；显式等待画布字体加载。
- 验证：选择卡片并进入下一阶段；390px 无文档横向溢出，无页面脚本异常。
- 仍有差异 / 边界：纸张厚度、遮挡与碎片动画保留本地实现。
- 证据：`artifacts/motionin-audit/cutout/`。

### 33. crema

- 原站：[案例](https://motionin.design/gallery/crema?hide=all)。
- 差异：主标题字体/字号、手机位置、评分与下载区域排布。
- 修改：对齐 Fraunces、标题、手机比例及窄屏文字/模型间距。
- 验证：拖拽翻转手机；390px 无文档横向溢出，无页面脚本异常。
- 仍有差异 / 边界：手机内屏细节与翻屏轨迹尚不完全一致。
- 证据：`artifacts/motionin-audit/crema/`。

### 34. aster

- 原站：[案例](https://motionin.design/gallery/aster?hide=all)。
- 差异：视频就绪竞态、标题词间距及输入框尺寸。
- 修改：修复视频 canplay 竞态；对齐标题空格与表单宽度。
- 验证：视频播放、指针响应；390px 无文档横向溢出，无页面脚本异常。
- 仍有差异 / 边界：没有实际提交表单。
- 证据：`artifacts/motionin-audit/aster/`。

### 35. spring

- 原站：[案例](https://motionin.design/gallery/spring?hide=all)。
- 差异：视频就绪竞态和表单玻璃样式/窄屏宽度。
- 修改：修复视频播放；对齐圆角玻璃表单、粉色按钮和输入框收缩。
- 验证：视频播放、指针响应、窄屏；390px 无文档横向溢出，无页面脚本异常。
- 仍有差异 / 边界：没有实际提交表单；花瓣为随机动画。
- 证据：`artifacts/motionin-audit/spring/`。

### 36. benchmark

- 原站：[案例](https://motionin.design/gallery/benchmark?hide=all)。
- 差异：额外提示、行高和窄屏文字裁切。
- 修改：隐藏提示并按实际字体测量最长文本，自动缩放列表。
- 验证：自动轮播与滚动；390px 无文档横向溢出，无页面脚本异常。
- 仍有差异 / 边界：数字当前值随计时器变化。
- 证据：`artifacts/motionin-audit/benchmark/`。

### 37. amour

- 原站：[案例](https://motionin.design/gallery/amour?hide=all)。
- 差异：开场停留、墙面切换时序与控件。
- 修改：恢复黑色开场、自动转入照片墙和弱化的 CTA。
- 验证：自动转场、滚动；390px 无文档横向溢出，无页面脚本异常。
- 仍有差异 / 边界：中心心形仍是近似图形，不是原站完整照片拼接心形。
- 证据：`artifacts/motionin-audit/amour/`。

### 38. fluid-gallery

- 原站：[案例](https://motionin.design/gallery/fluid-gallery?hide=all)。
- 差异：底色、额外标题/提示与发光层。
- 修改：恢复浅色画廊背景，隐藏多余 UI。
- 验证：点击、Esc、滚动；390px 无文档横向溢出，无页面脚本异常。
- 仍有差异 / 边界：WebGL 流动与镜片形变为近似着色器。
- 证据：`artifacts/motionin-audit/fluid-gallery/`。

### 39. marathon

- 原站：[案例](https://motionin.design/gallery/marathon?hide=all)。
- 差异：背景、标题、手机大小和首个内屏内容。
- 修改：使用原站山景背景；调整镜头、标题、手机布局；恢复跑步路线界面。
- 验证：滚轮切换章节；390px 无文档横向溢出，无页面脚本异常。
- 仍有差异 / 边界：各章节手机内屏图表和镜头插值仍有差异。
- 证据：`artifacts/motionin-audit/marathon/`。

### 40. atelier

- 原站：[案例](https://motionin.design/gallery/atelier?hide=all)。
- 差异：壁纸、桌面图标与默认弹窗。
- 修改：恢复日间壁纸、项目缩略图和排列，取消自动 Finder；修正项目预览入口。
- 验证：项目双击打开/关闭、Dock 打开 Finder；390px 无文档横向溢出，无页面脚本异常。
- 仍有差异 / 边界：原站部分应用内容和 Dock 图标仍为简化。
- 证据：`artifacts/motionin-audit/atelier/`。

### 41. desk-95

- 原站：[案例](https://motionin.design/gallery/desk-95?hide=all)。
- 差异：桌面图标、默认窗口、About 内容与手机布局。
- 修改：恢复项目图标和 About 首页图像；仅桌面自动打开 About，手机三列图标。
- 验证：项目双击、Start 菜单；390px 无文档横向溢出，无页面脚本异常。
- 仍有差异 / 边界：任务栏与部分应用页面仍为本地简化内容。
- 证据：`artifacts/motionin-audit/desk-95/`。

### 42. isle

- 原站：[案例](https://motionin.design/gallery/isle?hide=all)。
- 差异：主标题、设置面板、场景入口和玻璃矩形伪影。
- 修改：恢复居中文案和底部场景入口；修正玻璃取样坐标、圆角透明遮罩及隐藏镜片绘制。
- 验证：展开岛、切换场景；390px 无文档横向溢出，无页面脚本异常。
- 仍有差异 / 边界：场景缩略图使用渐变占位；玻璃参数与原站有差异。
- 证据：`artifacts/motionin-audit/isle/`。

### 43. pantheon

- 原站：[案例](https://motionin.design/gallery/pantheon?hide=all)。
- 差异：背景模糊程度、默认作品、标题和圆盘尺寸。
- 修改：恢复清晰背景、原站初始作品、圆环边框和导航。
- 验证：前后切换；390px 无文档横向溢出，无页面脚本异常。
- 仍有差异 / 边界：液体玻璃采用 CSS 模拟，折射细节不等同原站。
- 证据：`artifacts/motionin-audit/pantheon/`。

### 44. atlas

- 原站：[案例](https://motionin.design/gallery/atlas?hide=all)。
- 差异：经纬度单位错误、地球缩放、标题、搜索入口缺失。
- 修改：修正弧度和自适应镜头，恢复 WORLD 与国家搜索；修正国家图片链接。
- 验证：拖动、缩放、国家搜索与详情；390px 无文档横向溢出，无页面脚本异常。
- 仍有差异 / 边界：球体光照/方向和国家选中动画仍不完全一致；图片依赖原站网络。
- 证据：`artifacts/motionin-audit/atlas/`。

### 45. aurora

- 原站：[案例](https://motionin.design/gallery/aurora?hide=all)。
- 差异：默认主题、主文案、底部工具条与预设入口。
- 修改：恢复浅色 Hero、CTA、预设、主题和 Tune。
- 验证：切换预设、开关 Tune、切换主题；390px 无文档横向溢出，无页面脚本异常。
- 仍有差异 / 边界：丝带着色器与预设参数为近似实现。
- 证据：`artifacts/motionin-audit/aurora/`。

### 46. rooster-rush

- 原站：[案例](https://motionin.design/gallery/rooster-rush?hide=all)。
- 差异：开场文案、遮罩、场景配色与摄像机。
- 修改：恢复招聘开场与游戏入口、暖色场景和分数；调整镜头与远景。
- 验证：开始、移动、跳跃、重置；390px 无文档横向溢出，无页面脚本异常。
- 仍有差异 / 边界：场景模型、障碍编排和游戏物理仍有差异。
- 证据：`artifacts/motionin-audit/rooster-rush/`。

### 47. overworld

- 原站：[案例](https://motionin.design/gallery/overworld?hide=all)。
- 差异：身份文字、HUD 与操作提示不同。
- 修改：恢复原站 HUD 与提示。
- 验证：键盘移动和 E 交互；390px 无文档横向溢出，无页面脚本异常。
- 仍有差异 / 边界：场景中的项目内容保持现有本地实现。
- 证据：`artifacts/motionin-audit/overworld/`。

## 补充素材

沿用仓库“下载素材不入 Git”的约定。本轮新增的素材路径与来源记录在 `tools/motionin-assets.json`，当前本机文件已下载。外部字体、Unsplash、头像和国家照片仍需要联网。