/* ==================== 全站间距和尺寸优化 ==================== */

/* 【1. 基础字体】 */
body {
    font-size: 15px;
    line-height: 1.7;
}

/* 【2. 标题字体大小】 */
h1 {
    font-size: clamp(1.875rem, 4vw, 2.25rem);
}

h2 {
    font-size: clamp(1.5rem, 3.5vw, 1.875rem);
}

h3 {
    font-size: clamp(1.25rem, 2.5vw, 1.5rem);
}

h4 {
    font-size: 1.125rem;
}

h5, h6 {
    font-size: 1rem;
}

/* 【3. Section间距】 */
section {
    padding: 2rem 0;
}

/* 【4. 容器宽度】 */
.container {
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

/* 【5. 按钮尺寸】 */
.btn {
    padding: 0.625rem 1.5rem;
    font-size: 0.875rem;
    font-weight: 500;
}

/* 【6. 卡片间距】 */
.core-services-grid,
.services-grid,
.cases-grid,
.articles-grid {
    gap: 2rem;
}

.core-service-card,
.service-card,
.case-card,
.article-card,
.qa-card {
    padding: 1.5rem;
}

/* 【7. 移动端优化】 */
@media (max-width: 768px) {
    body {
        font-size: 14px;
    }
    
    section {
        padding: 2rem 0;
    }
    
    .container {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    
    .core-services-grid,
    .services-grid,
    .cases-grid {
        gap: 1.5rem;
    }
    
    .core-service-card,
    .service-card,
    .case-card,
    .qa-card {
        padding: 1.25rem;
    }
}