/* 闲鱼风网店 / 二手市集 */

/* 注意：不要在这里写 display:flex —— 会盖过 .view{display:none}，导致市集层永远叠在别的页面上 */
.market-view{
  --mk-yellow:#FFE60F;
  --mk-yellow-deep:#F5D000;
  --mk-orange:#FF6A00;
  --mk-price:#FF5000;
  --mk-soft:#FFF8D6;
  position:relative;
  background:
    radial-gradient(120% 60% at 50% -10%, rgba(255,230,15,.35), transparent 55%),
    var(--bg);
}
html[data-theme="dark"] .market-view{
  --mk-soft:#3A3518;
  background:
    radial-gradient(120% 60% at 50% -10%, rgba(255,230,15,.12), transparent 55%),
    var(--bg);
}

.mk-head{
  display:flex;
  align-items:center;
  gap:10px;
  padding:var(--head-top) 14px 10px;
  flex-shrink:0;
}
.mk-head .back-btn{ flex-shrink:0; }
.mk-brand{
  display:flex;
  flex-direction:column;
  gap:1px;
  min-width:0;
  flex:1;
}
.mk-brand b{
  font-family:var(--font-num);
  font-size:20px;
  font-weight:700;
  letter-spacing:.02em;
  color:var(--ink);
  line-height:1.1;
}
.mk-brand span{
  font-size:11px;
  color:var(--gray-2);
  letter-spacing:.04em;
}
.mk-head-acts{
  display:flex;
  gap:6px;
  flex-shrink:0;
}
.mk-icon-btn{
  width:36px; height:36px;
  border:0; border-radius:50%;
  background:rgba(var(--tint-rgb),.06);
  color:var(--ink);
  display:grid; place-items:center;
  cursor:pointer;
}
.mk-icon-btn svg{
  width:18px; height:18px;
  fill:none; stroke:currentColor; stroke-width:1.7;
  stroke-linecap:round; stroke-linejoin:round;
}

.mk-search-wrap{
  padding:0 14px 10px;
  flex-shrink:0;
}
.mk-search{
  display:flex;
  align-items:center;
  gap:8px;
  height:40px;
  padding:0 14px;
  border-radius:999px;
  background:var(--fill);
  border:1px solid transparent;
  transition:border-color .2s var(--ease-out), background .2s;
}
.mk-search:focus-within{
  border-color:rgba(255,230,15,.8);
  background:var(--card);
}
.mk-search svg{
  width:16px; height:16px; flex-shrink:0;
  fill:none; stroke:var(--gray-2); stroke-width:1.8;
  stroke-linecap:round; stroke-linejoin:round;
}
.mk-search input{
  flex:1; border:0; outline:0; background:transparent;
  font:500 14px/1.2 var(--font-body);
  color:var(--ink);
  min-width:0;
}
.mk-search input::placeholder{ color:var(--gray-3); }

.mk-cats{
  display:flex;
  gap:8px;
  padding:0 14px 12px;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  flex-shrink:0;
}
.mk-cats::-webkit-scrollbar{ display:none; }
.mk-cat{
  flex-shrink:0;
  height:30px;
  padding:0 14px;
  border:0;
  border-radius:999px;
  background:rgba(var(--tint-rgb),.05);
  color:var(--gray-1);
  font:500 13px/1 var(--font-body);
  cursor:pointer;
  transition:background .2s, color .2s, transform .2s var(--spring);
}
.mk-cat.active{
  background:var(--mk-yellow);
  color:#1A1500;
  font-weight:600;
}
.mk-cat:active{ transform:scale(.96); }

.mk-body{
  flex:1;
  min-height:0;
  overflow:auto;
  -webkit-overflow-scrolling:touch;
  padding:0 10px calc(72px + var(--foot-bottom));
}
.mk-panel{ display:none; }
.mk-panel.active{ display:block; }
/* 非闲逛页隐藏搜索和分类，避免布局挤在一起 */
.market-view:not([data-mk-tab="home"]) .mk-search-wrap,
.market-view:not([data-mk-tab="home"]) .mk-cats{ display:none; }

/* 双列商品瀑布流 */
.mk-grid{
  columns:2;
  column-gap:8px;
}
.mk-card{
  break-inside:avoid;
  margin:0 0 8px;
  border-radius:12px;
  background:var(--card);
  overflow:hidden;
  border:1px solid var(--hairline);
  cursor:pointer;
  text-align:left;
  width:100%;
  padding:0;
  color:inherit;
  font:inherit;
  display:block;
  transition:transform .22s var(--spring), box-shadow .22s;
}
.mk-card:active{ transform:scale(.985); }
.mk-card-cover{
  position:relative;
  width:100%;
  aspect-ratio:1 / 1;
  background:var(--fill);
  overflow:hidden;
}
.mk-card-cover img{
  width:100%; height:100%;
  object-fit:cover; display:block;
}
.mk-card-cover .mk-ph{
  width:100%; height:100%;
  display:grid; place-items:center;
  font-size:42px;
  background:linear-gradient(145deg, var(--ph-a, #FFE9A8), var(--ph-b, #FFF6D6));
}
.mk-card-badge{
  position:absolute;
  left:8px; top:8px;
  height:20px; padding:0 7px;
  border-radius:6px;
  background:rgba(0,0,0,.45);
  color:#fff;
  font:600 10px/20px var(--font-body);
  backdrop-filter:blur(6px);
}
.mk-card-body{ padding:10px 10px 12px; }
.mk-card-title{
  font:500 13px/1.35 var(--font-body);
  color:var(--ink);
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  margin:0 0 8px;
}
.mk-card-price{
  font-family:var(--font-num);
  color:var(--mk-price);
  font-weight:700;
  font-size:16px;
  line-height:1;
  display:flex;
  align-items:baseline;
  gap:1px;
}
.mk-card-price small{ font-size:12px; font-weight:600; }
.mk-card-meta{
  display:flex;
  align-items:center;
  gap:6px;
  margin-top:8px;
  min-width:0;
}
.mk-card-meta img{
  width:18px; height:18px; border-radius:50%;
  object-fit:cover; flex-shrink:0;
  background:var(--fill);
}
.mk-card-meta span{
  font-size:11px; color:var(--gray-2);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}

.mk-empty{
  text-align:center;
  padding:48px 24px;
  color:var(--gray-2);
}
.mk-empty b{
  display:block;
  color:var(--ink);
  font-size:15px;
  margin-bottom:6px;
}
.mk-empty p{ font-size:13px; margin:0 0 16px; line-height:1.5; }
.mk-empty-btn{
  height:40px; padding:0 22px;
  border:0; border-radius:999px;
  background:var(--mk-yellow);
  color:#1A1500;
  font:600 14px/1 var(--font-body);
  cursor:pointer;
}

/* 底部导航（闲逛 / 卖闲置 / 我的） */
.mk-tabbar{
  position:absolute;
  left:0; right:0; bottom:0;
  height:calc(56px + var(--foot-bottom));
  padding:0 8px var(--foot-bottom);
  display:flex;
  align-items:stretch;
  background:rgba(var(--paper-rgb),.92);
  border-top:1px solid var(--hairline);
  backdrop-filter:saturate(1.4) blur(16px);
  z-index:5;
}
.mk-tab{
  flex:1;
  border:0; background:transparent;
  display:flex; flex-direction:column;
  align-items:center; justify-content:center;
  gap:3px;
  color:var(--gray-2);
  font:500 10px/1 var(--font-body);
  cursor:pointer;
  transition:color .2s;
}
.mk-tab svg{
  width:22px; height:22px;
  fill:none; stroke:currentColor; stroke-width:1.7;
  stroke-linecap:round; stroke-linejoin:round;
}
.mk-tab.active{ color:var(--ink); }
.mk-tab.active svg{ stroke-width:2; }
.mk-tab.sell{
  color:#1A1500;
}
.mk-tab.sell .mk-sell-fab{
  width:44px; height:28px;
  border-radius:10px;
  background:linear-gradient(135deg, var(--mk-yellow), var(--mk-yellow-deep));
  display:grid; place-items:center;
  box-shadow:0 4px 12px rgba(245,208,0,.35);
  margin-bottom:1px;
}
.mk-tab.sell .mk-sell-fab svg{ width:18px; height:18px; stroke:#1A1500; stroke-width:2.2; }
.mk-tab.sell span{ font-weight:600; color:var(--ink); }

/* ---------- 卖闲置 / 表单 ---------- */
.mk-sell-form{ padding:4px 16px 28px; }
.mk-field{ margin-bottom:16px; }
.mk-field > label{
  display:block;
  font:600 13px/1.2 var(--font-body);
  color:var(--ink);
  margin-bottom:8px;
}
.mk-field > label em{
  font-style:normal;
  color:var(--gray-3);
  font-weight:400;
  margin-left:6px;
}
.mk-imgs{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.mk-img-add,
.mk-img-thumb{
  width:76px; height:76px;
  border-radius:12px;
  overflow:hidden;
  position:relative;
  flex-shrink:0;
}
.mk-img-add{
  border:1.5px dashed rgba(var(--tint-rgb),.18);
  background:var(--fill);
  color:var(--gray-2);
  display:flex; flex-direction:column;
  align-items:center; justify-content:center;
  gap:4px;
  cursor:pointer;
  font-size:11px;
}
.mk-img-add svg{
  width:22px; height:22px;
  fill:none; stroke:currentColor; stroke-width:1.7;
  stroke-linecap:round; stroke-linejoin:round;
}
.mk-img-thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
.mk-img-thumb button{
  position:absolute; top:4px; right:4px;
  width:20px; height:20px; border:0; border-radius:50%;
  background:rgba(0,0,0,.55); color:#fff;
  font-size:12px; line-height:20px; cursor:pointer;
  padding:0;
}
.mk-input,
.mk-textarea,
.mk-select{
  width:100%;
  border:0;
  border-radius:12px;
  background:var(--fill);
  color:var(--ink);
  font:500 14px/1.4 var(--font-body);
  padding:12px 14px;
  outline:0;
  box-sizing:border-box;
}
.mk-textarea{ min-height:96px; resize:vertical; }
.mk-price-row{
  display:flex;
  align-items:center;
  gap:8px;
  background:var(--fill);
  border-radius:12px;
  padding:0 14px;
}
.mk-price-row b{
  font-family:var(--font-num);
  color:var(--mk-price);
  font-size:18px;
}
.mk-price-row input{
  flex:1; border:0; background:transparent; outline:0;
  font:600 20px/1.2 var(--font-num);
  color:var(--ink);
  padding:12px 0;
}
.mk-cond-row,
.mk-chip-row{
  display:flex; flex-wrap:wrap; gap:8px;
}
.mk-chip{
  height:32px; padding:0 12px;
  border:0; border-radius:999px;
  background:rgba(var(--tint-rgb),.05);
  color:var(--gray-1);
  font:500 13px/1 var(--font-body);
  cursor:pointer;
}
.mk-chip.on{
  background:var(--mk-soft);
  color:#8A6200;
  box-shadow:inset 0 0 0 1.5px var(--mk-yellow-deep);
  font-weight:600;
}
html[data-theme="dark"] .mk-chip.on{ color:#FFE9A0; }
.mk-submit{
  width:100%; height:48px;
  border:0; border-radius:14px;
  background:linear-gradient(135deg, var(--mk-yellow), var(--mk-yellow-deep));
  color:#1A1500;
  font:700 16px/1 var(--font-body);
  cursor:pointer;
  margin-top:8px;
  box-shadow:0 8px 20px rgba(245,208,0,.28);
  transition:transform .2s var(--spring);
}
.mk-submit:active{ transform:scale(.98); }

/* ---------- 订单 / 我的列表 ---------- */
.mk-section-title{
  font:700 15px/1.2 var(--font-body);
  color:var(--ink);
  padding:8px 6px 10px;
}
.mk-order,
.mk-mine-row{
  display:flex;
  gap:12px;
  padding:12px;
  border-radius:14px;
  background:var(--card);
  border:1px solid var(--hairline);
  margin-bottom:8px;
  align-items:stretch;
}
.mk-order-cover,
.mk-mine-cover{
  width:72px; height:72px;
  border-radius:10px;
  overflow:hidden;
  flex-shrink:0;
  background:var(--fill);
}
.mk-order-cover img,
.mk-mine-cover img,
.mk-order-cover .mk-ph,
.mk-mine-cover .mk-ph{
  width:100%; height:100%; object-fit:cover; display:block;
}
.mk-order-cover .mk-ph,
.mk-mine-cover .mk-ph{
  display:grid; place-items:center; font-size:28px;
  background:linear-gradient(145deg, var(--ph-a,#FFE9A8), var(--ph-b,#FFF6D6));
}
.mk-order-info,
.mk-mine-info{
  flex:1; min-width:0;
  display:flex; flex-direction:column; gap:4px;
}
.mk-order-info b,
.mk-mine-info b{
  font:500 14px/1.3 var(--font-body);
  color:var(--ink);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.mk-order-info .mk-oprice,
.mk-mine-info .mk-oprice{
  font-family:var(--font-num);
  color:var(--mk-price);
  font-weight:700;
  font-size:15px;
}
.mk-order-info .mk-ostatus,
.mk-mine-info .mk-ostatus{
  font-size:12px; color:var(--gray-2);
}
.mk-order-acts,
.mk-mine-acts{
  display:flex; flex-direction:column;
  gap:6px; justify-content:center; flex-shrink:0;
}
.mk-mini-btn{
  height:28px; padding:0 10px;
  border:0; border-radius:8px;
  background:rgba(var(--tint-rgb),.06);
  color:var(--ink);
  font:500 12px/1 var(--font-body);
  cursor:pointer;
  white-space:nowrap;
}
.mk-mini-btn.pri{
  background:var(--mk-yellow);
  color:#1A1500;
  font-weight:600;
}
.mk-mini-btn.danger{ color:var(--danger); }

.mk-stats{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:8px;
  margin-bottom:16px;
}
.mk-stat{
  border-radius:14px;
  background:var(--card);
  border:1px solid var(--hairline);
  padding:14px 10px;
  text-align:center;
}
.mk-stat b{
  display:block;
  font-family:var(--font-num);
  font-size:20px;
  font-weight:700;
  color:var(--ink);
  line-height:1.1;
}
.mk-stat span{
  font-size:11px;
  color:var(--gray-2);
}

.mk-me-card{
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px;
  border-radius:16px;
  background:linear-gradient(135deg, var(--mk-yellow) 0%, #FFF3A0 55%, var(--card) 55%);
  margin-bottom:14px;
  border:1px solid var(--hairline);
}
html[data-theme="dark"] .mk-me-card{
  background:linear-gradient(135deg, #5A4E10 0%, #3A3518 45%, var(--card) 45%);
}
.mk-me-card img{
  width:52px; height:52px; border-radius:50%;
  object-fit:cover; background:var(--fill);
  box-shadow:0 2px 8px rgba(0,0,0,.08);
}
.mk-me-card .mk-me-txt{ flex:1; min-width:0; }
.mk-me-card .mk-me-txt b{
  display:block;
  font-size:16px;
  color:var(--ink);
}
.mk-me-card .mk-me-txt span{
  font-size:12px;
  color:var(--gray-1);
}

.mk-mine-entries{
  display:grid;
  grid-template-columns:repeat(5, 1fr);
  gap:6px;
  margin-bottom:16px;
}
.mk-mine-entry{
  border:0;
  border-radius:14px;
  background:var(--card);
  border:1px solid var(--hairline);
  padding:12px 4px 10px;
  text-align:center;
  cursor:pointer;
  color:var(--ink);
  transition:transform .15s var(--spring);
}
.mk-mine-entry:active{ transform:scale(.96); }
.mk-mine-entry b{
  display:block;
  font-family:var(--font-num);
  font-size:18px;
  font-weight:700;
  line-height:1.1;
  margin-bottom:6px;
}
.mk-mine-entry span{
  display:block;
  font:500 10px/1.25 var(--font-body);
  color:var(--gray-1);
  white-space:nowrap;
}
.mk-quick-sell{
  width:100%;
  height:44px;
  border:0;
  border-radius:12px;
  background:var(--mk-yellow);
  color:#1A1500;
  font:600 14px/1 var(--font-body);
  cursor:pointer;
  margin-bottom:8px;
}
.mk-sub-head{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:12px;
  padding:2px 2px 8px;
}
.mk-sub-head b{
  flex:1;
  font:700 16px/1.2 var(--font-body);
  color:var(--ink);
}
.mk-sub-back{
  width:32px; height:32px;
  border:0; border-radius:10px;
  background:rgba(var(--tint-rgb),.08);
  color:var(--ink);
  font-size:22px;
  line-height:1;
  cursor:pointer;
}
.mk-sub-spacer{ width:32px; }
.mk-follow-row{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border-radius:14px;
  background:var(--card);
  border:1px solid var(--hairline);
  margin-bottom:8px;
}
.mk-follow-row img{
  width:40px; height:40px; border-radius:50%;
  object-fit:cover; background:var(--fill);
}
.mk-follow-txt{ flex:1; min-width:0; }
.mk-follow-txt b{
  display:block;
  font-size:14px;
  color:var(--ink);
}
.mk-follow-txt span{
  font-size:12px;
  color:var(--gray-2);
}
.mk-empty.soft{
  padding:18px 12px;
  margin-bottom:8px;
}

/* ---------- 商品详情 ---------- */
/* 同上：不要写 display，交给 .view.active */
.mk-item-view{
  --mk-yellow:#FFE60F;
  --mk-price:#FF5000;
  position:relative;
  background:var(--bg);
}
.mk-item-gallery{
  position:relative;
  width:100%;
  aspect-ratio:1 / 1;
  background:var(--fill);
  flex-shrink:0;
  overflow:hidden;
}
.mk-item-gallery img{
  width:100%; height:100%; object-fit:cover; display:block;
}
.mk-item-gallery .mk-ph{
  width:100%; height:100%;
  display:grid; place-items:center;
  font-size:88px;
  background:linear-gradient(145deg, var(--ph-a,#FFE9A8), var(--ph-b,#FFF6D6));
}
.mk-item-head-float{
  position:absolute;
  top:0; left:0; right:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:var(--head-top) 12px 0;
  z-index:2;
  pointer-events:none;
}
.mk-item-head-float .back-btn,
.mk-item-head-float .mk-icon-btn{
  pointer-events:auto;
  background:rgba(0,0,0,.35);
  color:#fff;
  backdrop-filter:blur(8px);
}
.mk-item-body{
  flex:1;
  min-height:0;
  overflow:auto;
  -webkit-overflow-scrolling:touch;
  padding:16px 16px calc(80px + var(--foot-bottom));
}
.mk-item-price{
  font-family:var(--font-num);
  color:var(--mk-price);
  font-weight:700;
  font-size:28px;
  line-height:1;
  display:flex;
  align-items:baseline;
  gap:2px;
  margin-bottom:10px;
}
.mk-item-price small{ font-size:16px; }
.mk-item-title{
  font:600 18px/1.4 var(--font-body);
  color:var(--ink);
  margin:0 0 10px;
}
.mk-item-tags{
  display:flex; flex-wrap:wrap; gap:6px;
  margin-bottom:16px;
}
.mk-tag{
  height:24px; padding:0 9px;
  border-radius:6px;
  background:rgba(var(--tint-rgb),.05);
  color:var(--gray-1);
  font:500 11px/24px var(--font-body);
}
.mk-tag.cond{ background:#FFF1D6; color:#A66A00; }
html[data-theme="dark"] .mk-tag.cond{ background:#3A3018; color:#FFD78A; }
.mk-seller-row{
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px;
  border-radius:14px;
  background:var(--fill);
  margin-bottom:16px;
}
.mk-seller-row img{
  width:40px; height:40px; border-radius:50%;
  object-fit:cover; background:var(--card);
}
.mk-seller-row .mk-s-txt{ flex:1; min-width:0; }
.mk-seller-row .mk-s-txt b{
  display:block; font-size:14px; color:var(--ink);
}
.mk-seller-row .mk-s-txt span{
  font-size:12px; color:var(--gray-2);
}
.mk-desc-block h3{
  font:600 14px/1.2 var(--font-body);
  margin:0 0 8px;
  color:var(--ink);
}
.mk-desc-block p{
  margin:0;
  font:400 14px/1.65 var(--font-body);
  color:var(--gray-1);
  white-space:pre-wrap;
  word-break:break-word;
}
.mk-item-foot{
  position:absolute;
  left:0; right:0; bottom:0;
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 14px calc(10px + var(--foot-bottom));
  background:rgba(var(--paper-rgb),.94);
  border-top:1px solid var(--hairline);
  backdrop-filter:saturate(1.4) blur(16px);
  z-index:5;
}
.mk-foot-side{
  display:flex; gap:4px;
}
.mk-foot-side button{
  width:48px; border:0; background:transparent;
  display:flex; flex-direction:column;
  align-items:center; gap:2px;
  color:var(--gray-1);
  font:500 10px/1 var(--font-body);
  cursor:pointer;
  padding:4px 0;
}
.mk-foot-side button svg{
  width:20px; height:20px;
  fill:none; stroke:currentColor; stroke-width:1.7;
  stroke-linecap:round; stroke-linejoin:round;
}
.mk-foot-side button.on{ color:var(--mk-price); }
.mk-foot-side button.on svg{ fill:currentColor; stroke:currentColor; }
.mk-buy-btn{
  flex:1; height:44px;
  border:0; border-radius:12px;
  background:linear-gradient(135deg, #FF9F0A, var(--mk-price));
  color:#fff;
  font:700 15px/1 var(--font-body);
  cursor:pointer;
  box-shadow:0 6px 16px rgba(255,80,0,.28);
}
.mk-buy-btn:disabled{
  background:var(--fill);
  color:var(--gray-3);
  box-shadow:none;
  cursor:default;
}
.mk-buy-btn.ghost{
  background:var(--mk-yellow);
  color:#1A1500;
  box-shadow:0 6px 16px rgba(245,208,0,.25);
}

.mk-chat-btn{
  flex:1; height:44px;
  border:0; border-radius:12px;
  background:var(--mk-yellow);
  color:#1A1500;
  font:700 15px/1 var(--font-body);
  cursor:pointer;
  box-shadow:0 6px 16px rgba(245,208,0,.28);
}
.mk-chat-btn:disabled,
.mk-chat-btn[hidden]{ display:none; }
.mk-item-foot .mk-buy-btn{ flex:1.15; }

.mk-tab{ position:relative; }
.mk-tab-dot{
  position:absolute;
  top:6px; right:calc(50% - 18px);
  width:7px; height:7px;
  border-radius:50%;
  background:#FF4D4F;
  pointer-events:none;
}

/* ---------- 闲鱼消息列表 ---------- */
.mk-thread{
  display:flex; align-items:center; gap:12px;
  width:100%;
  padding:12px 10px;
  border:0; border-bottom:1px solid var(--hairline);
  background:transparent;
  text-align:left;
  cursor:pointer;
  color:inherit; font:inherit;
}
.mk-thread-ava{
  width:48px; height:48px; border-radius:50%;
  overflow:hidden; flex-shrink:0;
  background:var(--fill);
  display:grid; place-items:center;
  font-size:22px;
  position:relative;
}
.mk-thread-ava img{ width:100%; height:100%; object-fit:cover; display:block; }
.mk-thread-dot{
  position:absolute; top:0; right:0;
  width:10px; height:10px; border-radius:50%;
  background:#FF4D4F; border:2px solid var(--paper);
}
.mk-thread-info{ flex:1; min-width:0; }
.mk-thread-info b{
  display:block;
  font:600 14px/1.3 var(--font-body);
  color:var(--ink);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.mk-thread-info span{
  display:block;
  font:400 12px/1.4 var(--font-body);
  color:var(--gray-2);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
  margin-top:3px;
}
.mk-thread-meta{
  flex-shrink:0;
  text-align:right;
  font:400 11px/1.2 var(--font-body);
  color:var(--gray-3);
}
.mk-thread-meta em{
  display:block;
  margin-top:6px;
  font-style:normal;
  color:var(--mk-price);
  font-weight:600;
}

/* ---------- 闲鱼会话页 ---------- */
.mkc-view{
  --mk-yellow:#FFE60F;
  --mk-price:#FF5000;
  position:relative;
  background:#F5F5F5;
}
html[data-theme="dark"] .mkc-view{ background:var(--bg); }
.mkc-head{
  display:flex; align-items:center; gap:10px;
  padding:var(--head-top) 12px 10px;
  background:rgba(var(--paper-rgb),.96);
  border-bottom:1px solid var(--hairline);
  flex-shrink:0;
  z-index:3;
}
.mkc-peer{ flex:1; min-width:0; display:flex; align-items:center; gap:10px; }
.mkc-peer img{
  width:36px; height:36px; border-radius:50%;
  object-fit:cover; background:var(--fill); flex-shrink:0;
}
.mkc-peer-meta{ min-width:0; }
.mkc-peer-meta b{
  display:block;
  font:600 15px/1.2 var(--font-body);
  color:var(--ink);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.mkc-peer-meta span{
  display:inline-block;
  margin-top:2px;
  padding:1px 6px;
  border-radius:4px;
  background:rgba(255,80,0,.08);
  color:var(--mk-price);
  font:500 10px/1.4 var(--font-body);
}
.mkc-deal{
  display:flex; align-items:center; gap:10px;
  padding:10px 12px;
  background:var(--card);
  border-bottom:1px solid var(--hairline);
  flex-shrink:0;
}
.mkc-deal[hidden]{ display:none; }
.mkc-deal-cover{
  width:48px; height:48px; border-radius:8px;
  overflow:hidden; flex-shrink:0; background:var(--fill);
}
.mkc-deal-cover img,
.mkc-deal-cover .mk-ph{
  width:100%; height:100%; object-fit:cover; display:block;
}
.mkc-deal-cover .mk-ph{
  display:grid; place-items:center; font-size:22px;
  background:linear-gradient(145deg, var(--ph-a,#FFE9A8), var(--ph-b,#FFF6D6));
}
.mkc-deal-info{ flex:1; min-width:0; }
.mkc-deal-info .mkc-price{
  font-family:var(--font-num);
  color:var(--mk-price);
  font-weight:700;
  font-size:16px;
}
.mkc-deal-info .mkc-ship{
  font-size:11px; color:var(--gray-2); margin-left:6px;
}
.mkc-deal-info .mkc-st{
  display:block;
  font-size:12px; color:var(--gray-1);
  margin-top:2px;
}
.mkc-deal-act{
  height:32px; padding:0 14px;
  border:0; border-radius:999px;
  background:var(--mk-yellow);
  color:#1A1500;
  font:700 13px/1 var(--font-body);
  cursor:pointer;
  flex-shrink:0;
  white-space:nowrap;
}
.mkc-deal-act:disabled{
  background:var(--fill);
  color:var(--gray-3);
  cursor:default;
}
.mkc-warn{
  padding:8px 12px;
  background:#FFF3E0;
  color:#C45A00;
  font:500 11px/1.45 var(--font-body);
  flex-shrink:0;
}
html[data-theme="dark"] .mkc-warn{
  background:rgba(255,140,0,.12);
  color:#FFB060;
}
.mkc-body{
  flex:1; min-height:0;
  overflow:auto;
  -webkit-overflow-scrolling:touch;
  padding:12px 12px 16px;
}
.mkc-time{
  text-align:center;
  font:400 11px/1 var(--font-body);
  color:var(--gray-3);
  margin:10px 0 12px;
}
.mkc-row{
  display:flex; align-items:flex-end; gap:8px;
  margin-bottom:10px;
  max-width:100%;
}
.mkc-row.mine{ flex-direction:row-reverse; }
.mkc-row .mkc-ava{
  width:34px; height:34px; border-radius:50%;
  overflow:hidden; flex-shrink:0; background:var(--fill);
}
.mkc-row .mkc-ava img{ width:100%; height:100%; object-fit:cover; display:block; }
.mkc-bubble{
  max-width:72%;
  padding:10px 12px;
  border-radius:12px;
  font:400 14px/1.45 var(--font-body);
  color:var(--ink);
  background:#fff;
  word-break:break-word;
  white-space:pre-wrap;
  box-shadow:0 1px 2px rgba(0,0,0,.04);
}
html[data-theme="dark"] .mkc-bubble{ background:var(--card); }
.mkc-row.mine .mkc-bubble{
  background:var(--mk-yellow);
  color:#1A1500;
}
.mkc-read{
  display:block;
  text-align:right;
  font:400 10px/1 var(--font-body);
  color:var(--gray-3);
  margin:4px 42px 0 0;
}
.mkc-sys{
  text-align:center;
  font:400 11px/1.4 var(--font-body);
  color:var(--gray-3);
  margin:8px 20px 12px;
}
.mkc-ordercard{
  margin:8px auto 14px;
  width:min(300px, 92%);
  padding:14px 14px 12px;
  border-radius:12px;
  background:#ECECEC;
  color:var(--ink);
}
html[data-theme="dark"] .mkc-ordercard{ background:rgba(255,255,255,.08); }
.mkc-ordercard b{
  display:block;
  font:700 15px/1.3 var(--font-body);
  margin-bottom:6px;
}
.mkc-ordercard p{
  margin:0 0 12px;
  font:400 12px/1.45 var(--font-body);
  color:var(--gray-2);
}
.mkc-ordercard .mkc-oc-foot{
  display:flex; justify-content:flex-end;
}
.mkc-ordercard .mkc-oc-btn{
  height:30px; padding:0 14px;
  border:0; border-radius:999px;
  background:var(--mk-yellow);
  color:#1A1500;
  font:700 12px/1 var(--font-body);
  cursor:pointer;
}
.mkc-foot{
  display:flex; align-items:center; gap:8px;
  padding:8px 10px calc(8px + var(--foot-bottom));
  background:rgba(var(--paper-rgb),.96);
  border-top:1px solid var(--hairline);
  flex-shrink:0;
}
.mkc-foot input{
  flex:1; min-width:0;
  height:40px;
  border:0; border-radius:20px;
  background:var(--fill);
  color:var(--ink);
  font:400 14px/1 var(--font-body);
  padding:0 14px;
  outline:0;
}
.mkc-reply-btn,
.mkc-send-btn{
  height:36px; padding:0 12px;
  border:0; border-radius:18px;
  font:700 13px/1 var(--font-body);
  cursor:pointer;
  flex-shrink:0;
}
.mkc-reply-btn{
  background:rgba(var(--tint-rgb),.08);
  color:var(--ink);
}
.mkc-send-btn{
  background:var(--mk-yellow);
  color:#1A1500;
}
.mkc-reply-btn:disabled,
.mkc-send-btn:disabled{
  opacity:.45; cursor:default;
}

.mk-sold-banner{
  position:absolute;
  inset:0;
  display:grid; place-items:center;
  background:rgba(0,0,0,.35);
  color:#fff;
  font:700 22px/1 var(--font-body);
  letter-spacing:.12em;
  pointer-events:none;
}