底部导航推荐版：线稿图标/缺口托住记一下/暖白底+淡出/我的用头像/来信新信晃动 (v26100198)

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:26100197 缓存版本标记：改 css/js 时同步 bump 该值（与 js/app.js 的 VER 同源），静态资源按 mtime 走 ETag 自动刷新 -->
+<!-- V:26100198 缓存版本标记：改 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 第四节） -->
@@ -27,12 +27,14 @@
   <span class="idn-txt" id="idNoticeTxt">未获取到微信身份，页面数据可能不完整</span>
   <button class="idn-retry" id="idNoticeRetry">重试</button>
 </div>
+<!-- 2026-10-02 底部导航「推荐版」：内容滑到导航下面时淡出，而不是被白条硬切 -->
+<div class="tab-fade" aria-hidden="true"></div>
 <nav class="tabbar" id="tabbar">
     <button class="tab is-active" data-tab="home">
-      <span class="t-ico ic-home"></span><span class="t-txt">首页</span>
+      <span class="t-ico t-line"><svg class="t-svg" viewBox="0 0 24 24" aria-hidden="true"><path class="tf" d="M4 10.4 12 4l8 6.4V18a2.4 2.4 0 0 1-2.4 2.4H6.4A2.4 2.4 0 0 1 4 18z"/><path class="td" d="M12 16.6s-2.9-1.7-2.9-3.6a1.45 1.45 0 0 1 2.9-.4 1.45 1.45 0 0 1 2.9.4c0 1.9-2.9 3.6-2.9 3.6z"/></svg></span><span class="t-txt">首页</span>
     </button>
     <button class="tab" data-tab="archive">
-      <span class="t-ico ic-archive"></span><span class="t-txt">档案</span>
+      <span class="t-ico t-line"><svg class="t-svg" viewBox="0 0 24 24" aria-hidden="true"><path class="tf" d="M8.3 20.4c-1.9 0-2.9-1.5-2.6-3.4l.5-3c.3-1.9 1.4-3 2.9-3 1.6 0 2.5 1.3 2.2 3.2l-.5 3.1c-.3 1.9-1.1 3.1-2.5 3.1z"/><path class="tf" d="M15.9 14.4c-1.4 0-2.2-1.2-2.5-3.1l-.5-3.1c-.3-1.9.6-3.2 2.2-3.2 1.5 0 2.6 1.1 2.9 3l.5 3c.3 1.9-.7 3.4-2.6 3.4z"/><circle class="td" cx="6.6" cy="8.4" r=".95"/><circle class="td" cx="8.6" cy="7.6" r=".85"/><circle class="td" cx="10.4" cy="8.3" r=".75"/><circle class="td" cx="13.6" cy="2.9" r=".8"/><circle class="td" cx="15.5" cy="2.3" r=".85"/><circle class="td" cx="17.5" cy="3" r=".95"/></svg></span><span class="t-txt">档案</span>
     </button>
     <button class="tab tab-fab" data-sheet="open">
       <span class="fab"><img src="assets/img/69818ea975da.png" alt="" aria-hidden="true"></span><span class="t-txt">记一下</span>
@@ -48,10 +50,10 @@
            ⚠️ 红点 #tabBadge 也挂在这枚 tab 上，数据源是 laixin 的
               /api/mp/public/laixin/unread，owner 只有 syncLaixinReminder() 一处
               （第九批曾把红点挪到「首页」，现已挪回）。 -->
-      <span class="t-ico ic-letter"></span><span class="t-badge" id="tabBadge"></span><span class="t-txt">宝宝来信</span>
+      <span class="t-ico t-line"><svg class="t-svg" viewBox="0 0 24 24" aria-hidden="true"><rect class="tf" x="3.4" y="5.6" width="17.2" height="13" rx="2.6"/><path class="tl" d="M4 7.2l8 5.6 8-5.6"/><path class="td" d="M12 15.9s-2-1.2-2-2.5a1 1 0 0 1 2-.3 1 1 0 0 1 2 .3c0 1.3-2 2.5-2 2.5z"/></svg></span><span class="t-badge" id="tabBadge"></span><span class="t-txt">宝宝来信</span>
     </button>
     <button class="tab" data-tab="me">
-      <span class="t-ico ic-me"></span><span class="t-txt">我的</span>
+      <span class="t-ico t-line"><svg class="t-svg" viewBox="0 0 24 24" aria-hidden="true"><circle class="tf" cx="12" cy="8.6" r="3.9"/><path class="tf" d="M4.8 20.2c.6-3.7 3.5-5.9 7.2-5.9s6.6 2.2 7.2 5.9z"/></svg><img class="t-ava" id="tabAva" alt=""></span><span class="t-txt">我的</span>
     </button></nav>
 
   <main class="screens" id="screens">