/* 全局样式 */
body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    line-height: 1.6;
    color: #1f2937;
}

/* 过渡效果 */
a, button {
    transition: all 0.3s ease;
}

/* 滚动行为 */
html {
    scroll-behavior: smooth;
}

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

.fade-in {
    animation: fadeIn 0.8s ease-out forwards;
}

/* 响应式字体大小 */
@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

/* 自定义阴影 */
.shadow-soft {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -2px rgba(0, 0, 0, 0.025);
}

/* 按钮样式 */
.btn-primary {
    background-color: #4F46E5;
    color: white;
}

.btn-primary:hover {
    background-color: #4338CA;
}

/* 分割线样式 */
.divider {
    height: 1px;
    background-color: rgba(0, 0, 0, 0.1);
    margin: 2rem 0;
}

/* 卡片悬停效果 */
.card-hover:hover {
    transform: translateY(-5px);
    transition: transform 0.3s ease;
}

/* 响应式图片 */
.responsive-img {
    max-width: 100%;
    height: auto;
}