diff --git a/assets/img/7bbc5d7192c0.jpg b/assets/img/7bbc5d7192c0.jpg
new file mode 100644
index 0000000..f969f9d
Binary files /dev/null and b/assets/img/7bbc5d7192c0.jpg differ
diff --git a/assets/img/973ada248e19.jpg b/assets/img/973ada248e19.jpg
deleted file mode 100644
index a3761b5..0000000
Binary files a/assets/img/973ada248e19.jpg and /dev/null differ
diff --git a/assets/img/c8db7fd56e68.jpg b/assets/img/c8db7fd56e68.jpg
deleted file mode 100644
index d134b4d..0000000
Binary files a/assets/img/c8db7fd56e68.jpg and /dev/null differ
diff --git a/assets/img/d5060a4a27fe.jpg b/assets/img/d5060a4a27fe.jpg
new file mode 100644
index 0000000..a4ff4e0
Binary files /dev/null and b/assets/img/d5060a4a27fe.jpg differ
diff --git a/index.html b/index.html
index 345b66c..35db409 100644
--- a/index.html
+++ b/index.html
@@ -7,7 +7,7 @@
-

+
diff --git a/js/app.js b/js/app.js
index 7b25556..d925bb5 100644
--- a/js/app.js
+++ b/js/app.js
@@ -3,7 +3,7 @@
(function () {
'use strict';
/* 页面版本号(YYMMDD+序号):显示在「关于兜爸心选」页底部;bump 时同步 head 注释与 ?v= */
- var VER = '26093007';
+ var VER = '26093008';
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 db12fbe..3743834 100644
--- a/mama-box.css
+++ b/mama-box.css
@@ -191,8 +191,8 @@ a.skip:focus{left:16px;top:16px}
hero 橙色区底缘:中部 ≈y420(210) 两侧 ≈y340(170) → 椭圆下沿 44px
⚠️ 上面这些是**设计稿**的数,不是现在的实现值。设计稿里没有 slogan,
加进去之后品牌字以下整列都下移了,实际纵向排布以 .home-hero 里那笔账为准。 */
-/* 2026-09-30 背景换成孕 25 周图(底子 assets/img/973ada248e19.jpg,1560×750 = 3 倍图 520×250;
- 羊水囊 + 宝宝单独一层 c8db7fd56e68.jpg + 视频 b6476cfce328.mp4,见 .hero-baby):
+/* 2026-09-30 背景换成孕 25 周图(底子 assets/img/7bbc5d7192c0.jpg,1560×750 = 3 倍图 520×250;
+ 羊水囊 + 宝宝单独一层 d5060a4a27fe.jpg + 视频 b6476cfce328.mp4,见 .hero-baby):
只抠了原图里的羊水囊 + 宝宝(孕肚太写实,用户要求去掉),缩到原来约 8 成放在右侧,
底子是暖桃橙渐变(取囊内羊水色 ≈#D6724F,用户要求整块头图和羊水同色调顺下来)
+ 囊后一圈淡暖光晕 + 淡金色散景光点。
@@ -203,7 +203,7 @@ a.skip:focus{left:16px;top:16px}
position:relative;color:#fff;overflow:hidden;
background:
linear-gradient(90deg,rgba(150,55,35,.14) 0%,rgba(150,55,35,.05) 38%,rgba(150,55,35,0) 58%),
- url(assets/img/973ada248e19.jpg) right center/auto 100% no-repeat,
+ url(assets/img/7bbc5d7192c0.jpg) right center/auto 100% no-repeat,
#c8644c;
padding:env(safe-area-inset-top) 15px 0 16px;
/* 设计稿橙区 210px。但设计稿里气泡下缘是被白卡盖住的,
@@ -304,20 +304,21 @@ a.skip:focus{left:16px;top:16px}
.hero-sac 静态图垫底 = 母婴作图给的 25w.mp4 第 1 帧(囊内 600×600 摆在容器 (10,30))
.hero-kid 同一块 600×600 截成的短视频:原片前 10s 正放 + 倒放 = 20s 无缝循环
(原片镜头在慢慢推近、结尾姿势和开头对不上,直接 loop 会跳;倒放回来首尾就是同一帧)。
- 只露囊内(遮罩 86%→98%),囊壁用底下静态图的,镜头推近时囊壁不会跟着胀。
+ 只露囊内(遮罩 74%→96% 宽羽化,和静态囊壁柔和叠在一起),囊壁用底下静态图的,镜头推近时囊壁不会跟着胀。
放起来之前 opacity:0,JS 收到 playing 再淡入 —— 放不了就一直是静态图,不会出现黑框/播放按钮。 */
.hero-baby{position:absolute;z-index:2;right:0;
top:calc((250px + env(safe-area-inset-top)) * .0667);
width:calc((250px + env(safe-area-inset-top)) * .8267);
height:calc((250px + env(safe-area-inset-top)) * .88);
pointer-events:none;user-select:none}
-.hero-sac{display:block;width:100%;height:100%;
- -webkit-mask-image:radial-gradient(closest-side,#000 91%,transparent 100%);
- mask-image:radial-gradient(closest-side,#000 91%,transparent 100%)}
+/* 静态囊图自己就是从底图原位切出来的、边缘已在图里羽化(r 232→300 平滑过渡)+ 底图在囊外垫了一圈柔光,
+ 四角和底图逐像素一致,所以这里**不再加 CSS 遮罩** —— 以前那道 91% 的椭圆遮罩横竖半径不同,
+ 会把囊壁左右削掉一截、上下留着,边缘看着割裂。 */
+.hero-sac{display:block;width:100%;height:100%}
.hero-kid{position:absolute;left:1.613%;top:4.545%;width:96.774%;height:90.909%;
object-fit:cover;background:transparent;opacity:0;transition:opacity .8s ease;
- -webkit-mask-image:radial-gradient(closest-side,#000 86%,transparent 98%);
- mask-image:radial-gradient(closest-side,#000 86%,transparent 98%)}
+ -webkit-mask-image:radial-gradient(closest-side,#000 74%,transparent 96%);
+ mask-image:radial-gradient(closest-side,#000 74%,transparent 96%)}
.hero-kid.is-on{opacity:1}
/* 嘴边的小气泡。起点定在视频里嘴(拳头)大致的位置(50%/47%),往左上飘 ——
宝宝头朝右上侧躺,左上正好是「水面」方向。z-index 压在视频上面。 */