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

/* 自定义工具类 */
@layer utilities {
    .content-auto {
        content-visibility: auto;
    }
    .nav-link {
        @apply px-4 py-2 text-gray-700 hover:text-primary transition-colors duration-300;
    }
    .btn-primary {
        @apply bg-primary text-white px-6 py-3 rounded-lg hover:bg-primary/90 transition-all duration-300 shadow-md hover:shadow-lg;
    }
    .btn-secondary {
        @apply bg-white text-primary border border-primary px-6 py-3 rounded-lg hover:bg-primary/5 transition-all duration-300;
    }
    .section-title {
        @apply text-3xl md:text-4xl font-bold text-center mb-2;
    }
    .section-subtitle {
        @apply text-gray-600 text-center mb-12 max-w-2xl mx-auto;
    }
}

/* 自定义基础样式 */
@layer base {
    body {
        @apply font-sans text-gray-800 bg-light;
    }
    h1, h2, h3, h4, h5, h6 {
        @apply font-bold text-dark;
    }
    a {
        @apply transition-colors duration-300;
    }
}