底部「记一下」圆钮的加号改成贴纸文字「记一下!」(v26100214)

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:26100213 缓存版本标记：改 css/js 时同步 bump 该值（与 js/app.js 的 VER 同源），静态资源按 mtime 走 ETag 自动刷新 -->
+<!-- V:26100214 缓存版本标记：改 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 第四节） -->
@@ -37,7 +37,7 @@
       <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>
+      <span class="fab"><img src="assets/img/69818ea975da.png" alt="" aria-hidden="true"><b class="fab-w" aria-hidden="true"><i>记</i><em>一下</em><s>!</s></b></span><span class="t-txt">记一下</span>
     </button>
     <button class="tab" id="tabLetter">
       <!-- ⚠️ 2026-09-19（9.19 需求第 2 条）：这枚 tab 从「兜爸心选」商城入口改回「宝宝来信」。

js/app.js

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

mama-box.css

@@ -4284,3 +4284,20 @@ a.skip:focus{left:16px;top:16px}
     linear-gradient(180deg,rgba(255,255,255,.7),rgba(255,251,248,.58))!important;
   border:1px solid rgba(255,255,255,.95);
   box-shadow:0 10px 30px rgba(190,110,80,.10),inset 0 1px 0 #fff,inset 0 -1px 0 rgba(255,255,255,.6)!important}
+/* 2026-10-03 用户参考图（中间「+」改成「发情报！」贴纸字）：「记一下」圆钮改成文字贴纸——
+   大「记」+ 右下小「一下」+「!」（竖排小字时「一」压在「下」上像「二」，改横排），深色字描白边、略歪，字溢出圆钮一点点像贴上去的。
+   圆钮 46 → 52，圆心仍在底栏顶边下 6px（top = 6 - 26），缺口 mask 半径同步 28 → 31。
+   下面那行「记一下」文字收起（屏幕阅读器仍可读）；转圈动效对文字不合适，改成按下缩一下、弹层打开时放大一点。 */
+.tab-fab .fab{width:52px;height:52px;margin-left:-26px;top:-20px;overflow:visible}
+.tab-fab .fab::before{display:none}
+.tabbar::before{-webkit-mask:radial-gradient(circle 31px at 50% 6px,transparent 30.5px,#000 31.5px);
+                        mask:radial-gradient(circle 31px at 50% 6px,transparent 30.5px,#000 31.5px)}
+.fab-w{position:absolute;left:50%;top:50%;transform:translate(-50%,-52%) rotate(-8deg);display:flex;align-items:center;
+  white-space:nowrap;font-weight:900;font-style:normal;color:#4A1E14;line-height:1;pointer-events:none;
+  text-shadow:1.6px 0 #fff,-1.6px 0 #fff,0 1.6px #fff,0 -1.6px #fff,1.2px 1.2px #fff,-1.2px 1.2px #fff,1.2px -1.2px #fff,-1.2px -1.2px #fff,0 3px 4px rgba(120,30,10,.25)}
+.fab-w i{font-style:normal;font-size:26px}
+.fab-w em{font-style:normal;font-size:12.5px;line-height:1;margin:9px 0 0 0;letter-spacing:-.5px}
+.fab-w s{text-decoration:none;font-size:20px;margin-left:0;transform:skewX(-8deg)}
+.tab-fab .t-txt{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
+.tab-fab:active .fab{transform:scale(.9)}
+.phone.sheet-open .tabbar .fab{transform:scale(1.08)}