style(首页): 来信卡四版 + 盲盒横幅素雅版，去掉艳色渐变 (v26100158)

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:26100157 缓存版本标记：改 css/js 时同步 bump 该值（与 js/app.js 的 VER 同源），静态资源按 mtime 走 ETag 自动刷新 -->
+<!-- V:26100158 缓存版本标记：改 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 第四节） -->

js/app.js

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

mama-box.css

@@ -3516,3 +3516,39 @@ a.skip:focus{left:16px;top:16px}
 .wh-left{margin-top:8px;text-align:center;font-size:11.5px;color:var(--muted)}
 @media (prefers-reduced-motion: reduce){.wh-hug.pop svg{animation:none}}
 .wh-modal .modal-foot{flex-direction:column;align-items:stretch;gap:0}
+
+/* ================= 来信卡 四版 + 盲盒横幅 素雅版（2026-10-02）=================
+   用户：「来信……简洁、素气一点，颜色不要太艳丽；盲盒……也不要太艳丽，有点太扎眼了」。
+   两条一起收：白底 + 一根很淡的暖色描边 + 低饱和陶土粉做唯一点缀；去掉大色块、渐变、发光和扫光，
+   动效只留盲盒礼物的轻摆（有可开的盒子时）。两张卡同一套语言，叠在一起像一组。 */
+.letter-card{gap:12px;padding:12px 14px 12px 12px;overflow:hidden;background:#fff;
+  box-shadow:0 6px 18px rgba(120,80,60,.07),inset 0 0 0 1px #F1E6DF}
+.lc-envwrap{align-self:center;flex:0 0 44px;width:44px;height:44px;border-radius:14px;background:#FAF1EC;display:grid;place-items:center}
+.lc-envwrap::before,.lc-envwrap::after{display:none}
+.lc-env,.lc-env-v{position:static;width:26px;height:20px;filter:none;animation:none!important;transform:none}
+.lc-env-v rect{fill:none;stroke:#C98576;stroke-width:3.4}
+.lc-env-v path{stroke:#C98576;stroke-width:3.4}
+.lc-env-v path:nth-of-type(2){display:none}
+.lc-env-v circle,.lc-env-v path:last-of-type{display:none}
+.lc-num{position:absolute;top:-5px;right:-5px;bottom:auto;left:auto;min-width:17px;height:17px;line-height:17px;padding:0 4px;
+  border-radius:9px;font-size:10px;font-weight:700;color:#fff;background:#D9775F;box-shadow:0 0 0 2px #fff}
+.lc-envwrap{position:relative}
+.lc-body{padding-left:0}
+.lc-title{font-size:15px;font-weight:700;color:var(--ink);letter-spacing:0}
+.lc-desc{font-size:12px;color:#9C8F88;margin:3px 0 0}
+.lc-link{display:none}
+.lc-arrow{flex:0 0 auto;width:auto;height:auto;background:none;box-shadow:none;color:#C9BCB4;border-radius:0}
+.lc-arrow svg{width:16px;height:16px}
+
+.bb-banner{color:var(--ink);min-height:62px;padding:10px 14px 10px 12px;border:0;border-radius:20px;
+  background:#fff;box-shadow:0 6px 18px rgba(120,80,60,.07),inset 0 0 0 1px #F1E6DF}
+.bb-gift{width:44px;height:44px;border-radius:14px;background:#FAF1EC}
+.bb-gift svg{width:34px;height:34px;filter:saturate(.55) brightness(1.03)}
+.bb-badge{left:40px;top:5px;background:#D9775F;box-shadow:0 0 0 2px #fff;animation:none;font-weight:700}
+.bb-t{font-size:15px;font-weight:700;color:var(--ink);text-shadow:none;letter-spacing:0}
+.bb-s{color:#9C8F88}
+.bb-s b{color:#C96F58;font-weight:700}
+.bb-cta,.bb-banner.is-calm .bb-cta{padding:6px 12px;font-size:12px;font-weight:700;color:#C2614A;background:#FBEEE8;box-shadow:none}
+.bb-shine{display:none}
+/* 四版：和下面的盲盒横幅同宽对齐（原来 249px 窄卡偏在右边，说明文字总被截断） */
+.letter-card{width:auto;height:auto;min-height:68px;margin-left:26px;margin-right:26px;backdrop-filter:none;-webkit-backdrop-filter:none}