盲盒挪到首页底部低调细条 + 来信卡居中短版 (v26100160)

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:26100159 缓存版本标记：改 css/js 时同步 bump 该值（与 js/app.js 的 VER 同源），静态资源按 mtime 走 ETag 自动刷新 -->
+<!-- V:26100160 缓存版本标记：改 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 第四节） -->
@@ -179,19 +179,6 @@
              宫格右下角那张 .mini-card.more 是**内容**位（顺带把第三列剩下的
              44px 填平，而且是个够手指点的大靶子）。两个都指向 data-sheet="open"，
              删掉任意一个另一个都还走得通。 -->
-        <!-- 孕期盲盒 · 首页细横幅（2026-10-01，需求文档 v1.0 三-7）。
-             放在顶部大图正下方（需求：顶部大图 → 盲盒横幅 → 孕育工具 → 此刻 → 消消乐）。
-             文案/状态全由 app.js renderBanner() 按 /blindbox 返回写入；访客态（无 openid）、孕 4 周前、接口失败 → 保持 .hide。
-             ⚠️ 它是 #homeBody 的第一个孩子，吃的是 .home-body>:first-child 那条上间距；
-                隐藏时由 CSS「.bb-banner.hide + .tool-dock」把间距还给工具托盘。 -->
-        <button class="bb-banner hide" id="bbBanner" type="button">
-          <span class="bb-gift" id="bbGift" aria-hidden="true"></span>
-          <span class="bb-badge hide" id="bbBadge" aria-hidden="true"></span>
-          <span class="bb-txt"><b class="bb-t" id="bbTitle"></b><span class="bb-s" id="bbSub"></span></span>
-          <span class="bb-cta" id="bbCta"></span>
-          <i class="bb-shine" aria-hidden="true"></i>
-        </button>
-
         <section class="tool-dock">
           <!-- 大字水印。aria-hidden：读屏念到这块该直接进标题，
                不该先听见两声「兜爸」。样式和理由都在 css/style.css 的 .wm 上。
@@ -551,6 +538,21 @@
           <p class="unlock"><i class="ul-gift" aria-hidden="true"></i>福利库还有 <b>128</b> 份资料等你领 · <a data-open="detailResList">查看全部 ›</a></p>
         </section>
 
+        <!-- 孕期盲盒 · 首页细横幅（2026-10-01，需求文档 v1.0 三-7）。
+             放在顶部大图正下方（需求：顶部大图 → 盲盒横幅 → 孕育工具 → 此刻 → 消消乐）。
+             文案/状态全由 app.js renderBanner() 按 /blindbox 返回写入；访客态（无 openid）、孕 4 周前、接口失败 → 保持 .hide。
+             ⚠️ 2026-10-02 用户：「把盲盒放到首页下边，给一个位置就行，不用太明显」→
+                挪到 #homeBody 最后（福利书架之后），样式收成一条低调细条（见 CSS「盲盒挪到页底」）。
+                工具托盘因此重新成为第一个孩子，.home-body>:first-child 间距直接作用在它身上。 -->
+        <button class="bb-banner hide" id="bbBanner" type="button">
+          <span class="bb-gift" id="bbGift" aria-hidden="true"></span>
+          <span class="bb-badge hide" id="bbBadge" aria-hidden="true"></span>
+          <span class="bb-txt"><b class="bb-t" id="bbTitle"></b><span class="bb-s" id="bbSub"></span></span>
+          <span class="bb-cta" id="bbCta"></span>
+          <i class="bb-shine" aria-hidden="true"></i>
+        </button>
+
+
       </div>
     </section>
 

js/app.js

@@ -3,7 +3,7 @@
 (function () {
   'use strict';
   /* 页面版本号（YYMMDD+序号）：显示在「关于兜爸心选」页底部；bump 时同步 head 注释与 ?v= */
-  var VER = '26100159';
+  var VER = '26100160';
   const $ = (s, c) => (c || document).querySelector(s);
   const $$ = (s, c) => Array.from((c || document).querySelectorAll(s));
 

mama-box.css

@@ -3654,3 +3654,23 @@ a.skip:focus{left:16px;top:16px}
   .wh-page{transition:opacity .2s}
 }
 .whp-say{display:grid;place-items:center;text-align:center;padding:0}
+
+/* ================= 盲盒挪到页底 + 来信卡居中短版（2026-10-02）=================
+   用户：「盲盒放到首页下边，给一个位置就行，不用太明显；宝宝来信不要太长，居中展示」。 */
+.home-body>.bb-banner{margin:22px 0 6px;min-height:52px;padding:8px 12px 8px 8px;gap:10px;border-radius:16px;
+  background:rgba(255,255,255,.6);box-shadow:inset 0 0 0 1px #F1E6DF}
+.home-body>.bb-banner .bb-gift{width:36px;height:36px;border-radius:11px}
+.home-body>.bb-banner .bb-gift svg{width:26px;height:26px;animation:none}
+.home-body>.bb-banner .bb-badge{left:32px;top:3px}
+.home-body>.bb-banner .bb-t{font-size:13.5px;font-weight:600}
+.home-body>.bb-banner .bb-s{font-size:11.5px}
+.home-body>.bb-banner .bb-cta{padding:0;background:none;font-size:12px;font-weight:600;color:#B7A69C}
+.home-body>.bb-banner .bb-cta::after{content:" ›"}
+
+.letter-card{width:fit-content;max-width:calc(100% - 64px);min-width:236px;margin-left:auto;margin-right:auto;
+  min-height:58px;padding:9px 14px 9px 9px;gap:10px;border-radius:18px}
+.letter-card .lc-envwrap{flex-basis:38px;width:38px;height:38px;border-radius:12px}
+.letter-card .lc-env-v{width:22px;height:17px}
+.letter-card .lc-body{flex:0 1 auto}
+.letter-card .lc-title{font-size:14.5px}
+.letter-card .lc-desc{font-size:11.5px;max-width:170px}