style(首页头图): 白色水纹换成有深度的羊水层——背景折射晃动、暗流、景深暗角、远近两层微粒 (v26100422)

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:26100421 缓存版本标记：改 css/js 时同步 bump 该值（与 js/app.js 的 VER 同源），静态资源按 mtime 走 ETag 自动刷新 -->
+<!-- V:26100422 缓存版本标记：改 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 第四节） -->
@@ -65,6 +65,8 @@
              每阶段一张会动的 GIF（本地程序化形变：呼吸、轻浮、小手、蹬脚；脸不动，所以永远闭眼闭嘴）+ 一张同帧静图打底，
              静图先出、GIF 加载完再盖上。孕囊大小 = .hero-baby 的 --k，由 JS 按阶段写。
              .hero-fx 是阳光光束 + 水波焦散的画布，叠在宝宝之上、文字之下。 -->
+        <!-- 2026-10-04 羊水深度层（js/hero-fx.js deep()）：背景透过水的折射晃动 + 暗流 + 景深暗角 + 远处微粒，正常混合、在宝宝下面 -->
+        <canvas class="hero-water" id="heroWater" aria-hidden="true"></canvas>
         <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">