/* ECS页面尺寸优化 - 让整体显示更大更舒适 */

/* 覆盖use-case-icon的尺寸 */
.use-case-icon {
    width: 72px !important;
    height: 72px !important;
    border-radius: var(--radius-lg) !important;
}

.use-case-icon i {
    font-size: var(--text-2xl) !important;
}

.use-case-card h5 {
    font-size: var(--text-xl) !important;
}

.use-case-card p {
    font-size: var(--text-base) !important;
}

/* 优化use-case-features */
.use-case-features li {
    font-size: var(--text-base) !important;
    padding: var(--space-sm) var(--space-md) !important;
}

/* 优化advantage-icon */
.advantage-icon {
    width: 72px !important;
    height: 72px !important;
}

.advantage-icon i {
    font-size: var(--text-2xl) !important;
}

.advantage-content h4 {
    font-size: var(--text-2xl) !important;
}

.advantage-content p {
    font-size: var(--text-lg) !important;
}

.advantage-content a {
    font-size: var(--text-base) !important;
}

.security-icon {
    width: 64px !important;
    height: 64px !important;
}

.security-icon i {
    font-size: var(--text-xl) !important;
}

.security-feature strong {
    font-size: var(--text-xl) !important;
}

.security-feature {
    font-size: var(--text-base) !important;
}

.case-logo {
    width: 64px !important;
    height: 64px !important;
}

.case-logo i {
    font-size: var(--text-xl) !important;
}

.case-info h5 {
    font-size: var(--text-lg) !important;
}

.case-industry {
    font-size: var(--text-sm) !important;
}

.case-content p {
    font-size: var(--text-base) !important;
}

.case-metrics .metric-value {
    font-size: var(--text-2xl) !important;
}

.case-metrics .metric-label {
    font-size: var(--text-sm) !important;
}

/* 优化tech-feature */
.tech-feature-icon {
    width: 48px !important;
    height: 48px !important;
}

.tech-feature-icon i {
    font-size: var(--text-lg) !important;
}

.tech-feature-content h5 {
    font-size: var(--text-lg) !important;
}

.tech-feature-content p {
    font-size: var(--text-base) !important;
}

/* 优化layer-content */
.layer-content i {
    font-size: var(--text-lg) !important;
}

.layer-content span {
    font-size: var(--text-lg) !important;
}

/* 优化按钮系统 */
.btn {
    font-size: var(--text-base) !important;
    padding: var(--space-md) var(--space-xl) !important;
}

.btn-lg {
    padding: var(--space-lg) var(--space-2xl) !important;
    font-size: var(--text-lg) !important;
}

/* 优化CTA section */
.cta-title {
    font-size: clamp(var(--text-3xl), 4vw, var(--text-5xl)) !important;
}

.cta-subtitle {
    font-size: var(--text-xl) !important;
}

.cta-description {
    font-size: var(--text-lg) !important;
}

/* 优化响应式断点 */
@media (max-width: 992px) {
    .section-title { 
        font-size: clamp(var(--text-2xl), 3.5vw, var(--text-4xl)) !important; 
    }
}

@media (max-width: 768px) {
    .hero-title { 
        font-size: clamp(var(--text-2xl), 6vw, var(--text-4xl)) !important; 
    }
    
    .use-case-icon { 
        width: 64px !important; 
        height: 64px !important; 
    }
    
    .advantage-icon,
    .security-icon,
    .case-logo { 
        width: 56px !important; 
        height: 56px !important; 
    }
}

@media (max-width: 576px) {
    .hero-title { 
        font-size: var(--text-3xl) !important; 
    }
    
    .section-title { 
        font-size: var(--text-2xl) !important; 
    }
    
    .trust-number { 
        font-size: var(--text-xl) !important; 
    }
    
    .trust-label { 
        font-size: var(--text-sm) !important; 
    }
    
    .feature-icon-modern { 
        width: 60px !important;
        height: 60px !important;
    }
    
    .feature-icon-modern i { 
        font-size: 28px !important; 
    }
}

/* 确保所有文本都有合适的行高 */
h1, h2, h3, h4, h5, h6 {
    line-height: var(--leading-tight) !important;
}

p, .feature-content-modern p, .advantage-content p, .security-feature, .case-content p {
    line-height: var(--leading-relaxed) !important;
}

/* 增加整体的内边距 */
.feature-item-modern,
.use-case-card,
.advantage-item {
    padding: var(--space-xl) !important;
}

@media (max-width: 768px) {
    .feature-item-modern,
    .use-case-card,
    .advantage-item {
        padding: var(--space-lg) !important;
    }
}

@media (max-width: 576px) {
    .feature-item-modern,
    .use-case-card,
    .advantage-item {
        padding: var(--space-md) !important;
    }
} 