/* ============================================
   animations.css — 极简关键帧 + 工具类
   ============================================ */

/* === 淡入淡出 === */
@keyframes fade-in {
    from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0); }
}

@keyframes fade-out {
    from { opacity: 1; }
    to   { opacity: 0; }
}

/* === 右侧滑入/滑出（成就通知） === */
@keyframes slide-in-right {
    from { transform: translateX(100%); opacity: 0; }
    to   { transform: translateX(0); opacity: 1; }
}

@keyframes slide-out-right {
    from { transform: translateX(0); opacity: 1; }
    to   { transform: translateX(100%); opacity: 0; }
}

/* === 旋转（加载） === */
@keyframes spin {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}

/* === 工具类 === */
.animate-fade-in { animation: fade-in 0.3s ease forwards; }