/* ========== Hero区域移动端样式开始 ========== */
@media (max-width: 900px) {
    .vc-hero-container {
        flex-direction: column;
        padding: 3rem 1.5rem 3.5rem;
    }

    .vc-hero-title {
        font-size: 2.25rem;
    }

    .vc-hero-desc-main {
        font-size: 1rem;
    }
}

@media (max-width: 640px) {
    .vc-hero-container {
        padding: 8rem 1.25rem 2.5rem;
    }

    .vc-hero-title {
        font-size: 1.75rem;
    }

    .vc-hero-desc-main {
        font-size: 0.875rem;
    }

    .vc-btn-hero-primary {
        padding: 0.5rem 1rem;
        font-size: 0.75rem;
    }

    .vc-hero-tag {
        padding: 0.25rem 0.75rem;
        font-size: 0.6875rem;
    }
}

/* ========== Hero区域移动端样式结束 ========== */

/* ========== 换版说明模块移动端样式开始 ========== */
@media (max-width: 768px) {
    .vc-version-module {
        margin: 1.5rem 1rem;
        padding: 1.5rem 1.25rem;
    }
}

/* ========== 换版说明模块移动端样式结束 ========== */

/* ========== section区域移动端样式开始 ========== */
@media (max-width: 768px) {
    .vc-section {
        padding: 3rem 0;
    }

    .vc-section-title {
        font-size: 1.75rem;
    }

    .vc-section-sub {
        font-size: 0.9375rem;
        margin-bottom: 2rem;
    }
}

/* ========== section区域移动端样式结束 ========== */

/* ========== 世通 ISO14001:2026 换版五步法移动端样式开始 ========== */
@media (max-width: 900px) {
    .vc-steps-timeline {
        flex-direction: column;
    }

    .vc-step-card {
        width: 100%;
    }
}

@media (max-width: 1000px) {
    .vc-steps-horizontal {
        flex-direction: column;
    }

    .vc-step-h-card {
        min-width: auto;
    }
}

/* ========== 世通 ISO14001:2026 换版五步法移动端适配结束 ========== */

/* ========== 网格布局移动端适配开始 ========== */
@media (max-width: 640px) {
    .vc-grid-2 {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
}

/* ========== 网格布局移动端适配结束 ========== */

/* ========== 资料下载中心移动端样式开始 ========== */
@media (max-width: 768px) {
    .vc-form-card {
        padding: 1.5rem 1.25rem;
    }

    .vc-form-card h3 {
        font-size: 1.25rem;
    }
}

/* ========== 资料下载中心移动端样式结束 ========== */

/* ========== 常见问题 FAQ移动端样式开始 ========== */
@media (max-width: 768px) {
    .vc-faq-question {
        font-size: 0.875rem;
        padding: 0.875rem 1rem;
    }

    .vc-faq-answer.open {
        font-size: 0.8125rem;
    }
}

/* ========== 常见问题 FAQ移动端样式结束 ========== */