/* 配套页 hero 动画（主题 0.9.39）。只作用于 .osw-hero-fx；动画层不接收点击，按钮和弹层不受影响。
   层次：.osw-scene（图 + 月亮光晕/星星，-2）< .hero::after 遮罩（-1）< .osw-scene-top（画布：流水/波光/桂花，0）< 文字与按钮（1） */
.hero.osw-hero-fx .osw-scene,.hero.osw-hero-fx .osw-scene-top{position:absolute;inset:0;pointer-events:none;
  animation:osw-kb 26s ease-in-out infinite alternate;transform-origin:72% 20%}
.hero.osw-hero-fx .osw-scene{z-index:-2}
.hero.osw-hero-fx .osw-scene-top{z-index:0}
.hero.osw-hero-fx .container{position:relative;z-index:1}
.hero.osw-hero-fx .osw-stage,.hero.osw-hero-fx .osw-stage-top{position:absolute}
.hero.osw-hero-fx .osw-stage-top canvas{position:absolute}
@keyframes osw-kb{from{transform:scale(1)}to{transform:scale(1.07) translate(-1%,.6%)}}
.hero.osw-hero-fx .osw-moon-glow{position:absolute;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);mix-blend-mode:screen;
  background:radial-gradient(circle,rgba(255,228,160,.55) 0%,rgba(255,214,130,.22) 30%,rgba(255,205,120,0) 62%);animation:osw-breathe 5.5s ease-in-out infinite alternate}
@keyframes osw-breathe{from{opacity:.45;transform:translate(-50%,-50%) scale(.94)}to{opacity:1;transform:translate(-50%,-50%) scale(1.06)}}
.hero.osw-hero-fx .osw-star{position:absolute;aspect-ratio:1;border-radius:50%;background:#FFF7DC;box-shadow:0 0 5px 2px rgba(255,226,150,.85);opacity:0;animation:osw-twinkle var(--d) ease-in-out var(--dl) infinite}
@keyframes osw-twinkle{0%,100%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.25)}}
/* 文字依次浮现；按钮只上移不淡入，第一帧就看得见、一直可点。fill-mode 用 backwards，结束后不锁 transform（保留按下反馈） */
.hero.osw-hero-fx .k,.hero.osw-hero-fx h1,.hero.osw-hero-fx p{animation:osw-rise .8s cubic-bezier(.2,.7,.2,1) backwards}
.hero.osw-hero-fx h1{animation-delay:.1s}
.hero.osw-hero-fx p{animation-delay:.22s}
.hero.osw-hero-fx .osw-btn,.hero.osw-hero-fx .cta{animation:osw-rise-btn .8s cubic-bezier(.2,.7,.2,1) .34s backwards}
/* 首页手机裁切：中秋图从 73% 挪到 84%（和配套页一致，叶伟 09-24 确认），大出水口顶部不被切掉。
   绑在 osw-midautumn 上：10/7 撤中秋类名后自动失效，不影响新图 */
@media (max-width:767px){.hero.osw-midautumn.osw-hero-fx.home .hero-img{object-position:84% 30%}}
@keyframes osw-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes osw-rise-btn{from{transform:translateY(12px)}to{transform:none}}
@media (prefers-reduced-motion:reduce){
  .hero.osw-hero-fx .osw-scene,.hero.osw-hero-fx .osw-scene-top,.hero.osw-hero-fx .osw-moon-glow,.hero.osw-hero-fx .osw-star,
  .hero.osw-hero-fx .k,.hero.osw-hero-fx h1,.hero.osw-hero-fx p,.hero.osw-hero-fx .osw-btn,.hero.osw-hero-fx .cta{animation:none}
}
/* 0.9.50 首页店庆实拍图（anniv-2026-home*.webp，出水口在右）的裁切位置；只绑 .osw-anniv，中秋规则不动 */
.hero.osw-anniv.home .hero-img{object-position:62% 55%}
@media (max-width:767px){.hero.osw-midautumn.osw-hero-fx.osw-anniv.home .hero-img{object-position:70% 50%}}