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

同孕周悄悄话全屏页三改：星图 + 聚焦卡 + 清单；运动助手待办文案 (v26100165)

Browse Source 
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
Karlcarlo
2026-10-02 06:14:34 +00:00
parent c4c4d8ceac
commit acc8301b20
3 changed files with 138 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
mama-box.css
View File

@@ -3701,3 +3701,49 @@ a.skip:focus{left:16px;top:16px}
.gi-pr .gi-coin{flex:none;width:15px;height:15px;background:url(assets/img/dou-coin.svg?v=20261002) center/contain no-repeat}
.gi-pr span{font-family:"DIN Alternate","DIN Condensed","Bahnschrift","Arial Rounded MT Bold",Arial,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:15px;font-weight:800;color:var(--ink)}
.gi-pr small{font-size:10.5px;font-weight:600;color:var(--ink);opacity:.55}
/* ---------- 同孕周悄悄话 · 三改：星图 + 聚焦卡 + 清单（2026-10-02）----------
配色不变（用户：「配色没问题」），只换呈现：人多时不再是一堆左右乱飘、大小不一的气泡。 */
.whp-title{margin-top:18px;font-size:28px;line-height:1.2}
.whp-title b{font-size:40px}
.whp-sub{margin-top:8px;font-size:12.5px}
.whp-sky2{position:relative;height:190px;margin:18px -6px 0}
.whs-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.whs-lines polyline{fill:none;stroke:rgba(255,226,190,.22);stroke-width:1;vector-effect:non-scaling-stroke;stroke-dasharray:3 4}
.whs-star{position:absolute;width:36px;height:36px;margin:-18px 0 0 -18px;display:grid;place-items:center;border-radius:50%}
.whs-star i{display:block;width:var(--s);height:var(--s);border-radius:50%;background:#FFF6E6;
box-shadow:0 0 calc(var(--s) * .8) calc(var(--s) * .2) rgba(255,226,190,.55);animation:whTw2 3.2s ease-in-out infinite alternate;animation-delay:calc(var(--tw) * -1)}
.whs-star.mine i{background:#FFD596;box-shadow:0 0 14px 4px rgba(255,200,120,.7)}
.whs-star.on i{background:#fff;animation:none;box-shadow:0 0 0 3px rgba(255,255,255,.18),0 0 18px 6px rgba(255,214,170,.75)}
.whs-star.on::after{content:"";position:absolute;inset:2px;border-radius:50%;border:1.5px solid rgba(255,226,190,.7);animation:whRing 2s ease-out infinite}
@keyframes whTw2{from{opacity:.55;transform:scale(.85)}to{opacity:1;transform:scale(1)}}
.whp-focus{position:relative;margin-top:14px;padding:16px 18px 14px;border-radius:22px;min-height:150px;
background:linear-gradient(150deg,rgba(255,226,190,.16),rgba(255,160,140,.06));border:1px solid rgba(255,226,190,.22);
box-shadow:0 20px 50px -20px rgba(255,170,130,.35)}
.whp-focus:empty{display:none}
.whf-top{display:flex;align-items:center;justify-content:space-between}
.whf-no{font-size:11px;letter-spacing:1px;color:rgba(255,226,190,.7);font-variant-numeric:tabular-nums}
.whf-no em,.whl-t em{font-style:normal;display:inline-block;margin-right:6px;font-size:10.5px;font-weight:700;letter-spacing:1px;padding:1px 7px;border-radius:99px;background:#FFD596;color:#5A3714;vertical-align:1px}
.whf-nav{display:flex;gap:6px}
.whf-nav button{width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.08);color:rgba(255,255,255,.75);font-size:18px;line-height:26px}
.whf-q{margin:12px 0 0;font-size:23px;line-height:1.45;font-weight:800;color:#FFF4E6;letter-spacing:.5px;min-height:66px}
.whf-q.in{animation:whFq .45s var(--ease) both}
@keyframes whFq{from{opacity:0;transform:translateY(8px);filter:blur(3px)}}
.whp-focus .whp-meta{margin-top:12px}
.whp-lh{display:flex;align-items:baseline;justify-content:space-between;margin:30px 2px 4px}
.whp-lh b{font-size:15px;font-weight:700;color:rgba(255,255,255,.9);letter-spacing:1px}
.whp-lh span{font-size:11.5px;color:rgba(255,255,255,.4)}
.whp-list{display:flex;flex-direction:column}
.whl{position:relative;padding:14px 0 12px 16px;border-bottom:1px solid rgba(255,255,255,.07)}
.whl::before{content:"";position:absolute;left:2px;top:22px;width:5px;height:5px;border-radius:50%;background:rgba(255,246,230,.45)}
.whl.l2::before{background:rgba(255,246,230,.8);box-shadow:0 0 6px rgba(255,226,190,.6)}
.whl.l3::before{width:7px;height:7px;left:1px;top:21px;background:#fff;box-shadow:0 0 10px 2px rgba(255,214,170,.8)}
.whl.mine{margin:6px 0;padding-right:12px;border-radius:16px;border-bottom:0;background:linear-gradient(140deg,rgba(255,214,150,.18),rgba(255,170,110,.08));box-shadow:inset 0 0 0 1px rgba(255,214,150,.35)}
.whl.mine::before{left:6px;background:#FFD596;box-shadow:0 0 8px rgba(255,200,120,.8)}
.whl.mine .whl-t{padding-left:4px}
.whl-t{display:block;width:100%;text-align:left;font-size:15.5px;line-height:1.55;font-weight:500;color:rgba(255,255,255,.86)}
.whl.l3 .whl-t,.whl.mine .whl-t{font-weight:700;color:#fff}
.whl .whp-meta{margin-top:6px}
.whl .whp-hug{height:26px;padding:0 10px;font-size:12px}
@media (prefers-reduced-motion:reduce){.whs-star i,.whs-star.on::after,.whf-q.in{animation:none!important}}
.whf-nav button{display:grid;place-items:center;padding:0;line-height:1}