From 782f0b8c5889611bb9c53a5b7e1cc4500245cda8 Mon Sep 17 00:00:00 2001 From: Karlcarlo Date: Thu, 1 Oct 2026 15:03:56 +0000 Subject: [PATCH] =?UTF-8?q?=E5=A9=B4=E5=84=BF=E6=88=BF=E4=B8=8A=E4=B8=8B?= =?UTF-8?q?=E6=B2=BF=E6=94=B9=E4=B8=BA=E6=B8=90=E9=9A=90=E8=9E=8D=E8=BF=9B?= =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E5=BA=95=E8=89=B2=EF=BC=88=E5=8E=BB=E6=8E=89?= =?UTF-8?q?=E4=B8=A4=E9=81=93=E7=A1=AC=E9=98=B4=E5=BD=B1=EF=BC=89=EF=BC=8C?= =?UTF-8?q?=E5=A4=9C=E9=97=B4=E6=B8=90=E9=9A=90=E6=94=B6=E7=9F=AD=E9=98=B2?= =?UTF-8?q?=E5=8F=91=E7=81=B0=20(v26100134)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-Authored-By: Claude Opus 5.5 --- index.html | 2 +- js/app.js | 2 +- mama-box.css | 8 +++++++- 3 files changed, 9 insertions(+), 3 deletions(-) diff --git a/index.html b/index.html index 3c4a72a..2465e8b 100644 --- a/index.html +++ b/index.html @@ -7,7 +7,7 @@ 兜爸心选 · 孕育陪伴 - + diff --git a/js/app.js b/js/app.js index ccbc908..c29668f 100644 --- a/js/app.js +++ b/js/app.js @@ -3,7 +3,7 @@ (function () { 'use strict'; /* 页面版本号（YYMMDD+序号）：显示在「关于兜爸心选」页底部；bump 时同步 head 注释与 ?v= */ - var VER = '26100133'; + var VER = '26100134'; const $ = (s, c) => (c || document).querySelector(s); const $$ = (s, c) => Array.from((c || document).querySelectorAll(s)); diff --git a/mama-box.css b/mama-box.css index bf09eb4..af96547 100644 --- a/mama-box.css +++ b/mama-box.css @@ -611,8 +611,11 @@ a.skip:focus{left:16px;top:16px} /* 2026-10-01h：封面改成满幅远景（天空/远山/田野铺满整张图），不再是「纯色底上一栋房子」→ 图铺满缝宽、不羽化， 左右下沿不会再露底色；底色只在图片加载前兜底，取图顶天色 */ .nyp-layer img{width:100%;max-width:none;margin-top:30px} +/* 上下沿融进页面底色（2026-10-01 用户反馈：和上面孕期小知识、下面今日脚印「衔接得有点硬」）： + 原来是两道向内的阴影 = 一条硬切口；改成上下各一段 --bg → 透明 的渐隐，房子像从页面里慢慢浮出来、再沉回去。 */ .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)} + background:linear-gradient(var(--bg) 0,rgba(248,243,239,.82) 18px,rgba(248,243,239,0) 78px), + linear-gradient(0deg,var(--bg) 0,rgba(248,243,239,.85) 14px,rgba(248,243,239,0) 64px)} .nyp-chip{position:absolute;left:26px;top:16px;z-index:2;font-size:11px;font-weight:800;color:#E0708A;letter-spacing:.3px; background:rgba(255,255,255,.86);border-radius:999px;padding:3px 10px;box-shadow:0 2px 8px rgba(224,112,138,.15)} .nyp-bar{position:absolute;left:18px;right:18px;bottom:16px;z-index:2;display:flex;align-items:center;gap:10px; @@ -629,6 +632,9 @@ a.skip:focus{left:16px;top:16px} @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::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)} .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}