/* 暂时使用Google Fonts CDN，直到本地字体路径问题解决 */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Lora:wght@400;500;600;700&display=swap');

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

@layer utilities {
    .content-auto {
        content-visibility: auto;
    }
    .gradient-primary {
        background: linear-gradient(135deg, #4a6fa5 0%, #6b8cb8 100%);
    }
    .gradient-accent {
        background: linear-gradient(135deg, #f7931e 0%, #f9a84a 100%);
    }
    .float {
        animation: float 20s ease-in-out infinite;
    }
    @keyframes float {
        0%, 100% { transform: translateY(0px) rotate(0deg); }
        50% { transform: translateY(-20px) rotate(180deg); }
    }
}

/* Alpine.js 依赖的基础隐藏样式 */
[x-cloak] {
    display: none !important;
}