/* ===== animations.css ===== */
/* 用途：所有 @keyframes 定义以及入场动画类 */

@keyframes fade-in-up {
    from { opacity: 0; transform: translateY(24px); }
    to { opacity: 1; transform: translateY(0); }
}
@keyframes fade-in {
    from { opacity: 0; }
    to { opacity: 1; }
}
@keyframes pulse-glow {
    0% { box-shadow: 0 0 0 0 var(--accent-dim); }
    50% { box-shadow: 0 0 12px 2px var(--accent-dim); }
    100% { box-shadow: 0 0 0 0 var(--accent-dim); }
}
@keyframes star-drift {
    0% { background-position: 0 0, 0 0, 0 0; }
    100% { background-position: 200px 200px, -150px 150px, 180px -180px; }
}

@keyframes resultFadeIn {
    from { opacity: 0; transform: translateY(12px); }
    to { opacity: 1; transform: translateY(0); }
}

/* 可直接使用的动画类 */
.animate-fade-up {
    animation: fade-in-up 0.6s ease forwards;
}