/*
 * 本地增强样式（不改动原站资源，仅在本站叠加）
 *
 * 一、桌面端字号偏小
 *   原站按 1200px 固定像素画布设计（区块绝对定位 + 固定宽高），正文字号来自
 *   reset.css 的 body{font:12px/1 ...}，即 12px；且每个文字框高度与文字高度完全
 *   相等（零余量），卡片之间纵向仅隔 6px —— 直接放大字号会立刻溢出压字，
 *   所以桌面端改用「整站等比放大」：文字与图片一起变大，版式 100% 不变形。
 *   系数按窗口宽度分档，取值上限保证 1200px 画布仍能完整放下（含滚动条余量）。
 *
 * 二、小屏 / 移动端
 *   原站是纯 PC 站（min-width:1200px + overflow-x:hidden），手机上看不到右半边。
 *   这里在 ≤1199px 时把固定画布改成流式单列：解除绝对定位、按内容顺序纵向堆叠、
 *   字号提升到 15px，图片自适应宽度。
 */

/* ---------- 一、桌面端等比放大（1200px 画布随窗口放大） ---------- */
@media (min-width: 1920px) {
    #mainContentWrapper { zoom: 1.4; }
}

@media (min-width: 1700px) and (max-width: 1919px) {
    #mainContentWrapper { zoom: 1.33; }
}

@media (min-width: 1536px) and (max-width: 1699px) {
    #mainContentWrapper { zoom: 1.25; }
}

@media (min-width: 1440px) and (max-width: 1535px) {
    #mainContentWrapper { zoom: 1.18; }
}

@media (min-width: 1366px) and (max-width: 1439px) {
    #mainContentWrapper { zoom: 1.12; }
}

@media (min-width: 1280px) and (max-width: 1365px) {
    #mainContentWrapper { zoom: 1.05; }
}

/* ---------- 二、小屏 / 移动端 ---------- */
@media (max-width: 1199px) {

    /* 1) 解除固定画布，改为整宽流式 */
    html,
    body {
        min-width: 0 !important;
        overflow-x: hidden;
    }

    #mainContentWrapper,
    #mainContentWrapper > div,
    .smvWrapper,
    .smvContainer,
    #smv_Main,
    #smv_MainContent,
    [id^="smv_Area"],
    .smAreaC,
    .fullcolumn-outer,
    .fullcolumn-inner,
    .w-container,
    .w-label-content,
    .w-label-content-item {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        left: auto !important;
        top: auto !important;
        position: relative !important;
    }

    /* 1b) 兜底：画布内外任何写死宽度（如 inline width:1200px）都不许超出视口 */
    #mainContentWrapper * {
        max-width: 100% !important;
    }

    /* 2) 区块取消绝对定位，按内容顺序纵向堆叠 */
    .smartAbs,
    .esmartMargin,
    .yibuFrameContent,
    .w-label-content-item .smAreaC > div {
        position: static !important;
        left: auto !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        z-index: auto !important;
        overflow: visible !important;
    }

    /* 3) 基础字号：原站 reset.css 是 body{font:12px/1}，这里提到 15px，
          覆盖所有「未写死字号、靠继承」的正文（含导航文字） */
    #mainContentWrapper {
        font-size: 15px;
    }

    /* 4) 内容加左右留白，避免贴边 */
    #smv_Main,
    #smv_MainContent {
        padding: 0 12px;
        box-sizing: border-box;
    }

    /* 5) 文字：盒子已自适应，可以安全放大内联小字号 */
    .editableContent,
    #mainContentWrapper [class*="editableContent"] {
        height: auto !important;
        word-wrap: break-word;
        overflow-wrap: break-word;
    }

    #mainContentWrapper span[style*="font-size:9pt"],
    #mainContentWrapper span[style*="font-size:9.0pt"],
    #mainContentWrapper span[style*="font-size:9.0000pt"],
    #mainContentWrapper span[style*="font-size:10pt"],
    #mainContentWrapper span[style*="font-size:10.0000pt"],
    #mainContentWrapper span[style*="font-size:10.5pt"],
    #mainContentWrapper span[style*="font-size:10.5000pt"],
    #mainContentWrapper span[style*="font-size:11pt"],
    #mainContentWrapper span[style*="font-size:11.0000pt"],
    #mainContentWrapper span[style*="font-size:12px"],
    #mainContentWrapper span[style*="font-size:13px"] {
        font-size: 15px !important;
    }

    /* 6) 图片自适应宽度 */
    #mainContentWrapper #smv_Main img {
        max-width: 100% !important;
        height: auto !important;
    }

    /* 6b) 地图块：解除绝对定位后 iframe 的 100% 高度会塌陷，需显式给定高度 */
    #smv_con_57_15,
    #smv_con_57_15 .yibuFrameContent,
    #smv_con_57_15 .MapItem,
    #con_57_15_mapFrame {
        height: 320px !important;
    }

    /* 7) 顶部：logo 与导航上下排列，导航横向换行平铺 */
    #smv_tem_71_10,
    #nav_tem_71_10,
    .nav_pc_t_4 {
        width: 100% !important;
        height: auto !important;
    }

    .w-nav {
        display: flex !important;
        flex-wrap: wrap;
        justify-content: center;
        width: 100% !important;
    }

    .w-nav .sliding-box {
        display: none !important;
    }

    .w-nav > li,
    .w-nav .w-nav-inner {
        width: auto !important;
        height: auto !important;
        line-height: 2 !important;
        float: none !important;
        padding: 0 8px;
    }

    /* 8) 选项卡：标签换行排列，内容纵向展开 */
    .w-label-tips {
        display: flex !important;
        flex-wrap: wrap;
        justify-content: center;
        gap: 6px;
        height: auto !important;
        line-height: 2 !important;
    }

    .w-label-tips-line {
        display: none !important;
    }

    .w-label-tips-item {
        float: none !important;
        width: auto !important;
        padding: 0 10px;
    }

    /* 9) 轮播：改为纵向平铺，避免固定尺寸画布被裁切 */
    .slider-container,
    .jssor-slider,
    .slide-wrapper,
    .w-slider {
        width: 100% !important;
        height: auto !important;
        position: static !important;
        transform: none !important;
    }
}