jone/mama-box
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

首页孕期工具：数据块改半透明白玻璃质感；「兜爸」水印再浅一档；v26110120

Browse Source 
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
deploy
2026-11-01 14:18:06 +00:00
parent d88b150376
commit 2121fae5fb
3 changed files with 14 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
index.html
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:26110119 缓存版本标记：改 css/js 时同步 bump 该值（与 js/app.js 的 VER 同源），静态资源按 mtime 走 ETag 自动刷新 -->
<!-- V:26110120 缓存版本标记：改 css/js 时同步 bump 该值（与 js/app.js 的 VER 同源），静态资源按 mtime 走 ETag 自动刷新 -->
<link rel="stylesheet" href="mama-box.css">
<link rel="stylesheet" href="night.css">
<!-- 夜晚模式：首屏绘制前就按上次的选择加 class，避免先白后黑闪一下（开关在首页右上角 #nightBtn，逻辑见 app.js） -->
@@ -401,7 +401,14 @@
.vt-more{border-radius:12px;background:rgba(255,218,203,.95);height:32px;margin-top:0}
html.night .vt-it,html.night .vt-more{background:rgba(255,255,255,.07)}
/* 11-01 用户：工具区背后的「兜爸」水印看不太清 → 加深一档，隐约能认出来但不抢卡片 */
.tool-dock .wm{color:#F1E2D6}
.tool-dock .wm{color:#F5EBE3}
/* 11-01 用户：数据块桃色底太深、有点丑，要「有一些玻璃质感」→ 改成半透明白玻璃：上亮下透的渐变 + 背景模糊 + 白描边高光 + 很淡的暖色投影；
桃色只留在状态小标签上（白玻璃上再用白胶囊会看不出来） */
.vt-it,.vt-more{background:linear-gradient(150deg,rgba(255,255,255,.78) 0%,rgba(255,255,255,.42) 100%);-webkit-backdrop-filter:blur(12px) saturate(150%);backdrop-filter:blur(12px) saturate(150%);border:1px solid rgba(255,255,255,.9);box-shadow:0 4px 14px rgba(200,110,86,.09),inset 0 1px 0 rgba(255,255,255,.95)}
.vt-s{background:rgba(255,226,214,.75);color:#B65E48}
.vt-more{color:#B65E48}
html.night .vt-it,html.night .vt-more{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.1);box-shadow:none}
html.night .vt-s{background:rgba(255,255,255,.1)}
/* 2026-11-01 用户：整块背景有点单调 → 在原毛玻璃上叠一层很淡的暖色：右上一团淡粉、左下一团淡杏，底色微微偏桃色 */
#homeBody>section.tool-dock.tool-dock:not(.ny-peek):not(.game-promo){background:
linear-gradient(90deg,rgba(255,150,112,.28),rgba(255,150,112,0) 60%) top/100% 2px no-repeat,
@@ -2417,7 +2424,7 @@
<script src="/_bridge/avatar-picker.js?v=26101105"></script>
<script src="/_bridge/hand-icons.js?v=26101202"></script>
<script src="js/zodiac-art.js"></script>
<script src="guangchang/topics.js?v=26110119"></script>
<script src="guangchang/topics.js?v=26110120"></script>
<script src="js/app.js"></script>
<!-- 2026-10-03 首页彩蛋：宝宝在肚皮底下动（独立文件，删掉这一行即整体下线；开关在「隐私权限」） -->
<script src="js/bump.js"></script>
@@ -2426,7 +2433,7 @@
<!-- 2026-10-05 首页头图：宝宝时不时动一动小手小脚（独立文件，删掉这一行即下线） -->
<script src="js/baby-limbs.js?v=26101201"></script>
<script src="js/coach.js?v=26101211"></script>
<script src="js/birth-flow.js?v=26110119"></script>
<script src="js/birth-flow.js?v=26110120"></script>
<!-- 禁止下拉回弹（2026-10-11 统一规则，与孕期体重同一段）：竖向拖动时从手指下往上找还能朝该方向滚的容器，找不到才拦；横滑、双指、可滚列表不受影响 -->
<script>