@charset "UTF-8";
/* ==========================================================================
   AiKa SUP · 手机端收敛层  sup-mobile.css
   全站统一加载，排在 mobile-responsive.css 之后
   ========================================================================== */
 html , :root body  {overflow-x:hidden}
 :root body  {-webkit-text-size-adjust:100%}

/* 触控友好：正文可点元素最小高度 */
@media (pointer:coarse){
 :root .btn  {min-height:34px}
 :root .btn-xs  {min-height:27px}
 :root a , :root a:active  {-webkit-tap-highlight-color:transparent}}

/* iPhone 安全区 */
@supports (padding:max(0px)){
 :root .app-content-body , :root .app-content  {padding-left:max(var(--s-gap),env(safe-area-inset-left))!important;
    padding-right:max(var(--s-gap),env(safe-area-inset-right))!important}
 :root .app-aside  {padding-bottom:env(safe-area-inset-bottom)}}
/* ---------- 表格：沿用「块级 + 横向滚动」，但收敛内边距 ---------- */
 :root .table-responsive , :root .table-wrap  {overflow-x:auto!important;-webkit-overflow-scrolling:touch;max-width:100%}
 :root .table-responsive::-webkit-scrollbar , :root .table-wrap::-webkit-scrollbar  {height:5px}
 :root .table-responsive::-webkit-scrollbar-thumb , :root .table-wrap::-webkit-scrollbar-thumb  {background:var(--s-line-3);border-radius:3px}

@media (max-width:991px){
 :root .app-content-body , :root .app-content  {padding:12px!important}
 :root .panel-body , :root .card-body , :root .box-body , :root .up-card-bd , :root .khg-card-body  {padding:14px!important}
 :root .panel-heading , :root .card-head , :root .up-card-hd , :root .khg-card-header , :root .box-header  {padding:12px 14px!important}
 :root #header.app-header .navbar-brand  {font-size:14px!important}
 :root .up-hero  {padding:16px!important}
 :root .up-hero-t  {font-size:18px!important}}

@media (max-width:767px){
/* 表格：宽表交给外层容器横向滚动，表格本体保持 display:table
   （原写法给 <table> 加 display:block 会摧毁表格布局）*/
 :root table.table , :root .ap-tbl , :root .config-table , :root .data-table , :root .list-table , :root .up-tbl , :root .khg-table  {width:100%!important}
 :root table.table>thead>tr>th , :root table.table>tbody>tr>td , :root .ap-tbl th , :root .ap-tbl td , :root .config-table th , :root .config-table td  {padding:9px 10px!important;font-size:12.5px!important}
/* 1) 表格包裹容器：横向滚动、限制在视口内 */
 :root .uc-table-wrap , :root .wb-table-wrap , :root .wb-tablewrap , :root .wb-tscroll ,
 :root .fl-table-wrap , :root .pt-table-wrap , :root .shequ-table-wrap , :root .table-wrap ,
 :root .kms-scroll , :root [class$="-table-wrap"] , :root [class$="-tablewrap"] ,
 :root [class*="table-wrap"] , :root [class*="tscroll"]  {
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch;
    max-width:100%!important;
  }
 :root .uc-table-wrap::-webkit-scrollbar , :root .wb-table-wrap::-webkit-scrollbar ,
 :root [class*="table-wrap"]::-webkit-scrollbar  {height:5px}
 :root .uc-table-wrap::-webkit-scrollbar-thumb , :root .wb-table-wrap::-webkit-scrollbar-thumb ,
 :root [class*="table-wrap"]::-webkit-scrollbar-thumb  {background:var(--s-line-3);border-radius:3px}
/* 2) 未被卡片化的通用/自建表格：保持表格布局，仅收紧内边距与字号 */
 :root .kc-table , :root .wc-tbl , :root .wc-res , :root .wb-table , :root .wb-tb ,
 :root .uc-table , :root .oy-tbl , :root .oy-tbl-wide , :root .mc-table , :root .tx-tbl ,
 :root .shequ-table , :root .sa-table , :root .sa-opt-table , :root .result-table ,
 :root .pt-table , :root .pm-table , :root .mail-table , :root .mails-log-table ,
 :root .log-table , :root .dash-table , :root .fl-table , :root .ul-table ,
 :root .shopbatch-goods-table  {
    width:100%!important;
    max-width:100%!important;
  }
 :root .kc-table th , :root .kc-table td , :root .wc-tbl th , :root .wc-tbl td ,
 :root .wb-table th , :root .wb-table td , :root .uc-table th , :root .uc-table td ,
 :root .oy-tbl th , :root .oy-tbl td , :root .mc-table th , :root .mc-table td ,
 :root .tx-tbl th , :root .tx-tbl td , :root .shequ-table th , :root .shequ-table td ,
 :root .sa-table th , :root .sa-table td , :root .result-table th , :root .result-table td ,
 :root .pt-table th , :root .pt-table td , :root .pm-table th , :root .pm-table td ,
 :root .mail-table th , :root .mail-table td , :root .mails-log-table th , :root .mails-log-table td ,
 :root .log-table th , :root .log-table td , :root .dash-table th , :root .dash-table td ,
 :root .fl-table th , :root .fl-table td  {
    padding:8px 10px!important;
    font-size:12.5px!important;
    white-space:nowrap;
  }
 :root table.table img  {max-width:60px}
/* 卡片与容器 */
 :root .panel , :root .card , :root .up-card , :root .uc-card , :root .khg-card , :root .box , :root .stat-card , :root .wb-stat  {border-radius:var(--s-r-s)!important}
 :root .panel-body , :root .card-body , :root .box-body , :root .up-card-bd  {padding:12px!important}
/* 表单：行内布局一律竖排 */
 :root .form-row , :root .fz-form-row , :root .pm-form-group , :root .up-field , :root .up-row , :root .kc-field , :root .form-inline>.form-group  {display:block!important;width:100%!important}
 :root .form-row>* , :root .fz-form-row>* , :root .pm-form-group>* , :root .up-field>*  {width:100%!important;max-width:100%!important}
 :root .form-control , :root .up-input , :root .kc-input , :root .up-select  {font-size:15px!important}
/* ≥16px 防 iOS 缩放，取 15 兼顾观感 */
/* 弹窗 */
 :root .modal-dialog  {width:auto!important;margin:10px!important}
 :root .modal-content  {border-radius:var(--s-r-s)!important}
 :root .modal-body  {max-height:64vh;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:14px!important}
 :root .modal-header , :root .modal-footer  {padding:12px 14px!important}
 :root .layui-layer  {max-width:94vw!important}
 :root .layui-layer-content  {max-height:70vh;overflow-y:auto!important;-webkit-overflow-scrolling:touch}
/* 按钮与操作条 */
 :root .btn-group , :root .up-btn-group , :root .kc-btn-group , :root .action-bar , :root .form-actions , :root .up-actions  {
    display:flex!important;flex-wrap:wrap!important;gap:8px!important
  }
 :root .btn-group>.btn , :root .up-btn-group>.btn  {flex:1 1 auto}
 :root .btn-block-mobile , :root .form-actions>.btn , :root .up-actions>.btn  {width:100%!important}
 :root .pull-right , :root .pull-left  {float:none!important}
/* 统计卡：两列 */
 :root .stat-grid , :root .wb-stat-grid , :root .uc-stat-grid , :root .up-stat-grid  {
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important
  }
/* 视觉收敛 */
 :root body  {font-size:13.5px}
 :root h1 , :root .h1  {font-size:20px!important}
 :root h2 , :root .h2  {font-size:18px!important}
 :root h3 , :root .h3 , :root .panel-title , :root .card-title  {font-size:15px!important}
 :root .up-hero  {padding:14px!important;border-radius:var(--s-r-s)!important}
 :root .up-hero-t  {font-size:17px!important}
 :root .up-hero-ico  {width:36px!important;height:36px!important;font-size:17px!important}
 :root .s-sec  {font-size:13.5px!important;margin:14px 0 10px!important}
/* 侧栏抽屉（与 sup-layout 呼应，宽度收窄到 min(78vw,264px)） */
 :root .app-aside , :root #aside  {top:var(--s-h-header)!important;width:min(78vw,264px)!important;max-width:264px!important}
 :root .aside-overlay  {background:rgba(0,0,0,.28)!important;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
}


@media (max-width:575px){
 :root .app-content-body , :root .app-content  {padding:10px!important}
 :root .panel-body , :root .card-body , :root .box-body , :root .up-card-bd , :root .khg-card-body  {padding:11px!important}
 :root .stat-grid , :root .wb-stat-grid , :root .uc-stat-grid , :root .up-stat-grid  {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
 :root .up-hero-ico  {display:none}
/* 超窄屏：两列表格密度再收 */
 :root table.table>thead>tr>th , :root table.table>tbody>tr>td , :root .ap-tbl th , :root .ap-tbl td  {padding:8px 9px!important;font-size:12px!important}}

@media (max-width:360px){
 :root .stat-grid , :root .wb-stat-grid , :root .uc-stat-grid , :root .up-stat-grid  {grid-template-columns:1fr!important}}

/* ---------- 统计卡手机端 ---------- */
@media (max-width:900px){
  :root .wb-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  :root .wb-stat{min-height:74px;padding:13px 14px!important}
  :root .wb-stat .wb-stat-value,
  :root .wb-stat .num,
  :root .wb-stat .v{font-size:19px!important}
}
@media (max-width:520px){
  :root .wb-stats{grid-template-columns:1fr!important}
  :root .wb-stat{min-height:66px;padding:12px 14px!important;flex-direction:row!important;align-items:center!important;gap:11px!important}
  :root .wb-stat .wb-stat-label,
  :root .wb-stat .lab,
  :root .wb-stat .k{margin:0!important;font-size:12px!important;flex:1 1 auto}
  :root .wb-stat .wb-stat-value,
  :root .wb-stat .num,
  :root .wb-stat .v{font-size:18px!important;margin:0!important;flex:0 0 auto}
}

/* ---------- 后台列表页顶部搜索行：窄屏折行 ---------- */
@media (max-width: 767px){
  /* 顶栏工具行整体可折行、子项可收缩 */
  .wb-ol-form, .wb-ol-row{ min-width:0; flex-wrap:wrap !important; }
  .wb-ol-row > *{ min-width:0; max-width:100%; }
  .wb-ol-search{ flex:1 1 100% !important; width:100% !important; }
  .wb-ol-search input{ width:100%; min-width:0; }
  .wb-ol-row > .wb-ol-sel, .wb-ol-row > select{
    width:auto !important; flex:1 1 46%; min-width:0; max-width:100%;
  }
  .wb-ol-btn{ flex:0 1 auto; min-width:0; }
  .wb-ol-chk{ flex:0 0 auto; }
  .wb-tablewrap{ overflow-x:auto; -webkit-overflow-scrolling:touch; }
  pre{ max-width:100%; }
}

/* ---------- 窄屏：弹窗内代码块允许换行（modal 非 flex 容器，overflow 兜不住） ---------- */
@media (max-width: 767px){
  .modal .modal-body pre{ white-space:pre-wrap; overflow-wrap:anywhere; word-break:break-word; }
  .modal .modal-body pre code{ white-space:pre-wrap; overflow-wrap:anywhere; word-break:break-word; }
  .modal .modal-body{ overflow-x:hidden; }
}

/* ============================================================================
   后台手机端顶栏收口（html.wb-admin 限定，前台 html.wb-user 不受影响）
   390px 实测：ul.navbar-right 右缘 517（越界 127px），宽度来自「客服中心」文字
   与下拉里的用户名 span（Bootstrap hidden-sm 只在 768-991 生效，手机上仍显示）。
   ============================================================================ */
@media (max-width: 767px){
  html.wb-admin .app-header .navbar-collapse{ padding-right:6px !important; }
  html.wb-admin .app-header .navbar-nav{ gap:2px !important; }
  html.wb-admin .app-header .navbar-nav>li>a{ padding:0 9px !important; gap:6px !important; }
  html.wb-admin .app-header .navbar-nav>li.dropdown>a>span.hidden-sm,
  html.wb-admin .app-header .navbar-nav>li.dropdown>a>span.hidden-md{ display:none !important; }
}
@media (max-width: 430px){
  html.wb-admin .app-header .navbar-brand{ font-size:13px !important; }
  html.wb-admin .app-header .navbar-nav>li>a.nav-kf{ font-size:0 !important; }
  html.wb-admin .app-header .navbar-nav>li>a.nav-kf>i.fa{ font-size:15px !important; margin-right:0 !important; }
  html.wb-admin .app-header .navbar-nav>li>a.nav-kf .kf-badge{ font-size:10px !important; }
}
@media (max-width: 360px){
  html.wb-admin .app-header .navbar-header{ padding-left:8px !important; padding-right:6px !important; }
  html.wb-admin .app-header .menu-toggle-btn,
  html.wb-admin #header .menu-toggle-btn{ width:32px !important; height:32px !important; margin-right:6px !important; }
  html.wb-admin .app-header .navbar-brand{ font-size:12.5px !important; }
  html.wb-admin .app-header .navbar-nav>li>a{ padding:0 7px !important; }
}

/* 客服中心工单/消息表格：390px 下 .kc-table 宽 393 溢出面板（无横向滚动容器） */
@media (max-width: 767px){
  html.wb-admin .kc-table{ display:block; overflow-x:auto; -webkit-overflow-scrolling:touch; }
}

/* 后台富文本编辑器（wangEditor）工具条在手机端折行，避免右侧图标被裁 */
@media (max-width: 767px){
  html.wb-admin .w-e-toolbar{ flex-wrap:wrap !important; height:auto !important; }
  html.wb-admin .w-e-toolbar .w-e-menu{ width:auto !important; }
}