/* 成功页面动画效果 */

@keyframes float {
  0%, 100% { 
    transform: translateY(0px); 
  }
  50% { 
    transform: translateY(-20px); 
  }
}

@keyframes float2 {
  0%, 100% { 
    transform: translateY(0px) rotate(0deg); 
  }
  50% { 
    transform: translateY(-15px) rotate(5deg); 
  }
}

@keyframes parachute {
  0%, 100% { 
    transform: translateY(0px) rotate(0deg); 
  }
  25% { 
    transform: translateY(-10px) rotate(-2deg); 
  }
  75% { 
    transform: translateY(-5px) rotate(2deg); 
  }
}

.float-animation {
  animation: float 3s ease-in-out infinite;
}

.float2-animation {
  animation: float2 4s ease-in-out infinite;
}

.parachute-animation {
  animation: parachute 6s ease-in-out infinite;
}