hero animation v9: gif + HTML 互动版 + case study 蒸馏

- README: <video> 换成 gif 预览 + HTML 互动版链接 + MP4 下载
- SKILL.md: references 表格新增 hero-animation-case-study 条目
- 新增 demos/hero-animation-v9.gif（9.9MB）
- 新增 references/hero-animation-case-study.md（Gallery Ripple + Multi-Focus 场景哲学）

SKILL.md

@@ -739,6 +739,7 @@ Screen 组件接 callback props（`onEnter`、`onClose`、`onTabChange`、`onOpe
 | **动画加音效SFX**（苹果发布会级，37个预制） | `references/sfx-library.md` + `assets/sfx/<category>/*.mp3` |
 | **动画音频配置规则**（SFX+BGM双轨制、黄金配比、ffmpeg模板、场景配方） | `references/audio-design-rules.md` |
 | **Apple画廊展示风格**（3D倾斜+悬浮卡片+缓慢pan+焦点切换，v9实战同款） | `references/apple-gallery-showcase.md` |
+| **Gallery Ripple + Multi-Focus 场景哲学**（当素材 20+ 同质+场景需表达「规模×深度」时优先用；含前置条件、技术配方、5 个可复用模式）| `references/hero-animation-case-study.md`（huashu-design hero v9 蒸馏）|
 
 ## 跨 Agent 环境适配说明