/* ===== [AI 2026-10-23 mobile-small-fix] 窄屏（<=680px）横向溢出修复 =====
   针对：技术支持页标签栏溢出、长英文串撑破提示框、图片超宽等历史问题 */

@media screen and (max-width: 680px) {

    /* 1) 页面标签栏：内边距收小 + 可横向滑动（避免首/末项被裁切） */
    .list_link_artboard ul.list_one {
        padding: 0 8px !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }
    .list_link_artboard ul.list_one::-webkit-scrollbar { display: none; }

    .list_link_artboard ul.list_one a {
        padding: 0 9px !important;
        font-size: 14px !important;
        line-height: 46px !important;
        white-space: nowrap;
    }

    /* 2) 长英文/长串文本强制换行，避免撑破容器 */
    .fr .p1 p,
    .fr .p2 p,
    .txt-box p,
    .article .content p,
    .detail .content p {
        word-break: break-word !important;
        overflow-wrap: anywhere !important;
    }

    /* 3) 媒体元素不超宽 */
    .container img,
    .container video,
    .content img,
    .info img {
        max-width: 100% !important;
        height: auto;
    }

    /* 4) 兜底：任何块级容器不横向溢出 */
    .container,
    .content,
    .main,
    .article {
        max-width: 100% !important;
        overflow-x: hidden;
    }
}

/* ===== 追加：技术支持页提示框（含内联样式的 <p>）强制换行、不超宽 ===== */
@media screen and (max-width: 680px) {
    .support_section .info-box,
    .support_section .info-box > .fr,
    .support_section .info-box .p1,
    .support_section .info-box .p1 p,
    .support_section .info-box .p1 p[style] {
        max-width: 100% !important;
        box-sizing: border-box !important;
        white-space: normal !important;
    }
    .support_section .info-box .p1 p,
    .support_section .info-box .p1 p[style],
    .support_section .info-box .p1 a,
    .support_section .info-box .p1 b {
        overflow-wrap: anywhere !important;
        word-break: break-word !important;
    }
    .support_section .info-box { padding: 1em !important; }
}

/* ===== [AI 2026-10-27] 移动端二级标签栏：修复"右侧列表按钮点了没反应" =====
   原因：本文件第 4 段的 .container{overflow-x:hidden} 使 .list_link_artboard 的
   .container 变成滚动裁切盒（高度仅 55px），点按钮后展开的 .list_m_link 面板
   被整块裁掉、看不到任何变化；同时 .list_m_link 的 width:100% 叠加左右内边距会超宽。
   修复：仅对标签栏容器取消裁切；面板限宽；标签列表右侧留出按钮宽度。 */
@media screen and (max-width: 680px) {

    /* 1) 只解除标签栏容器的裁切，其它 .container 的兜底保持不变 */
    .list_link_artboard > .container {
        overflow: visible !important;
    }

    /* 2) 展开面板：限宽 + 内容过多时可内部滚动 */
    .list_link_artboard .list_m_link {
        max-width: 100% !important;
        box-sizing: border-box !important;
        max-height: 70vh;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    /* 3) 标签列表右侧留出 78px，末项可滚动到网格按钮左侧（原先被按钮渐变遮挡） */
    .list_link_artboard ul.list_one {
        padding: 0 78px 0 8px !important;
    }

    /* 4) 网格按钮：确保在最上层、去掉点击延迟 */
    .list_link_artboard .bg_artboard .r_l_box {
        z-index: 21;
        touch-action: manipulation;
        -webkit-tap-highlight-color: transparent;
    }
}

/* ===== 2026-10-28g 产品详情页锚点导航（移动端竖向抽屉，可点击收起）=====
   1) 抽屉宽 104px、高度随内容，隐藏滚动条（先前右侧那条 1px 竖线就是它）
   2) 解除 2026-10-23 全站兜底 .container{overflow-x:hidden} 造成的裁切
   3) 兜底保证参数区（风量范围/静压范围…）的值不被裁切、正常显示 */
@media (max-width: 1024px) {
    .product-details-nav {
        left: auto !important;
        right: 0 !important;
        top: 65px !important;
        width: 104px !important;
        height: auto !important;
        max-height: calc(100vh - 65px) !important;
        transform: translateX(104px) !important;
        display: block !important;
        background: #00562f !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
        border-radius: 12px 0 0 12px !important;
        box-shadow: 0 6px 22px rgba(0, 0, 0, .22);
        overflow: hidden !important;
        scrollbar-width: none;
        transition: transform .3s ease;
        z-index: 9999 !important;
    }
    .product-details-nav::-webkit-scrollbar {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
    }
    .product-details-nav.open {
        transform: translateX(0) !important;
    }

    /* 解除兜底规则造成的 49px 裁切盒 */
    .product-details-nav > .container {
        height: auto !important;
        max-width: none !important;
        overflow: visible !important;
        display: block !important;
        padding: 0 !important;
        margin: 0 !important;
        background: transparent !important;
    }

    .product-details-nav .list {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        padding: 6px 0 !important;
        background: transparent !important;
    }

    .product-details-nav .list .item {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        line-height: 1.4 !important;
        padding: 9px 10px !important;
        box-sizing: border-box !important;
        font-size: 13px !important;
        font-weight: 400 !important;
        color: #fff !important;
        opacity: 1 !important;
        text-align: left !important;
        border: 0 !important;
        border-bottom: 1px solid rgba(255, 255, 255, .16) !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: clip !important;
        background: transparent !important;
        text-shadow: none !important;
    }
    .product-details-nav .list .item:last-child {
        border-bottom: 0 !important;
    }
    .product-details-nav .list .item:hover,
    .product-details-nav .list .item:active,
    .product-details-nav .list .item.active,
    .product-details-nav .list .item.on {
        background: rgba(255, 255, 255, .14) !important;
        color: #fff !important;
        opacity: 1 !important;
    }

    .product-details-nav .line {
        display: none !important;
    }

    /* 参数区兜底：确保标签与数值都完整显示（10-23 的 overflow-x:hidden 会裁掉数值） */
    .text,
    .text .list,
    .text .list .item,
    .text .list .item .txt,
    .text .list .item .details {
        height: auto !important;
        overflow: visible !important;
    }
    .text .list .item .details {
        display: block !important;
        font-size: 13px !important;
        line-height: 1.45 !important;
        color: #333 !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    /* 主题原版黑色半圆把手 */
    .details-nav-bnt {
        display: block !important;
        position: fixed !important;
        right: 0 !important;
        left: auto !important;
        top: 7em !important;
        margin-top: 0 !important;
        width: 36px !important;
        height: 46px !important;
        background: #141310 !important;
        color: #fff !important;
        border-radius: 23px 0 0 23px !important;
        box-shadow: -2px 2px 8px rgba(0, 0, 0, .2);
        z-index: 10000 !important;
        transform: translateX(0) !important;
        transition: transform .3s ease;
        -webkit-tap-highlight-color: transparent;
    }
    .details-nav-bnt.open {
        transform: translateX(-104px) !important;
    }
    .details-nav-bnt i {
        color: #fff !important;
        font-size: 16px !important;
        line-height: 46px !important;
        transition: transform .3s ease;
    }
    .details-nav-bnt.open i {
        transform: rotate(180deg);
    }
}