本周孕育指南改为孕周专属福利（资料免费送福利券样式）

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:26100139 缓存版本标记：改 css/js 时同步 bump 该值（与 js/app.js 的 VER 同源），静态资源按 mtime 走 ETag 自动刷新 -->
+<!-- V:26100140 缓存版本标记：改 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 第四节） -->
@@ -450,12 +450,19 @@
 
              ⚠️ data-wk="n" 是从原来那条 h2 里搬过来的。app.js 用
                 $$('[data-wk]') 全局扫，属性一丢孕周就永远显示「—」。 -->
-        <section class="shelf">
-          <div class="shelf-bar">
-            <h2 class="sh-title">本周孕育指南 · 孕<span data-wk="n">—</span>周</h2>
+        <section class="shelf gift2">
+          <!-- 2026-10-01 改版：用户要「资料免费送、是一种福利、针对这个孕周」的感觉。
+               抬头改成礼盒 + 「孕N周专属福利」，三张书卡改成「福利券」：左上孕周专属角标、
+               封面右上「免费」印章、中间一道撕券虚线、底行「免费领 ›」。
+               ⚠️ data-wk 照旧（app.js $$('[data-wk]') 全局扫，角标里那两个也会被填上）。 -->
+          <div class="shelf-bar gb-bar">
+            <span class="gb-gift" aria-hidden="true"><svg viewBox="0 0 24 24" width="24" height="24"><rect x="3" y="9" width="18" height="12" rx="2.5" fill="#FF7A5C"/><rect x="2" y="7" width="20" height="4.5" rx="2" fill="#FF9474"/><rect x="10.6" y="7" width="2.8" height="14" fill="#FFD36E"/><path d="M12 7c-1.6-3.6-5.6-4-5.6-1.6C6.4 7 9.6 7 12 7zm0 0c1.6-3.6 5.6-4 5.6-1.6C17.6 7 14.4 7 12 7z" fill="#FFD36E"/></svg></span>
+            <div class="gb-ht">
+              <h2 class="sh-title">孕<span data-wk="n">—</span>周专属福利</h2>
+              <p class="sh-note">这周用得上的孕育资料，<b>全部免费送</b></p>
+            </div>
             <button class="sh-all" data-open="detailResList">全部 ›</button>
           </div>
-          <p class="sh-note">适配孕周的专属孕育参考资料</p>
           <!-- 三张卡的内部结构是**逐行对齐**的：封面 / 标题 / 简介 / 底行，一个不缺。
                上一稿只有第一张有简介、也只有第一张有「立即领取」，另两张少两截，
                于是三张卡的标题落在不同高度、底行也不齐 —— 这就是看着乱的原因。
@@ -483,22 +490,25 @@
                   要改成读接口，得先把这个口径捋清再动。 -->
           <div class="shelf-rail">
             <button class="shelf-book sb-book ripple" data-open="detailRes" data-res="book">
+              <span class="sb-tag">孕<span data-wk="n">—</span>周专属</span><span class="sb-stamp" aria-hidden="true">免费<br>送</span>
               <img class="sb-cover" src="assets/img/9f3fa8edf4aa.png" alt="" aria-hidden="true">
               <span class="sb-title">《糖耐检查全攻略》</span>
               <span class="sb-desc">孕24-28周必看 · 附检查前饮食清单</span>
-              <span class="sb-row"><span class="sb-faces" aria-hidden="true"><i></i><i></i><i></i><i></i><i></i><i></i></span><i class="sb-got">12.8 万妈妈已领取</i><span class="pill-free">免费</span></span>
+              <span class="sb-row"><span class="sb-faces" aria-hidden="true"><i></i><i></i><i></i><i></i><i></i><i></i></span><i class="sb-got">12.8 万妈妈已领取</i><span class="pill-free">免费领</span></span>
             </button>
             <button class="shelf-book sb-food ripple" data-open="detailRes" data-res="food">
+              <span class="sb-tag">孕<span data-wk="n">—</span>周专属</span><span class="sb-stamp" aria-hidden="true">免费<br>送</span>
               <img class="sb-cover" src="assets/img/3657b1f76026.png" alt="" aria-hidden="true">
               <span class="sb-title">孕期营养全书</span>
               <span class="sb-desc">按孕周编排的一日三餐参考</span>
-              <span class="sb-row"><span class="sb-faces" aria-hidden="true"><i></i><i></i><i></i><i></i><i></i><i></i></span><i class="sb-got">20.4 万妈妈已领取</i><span class="pill-free">免费</span></span>
+              <span class="sb-row"><span class="sb-faces" aria-hidden="true"><i></i><i></i><i></i><i></i><i></i><i></i></span><i class="sb-got">20.4 万妈妈已领取</i><span class="pill-free">免费领</span></span>
             </button>
             <button class="shelf-book sb-music ripple" data-open="detailRes" data-res="music">
+              <span class="sb-tag">孕<span data-wk="n">—</span>周专属</span><span class="sb-stamp" aria-hidden="true">免费<br>送</span>
               <img class="sb-cover" src="assets/img/67405412c52c.png" alt="" aria-hidden="true">
               <span class="sb-title">胎教音乐合集</span>
               <span class="sb-desc">30 首适合孕中期的舒缓曲目</span>
-              <span class="sb-row"><span class="sb-faces" aria-hidden="true"><i></i><i></i><i></i><i></i><i></i><i></i></span><i class="sb-got">9.6 万妈妈已领取</i><span class="pill-free">免费</span></span>
+              <span class="sb-row"><span class="sb-faces" aria-hidden="true"><i></i><i></i><i></i><i></i><i></i><i></i></span><i class="sb-got">9.6 万妈妈已领取</i><span class="pill-free">免费领</span></span>
             </button>
           </div>
           <!-- ⚠️ 这句话现在是**静态文案**（2026-09-19 9.19 需求：兑换码闸门取消，
@@ -514,7 +524,7 @@
                     · 没上架的**并非拿不到** —— 扫码加小助手可以直接索要（见顾问二维码弹窗）。
                   所以「128 份等你来领」是邀请口径（含找小助手要的），跟「列表当前 8 条」
                   是两件事，**数字不一样是对的**，别再"修"。 -->
-          <p class="unlock"><b>128</b> 份孕育资料等你来领 · <a data-open="detailResList">查看全部 ›</a></p>
+          <p class="unlock"><i class="ul-gift" aria-hidden="true"></i>福利库还有 <b>128</b> 份资料等你领 · <a data-open="detailResList">查看全部 ›</a></p>
         </section>
 
       </div>