/* 首页专属动画与样式（从 index.html 内联 <style> 外提，便于浏览器缓存） */

/* 音频波形动画 */
@keyframes pulse-wave {
    0%, 100% { transform: scaleY(0.3); opacity: 0.6; }
    50% { transform: scaleY(1); opacity: 1; }
}
.animate-pulse-wave {
    animation: pulse-wave 1.2s ease-in-out infinite;
    transform-origin: center;
}

/* 漂浮动画 */
@keyframes float {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-8px); }
}
.animate-float {
    animation: float 3s ease-in-out infinite;
}

/* 进度条脉冲 */
@keyframes progressPulse {
    0%, 100% { opacity: 0.8; }
    50% { opacity: 1; }
}

/* 低端机/省电模式：降低动画频率 */
@media (prefers-reduced-motion: reduce) {
    .animate-pulse-wave,
    .animate-float {
        animation: none !important;
    }
}