百宝箱下方4条、大家都在关注改磨砂玻璃卡(淡色+模糊+白描边)(v26110421)

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
deploy
2026-11-04 08:50:14 +00:00
parent c37c0eb087
commit 007bc3667f
27 changed files with 104 additions and 88 deletions

View File

@@ -108,3 +108,11 @@ html.night .lv-i em{color:#F1E6EE}
/* 11-04 用户:「我的孕期工具」标题和下面「孕期百宝箱」一样大、字下半截一样垫一条小色块(写在这里而不是 mama-box.css:本文件在首页一定加载,且晚于 mama-box.css) */
.dock-head .dock-title{flex:none;padding:0 3px;font-size:21px;font-weight:900;letter-spacing:.5px;color:#2A1E1E;background:linear-gradient(transparent 58%,#FFD6A0 58%,#FFD6A0 92%,transparent 92%)}
html.night .dock-head .dock-title{color:#F1E6EE}
/* 11-04 用户:「模块下半部分全白,加一点点背景色,毛玻璃风格」→ 下方 4 条做成磨砂玻璃卡:半透明暖色 + 模糊 + 白色高光描边,底下垫两团很淡的色块透出来 */
.kit-rows{position:relative;isolation:isolate;margin:12px -2px 0;padding:6px 12px 2px;border-radius:18px;
background:radial-gradient(120px 90px at 8% 0%,rgba(255,190,160,.30),transparent 70%),radial-gradient(140px 100px at 100% 100%,rgba(196,176,255,.26),transparent 70%),linear-gradient(160deg,rgba(255,246,241,.72),rgba(250,245,255,.62));
-webkit-backdrop-filter:blur(14px) saturate(150%);backdrop-filter:blur(14px) saturate(150%);
border:1px solid rgba(255,255,255,.75);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 8px 22px -14px rgba(200,120,100,.4)}
.kit-rows .kr{border-bottom-color:rgba(226,196,186,.45)}
.kit-rows .kr:last-child{border-bottom:0}
html.night .kit-rows{background:linear-gradient(160deg,rgba(60,48,58,.6),rgba(46,42,62,.55));border-color:rgba(255,255,255,.08);box-shadow:none}