/* Tailwind CSS v3.4.1 静态文件 - 生产环境使用 */
@import url('https://cdn.jsdelivr.net/npm/tailwindcss@3.4.1/dist/tailwind.min.css');

/* 自定义动画 */
@keyframes float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}
@keyframes pulse-glow {
    0%, 100% { box-shadow: 0 0 20px rgba(147, 51, 234, 0.4); }
    50% { box-shadow: 0 0 40px rgba(147, 51, 234, 0.8); }
}
@keyframes gradient-shift {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}
.animate-float { animation: float 3s ease-in-out infinite; }
.animate-pulse-glow { animation: pulse-glow 2s ease-in-out infinite; }
.animate-gradient-shift { animation: gradient-shift 15s ease infinite; background-size: 200% 200%; }

/* 滚动动画 */
.scroll-animation { opacity: 0; transform: translateY(30px); transition: all 0.6s ease-out; }
.scroll-animation.visible { opacity: 1; transform: translateY(0); }

/* 玻璃拟态效果 */
.glass-effect {
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

/* 卡片悬停效果 */
.card-hover {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.card-hover:hover {
    transform: translateY(-8px) scale(1.02);
}