From fd538eb6fb747996725f64d201aa391a198191c9 Mon Sep 17 00:00:00 2001 From: Karlcarlo Date: Sat, 3 Oct 2026 01:00:30 +0000 Subject: [PATCH] =?UTF-8?q?=E5=BA=95=E9=83=A8=E5=AF=BC=E8=88=AA=E6=94=B9?= =?UTF-8?q?=E6=9A=96=E8=89=B2=E6=AF=9B=E7=8E=BB=E7=92=83=EF=BC=8C=E5=AF=B9?= =?UTF-8?q?=E9=BD=90=E5=AD=95=E6=9C=9F=E6=A1=A3=E6=A1=88=20v7=20(v26100206?= =?UTF-8?q?)?= 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 | 16 ++++++++++++++++ 3 files changed, 18 insertions(+), 2 deletions(-) diff --git a/index.html b/index.html index 256bce4..3c75c7f 100644 --- a/index.html +++ b/index.html @@ -7,7 +7,7 @@ 兜爸心选 · 孕育陪伴 - + diff --git a/js/app.js b/js/app.js index b7a3f93..b67a170 100644 --- a/js/app.js +++ b/js/app.js @@ -3,7 +3,7 @@ (function () { 'use strict'; /* 页面版本号(YYMMDD+序号):显示在「关于兜爸心选」页底部;bump 时同步 head 注释与 ?v= */ - var VER = '26100205'; + var VER = '26100206'; 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 c6c18b5..3fdb70b 100644 --- a/mama-box.css +++ b/mama-box.css @@ -4252,3 +4252,19 @@ a.skip:focus{left:16px;top:16px} /* 2026-10-03 用户:消消乐 banner 左右留白太大 → 和上面「豆豆今天想说」卡片对齐(距屏幕边 16px) */ .game-promo{padding-left:16px;padding-right:16px} + +/* ================= 底部导航 · 暖色毛玻璃(2026-10-03)================= + 用户:「按孕期档案(chengzhang-dangan/v7)底部 Tab 的毛玻璃风格改」。对照它的 .anc .ain: + rgba(255,255,255,.55) + blur(18px) saturate(170%) + 内描白边 + 顶部 1px 高光 + 暖色投影;下方淡出层减弱到 .55,让内容透上来可「磨」。 + · 父级 .tabbar 去掉 filter(filter 会让子元素 backdrop-filter 失效);玻璃放在 ::before(仍带 mask 缺口), + 投影挪到不带 mask 的 ::after 上用 box-shadow(外投影只画在盒子外面,不会透进玻璃里)。 + · 选中态仍按 2026-10-01 用户要求不加背景胶囊。 */ +.tabbar{filter:none} +.tabbar::before{background:rgba(255,255,255,.55); + -webkit-backdrop-filter:blur(18px) saturate(170%);backdrop-filter:blur(18px) saturate(170%); + box-shadow:inset 0 0 0 1px rgba(255,255,255,.85),inset 0 1px 0 #fff} +.tabbar::after{content:"";position:absolute;inset:0;z-index:-2;border-radius:inherit;pointer-events:none; + box-shadow:0 14px 34px rgba(200,100,70,.2),0 2px 6px rgba(200,100,70,.06)} +.tab-fade{background:linear-gradient(180deg,rgba(255,240,232,0),rgba(255,240,232,.55))} +.tab-fab .fab{box-shadow:0 6px 14px rgba(244,89,60,.32),inset 0 1px 0 rgba(255,255,255,.3)} +@media (prefers-reduced-transparency:reduce){.tabbar::before{background:#FFF9F5}}