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

孕周开放门槛：数胎动 16 / 数宫缩 20 / 胎儿估重 15 周前点入口弹定制提示，宫格与工具卡挂「N周+」角标 v26101013

Browse Source 
Co-Authored-By: AI 助手
This commit is contained in:
karlcarlo
2026-10-11 13:26:07 +00:00
parent 0881972150
commit dddbc0373d
3 changed files with 105 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
mama-box.css
View File

@@ -4750,3 +4750,30 @@ a.skip:focus{left:16px;top:16px}
.app 带 .ripple 是 overflow:hidden，勾原来 top:-4px 伸出格子外。格子上方留 6px，勾下移同样距离，位置相对图标不变 */
.apps-grid .app{padding-top:6px}
.apps-grid .app.is-done::after{top:2px}
/* ================= 孕周开放门槛（2026-10-11）=================
没到孕周的工具：宫格和首页工具卡上挂一枚「16周+」浅色角标，图标略淡；点了弹 #modalStageGate。
配色只用现有的暖米 / 品牌橘，不另起颜色：角标是米底灰字，进度条是品牌橘渐变。 */
.apps-grid .app.is-locked .a-ico{opacity:.5;filter:saturate(.6)}
.apps-grid .app.is-locked .a-n{color:var(--muted)}
.apps-grid .app.is-locked::after{content:attr(data-lock);position:absolute;top:-6px;left:calc(50% + 10px);
padding:1px 5px;border-radius:7px;background:#F3E7DF;color:#9A7E70;font-size:9px;font-weight:800;line-height:14px;
box-shadow:0 0 0 2px #FAF5F1;white-space:nowrap}
.mini-card.is-locked::after{content:attr(data-lock);position:absolute;top:10px;right:10px;
padding:1px 6px;border-radius:8px;background:rgba(255,255,255,.72);color:#9A7E70;font-size:10px;font-weight:800;line-height:16px}
.mini-card.is-locked .mc-art{opacity:.55}
.mini-card.kick.is-locked .mc-btn{background:rgba(255,255,255,.7);color:#9A7E70;box-shadow:none}
.sg-modal .sg-ico{width:64px;height:64px;margin:4px auto 10px;border-radius:20px;background:linear-gradient(150deg,#FFE9E1,#FFDDD3);
display:grid;place-items:center;box-shadow:0 8px 18px rgba(244,89,60,.14)}
.sg-modal .sg-ico img{width:40px;height:40px;object-fit:contain}
.sg-modal .sg-ico b{font-size:24px;font-weight:900;color:var(--brand)}
.sg-modal .sg-now{display:inline-block;margin-top:8px;padding:3px 10px;border-radius:10px;background:rgba(244,89,60,.1);color:var(--brand-dk);font-size:12px;font-weight:800}
.sg-modal p{margin:10px 6px 0;line-height:1.75}
.sg-track{margin:16px 8px 0}
.sg-rail{height:8px;border-radius:4px;background:#EFE5DE;overflow:hidden}
.sg-rail i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#FFB49F,var(--brand));transition:width .5s var(--ease)}
.sg-ends{display:flex;justify-content:space-between;margin-top:6px;font-size:11.5px;font-weight:700;color:var(--muted)}
.sg-left{margin-top:10px;font-size:13px;font-weight:700;color:var(--ink-2)}
.sg-modal .modal-foot{margin-top:18px}