/* 自定义样式 */
/* @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700&display=swap'); */

body {
    font-family: 'Noto Sans SC', sans-serif;
}

/* 平滑滚动 */
html {
    scroll-behavior: smooth;
}

/* 自定义动画 */
.hover-scale {
    transition: transform 0.3s ease;
}

.hover-scale:hover {
    transform: scale(1.02);
}

/* 自定义阴影 */
.custom-shadow {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* 渐变背景 */
.gradient-bg {
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
}

/* 响应式容器 */
.container {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 1rem;
}

/* 自定义按钮样式 */
.btn-primary {
    @apply bg-blue-600 text-white px-6 py-2 rounded-lg hover:bg-blue-700 transition-colors duration-300;
}

.btn-secondary {
    @apply bg-white text-blue-600 px-6 py-2 rounded-full font-medium hover:bg-blue-50 transition duration-300;
}

/* 卡片样式 */
.card {
    @apply bg-white rounded-lg shadow-sm hover:shadow-md transition duration-300 p-6;
}

/* 标题样式 */
.section-title {
    @apply text-3xl font-bold text-center mb-12 text-gray-900;
}

/* 文本样式 */
.text-gradient {
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* 表单样式 */
.form-input {
    @apply w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent;
}

.form-label {
    @apply block text-sm font-medium text-gray-700 mb-1;
}

/* 错误提示样式 */
.error-message {
    @apply text-red-500 text-sm mt-1;
}

/* 成功提示样式 */
.success-message {
    @apply text-green-500 text-sm mt-1;
}

/* 图片淡入效果 */
img {
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
}

img[data-src] {
    opacity: 0;
}