feat(首页工具卡): 五张卡按参考图改版——糖果色底 + 白字 + 3D 大眼萌物插画 (v26093018)

- 数胎动 / 孕期体重 / 孕检日历 / 胎儿估重 / 数宫缩：饱和渐变底（蓝 / 粉 / 绿 / 紫 / 蓝紫）+ 白色粗标题，
  插画换成自画 SVG 萌物（小脚丫 / 体重秤 / 台历 / 秤盘小豆宝宝 / 秒表），立体光泽、黑色大眼珠带高光。
- 只换皮：高度账、排布、data-mini 跳转、各 id 数据回填不变；「更多工具」出口保持灰米。
- 「记录」按钮改白底蓝字并压在插画上；告警态在彩色底上改亮黄字（原 --alert 红看不清）。
- 数宫缩卡原曲线插画 72f41378ef8e.png 已无引用，删除；其余旧 PNG 仍被「每日小打卡」使用，保留。

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

assets/img/177395faf53c.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120"><defs><radialGradient id="ew" cx=".4" cy=".3" r=".8"><stop offset="0" stop-color="#fff"/><stop offset=".72" stop-color="#F3F3F7"/><stop offset="1" stop-color="#BFC1CF"/></radialGradient>
+<radialGradient id="ep" cx=".35" cy=".3" r=".85"><stop offset="0" stop-color="#40404A"/><stop offset=".6" stop-color="#15151B"/><stop offset="1" stop-color="#000"/></radialGradient>
+<filter id="es" x="-30%" y="-30%" width="160%" height="160%"><feDropShadow dx="0" dy="1.6" stdDeviation="1.4" flood-color="#000" flood-opacity=".28"/></filter>
+<filter id="ds" x="-20%" y="-20%" width="140%" height="150%"><feDropShadow dx="0" dy="4" stdDeviation="3.5" flood-color="#2a1640" flood-opacity=".28"/></filter><radialGradient id="st" cx=".35" cy=".3" r=".8"><stop offset="0" stop-color="#FFF4B0"/><stop offset=".55" stop-color="#FFD43B"/><stop offset="1" stop-color="#F0A415"/></radialGradient><radialGradient id="ht" cx=".35" cy=".3" r=".8"><stop offset="0" stop-color="#FFC4D3"/><stop offset=".6" stop-color="#FF6F93"/><stop offset="1" stop-color="#E24673"/></radialGradient><radialGradient id="sw" cx=".38" cy=".3" r=".9"><stop offset="0" stop-color="#FFF6D6"/><stop offset=".55" stop-color="#FFD866"/><stop offset="1" stop-color="#EDA720"/></radialGradient><radialGradient id="face" cx=".5" cy=".4" r=".7"><stop offset="0" stop-color="#FFFFFF"/><stop offset="1" stop-color="#F3ECDD"/></radialGradient></defs><g filter="url(#ds)"><rect x="52" y="12" width="16" height="13" rx="4" fill="#F28B6B"/><rect x="48" y="7" width="24" height="8" rx="4" fill="#F7A488"/><rect x="84" y="24" width="11" height="9" rx="3" transform="rotate(40 89 28)" fill="#F28B6B"/><circle cx="60" cy="67" r="43" fill="url(#sw)"/></g><circle cx="60" cy="69" r="33" fill="url(#face)"/><line x1="60.0" y1="41.0" x2="60.0" y2="38.0" stroke="#E2C58A" stroke-width="2.2" stroke-linecap="round"/><line x1="74.0" y1="44.8" x2="75.5" y2="42.2" stroke="#E2C58A" stroke-width="2.2" stroke-linecap="round"/><line x1="84.2" y1="55.0" x2="86.8" y2="53.5" stroke="#E2C58A" stroke-width="2.2" stroke-linecap="round"/><line x1="88.0" y1="69.0" x2="91.0" y2="69.0" stroke="#E2C58A" stroke-width="2.2" stroke-linecap="round"/><line x1="84.2" y1="83.0" x2="86.8" y2="84.5" stroke="#E2C58A" stroke-width="2.2" stroke-linecap="round"/><line x1="74.0" y1="93.2" x2="75.5" y2="95.8" stroke="#E2C58A" stroke-width="2.2" stroke-linecap="round"/><line x1="60.0" y1="97.0" x2="60.0" y2="100.0" stroke="#E2C58A" stroke-width="2.2" stroke-linecap="round"/><line x1="46.0" y1="93.2" x2="44.5" y2="95.8" stroke="#E2C58A" stroke-width="2.2" stroke-linecap="round"/><line x1="35.8" y1="83.0" x2="33.2" y2="84.5" stroke="#E2C58A" stroke-width="2.2" stroke-linecap="round"/><line x1="32.0" y1="69.0" x2="29.0" y2="69.0" stroke="#E2C58A" stroke-width="2.2" stroke-linecap="round"/><line x1="35.8" y1="55.0" x2="33.2" y2="53.5" stroke="#E2C58A" stroke-width="2.2" stroke-linecap="round"/><line x1="46.0" y1="44.8" x2="44.5" y2="42.2" stroke="#E2C58A" stroke-width="2.2" stroke-linecap="round"/><path d="M60 58V42" stroke="#F26D5B" stroke-width="3.4" stroke-linecap="round"/><ellipse cx="34" cy="44" rx="9" ry="4.5" transform="rotate(-38 34 44)" fill="#fff" opacity="0.8"/><g filter="url(#es)"><circle cx="48" cy="70" r="10" fill="url(#ew)"/></g><circle cx="49.2" cy="71.4" r="6.6" fill="url(#ep)"/><circle cx="46.9" cy="68.9" r="2.0" fill="#fff"/><circle cx="51.5" cy="73.7" r="0.8" fill="#fff" opacity=".8"/><g filter="url(#es)"><circle cx="72" cy="70" r="10" fill="url(#ew)"/></g><circle cx="73.2" cy="71.4" r="6.6" fill="url(#ep)"/><circle cx="70.9" cy="68.9" r="2.0" fill="#fff"/><circle cx="75.5" cy="73.7" r="0.8" fill="#fff" opacity=".8"/><ellipse cx="38" cy="86" rx="5.5" ry="3.2" fill="#FF6F91" opacity=".4"/><ellipse cx="82" cy="86" rx="5.5" ry="3.2" fill="#FF6F91" opacity=".4"/><path d="M56 88q4 4.5 8 0" stroke="#B5563E" stroke-width="2.4" fill="none" stroke-linecap="round"/></svg>

assets/img/82108357dbcf.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120"><defs><radialGradient id="ew" cx=".4" cy=".3" r=".8"><stop offset="0" stop-color="#fff"/><stop offset=".72" stop-color="#F3F3F7"/><stop offset="1" stop-color="#BFC1CF"/></radialGradient>
+<radialGradient id="ep" cx=".35" cy=".3" r=".85"><stop offset="0" stop-color="#40404A"/><stop offset=".6" stop-color="#15151B"/><stop offset="1" stop-color="#000"/></radialGradient>
+<filter id="es" x="-30%" y="-30%" width="160%" height="160%"><feDropShadow dx="0" dy="1.6" stdDeviation="1.4" flood-color="#000" flood-opacity=".28"/></filter>
+<filter id="ds" x="-20%" y="-20%" width="140%" height="150%"><feDropShadow dx="0" dy="4" stdDeviation="3.5" flood-color="#2a1640" flood-opacity=".28"/></filter><radialGradient id="st" cx=".35" cy=".3" r=".8"><stop offset="0" stop-color="#FFF4B0"/><stop offset=".55" stop-color="#FFD43B"/><stop offset="1" stop-color="#F0A415"/></radialGradient><radialGradient id="ht" cx=".35" cy=".3" r=".8"><stop offset="0" stop-color="#FFC4D3"/><stop offset=".6" stop-color="#FF6F93"/><stop offset="1" stop-color="#E24673"/></radialGradient><linearGradient id="cp" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#FFFFFF"/><stop offset="1" stop-color="#E6F0DD"/></linearGradient><linearGradient id="ch" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#FF9E8C"/><stop offset="1" stop-color="#EE6450"/></linearGradient><linearGradient id="rg" x1="0" y1="0" x2="1" y2="0"><stop offset="0" stop-color="#9AA0B8"/><stop offset=".5" stop-color="#E9ECF5"/><stop offset="1" stop-color="#8A90A8"/></linearGradient></defs><g filter="url(#ds)"><rect x="20" y="34" width="80" height="78" rx="19" fill="#B7CFA6"/><rect x="20" y="30" width="80" height="78" rx="19" fill="url(#cp)"/><path d="M20 50V49a19 19 0 0 1 19-19h42a19 19 0 0 1 19 19v1Z" fill="url(#ch)"/></g><rect x="37.5" y="19" width="9" height="20" rx="4.5" fill="url(#rg)"/><rect x="73.5" y="19" width="9" height="20" rx="4.5" fill="url(#rg)"/><ellipse cx="33" cy="38" rx="7" ry="2.6" transform="rotate(-10 33 38)" fill="#fff" opacity="0.6"/><g filter="url(#es)"><circle cx="48" cy="74" r="10" fill="url(#ew)"/></g><circle cx="49.2" cy="75.4" r="6.6" fill="url(#ep)"/><circle cx="46.9" cy="72.9" r="2.0" fill="#fff"/><circle cx="51.5" cy="77.7" r="0.8" fill="#fff" opacity=".8"/><g filter="url(#es)"><circle cx="72" cy="74" r="10" fill="url(#ew)"/></g><circle cx="73.2" cy="75.4" r="6.6" fill="url(#ep)"/><circle cx="70.9" cy="72.9" r="2.0" fill="#fff"/><circle cx="75.5" cy="77.7" r="0.8" fill="#fff" opacity=".8"/><ellipse cx="35" cy="88" rx="5.5" ry="3.2" fill="#FF6F91" opacity=".4"/><ellipse cx="85" cy="88" rx="5.5" ry="3.2" fill="#FF6F91" opacity=".4"/><path d="M56 90q4 4.5 8 0" stroke="#6E8F55" stroke-width="2.4" fill="none" stroke-linecap="round"/><g transform="translate(98 20) scale(0.8)" filter="url(#ds)"><path d="M0 9C-11 1-13-6-8.5-9.5-5.5-12-2-10.5 0-7.5 2-10.5 5.5-12 8.5-9.5 13-6 11 1 0 9Z" fill="url(#ht)"/><ellipse cx="-5" cy="-5.5" rx="2.4" ry="1.4" transform="rotate(-30 -5 -5.5)" fill="#fff" opacity=".8"/></g></svg>

assets/img/9f50b6756cb6.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120"><defs><radialGradient id="ew" cx=".4" cy=".3" r=".8"><stop offset="0" stop-color="#fff"/><stop offset=".72" stop-color="#F3F3F7"/><stop offset="1" stop-color="#BFC1CF"/></radialGradient>
+<radialGradient id="ep" cx=".35" cy=".3" r=".85"><stop offset="0" stop-color="#40404A"/><stop offset=".6" stop-color="#15151B"/><stop offset="1" stop-color="#000"/></radialGradient>
+<filter id="es" x="-30%" y="-30%" width="160%" height="160%"><feDropShadow dx="0" dy="1.6" stdDeviation="1.4" flood-color="#000" flood-opacity=".28"/></filter>
+<filter id="ds" x="-20%" y="-20%" width="140%" height="150%"><feDropShadow dx="0" dy="4" stdDeviation="3.5" flood-color="#2a1640" flood-opacity=".28"/></filter><radialGradient id="st" cx=".35" cy=".3" r=".8"><stop offset="0" stop-color="#FFF4B0"/><stop offset=".55" stop-color="#FFD43B"/><stop offset="1" stop-color="#F0A415"/></radialGradient><radialGradient id="ht" cx=".35" cy=".3" r=".8"><stop offset="0" stop-color="#FFC4D3"/><stop offset=".6" stop-color="#FF6F93"/><stop offset="1" stop-color="#E24673"/></radialGradient><linearGradient id="sc" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#FFFFFF"/><stop offset=".7" stop-color="#F1ECFA"/><stop offset="1" stop-color="#D5CBEE"/></linearGradient><linearGradient id="sd" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#FFB9C8"/><stop offset="1" stop-color="#F0708F"/></linearGradient></defs><g filter="url(#ds)"><rect x="16" y="42" width="88" height="68" rx="24" fill="#B9ABE0"/><rect x="16" y="38" width="88" height="68" rx="24" fill="url(#sc)"/></g><rect x="37" y="47" width="46" height="19" rx="9.5" fill="url(#sd)"/><path d="M60 62c-7-4.5-9-8-6-10.5 2-1.6 4.5-.6 6 1.6 1.5-2.2 4-3.2 6-1.6 3 2.5 1 6-6 10.5Z" fill="#fff"/><ellipse cx="30" cy="48" rx="8" ry="3.6" transform="rotate(-20 30 48)" fill="#fff" opacity="0.9"/><g filter="url(#es)"><circle cx="48" cy="84" r="10" fill="url(#ew)"/></g><circle cx="49.2" cy="85.4" r="6.6" fill="url(#ep)"/><circle cx="46.9" cy="82.9" r="2.0" fill="#fff"/><circle cx="51.5" cy="87.7" r="0.8" fill="#fff" opacity=".8"/><g filter="url(#es)"><circle cx="72" cy="84" r="10" fill="url(#ew)"/></g><circle cx="73.2" cy="85.4" r="6.6" fill="url(#ep)"/><circle cx="70.9" cy="82.9" r="2.0" fill="#fff"/><circle cx="75.5" cy="87.7" r="0.8" fill="#fff" opacity=".8"/><ellipse cx="35" cy="96" rx="5.5" ry="3.2" fill="#FF6F91" opacity=".4"/><ellipse cx="85" cy="96" rx="5.5" ry="3.2" fill="#FF6F91" opacity=".4"/><path d="M56 96q4 4.5 8 0" stroke="#8A6FB8" stroke-width="2.4" fill="none" stroke-linecap="round"/><g transform="translate(102 28) scale(0.75)" filter="url(#ds)"><path d="M0-13C1.8-5 5-1.8 13 0C5 1.8 1.8 5 0 13C-1.8 5-5 1.8-13 0C-5-1.8-1.8-5 0-13Z" fill="url(#st)"/><ellipse cx="-2.5" cy="-4" rx="1.6" ry="3" transform="rotate(35 -2.5 -4)" fill="#fff" opacity=".8"/></g></svg>

assets/img/a3abcbea7e5e.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120"><defs><radialGradient id="ew" cx=".4" cy=".3" r=".8"><stop offset="0" stop-color="#fff"/><stop offset=".72" stop-color="#F3F3F7"/><stop offset="1" stop-color="#BFC1CF"/></radialGradient>
+<radialGradient id="ep" cx=".35" cy=".3" r=".85"><stop offset="0" stop-color="#40404A"/><stop offset=".6" stop-color="#15151B"/><stop offset="1" stop-color="#000"/></radialGradient>
+<filter id="es" x="-30%" y="-30%" width="160%" height="160%"><feDropShadow dx="0" dy="1.6" stdDeviation="1.4" flood-color="#000" flood-opacity=".28"/></filter>
+<filter id="ds" x="-20%" y="-20%" width="140%" height="150%"><feDropShadow dx="0" dy="4" stdDeviation="3.5" flood-color="#2a1640" flood-opacity=".28"/></filter><radialGradient id="st" cx=".35" cy=".3" r=".8"><stop offset="0" stop-color="#FFF4B0"/><stop offset=".55" stop-color="#FFD43B"/><stop offset="1" stop-color="#F0A415"/></radialGradient><radialGradient id="ht" cx=".35" cy=".3" r=".8"><stop offset="0" stop-color="#FFC4D3"/><stop offset=".6" stop-color="#FF6F93"/><stop offset="1" stop-color="#E24673"/></radialGradient><radialGradient id="sk" cx=".38" cy=".3" r=".9"><stop offset="0" stop-color="#FFF1E6"/><stop offset=".55" stop-color="#FFCDB2"/><stop offset="1" stop-color="#E9967A"/></radialGradient></defs><g filter="url(#ds)"><g transform="rotate(-10 60 70)"><circle cx="36" cy="33" r="10.5" fill="url(#sk)"/><ellipse cx="32.64" cy="29.009999999999998" rx="3.5700000000000003" ry="2.1" transform="rotate(-30 32.64 29.009999999999998)" fill="#fff" opacity="0.8"/><circle cx="52" cy="24" r="8" fill="url(#sk)"/><ellipse cx="49.44" cy="20.96" rx="2.72" ry="1.6" transform="rotate(-30 49.44 20.96)" fill="#fff" opacity="0.8"/><circle cx="66" cy="22" r="7.2" fill="url(#sk)"/><ellipse cx="63.696" cy="19.264" rx="2.4480000000000004" ry="1.4400000000000002" transform="rotate(-30 63.696 19.264)" fill="#fff" opacity="0.8"/><circle cx="78" cy="26" r="6.4" fill="url(#sk)"/><ellipse cx="75.952" cy="23.567999999999998" rx="2.176" ry="1.2800000000000002" transform="rotate(-30 75.952 23.567999999999998)" fill="#fff" opacity="0.8"/><circle cx="88" cy="34" r="5.8" fill="url(#sk)"/><ellipse cx="86.144" cy="31.796" rx="1.972" ry="1.16" transform="rotate(-30 86.144 31.796)" fill="#fff" opacity="0.8"/><path d="M28 52C26 38 60 34 80 38C95 41 97 55 91 67C85 79 79 93 73 103C67 114 50 116 43 105C37 95 39 83 35 73C31 65 29 60 28 52Z" fill="url(#sk)"/><ellipse cx="41" cy="53" rx="10" ry="5.5" transform="rotate(-25 41 53)" fill="#fff" opacity="0.7"/><g filter="url(#es)"><circle cx="50" cy="64" r="10.5" fill="url(#ew)"/></g><circle cx="51.2" cy="65.4" r="6.9" fill="url(#ep)"/><circle cx="48.8" cy="62.8" r="2.1" fill="#fff"/><circle cx="53.6" cy="67.8" r="0.8" fill="#fff" opacity=".8"/><g filter="url(#es)"><circle cx="73" cy="64" r="10.5" fill="url(#ew)"/></g><circle cx="74.2" cy="65.4" r="6.9" fill="url(#ep)"/><circle cx="71.8" cy="62.8" r="2.1" fill="#fff"/><circle cx="76.6" cy="67.8" r="0.8" fill="#fff" opacity=".8"/><ellipse cx="42" cy="81" rx="5.5" ry="3.2" fill="#FF6F91" opacity=".4"/><ellipse cx="81" cy="81" rx="5.5" ry="3.2" fill="#FF6F91" opacity=".4"/><path d="M57 82q4 4.5 8 0" stroke="#B5563E" stroke-width="2.4" fill="none" stroke-linecap="round"/></g></g><g transform="translate(100 20) scale(0.85)" filter="url(#ds)"><path d="M0-13C1.8-5 5-1.8 13 0C5 1.8 1.8 5 0 13C-1.8 5-5 1.8-13 0C-5-1.8-1.8-5 0-13Z" fill="url(#st)"/><ellipse cx="-2.5" cy="-4" rx="1.6" ry="3" transform="rotate(35 -2.5 -4)" fill="#fff" opacity=".8"/></g></svg>

assets/img/e037c09d6f58.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120"><defs><radialGradient id="ew" cx=".4" cy=".3" r=".8"><stop offset="0" stop-color="#fff"/><stop offset=".72" stop-color="#F3F3F7"/><stop offset="1" stop-color="#BFC1CF"/></radialGradient>
+<radialGradient id="ep" cx=".35" cy=".3" r=".85"><stop offset="0" stop-color="#40404A"/><stop offset=".6" stop-color="#15151B"/><stop offset="1" stop-color="#000"/></radialGradient>
+<filter id="es" x="-30%" y="-30%" width="160%" height="160%"><feDropShadow dx="0" dy="1.6" stdDeviation="1.4" flood-color="#000" flood-opacity=".28"/></filter>
+<filter id="ds" x="-20%" y="-20%" width="140%" height="150%"><feDropShadow dx="0" dy="4" stdDeviation="3.5" flood-color="#2a1640" flood-opacity=".28"/></filter><radialGradient id="st" cx=".35" cy=".3" r=".8"><stop offset="0" stop-color="#FFF4B0"/><stop offset=".55" stop-color="#FFD43B"/><stop offset="1" stop-color="#F0A415"/></radialGradient><radialGradient id="ht" cx=".35" cy=".3" r=".8"><stop offset="0" stop-color="#FFC4D3"/><stop offset=".6" stop-color="#FF6F93"/><stop offset="1" stop-color="#E24673"/></radialGradient><radialGradient id="bb" cx=".38" cy=".3" r=".9"><stop offset="0" stop-color="#FFF1E6"/><stop offset=".6" stop-color="#FFCFB4"/><stop offset="1" stop-color="#EC9C7E"/></radialGradient><linearGradient id="pan" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#FFE68A"/><stop offset="1" stop-color="#F2B01E"/></linearGradient></defs><g filter="url(#ds)"><circle cx="60" cy="58" r="33" fill="url(#bb)"/></g><path d="M57 26c-4-7 3-12 8-7" stroke="#C47A58" stroke-width="3.2" fill="none" stroke-linecap="round"/><ellipse cx="46" cy="41" rx="9" ry="5" transform="rotate(-30 46 41)" fill="#fff" opacity="0.8"/><g filter="url(#es)"><circle cx="48" cy="58" r="10" fill="url(#ew)"/></g><circle cx="49.2" cy="59.4" r="6.6" fill="url(#ep)"/><circle cx="46.9" cy="56.9" r="2.0" fill="#fff"/><circle cx="51.5" cy="61.7" r="0.8" fill="#fff" opacity=".8"/><g filter="url(#es)"><circle cx="72" cy="58" r="10" fill="url(#ew)"/></g><circle cx="73.2" cy="59.4" r="6.6" fill="url(#ep)"/><circle cx="70.9" cy="56.9" r="2.0" fill="#fff"/><circle cx="75.5" cy="61.7" r="0.8" fill="#fff" opacity=".8"/><ellipse cx="38" cy="73" rx="5.5" ry="3.2" fill="#FF6F91" opacity=".4"/><ellipse cx="82" cy="73" rx="5.5" ry="3.2" fill="#FF6F91" opacity=".4"/><path d="M56 74q4 4.5 8 0" stroke="#B5563E" stroke-width="2.4" fill="none" stroke-linecap="round"/><g filter="url(#ds)"><path d="M12 82h96c0 17-20 30-48 30S12 99 12 82Z" fill="url(#pan)"/><ellipse cx="60" cy="82" rx="48" ry="7" fill="#FFF3C2"/></g><ellipse cx="32" cy="96" rx="9" ry="3" transform="rotate(-8 32 96)" fill="#fff" opacity="0.6"/></svg>

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:26093017 缓存版本标记：改 css/js 时同步 bump 该值（与 js/app.js 的 VER 同源），静态资源按 mtime 走 ETag 自动刷新 -->
+<!-- V:26093018 缓存版本标记：改 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 第四节） -->
@@ -220,6 +220,9 @@
             <button class="dock-all" data-sheet="open">所有工具 ›</button>
           </div>
           <p class="dock-note"><svg viewBox="0 0 24 24" width="11" height="11" aria-hidden="true"><path d="M11 2.6l1.9 5.2 5.2 1.9-5.2 1.9L11 16.8l-1.9-5.2L3.9 9.7l5.2-1.9L11 2.6z" fill="currentColor"/><path d="M18.4 14.6l.8 2.1 2.2.8-2.2.8-.8 2.1-.8-2.1-2.2-.8 2.2-.8.8-2.1z" fill="currentColor" opacity=".6"/></svg>妈妈每记录一次，宝宝就多一段成长记忆</p>
+          <!-- 2026-09-30 五张卡按用户给的参考图改版：饱和糖果色底 + 白色粗标题 + 立体光泽、大眼睛的萌物插画
+               （小脚丫 / 体重秤 / 台历 / 秤盘小豆宝宝 / 秒表，assets/img/*.svg 自画）。
+               只换皮：排布、高度账、data-mini 跳转和各 id 的数据回填一律没动。样式见 mama-box.css「参考图改版」。 -->
           <!-- 五张工具卡 + 一个出口。宫格本身这一版没动：
                不等宽三列 + 竖向堆叠本来就是这一屏最不传统的部分，
                而且两列高度是硬凑齐的（见 style.css 里 .mini-card.curve 上面那段），
@@ -239,7 +242,7 @@
                   <div class="mc-extra" id="kickExtra"></div>
                 </div>
                 <span class="mc-btn">记录</span>
-                <img class="mc-art" src="assets/img/7980160b80b0.png" alt="" aria-hidden="true">
+                <img class="mc-art" src="assets/img/a3abcbea7e5e.svg" alt="" aria-hidden="true">
               </button>
               <!-- 第五个工具。原来是「胎心记录」，本批换成「胎儿估重」——
                    后者是真正部署好的站点（beian1.douba.top），点了能用；
@@ -255,11 +258,11 @@
               <button class="mini-card fweight ripple" data-mini="fweight">
                 <div class="mc-title sm">胎儿估重</div>
                 <div class="mc-sub">去测算</div>
-                <img class="mc-art" src="data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2048%2048'%3E%3Cdefs%3E%3ClinearGradient%20id%3D'fwg'%20x1%3D'0'%20y1%3D'0'%20x2%3D'0'%20y2%3D'1'%3E%3Cstop%20offset%3D'0'%20stop-color%3D'%23AEC3EA'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'%238AA3D6'%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Ccircle%20cx%3D'24'%20cy%3D'24'%20r%3D'18'%20fill%3D'url(%23fwg)'%2F%3E%3Ccircle%20cx%3D'24'%20cy%3D'24'%20r%3D'13.2'%20fill%3D'%23F8FBFF'%2F%3E%3Cpath%20d%3D'M24%2024L31.6%2016.6'%20stroke%3D'%23F2876E'%20stroke-width%3D'3.2'%20stroke-linecap%3D'round'%20fill%3D'none'%2F%3E%3Ccircle%20cx%3D'24'%20cy%3D'24'%20r%3D'2.6'%20fill%3D'%235E78B4'%2F%3E%3C%2Fsvg%3E" alt="" aria-hidden="true">
+                <img class="mc-art" src="assets/img/e037c09d6f58.svg" alt="" aria-hidden="true">
               </button>
             </div>
             <button class="mini-card weight ripple" data-mini="weight">
-              <img class="mc-art big" src="assets/img/b2066fd752bf.png" alt="" aria-hidden="true">
+              <img class="mc-art big" src="assets/img/9f50b6756cb6.svg" alt="" aria-hidden="true">
               <div class="mc-title">孕期体重</div>
               <!-- ⚠️ 这里原来是写死的演示值「58.2 kg」，任何用户都会看到（2026-09-22 演示数据泄漏）。
                    现在由 `applyRemoteCards()` 按 box_app 封装的卡片接口写入：
@@ -272,7 +275,7 @@
               <button class="mini-card cal ripple" data-mini="cal">
                 <div class="mc-title sm">孕检日历</div>
                 <div class="mc-sub" id="calNext">—</div>
-                <img class="mc-art" src="assets/img/2d23b079caca.png" alt="" aria-hidden="true">
+                <img class="mc-art" src="assets/img/82108357dbcf.svg" alt="" aria-hidden="true">
               </button>
               <!-- 生长曲线原来是 flex:1，把这一列剩下的高度全吃了（约 134px），
                    而它的内容和上面的孕检日历一模一样多。压到 80px，
@@ -283,13 +286,12 @@
                       ⚠️「生长曲线」工具本身**没被删**：App 表里 taiershengzhang /
                          taierquxian 都还在，仍会出现在「记一下」的全部工具列表里；
                          这里换掉的只是首页这一个坑位。
-                      ⚠️ 图标仍是原来那张 72f41378ef8e（曲线插画），本批未要求换；
+                      图标（2026-09-30）已换成秒表萌物，见下面五张卡的改版注释。
-                         若要换成宫缩/宫缩计时的插画，属另一次改动。
                       ⚠️ 副标题仍是 data-wk="cn" 自动显示孕周，本批未要求改文案。 -->
               <button class="mini-card curve ripple" data-mini="curve">
                 <div class="mc-title sm">数宫缩</div>
                 <div class="mc-sub" data-wk="cn">—</div>
-                <img class="mc-art" src="assets/img/72f41378ef8e.png" alt="" aria-hidden="true">
+                <img class="mc-art" src="assets/img/177395faf53c.svg" alt="" aria-hidden="true">
               </button>
               <!-- 通往「记一下」弹层里那十几个工具。底部那颗 FAB 开的也是它。
                    故意不做成糖果色卡：它不是第六个工具，是个出口，

js/app.js

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

mama-box.css

@@ -779,6 +779,32 @@ a.skip:focus{left:16px;top:16px}
       投影值照抄 .mc-art 的原值不动：打光要跟邻居一致。 */
 .mini-card.fweight .mc-art{width:38px;right:11px;bottom:10px;
   filter:drop-shadow(0 5px 10px rgba(160,90,70,.18))}
+/* 2026-09-30 参考图改版（用户给的一张「糖果色卡 + 3D 大眼萌物」参考图）：
+   五张工具卡换成饱和渐变底 + 白字，插画换成自画 SVG（立体光泽、黑色大眼珠带高光）。
+   只换皮：上面那笔高度账（158+10+64 / 88+10+80+10+44）和版式一个数没动，
+   所以这里只覆盖颜色、字色和插画尺寸。渐变收尾色压得够深，白字在最浅的那一端也读得清。
+   「更多工具」仍是灰米出口，不参与。 */
+.bento .mini-card:not(.more){color:#fff}
+.bento .mini-card:not(.more) .mc-title{text-shadow:0 1px 2px rgba(0,0,0,.12)}
+.bento .mini-card:not(.more) .mc-sub{color:rgba(255,255,255,.9)}
+.bento .mini-card:not(.more) .mc-extra{color:rgba(255,255,255,.78)}
+.bento .mini-card:not(.more) .mc-art{filter:drop-shadow(0 4px 8px rgba(30,20,60,.22))}
+.mini-card.kick{background:linear-gradient(160deg,#58BEDF,#2F8FC0)}
+.mini-card.weight{background:linear-gradient(160deg,#F28AA2,#D9587A)}
+.mini-card.cal{background:linear-gradient(160deg,#7FCB63,#45A13A)}
+.mini-card.fweight{background:linear-gradient(160deg,#A895F2,#7E66DE)}
+.mini-card.curve{background:linear-gradient(160deg,#8C9CF2,#5E71DD)}
+.bento .mc-btn{background:#fff;color:#2F8FC0;box-shadow:0 4px 10px rgba(20,60,100,.22)}
+/* 数胎动卡只有 ≈128px 宽，左下是「记录」按钮：脚丫 74 宽贴右下，按钮再压在插画上面，谁也不挡谁的字 */
+.mini-card.kick .mc-art{width:74px;right:-4px;bottom:-4px}
+.bento .mc-btn{position:relative;z-index:1}
+.mc-art.big{width:80px}
+.mini-card.cal .mc-art,.mini-card.curve .mc-art{width:46px;right:2px;bottom:0}
+.mini-card.fweight .mc-art{width:46px;right:6px;bottom:4px}
+/* 告警（胎动偏低 / 宫缩达阈值 / 产检过期）：糖果色底上 --alert 红看不清，换成亮黄字 */
+.bento .mini-card.is-warn .mc-sub,.bento .mini-card.is-warn .mc-sub b,
+.bento .mini-card.is-warn .mc-big,.bento .mini-card.is-warn .mc-big small,
+.bento .mini-card.is-warn .mc-extra{color:#FFF08A}
 /* 「更多工具」：通往「记一下」弹层里那十几个工具。
    故意不给糖果色 —— 它不是第六个工具，是个出口。素底 + 一行小字，
    扫过去不会被当成工具卡数进去。