/* MO guide desk iOS Pro upgrade · 2026-07-01
   Shared by guide.html / bdguide.html / zbguide.html. Business logic unchanged. */
:root{
  --gx-bg:#F6F7F8;
  --gx-card:#FFFFFF;
  --gx-ink:#121716;
  --gx-muted:#6C7471;
  --gx-faint:#A8AFAB;
  --gx-line:#E2E7E3;
  --gx-blue:#2D6F91;
  --gx-green:#227A4D;
  --gx-amber:#A36A24;
  --gx-red:#B83A2F;
  --gx-soft-blue:#E9F2F5;
  --gx-soft-green:#E9F4EF;
  --gx-soft-amber:#F8EEDF;
  --gx-soft-red:#FFF0EE;
  --gx-shadow:0 10px 28px -24px rgba(16,22,19,.55);
}
body,body *{letter-spacing:0!important;}
html,body{background:var(--gx-bg)!important;color:var(--gx-ink)!important;}
body{justify-content:center!important;}
#app{
  max-width:460px!important;
  background:var(--gx-bg)!important;
  box-shadow:0 0 0 1px rgba(18,23,22,.05),0 28px 70px -38px rgba(18,23,22,.42)!important;
}
@media (max-width:520px){
  #app{max-width:none!important;box-shadow:none!important;}
}
header{
  background:rgba(246,247,248,.88)!important;
  border-bottom:1px solid rgba(18,23,22,.07)!important;
  backdrop-filter:saturate(180%) blur(22px)!important;
  -webkit-backdrop-filter:saturate(180%) blur(22px)!important;
  padding:calc(env(safe-area-inset-top) + 13px) 16px 12px!important;
}
.top{align-items:center!important;gap:12px!important;}
.wordmark,.mh-logo{
  width:42px!important;height:42px!important;border-radius:13px!important;
  background:#101514!important;box-shadow:0 12px 24px -18px rgba(0,0,0,.7)!important;
}
.eyebrow{
  color:var(--gx-muted)!important;
  text-transform:none!important;
  font-size:11px!important;
  font-weight:760!important;
}
.htxt h1{
  margin-top:4px!important;
  font-size:20px!important;
  line-height:1.12!important;
  font-weight:850!important;
  color:var(--gx-ink)!important;
}
.who,.pill,.mo-punch{
  min-height:28px!important;
  border-radius:999px!important;
  border:1px solid var(--gx-line)!important;
  background:#fff!important;
  color:var(--gx-muted)!important;
  box-shadow:none!important;
}
.who{padding:4px 10px!important;color:var(--gx-blue)!important;background:var(--gx-soft-blue)!important;}
.pill.live{border-color:#BFD8CA!important;background:var(--gx-soft-green)!important;color:var(--gx-green)!important;}
.mb-btn{background:var(--gx-soft-blue)!important;color:var(--gx-blue)!important;border-color:#C7DDE5!important;}

.slots{
  background:var(--gx-bg)!important;
  border:0!important;
  padding:12px 16px 8px!important;
}
.slots-l{margin-bottom:10px!important;}
.slots-l .lib{
  color:var(--gx-faint)!important;
  font-size:10.5px!important;
  font-weight:760!important;
}
.slot-row{
  gap:9px!important;
  scroll-snap-type:x proximity;
  padding-bottom:2px!important;
}
.slot{
  min-width:132px!important;
  scroll-snap-align:start;
  border:1px solid var(--gx-line)!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:var(--gx-shadow)!important;
  padding:12px 13px!important;
}
.slot .serving{
  color:var(--gx-green)!important;
  font-size:10px!important;
  font-weight:850!important;
  margin-bottom:7px!important;
}
.slot .serving i{background:var(--gx-green)!important;}
.slot .nm{
  font-size:15px!important;
  line-height:1.22!important;
  font-weight:850!important;
  color:var(--gx-ink)!important;
}
.slot .ct{
  margin-top:7px!important;
  font-size:11.5px!important;
  color:var(--gx-muted)!important;
}
.slot .ct b{color:var(--gx-blue)!important;font-weight:850!important;}
.slot.sel{
  background:#101514!important;
  border-color:#101514!important;
  color:#fff!important;
}
.slot.sel .nm,.slot.sel .ct,.slot.sel .ct b,.slot.sel .serving{color:#fff!important;}
.slot.sel .serving i{background:#fff!important;}
.slot.slot-od{
  background:#fff!important;
  border-color:#E2A09A!important;
  box-shadow:inset 0 0 0 1px rgba(184,58,47,.22),var(--gx-shadow)!important;
}
.slot.slot-od .serving,.slot.slot-od .ct b{color:var(--gx-red)!important;}
.slot.slot-od .serving i{background:var(--gx-red)!important;}
.slot.add{
  min-width:112px!important;
  border-style:dashed!important;
  background:rgba(255,255,255,.62)!important;
  color:var(--gx-blue)!important;
  box-shadow:none!important;
}

.gtabs{
  margin:4px 16px 8px!important;
  padding:3px!important;
  background:#E8ECE8!important;
  border-radius:13px!important;
}
.gtabs .seg-pill{background:#fff!important;border-radius:10px!important;box-shadow:0 2px 8px -5px rgba(18,23,22,.7)!important;}
.gtab{
  min-height:38px!important;
  color:#66716C!important;
  font-size:13.5px!important;
  font-weight:850!important;
}
.gtab.on{color:var(--gx-ink)!important;}
.gtab svg{width:15px!important;height:15px!important;}
.gtab .gn{background:rgba(18,23,22,.08)!important;color:#66716C!important;}
.gtab.on .gn{background:var(--gx-soft-blue)!important;color:var(--gx-blue)!important;}

.gx-focus{
  margin:0 16px 8px;
  padding:12px;
  background:#fff;
  border:1px solid var(--gx-line);
  border-radius:16px;
  box-shadow:var(--gx-shadow);
}
.gx-focus-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.gx-focus-title{min-width:0;}
.gx-focus-title span{
  display:block;
  color:var(--gx-blue);
  font-size:10.5px;
  font-weight:850;
}
.gx-focus-title b{
  display:block;
  margin-top:4px;
  color:var(--gx-ink);
  font-size:18px;
  line-height:1.2;
  font-weight:900;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.gx-focus-title em{
  display:block;
  margin-top:4px;
  color:var(--gx-muted);
  font-style:normal;
  font-size:11.5px;
  line-height:1.35;
}
.gx-focus-score{
  flex:0 0 auto;
  text-align:right;
}
.gx-focus-score b{
  display:block;
  font-family:var(--mono,ui-monospace,monospace);
  font-size:26px;
  line-height:1;
  color:var(--gx-green);
}
.gx-focus-score span{
  display:block;
  margin-top:4px;
  color:var(--gx-muted);
  font-size:10px;
  font-weight:800;
}
.gx-focus-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:7px;
  margin-top:11px;
}
.gx-mini{
  min-width:0;
  border-radius:11px;
  background:#F5F7F6;
  border:1px solid #E9EDEA;
  padding:8px 6px;
  text-align:center;
}
.gx-mini.warn{background:var(--gx-soft-amber);border-color:#EED4AE;}
.gx-mini.danger{background:var(--gx-soft-red);border-color:#F0CBC6;}
.gx-mini b{
  display:block;
  font-family:var(--mono,ui-monospace,monospace);
  font-size:17px;
  line-height:1.05;
  color:var(--gx-ink);
}
.gx-mini.warn b{color:var(--gx-amber);}
.gx-mini.danger b{color:var(--gx-red);}
.gx-mini span{
  display:block;
  margin-top:4px;
  color:var(--gx-muted);
  font-size:10px;
  font-weight:780;
}

.cash-bar,.repo-bar{
  margin:0 16px 7px!important;
  border-radius:14px!important;
  padding:11px 12px!important;
  box-shadow:0 14px 30px -22px rgba(18,23,22,.72)!important;
}
.cash-bar{background:#143223!important;}
.cash-bar.buy{background:#203345!important;}
.repo-bar{background:#3B3144!important;}
.cash-bar .cb-ic,.repo-bar .cb-ic{border-radius:10px!important;background:rgba(255,255,255,.14)!important;}
.cash-bar .cb-t,.repo-bar .cb-t{font-size:12.5px!important;font-weight:760!important;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.cash-bar .cb-go,.repo-bar .cb-go{font-size:11.5px!important;}

main{
  padding:14px 16px calc(112px + env(safe-area-inset-bottom))!important;
  background:var(--gx-bg)!important;
}
.cart-h{
  padding:2px 0 10px!important;
  gap:8px!important;
}
.cart-h .t{
  font-size:17px!important;
  font-weight:900!important;
  color:var(--gx-ink)!important;
}
.cart-h .s{font-size:12px!important;color:var(--gx-muted)!important;}
.cart-acts{gap:8px!important;margin:9px 0 6px!important;}
.pickbtn,.endbtn,.bo-print,.bo-doneb,.bo-cashb,.bo-cashb-big,.co-btn,.cash-done,.cash-done-top,.mr-all,.mr-one{
  border-radius:12px!important;
  min-height:38px;
  font-weight:850!important;
}
.pickbtn.alert,.bo-print.alert{
  background:var(--gx-blue)!important;
  color:#fff!important;
  box-shadow:0 10px 22px -15px rgba(45,111,145,.7)!important;
}
.pickbtn.bigbtn,.bo-print.bigbtn{
  background:var(--gx-amber)!important;
  color:#fff!important;
}
.pickbtn.done,.bo-print.done,.pickbtn.bigdone,.bo-print.bigdone{
  background:#F0F2F1!important;
  color:#89908C!important;
  border:1px solid var(--gx-line)!important;
}
.endbtn,.co-done,.cash-done,.cash-done-top,.bo-cashb-big{
  background:var(--gx-green)!important;
  color:#fff!important;
}
.prog{
  border-radius:14px!important;
  border:1px solid var(--gx-line)!important;
  background:#fff!important;
  box-shadow:var(--gx-shadow)!important;
  padding:12px!important;
}
.prog .lbl{font-size:12.5px!important;color:var(--gx-muted)!important;}
.prog .lbl b{color:var(--gx-blue)!important;}
.prog .bar{height:7px!important;background:#E9EDEA!important;}
.prog .bar i{background:linear-gradient(90deg,var(--gx-green),var(--gx-blue))!important;}

.gbatch{
  margin:9px 0 4px!important;
  padding:11px 10px 7px!important;
  border-left:0!important;
  border-radius:12px!important;
  background:transparent!important;
}
.gbatch .gb-t{color:var(--gx-ink)!important;font-size:13px!important;font-weight:900!important;}
.gbatch .gb-q{color:var(--gx-muted)!important;}
.gbatch.wait .gb-t{color:var(--gx-amber)!important;}
.gbatch.disp .gb-t{color:var(--gx-blue)!important;}

.citem,.bo-grp,.cash-card,.co-item,.mr-grp,.ditem{
  border:1px solid var(--gx-line)!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:var(--gx-shadow)!important;
}
.citem{
  display:flex!important;
  padding:13px!important;
  margin-bottom:10px!important;
  overflow:hidden!important;
}
.citem::before{display:none!important;}
.citem .nm,.bo-i-nm,.co-i-nm,.cash-card .nm,.mr-i-nm{
  color:var(--gx-ink)!important;
  font-size:15px!important;
  line-height:1.32!important;
  font-weight:880!important;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.citem.is-done{opacity:.72!important;background:#F7F9F8!important;}
.citem.oos,.citem.overdue,.bo-item.s-oos{
  background:linear-gradient(0deg,#fff,#fff),var(--gx-soft-red)!important;
  border-color:#F0CBC6!important;
}
.citem.oos .nm,.citem.overdue .nm{color:var(--gx-red)!important;}
.sub,.bo-i-tags,.co-i-sub,.cash-card .at{gap:6px!important;}
.attr,.skucode,.bo-i-meta,.co-i-sub,.cash-card .at,.mr-i-meta{
  font-size:11.5px!important;
  color:var(--gx-muted)!important;
}
.size-pill,.stat,.bo-st,.bo-tag,.src-tag,.mo-stk{
  border-radius:8px!important;
  border:0!important;
  min-height:22px;
  padding:3px 8px!important;
  font-size:10.5px!important;
  font-weight:850!important;
  line-height:1.25!important;
}
.stat-todo,.stat-wait,.bo-st.wait{background:var(--gx-soft-amber)!important;color:var(--gx-amber)!important;}
.stat-done,.stat-stock,.bo-st.ok{background:var(--gx-soft-green)!important;color:var(--gx-green)!important;}
.stat-over,.stat-oos,.bo-st.oos{background:var(--gx-soft-red)!important;color:var(--gx-red)!important;}
.stat-hand,.bo-st.smallsrc{background:var(--gx-soft-blue)!important;color:var(--gx-blue)!important;}
.bo-st.bigsrc{background:var(--gx-soft-amber)!important;color:var(--gx-amber)!important;}
.stepper{
  border:1px solid var(--gx-line)!important;
  border-radius:12px!important;
  background:#F3F5F4!important;
}
.stepper button{width:34px!important;height:34px!important;}
.stepper span{font-size:14px!important;font-weight:900!important;}
.rm{
  width:34px!important;height:34px!important;border-radius:50%!important;
  background:#F3F5F4!important;color:var(--gx-muted)!important;
}

.addbar{
  padding:11px 16px calc(11px + env(safe-area-inset-bottom))!important;
  background:rgba(255,255,255,.88)!important;
  border-top:1px solid rgba(18,23,22,.08)!important;
  backdrop-filter:saturate(180%) blur(24px)!important;
  -webkit-backdrop-filter:saturate(180%) blur(24px)!important;
}
.addbar .sum .n{font-size:24px!important;font-weight:950!important;color:var(--gx-ink)!important;}
.addbar .sum .l{color:var(--gx-muted)!important;}
.addbar .scan{
  height:54px!important;
  border-radius:17px!important;
  background:#101514!important;
  font-size:16px!important;
  font-weight:900!important;
  box-shadow:0 16px 30px -22px rgba(16,21,20,.9),inset 0 1px 0 rgba(255,255,255,.18)!important;
}

.srcpick{background:rgba(18,23,22,.34)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;}
.srcpick-card,.sheet,.confirm,.mb-sheet{
  max-width:460px!important;
  border-radius:24px 24px 0 0!important;
  background:#F7F8FA!important;
  box-shadow:0 -24px 60px -34px rgba(18,23,22,.8)!important;
}
.sp-title,.cf-l{color:var(--gx-muted)!important;font-weight:850!important;}
.sp-group{display:grid!important;gap:9px!important;}
.sp-opt{
  border:1px solid var(--gx-line)!important;
  border-radius:16px!important;
  box-shadow:var(--gx-shadow)!important;
  padding:14px!important;
}
.sp-ic{border-radius:14px!important;}
.sp-tx b{font-size:15px!important;color:var(--gx-ink)!important;}
.sp-tx i{font-size:11.5px!important;color:var(--gx-muted)!important;}
.sp-cancel,.cf-cancel{
  border-radius:14px!important;
  background:#EDEFF0!important;
  color:var(--gx-muted)!important;
}

.scanlayer{background:#080C0D!important;}
.scan-top{padding:calc(14px + env(safe-area-inset-top)) 16px 12px!important;}
.scan-close,.srcBtn,.scan-foot .mbtn,.scan-foot .dbtn{
  border-radius:14px!important;
  min-height:44px;
}
.reticle{border-radius:18px!important;}
.rescan-zone{border-radius:24px!important;}
.tray{border-radius:22px 22px 0 0!important;background:#F7F8FA!important;}
.tray-item{background:#fff!important;border:1px solid var(--gx-line)!important;border-radius:12px!important;margin-bottom:7px!important;padding:10px!important;}
.tray-list{padding:0 12px!important;}
.tray-add{height:52px!important;border-radius:16px!important;background:var(--gx-green)!important;}

.confirm{padding-left:18px!important;padding-right:18px!important;}
.cf-name{font-size:18px!important;font-weight:900!important;color:var(--gx-ink)!important;}
.cf-opt{
  min-height:40px!important;
  border-radius:12px!important;
  border:1px solid var(--gx-line)!important;
  background:#fff!important;
  color:var(--gx-muted)!important;
  font-weight:850!important;
}
.cf-opt.sel{
  background:#101514!important;
  color:#fff!important;
  border-color:#101514!important;
  box-shadow:none!important;
}
.cf-final,.cf-stock{
  border-radius:14px!important;
  background:#fff!important;
  border:1px solid var(--gx-line)!important;
}
.cf-add{
  height:54px!important;
  border-radius:16px!important;
  background:var(--gx-green)!important;
  font-size:16px!important;
  font-weight:900!important;
}

.colayer,.cashlayer{background:var(--gx-bg)!important;}
.co-head{
  background:rgba(246,247,248,.9)!important;
  border-bottom:1px solid rgba(18,23,22,.08)!important;
  backdrop-filter:saturate(180%) blur(22px)!important;
  -webkit-backdrop-filter:saturate(180%) blur(22px)!important;
}
.co-title{font-weight:900!important;color:var(--gx-ink)!important;}
.co-back,.co-scan{border-radius:12px!important;}
.co-stat{
  margin:12px 16px!important;
  border-radius:16px!important;
  border:1px solid var(--gx-line)!important;
  background:#fff!important;
  box-shadow:var(--gx-shadow)!important;
}
.co-list,.cash-list{padding-left:16px!important;padding-right:16px!important;}
.cash-tip{
  margin:10px 16px 0!important;
  border:1px solid var(--gx-line)!important;
  border-radius:14px!important;
  background:#fff!important;
  color:var(--gx-muted)!important;
}
.bo-grp{margin:0 0 12px!important;overflow:hidden!important;}
.bo-h{background:#F5F7F6!important;border-bottom:1px solid var(--gx-line)!important;}
.bo-item{border-bottom:1px solid var(--gx-line)!important;}
.bo-item::before{display:none!important;}
.bo-i-head{gap:10px!important;}
.bo-i-act{gap:7px!important;}
.bo-x,.bo-oos,.bo-buythis{
  border-radius:10px!important;
  min-height:32px!important;
  font-weight:850!important;
}
.cash-card{padding:13px!important;}
.cash-bc{border-radius:14px!important;background:#F3F5F4!important;}
.cash-undo,.cc-undo{border-radius:11px!important;}
.toast{
  bottom:calc(92px + env(safe-area-inset-bottom))!important;
  border-radius:999px!important;
  background:rgba(16,21,20,.92)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
  box-shadow:0 12px 30px -20px rgba(0,0,0,.8)!important;
}
.state{
  border:1px dashed var(--gx-line)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.68)!important;
  padding:34px 18px!important;
}
.state h4{font-size:16px!important;color:var(--gx-ink)!important;}
.state p{font-size:12.5px!important;color:var(--gx-muted)!important;}

.gx-touch{
  transform:scale(.985)!important;
  transition:transform .12s cubic-bezier(.2,.8,.3,1)!important;
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;}
}
@media (max-width:380px){
  header,.slots,main,.addbar{padding-left:12px!important;padding-right:12px!important;}
  .gtabs,.gx-focus,.cash-bar,.repo-bar{margin-left:12px!important;margin-right:12px!important;}
  .gx-focus-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .cart-acts{flex-direction:column!important;}
  .pickbtn,.endbtn{width:100%!important;}
}

/* ==========================================================================
   操作优先终局层 · 解决总台内导购页错位 / 卡片按钮挤压 / 任务露出过少
   ========================================================================== */
body.mo-page-guide{
  --op-bg:#F6F7F8;
  --op-card:#FFFFFF;
  --op-ink:#171A1C;
  --op-muted:#687177;
  --op-faint:#9EA5AA;
  --op-line:#E1E6E9;
  --op-blue:#2F728A;
  --op-green:#247A53;
  --op-amber:#A56F1D;
  --op-red:#B53A31;
  background:var(--op-bg)!important;
}
body.mo-page-guide #app{background:var(--op-bg)!important;overflow:hidden!important;}
body.mo-page-guide header{
  min-height:60px!important;
  padding:8px 14px!important;
  background:rgba(246,247,248,.94)!important;
  border-bottom:1px solid rgba(0,0,0,.06)!important;
  box-shadow:none!important;
}
body.mo-page-guide header .top{align-items:center!important;gap:10px!important;}
body.mo-page-guide header .wordmark,body.mo-page-guide header .logo{
  width:40px!important;height:40px!important;flex:0 0 40px!important;border-radius:12px!important;
}
body.mo-page-guide .htxt .eyebrow{
  font-size:10.5px!important;line-height:14px!important;font-weight:760!important;color:var(--op-muted)!important;
}
body.mo-page-guide .htxt h1{
  margin-top:2px!important;font-size:22px!important;line-height:26px!important;font-weight:850!important;color:var(--op-ink)!important;
}
body.mo-page-guide .who{
  height:24px!important;min-height:24px!important;padding:0 9px!important;font-size:12px!important;font-weight:780!important;border-radius:12px!important;
}
body.mo-page-guide .mo-punch-col{
  transform:scale(.84)!important;transform-origin:right center!important;gap:5px!important;flex:0 0 116px!important;max-width:116px!important;
}
body.mo-page-guide .mo-punch-col .pill,body.mo-page-guide .mo-punch-col .mo-punch{
  height:25px!important;min-height:25px!important;padding:0 10px!important;font-size:11.5px!important;
}
body.mo-page-guide .slots{
  padding:7px 12px 6px!important;
  background:var(--op-bg)!important;
  border-bottom:1px solid rgba(0,0,0,.055)!important;
}
body.mo-page-guide .slots-l{margin-bottom:5px!important;min-height:18px!important;}
body.mo-page-guide .slots-l .eyebrow{
  font-size:12px!important;line-height:16px!important;font-weight:820!important;color:#566069!important;
}
body.mo-page-guide .slots-l .lib{
  font-size:11px!important;line-height:16px!important;color:var(--op-faint)!important;font-weight:760!important;
}
body.mo-page-guide .slot-row{
  gap:8px!important;padding-bottom:1px!important;overflow-x:auto!important;scroll-snap-type:x proximity!important;
}
body.mo-page-guide .slot{
  min-width:108px!important;max-width:148px!important;min-height:68px!important;
  padding:8px 10px!important;border-radius:14px!important;background:rgba(255,255,255,.88)!important;
  border:1px solid var(--op-line)!important;box-shadow:none!important;scroll-snap-align:start!important;
}
body.mo-page-guide .slot.sel,body.mo-page-guide .slot.on{
  background:linear-gradient(180deg,#3D7F98,#2F6B83)!important;color:#fff!important;border-color:transparent!important;
  box-shadow:0 12px 24px -20px rgba(47,107,131,.8)!important;
}
body.mo-page-guide .slot .serving{
  margin-bottom:4px!important;font-size:10px!important;line-height:12px!important;font-weight:780!important;letter-spacing:0!important;
}
body.mo-page-guide .slot .nm{
  margin:0 0 3px!important;font-size:15px!important;line-height:19px!important;font-weight:860!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
body.mo-page-guide .slot .av{width:18px!important;height:18px!important;border-radius:5px!important;font-size:10px!important;}
body.mo-page-guide .slot .ct{
  margin-top:2px!important;font-size:12px!important;line-height:15px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
body.mo-page-guide .slot.add{min-width:92px!important;color:#5F6870!important;background:rgba(255,255,255,.54)!important;}
body.mo-page-guide .gtabs{
  height:37px!important;margin:6px 12px!important;padding:3px!important;border-radius:14px!important;
  background:#E8ECEE!important;border:1px solid rgba(0,0,0,.055)!important;
}
body.mo-page-guide .gtab{
  min-height:29px!important;height:29px!important;border-radius:11px!important;font-size:14px!important;font-weight:820!important;padding:0 10px!important;
}
body.mo-page-guide .cash-bar,body.mo-page-guide .repo-bar{
  margin:5px 12px!important;min-height:40px!important;border-radius:13px!important;padding:8px 11px!important;
}
body.mo-page-guide .cash-bar .cb-t,body.mo-page-guide .repo-bar .cb-t{
  font-size:12px!important;line-height:16px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
body.mo-page-guide .gx-focus{display:none!important;}
body.mo-page-guide main,body.mo-page-guide #cart,body.mo-page-guide #buyView{
  padding:7px 12px calc(72px + env(safe-area-inset-bottom))!important;background:var(--op-bg)!important;
}
body.mo-page-guide .cart-h{
  padding:0 0 6px!important;margin:0!important;gap:5px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap!important;
}
body.mo-page-guide .cart-h .cl{
  flex:1 1 auto!important;min-width:0!important;display:flex!important;align-items:baseline!important;gap:7px!important;
}
body.mo-page-guide .cart-h .t{
  font-size:17px!important;line-height:22px!important;font-weight:880!important;color:var(--op-ink)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
body.mo-page-guide .cart-h .s{
  font-size:12px!important;line-height:16px!important;color:var(--op-muted)!important;font-weight:760!important;margin:0!important;
}
body.mo-page-guide .cart-acts{
  flex:1 1 100%!important;display:grid!important;grid-template-columns:repeat(auto-fit,minmax(116px,1fr))!important;gap:7px!important;margin:6px 0!important;
}
body.mo-page-guide .pickbtn,body.mo-page-guide .endbtn{
  width:100%!important;min-width:0!important;height:42px!important;min-height:42px!important;border-radius:13px!important;padding:0 9px!important;
  font-size:14px!important;font-weight:840!important;line-height:1!important;justify-content:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
body.mo-page-guide .pickbtn.dual{font-size:13px!important;}
body.mo-page-guide .pickbtn svg,body.mo-page-guide .endbtn svg{width:15px!important;height:15px!important;flex:0 0 15px!important;}
body.mo-page-guide .prog{
  margin:0 0 8px!important;padding:9px 11px!important;border-radius:13px!important;background:#fff!important;border:1px solid var(--op-line)!important;
  box-shadow:none!important;display:flex!important;align-items:center!important;gap:8px!important;
}
body.mo-page-guide .prog .lbl{font-size:12px!important;line-height:16px!important;white-space:nowrap!important;color:var(--op-muted)!important;}
body.mo-page-guide .prog .bar{height:6px!important;margin:0!important;background:#EAF0EC!important;}
body.mo-page-guide .gbatch{
  margin:5px 0 4px!important;padding:8px 6px!important;min-height:32px!important;border:0!important;border-radius:10px!important;
  background:transparent!important;display:flex!important;align-items:center!important;gap:6px!important;
}
body.mo-page-guide .gbatch .gb-t{font-size:13px!important;line-height:17px!important;font-weight:880!important;color:var(--op-ink)!important;}
body.mo-page-guide .gbatch .gb-q{font-size:12px!important;line-height:16px!important;color:var(--op-muted)!important;font-weight:760!important;}
body.mo-page-guide .gb-items{gap:8px!important;}
body.mo-page-guide .citem{
  display:block!important;position:relative!important;overflow:hidden!important;margin:0 0 8px!important;padding:11px 12px!important;border-radius:15px!important;
  border:1px solid var(--op-line)!important;background:#fff!important;box-shadow:0 8px 18px -20px rgba(0,0,0,.38)!important;
}
body.mo-page-guide .citem::before{display:none!important;}
body.mo-page-guide .citem-head{
  display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;align-items:start!important;gap:8px!important;min-width:0!important;
}
body.mo-page-guide .citem .cbody{min-width:0!important;grid-column:1!important;cursor:pointer!important;}
body.mo-page-guide .citem .nm{
  display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;white-space:normal!important;overflow:hidden!important;
  text-overflow:ellipsis!important;margin:0 0 6px!important;color:var(--op-ink)!important;font-size:15px!important;line-height:19px!important;font-weight:880!important;
}
body.mo-page-guide .citem .sub{
  display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:5px!important;margin-top:4px!important;min-width:0!important;
}
body.mo-page-guide .citem .sub.sub-line{margin-top:6px!important;}
body.mo-page-guide .attr,body.mo-page-guide .skucode{font-size:11.5px!important;line-height:16px!important;color:var(--op-muted)!important;}
body.mo-page-guide .swatch{width:12px!important;height:12px!important;border-radius:4px!important;}
body.mo-page-guide .size-pill,body.mo-page-guide .stat,body.mo-page-guide .mo-stk,body.mo-page-guide .src-c,body.mo-page-guide .bo-st,body.mo-page-guide .bo-tag{
  min-height:21px!important;height:auto!important;border-radius:8px!important;padding:3px 7px!important;font-size:10.5px!important;line-height:14px!important;font-weight:850!important;white-space:nowrap!important;
}
body.mo-page-guide .stepper{
  grid-column:2!important;align-self:start!important;display:grid!important;grid-template-columns:32px 30px 32px!important;width:94px!important;height:34px!important;
  border-radius:12px!important;background:#F0F3F2!important;border:1px solid var(--op-line)!important;overflow:hidden!important;
}
body.mo-page-guide .stepper button{
  width:32px!important;height:32px!important;min-height:32px!important;border:0!important;background:transparent!important;font-size:18px!important;font-weight:850!important;color:var(--op-ink)!important;
}
body.mo-page-guide .stepper span{
  min-width:30px!important;height:32px!important;line-height:32px!important;text-align:center!important;font-size:14px!important;font-weight:900!important;color:var(--op-ink)!important;
}
body.mo-page-guide .rm{
  grid-column:3!important;align-self:start!important;width:34px!important;height:34px!important;border-radius:11px!important;background:#F0F3F2!important;color:var(--op-muted)!important;display:grid!important;place-items:center!important;
}
body.mo-page-guide .doneqty{
  grid-column:2 / span 2!important;min-width:36px!important;text-align:right!important;font-size:14px!important;font-weight:880!important;color:var(--op-muted)!important;
}
body.mo-page-guide .d2b-btn{
  grid-column:2!important;height:34px!important;border-radius:11px!important;padding:0 10px!important;font-size:12px!important;font-weight:850!important;white-space:nowrap!important;
}
body.mo-page-guide .src-row{
  display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:7px!important;width:100%!important;margin-top:7px!important;
  padding:7px 8px!important;border-radius:11px!important;background:#F4F7F6!important;border:1px solid rgba(0,0,0,.035)!important;
}
body.mo-page-guide .src-l{
  min-width:0!important;display:flex!important;align-items:center!important;gap:4px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
  color:#536067!important;font-size:12px!important;line-height:16px!important;font-weight:820!important;
}
body.mo-page-guide .src-l .src-i,body.mo-page-guide .src-l .mo-src-icon{width:13px!important;height:13px!important;flex:0 0 13px!important;opacity:.7!important;}
body.mo-page-guide .src-t{margin-left:4px!important;font-size:11px!important;line-height:14px!important;color:var(--op-muted)!important;font-weight:780!important;}
body.mo-page-guide .src-c.c-todo,body.mo-page-guide .stat-unprint{background:#FFF4D7!important;color:#936612!important;border:1px solid #E8D092!important;}
body.mo-page-guide .src-c.c-mine{background:#E7F1F6!important;color:#2F728A!important;border:1px solid #C7DDE6!important;}
body.mo-page-guide .src-c.c-done{background:#E8F4EE!important;color:#247A53!important;border:1px solid #C9E2D3!important;}
body.mo-page-guide .stat-stock{background:#E8F4EE!important;color:#247A53!important;}
body.mo-page-guide .stat-oos,body.mo-page-guide .stat-over{background:#FFF0EE!important;color:#B53A31!important;}
body.mo-page-guide .mo-stk{
  max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;background:#EFF3F5!important;color:#566069!important;border:0!important;
}
body.mo-page-guide .addbar{
  min-height:66px!important;padding:8px 14px calc(8px + env(safe-area-inset-bottom))!important;gap:10px!important;background:rgba(255,255,255,.92)!important;
  border-top:1px solid rgba(0,0,0,.06)!important;box-shadow:0 -10px 24px -22px rgba(0,0,0,.38)!important;
}
body.mo-page-guide .addbar .sum{flex:0 0 66px!important;min-width:66px!important;}
body.mo-page-guide .addbar .sum .n,body.mo-page-guide .addbar .sum b{font-size:24px!important;line-height:26px!important;font-weight:920!important;color:var(--op-ink)!important;}
body.mo-page-guide .addbar .sum .l,body.mo-page-guide .addbar .sum span{font-size:10px!important;line-height:13px!important;color:var(--op-muted)!important;white-space:nowrap!important;}
body.mo-page-guide .addbar .scan{
  height:50px!important;min-height:50px!important;border-radius:16px!important;font-size:17px!important;font-weight:880!important;
  background:linear-gradient(180deg,#3D7F98,#2F6B83)!important;box-shadow:0 14px 24px -20px rgba(47,107,131,.85)!important;
}

body.mo-page-guide .bo-grp{
  margin:0 0 9px!important;border-radius:15px!important;border:1px solid var(--op-line)!important;box-shadow:0 8px 18px -20px rgba(0,0,0,.38)!important;overflow:hidden!important;background:#fff!important;
}
body.mo-page-guide .bo-h{
  padding:9px 11px!important;gap:7px!important;min-height:42px!important;background:#F7F9F8!important;border-bottom:1px solid var(--op-line)!important;
}
body.mo-page-guide .bo-h .nm{font-size:15px!important;line-height:19px!important;font-weight:880!important;}
body.mo-page-guide .bo-acts{
  padding:8px 10px!important;gap:7px!important;display:grid!important;grid-template-columns:repeat(auto-fit,minmax(112px,1fr))!important;
}
body.mo-page-guide .bo-print,body.mo-page-guide .bo-doneb,body.mo-page-guide .bo-cashb,body.mo-page-guide .bo-cashb-big{
  min-height:38px!important;height:38px!important;border-radius:12px!important;font-size:13px!important;font-weight:850!important;padding:0 9px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
body.mo-page-guide .bo-cashb-big{margin:7px 10px 10px!important;width:calc(100% - 20px)!important;}
body.mo-page-guide .bo-batch{
  padding:6px 10px!important;font-size:10.5px!important;line-height:14px!important;
}
body.mo-page-guide .bo-item{padding:10px 11px!important;border-bottom:1px solid #EEF1F2!important;}
body.mo-page-guide .bo-i-head{
  display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;align-items:start!important;
}
body.mo-page-guide .bo-i-nm{
  display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;white-space:normal!important;font-size:14px!important;line-height:18px!important;font-weight:840!important;
}
body.mo-page-guide .bo-i-meta{
  font-size:11.5px!important;line-height:16px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
body.mo-page-guide .bo-i-act{width:82px!important;display:grid!important;gap:6px!important;}
body.mo-page-guide .bo-x,body.mo-page-guide .bo-oos,body.mo-page-guide .bo-buythis{
  height:32px!important;min-height:32px!important;border-radius:10px!important;padding:0 7px!important;font-size:11.5px!important;font-weight:820!important;
}

@media (max-width:380px){
  body.mo-page-guide header{padding-left:12px!important;padding-right:12px!important;}
  body.mo-page-guide .slot{min-width:104px!important;}
  body.mo-page-guide .citem-head{grid-template-columns:minmax(0,1fr) auto!important;}
  body.mo-page-guide .rm{width:26px!important;height:26px!important;margin-left:2px!important;}   /* 修复: 原为 display:none,窄屏PDA上唯一的删除键消失,数量=1时商品移不掉 */
  body.mo-page-guide .stepper{grid-column:2!important;width:88px!important;grid-template-columns:29px 30px 29px!important;}
  body.mo-page-guide .cart-acts{grid-template-columns:1fr 1fr!important;}
  body.mo-page-guide .pickbtn,body.mo-page-guide .endbtn{font-size:13px!important;}
}


/* ==== 0704 hotfix2: toast 必须盖过所有弹层(原 toast≈70 < 弹层9000,弹层开着时“已加入/失败”反馈看不见) ==== */
#toast{z-index:9500!important;}