/* ═══════════════════════════════════════════════
   全终端兼容（responsive.css）
   ≥1200px  PC   固定 rem 基准 14.2px（布局不变）
   <1200px  平板  动态 rem 等比缩放（resize.js）
   <768px   手机  等比缩放兜底 + 以下 px 覆盖重排
   ═══════════════════════════════════════════════ */

/* ── 平板区间微调：<1200 时头部允许贴边 ── */
@media (max-width: 1199px) {
    .header,
    .footer-inner {
        width: 100%;
        box-sizing: border-box;
        padding: 0 16px;
    }
}

/* ═══ 手机端 <768px ═══ */
@media (max-width: 767px) {

    /* ── 头部：logo + 横向滑动导航 + 申请试用按钮 ── */
    .header-head {
        position: fixed;
    }

    .header {
        width: 100%;
        height: 52px;
        line-height: 52px;
        padding: 0 12px;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        overflow: hidden;
    }

    .header>img.header-logo-img {
        width: 30px;
        height: 30px;
        margin: 0 8px 0 0;
        flex-shrink: 0;
    }

    .header .header-logo-text {
        font-size: 17px;
        margin-right: 12px;
        flex-shrink: 0;
    }

    .header>.header-item {
        width: auto;
        padding: 0 10px;
        font-size: 14px !important;
        white-space: nowrap;
        flex-shrink: 0;
    }

    /* 溢出导航可横向轻扫 */
    .header {
        overflow-x: auto;
        scrollbar-width: none;
    }

    .header::-webkit-scrollbar {
        display: none;
    }

    .header>.inphone {
        display: none;
    }

    .header>.header-right {
        width: auto;
        padding: 0 14px;
        height: 32px;
        line-height: 32px;
        font-size: 13px;
        margin: 0 0 0 8px;
        flex-shrink: 0;
        border-radius: 16px;
    }

    /* 固定头部的页面留白 */
    body {
        padding-top: 52px;
    }

    /* ── 首页 banner 轮播：高度自适应 ── */
    .lunbo, .lunbo1 {
        height: auto !important;
        min-height: 180px;
    }

    .lunbo img {
        height: auto !important;
    }

    /* hero 容器：解锁固定高度 */
    #test,
    #test>div,
    #test>div>div,
    .lunbo1 {
        height: auto !important;
        min-height: 150px;
    }

    .lunbo1>div.one {
        height: auto !important;
        padding: 20px 16px !important;
        box-sizing: border-box;
        align-items: center;
    }

    /* hero 文案：px 固定保证可读（保持原横排布局，只放大文字） */
    #test>div>div>.lunbo1>.one>div>p:first-of-type {
        font-size: 16px !important;
        line-height: 1.5 !important;
        height: auto !important;
        width: 100% !important;
        padding-top: 0 !important;
        box-sizing: border-box;
    }

    #test>div>div>.lunbo1>.one>div>p:last-of-type {
        width: 96px !important;
        height: 34px !important;
        line-height: 34px !important;
        font-size: 13px !important;
        border-radius: 17px !important;
        margin-top: 16px !important;
    }

    .lunbo1 .one img {
        max-width: 48% !important;
        height: auto !important;
        top: 0 !important;
    }

    /* ── 通用区块：压缩内边距 ── */
    .partner,
    .ourGood,
    .hot,
    .news-section,
    .xin-products,
    .voices {
        padding: 32px 16px !important;
    }

    .title {
        font-size: 20px !important;
        line-height: 1.4 !important;
    }

    .title-1,
    .column-title {
        font-size: 13px !important;
    }

    /* 卡片区：竖排单列 */
    .ourMain,
    .hotMain,
    .youMain,
    .pMain {
        display: flex !important;
        flex-direction: column !important;
        gap: 16px !important;
        width: 100% !important;
    }

    .ourMain>div,
    .hotMain>div,
    .youMain>div,
    .pMain>div {
        width: 100% !important;
        margin: 0 !important;
        box-sizing: border-box;
    }

    /* 资讯：单列 */
    .news-columns,
    .news-container {
        display: block !important;
        width: 100% !important;
    }

    .news-column {
        width: 100% !important;
        margin-bottom: 20px !important;
    }

    .news-item-title {
        font-size: 14px !important;
        white-space: normal !important;
    }

    /* ── 底部：单列堆叠 ── */
    .unified-footer .footer-grid {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
    }

    .unified-footer .footer-brand {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 12px !important;
    }

    .unified-footer .footer-wechat {
        justify-content: flex-start !important;
    }

    .unified-footer .footer-bottom {
        flex-direction: column !important;
        gap: 8px !important;
        text-align: left !important;
    }

    .unified-footer .f-logo-text .f-brand {
        font-size: 16px !important;
    }

    .unified-footer .f-logo-text .f-sub {
        font-size: 12px !important;
    }

    .unified-footer .footer-col .col-title {
        font-size: 14px !important;
    }

    .unified-footer .footer-col a,
    .unified-footer .f-contact,
    .unified-footer .footer-bottom {
        font-size: 12px !important;
    }

    /* ── 申请试用弹窗：适配小屏 ── */
    .el-dialog {
        width: 92vw !important;
        max-width: 92vw !important;
        margin-top: 10vh !important;
    }

    .el-dialog .dialog {
        padding: 0 22px !important;
    }

    .el-dialog .dialog>.title {
        font-size: 18px !important;
        line-height: 1.5 !important;
    }

    .el-dialog .dialog>.title1 {
        font-size: 13px !important;
    }

    .el-dialog .dialog input {
        font-size: 14px !important;
        height: 40px !important;
        line-height: 40px !important;
    }

    .el-dialog .el-input__inner {
        font-size: 14px !important;
        height: 40px !important;
        line-height: 40px !important;
    }

    .el-dialog .dialog>div:nth-of-type(n+5) {
        font-size: 13px !important;
    }

    .el-dialog .dialog .el-radio__label,
    .el-dialog .dialog .el-checkbox__label {
        font-size: 13px !important;
    }

    .el-dialog .dialog>div:nth-of-type(6),
    .el-dialog .dialog>div:nth-of-type(7),
    .el-dialog .dialog>div:nth-of-type(8),
    .el-dialog .dialog>div:nth-of-type(9) {
        width: 100% !important;
    }

    .el-dialog .dialog>div:nth-of-type(7) .el-radio,
    .el-dialog .dialog>div:nth-of-type(9) .el-checkbox {
        width: 33.333% !important;
    }

    .el-dialog .dialog>div:nth-of-type(9) .el-checkbox {
        height: 32px !important;
    }

    .el-dialog .dialog>div:nth-of-type(10) {
        margin: 20px auto 0 !important;
        height: 40px !important;
        line-height: 40px !important;
        font-size: 14px !important;
        width: 60% !important;
    }

    /* ── 悬浮客服：贴边缩小 ── */
    .side-float {
        gap: 10px;
    }

    .float-btn {
        width: 40px;
        height: 40px;
    }

    .float-btn svg {
        width: 18px;
        height: 18px;
    }

    .float-popup-wechat img {
        width: 110px;
        height: 110px;
    }

    .float-popup-phone {
        font-size: 14px !important;
        line-height: 40px !important;
    }

    /* ── 合作客户 logo 墙：弹性换行 ── */
    .partner img {
        max-width: 100%;
        height: auto;
    }
}