/* ==========================================================================
   框架编号 33: 樱花飘落 · 樱花少量飘落 (Sakura Falling Effect)
   自然治愈系视觉动效组件
   ========================================================================== */

#sakura-canvas {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  pointer-events: none;
  z-index: 2;
  will-change: transform;
  opacity: 0.9;
  transition: opacity 0.5s ease;
}

/* 治愈系樱花氛围微光装饰 */
.sakura-glow-ambient {
  position: absolute;
  border-radius: 50%;
  filter: blur(80px);
  pointer-events: none;
  z-index: 0;
  opacity: 0.35;
  transition: transform 1.2s ease, opacity 0.8s ease;
}

.sakura-glow-1 {
  top: -10%;
  right: -5%;
  width: 500px;
  height: 500px;
  background: radial-gradient(circle, rgba(255, 183, 197, 0.45) 0%, rgba(255, 230, 235, 0) 70%);
}

.sakura-glow-2 {
  top: 40%;
  left: -10%;
  width: 600px;
  height: 600px;
  background: radial-gradient(circle, rgba(255, 209, 220, 0.35) 0%, rgba(255, 240, 245, 0) 70%);
}

.sakura-glow-3 {
  bottom: 5%;
  right: -8%;
  width: 550px;
  height: 550px;
  background: radial-gradient(circle, rgba(255, 192, 203, 0.3) 0%, rgba(255, 245, 247, 0) 70%);
}

/* 当用户开启系统的减弱动态效果支持 (prefers-reduced-motion) */
@media (prefers-reduced-motion: reduce) {
  #sakura-canvas {
    display: none !important;
  }
  .sakura-glow-ambient {
    display: none !important;
  }
}