第二批 · 从 10 个真实站点反解
骨架、分区顺序、信息密度与交互手势来自真实上线的站；配色、字体、文案与图像全部重做，不复制品牌资产。目录里保留了来源标识，方便你对照原始版式。
第三批 · 从 MotionSites 搬的 10 个动效案例
偷的是动效机制——滚动扫描、推镜、湍流位移、canvas 水波、雷达扫描、字距收敛；全部用原生 CSS 与 canvas 重写，没有 GSAP、没有 Lenis、没有 three.js，双击就能跑。视觉与文案按每个题材重做。
用之前先看这三条
1 · 先定义再动手
模板解决"长什么样"，不解决"是什么"。先用 brief 门把身份、首屏钩子、频道配比写清楚，再选模板。
2 · 模板是起点
- 换灵魂：色相族 / 字体性格 / 首屏构图，至少改两样
- 换架构：按真实业务重排分区
- 换招牌：自带招牌做到 120%，或换新的
3 · 交付前跑自检
- 反廉价黑名单（A1–A12）
- 键盘可达 + 焦点可见
- 360px 无横向滚动
- 关掉动画信息仍完整