/* Tailwind配置 */
tailwind.config = {
    theme: {
        extend: {
            colors: {
                primary: '#3B82F6',
                secondary: '#10B981',
                dark: '#1F2937',
                light: '#F3F4F6'
            },
            fontFamily: {
                sans: ['Inter', 'system-ui', 'sans-serif'],
            },
        }
    }
}

/* 自定义工具类 */
@layer utilities {
    .content-auto {
        content-visibility: auto;
    }
    .text-shadow {
        text-shadow: 0 2px 4px rgba(0,0,0,0.1);
    }
    .transition-custom {
        transition: all 0.3s ease;
    }
}

/* 全局样式补充 */
body {
    scroll-behavior: smooth;
}

/* 表单元素焦点样式优化 */
input:focus, textarea:focus {
    outline: none;
}

/* 链接样式补充 */
a {
    text-decoration: none;
}

/* 按钮交互效果增强 */
button {
    cursor: pointer;
}

/* 图片悬停效果优化 */
img {
    transition: transform 0.3s ease;
}

/* 确保页面内容最小高度 */
main {
    min-height: calc(100vh - 200px);
}