/* ==========================================================================
   市场六页 · 清爽商城视觉 (020-market-visual, 2026-10-20)
   - 纯视觉渐进增强：只作用于 Blade 根元素 .market-refined 之内，不影响其他页面。
   - 根类：--catalog 市场列表 / --item 商品详情 / --orders 我的订单 /
           --order 订单详情 / --batches 批量记录 / --batch 批量详情(含 ?vue=1)
   - 选择器统一以 ".market-refined.market-refined--页" 开头(至少 0,3,0)，
     高于 Vue scoped(.x[data-v] = 0,2,0)与页面内 <style>，与加载顺序无关。
   - 颜色只用 theme.css 的 --t-* token(自带明暗主题)；不使用 content 文字。
   - 回滚：删除 _design_system 末尾的 link 与根类即可恢复原样。
   ========================================================================== */

/* ---------- 通用：盒模型 / 键盘焦点 ---------- */
.market-refined,
.market-refined *,
.market-refined *::before,
.market-refined *::after {
  box-sizing: border-box;
}
.market-refined a:focus-visible,
.market-refined button:focus-visible,
.market-refined input:focus-visible,
.market-refined select:focus-visible,
.market-refined textarea:focus-visible,
.market-refined summary:focus-visible,
.market-refined [tabindex]:focus-visible {
  outline: 2px solid var(--t-primary);
  outline-offset: 2px;
}

/* ==========================================================================
   1. 市场列表 (UnifiedMarket.vue，根 #vue-unified-market)
   ========================================================================== */

/* 分类：轻下划线，去掉外框 */
.market-refined.market-refined--catalog .um-tabs-wrap {
  margin-bottom: 12px;
  box-shadow: inset 0 -1px 0 var(--t-line);
}
.market-refined.market-refined--catalog .um-tabs {
  gap: 2px;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
}
.market-refined.market-refined--catalog .um-tab {
  padding: 9px 12px;
  margin-bottom: 0;
  font-size: 13px;
  color: var(--t-text-3);
}
.market-refined.market-refined--catalog .um-tab:not(.um-tab--active):hover { color: var(--t-text); }
.market-refined.market-refined--catalog .um-tab--active {
  color: var(--t-primary-text);
  border-bottom-color: var(--t-primary);
}
/* 选中态图标原为行内白色(透明底上看不见)，改为主题色 */
.market-refined.market-refined--catalog .um-tab--active .um-tab-icon { color: var(--t-primary-text) !important; }
.market-refined.market-refined--catalog .um-tab-label { font-size: 13px; }

/* 页头 */
.market-refined.market-refined--catalog .um-header {
  gap: 10px;
  margin-bottom: 10px;
}
.market-refined.market-refined--catalog .um-sub { font-size: 12px; }
.market-refined.market-refined--catalog .um-orders-link,
.market-refined.market-refined--catalog .um-cart-link,
.market-refined.market-refined--catalog .um-login-btn {
  min-height: 32px;
  border-radius: 8px;
  font-size: 13px;
}

/* 工具条：去掉白色大框，控件统一 36px */
.market-refined.market-refined--catalog .um-filters {
  padding: 0;
  margin-bottom: 10px;
  background: transparent;
  border: 0;
  border-radius: 0;
}
.market-refined.market-refined--catalog .um-toolbar {
  gap: 8px;
  margin-bottom: 0;
}
.market-refined.market-refined--catalog .um-toolbar .um-input {
  height: 36px;
  border-radius: 8px;
  background: var(--t-surface);
  font-size: 13px;
}
.market-refined.market-refined--catalog .um-filter-btn {
  height: 36px;
  padding: 0 12px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 500;
}
.market-refined.market-refined--catalog .um-toolbar .um-btn {
  height: 36px;
  padding: 0 16px;
  border-radius: 8px;
  font-size: 13px;
}

.market-refined.market-refined--catalog .um-stats-bar {
  margin-bottom: 8px;
  font-size: 12px;
}
.market-refined.market-refined--catalog .um-notice,
.market-refined.market-refined--catalog .um-refreshing { border-radius: 8px; }

/* 网格：列数沿用 4/3/2/1，只收紧间距 */
.market-refined.market-refined--catalog .um-grid { gap: 12px; }

/* 商品卡：网格布局，DOM 不变。
   标题 → 属性 → (Steam 封面) → 底部「价格+ID | 操作」，行间距用外边距，缺省行不留空 */
.market-refined.market-refined--catalog .um-card {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  grid-template-rows: auto 1fr auto auto auto;
  grid-template-areas:
    "sel   title title"
    "pills pills pills"
    "strip strip strip"
    "price price id"
    "actions actions actions";
  gap: 0;
  padding: 12px 14px;
  background: var(--t-surface);
  border: 1px solid var(--t-line);
  border-radius: 10px;
  box-shadow: none;
  transition: border-color .12s ease;
}
.market-refined.market-refined--catalog .um-card:hover {
  transform: none;
  box-shadow: none;
  border-color: var(--t-line-3);
}
/* 风险卡：保留左红条 + 淡红底，并加红色描边 */
.market-refined.market-refined--catalog .um-card--risk,
.market-refined.market-refined--catalog .um-card--risk:hover {
  background: linear-gradient(90deg, var(--t-danger-soft), var(--t-surface) 45%);
  border-color: var(--t-danger-line);
  box-shadow: inset 3px 0 0 var(--t-danger);
}
/* 已选：沿用原 outline，补主题色描边 */
.market-refined.market-refined--catalog .um-card--selected { border-color: var(--t-primary); }

.market-refined.market-refined--catalog .um-card-select {
  grid-area: sel;
  position: static;
  align-self: start;
  margin: 1px 8px 0 0;
  line-height: 0;
}
.market-refined.market-refined--catalog .um-card-select input {
  width: 18px;
  height: 18px;
  margin: 0;
}
.market-refined.market-refined--catalog .um-card-title {
  grid-area: title;
  align-self: start;
  margin-bottom: 6px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.4;
  color: var(--t-text);
}
.market-refined.market-refined--catalog .um-card-title:hover { color: var(--t-primary-text); }

/* 属性：普通属性 = 浅灰小标记；风险/警告保持语义色。全部显示，可换行，不裁切 */
.market-refined.market-refined--catalog .um-pills {
  grid-area: pills;
  align-content: flex-start;
  gap: 4px;
}
.market-refined.market-refined--catalog .um-pill {
  max-width: 100%;
  padding: 0 6px;
  border: 0;
  border-radius: 4px;
  background: var(--t-surface-3);
  color: var(--t-text-2);
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  white-space: normal;
  overflow-wrap: anywhere;
}
.market-refined.market-refined--catalog .um-pill--info { color: var(--t-text-2); }
.market-refined.market-refined--catalog .um-pill--muted,
.market-refined.market-refined--catalog .um-pill--origin { color: var(--t-text-3); }
.market-refined.market-refined--catalog .um-pill--good { color: var(--t-success-strong); }
.market-refined.market-refined--catalog .um-pill--purple { color: var(--t-accent-text); }
.market-refined.market-refined--catalog .um-pill--gold {
  background: var(--t-warning-soft-2);
  color: var(--t-warning-text);
}
.market-refined.market-refined--catalog .um-pill--warn {
  background: var(--t-warning-soft-2);
  border: 1px solid var(--t-warning-line);
  color: var(--t-warning-text);
  font-weight: 500;
  line-height: 16px;
}
.market-refined.market-refined--catalog .um-pill--bad {
  background: var(--t-danger-soft);
  color: var(--t-danger-strong);
  font-weight: 500;
}

.market-refined.market-refined--catalog .um-game-strip {
  grid-area: strip;
  margin-top: 6px;
}

/* 底部（所有宽度）：价格 | ID 同一行，操作独立整行；价格与 ID 不断行 */
.market-refined.market-refined--catalog .um-card-price {
  grid-area: price;
  align-self: end;
  margin-top: 6px;
  line-height: 1.2;
  white-space: nowrap;
}
.market-refined.market-refined--catalog .um-card-price--select { padding-left: 0; }
.market-refined.market-refined--catalog .um-price-sym {
  font-size: 11px;
  color: var(--t-text-3);
}
.market-refined.market-refined--catalog .um-price-val {
  font-size: 17px;
  font-weight: 700;
  color: var(--t-text);
}
.market-refined.market-refined--catalog .um-card-foot { display: contents; }
.market-refined.market-refined--catalog .um-card-id {
  grid-area: id;
  align-self: end;
  justify-self: end;
  margin: 6px 0 0 8px;
  font-size: 11px;
  line-height: 1.4;
  color: var(--t-text-3);
  text-align: right;
  white-space: nowrap;
}
.market-refined.market-refined--catalog .um-card-actions {
  grid-area: actions;
  align-self: end;
  flex-wrap: nowrap;
  gap: 6px;
  margin: 6px 0 0;
}
.market-refined.market-refined--catalog .um-card-actions .um-cart-btn,
.market-refined.market-refined--catalog .um-card-actions .um-detail-btn {
  flex: 1 1 0;
  min-height: 30px;
  padding: 0 10px;
  border-radius: 7px;
  font-size: 12px;
  font-weight: 500;
}
.market-refined.market-refined--catalog .um-card-actions .um-cart-btn {
  background: var(--t-primary);
  border: 1px solid var(--t-primary);
  color: var(--t-white);
}
.market-refined.market-refined--catalog .um-card-actions .um-cart-btn:not(:disabled):hover {
  background: var(--t-primary-hover);
  border-color: var(--t-primary-hover);
}
.market-refined.market-refined--catalog .um-card-actions .um-cart-btn--done {
  background: var(--t-success);
  border-color: var(--t-success);
}
.market-refined.market-refined--catalog .um-card-actions .um-detail-btn {
  background: transparent;
  border: 1px solid var(--t-line);
  color: var(--t-text-2);
}
.market-refined.market-refined--catalog .um-card-actions .um-detail-btn:hover {
  background: var(--t-surface-2);
  border-color: var(--t-line-3);
  color: var(--t-text);
}

/* 骨架卡不走网格(其子元素没有区域名) */
.market-refined.market-refined--catalog .um-card.um-card--skeleton {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.market-refined.market-refined--catalog .um-load-btn {
  min-height: 36px;
  border-radius: 8px;
}

@media (max-width: 768px) {
  .market-refined.market-refined--catalog .um-grid { gap: 10px; }
  .market-refined.market-refined--catalog .um-card { padding: 10px 12px; }
  .market-refined.market-refined--catalog .um-price-val { font-size: 16px; }
  .market-refined.market-refined--catalog .um-tab { padding: 8px 10px; }
}
@media (max-width: 480px) {
  .market-refined.market-refined--catalog .um-grid { gap: 8px; }
  /* 手机粗指针按钮为 40px，压缩卡片内纵向留白抵消高度 */
  .market-refined.market-refined--catalog .um-card { padding: 9px 12px; }
  .market-refined.market-refined--catalog .um-card-title { margin-bottom: 4px; }
  .market-refined.market-refined--catalog .um-card-price,
  .market-refined.market-refined--catalog .um-card-id,
  .market-refined.market-refined--catalog .um-card-actions { margin-top: 3px; }
}

/* ==========================================================================
   2. 商品详情 (item_detail，根 .md-page)
   ========================================================================== */
.market-refined.market-refined--item {
  max-width: 1180px;
  padding: 12px 20px 40px;
}
.market-refined.market-refined--item .md-topbar {
  margin-bottom: 12px;
  font-size: 13px;
}
.market-refined.market-refined--item .md-hero,
.market-refined.market-refined--item .md-section {
  border: 1px solid var(--t-line);
  border-radius: 10px;
  box-shadow: none;
}
.market-refined.market-refined--item .md-hero {
  padding: 18px 20px;
  margin-bottom: 12px;
}
.market-refined.market-refined--item .md-hero-cat {
  font-size: 12px;
  letter-spacing: .3px;
}
.market-refined.market-refined--item .md-hero-title {
  font-size: 18px;
  line-height: 1.45;
  color: var(--t-text);
}
.market-refined.market-refined--item .md-hero-buy {
  gap: 12px;
  min-width: 240px;
  padding-left: 20px;
  border-left-color: var(--t-line);
}
.market-refined.market-refined--item .md-hero-price {
  font-size: 30px;
  font-weight: 700;
  color: var(--t-text);
  letter-spacing: -.5px;
}
.market-refined.market-refined--item .md-tags { gap: 4px; margin-top: 10px; }
.market-refined.market-refined--item .md-tag {
  padding: 1px 7px;
  font-size: 12px;
  font-weight: 400;
  border-radius: 4px;
}
.market-refined.market-refined--item .md-meta-row { font-size: 12px; }

/* 按钮层级：立即购买为主，其余为次级描边 */
.market-refined.market-refined--item .md-btn {
  min-height: 38px;
  padding: 0 14px;
  border-radius: 8px;
  font-size: 13px;
}
.market-refined.market-refined--item .md-hero-actions .md-btn--primary {
  min-height: 42px;
  padding: 0 22px;
  font-size: 15px;
  font-weight: 600;
}
.market-refined.market-refined--item .md-hero-actions .md-btn--primary:not(:disabled):hover {
  background: var(--t-primary-hover);
  border-color: var(--t-primary-hover);
}
.market-refined.market-refined--item .md-hero-actions .md-btn--cart,
.market-refined.market-refined--item .md-hero-actions .md-btn--fav {
  min-height: 42px;
  background: transparent;
  border-color: var(--t-line);
  color: var(--t-text-2);
}
.market-refined.market-refined--item .md-hero-actions .md-btn--cart:hover,
.market-refined.market-refined--item .md-hero-actions .md-btn--fav:hover {
  background: var(--t-surface-2);
  border-color: var(--t-line-3);
  color: var(--t-text);
}
.market-refined.market-refined--item .md-hero-actions .md-btn--fav.active { color: var(--t-danger-text); }
.market-refined.market-refined--item .md-hero-actions .md-btn--success { min-height: 42px; }

/* 区块 */
.market-refined.market-refined--item .md-section {
  padding: 16px 20px;
  margin-bottom: 12px;
}
.market-refined.market-refined--item .md-section-title {
  margin-bottom: 12px;
  font-size: 14px;
}
.market-refined.market-refined--item .md-info-grid { border-radius: 8px; }
.market-refined.market-refined--item .md-info-label {
  font-size: 12px;
  margin-bottom: 3px;
}
.market-refined.market-refined--item .md-info-value { font-size: 14px; }
.market-refined.market-refined--item .md-risk {
  border-radius: 8px;
  padding: 12px 14px;
}
.market-refined.market-refined--item .md-risk-title { font-size: 14px; }
.market-refined.market-refined--item .md-risk-desc { font-size: 13px; }
.market-refined.market-refined--item .md-risk-list li {
  border-radius: 6px;
  font-size: 12px;
}
.market-refined.market-refined--item .md-get li { font-size: 13px; }
.market-refined.market-refined--item .md-seller-desc,
.market-refined.market-refined--item .md-desc-zh {
  border-radius: 8px;
  font-size: 13px;
}
.market-refined.market-refined--item .md-modal-panel,
.market-refined.market-refined--item .md-processing-panel { border-radius: 10px; }

@media (max-width: 640px) {
  .market-refined.market-refined--item { padding: 10px 10px 32px; }
  .market-refined.market-refined--item .md-hero,
  .market-refined.market-refined--item .md-section { padding: 14px; }
  .market-refined.market-refined--item .md-hero-title { font-size: 16px; }
  .market-refined.market-refined--item .md-hero-buy {
    min-width: 0;
    padding-left: 0;
    padding-top: 12px;
  }
  .market-refined.market-refined--item .md-hero-price { font-size: 26px; }
  .market-refined.market-refined--item .md-info-label { font-size: 12px; }
  .market-refined.market-refined--item .md-info-value { font-size: 13px; }
}

/* ==========================================================================
   3. 我的订单 (orders/index，根 .orders-page)
   ========================================================================== */
.market-refined.market-refined--orders {
  max-width: 1180px;
  padding: 16px 16px 40px;
}
/* 页头：去掉独立边框，把留白给列表 */
.market-refined.market-refined--orders .orders-hd {
  padding: 0;
  margin-bottom: 14px;
  background: transparent;
  border: 0;
  border-radius: 0;
}
.market-refined.market-refined--orders .orders-hd h2 {
  font-size: 20px;
  font-weight: 600;
}
.market-refined.market-refined--orders .orders-sub {
  margin-top: 4px;
  font-size: 13px;
}

/* 状态：轻下划线 */
.market-refined.market-refined--orders .orders-tabs {
  padding: 0;
  margin-bottom: 12px;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: inset 0 -1px 0 var(--t-line);
}
.market-refined.market-refined--orders .orders-tab {
  padding: 9px 12px;
  margin-bottom: 0;
  font-size: 13px;
}
.market-refined.market-refined--orders .orders-tab-cnt {
  background: var(--t-surface-3);
  color: var(--t-text-3);
}
.market-refined.market-refined--orders .orders-tab.active .orders-tab-cnt {
  background: var(--t-primary-soft);
  color: var(--t-primary-text);
}

/* 搜索条：去框 */
.market-refined.market-refined--orders .orders-toolbar {
  padding: 0;
  margin-bottom: 12px;
  background: transparent;
  border: 0;
  border-radius: 0;
}
.market-refined.market-refined--orders .orders-input,
.market-refined.market-refined--orders .orders-select,
.market-refined.market-refined--orders .orders-btn {
  height: 36px;
  border-radius: 8px;
  font-size: 13px;
}
.market-refined.market-refined--orders .orders-export { border-radius: 10px; }

/* 列表：单列横向记录 */
.market-refined.market-refined--orders .orders-list {
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
}
.market-refined.market-refined--orders .orders-card {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr) auto auto;
  grid-template-areas:
    "main info price actions"
    "meta upd  price actions";
  align-items: center;
  gap: 4px 20px;
  padding: 12px 16px;
  border-radius: 10px;
  transition: border-color .12s, background .12s;
}
.market-refined.market-refined--orders .orders-card:hover {
  background: var(--t-surface-2);
  transform: none;
  box-shadow: none;
}
.market-refined.market-refined--orders .orders-card-hd,
.market-refined.market-refined--orders .orders-card-ft { display: contents; }
.market-refined.market-refined--orders .orders-card-hd > :first-child {
  grid-area: main;
  min-width: 0;
}
.market-refined.market-refined--orders .orders-card-title {
  font-size: 14px;
  font-weight: 500;
}
.market-refined.market-refined--orders .orders-card-price {
  grid-area: price;
  max-width: none;
}
.market-refined.market-refined--orders .orders-card-price-k {
  font-size: 11px;
  color: var(--t-text-3);
}
.market-refined.market-refined--orders .orders-card-price-v { font-size: 16px; }
.market-refined.market-refined--orders .orders-card > .orders-card-id {
  grid-area: meta;
  font-size: 12px;
}
.market-refined.market-refined--orders .orders-info {
  grid-area: info;
  min-width: 0;
  padding: 0;
  background: transparent;
  border-radius: 0;
}
.market-refined.market-refined--orders .orders-rows { font-size: 13px; }
.market-refined.market-refined--orders .orders-k { min-width: 0; }
.market-refined.market-refined--orders .orders-card-ft > .orders-card-id {
  grid-area: upd;
  font-size: 12px;
}
.market-refined.market-refined--orders .orders-card-actions {
  grid-area: actions;
  flex-wrap: nowrap;
}
.market-refined.market-refined--orders .orders-card-actions .orders-btn {
  height: 32px;
  padding: 0 12px;
  font-size: 13px;
}

.market-refined.market-refined--orders .orders-pager .page-link { border-radius: 8px; }
.market-refined.market-refined--orders .orders-empty { border-radius: 10px; }

/* 平板：两列，信息与操作换行 */
@media (max-width: 991px) {
  .market-refined.market-refined--orders .orders-card {
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
      "main price"
      "meta meta"
      "info info"
      "upd  actions";
    gap: 6px 14px;
  }
  .market-refined.market-refined--orders .orders-card-price { align-self: start; }
}
/* 手机：自然堆叠，按钮占满一行 */
@media (max-width: 640px) {
  .market-refined.market-refined--orders { padding: 10px 10px 28px; }
  .market-refined.market-refined--orders .orders-hd h2 { font-size: 18px; }
  .market-refined.market-refined--orders .orders-card {
    grid-template-areas:
      "main price"
      "meta meta"
      "info info"
      "upd  upd"
      "actions actions";
    padding: 12px;
  }
  .market-refined.market-refined--orders .orders-card-actions { width: 100%; }
  .market-refined.market-refined--orders .orders-card-actions .orders-btn {
    flex: 1;
    height: 36px;
  }
}

/* ==========================================================================
   4. 订单详情 (MarketOrderShow.vue，根 #vue-market-order-show)
   ========================================================================== */
.market-refined.market-refined--order .mko {
  max-width: 1180px;
  padding: 16px 16px 40px;
}
.market-refined.market-refined--order .mko__head {
  padding: 0;
  margin-bottom: 14px;
  background: transparent;
  border: 0;
  border-radius: 0;
}
.market-refined.market-refined--order .mko__head-title {
  font-size: 20px;
  font-weight: 600;
}
.market-refined.market-refined--order .mko__btn {
  min-height: 34px;
  padding: 0 12px;
  border-radius: 8px;
  font-size: 13px;
}
/* 次级按钮统一中性描边，主操作(复制全部/获取验证码/重新挑选)保持实色 */
.market-refined.market-refined--order .mko__head-actions .mko__btn,
.market-refined.market-refined--order .mko__quickops .mko__btn--dark,
.market-refined.market-refined--order .mko__closed-ops .mko__btn--dark,
.market-refined.market-refined--order .mko__sec-actions .mko__btn--dark,
.market-refined.market-refined--order .mko__help-btn {
  background: var(--t-surface);
  border-color: var(--t-line);
  color: var(--t-text-2);
}
.market-refined.market-refined--order .mko__head-actions .mko__btn:not(:disabled):hover,
.market-refined.market-refined--order .mko__quickops .mko__btn--dark:not(:disabled):hover,
.market-refined.market-refined--order .mko__closed-ops .mko__btn--dark:hover,
.market-refined.market-refined--order .mko__sec-actions .mko__btn--dark:hover,
.market-refined.market-refined--order .mko__help-btn:hover {
  background: var(--t-surface-2);
  border-color: var(--t-line-3);
  color: var(--t-text);
}
.market-refined.market-refined--order .mko__quickops .mko__btn--dark:has(> .la-telegram-plane) {
  background: var(--t-primary);
  border-color: var(--t-primary);
  color: var(--t-white);
}
.market-refined.market-refined--order .mko__quickops .mko__btn--dark:has(> .la-telegram-plane):hover {
  background: var(--t-primary-hover);
  border-color: var(--t-primary-hover);
  color: var(--t-white);
}

/* KvRow 凭证行：输入框 + 复制按钮仍拼成一体，复制保持深色主操作 */
.market-refined.market-refined--order .mko__input-group .mko__btn {
  min-height: 0;
  padding: 7px 12px;
  border-radius: 0 8px 8px 0;
}
.market-refined.market-refined--order .mko__form-input { border-radius: 8px 0 0 8px; }

.market-refined.market-refined--order .mko__banner,
.market-refined.market-refined--order .mko__stats,
.market-refined.market-refined--order .mko__card { border-radius: 10px; }
.market-refined.market-refined--order .mko__stat-k { font-size: 12px; }
.market-refined.market-refined--order .mko__card-hd { padding: 12px 16px; }
.market-refined.market-refined--order .mko__card-tt { font-size: 15px; }
.market-refined.market-refined--order .mko__card-bd { padding: 16px; }
.market-refined.market-refined--order .mko__sec { border-radius: 6px; }
.market-refined.market-refined--order .mko__pill { border-radius: 4px; font-size: 12px; }

/* Telegram 区：去渐变，信息层级更清楚 */
.market-refined.market-refined--order .mko-tg__hero {
  background: var(--t-primary-soft);
  border-color: var(--t-primary-line);
  border-radius: 10px;
}
.market-refined.market-refined--order .mko-tg__avatar { box-shadow: none; }
.market-refined.market-refined--order .mko-tg__phone { font-size: 20px; }
.market-refined.market-refined--order .mko-tg__chip {
  border-radius: 6px;
  padding: 2px 8px;
}
.market-refined.market-refined--order .mko-tg__hero-hint { font-size: 12px; }
.market-refined.market-refined--order .mko-tg__chip-k,
.market-refined.market-refined--order .mko-tg__authkey-label,
.market-refined.market-refined--order .mko-tg__cred-k { font-size: 11px; }
.market-refined.market-refined--order .mko-tg__group-hint,
.market-refined.market-refined--order .mko-tg__group-warn,
.market-refined.market-refined--order .mko-tg__dev-sub { font-size: 12px; }
.market-refined.market-refined--order .mko-tg__guide,
.market-refined.market-refined--order .mko-tg__dev { border-radius: 10px; }
.market-refined.market-refined--order .mko-tg__guide > summary,
.market-refined.market-refined--order .mko-tg__dev > summary {
  min-height: 40px;
  padding: 10px 14px;
}
.market-refined.market-refined--order .mko-tg__steps { font-size: 13px; }

/* 下载卡片 */
.market-refined.market-refined--order .mko-dl__card { border-radius: 8px; }
.market-refined.market-refined--order .mko-dl__card:hover {
  transform: none;
  box-shadow: none;
}
.market-refined.market-refined--order .mko-dl__card.is-recommended { background: var(--t-primary-soft); }
.market-refined.market-refined--order .mko-dl__hint,
.market-refined.market-refined--order .mko-dl__card-desc { font-size: 12px; }
.market-refined.market-refined--order .mko-dl__card-badge {
  border-radius: 4px;
  box-shadow: none;
  font-size: 11px;
}

@media (min-width: 993px) {
  .market-refined.market-refined--order .mko__layout {
    grid-template-columns: minmax(0, 1fr) 340px;
    gap: 16px;
  }
}
@media (max-width: 640px) {
  .market-refined.market-refined--order .mko { padding: 10px 10px 28px; }
  .market-refined.market-refined--order .mko__head-title { font-size: 18px; }
  .market-refined.market-refined--order .mko__card-bd { padding: 12px; }
  .market-refined.market-refined--order .mko-tg__phone { font-size: 18px; }
}

/* ==========================================================================
   5. 批量购买记录 (batch/index，根 .bx-page)
   ========================================================================== */
.market-refined.market-refined--batches {
  max-width: 1180px;
  padding: 16px 16px 40px;
}
.market-refined.market-refined--batches .bx-header {
  padding: 0;
  margin-bottom: 14px;
  background: transparent;
  border: 0;
  border-radius: 0;
}
.market-refined.market-refined--batches .bx-title {
  font-size: 20px;
  font-weight: 600;
}
.market-refined.market-refined--batches .bx-sub {
  margin-top: 4px;
  font-size: 13px;
}
.market-refined.market-refined--batches .bx-nav a {
  min-height: 36px;
  border-radius: 8px;
  font-size: 13px;
}
.market-refined.market-refined--batches .bx-summary,
.market-refined.market-refined--batches .bx-listcard { border-radius: 10px; }
.market-refined.market-refined--batches .bx-summary-cell { padding: 12px 16px; }
.market-refined.market-refined--batches .bx-sum-icon {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  font-size: 13px;
}
.market-refined.market-refined--batches .bx-sum-val { font-size: 18px; }
.market-refined.market-refined--batches .bx-sum-lbl { font-size: 12px; }
.market-refined.market-refined--batches .bx-tabs { padding: 0 8px; }
.market-refined.market-refined--batches .bx-tab {
  padding: 10px 12px;
  font-size: 13px;
}
.market-refined.market-refined--batches .bx-row {
  gap: 16px;
  padding: 12px 16px;
}
.market-refined.market-refined--batches .bx-state,
.market-refined.market-refined--batches .bx-note,
.market-refined.market-refined--batches .bx-time { font-size: 12px; }
.market-refined.market-refined--batches .bx-counts { font-size: 13px; }
.market-refined.market-refined--batches .bx-empty-cta {
  min-height: 36px;
  border-radius: 8px;
}

@media (max-width: 640px) {
  .market-refined.market-refined--batches { padding: 10px 10px 28px; }
  .market-refined.market-refined--batches .bx-title { font-size: 18px; }
  /* 原手机端隐藏了「购物车/订单」文字，只剩图标；两项空间足够，恢复文字 */
  .market-refined.market-refined--batches .bx-nav a span { display: inline; }
  .market-refined.market-refined--batches .bx-nav a { padding: 0 12px; }
  .market-refined.market-refined--batches .bx-summary-cell { padding: 10px 12px; }
  .market-refined.market-refined--batches .bx-row { padding: 12px; }
}

/* ==========================================================================
   6. 批量购买详情 (batch/show 默认 Blade + ?vue=1，根 .pg)
   ========================================================================== */
.market-refined.market-refined--batch {
  max-width: 1180px;
  padding: 16px 16px 40px;
}
/* 表格局部横向滚动：只在卡片内滚，页面不整体溢出(纵向保持原裁切，导出菜单行为不变) */
.market-refined.market-refined--batch .card,
.market-refined.market-refined--batch .mbp-card {
  border-radius: 10px;
  box-shadow: none;
  overflow-x: auto;
  overflow-y: hidden;
}
.market-refined.market-refined--batch .hd,
.market-refined.market-refined--batch .mbp-hd {
  padding: 16px 18px;
  background: var(--t-surface);
}
.market-refined.market-refined--batch .title,
.market-refined.market-refined--batch .mbp-title {
  font-size: 18px;
  font-weight: 600;
}
.market-refined.market-refined--batch .sub,
.market-refined.market-refined--batch .mbp-sub { font-size: 13px; }
.market-refined.market-refined--batch .mbx-btn,
.market-refined.market-refined--batch .mbp-btn {
  height: auto;
  min-height: 36px;
  border-radius: 8px;
}
.market-refined.market-refined--batch .mbp-btn { font-weight: 500; }
.market-refined.market-refined--batch .chip,
.market-refined.market-refined--batch .mbp-chip {
  border-radius: 6px;
  font-size: 12px;
}
.market-refined.market-refined--batch .money-bar { border-radius: 8px; }
.market-refined.market-refined--batch .money-label,
.market-refined.market-refined--batch .money-sub,
.market-refined.market-refined--batch .mbp-money-label,
.market-refined.market-refined--batch .mbp-money-sub { font-size: 12px; }
.market-refined.market-refined--batch .money-value { font-size: 18px; }
.market-refined.market-refined--batch .mbp-money-cell { border-radius: 8px; }
.market-refined.market-refined--batch .mbp-money-val {
  font-size: 18px;
  font-weight: 700;
}

/* 表格：列宽改为自适应(原固定宽合计超过容器，被卡片裁掉操作列) */
.market-refined.market-refined--batch table th,
.market-refined.market-refined--batch .mbp-table th {
  width: auto !important;
  padding: 10px 14px;
  background: var(--t-surface-2);
  font-size: 12px;
  white-space: nowrap;
}
.market-refined.market-refined--batch table th:first-child,
.market-refined.market-refined--batch .mbp-table th:first-child { width: 42% !important; }
.market-refined.market-refined--batch table td,
.market-refined.market-refined--batch .mbp-table td {
  padding: 10px 14px;
  font-size: 13px;
}
.market-refined.market-refined--batch .op,
.market-refined.market-refined--batch .mbp-op {
  height: auto;
  min-height: 30px;
  border-radius: 6px;
  font-size: 12px;
}
.market-refined.market-refined--batch .mut,
.market-refined.market-refined--batch .mbp-mut { font-size: 12px; }
.market-refined.market-refined--batch .mbp-st { border-radius: 4px; }

@media (max-width: 640px) {
  .market-refined.market-refined--batch { padding: 10px 10px 28px; }
  .market-refined.market-refined--batch .hd,
  .market-refined.market-refined--batch .mbp-hd { padding: 12px; }
  /* 手机字段名卡片(默认 Blade)：单元格内边距仍由原规则 !important 控制，这里只调卡片外观 */
  .market-refined.market-refined--batch #batch-body tr { border-radius: 10px; }
}

/* ==========================================================================
   粗指针(触屏)：主要可点控件至少 40px
   ========================================================================== */
@media (pointer: coarse) {
  .market-refined.market-refined--catalog .um-tab,
  .market-refined.market-refined--catalog .um-filter-btn,
  .market-refined.market-refined--catalog .um-toolbar .um-btn,
  .market-refined.market-refined--catalog .um-toolbar .um-input,
  .market-refined.market-refined--catalog .um-orders-link,
  .market-refined.market-refined--catalog .um-cart-link,
  .market-refined.market-refined--catalog .um-login-btn,
  .market-refined.market-refined--catalog .um-load-btn,
  .market-refined.market-refined--catalog .um-card-actions .um-cart-btn,
  .market-refined.market-refined--catalog .um-card-actions .um-detail-btn {
    min-height: 40px;
    height: auto;
  }
  .market-refined.market-refined--catalog .um-toolbar .um-input {
    height: 40px;
    font-size: 16px;
  }
  .market-refined.market-refined--catalog .um-card-select input {
    width: 24px;
    height: 24px;
  }

  .market-refined.market-refined--item .md-topbar a,
  .market-refined.market-refined--item .md-btn { min-height: 40px; }
  .market-refined.market-refined--item .md-topbar a { align-items: center; }

  .market-refined.market-refined--orders .orders-tab,
  .market-refined.market-refined--orders .orders-btn,
  .market-refined.market-refined--orders .orders-select,
  .market-refined.market-refined--orders .orders-card-actions .orders-btn,
  .market-refined.market-refined--orders .orders-pager .page-link {
    min-height: 40px;
    height: auto;
  }
  .market-refined.market-refined--orders .orders-input {
    height: 40px;
    font-size: 16px;
  }

  .market-refined.market-refined--order .mko__btn { min-height: 40px; }
  .market-refined.market-refined--order .mko-tg__mini-copy {
    width: 40px;
    height: 40px;
  }

  .market-refined.market-refined--batches .bx-tab,
  .market-refined.market-refined--batches .bx-nav a,
  .market-refined.market-refined--batches .bx-empty-cta { min-height: 40px; }

  .market-refined.market-refined--batch .mbx-btn,
  .market-refined.market-refined--batch .mbp-btn,
  .market-refined.market-refined--batch .op,
  .market-refined.market-refined--batch .mbp-op,
  .market-refined.market-refined--batch .export-menu-item,
  .market-refined.market-refined--batch .mbp-menu-item { min-height: 40px; }
}

@media (prefers-reduced-motion: reduce) {
  .market-refined.market-refined--catalog .um-card,
  .market-refined.market-refined--orders .orders-card { transition: none; }
}