
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');

/* 主卡片悬停效果 */
.hover-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 50px rgba(0,0,0,0.15) !important;
}

/* 数据卡片悬停效果 */
.stat-card:hover {
    transform: translateY(-5px);
    background: white !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.1) !important;
}

/* 优势项悬停效果 */
.advantage-item:hover {
    background: #f8fafc !important;
    transform: translateY(-3px);
}

/* 优势图标悬停效果 */
.advantage-icon:hover {
    transform: scale(1.1);
}

/* 认证项悬停效果 */
.cert-item:hover {
    transform: translateY(-3px);
    background: white !important;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1) !important;
}

/* CTA区域悬停效果 */
.cta-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(6, 182, 212, 0.4) !important;
}

/* CTA按钮悬停效果 */
.cta-button:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(255,255,255,0.3) !important;
}

/* 特色框悬停效果 */
.feature-box:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(6, 182, 212, 0.1) !important;
}

/* 响应式设计 */
@media (max-width: 768px) {
    section > div > div:nth-child(3) {
        grid-template-columns: 1fr !important;
        gap: 30px !important;
    }
    
    section > div > div:nth-child(4) {
        grid-template-columns: 1fr !important;
        gap: 30px !important;
    }
    
    h2 {
        font-size: 2.2rem !important;
    }
}
