/* scene: 紅毯走秀 */

/* ─── Scene wrapper — 固定右下、半透明、不擋互動 ─── */
.scene-box {
  position: fixed; right: 4%; bottom: 4%;
  width: 320px; height: 320px;
  z-index: 9990; pointer-events: none;
  opacity: 0.92;
  filter: drop-shadow(0 12px 32px rgba(0,0,0,.3));
}
@media (max-width: 768px) { .scene-box { width: 200px; height: 200px; right: 2%; bottom: 2%; } }
@media (max-width: 480px) { .scene-box { display: none; } }
@media (prefers-reduced-motion: reduce) { .scene-box { display: none !important; } }
.scene-box * { position: absolute; }


.heel { width:80px; height:80px; bottom:60px; left:80px;
  background: linear-gradient(135deg,#1a1a1a,#0a0a0a); border-radius: 50% 50% 10% 0;
  clip-path: polygon(0% 80%, 40% 80%, 60% 50%, 100% 0%, 100% 60%, 60% 100%, 0% 100%);
  animation: heel-step 5s ease-in-out infinite; box-shadow: 0 8px 20px rgba(212,175,55,.4); }
@keyframes heel-step { 0%,100%{transform:translate(0,0) rotate(-5deg);} 50%{transform:translate(40px,-10px) rotate(15deg);} }
.petal { width:18px; height:24px; border-radius: 50% 0 50% 50%;
  background: linear-gradient(135deg,#c14a78,#6a1a3e); }
.petal.p1{top:20px; left:50%; animation: petal-fall 4s linear infinite;}
.petal.p2{top:0; left:30%; animation: petal-fall 5.5s linear infinite .8s;}
.petal.p3{top:0; left:70%; animation: petal-fall 4.8s linear infinite 1.6s;}
.petal.p4{top:0; left:55%; animation: petal-fall 5s linear infinite 2.4s;}
@keyframes petal-fall { 0%{transform:translate(0,0) rotate(0); opacity:0;} 10%{opacity:1;} 90%{opacity:1;} 100%{transform:translate(-30px,260px) rotate(360deg); opacity:0;} }
.champagne { width:50px; height:90px; bottom:140px; right:60px;
  background: linear-gradient(180deg, transparent 0%, rgba(212,175,55,.4) 30%, #d4af37 95%);
  border-radius: 8px 8px 60% 60% / 8px 8px 40% 40%;
  border: 2px solid #d4af37; }
.bubble { width:8px; height:8px; bottom:160px; right:80px;
  background: rgba(255,240,200,.8); border-radius: 50%;
  animation: bubble-up 2.5s ease-in infinite; }
.bubble.b1{animation-delay:0s; right:78px;} .bubble.b2{animation-delay:.8s; right:82px;}
.bubble.b3{animation-delay:1.5s; right:75px;}
@keyframes bubble-up { 0%{transform:translateY(0); opacity:0;} 30%{opacity:1;} 100%{transform:translateY(-80px); opacity:0;} }
.diamond { width:24px; height:24px; top:80px; right:120px;
  background: linear-gradient(135deg,#fff,#e0e0ff); clip-path: polygon(50% 0,100% 40%, 80% 100%, 20% 100%, 0% 40%);
  animation: diamond-shine 3s ease-in-out infinite; filter: drop-shadow(0 0 8px #d4af37); }
@keyframes diamond-shine { 0%,100%{transform:scale(1) rotate(0); opacity:.8;} 50%{transform:scale(1.3) rotate(180deg); opacity:1;} }

/* weimei 主站：scene 移到左下、加大、加陰影框 */
.scene-box {
  left: 3% !important; right: auto !important;
  bottom: 6% !important;
  width: 440px !important; height: 440px !important;
  z-index: 9990 !important;
  background: radial-gradient(circle at center, rgba(0,0,0,.15), transparent 70%);
  border-radius: 50%;
}
@media (max-width: 1024px) { .scene-box { width: 280px !important; height: 280px !important; } }
@media (max-width: 768px) { .scene-box { width: 200px !important; height: 200px !important; } }
.niche-float.a { right: 4% !important; top: 70% !important; }
.niche-float.b { left: 4% !important; bottom: 50% !important; }