/* ===== 移动端修复 (≤768px) — 桌面端不受影响 ===== */
@media (max-width: 768px) {

    /* ---------- 防溢出 ---------- */
    * { word-break: break-word; }

    img, video, canvas, svg, iframe, embed, object {
        max-width: 100% !important;
        height: auto !important;
    }

    pre, code, table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
        max-width: 100vw;
    }

    /* 强制所有容器取消固定 px 宽度 */
    [style*="width:"][style*="px"] {
        max-width: 100vw !important;
    }
    [style*="width:"]:not([style*="%"]):not([style*="auto"]) {
        width: auto !important;
    }

    /* ---------- 栅格补丁 ---------- */
    [class*="col-sm-"]:not([class*="col-xs-"]),
    [class*="col-md-"]:not([class*="col-xs-"]),
    [class*="col-lg-"]:not([class*="col-xs-"]) {
        width: 100%;
        float: none;
        padding-left: 10px;
        padding-right: 10px;
    }

    .container { padding-left: 12px; padding-right: 12px; }

    /* ---------- 导航 ---------- */
    .navbar-collapse {
        max-height: 85vh;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
    .navbar-nav > li { float: none; }
    .dropdown-menu {
        position: static;
        float: none;
        width: 100%;
        box-shadow: none;
        border: none;
        background: transparent;
    }

    /* ---------- 触控优化 ---------- */
    a, button, .btn, [role="button"], label {
        min-height: 44px;
    }
    input, select, textarea {
        font-size: 16px; /* 防止 iOS 缩放 */
        min-height: 44px;
    }

    /* ---------- 间距 ---------- */
    body { padding-top: 64px; }
    section { padding: 20px 0; }
    /* 第一个 section 紧贴 header，避免与 body padding 双重叠加 */
    section:first-of-type { padding-top: 0; }

    /* 头部偏移容器：body 已有 60px padding-top 对齐 header，清零避免双重偏移 */
    .swiper-container,
    .product_bg,
    #product-lump-info { padding-top: 0 !important; }

    /* English 语言切换在移动端不隐藏，左对齐如菜单项 */
    .index-navright { display: block !important; float: none !important; width: 100% !important; height: auto !important; line-height: normal !important; padding: 0 !important; flex: none !important; }
    .index-navright .search-change { display: none !important; }
    .index-navright > a { display: block !important; padding: 12px 15px !important; font-size: 15px !important; line-height: normal !important; margin: 0 !important; color: #fff !important; text-align: left !important; }
    .index-navright > span { display: none !important; }

    /* 加入我们：移动端双列改上下堆叠 */
    .join-list { margin: 20px 0 !important; }
    .join-column,
    .join-content { width: 100% !important; float: none !important; }
    .join-content { padding: 15px !important; }
    .join-column ul li p { padding: 12px 15px !important; font-size: 13px !important; white-space: normal !important; text-overflow: clip !important; }
    .join-intro { padding-top: 0 !important; }

    /* ---------- 图片/缩略图 ---------- */
    .thumbnail img, .product_img img, .carousel img {
        width: 100%;
        height: auto;
    }

    /* ---------- 轮播 ---------- */
    .carousel-control { display: none; }
    .carousel-indicators { bottom: 2px; }

    /* ---------- 弹窗 ---------- */
    .modal-dialog { margin: 10px; max-width: calc(100vw - 20px); }
}

@media (max-width: 767px) {
    /* 显示汉堡菜单 */
    .navbar-toggle {
        display: block !important;
        float: right;
    }
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
}


}