diff --git a/index.html b/index.html index d7d5c4f..a0f9289 100644 --- a/index.html +++ b/index.html @@ -7,7 +7,7 @@ 兜爸心选 · 孕育陪伴 - + diff --git a/js/app.js b/js/app.js index 7a4ad5e..1efeb53 100644 --- a/js/app.js +++ b/js/app.js @@ -3,7 +3,7 @@ (function () { 'use strict'; /* 页面版本号(YYMMDD+序号):显示在「关于兜爸心选」页底部;bump 时同步 head 注释与 ?v= */ - var VER = '26100152'; + var VER = '26100153'; const $ = (s, c) => (c || document).querySelector(s); const $$ = (s, c) => Array.from((c || document).querySelectorAll(s)); diff --git a/mama-box.css b/mama-box.css index ef3d1e8..fefdc46 100644 --- a/mama-box.css +++ b/mama-box.css @@ -3359,3 +3359,33 @@ a.skip:focus{left:16px;top:16px} .lc-desc{font-size:11.5px;color:#8A7A72;margin:3px 0 4px} .lc-link{font-size:12px;color:var(--brand)} @media (prefers-reduced-motion:reduce){.letter-card.has-new .lc-env{animation:none}} + +/* ================= 去「胶囊雷同」(2026-10-02 用户截图:此刻 / 你今天还没数 / 孕30周 / 今日小知识 / 本周第3天 + 全是「彩底圆角胶囊」,一屏看下来同一种视觉、抓不住重点)================= + 原则:一块里只留**一个**实心胶囊 = 真正要点的动作;其余标签降级成纯文字层级(颜色/字重/字号区分),不再加底色。 + · 此刻:红色呼吸点 + 红字,去底色;整条去掉桃色底,改为工具区底部一条细分隔线下的「附注」 + · 你今天还没数:保留实心(全块唯一 CTA) + · 孕30周:标题前的彩块改成品牌色大号数字「孕30周」+ 细竖线 + 标题 + · 本周第3天:灰色纯文字 + · 今日小知识:卡内角标改成小号字距文字「✦ 今日小知识」 + · 7 天圆点:只有「今天」是实心圆,其余只留数字 */ +.pulse{background:none;border-radius:0;margin-top:14px;padding:12px 2px 2px;border-top:1px solid rgba(200,150,130,.18)} +.pl-live{background:none;color:#F4593C;padding:0;font-size:12px;gap:6px;letter-spacing:.5px} +.pl-live i{width:6px;height:6px;background:#F4593C} +.pl-live i::after{border-color:#F4593C} +.pl-live::after{content:"";width:1px;height:12px;background:rgba(160,120,100,.3);margin-left:3px} + +.pt-wk{background:none;box-shadow:none;padding:0;border-radius:0;color:var(--brand);font-size:17px;font-weight:900;letter-spacing:-.3px} +.pt-title{gap:8px} +.pt-title .pt-wk::after{content:"";display:inline-block;width:1px;height:14px;margin-left:8px;vertical-align:-1px;background:rgba(160,120,100,.35)} +.pt-when{background:none;padding:0;color:#A08C82;font-weight:600;font-size:12px} + +.pt-badge{background:none;padding:0;border-radius:0;color:#E0603F;font-size:11.5px;font-weight:800;letter-spacing:1.5px} +.pt-badge::before{content:"✦ "} + +.pt-day i,.pt-day.is-past i,.pt-day.is-lock i{background:none;box-shadow:none} +.pt-day.is-past i{color:#D0735A} +.pt-day.is-lock i{color:#D9C2B8} +.pt-day.is-sel:not(.is-today) i{background:none;color:#C24A30;text-decoration:underline;text-underline-offset:3px} +.pt-badge{display:inline-flex;align-items:center;gap:6px} +.pt-badge::before{content:"";width:6px;height:6px;border-radius:1.5px;background:#F4593C;transform:rotate(45deg)}