From 5dc647af3c3a8177f75f07868132c0321bbcdddc Mon Sep 17 00:00:00 2001
From: Karlcarlo <karlcarlo@163.com>
Date: Fri, 2 Oct 2026 00:01:11 +0000
Subject: [PATCH] =?UTF-8?q?=E9=A6=96=E9=A1=B5=E5=AE=9D=E5=AE=9D=E6=9D=A5?=
 =?UTF-8?q?=E4=BF=A1=E5=8D=A1=E6=94=B9=E7=89=88=EF=BC=9A=E8=88=AA=E7=A9=BA?=
 =?UTF-8?q?=E4=BF=A1=E5=B0=81=E6=96=9C=E7=BA=B9=E8=BE=B9=E3=80=81=E7=88=B1?=
 =?UTF-8?q?=E5=BF=83=E9=82=AE=E6=88=B3=E3=80=81=E6=9C=AA=E8=AF=BB=E6=95=B0?=
 =?UTF-8?q?=E6=B0=94=E6=B3=A1=E3=80=81=E6=89=8B=E5=86=99=E6=A0=87=E9=A2=98?=
 =?UTF-8?q?=E3=80=81=E8=83=B6=E5=9B=8A=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 index.html   |  5 +++--
 js/app.js    |  3 ++-
 mama-box.css | 30 ++++++++++++++++++++++++++++++
 3 files changed, 35 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index b7488c2..2696c62 100644
--- a/index.html
+++ b/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:26100150 缓存版本标记：改 css/js 时同步 bump 该值（与 js/app.js 的 VER 同源），静态资源按 mtime 走 ETag 自动刷新 -->
+<!-- V:26100151 缓存版本标记：改 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 第四节） -->
@@ -139,7 +139,8 @@
               而底 tab 早已跳 laixin —— 两套数据导致「红点说有新信、卡里什么都没有」。
               改数据源就是修这个，**别再把它接回本地信件数据**（内置来信屏已整体删除，这张卡只认 laixin）。 -->
       <button class="letter-card ripple hide" id="homeLetter">
-        <span class="lc-envwrap"><img class="lc-env" src="assets/img/02cf420f0d07.png" alt="" aria-hidden="true"></span>
+        <span class="lc-envwrap"><img class="lc-env" src="assets/img/02cf420f0d07.png" alt="" aria-hidden="true"><b class="lc-num" id="lcNum" aria-hidden="true"></b></span>
+        <span class="lc-stamp" aria-hidden="true"><i>♥</i></span>
         <div class="lc-body">
           <!-- ⚠️ 这段只是**兜底**（正常情况下用户看不到：卡默认 .hide，
                有未读时由 renderLetterReminder() 改写成「宝宝来信」+ 通用提醒文案）。
diff --git a/js/app.js b/js/app.js
index 2f38de7..807904a 100644
--- a/js/app.js
+++ b/js/app.js
@@ -3,7 +3,7 @@
 (function () {
   'use strict';
   /* 页面版本号（YYMMDD+序号）：显示在「关于兜爸心选」页底部；bump 时同步 head 注释与 ?v= */
-  var VER = '26100150';
+  var VER = '26100151';
   const $ = (s, c) => (c || document).querySelector(s);
   const $$ = (s, c) => Array.from((c || document).querySelectorAll(s));
 
@@ -790,6 +790,7 @@
     $('#lcTitle').textContent = babyWord('来信');
     $('#lcDesc').textContent = desc;
     $('#lcLink').textContent = '读读' + babyWord('的话');
+    const num = $('#lcNum'); if (num) { const n = letters + replies; num.textContent = n > 99 ? '99+' : (n || ''); }
     card.classList.add('has-new');
     card.classList.remove('hide');
     if (body) body.classList.remove('no-letter');
diff --git a/mama-box.css b/mama-box.css
index 71c8c95..66b41c7 100644
--- a/mama-box.css
+++ b/mama-box.css
@@ -3336,3 +3336,33 @@ a.skip:focus{left:16px;top:16px}
 /* 2026-10-01 用户：slogan 要「规规矩矩的字体」→ 不用手写体，换系统黑体（苹方/微软雅黑），中等字重、略加字距 */
 .hero-slogan{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",sans-serif;
   font-size:13px;font-weight:500;letter-spacing:1.2px;opacity:.95}
+
+/* ================= 首页「宝宝来信」卡改版（2026-10-01 用户：太素）=================
+   航空信封：外圈一道红/蓝斜纹边（航空邮件那种），里面奶油信纸；右上一枚爱心邮戳，
+   信封右上角红色未读数气泡；标题用童趣手写体，「读读宝宝的话」做成小胶囊。尺寸/定位不变（249×80，见上面那笔账）。 */
+.letter-card{padding:0 12px 0 11px;background:
+  repeating-linear-gradient(135deg,#FF7E8E 0 7px,#fff 7px 12px,#7FA8F2 12px 19px,#fff 19px 24px);
+  box-shadow:0 12px 28px rgba(150,60,40,.22),0 2px 6px rgba(150,60,40,.08);backdrop-filter:none;-webkit-backdrop-filter:none;z-index:6}
+.letter-card::before{content:"";position:absolute;inset:3.5px;z-index:-1;border-radius:17px;
+  background:radial-gradient(90px 60px at 0% 100%, rgba(255,214,222,.55), rgba(255,214,222,0) 70%),linear-gradient(180deg,#FFFEFB,#FFF7F0)}
+.letter-card::after{content:"";position:absolute;inset:3.5px;z-index:-1;border-radius:17px;pointer-events:none;
+  background:repeating-linear-gradient(180deg,transparent 0 21px,rgba(240,190,170,.22) 21px 22px);background-position:0 8px;
+  -webkit-mask:linear-gradient(90deg,transparent 0 76px,#000 96px);mask:linear-gradient(90deg,transparent 0 76px,#000 96px)}
+.lc-env{width:60px;transform:rotate(-6deg);filter:drop-shadow(0 5px 8px rgba(200,90,70,.25))}
+.letter-card.has-new .lc-env{animation:lcFloat 3.2s ease-in-out infinite}
+@keyframes lcFloat{0%,100%{transform:rotate(-6deg) translateY(0)}50%{transform:rotate(-2deg) translateY(-3px)}}
+.letter-card.has-new .lc-envwrap::after{display:none}
+.lc-num{position:absolute;top:-2px;right:-6px;min-width:19px;height:19px;padding:0 5px;border-radius:10px;
+  font-size:11px;font-weight:900;line-height:19px;text-align:center;color:#fff;font-style:normal;
+  background:linear-gradient(135deg,#FF5B6E,#E8344E);box-shadow:0 0 0 2px #fff,0 3px 6px rgba(232,52,78,.35);animation:newPulse 1.6s var(--ease) infinite}
+.lc-num:empty{display:none}
+.lc-title{font-family:var(--font-kid);font-size:17px;font-weight:800;color:#C2364E;text-shadow:none;letter-spacing:.3px}
+.lc-desc{font-size:11px;color:#8A6A5E;margin:3px 0 5px}
+.lc-link{display:inline-flex;width:auto;max-width:100%;padding:2px 9px 2px 10px;border-radius:99px;font-size:11.5px;
+  color:#fff;background:linear-gradient(135deg,#FF7A8A,#E8344E);box-shadow:0 3px 8px rgba(232,52,78,.25)}
+.lc-stamp{position:absolute;right:9px;top:9px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;
+  border:1.5px dashed rgba(194,54,78,.55);transform:rotate(14deg);color:#E8344E;font-size:11px;opacity:.85}
+.lc-stamp i{font-style:normal;line-height:1}
+.lc-body{padding-right:22px}
+@media (prefers-reduced-motion:reduce){.letter-card.has-new .lc-env,.lc-num{animation:none}}
+.lc-num{right:auto;left:-4px;top:-4px}