feat(首页工具卡): 五张卡按参考图改版——糖果色底 + 白字 + 3D 大眼萌物插画 (v26093018)

- 数胎动 / 孕期体重 / 孕检日历 / 胎儿估重 / 数宫缩:饱和渐变底(蓝 / 粉 / 绿 / 紫 / 蓝紫)+ 白色粗标题,
  插画换成自画 SVG 萌物(小脚丫 / 体重秤 / 台历 / 秤盘小豆宝宝 / 秒表),立体光泽、黑色大眼珠带高光。
- 只换皮:高度账、排布、data-mini 跳转、各 id 数据回填不变;「更多工具」出口保持灰米。
- 「记录」按钮改白底蓝字并压在插画上;告警态在彩色底上改亮黄字(原 --alert 红看不清)。
- 数宫缩卡原曲线插画 72f41378ef8e.png 已无引用,删除;其余旧 PNG 仍被「每日小打卡」使用,保留。

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
2026-09-30 16:23:36 +00:00
parent 18eecdb3a2
commit 4a7eb92864
9 changed files with 57 additions and 9 deletions

View File

@@ -779,6 +779,32 @@ a.skip:focus{left:16px;top:16px}
投影值照抄 .mc-art 的原值不动:打光要跟邻居一致。 */
.mini-card.fweight .mc-art{width:38px;right:11px;bottom:10px;
filter:drop-shadow(0 5px 10px rgba(160,90,70,.18))}
/* 2026-09-30 参考图改版(用户给的一张「糖果色卡 + 3D 大眼萌物」参考图):
五张工具卡换成饱和渐变底 + 白字,插画换成自画 SVG(立体光泽、黑色大眼珠带高光)。
只换皮:上面那笔高度账(158+10+64 / 88+10+80+10+44)和版式一个数没动,
所以这里只覆盖颜色、字色和插画尺寸。渐变收尾色压得够深,白字在最浅的那一端也读得清。
「更多工具」仍是灰米出口,不参与。 */
.bento .mini-card:not(.more){color:#fff}
.bento .mini-card:not(.more) .mc-title{text-shadow:0 1px 2px rgba(0,0,0,.12)}
.bento .mini-card:not(.more) .mc-sub{color:rgba(255,255,255,.9)}
.bento .mini-card:not(.more) .mc-extra{color:rgba(255,255,255,.78)}
.bento .mini-card:not(.more) .mc-art{filter:drop-shadow(0 4px 8px rgba(30,20,60,.22))}
.mini-card.kick{background:linear-gradient(160deg,#58BEDF,#2F8FC0)}
.mini-card.weight{background:linear-gradient(160deg,#F28AA2,#D9587A)}
.mini-card.cal{background:linear-gradient(160deg,#7FCB63,#45A13A)}
.mini-card.fweight{background:linear-gradient(160deg,#A895F2,#7E66DE)}
.mini-card.curve{background:linear-gradient(160deg,#8C9CF2,#5E71DD)}
.bento .mc-btn{background:#fff;color:#2F8FC0;box-shadow:0 4px 10px rgba(20,60,100,.22)}
/* 数胎动卡只有 ≈128px 宽,左下是「记录」按钮:脚丫 74 宽贴右下,按钮再压在插画上面,谁也不挡谁的字 */
.mini-card.kick .mc-art{width:74px;right:-4px;bottom:-4px}
.bento .mc-btn{position:relative;z-index:1}
.mc-art.big{width:80px}
.mini-card.cal .mc-art,.mini-card.curve .mc-art{width:46px;right:2px;bottom:0}
.mini-card.fweight .mc-art{width:46px;right:6px;bottom:4px}
/* 告警(胎动偏低 / 宫缩达阈值 / 产检过期):糖果色底上 --alert 红看不清,换成亮黄字 */
.bento .mini-card.is-warn .mc-sub,.bento .mini-card.is-warn .mc-sub b,
.bento .mini-card.is-warn .mc-big,.bento .mini-card.is-warn .mc-big small,
.bento .mini-card.is-warn .mc-extra{color:#FFF08A}
/* 「更多工具」:通往「记一下」弹层里那十几个工具。
故意不给糖果色 —— 它不是第六个工具,是个出口。素底 + 一行小字,
扫过去不会被当成工具卡数进去。