feat(首页头图): 按预产期推算星座,孕囊右下角挂「xx宝宝」玻璃小牌 (v26100424)

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
2026-10-04 08:40:36 +00:00
parent 62d885ab72
commit d01a617ec5
4 changed files with 50 additions and 4 deletions

View File

@@ -4529,3 +4529,17 @@ a.skip:focus{left:16px;top:16px}
.fb-st{margin-left:auto;padding:1px 7px;border-radius:999px;background:#F3ECE6;color:#A08D80;font-size:11px}
.fb-st.done{background:#E6F5EE;color:#2F9A6A}
.fb-reply{margin-top:6px;padding:7px 9px;border-radius:9px;background:#FFF6EF;color:#9A5A3C;font-size:12.5px}
/* ============ 2026-10-04 头图星座牌(js/hero-fx.js renderZod) ============
挂在 .hero-baby 右下角的空角里,随孕囊一起浮。小、轻、像一枚贴在羊水外的玻璃标签:
磨砂半透明底 + 发丝细边;左边一枚奶油色小圆里一颗自绘四角星(不用 ♋ 一类符号:部分安卓没字形会成方框),右边 11px 字、字距拉开。 */
.hero-zod{position:absolute;right:-2%;bottom:3%;z-index:4;display:inline-flex;align-items:center;gap:5px;
height:20px;padding:0 9px 0 3px;border-radius:999px;white-space:nowrap;
background:linear-gradient(135deg,rgba(255,255,255,.26),rgba(255,255,255,.10));border:.5px solid rgba(255,255,255,.55);
-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 4px 14px rgba(120,35,20,.16);
opacity:0;transform:translateY(4px);transition:opacity .8s ease .3s,transform .8s ease .3s}
.hero-zod.is-on{opacity:1;transform:none}
.hero-zod i{display:grid;place-items:center;width:14px;height:14px;border-radius:50%;background:#FFF4E6;color:#C8573A;
font-style:normal}
.hero-zod svg{display:block;margin-top:.5px}
.hero-zod b{font-size:10.5px;font-weight:600;letter-spacing:1.2px;color:#FFF7EE;text-shadow:0 1px 2px rgba(120,35,20,.25)}