feat(此刻): 收进孕育工具卡底部做轻量条，删「她们在聊」和全站今日三项 (v26100109)
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
125
mama-box.css
125
mama-box.css
@@ -2376,59 +2376,29 @@ a.skip:focus{left:16px;top:16px}
|
||||
③ 匿名动态：一行，每 3 秒往上翻一条
|
||||
背景两团慢慢漂的柔光 + 左上「此刻」红点呼吸，表达「正在发生」。
|
||||
===================================================================== */
|
||||
.pulse{margin:16px -26px 0;padding:16px 26px 18px;border-radius:26px;position:relative;z-index:0;overflow:hidden;
|
||||
background:linear-gradient(160deg,#fff 0%,#fff 45%,#FFF6F0 100%)}
|
||||
/* 2026-10-01 再改：收进 .tool-dock 底部做轻量条（见 index.html #pulse 注释）。
|
||||
不再是独立白卡：浅暖底圆角带，左右不出血，和宫格同宽；字号整体比工具卡小一档，读起来是「附注」不是第二个模块。 */
|
||||
.pulse{margin-top:12px;padding:11px 12px 10px;border-radius:18px;background:#FFF6F0}
|
||||
.pulse.hide{display:none}
|
||||
.pl-orb{position:absolute;z-index:-1;border-radius:50%;filter:blur(18px);opacity:.55;pointer-events:none}
|
||||
.pl-orb.o1{width:150px;height:150px;right:-40px;top:-50px;background:#FFD9CB;animation:plDrift 9s ease-in-out infinite}
|
||||
.pl-orb.o2{width:120px;height:120px;left:-30px;bottom:-50px;background:#F1E2FF;animation:plDrift 11s ease-in-out infinite reverse}
|
||||
@keyframes plDrift{0%,100%{transform:translate(0,0)}50%{transform:translate(-18px,14px)}}
|
||||
.pl-head{display:flex;align-items:center;gap:8px}
|
||||
.pl-live{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:800;color:#fff;
|
||||
background:linear-gradient(135deg,#FF6B57,#F4593C);border-radius:999px;padding:3px 9px 3px 7px}
|
||||
.pl-live i{position:relative;width:6px;height:6px;border-radius:50%;background:#fff}
|
||||
.pl-head{display:flex;align-items:center;gap:7px;min-width:0}
|
||||
.pl-live{flex:0 0 auto;display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:800;color:#fff;
|
||||
background:linear-gradient(135deg,#FF6B57,#F4593C);border-radius:999px;padding:2px 7px 2px 6px}
|
||||
.pl-live i{position:relative;width:5px;height:5px;border-radius:50%;background:#fff}
|
||||
.pl-live i::after{content:"";position:absolute;inset:-3px;border-radius:50%;border:1.5px solid #fff;animation:plPing 1.6s ease-out infinite}
|
||||
@keyframes plPing{from{transform:scale(.6);opacity:1}to{transform:scale(1.9);opacity:0}}
|
||||
.pl-title{font-size:16.5px;font-weight:800;letter-spacing:-.2px}
|
||||
.pl-total{display:flex;align-items:center;gap:10px;margin-top:14px}
|
||||
.pl-total.hide,.pl-today.hide,.pl-feed.hide{display:none}
|
||||
.pl-avs{display:flex;flex:0 0 auto}
|
||||
.pl-avs i{width:28px;height:28px;border-radius:50%;border:2px solid #fff;margin-left:-9px;box-shadow:0 2px 6px rgba(200,120,100,.18);
|
||||
background:#FFC9B6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Ccircle cx='14' cy='11' r='5' fill='%23fff'/%3E%3Cpath d='M5 26c1-6 5-9 9-9s8 3 9 9z' fill='%23fff'/%3E%3C/svg%3E") center/100% no-repeat}
|
||||
.pl-avs i:first-child{margin-left:0}
|
||||
.pl-avs i:nth-child(2){background-color:#C9B6FF}
|
||||
.pl-avs i:nth-child(3){background-color:#FFD98A}
|
||||
.pl-avs i:nth-child(4){background-color:#9ED8C0}
|
||||
.pl-tt{display:flex;flex-wrap:wrap;align-items:baseline;font-size:13px;color:var(--ink-2);line-height:1.3}
|
||||
#plSuf{flex-basis:100%;margin-top:1px;font-size:12.5px}
|
||||
.pl-tt b{display:inline-block;margin:0 3px;font-size:24px;font-weight:900;letter-spacing:-.5px;color:var(--brand);
|
||||
font-variant-numeric:tabular-nums;vertical-align:-2px}
|
||||
.pl-today{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}
|
||||
.pl-stat{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:2px;border:0;border-radius:16px;
|
||||
padding:10px 10px 9px;text-align:left;font:inherit;overflow:hidden;transition:transform .16s}
|
||||
.pl-stat:active{transform:scale(.96)}
|
||||
.pl-stat .ps-ico{width:22px;height:22px;border-radius:8px;display:grid;place-items:center;color:#fff;margin-bottom:4px}
|
||||
.pl-stat .ps-ico svg{width:14px;height:14px}
|
||||
.pl-stat b{font-size:18px;font-weight:900;letter-spacing:-.4px;font-variant-numeric:tabular-nums}
|
||||
.pl-stat span{font-size:11px;line-height:1.35;color:var(--ink-2)}
|
||||
.pl-stat i.go{position:absolute;right:8px;top:10px;font-style:normal;font-size:13px;opacity:.45}
|
||||
.pl-stat.k-kick{background:#FFF0EA}.pl-stat.k-kick b{color:#E5583C}.pl-stat.k-kick .ps-ico{background:#F4795C}
|
||||
.pl-stat.k-weight{background:#EEF6EC}.pl-stat.k-weight b{color:#4E8A43}.pl-stat.k-weight .ps-ico{background:#6EAE5E}
|
||||
.pl-stat.k-game{background:#FFF0F5}.pl-stat.k-game b{color:#D9487A}.pl-stat.k-game .ps-ico{background:#F07AA0}
|
||||
.pl-feed{position:relative;margin-top:12px;height:46px;overflow:hidden;border-radius:14px;background:#FBF6F2;
|
||||
.pl-title{flex:1;min-width:0;font-size:12.5px;font-weight:600;color:var(--ink-2);line-height:1.35}
|
||||
.pl-title b{font-size:15px;font-weight:900;letter-spacing:-.3px;color:var(--brand);font-variant-numeric:tabular-nums}
|
||||
.pl-feed.hide{display:none}
|
||||
.pl-feed{position:relative;margin-top:8px;height:40px;overflow:hidden;border-radius:12px;background:#fff;
|
||||
-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 18%,#000 82%,transparent 100%);
|
||||
mask-image:linear-gradient(180deg,transparent 0,#000 18%,#000 82%,transparent 100%)}
|
||||
.pl-track{will-change:transform}
|
||||
.pl-track.is-move{transition:transform .55s var(--ease)}
|
||||
.pl-row{display:flex;align-items:center;gap:9px;height:46px;padding:0 12px}
|
||||
.pl-row .pr-ico{flex:0 0 auto;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;color:#fff}
|
||||
.pl-row .pr-ico svg{width:14px;height:14px}
|
||||
.pl-row .pr-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
|
||||
.pl-row .pr-who{font-size:10.5px;color:var(--muted)}
|
||||
.pl-row .pr-do{font-size:12.5px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
|
||||
.pl-row{display:flex;align-items:center;gap:8px;height:40px;padding:0 10px}
|
||||
.pl-row .pr-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:0}
|
||||
.pl-row .pr-who{font-size:10px;color:var(--muted)}
|
||||
.pl-row .pr-do{font-size:12px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
|
||||
.pl-row .pr-do em{font-style:normal;color:var(--brand)}
|
||||
.a-kick .pr-ico{background:#F4795C}.a-weight .pr-ico{background:#6EAE5E}.a-cal .pr-ico{background:#5B8FD6}
|
||||
.a-game .pr-ico{background:#F07AA0}.a-box .pr-ico{background:linear-gradient(135deg,#FFB547,#FF7A5C)}
|
||||
|
||||
/* =====================================================================
|
||||
孕期盲盒 · 详情页（2026-10-01）
|
||||
@@ -2638,7 +2608,7 @@ a.skip:focus{left:16px;top:16px}
|
||||
@keyframes bxHolo{from{background-position:120% 0}to{background-position:-120% 0}}
|
||||
|
||||
@media (prefers-reduced-motion:reduce){
|
||||
.bb-banner .bb-gift svg,.bb-badge,.bb-shine,.pl-orb,.pl-live i::after,.bx-rays,.bx-sp,.bx-box,.bx-shadow,.bx-open,.bx-mini,
|
||||
.bb-banner .bb-gift svg,.bb-badge,.bb-shine,.pl-live i::after,.bx-rays,.bx-sp,.bx-box,.bx-shadow,.bx-open,.bx-mini,
|
||||
.bx-t.can,.bx-t.flash::after,.bx-glow,.cf-holo{animation:none!important}
|
||||
.bb-shine{display:none}
|
||||
.bx-card3d{transition-duration:.2s}
|
||||
@@ -2646,53 +2616,38 @@ 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}
|
||||
|
||||
/* 此刻卡 · 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)}
|
||||
/* 此刻 · 同孕周（A+B 改版，2026-10-01）：人物头像表现「人」，不用应用 logo，和上面工具卡（色块 + logo）拉开。 */
|
||||
.pl-row .pr-ava,.pp-avs i{flex:0 0 auto;display:block;border-radius:50%;overflow:hidden;background:#FFE3D3}
|
||||
.pl-row .pr-ava{width:26px;height:26px}
|
||||
.pr-ava svg,.pp-avs svg{display:block;width:100%;height:100%}
|
||||
.pp-avs{flex:0 0 auto;display:flex}
|
||||
.pp-avs:empty{display:none}
|
||||
.pp-avs i{width:22px;height:22px;margin-left:-7px;border:1.5px solid #FFF6F0}
|
||||
.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-doing.hide,.pl-todo.hide{display:none}
|
||||
.pp-doing{display:flex;flex-direction:column;gap:7px;margin-top:10px}
|
||||
.pp-do{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ink-2)}
|
||||
.pp-dt{flex:0 0 auto;white-space:nowrap}
|
||||
.pp-dt b{font-size:13px;font-weight:900;color:var(--ink);font-variant-numeric:tabular-nums}
|
||||
.pp-bar{flex:1;min-width:24px;position:relative;height:5px;border-radius:99px;background:#F3E3DA;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)}
|
||||
.pp-me{flex:0 0 auto;font:inherit;font-size:11px;font-weight:700;border:0;border-radius:999px;padding:2px 8px;white-space:nowrap}
|
||||
.pp-me.todo{color:#fff;background:linear-gradient(135deg,#FF7A5C,#F4593C)}
|
||||
.pp-me.todo:active{transform:scale(.95)}
|
||||
.pp-me.ok{color:#4E8A43;background:#EAF5E6}
|
||||
.pl-todo{display:flex;align-items:flex-start;gap:7px;margin-top:9px}
|
||||
.tdo-h{flex:0 0 auto;font-size:11px;font-weight:800;color:#C2593F;line-height:22px}
|
||||
.tdo-list{display:flex;flex-wrap:wrap;gap:6px;flex:1;min-width:0}
|
||||
.tdo-chip{display:inline-flex;align-items:center;gap:4px;border:0;font:inherit;font-size:11.5px;font-weight:700;color:var(--ink);
|
||||
background:#fff;border-radius:999px;padding:3px 8px 3px 4px;white-space:nowrap}
|
||||
.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-ico{width:16px;height:16px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#5B8FD6}
|
||||
.tdo-ico svg{width:10px;height:10px}
|
||||
.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}
|
||||
|
||||
Reference in New Issue
Block a user