feat(首页头图): 宝宝按孕周 9 阶段换形态、孕囊随之缩放；花瓣换成阳光水波 (v26100407)

- 背景换成去掉羊水囊的空背景，羊水囊+宝宝整幅按阶段换（4/8/11/14/18/24/28/32/36 周）
- 每阶段一张本地程序化形变 GIF（呼吸、轻浮、小手、蹬脚；脸不动，闭眼闭嘴）+ 同帧静图打底
- 孕囊直径按阶段 .42～1.03 倍，围绕原圆心缩放
- 去掉花瓣飘落；新增 #heroFx 画布：斜照光束 + 水波焦散，离开首页/不可见时停画
- 逻辑独立在 js/hero-fx.js，调试 ?kidweek=N

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

index.html

@@ -7,7 +7,7 @@
 <meta name="mobile-web-app-capable" content="yes">
 <meta name="apple-mobile-web-app-capable" content="yes">
 <title>兜爸心选 · 孕育陪伴</title>
-<!-- V:26100406 缓存版本标记：改 css/js 时同步 bump 该值（与 js/app.js 的 VER 同源），静态资源按 mtime 走 ETag 自动刷新 -->
+<!-- V:26100407 缓存版本标记：改 css/js 时同步 bump 该值（与 js/app.js 的 VER 同源），静态资源按 mtime 走 ETag 自动刷新 -->
 <link rel="stylesheet" href="mama-box.css">
 <script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
 <!-- 共享助手：授权/跳商城/位置上报（分享卡片同步，见 docs/h5-auth-standard.md 第四节） -->
@@ -60,14 +60,16 @@
 
 <section class="screen is-active" id="screen-home" data-screen="home">
       <div class="home-hero">
-        <div class="petals" id="petals"></div>
-        <!-- 2026-09-30：头图背景 = 孕 25 周动图（母婴作图 v7）的静帧，这里只叠一张截了羊水囊的同源 GIF .hero-kid：
-             镜头固定、同一帧起步，所以和背景严丝合缝；宝宝侧身闭眼睡、小手在嘴边自己动，囊和脐带不动。
-             GIF 没加载出来就停在背景那一帧。（v6 起嘴边的小气泡去掉了，v7 没加回来。）
-             2026-10-01 换 v8：静帧不变，动作加大——整体轻摇±1.8°+微浮、呼吸、点头、小手、每周期蹬一下脚，4 秒一圈。 -->
-        <div class="hero-baby" aria-hidden="true">
-          <img class="hero-kid" id="heroKid" src="assets/img/250bb167b0f1.gif" alt="" decoding="async">
+        <!-- 2026-10-04 头图改版（用户：宝宝按孕周换形态、孕囊跟着宝宝大小变、去掉飘落的花瓣、加阳光和水波纹）：
+             背景换成「去掉羊水囊的空背景」，羊水囊 + 宝宝整体都在 .hero-baby 里，按孕周 9 个阶段换图（js/hero-fx.js）。
+             每阶段一张会动的 GIF（本地程序化形变：呼吸、轻浮、小手、蹬脚；脸不动，所以永远闭眼闭嘴）+ 一张同帧静图打底，
+             静图先出、GIF 加载完再盖上。孕囊大小 = .hero-baby 的 --k，由 JS 按阶段写。
+             .hero-fx 是阳光光束 + 水波焦散的画布，叠在宝宝之上、文字之下。 -->
+        <div class="hero-baby" id="heroBaby" aria-hidden="true">
+          <img class="hero-kid hero-kid-still" id="heroStill" alt="" decoding="async">
+          <img class="hero-kid" id="heroKid" alt="" decoding="async">
         </div>
+        <canvas class="hero-fx" id="heroFx" aria-hidden="true"></canvas>
         <!-- 右上角原来有个消息圆钮，点开只弹「暂无新消息」——一个永远没有内容的入口，
              还顶着一颗红点天天提示。整个删掉；这一排现在只剩左边的品牌字。
              .hero-top 本身留着：它的 height:32 + margin-top:10 撑着下面整列的起点
@@ -1965,6 +1967,8 @@
 <script src="js/app.js"></script>
 <!-- 2026-10-03 首页彩蛋：宝宝在肚皮底下动（独立文件，删掉这一行即整体下线；开关在「隐私权限」） -->
 <script src="js/bump.js"></script>
+<!-- 2026-10-04 首页头图：按孕周换宝宝 + 阳光水波（独立文件） -->
+<script src="js/hero-fx.js"></script>
 
 </body>
 </html>