/* ============================================================
   klha.cn 手机端专项修复 2026-11-13
   仅在 <=768px 生效：PC 端不加载任何规则，DOM 与视觉零改动
   根因：style.css 的 768px 规则仍是浮动布局写法，
        而基础布局已改为 flex，导致列宽失控 + 固定高度裁切文字
   ============================================================ */
@media screen and (max-width: 768px) {

    /* 防止第三方客服层/大图撑出横向滚动 */
    html { overflow-x: hidden; }

    /* ---------- A 软件与服务：三列挤压 → 单列 ---------- */
    .index1 .bottom ul { display: block; }
    .index1 .bottom ul li {
        display: block;
        flex: none;
        width: 100%;
        margin: 0 0 14px;
        padding: 20px;
        overflow: visible;
    }
    .index1 .bottom ul li .radio1,
    .index1 .bottom ul li .radio2 { display: none; }
    .index1 .bottom ul li .img { line-height: 72px; }
    .index1 .bottom ul li .img img,
    .index1 .bottom ul li .img img.ai-icon {
        width: auto;
        max-width: 90%;
        height: auto;
        max-height: 64px;
    }
    .index1 .bottom ul li .bt h5 { font-size: 20px; line-height: 30px; }
    .index1 .bottom ul li .bt span { font-size: 13px; line-height: 20px; }
    .index1 .bottom ul li p {
        height: auto;
        max-height: none;
        overflow: visible;
        margin-top: 10px;
        line-height: 24px;
        font-size: 14px;
    }

    /* ---------- B 硬件产品：两列保留，放开固定高度 ---------- */
    .index2 .bottom .left ul li { padding: 14px; overflow: visible; }
    .index2 .bottom .left ul li .img { line-height: 44px; margin-bottom: 10px; }
    .index2 .bottom .left ul li .img img { width: 34px; height: auto; }
    .index2 .bottom .left ul li .bt {
        display: block;
        height: auto;
        overflow: visible;
        line-height: 1.35;
        margin-top: 6px;
        padding-bottom: 8px;
    }
    .index2 .bottom .left ul li .bt p { font-size: 15px; line-height: 22px; }
    .index2 .bottom .left ul li .bt span {
        display: block;
        font-size: 12px;
        line-height: 18px;
    }
    .index2 .bottom .left ul li p.text {
        height: auto;
        overflow: visible;
        margin: 8px 0 0;
        font-size: 12px;
        line-height: 20px;
    }
    .index2 .bottom .right .list p { height: auto; overflow: visible; }

    /* ---------- C 服务中心 5 图标：居中均分 ---------- */
    .index4 .bottom ul { justify-content: center; }
    .index4 .bottom ul li { width: 33.333%; padding: 12px 6px; }
    .index4 .bottom ul li p {
        font-size: 13px;
        line-height: 22px;
        height: auto;
        overflow: visible;
    }

    /* ---------- D 新闻中心：标题/摘要不再被单行截断 ---------- */
    .index5 .swiper-slide .cont span {
        height: auto;
        line-height: 26px;
        overflow: visible;
    }
    .index5 .swiper-slide .cont p {
        height: 48px;
        line-height: 24px;
        overflow: hidden;
    }

    /* ---------- E 正文段落层级 ---------- */
    .index3 .indexContainer_box,
    .about1 .cont { position: relative; z-index: 1; }

    /* ---------- F 第三方客服圆钮：内联 left:346px/bottom:480px 按桌面算，
                   手机上压住正文 → 固定到右下角，避开底部 65px 导航栏 ---------- */
    [data-value="circle"] {
        left: auto !important;
        right: 10px !important;
        top: auto !important;
        bottom: 80px !important;
        width: 40px !important;
        height: 40px !important;
    }
    [data-value="circle"] img { max-width: 100%; }

    /* ---------- G 手机端导航补齐「AI智能体」后共 7 项，
                   小屏高度不足时允许菜单内部滚动，避免底部项被截断 ---------- */
    .sj_nav {
        max-height: calc(100vh - 55px);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

}