/* 商户后台 手机端适配 2026-09-14（agent-browser 390px 实测版） */
@media (max-width:768px){
  /* 解除首页固定宽 */
  .content.contentEmpty{min-width:0!important}
  .section{width:100%!important;flex-direction:column!important;margin:0!important}
  .section>.left,.section>.right{width:100%!important;height:auto!important}
  .section .el-row.card{flex-wrap:wrap!important;gap:10px}
  .section .card--item{width:47%!important;box-sizing:border-box}
  .section .card .el-col-8{width:33.33%!important}
  .section .chartBox{flex-direction:column!important}
  .section .chartBox .l,.section .chartBox .r{width:100%!important;min-width:0!important}
  .section .title{max-width:100%!important;white-space:normal!important}
  /* 表格/弹窗/分页 */
  .el-table{width:100%!important}
  .el-table__inner-wrapper{width:100%!important}
  .el-dialog{width:94%!important;max-width:94vw!important}
  .el-message-box{width:92%!important;max-width:92vw!important}
  .el-pagination{flex-wrap:wrap;row-gap:6px}
  .el-form--inline .el-form-item{margin-right:8px!important}
  .el-drawer.ltr,.el-drawer.rtl{width:92%!important}
}

/* ===== 官网页头导航 → 移动端侧边抽屉 v3（美化版）2026-09-15 ===== */
/* 说明：.head_box 有 translateX transform，fixed 子元素会被其压扁，
   故抽屉内容由 JS 挂到 body 下的 #zxDrawer，汉堡按钮留在顶栏 */
#zxNavToggle{display:none}
#zxNavMask{display:none}
#zxDrawer{display:none}
@media (max-width:768px){
  .head .head_box .w1200.h_cont{padding:8px 14px!important}
  .head .head_box img{width:110px!important;height:auto!important}
  /* 汉堡按钮（固定右上角） */
  .head .head_box #zxNavToggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:38px;height:32px;border-radius:10px;background:rgba(255,255,255,.88);box-shadow:0 2px 10px rgba(49,133,254,.22);cursor:pointer;position:absolute;right:14px;top:50%;transform:translateY(-50%);z-index:1002}
  .head .head_box #zxNavToggle span{display:block;width:20px;height:2px;background:#3185fe;border-radius:2px;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .25s}
  body.zx-nav-open #zxNavToggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  body.zx-nav-open #zxNavToggle span:nth-child(2){opacity:0}
  body.zx-nav-open #zxNavToggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  /* 抽屉面板 */
  body.zx-nav-open #zxDrawer{display:block}
  body.zx-nav-open #zxDrawer .menus_box{display:flex!important;flex-direction:column;position:fixed;top:0;right:0;bottom:0;left:auto;width:72vw;max-width:300px;margin:0!important;padding:70px 14px 20px;background:#fff;overflow-y:auto;-webkit-overflow-scrolling:touch;box-shadow:-12px 0 40px rgba(15,42,86,.25);z-index:1001;animation:zxDrawerIn .32s cubic-bezier(.32,.72,.35,1)}
  /* 抽屉顶部品牌条 */
  body.zx-nav-open #zxDrawer .menus_box::before{content:'导航菜单';position:absolute;top:0;left:0;right:0;height:56px;display:flex;align-items:center;padding:0 26px;font-size:14px;font-weight:600;color:#3185fe;letter-spacing:2px;background:linear-gradient(90deg,#eef6ff,#fff);border-bottom:1px solid #eef2f8}
  /* 菜单列表：卡片式 */
  body.zx-nav-open #zxDrawer .menus{display:flex!important;flex-direction:column;margin:0!important;width:100%!important;height:auto!important;max-height:none!important;overflow:visible!important;gap:7px}
  body.zx-nav-open #zxDrawer .menus p{display:block;width:100%;height:auto!important;line-height:1.4!important;padding:14px 16px;margin:0;border-bottom:none;border-radius:12px;background:#f6f9fc;text-align:left!important;transition:background .2s}
  body.zx-nav-open #zxDrawer .menus p span{font-size:16px;color:#30343d;padding:0;border:none;font-weight:500}
  /* 当前项：蓝渐变高亮 */
  body.zx-nav-open #zxDrawer .menus p.ismenus{background:linear-gradient(90deg,#e3f0ff,#f2f8ff)}
  body.zx-nav-open #zxDrawer .menus p.ismenus span{color:#3185fe;font-weight:700}
  /* 右侧箭头 */
  body.zx-nav-open #zxDrawer .menus p::after{content:'›';float:right;color:#c0c8d4;font-size:20px;line-height:1.1;font-weight:400}
  body.zx-nav-open #zxDrawer .menus p.ismenus::after{color:#3185fe;font-weight:700}
  /* 底部联系卡片 */
  body.zx-nav-open #zxDrawer .menus_box>div:last-child{display:block!important;margin-top:auto!important;width:100%!important;padding:16px 14px!important;background:#f0f7ff;border-radius:14px;text-align:center}
  body.zx-nav-open #zxDrawer .menus_box>div:last-child>div{margin:0 0 8px!important;text-align:center}
  body.zx-nav-open #zxDrawer .menus_box>div:last-child .el-button{width:100%;margin:0!important;border-radius:22px!important;font-weight:600}
  /* 遮罩：加深 + 毛玻璃 */
  body.zx-nav-open #zxNavMask{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(13,30,60,.5);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:1000;animation:zxFadeIn .25s ease}
}
@keyframes zxDrawerIn{from{transform:translateX(100%)}to{transform:translateX(0)}}
@keyframes zxFadeIn{from{opacity:0}to{opacity:1}}

/* header 内菜单默认隐藏（防重渲染闪现），抽屉用 #zxDrawer 内节点 */
@media (max-width:768px){.head .head_box .menus_box{display:none!important}}
/* ===== 移动端体验修补 2026-09-15 v9 ===== */
@media (max-width:768px){
  /* 右侧悬浮客服缩小，减少遮挡正文 */
  .box{transform:scale(.72)!important;transform-origin:top right!important;top:56%!important}
  /* 方案卡横滑区：滑动吸附 + 右缘渐隐提示可滑 */
  .solution>div{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;mask-image:linear-gradient(90deg,#000 80%,rgba(0,0,0,0));-webkit-mask-image:linear-gradient(90deg,#000 80%,rgba(0,0,0,0))}
  .solution .s_item{scroll-snap-align:start}
  /* 两列特性卡标题缩号，避免断字 */
  .special .t_item div>p:first-child{font-size:17px!important}
}
/* ===== 浮窗收起模式 + 标题均衡换行 2026-09-15 v10 ===== */
@media (max-width:768px){
  /* 大标题两行均衡断行 */
  h1,h2,h3{text-wrap:balance}
  /* 右侧浮窗：默认收起为右缘竖条，点击展开 */
  .box{transform:scale(.72)!important;transform-origin:top right!important;top:56%!important;display:none!important}
  body.zx-float-open .box{display:block!important;animation:zxFadeIn .2s ease}
  #zxFloatToggle{position:fixed;right:0;top:56%;z-index:98;background:#3185fe;color:#fff;font-size:12px;line-height:1.2;padding:12px 4px;writing-mode:vertical-rl;letter-spacing:3px;border-radius:8px 0 0 8px;box-shadow:-2px 2px 8px rgba(0,0,0,.2);cursor:pointer}
  body.zx-float-open #zxFloatToggle{display:none}
}

/* 蓝色卡头标题缩号防拆字 */
@media (max-width:768px){.i_head p{font-size:16px!important;white-space:nowrap}}

/* ===== 轮播图适配：cover 防拉伸 + 文案区重排 ===== */
.el-carousel__item img{object-fit:cover!important;object-position:center!important}
@media (max-width:768px){
  body .head .el-carousel__container{height:340px!important}
  .el-carousel__item .bannet{left:20px!important;right:20px!important;bottom:18px!important;width:auto!important}
  .el-carousel__item .bannet .f46{font-size:22px!important;line-height:1.3}
  .el-carousel__item .bannet .f20{font-size:15px!important;line-height:1.75}
  .el-carousel__item .bannet .mb40{margin-bottom:14px!important}
  .el-carousel__item .bannet .el-button--large{height:38px;padding:8px 20px;font-size:14px}
}

/* ===== 案例网格移动端对齐：等宽两列、图片随容器 ===== */
@media (max-width:768px){
  .partner .w1200{grid-template-columns:repeat(2,1fr)!important;justify-items:center}
  .partner .p_cont{width:100%!important;margin:0!important}
  .partner .p_cont img{width:100%!important;height:auto!important;display:block}
}

/* 特色卡标题均衡断行防孤字 */
@media (max-width:768px){.special .t_item p{text-wrap:balance}}

/* ===== 业务后台移动布局框架 v18（390px 实测） ===== */
@media (max-width:768px){
  /* 解锁固定宽度容器 */
  .content{min-width:0!important;width:100%!important}
  .content .wrap{margin:10px!important;width:auto!important}
  /* 顶栏：标题不换行 */
  .navBar{padding:0 12px!important}
  .navBar .logo-txt{white-space:nowrap;max-width:58vw;overflow:hidden;text-overflow:ellipsis}
  .navBar .logoBox img{max-height:30px!important;width:auto!important}
  /* 汉堡按钮（顶栏右上） */
  #zxSbToggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:36px;height:30px;border-radius:9px;background:rgba(255,255,255,.92);box-shadow:0 2px 8px rgba(0,40,90,.18);cursor:pointer;flex-shrink:0;margin-left:10px}
  #zxSbToggle span{display:block;width:16px;height:2px;border-radius:2px;background:#2f6bff;transition:.25s}
  body.zx-sb-open #zxSbToggle span:nth-child(1){transform:translateY(6px) rotate(45deg)}
  body.zx-sb-open #zxSbToggle span:nth-child(2){opacity:0}
  body.zx-sb-open #zxSbToggle span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
  /* 侧栏 → 抽屉 */
  .siderBar{transform:translateX(-105%)!important;transition:transform .28s cubic-bezier(.32,.72,.35,1);z-index:1001!important}
  body.zx-sb-open .siderBar{transform:none!important;box-shadow:8px 0 32px rgba(10,30,70,.22)}
  #zxSbMask{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(10,25,50,.45);backdrop-filter:blur(2px);z-index:1000}
  body.zx-sb-open #zxSbMask{display:block}
  /* 统计卡两列防竖字 */
  .el-col-6{width:50%!important;flex:0 0 50%!important;max-width:50%!important}
  .el-col-6 .card--item,.el-col-6 [class*=card]{box-sizing:border-box;max-width:100%}
  /* 通用兜底：搜索表单与卡片满宽 */
  .el-card{max-width:100%!important}
  .el-form--inline .el-form-item{max-width:100%}
  img{max-width:100%}
}

/* ===== v19 补丁：content padding 244 归零 + 顶栏修正 ===== */
@media (max-width:768px){
  .content{padding-left:0!important;padding-right:0!important;box-sizing:border-box!important}
  body .navBar{position:relative!important}
  body .navBar .logo-txt{white-space:nowrap!important;font-size:15px!important}
  body #zxSbToggle{position:absolute!important;right:12px!important;top:50%!important;transform:translateY(-50%)!important;margin-left:0!important}
}

/* ===== v20 补丁：数据统计页内联 min-width 覆盖 ===== */
@media (max-width:768px){
  .content .wrap{min-width:0!important}
  .content .el-row{min-width:0!important}
}

/* ===== v21 补丁：数据表格单元格防截断 ===== */
@media (max-width:768px){
  .content .el-table .cell{white-space:normal!important;word-break:break-word}
  .content .el-table{font-size:13px!important}
}

/* ===== v22 补丁：概况数字卡三列防截断 ===== */
@media (max-width:768px){
  .content .el-row.card .cardItem{width:33.33%!important;box-sizing:border-box;padding:0 4px!important}
  .content .el-row.card .cardItem .num{font-size:22px!important}
}

/* v23: 桌面端隐藏侧栏开关与遮罩 */
#zxSbToggle{display:none}
#zxSbMask{display:none}
@media (max-width:768px){body.zx-sb-open #zxSbMask{display:block}#zxSbToggle{display:flex}}

/* v24: 首页概况卡标题防溢出 */
@media (max-width:768px){.card-tt{white-space:normal!important;font-size:13px!important}.card--item{box-sizing:border-box;max-width:100%;overflow:hidden}}

/* v25: 首页实时概况卡两列 */
@media (max-width:768px){.order .el-row.card{flex-wrap:wrap!important;row-gap:12px}.order .el-row.card .card--item{flex:0 0 46%!important;width:46%!important}.order .card-tt{white-space:normal!important;font-size:13px!important}}

/* v26: 概况卡标题12px完整显示 */
@media (max-width:768px){.order .card-tt,.card--title{font-size:12px!important;letter-spacing:0}}

/* v27: 概况卡图标缩小+标题11px */
@media (max-width:768px){.order .card-tt{font-size:11px!important}.order .card--item img{width:44px!important;height:44px!important}}

/* ===== v28 深度体检修补 2026-09-15 ===== */
/* 1) 官网 solution 段落 / 底部CTA / 版权行 顶边防贴边 */
@media (max-width:768px){
  .solution>p{padding-left:16px;padding-right:16px;box-sizing:border-box}
  .cf.f34.wei6{padding-left:16px;padding-right:16px;box-sizing:border-box}
  .bottom .t-c{padding-left:12px;padding-right:12px;box-sizing:border-box}
}
/* 2) 后台概况卡标题+问号图标防右缘裁切 */
@media (max-width:768px){
  .order .card-tt{font-size:10px!important;padding-right:2px}
  .order .card--item{padding-left:3px!important;padding-right:3px!important}
}
/* 3) 表单固定宽度解锁（配送设置/系统设置等） */
@media (max-width:768px){
  .el-form-item.formWidth{width:auto!important;max-width:100%!important}
  .el-form-item.formWidth .el-input{width:100%!important}
  .formInlieWidth{max-width:100%!important}
}
/* 4) 空src图片隐藏（渠道图标缺失时的破图占位） */
img:not([src]),img[src=""]{visibility:hidden}
/* v29: card-tt 厂商 min-width:150px 导致概况卡标题+icon右缘裁切 */
@media (max-width:768px){.order .card-tt{min-width:0!important;width:auto!important}}
/* v30: 表单固定宽解锁精确匹配（formWidth/formWidths） */
@media (max-width:768px){
  .el-form-item[class*="formWidth"]{width:auto!important;max-width:100%!important}
  .el-form-item[class*="formWidth"] .el-input{width:100%!important}
  .el-form-item[class*="formWidth"] .el-select{width:100%!important}
}
/* v31: formInlieWidth 内 textarea/input 固定 400px 溢出 */
@media (max-width:768px){
  .formInlieWidth .el-textarea,.formInlieWidth .el-input{width:100%!important;max-width:100%!important}
  .formInlieWidth .el-textarea__inner{width:100%!important}
}
/* v32: 设置页长URL链接断行防溢出 */
@media (max-width:768px){
  .el-link.tool{max-width:100%!important;width:auto!important}
  .el-link.tool .el-link__inner{word-break:break-all;white-space:normal!important;display:inline!important}
}

/* v34: ICP 备案号独立链接（beian.miit.gov.cn） */
a.zx-icp-link{color:inherit;text-decoration:underline;text-underline-offset:2px}
a.zx-icp-link:hover{opacity:.75}
/* v35: 版权行拆分后备案号链接独占一行居中 */
.el-link__inner{flex-wrap:wrap}
a.zx-icp-link{width:100%;text-align:center}