/* 自定义Tailwind配置 */
@layer utilities {
    .content-auto {
        content-visibility: auto;
    }
    .text-shadow {
        text-shadow: 0 2px 4px rgba(0,0,0,0.1);
    }
    .animate-fade-in {
        animation: fadeIn 0.5s ease-in-out;
    }
}

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

/* 动画效果 */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* 表单验证样式 */
input:invalid:focus,
textarea:invalid:focus {
    border-color: red;
    box-shadow: 0 0 0 2px rgba(255, 0, 0, 0.2);
}

input:valid:focus,
textarea:valid:focus {
    border-color: green;
    box-shadow: 0 0 0 2px rgba(0, 128, 0, 0.2);
}