图片复刻视频#

严格按照我上传的这张预览图，复刻成一个 React 动画场景。

第一阶段：分析（输出结果给我确认，再往下走）#

先不要写代码，分析并输出以下三项：

布局结构和视觉层级（列出版面分区、z-index 层叠关系）
主要组件清单（每个组件的角色、大致尺寸比例）
动效执行顺序（入场顺序、持续时间、缓动函数建议）

等我确认后再进入第二阶段。

第二阶段：静态实现#

使用 `React + Tailwind CSS + CSS keyframes`#

像素级还原布局，颜色容差 ≤ 5%
字体尽量匹配预览图：优先 [你指定的字体方案，如 Inter/系统字体]，无法匹配时用 Google Fonts 近似替代
图片中的 icon/插图：用 [你的选择，如 Lucide icons / inline SVG / emoji]
文字内容用占位 lorem ipsum，不必逐字还原
只做这一个场景，不要碰其他文件

第三阶段：动效#

在上一步静态布局基础上，按以下分镜描述加入动画： [你在分镜里写的动效描述]
确保每个动效有明确的触发时机和持续时间

验收标准#

静态布局截图与预览图叠对比对，关键尺寸/颜色/间距一致
动效流畅不卡顿，时序合理