style(首页头图): 白色水纹换成有深度的羊水层——背景折射晃动、暗流、景深暗角、远近两层微粒 (v26100422)

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
2026-10-04 08:12:45 +00:00
parent dca1b69eff
commit 72a7e4b935
4 changed files with 84 additions and 38 deletions
--- a/mama-box.css
+++ b/mama-box.css
@@ -4494,3 +4494,7 @@ a.skip:focus{left:16px;top:16px}
 .hero-baby{animation:hbFloat 6s ease-in-out infinite}
@keyframes hbFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@media (prefers-reduced-motion:reduce){.hero-baby{animation:none}}
+
+/* 2026-10-04 羊水深度层：在宝宝下面（z1），正常混合，能压暗也能提亮；画满后盖住 CSS 背景（CSS 背景留作降级/首帧） */
+.hero-water{position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity 1s ease}
+.hero-water.is-on{opacity:1}