/* 基础样式 */
body {
    font-family: 'Inter', sans-serif;
    scroll-behavior: smooth;
}

/* 自定义动画 */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

.animate-fadeIn {
    animation: fadeIn 0.5s ease forwards;
}

/* 延迟动画 */
.delay-100 { animation-delay: 0.1s; }
.delay-200 { animation-delay: 0.2s; }
.delay-300 { animation-delay: 0.3s; }
.delay-400 { animation-delay: 0.4s; }
.delay-500 { animation-delay: 0.5s; }

/* 渐变背景 */
.bg-gradient-blue {
    background: linear-gradient(135deg, #165DFF 0%, #0A2463 100%);
}

.bg-gradient-orange {
    background: linear-gradient(135deg, #FF7D00 0%, #E63946 100%);
}

/* 卡片悬停效果 */
.card-hover {
    transition: all 0.3s ease;
}

.card-hover:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* 导航栏滚动效果 */
.navbar-scroll {
    transition: all 0.3s ease;
}

/* 响应式文本 */
.text-responsive {
    font-size: clamp(1rem, 2vw, 1.25rem);
}

.text-responsive-lg {
    font-size: clamp(1.5rem, 3vw, 2rem);
}

.text-responsive-xl {
    font-size: clamp(2rem, 4vw, 3rem);
}

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

/* 图片悬停放大 */
.img-hover-zoom {
    overflow: hidden;
}

.img-hover-zoom img {
    transition: transform 0.5s ease;
}

.img-hover-zoom:hover img {
    transform: scale(1.05);
}

/* 骨架屏效果 */
.skeleton {
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: skeleton-loading 1.5s infinite;
}

@keyframes skeleton-loading {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}