style(首页): 头图与第一块卡片衔接——无来信时工具卡压进头图 (v26100414)

- 无来信:头图 250→262、平底,背景图高度钉在 250,多出部分用底边色补;工具卡 margin-top -26 压上去,两个圆角落在橙色里
- 有来信:头图保持原 250 + 弧底(app.js 同步给 .home-hero 切 .no-letter)
- #homeBody z-index:1 防头图子元素盖卡;彩色光斑下错 26px 不洗白头图
- 工具卡顶部向上淡投影、顶部更实的白、光晕减半;水印下移 10px

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
2026-10-04 04:20:21 +00:00
parent 1637529e3d
commit 72a190fe71
3 changed files with 38 additions and 3 deletions

View File

@@ -7,7 +7,7 @@
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<title>兜爸心选 · 孕育陪伴</title>
<!-- V:26100413 缓存版本标记:改 css/js 时同步 bump 该值(与 js/app.js 的 VER 同源),静态资源按 mtime 走 ETag 自动刷新 -->
<!-- V:26100414 缓存版本标记:改 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 第四节) -->
@@ -59,7 +59,7 @@
<main class="screens" id="screens">
<section class="screen is-active" id="screen-home" data-screen="home">
<div class="home-hero">
<div class="home-hero no-letter">
<!-- 2026-10-04 头图改版(用户:宝宝按孕周换形态、孕囊跟着宝宝大小变、去掉飘落的花瓣、加阳光和水波纹):
背景换成「去掉羊水囊的空背景」,羊水囊 + 宝宝整体都在 .hero-baby 里,按孕周 9 个阶段换图(js/hero-fx.js)。
每阶段一张会动的 GIF(本地程序化形变:呼吸、轻浮、小手、蹬脚;脸不动,所以永远闭眼闭嘴)+ 一张同帧静图打底,