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

feat(此刻): A+B 改版——和你一样孕 N 周的妈妈们（在做/和你比/今天别忘了/在聊/同周动态），去掉应用 logo 改用妈妈头像 (v26100108)

Browse Source 
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
Karlcarlo
2026-10-01 03:24:15 +00:00
parent 555012f248
commit d270f09bf7
3 changed files with 185 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
mama-box.css
View File

@@ -2646,12 +2646,53 @@ a.skip:focus{left:16px;top:16px}
.bx-t .fb{display:grid;place-items:center;width:100%;height:100%;background:radial-gradient(circle at 50% 40%,#fff 0,#FFE6DA 70%)}
.bx-keep,.bx-open{text-align:center}
/* 此刻卡 · 应用 logo（2026-10-01：图标换成对应应用自己的 logo；logo 自带圆角方底，外层底色去掉） */
.pl-stat .ps-ico.is-logo,.pl-row .pr-ico.is-logo{background:none!important}
.pl-stat .ps-ico img.logo{width:26px;height:26px;border-radius:8px;display:block;box-shadow:0 3px 8px rgba(120,70,50,.14)}
.pl-stat .ps-ico{width:26px;height:26px}
.pl-row .pr-ico img.logo{width:28px;height:28px;border-radius:9px;display:block;box-shadow:0 2px 6px rgba(120,70,50,.12)}
.pl-row .pr-ico{width:28px;height:28px}
/* 此刻卡 · A+B 改版（2026-10-01）：同孕周妈妈。用人物头像 + 聊天气泡表现「人」，刻意不用应用 logo / 工具格，
和上面孕育工具区（方格 + logo）在视觉上拉开。配色沿用本卡的暖白底 + 品牌橙。 */
.pl-row .pr-ava,.pp-avs i,.pp-bub .pb-ava{flex:0 0 auto;display:block;border-radius:50%;overflow:hidden;background:#FFE3D3}
.pl-row .pr-ava{width:30px;height:30px;box-shadow:0 2px 6px rgba(160,90,60,.14)}
.pr-ava svg,.pp-avs svg,.pb-ava svg{display:block;width:100%;height:100%}
.pl-peer.hide,.pl-todo.hide,.pp-talk.hide{display:none}
.pulse.is-peer .pl-title{font-size:16px}
.pp-crowd{display:flex;align-items:center;gap:10px;margin-top:13px}
.pp-avs{display:flex}
.pp-avs i{width:30px;height:30px;margin-left:-10px;border:2px solid #fff;box-shadow:0 2px 6px rgba(160,90,60,.16)}
.pp-avs i:first-child{margin-left:0}
.pp-ct{display:flex;flex-direction:column;gap:1px;min-width:0;font-size:13px;color:var(--ink-2);line-height:1.3}
.pp-ct b{font-size:20px;font-weight:900;letter-spacing:-.4px;color:var(--brand);font-variant-numeric:tabular-nums;margin-right:2px}
.pp-ct small{font-size:11.5px;color:var(--muted)}
.pp-doing{display:flex;flex-direction:column;gap:10px;margin-top:14px}
.pp-doing:empty{display:none}
.pp-dl{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;color:var(--ink-2)}
.pp-dt b{font-size:15px;font-weight:900;color:var(--ink);font-variant-numeric:tabular-nums}
.pp-me{flex:0 0 auto;font:inherit;font-size:11.5px;font-weight:700;border:0;border-radius:999px;padding:3px 10px;white-space:nowrap}
.pp-me.todo{color:#fff;background:linear-gradient(135deg,#FF7A5C,#F4593C);box-shadow:0 3px 8px rgba(244,89,60,.25)}
.pp-me.todo:active{transform:scale(.95)}
.pp-me.ok{color:#4E8A43;background:#EAF5E6}
.pp-bar{position:relative;height:7px;margin-top:6px;border-radius:99px;background:#F6ECE6;overflow:hidden}
.pp-bar i{position:absolute;left:0;top:0;bottom:0;border-radius:99px;background:linear-gradient(90deg,#FFC2A8,#FF8A66);
transition:width 1.2s var(--ease)}
.pp-do.k-weight .pp-bar i{background:linear-gradient(90deg,#CBB9FF,#9F8CF0)}
.pl-todo{display:flex;align-items:center;gap:8px;margin-top:14px;padding:9px 10px;border-radius:14px;background:#FFF4EC;
border:1px dashed #FFCDB8}
.tdo-h{flex:0 0 auto;font-size:11.5px;font-weight:800;color:#C2593F;writing-mode:horizontal-tb}
.tdo-list{display:flex;flex-wrap:wrap;gap:6px;min-width:0}
.tdo-chip{display:inline-flex;align-items:center;gap:4px;border:0;font:inherit;font-size:12px;font-weight:700;color:var(--ink);
background:#fff;border-radius:999px;padding:4px 9px 4px 5px;box-shadow:0 1px 4px rgba(160,90,60,.1)}
.tdo-chip:active{transform:scale(.95)}
.tdo-chip b{color:var(--brand)}
.tdo-chip i{font-style:normal;opacity:.4}
.tdo-ico{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#5B8FD6}
.tdo-ico svg{width:11px;height:11px}
.tdo-chip.hot .tdo-ico{background:linear-gradient(135deg,#FFB547,#FF7A5C)}
.pp-talk{margin-top:14px}
.pp-sub{display:block;font-size:12px;font-weight:800;color:var(--muted);margin-bottom:8px}
.pp-bub{display:flex;align-items:center;gap:7px;margin-top:7px}
.pp-bub.r{flex-direction:row-reverse}
.pp-bub .pb-ava{width:26px;height:26px}
.pb-t{position:relative;max-width:62%;font-size:13px;font-weight:700;color:var(--ink);background:#FBF3EE;
padding:7px 11px;border-radius:4px 14px 14px 14px}
.pp-bub.r .pb-t{background:#F3EEFF;border-radius:14px 4px 14px 14px}
.pp-bub em{font-style:normal;font-size:10.5px;color:var(--muted);white-space:nowrap}
/* 孕期小知识 · 压缩版（2026-10-01：标题前带孕周；今日卡、7 天圆点、四张小卡都收紧，四卡改一行横滑） */
.pt-head{margin-bottom:8px;align-items:center}