/* ===== [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; }
}