全息舱官方 UI 横版素材示例

来源：主项目 public/page-manifest.json 当前引用的真实文件
页面流程：首页 → 选择页 → 拍摄页 → 拍摄预览页 → 打印页

00-共用素材
- 动态背景：dynamic-video-bg.mp4，MP4，2160×3840
- 返回按钮：back-button.png，PNG，534×489
- 首页按钮：home-button.png，PNG，534×489

01-首页
- 首页循环视频：selfie-intro-loop.mp4，MP4，2160×3840
- 首页标题：home-title.png，PNG，1080×1920
- 启动按钮：start-button.png，PNG，1828×722

02-选择页
- 选择卡视频：style-1.mp4 / style-2.mp4 / style-3.mp4，MP4，720×1280
- 左右滑动提示：swipe-gesture-hint.svg，SVG，600×180
- 上一个/下一个按钮：previous-button.png / next-button.png，PNG，343×501
- 当前默认缩略图直接使用三段选择卡视频的画面，没有独立缩略图文件。

03-拍摄页
- 拍摄背景：style-bg-1.mp4 / style-bg-2.mp4 / style-bg-3.mp4，MP4，1080×1920
- 横版合照框：style-frame-1.png / style-frame-2.png / style-frame-3.png，PNG，2390×1434
- 拍摄/下一步按钮：shutter-button.png / next-button.png，PNG，1332×519
- 倒计时：countdown.gif，GIF，512×512
- 看镜头提示：look-camera-hint.gif，GIF，1024×1024

04-拍摄预览页
- 拍摄/下一步按钮与拍摄页共用同一项目原始文件。
- 背景、返回按钮和首页按钮位于 00-共用素材。

05-打印页
- 结束标题：end-title.png，PNG，1080×1920
- 打印面板：print-bg.png，PNG，2790×1481
- AI 加载动画：ai-loading.svg，SVG，1299×1166
- 打印机动画：printer-animation.svg，SVG，160×160
- 数量底框：quantity-frame.png，PNG，1166×221
- 减少/增加数量按钮：quantity-minus.png / quantity-plus.png，PNG，241×166
- 打印按钮：print-button.png，PNG，773×302

说明
- 横版目录只包含横版合照框，不含竖版合照框。
- SVG 为项目内置图形，仅用于效果参考；当前编辑器只允许调整颜色、位置和大小，不作为可替换素材。
- page-manifest.json 中停用且路径为空的“趣味视频”没有补造，也没有放入本示例包。
