/*!
 * 移动端自适应层
 *
 * 背景：原站（万网云企业官网）只有固定 1200px 的 PC 版，没有移动端设计，
 * 手机上表现为横向滚动的 1200px 页面。本文件在 PC 端 1:1 还原的前提下，
 * 为窄屏补充响应式重排（纵向单列、图片自适应、导航换行）。
 *
 * 加载顺序必须排在原站样式表之后，才能覆盖其内联/绝对定位。
 */

@media (max-width: 1200px) {
    html,
    body {
        width: auto !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    /* 主容器取消固定宽高 */
    #mainContentWrapper,
    .smvContainer,
    .w-container,
    .smAreaC,
    .main-layout-wrapper,
    [id^="smv_"],
    [id^="smc_"] {
        width: auto !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        box-sizing: border-box;
    }

    /* 设计器用绝对定位排版，窄屏下整体「扁平化」为文档流纵向排列：
       对所有后代取消绝对定位与固定宽高，逐块堆叠，保证不横向溢出、内容可达。
       注意：生成的视图输出的是主容器的内容（没有 #mainContentWrapper 外壳），
       因此以 body.site-body 为作用域。 */
    body.site-body,
    body.site-body *:not(.site-partners__track):not(.site-partners__item) {
        position: static !important;
        left: auto !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        transform: none !important;
        float: none !important;
    }

    body.site-body {
        padding: 0 12px;
        box-sizing: border-box;
    }

    /* 但导航条自身保持 flex 换行 */
    .w-nav,
    .w-nav-inner,
    .w-nav ul {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
    }

    /* 图片自适应 */
    img,
    video,
    iframe {
        max-width: 100% !important;
        height: auto !important;
    }

    /* 表格可横向滚动而非撑破页面 */
    table {
        max-width: 100% !important;
        height: auto !important;
    }

    /* 顶部/底部导航换行居中 */
    .w-nav,
    .w-nav-inner,
    .w-nav ul,
    .footer .w-nav,
    .footer ul {
        width: auto !important;
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        height: auto !important;
    }

    .w-nav li,
    .footer li {
        width: auto !important;
        position: static !important;
        float: none !important;
        margin: 4px 10px !important;
    }

    /* 列表单列 */
    ul[class*="w-"] {
        display: block !important;
        width: auto !important;
    }

    ul[class*="w-"]>li {
        width: auto !important;
        max-width: 100% !important;
        margin: 10px auto !important;
        float: none !important;
    }

    /* 字号与留白收敛 */
    body {
        font-size: 14px;
        -webkit-text-size-adjust: 100%;
    }
}

@media (max-width: 768px) {

    /* 详情页正文 */
    .w-title {
        font-size: 20px !important;
        line-height: 1.5 !important;
        width: auto !important;
    }

    .w-detail,
    .w-detail * {
        max-width: 100% !important;
        height: auto !important;
        font-size: 15px;
    }

    .w-detail p,
    .w-detail span,
    .w-detail div {
        line-height: 1.8 !important;
    }

    /* 页脚信息居中堆叠 */
    .bottom-content,
    .bottom-content *,
    .top-area,
    .ga-area,
    [class*="bottom-words"] {
        width: auto !important;
        height: auto !important;
        text-align: center !important;
        position: static !important;
    }

    /* 服务/产品图卡：两列 */
    .w-image-box,
    .w-image-box img {
        width: auto !important;
        max-width: 100% !important;
    }
}

/* 窄屏导航压缩
 * 设计器导航原本是绝对定位的横排，扁平化后会撑出上百像素的行距，
 * 这里把导航单独压成紧凑的居中换行排列。此处放在文件末尾以确保覆盖前面的规则。 */
@media (max-width: 1200px) {

    body.site-body .w-nav {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        align-items: center !important;
    }

    body.site-body .w-nav li,
    body.site-body .w-nav .w-nav-item,
    body.site-body .w-nav .w-nav-inner,
    body.site-body .w-nav .sliding-box,
    body.site-body .w-nav .w-nav-box {
        display: block !important;
        float: none !important;
        width: auto !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        padding: 0 !important;
        margin: 0 !important;
        position: static !important;
    }

    body.site-body .w-nav a,
    body.site-body .w-nav .w-nav-link,
    body.site-body .w-nav span {
        display: inline-block !important;
        width: auto !important;
        height: auto !important;
        padding: 8px 12px !important;
        margin: 0 !important;
        line-height: 1.4 !important;
    }

    /* 页脚导航同样处理 */
    body.site-body .footer .w-nav a,
    body.site-body .footer ul li {
        padding: 4px 8px !important;
        margin: 0 !important;
    }
}