/* =========================================================
   多途网络 · 手机端全局布局兜底（mobile-layout-fix.css）
   - 在 mobile/header.htm 全站引入，max-width:1023px 生效
   - 防止横向撑破、PC 固定宽度、大图/视频溢出导致「变形」
   ========================================================= */

@media screen and (max-width: 1023px) {
    html {
        -webkit-text-size-adjust: 100%;
        text-size-adjust: 100%;
        overflow-x: hidden;
    }

    body {
        overflow-x: hidden;
        width: 100%;
        max-width: 100%;
        position: relative;
        box-sizing: border-box;
    }

    *,
    *::before,
    *::after {
        box-sizing: border-box;
    }

    /* 常见 PC 版心：强制不超出屏幕 */
    .w1400,
    .w1200,
    .center {
        max-width: 100% !important;
        width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .banner-ani {
        max-width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    #banner .banner-info,
    .banner-single .banner-info {
        max-width: 100% !important;
        box-sizing: border-box;
    }

    img,
    video,
    svg,
    canvas {
        max-width: 100%;
        height: auto;
    }

    /* 宽表横向滚动，不挤压变形 */
    .section-body table,
    .tab-box table,
    .product-table-wrap table,
    .service-content table {
        display: block;
        width: 100% !important;
        max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    /* 首页「基础建设」：抵消可能残留的 PC enhance 大宽度 */
    .section05 .infrastructure_bg {
        max-width: 100% !important;
    }

    .section05 .infrastructure .earth,
    .section05 .infrastructure .earth video {
        width: 100% !important;
        max-width: 100% !important;
        right: 0 !important;
        left: auto !important;
    }

    /* PC 滚动揭示类：手机端一律直接可见，避免闪一下消失 */
    .dt-reveal {
        opacity: 1 !important;
        transform: none !important;
        visibility: visible !important;
    }

    /* iframe（地图等）不撑破 */
    iframe {
        max-width: 100% !important;
    }
}
