feat(首页头图): 点星座小牌弹出星座宝宝——幸运色、性格、可能喜欢的职业，交界可切换 (v26100425)

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:26100424 缓存版本标记：改 css/js 时同步 bump 该值（与 js/app.js 的 VER 同源），静态资源按 mtime 走 ETag 自动刷新 -->
+<!-- V:26100425 缓存版本标记：改 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 第四节） -->
@@ -67,7 +67,7 @@
              .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">
+        <div class="hero-baby" id="heroBaby">
           <img class="hero-kid hero-kid-still" id="heroStill" alt="" decoding="async">
           <img class="hero-kid" id="heroKid" alt="" decoding="async">
         </div>
@@ -1768,6 +1768,35 @@
     <div class="modal-foot"><button class="dl-btn main" id="bxAddrSave">提交</button></div>
   </section>
 
+  <!-- 星座宝宝（2026-10-04）：点头图孕囊旁的「xx宝宝」小牌打开（js/hero-fx.js 派发 mb-zodiac → app.js 填内容 + openModal）。
+       幸运色 → 性格 → 适合的职业；预产期落在星座交界时顶部给两个可切换的小标签。内容是星座小趣味，底部写明。 -->
+  <section class="modal zd-modal" id="modalZodiac" data-autofocus="off" role="dialog" aria-modal="true" aria-labelledby="zdName">
+    <div class="zd-glow" id="zdGlow" aria-hidden="true"></div>
+    <button class="modal-x" data-modal="close" aria-label="关闭">
+      <svg viewBox="0 0 24 24" width="15" height="15" aria-hidden="true"><path d="M6 6l12 12M18 6L6 18" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round"/></svg>
+    </button>
+    <div class="zd-head">
+      <span class="zd-star" aria-hidden="true"><svg viewBox="0 0 12 12" width="14" height="14"><path d="M6 .6c.4 2.9 1.5 4 4.4 4.4v.1C7.5 5.5 6.4 6.6 6 9.4h-.1C5.5 6.6 4.4 5.5 1.6 5.1V5C4.4 4.6 5.5 3.5 5.9.6z" fill="currentColor"/></svg></span>
+      <h3 id="zdName"></h3>
+      <p class="zd-range" id="zdRange"></p>
+      <div class="zd-switch" id="zdSwitch" hidden></div>
+    </div>
+    <div class="zd-sec zd-color">
+      <i class="zd-sw" id="zdSw" aria-hidden="true"></i>
+      <div><span class="zd-label">宝宝幸运色</span><b id="zdColor"></b><p id="zdColorTip"></p></div>
+    </div>
+    <div class="zd-sec">
+      <span class="zd-label">宝宝的性格</span>
+      <div class="zd-tags" id="zdTraits"></div>
+      <p class="zd-para" id="zdPara"></p>
+    </div>
+    <div class="zd-sec">
+      <span class="zd-label">长大后可能会喜欢的职业</span>
+      <div class="zd-jobs" id="zdJobs"></div>
+    </div>
+    <p class="zd-foot">星座小趣味，听听就好 —— 每个宝宝都是独一无二的小宇宙</p>
+  </section>
+
   <!-- 意见反馈（2026-10-04）。类型 → 描述 → 截图（选填，最多 3 张，走 /api/upload）→ 联系方式（选填）→ 提交。
        底部「我提交过的」列出最近几条和处理状态 / 回复（运营在管理端 PUT /api/mama-box/feedbacks/{id} 标记）。 -->
   <section class="modal fb-modal" id="modalFeedback" data-autofocus="off" role="dialog" aria-modal="true" aria-labelledby="fbTitle">