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

style(首页): 头图孕囊宝宝整体缩小到 82%，圆心不动 (v26100415)

Browse Source 
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
Karlcarlo
2026-10-04 04:34:52 +00:00
parent 72a190fe71
commit bb53087f7d
3 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
mama-box.css
View File

@@ -297,7 +297,8 @@ a.skip:focus{left:16px;top:16px}
其它阶段围绕同一圆心按 --k 缩放。羽化遮罩 84%→100% 把方块边化进空背景。 */
/* 2026-10-04：孕囊大小跟着宝宝变 —— --k 是相对原 25 周那颗囊的倍数（JS 按孕周阶段写，见 js/hero-fx.js STAGES）。
圆心固定在原来那颗囊的圆心（距右 .42665H、距顶 .5H），只改直径，所以小囊会往圆心收、大囊往四周撑。 */
.hero-baby{--H:calc(250px + env(safe-area-inset-top));--k:1;--d:calc(var(--H) * .8453 * var(--k));
/* 2026-10-04 用户：「右侧小宝宝太大」—— 全阶段统一 ×.82（--s），圆心不动 */
.hero-baby{--H:calc(250px + env(safe-area-inset-top));--k:1;--s:.82;--d:calc(var(--H) * .8453 * var(--k) * var(--s));
position:absolute;z-index:2;
top:calc(var(--H) * .5 - var(--d) / 2);
right:calc(var(--H) * .42665 - var(--d) / 2);