/* 防止任何元素溢出视口 */
html, body {
    overflow-x: hidden !important;
}

img, video, svg {
    max-width: 100%;
    height: auto;
}

/* 彻底修复 description 的 white-space:nowrap 导致的溢出 */
.description[data-v-09088188],
.description[data-v-17b18da9],
.desc[data-v-987fa663],
.desc[data-v-51c94679],
.description[data-v-317660c3],
.subtitle[data-v-4f1460f7] {
    white-space: normal !important;
}

/* 隐藏登录注册按钮（仅针对 control-btn，不隐藏语言切换） */
.header .control-btn,
[class*="actions"] .control-btn,
.header button.control-btn,
nav button.control-btn,
.actions button.control-btn {
    display: none !important;
}

/* 服务、案例、联系我们的标题与描述文字改为黑色 */
.service-container .sub-title,
.service-container .desc,
.cases-container .sub-title,
.cases-container .desc,
.contact-page .subtitle,
.contact-page .description {
    color: #000 !important;
}

/* 左上角 Logo 放大并改为横向 */
.logo[data-v-882a777d] {
    height: 72px !important;
}
.logo[data-v-882a777d] img {
    max-height: 100% !important;
    max-width: 300px !important;
}

/* 防止 Logo 变宽后菜单换行 */
.menu ul[data-v-882a777d] {
    gap: 28px !important;
    flex-wrap: nowrap !important;
}

/* 右上角语言切换按钮样式 */
.lang-select[data-v-882a777d] .el-select__wrapper {
    background-color: #0954fb !important;
    border: 1px solid #0954fb !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}
.lang-select[data-v-882a777d] .el-select__placeholder span {
    color: #fff !important;
    font-weight: 700;
}
.lang-select[data-v-882a777d] .el-select__caret,
.lang-select[data-v-882a777d] .el-select__icon {
    color: #fff !important;
}

/* ======================== 响应式优化 ======================== */

@media (max-width: 768px) {
    /* 头部：整体缩小，允许菜单折行 */
    .header[data-v-882a777d] {
        height: auto !important;
        min-height: 56px !important;
        padding: 8px 16px !important;
        flex-wrap: wrap !important;
    }
    .logo[data-v-882a777d] {
        height: 44px !important;
    }
    .logo[data-v-882a777d] img {
        max-width: 180px !important;
    }
    .menu ul[data-v-882a777d] {
        gap: 12px !important;
        flex-wrap: wrap !important;
        justify-content: flex-end !important;
    }
    .menu li[data-v-882a777d] {
        font-size: 12px !important;
    }
    .lang-select[data-v-882a777d] {
        width: 90px !important;
    }
    .lang-select[data-v-882a777d] .el-select__wrapper {
        padding: 0 8px !important;
    }
    .lang-select[data-v-882a777d] .el-select__placeholder span {
        font-size: 12px !important;
    }

    /* Hero 区域 */
    .home-container[data-v-48ef2209] {
        padding-top: 100px !important;
        padding-bottom: 60px !important;
    }
    .line2[data-v-48ef2209] {
        font-size: 36px !important;
        margin-bottom: 16px !important;
    }
    .line4[data-v-48ef2209] {
        font-size: 15px !important;
        margin-bottom: 40px !important;
        max-width: 100% !important;
    }
    .btn-group[data-v-48ef2209] {
        flex-direction: column !important;
        gap: 12px !important;
    }
    .primary-btn[data-v-48ef2209],
    .secondary-btn[data-v-48ef2209] {
        width: 100% !important;
        padding: 12px 24px !important;
        font-size: 16px !important;
    }

    /* 首页数据统计 */
    .stats[data-v-48ef2209] {
        gap: 40px !important;
    }
    .stat-value[data-v-48ef2209] {
        font-size: 24px !important;
    }

    /* 通用区块标题与描述 */
    .advantage-container[data-v-09088188],
    .service-container[data-v-987fa663],
    .cases-container[data-v-51c94679] {
        padding: 60px 16px !important;
    }
    .subtitle[data-v-09088188],
    .subtitle[data-v-17b18da9],
    .sub-title[data-v-987fa663],
    .sub-title[data-v-51c94679],
    .subtitle[data-v-317660c3],
    .gradient-title[data-v-4f1460f7] {
        font-size: 28px !important;
    }
    .description[data-v-09088188],
    .description[data-v-17b18da9],
    .desc[data-v-987fa663],
    .desc[data-v-51c94679],
    .description[data-v-317660c3],
    .subtitle[data-v-4f1460f7] {
        font-size: 15px !important;
        white-space: normal !important;
        max-width: 100% !important;
        word-break: break-word !important;
        margin-bottom: 40px !important;
    }

    /* 英文/长单词安全换行 */
    .line2[data-v-48ef2209],
    .line4[data-v-48ef2209],
    .subtitle[data-v-09088188],
    .subtitle[data-v-17b18da9],
    .sub-title[data-v-987fa663],
    .sub-title[data-v-51c94679],
    .subtitle[data-v-317660c3],
    .gradient-title[data-v-4f1460f7],
    .feature-title[data-v-09088188],
    .feature-title-left[data-v-17b18da9],
    .feature-title-right[data-v-17b18da9],
    .feature-desc-left[data-v-17b18da9],
    .feature-desc-right[data-v-17b18da9],
    .card-title[data-v-987fa663],
    .card-desc[data-v-987fa663],
    .step-title[data-v-4f1460f7],
    .step-desc[data-v-4f1460f7],
    .brand[data-v-51c94679],
    .type[data-v-51c94679],
    .case-content[data-v-51c94679],
    .stat-label[data-v-48ef2209],
    .stat-label[data-v-17b18da9],
    .info-text p[data-v-317660c3],
    .footer-top[data-v-e560a50e] {
        overflow-wrap: break-word !important;
        word-break: break-word !important;
    }

    /* 为什么选择我们 / 产品优势卡片 */
    .feature-card[data-v-17b18da9] {
        padding: 24px 20px !important;
    }
    .feature-title-left[data-v-17b18da9],
    .feature-title-right[data-v-17b18da9] {
        font-size: 20px !important;
    }
    .feature-desc-left[data-v-17b18da9],
    .feature-desc-right[data-v-17b18da9] {
        font-size: 14px !important;
    }

    /* 四步流程 */
    .step-card[data-v-4f1460f7] {
        width: 100% !important;
        padding: 24px 16px !important;
    }
    .step-title[data-v-4f1460f7] {
        font-size: 18px !important;
    }
    .step-desc[data-v-4f1460f7] {
        font-size: 14px !important;
    }

    /* 服务 / 案例卡片 */
    .service-card[data-v-987fa663],
    .case-card[data-v-51c94679] {
        padding: 24px 20px !important;
    }
    .card-title[data-v-987fa663] {
        font-size: 18px !important;
    }
    .card-desc[data-v-987fa663] {
        font-size: 14px !important;
    }

    /* 联系我们 */
    .contact-page[data-v-317660c3] {
        padding: 60px 16px !important;
    }
    .form-title[data-v-317660c3] {
        font-size: 20px !important;
    }
    .contact-page[data-v-317660c3] .el-form-item {
        width: 100% !important;
    }
    .contact-page[data-v-317660c3] .el-row {
        display: flex !important;
        flex-direction: column !important;
    }

    /* 页脚 */
    .site-footer[data-v-e560a50e] {
        padding-top: 32px !important;
    }
    .footer-top[data-v-e560a50e],
    .footer-bottom[data-v-e560a50e] {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
}

@media (max-width: 480px) {
    /* 更小屏幕进一步压缩 */
    .logo[data-v-882a777d] {
        height: 38px !important;
    }
    .logo[data-v-882a777d] img {
        max-width: 150px !important;
    }
    .menu ul[data-v-882a777d] {
        gap: 8px !important;
    }
    .menu li[data-v-882a777d] {
        font-size: 11px !important;
    }
    .lang-select[data-v-882a777d] {
        width: 80px !important;
    }

    .line2[data-v-48ef2209] {
        font-size: 30px !important;
    }
    .line4[data-v-48ef2209] {
        font-size: 14px !important;
    }

    .subtitle[data-v-09088188],
    .subtitle[data-v-17b18da9],
    .sub-title[data-v-987fa663],
    .sub-title[data-v-51c94679],
    .subtitle[data-v-317660c3],
    .gradient-title[data-v-4f1460f7] {
        font-size: 24px !important;
    }

    .stats[data-v-48ef2209] {
        gap: 24px !important;
    }
    .stat-value[data-v-48ef2209] {
        font-size: 22px !important;
    }
}

/* ======================== 进一步响应式优化 ======================== */

@media (max-width: 768px) {
    /* 联系表单：姓名和手机纵向堆叠 */
    .form-row[data-v-317660c3] {
        flex-direction: column !important;
        gap: 0 !important;
    }
    .main-content[data-v-317660c3] {
        gap: 32px !important;
    }
    .shadow-box[data-v-317660c3] {
        padding: 24px 20px !important;
    }
    .left-form[data-v-317660c3],
    .right-info[data-v-317660c3] {
        flex: 1 1 100% !important;
        min-width: 0 !important;
    }

    /* 联系信息卡片缩小 */
    .info-card[data-v-317660c3] {
        padding: 20px !important;
        gap: 16px !important;
    }
    .info-icon[data-v-317660c3] {
        width: 40px !important;
        height: 40px !important;
    }
    .info-icon .icon[data-v-317660c3] {
        font-size: 16px !important;
        margin-top: 10px !important;
    }
    .info-text h4[data-v-317660c3] {
        font-size: 16px !important;
    }
    .info-text p[data-v-317660c3] {
        font-size: 13px !important;
    }
    .qrcode[data-v-317660c3] {
        width: 86px !important;
        height: 86px !important;
    }
    .qrcode-group[data-v-317660c3] {
        gap: 16px !important;
    }

    /* 语言选择器在移动端只保留图标，兼容中英文 */
    .lang-select[data-v-882a777d] {
        width: 58px !important;
    }
    .lang-select[data-v-882a777d] .el-select__wrapper {
        padding: 0 8px !important;
        justify-content: center !important;
    }
    .lang-select[data-v-882a777d] .el-select__placeholder span {
        font-size: 0 !important;
    }
    .lang-select[data-v-882a777d] .el-select__placeholder::before {
        content: none !important;
    }
    .lang-select[data-v-882a777d] .el-select__icon,
    .lang-select[data-v-882a777d] .el-select__caret {
        font-size: 14px !important;
        margin-left: 2px !important;
    }
}

@media (max-width: 480px) {
    /* 超小屏进一步压缩菜单 */
    .menu ul[data-v-882a777d] {
        gap: 10px !important;
    }
    .menu li[data-v-882a777d] {
        font-size: 11px !important;
    }

    /* 联系表单输入框字号 */
    [data-v-317660c3] .el-input__inner,
    [data-v-317660c3] .el-textarea__inner,
    [data-v-317660c3] .el-form-item__label {
        font-size: 14px !important;
    }
    [data-v-317660c3] .el-input__inner {
        height: 42px !important;
    }
    .submit-btn[data-v-317660c3] {
        height: 44px !important;
        font-size: 15px !important;
    }
}

@media (max-width: 400px) {
    /* 超小屏（如英文菜单较长时）进一步压缩头部 */
    .logo[data-v-882a777d] {
        height: 36px !important;
    }
    .logo[data-v-882a777d] img {
        max-width: 130px !important;
    }
    .menu ul[data-v-882a777d] {
        gap: 6px !important;
        justify-content: center !important;
    }
    .menu li[data-v-882a777d] {
        font-size: 10px !important;
    }
    .lang-select[data-v-882a777d] {
        width: 48px !important;
    }

    /* 英文标题较长时进一步缩小字号 */
    .line2[data-v-48ef2209] {
        font-size: 26px !important;
        line-height: 1.2 !important;
    }
    .line4[data-v-48ef2209] {
        font-size: 13px !important;
    }
    .stat-value[data-v-48ef2209] {
        font-size: 20px !important;
    }
    .stat-label[data-v-48ef2209] {
        font-size: 12px !important;
    }
}