/* 悟本草 Wuherb 合作伙伴系统 · 手机版专属样式（底部 Tab 导航 + 卡片式布局） */
html[data-mode="mobile"] body{-webkit-tap-highlight-color:transparent}

.mshell{min-height:100vh;display:flex;flex-direction:column;background:var(--bg,#F4F7F5)}

/* 顶部条 */
.mtopbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:10px;
  padding:12px 16px;background:#fff;border-bottom:1px solid var(--line);min-height:52px}
.mtopbar .mtitle{font-size:15.5px;font-weight:900;flex:1}
.mtopbar .mavatar{width:30px;height:30px;font-size:13px}

/* 主内容 */
.mmain{flex:1;padding:14px 14px 84px;min-width:0}

/* 底部 Tab 导航 */
.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;background:#fff;
  border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom));
  box-shadow:0 -4px 16px rgba(20,42,34,.06)}
.tab-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 2px;
  border:none;background:none;cursor:pointer;color:var(--muted-2);position:relative;min-height:48px}
.tab-btn.on{color:var(--green)}
.tab-btn .tab-label{font-size:10.5px;font-weight:700}
.tab-btn .tab-badge{position:absolute;top:2px;right:calc(50% - 20px);min-width:16px;height:16px;
  border-radius:8px;background:var(--gold);color:#fff;font-size:10px;font-weight:900;
  display:flex;align-items:center;justify-content:center;padding:0 3px}

/* 「更多」全屏面板 */
.more-sheet{position:fixed;inset:0;z-index:65;background:#fff;display:flex;flex-direction:column}
.more-sheet .more-head{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid var(--line)}
.more-sheet .more-head .mtitle{font-size:16px;font-weight:900;flex:1}
.more-sheet .more-body{flex:1;overflow-y:auto;padding:10px 14px calc(20px + env(safe-area-inset-bottom))}
.more-item{width:100%;display:flex;align-items:center;gap:14px;padding:15px 8px;background:none;
  border:none;border-bottom:1px solid var(--line-2);text-align:left;font-size:14.5px;font-weight:700;
  color:var(--ink);cursor:pointer;min-height:52px}
.more-item .pill{margin-left:auto}

/* 手机版卡片列表：字号 / 触屏尺寸略放大 */
html[data-mode="mobile"] .card{border-radius:16px}
html[data-mode="mobile"] .btn{min-height:46px}
html[data-mode="mobile"] input[type=number][data-qty-id]{font-size:15px}
.mfield{display:flex;flex-direction:column;gap:5px;padding:10px 0;border-bottom:1px solid var(--line-2)}
.mfield:last-child{border-bottom:none}
.mfield .mf-label{font-size:11.5px;color:var(--muted-2)}
.mfield .mf-val{font-size:14px;font-weight:700}
.mrow-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;
  display:flex;flex-direction:column;gap:8px;box-shadow:0 2px 8px rgba(20,62,51,.05)}
.msticky-bar{position:sticky;bottom:calc(14px + env(safe-area-inset-bottom));margin-top:14px;
  background:#1B2A24;border-radius:16px;padding:12px 16px;display:flex;align-items:center;gap:14px;
  color:#fff;box-shadow:0 8px 24px rgba(20,62,51,.25)}