首页婴儿房封面上方补天空：树尖补全、往上渐变成天空，滑到顶不再截断树 (v26100463)

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

mama-box.css

@@ -614,6 +614,16 @@ a.skip:focus{left:16px;top:16px}
 /* 2026-10-01h：封面改成满幅远景（天空/远山/田野铺满整张图），不再是「纯色底上一栋房子」→ 图铺满缝宽、不羽化，
    左右下沿不会再露底色；底色只在图片加载前兜底，取图顶天色 */
 .nyp-layer img{width:100%;max-width:none;margin-top:30px}
+/* 2026-10-06 用户：「再往上滑会把树整个截掉，把树上面整体调成天空，衔接过渡一下」→
+   换成补了天空的封面 nursery-{day,night}-sky.jpg（1125×2000：原图 1125×1500 上方补 500 像素，
+   被截断的树尖补画完整、往上是天空（夜里带星星），和原图在 600–760 像素处渐变拼接，下半部分是原图像素没动）。
+   图高多出 500/3≈167px，margin-top 30→-136 让房子停在原来的位置（flex 居中：新顶 = 旧顶 − 167）。
+   底色改成新图顶部天色，屏幕很高时图上方露出来的也是同色天空。生成过程见 tools/gen-nursery-sky.md */
+.nyp-layer img{margin-top:-136px}
+/* 上半天色、下半草地色：屏幕高、缝滚到屏幕下半截时，图底边下面露出的是草地色而不是一块天蓝；
+   中间的分界线永远被图片盖住。图底边 24px 渐隐进草地色，不留硬边 */
+.ny-peek,.nyp-layer{background:linear-gradient(#CDE2F5 50%,#83A559 50%)}
+.nyp-layer img{-webkit-mask-image:linear-gradient(#000 calc(100% - 24px),transparent);mask-image:linear-gradient(#000 calc(100% - 24px),transparent)}
 /* 上下沿融进页面底色（2026-10-01 用户反馈：和上面孕期小知识、下面今日脚印「衔接得有点硬」）：
    原来是两道向内的阴影 = 一条硬切口；改成上下各一段 --bg → 透明 的渐隐，房子像从页面里慢慢浮出来、再沉回去。 */
 .ny-peek::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;
@@ -634,7 +644,7 @@ a.skip:focus{left:16px;top:16px}
 .nyp-btn:active{transform:scale(.96)}
 @keyframes nypNudge{0%,80%,100%{transform:translateX(0)}86%{transform:translateX(3px)}92%{transform:translateX(0)}}
 /* 夜间：JS 换成开灯版图，底色跟着换成图边的 #2C3350 */
-.ny-peek.is-night,.ny-peek.is-night .nyp-layer{background:#2D3559}
+.ny-peek.is-night,.ny-peek.is-night .nyp-layer{background:linear-gradient(#2F3759 50%,#18231D 50%)}
 /* 夜间：浅底色渐隐进深色夜景容易发灰，渐隐段收短一半，像夜里从门缝透出来 */
 .ny-peek.is-night::after{background:linear-gradient(var(--bg) 0,rgba(248,243,239,.6) 10px,rgba(248,243,239,0) 40px),
   linear-gradient(0deg,var(--bg) 0,rgba(248,243,239,.6) 8px,rgba(248,243,239,0) 34px)}