婴儿房封面换写实版（3D 婴儿房 cover ?v=20261001g，1125 原尺寸 JPG）；底色 白天 #DCE5EC / 夜间 #2C3350，图左右下沿羽化防草地接缝，夜间玻璃条改深蓝 (v26100129)

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:26100128 缓存版本标记：改 css/js 时同步 bump 该值（与 js/app.js 的 VER 同源），静态资源按 mtime 走 ETag 自动刷新 -->
+<!-- V:26100129 缓存版本标记：改 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 第四节） -->
@@ -342,7 +342,7 @@
              只有「进去布置」按钮能点（整块不点，免得滚动时误触）。
              图：assets/img/nursery-day.jpg / nursery-night.jpg，由「3D 婴儿房」会话（33d6c837）导出的无 UI 渲染
              （原图 yef/cover-day.png、cover-night.png，1125×1500，**原尺寸**存 JPG —— 375 宽 × 3 倍屏正好 1125 像素，别再缩，缩到 750 在 iPhone 上会糊（2026-10-01 用户反馈过）)；里面摆的是演示布置，不是用户自己的房间。
-             底色必须和图边一致：白天 #FFECD8、夜间 #5A5890，否则缝里会露出图片边框。
+             底色必须和图边一致：白天 #DCE5EC、夜间 #2C3350（2026-10-01 写实版，取图顶两角；旧卡通版是 #FFECD8 / #5A5890），否则缝里会露出图片边框。
              2026-10-01 晚：3D 婴儿房会话把封面换成「整栋小别墅外景」（婴儿房是二楼剖开那一间），房子占画面中部偏下、上方约 20% 纯底色。
              缝高 300→340、图宽 100%→88%（max 420）、上提 40px：缝滚到屏幕中间时屋顶到草坪整栋都露出来，草坪压在玻璃条下面；标题改「我们的家」。
              位置：2026-10-01 用户要求和消消乐对调 —— 后又和孕期小知识对调 —— 现在在孕期小知识下面、今天的动线上面（原来在今天的动线和书架之间）。北京时间 19:00–6:00 换夜间图（开灯版）。JS 在 app.js nurseryRender()。 -->

js/app.js

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

mama-box.css

@@ -604,10 +604,13 @@ a.skip:focus{left:16px;top:16px}
    这一块**故意没有底色、没有圆角卡片**：它是页面上开的缝，里面是铺在整页背后的房间。
    .nyp-layer 的 height / transform 由 JS 按 .screen 可视区每帧写入（见 app.js nurseryInit），这里别再给它写 top/transform。
    ::after = 上下模块压在房间上的阴影，要盖在图层之上、按钮之下。 */
-.ny-peek{position:relative;margin:16px -26px 0;height:340px;overflow:hidden;background:#FFECD8}
+.ny-peek{position:relative;margin:16px -26px 0;height:340px;overflow:hidden;background:#DCE5EC}
 .nyp-layer{position:absolute;left:0;top:0;width:100%;height:812px;will-change:transform;
-  display:flex;align-items:center;justify-content:center;background:#FFECD8}
+  display:flex;align-items:center;justify-content:center;background:#DCE5EC}
 .nyp-layer img{display:block;width:88%;max-width:420px;height:auto;margin-top:-40px}
+/* 写实版（2026-10-01g）底部是草地渐隐、不是纯色 → 图左右和下沿各羽化一截，免得草地在图边被齐刷刷切断、露出接缝 */
+.nyp-layer img{-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent),linear-gradient(#000 82%,transparent);
+  -webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent),linear-gradient(#000 82%,transparent);mask-composite:intersect}
 .ny-peek::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;
   box-shadow:inset 0 16px 18px -14px rgba(120,70,50,.28),inset 0 -16px 18px -14px rgba(120,70,50,.28)}
 .nyp-chip{position:absolute;left:26px;top:16px;z-index:2;font-size:11px;font-weight:800;color:#E0708A;letter-spacing:.3px;
@@ -624,9 +627,9 @@ a.skip:focus{left:16px;top:16px}
   animation:nypNudge 2.8s ease-in-out infinite}
 .nyp-btn:active{transform:scale(.96)}
 @keyframes nypNudge{0%,80%,100%{transform:translateX(0)}86%{transform:translateX(3px)}92%{transform:translateX(0)}}
-/* 夜间：JS 换成开灯版图，底色跟着换成图边的 #5A5890 */
-.ny-peek.is-night,.ny-peek.is-night .nyp-layer{background:#5A5890}
-.ny-peek.is-night .nyp-bar{background:rgba(58,47,79,.78)}
+/* 夜间：JS 换成开灯版图，底色跟着换成图边的 #2C3350 */
+.ny-peek.is-night,.ny-peek.is-night .nyp-layer{background:#2C3350}
+.ny-peek.is-night .nyp-bar{background:rgba(30,36,60,.78)}
 .ny-peek.is-night .nyp-txt b{color:#FFF3F5}
 .ny-peek.is-night .nyp-txt span{color:#D9C5D0}
 .ny-peek.is-night .nyp-txt span em{color:#FFB3C3}