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

去掉列表小框改整块淡色磨砂背景；关注6条作者+孕周标签+点赞头像+点赞一行放下、去小心心、头像4～6个窄屏自动减（v26110422）

Browse Source 
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
deploy
2026-11-04 09:14:49 +00:00
parent 007bc3667f
commit 7bdcf36ca7
27 changed files with 146 additions and 109 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
js/kit.css
View File

@@ -108,11 +108,12 @@ 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}
/* 11-04 用户二改：「主题不要框起来的小框，直接一个大的背景」→ 去掉 4 条外面的磨砂卡，改成整个百宝箱模块铺一层淡色磨砂背景（上浅下稍深，下半部分不再全白） */
#homeBody>section#kitHome.kit-home{background:
radial-gradient(220px 160px at 0% 100%,rgba(255,190,160,.30),transparent 72%),
radial-gradient(240px 170px at 100% 75%,rgba(196,176,255,.28),transparent 72%),
linear-gradient(180deg,rgba(255,252,250,.78) 0%,rgba(255,244,238,.74) 55%,rgba(248,241,255,.72) 100%);
-webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%);
border:1px solid rgba(255,255,255,.7);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 10px 26px -18px rgba(200,120,100,.4)}
#kitHome .kit-rows .kr{border-bottom-color:rgba(226,196,186,.5)}
html.night #homeBody>section#kitHome.kit-home{background:linear-gradient(180deg,rgba(52,44,54,.7),rgba(44,40,58,.66));border-color:rgba(255,255,255,.06);box-shadow:none}