@tailwind base;
@tailwind components;
@tailwind utilities;

@layer utilities {
    /* 保留必要的自定义动画，Tailwind内置动画可能不完全匹配我们的需求 */
    .animate-fade-in {
        animation: fadeIn 0.5s ease-in-out;
    }
    @keyframes fadeIn {
        from { opacity: 0; transform: translateY(10px); }
        to { opacity: 1; transform: translateY(0); }
    }
    .animate-slide-in {
        animation: slideIn 0.3s ease-in-out;
    }
    @keyframes slideIn {
        from { transform: translateX(-20px); opacity: 0; }
        to { transform: translateX(0); opacity: 1; }
    }
    /* 简化的搜索输入框样式，使用Tailwind内置的ring-2 focus样式 */
    .search-input:focus {
        box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.3);
    }
}