/* assets/css/lixi.css */
#lixi-container { pointer-events: none; position: fixed; inset: 0; overflow: hidden; z-index: 9999; }
.lixi-bao { position: absolute; top: -15vh; width: 56px; height: 48px; opacity: 0.95; transform-origin: center; will-change: transform, opacity; }
.lixi-bao img { width:100%; height:100%; display:block; }

@keyframes lixi-fall {
  0% { transform: translateY(-20vh) rotate(0deg); opacity: 0; }
  10% { opacity: 1; }
  100% { transform: translateY(110vh) rotate(360deg); opacity: 0; }
}

/* Helper class applied inline for random durations/delays */

@media (prefers-reduced-motion: reduce) {
  .lixi-bao { animation: none !important; opacity: 1 !important; }
}