feat(首页头图): 孕25周宝宝换 Q 版卡通、整体提亮 (v26093010)

- 素材换母婴作图 v3:Q 版卡通宝宝(圆脸、闭眼笑、粉嫩,无写实纹理),浅暖桃底;
  脐带/胎盘固定、无孕肚、镜头固定、正倒放首尾同帧等 v2 要求保留,整体晃动已防抖。
- 背景、囊视频按同一流程重做(囊心 664,368),视频 74KB。
- 背景变浅,左侧压字暖色层 .14→.20,底色兜底改 #eaa485。

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
2026-09-30 10:33:19 +00:00
parent 983191a752
commit bca92312f8
7 changed files with 11 additions and 11 deletions

View File

@@ -191,19 +191,19 @@ a.skip:focus{left:16px;top:16px}
hero 橙色区底缘:中部 ≈y420(210) 两侧 ≈y340(170) → 椭圆下沿 44px
⚠️ 上面这些是**设计稿**的数,不是现在的实现值。设计稿里没有 slogan,
加进去之后品牌字以下整列都下移了,实际纵向排布以 .home-hero 里那笔账为准。 */
/* 2026-09-30 头图 = 孕 25 周(母婴作图 v2:无孕肚、镜头固定、脐带连囊壁胎盘、暖桃橙底)。
背景 assets/img/455d2517fafd.jpg(1560×750 = 3 倍图 520×250)= 视频 yun25w-loop.mp4 第 1 帧缩到 .93,
/* 2026-09-30 头图 = 孕 25 周(母婴作图 v3:Q 版卡通宝宝、浅暖桃底;无孕肚、镜头固定、脐带连囊壁胎盘)。
背景 assets/img/b1597f99dea7.jpg(1560×750 = 3 倍图 520×250)= 视频 yun25w-loop.mp4 第 1 帧缩到 .93,
羊水囊中心摆在 (1250,375);视频左/上/下不够的地方按边缘色拉伸补齐并羽化。
图高钉死 = 橙区高、右对齐,屏宽 ≤520 都铺得满;再宽就露底色 #cf6340(=图左缘色)。
图高钉死 = 橙区高、右对齐,屏宽 ≤520 都铺得满;再宽就露底色 #eaa485(=图左缘色)。
会动的宝宝是叠在上面的同源视频,见 .hero-baby。
上面叠一层很淡的暖色左深右透渐变,只为让左边白字(孕周环、天数卡)再稳一点。
形状(高度、底部椭圆弧)不变。 */
.home-hero{
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/455d2517fafd.jpg) right center/auto 100% no-repeat,
#cf6340;
linear-gradient(90deg,rgba(150,55,35,.20) 0%,rgba(150,55,35,.07) 38%,rgba(150,55,35,0) 58%),
url(assets/img/b1597f99dea7.jpg) right center/auto 100% no-repeat,
#eaa485;
padding:env(safe-area-inset-top) 15px 0 16px;
/* 设计稿橙区 210px。但设计稿里气泡下缘是被白卡盖住的,
现在气泡补全成整圆(高 189.5),橙区必须够高才不会被 overflow:hidden 切掉。
@@ -293,7 +293,7 @@ a.skip:focus{left:16px;top:16px}
改 top 前先读 .home-hero 里那笔竖列账。 */
/* 定位和浮动都挂在外壳上,img 只负责铺满 —— 这样嘴边的泡泡是
相对气泡本身定位的,会跟着整幅画一起上下浮,而不是自己飘在原地 */
/* 会动的宝宝(2026-09-30):视频 assets/video/f20175ae1170.mp4 = 原片以囊心 (667,369) 截 660×660、缩到 400×400。
/* 会动的宝宝(2026-09-30):视频 assets/video/af6b7493f5e0.mp4 = 原片以囊心 (664,368) 截 660×660、缩到 400×400。
原片本身是正放 5s + 倒放 5s,首尾同一帧,直接 loop 无缝。
摆位:背景里视频帧缩了 .93,这块 660 → 614 画布像素,左上角落在 (943,68),
换算成橙区高 H:宽高 614/750 = .8187H,顶 68/750 = .0907H,右 (1560−1557)/750 ≈ .004H。