/* —— 市场币种详情 —— *//* 钻入页固定深色：不跟工具 data-theme 昼夜皮肤（同研判页策略） */



.mkt-coin-sheet,
.mkt-jump-sheet {
  --bg: #0b0e11;
  --panel: #0b0e11;
  --panel-2: #121212;
  --ink: #ffffff;
  --muted: #8c8c8c;
  --line: rgba(255, 255, 255, 0.08);
  --teal: #e8e8e8;
  --teal-bg: #121212;
  --warn: #c9a227;
  --chip-bg: #121212;
  --chip-hover: #1c1c1c;
  color-scheme: dark;
}
/* 手机：交易所详情固定深色钻入（不跟工具皮肤） */
@media (max-width: 899px) {
  .mkt-exch-sheet {
    --bg: #0b0e11;
    --panel: #0b0e11;
    --panel-2: #121212;
    --ink: #ffffff;
    --muted: #8c8c8c;
    --line: rgba(255, 255, 255, 0.08);
    --teal: #e8e8e8;
    --teal-bg: #121212;
    --chip-bg: #121212;
    --chip-hover: #1c1c1c;
    color-scheme: dark;
    background: #0b0e11;
    color: #e6ebf0;
  }
}
.mkt-coin-sheet {
  position: fixed;
  inset: 0;
  z-index: 32000;
  display: none;
  flex-direction: column;
  background: #0b0e11;
  color: #e6ebf0;
  /* K 线画布叠层字色（钻入页默认浅色字；产品 embed 白天由 is-embed-light / #pro-ops-kline-host 覆写） */
  --mkt-kline-overlay-ink: #e7edf3;
  --mkt-kline-overlay-muted: #8b95a5;
  --mkt-kline-overlay-strong: #e6ebf0;
  --mkt-kline-leg-ink: rgba(232, 238, 242, 0.88);
  --mkt-kline-leg-shadow: 0 1px 2px rgba(0, 0, 0, 0.55);
  --mkt-kline-wick-line: rgba(231, 237, 243, 0.9);
  --mkt-kline-subhud-shadow: 0 0 6px #0b0e11;
  --mkt-kline-fs-ink: rgba(232, 238, 242, 0.9);
  --mkt-kline-pane-btn-bg: #0b0e11;
  --mkt-kline-pane-btn-ink: rgba(232, 238, 242, 0.92);
  --mkt-kline-pane-btn-line: rgba(232, 238, 242, 0.42);
  --mkt-kline-quote-age: rgba(232, 236, 241, 0.72);
  --mkt-kline-quote-age-shadow: 0 1px 2px rgba(0, 0, 0, 0.55);
}
.mkt-coin-sheet.on { display: flex; }
/* 市场钻入页：无论工具昼夜，内部一律深色令牌（勿再给 stats 铺灰底色块） */


html:not([data-theme="dark"]) .mkt-coin-sheet,
html:not([data-theme="dark"]) .mkt-jump-sheet {
  background: #0b0e11 !important;
  color: #e6ebf0 !important;
}
@media (max-width: 899px) {
  html:not([data-theme="dark"]) .mkt-exch-sheet {
    background: #0b0e11 !important;
    color: #e6ebf0 !important;
  }
  html:not([data-theme="dark"]) .mkt-exch-sheet .mkt-exch-head,
  html:not([data-theme="dark"]) .mkt-exch-sheet .mkt-exch-body {
    background: #0b0e11 !important;
    color: #e6ebf0 !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  html:not([data-theme="dark"]) .mkt-exch-sheet .mkt-coin-back {
    color: #e6ebf0 !important;
  }
  html:not([data-theme="dark"]) .mkt-exch-sheet .mkt-exch-hero b,
  html:not([data-theme="dark"]) .mkt-exch-sheet .mkt-exch-stats dd,
  html:not([data-theme="dark"]) .mkt-exch-sheet .mkt-exch-about-wrap h3,
  html:not([data-theme="dark"]) .mkt-exch-sheet .mkt-exch-link {
    color: #e6ebf0 !important;
  }
  html:not([data-theme="dark"]) .mkt-exch-sheet .mkt-exch-stats dt,
  html:not([data-theme="dark"]) .mkt-exch-sheet .mkt-exch-site,
  html:not([data-theme="dark"]) .mkt-exch-sheet .mkt-exch-link svg,
  html:not([data-theme="dark"]) .mkt-exch-sheet .mkt-exch-about-wrap p {
    color: #8b95a5 !important;
  }
  html:not([data-theme="dark"]) .mkt-exch-sheet .mkt-exch-rank {
    background: #151a21 !important;
    color: #e6ebf0 !important;
  }
  html:not([data-theme="dark"]) .mkt-exch-sheet .mkt-exch-stats {
    border-top-color: rgba(255, 255, 255, 0.08) !important;
  }
}
.mkt-coin-sheet .mkt-coin-bar-track {
  background: #151a21 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}
.mkt-coin-sheet .mkt-coin-bar-chip,
.mkt-coin-sheet .mkt-coin-bar-more {
  border: 1px solid transparent !important;
  background: transparent !important;
  color: var(--muted);
}
.mkt-coin-sheet .mkt-coin-bar-chip.on {
  color: #e8eef4 !important;
  background: transparent !important;
  border-color: #e8eef4 !important;
}
.mkt-coin-sheet .mkt-coin-stats > div,
.mkt-coin-sheet .mkt-coin-stats.is-ov > div {
  background: transparent !important;
  color: #e6ebf0;
  border-bottom: 0 !important;
}
.mkt-coin-sheet .mkt-coin-stats em,
.mkt-coin-sheet .mkt-coin-stats.is-ov em {
  color: #8b95a5 !important;
}
.mkt-coin-sheet .mkt-coin-stats b:not(.is-up):not(.is-down),
.mkt-coin-sheet .mkt-coin-stats.is-ov b:not(.is-up):not(.is-down) {
  color: #e6ebf0 !important;
}
.mkt-coin-sheet .mkt-coin-stats .is-up,
.mkt-coin-sheet .is-up {
  color: var(--up) !important;
}
.mkt-coin-sheet .mkt-coin-stats .is-down,
.mkt-coin-sheet .is-down {
  color: #f05a72 !important;
}
.mkt-coin-sheet .mkt-coin-ov-links button {
  background: #151a21 !important;
  color: #e6ebf0 !important;
}
.mkt-coin-sheet .mkt-coin-about h3 {
  color: #e6ebf0 !important;
}
.mkt-coin-sheet .mkt-coin-about p {
  color: #8b95a5 !important;
}
.mkt-coin-sheet .mkt-coin-ov-head b {
  color: #e6ebf0 !important;
}
.mkt-coin-sheet .mkt-coin-tabs button {
  color: #8b95a5 !important;
}
.mkt-coin-sheet .mkt-coin-tabs button.on,
.mkt-coin-sheet .mkt-coin-ov-subs button.on {
  color: #ffffff !important;
  box-shadow: inset 0 -2px 0 #ffffff !important;
}
.mkt-coin-sheet .mkt-coin-chart {
  background: #0b0e11 !important;
}
.mkt-coin-sheet .mkt-coin-subs button.on,
.mkt-coin-sheet .mkt-coin-ind-row button.on {
  color: #ffffff !important;
  box-shadow: inset 0 -2px 0 #ffffff !important;
}
.mkt-coin-sheet .mkt-coin-bars .mkt-coin-bar-chip.on {
  color: #e8eef4 !important;
  background: transparent !important;
  border-color: #e8eef4 !important;
  box-shadow: none !important;
}
.mkt-coin-sheet .mkt-coin-last.is-up,
.mkt-coin-sheet .mkt-coin-chg.is-up,
.mkt-coin-sheet .mkt-coin-idx.is-up {
  color: var(--up) !important;
}
.mkt-coin-sheet .mkt-coin-last.is-down,
.mkt-coin-sheet .mkt-coin-chg.is-down,
.mkt-coin-sheet .mkt-coin-idx.is-down {
  color: #f05a72 !important;
}

.mkt-coin-sheet [hidden] { display: none !important; }
.mkt-coin-dialog {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  width: 100%;
  background: inherit;
  color: inherit;
}
.mkt-coin-split,
.mkt-coin-main {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  min-width: 0;
}
.mkt-coin-gutter,
.mkt-coin-rail,
.mkt-coin-pos-dock {
  display: none;
}
.pos-trade-desk[hidden] {
  display: none !important;
}
.pos-desk-flat-all {
  display: none;
}
.mkt-coin-canvas-host {
  flex: 1;
  min-height: 0;
}
.mkt-coin-canvas-wrap {
  display: none;
}
.mkt-coin-bar-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: nowrap;
  gap: 0;
  flex-shrink: 0;
  overflow: visible;
  margin-left: auto;
}
.mkt-coin-tool-wrap {
  position: relative;
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
}
.mkt-coin-tool-menu {
  position: absolute;
  right: 0;
  top: calc(100% + 4px);
  z-index: 12;
  min-width: 132px;
  background: #12161c;
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 8px;
  padding: 6px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.4);
}
.mkt-coin-tool-menu button {
  display: block;
  width: 100%;
  text-align: left;
  appearance: none;
  border: 0;
  background: transparent;
  color: #e8eef4;
  padding: 7px 10px;
  border-radius: 6px;
  cursor: pointer;
  font: inherit;
  font-size: 13px;
}
.mkt-coin-tool-menu button.on,
.mkt-coin-tool-menu button:hover {
  background: rgba(255,255,255,0.12);
  color: #fff;
}
.mkt-coin-tool-menu.is-goto {
  min-width: 220px;
  padding: 8px;
}
.mkt-coin-tool-menu.is-goto input[type="datetime-local"] {
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 8px;
  padding: 6px 8px;
  border-radius: 6px;
  border: 1px solid rgba(255,255,255,0.14);
  background: #0b0e11;
  color: #e8eef4;
  font: inherit;
  font-size: 12px;
}
.mkt-coin-draw-hint {
  position: absolute;
  left: 50%;
  bottom: 30px;
  transform: translateX(-50%);
  z-index: 6;
  pointer-events: none;
  padding: 4px 10px;
  border-radius: 6px;
  background: rgba(14,20,27,0.92);
  border: 1px solid rgba(255,255,255,0.12);
  color: #e8eef4;
  font-size: 11px;
  font-weight: 650;
  white-space: nowrap;
}
.mkt-coin-chart-wrap.is-drawing,
.mkt-coin-chart-wrap.is-drawing .mkt-coin-chart {
  cursor: crosshair;
}
.mkt-coin-mcap-plot {
  position: relative;
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.mkt-coin-mcap-plot.okx-chart-gest,
.mkt-coin-mcap-plot.okx-chart-gest .mkt-coin-mcap {
  cursor: crosshair;
  touch-action: none;
}
.mkt-coin-mcap-plot.okx-chart-gest.is-y-scale,
.mkt-coin-mcap-plot.okx-chart-gest.is-y-scale .mkt-coin-mcap,
.mkt-coin-mcap-plot.okx-chart-gest .mkt-coin-mcap.is-y-scale {
  cursor: ns-resize;
}
.mkt-coin-mcap-plot.okx-chart-gest.is-x-scale,
.mkt-coin-mcap-plot.okx-chart-gest.is-x-scale .mkt-coin-mcap,
.mkt-coin-mcap-plot.okx-chart-gest .mkt-coin-mcap.is-x-scale {
  cursor: ew-resize;
}
.mkt-coin-mcap-plot.okx-gest-grabbing,
.mkt-coin-mcap-plot.okx-gest-grabbing .mkt-coin-mcap,
.mkt-coin-mcap-plot .mkt-coin-mcap.okx-gest-grabbing {
  cursor: grabbing;
}
.mkt-coin-mcap-hud {
  position: absolute;
  left: 12px;
  top: 10px;
  z-index: 4;
  pointer-events: none;
  color: #c8d0d8;
  font-size: 12px;
  line-height: 1.4;
  white-space: nowrap;
}
.mkt-coin-mcap-hud b { font-weight: 650; color: #e8edf2; }
.mkt-coin-mcap-hud .is-up { color: var(--up, #2ecf9a); }
.mkt-coin-mcap-hud .is-down { color: var(--down, #f05a72); }
/* 产品页 embed · 市值 HUD：无底卡，跟工具昼夜皮肤 */
html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed #mkt-coin-canvas-host.is-mcap .mkt-coin-mcap-hud,
#pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light #mkt-coin-canvas-host.is-mcap .mkt-coin-mcap-hud {
  color: var(--muted, #6b7280) !important;
  background: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed #mkt-coin-canvas-host.is-mcap .mkt-coin-mcap-hud b,
#pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light #mkt-coin-canvas-host.is-mcap .mkt-coin-mcap-hud b {
  color: var(--ink, #111827) !important;
}
html[data-theme="dark"] #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed #mkt-coin-canvas-host.is-mcap .mkt-coin-mcap-hud {
  color: #c8d0d8 !important;
  background: none !important;
  padding: 0 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed #mkt-coin-canvas-host.is-mcap .mkt-coin-mcap-hud b {
  color: #e8edf2 !important;
}
.mkt-coin-mcap {
  width: 100%;
  height: 100%;
  min-height: 220px;
  flex: 1;
}
.mkt-coin-mcap-badge {
  position: absolute;
  z-index: 5;
  pointer-events: none;
  transform: translateY(-50%);
  background: #4c82f7;
  border: 1px solid #4c82f7;
  border-radius: 2px;
  padding: 2px 6px;
  font-size: 11px;
  font-weight: 650;
  color: #fff;
  white-space: nowrap;
}
.mkt-coin-side {
  display: contents;
}
body.mkt-coin-open { overflow: hidden; }
body.mkt-coin-open .dock {
  visibility: hidden;
  pointer-events: none;
}
/* 第三栏仓位坞：确认/杠杆/账单/保证金说明挂在 body，默认 100～31000，会沉在本页 32000 下 */
body.mkt-coin-open .fee-tip.on:not(#pos-sheet):not(#hold-detail-sheet),
body.mkt-coin-open .fee-tip-modal.on:not(.radar-sheet):not(.okx-data-sheet):not(#hold-detail-sheet):not(#rules-sheet):not(#teach-sheet),
body.mkt-coin-open .lever-pop:not([hidden]),
body.mkt-coin-open #app-cycle-bills,
body.mkt-coin-open #app-mgn-tip,
body.mkt-coin-open > .ui-help-tip,
body.mkt-coin-open .ui-help-tip.ui-help-tip-portal,
body.mkt-coin-open > .fold-tip.fold-tip-portal {
  z-index: 32800 !important;
  pointer-events: auto;
}
.mkt-coin-head,
.mkt-coin-tabs,
.mkt-coin-venue,
.mkt-coin-ticker,
.mkt-coin-bars,
.mkt-coin-subs {
  flex-shrink: 0;
}
.mkt-coin-head {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 12px calc(6px + env(safe-area-inset-top, 0px));
  padding-top: calc(8px + env(safe-area-inset-top, 0px));
}
.mkt-coin-back {
  /* 尺寸见 07-callout-unify.css ui-page-back 模板 */
}
.mkt-coin-star {
  appearance: none;
  border: 0;
  background: transparent;
  color: inherit;
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  cursor: pointer;
  font-size: 20px;
}
.mkt-coin-star {
  color: #8b95a5;
}
.mkt-coin-star .mkt-star-ico {
  display: block;
}
.mkt-coin-star.on {
  color: #f5c518;
}
.mkt-coin-ico {
  width: 28px;
  height: 28px;
  border-radius: 50%;
}
.mkt-coin-ident { flex: 1; min-width: 0; line-height: 1.15; }
.mkt-coin-ident b { display: block; font-size: 16px; }
.mkt-coin-ident em { display: block; font-size: 11px; color: var(--muted); font-style: normal; }
.mkt-coin-tabs {
  display: flex;
  gap: 18px;
  padding: 0 16px;
  border-bottom: 1px solid var(--line);
}
.mkt-coin-tabs button {
  appearance: none;
  border: 0;
  background: none;
  color: var(--muted);
  font: inherit;
  font-weight: 750;
  padding: 10px 0 8px;
  cursor: pointer;
}
.mkt-coin-tabs button.on {
  color: #ffffff;
  box-shadow: inset 0 -2px 0 #ffffff;
}
.mkt-coin-quote,
.mkt-coin-overview,
.mkt-coin-trade {
  flex: 1;
  min-height: 0;
  display: block;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* old Edge */
}
.mkt-coin-quote::-webkit-scrollbar,
.mkt-coin-overview::-webkit-scrollbar,
.mkt-coin-trade::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}
.mkt-coin-trade.is-spot .mkt-td-card[data-td-card="flowdist"] { order: 1; }
.mkt-coin-trade.is-spot .mkt-td-card[data-td-card="netflow"] { order: 2; }
.mkt-coin-trade.is-spot .mkt-td-card[data-td-card="margin"] { order: 3; }
.mkt-coin-trade.is-spot .mkt-td-card[data-td-card="taker"] { order: 4; }
.mkt-coin-trade.is-spot .mkt-coin-trade-grid.is-dual { grid-template-columns: 1fr; }
.mkt-td-card[data-td-card="flowdist"] > header {
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
.mkt-td-card[data-td-card="flowdist"] .mkt-td-periods { justify-content: flex-start; }
.mkt-td-flow-range {
  margin: 0 0 2px;
  color: #8b95a5;
  font-size: 12px;
  min-height: 16px;
}
.mkt-td-flow-body {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  grid-template-areas:
    "chart chart"
    "buy sell";
  column-gap: 22px;
  row-gap: 0;
  align-items: start;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 12px;
  padding: 4px 12px 10px;
}
.mkt-td-flow-body > .mkt-td-chart-box { grid-area: chart; }
.mkt-td-flow-side.is-buy { grid-area: buy; }
.mkt-td-flow-side.is-sell { grid-area: sell; }
.mkt-td-flow-side { min-width: 0; font-size: 12px; color: #c5ced8; }
.mkt-td-flow-head {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  margin: 0 0 8px;
  font-weight: 650;
  font-size: 13px;
}
.mkt-td-flow-side.is-buy .mkt-td-flow-head,
.mkt-td-flow-side.is-buy .mkt-td-flow-num { color: var(--up, #0f7a6a); }
.mkt-td-flow-side.is-sell .mkt-td-flow-head,
.mkt-td-flow-side.is-sell .mkt-td-flow-num { color: var(--down, #c0392b); }
.mkt-td-flow-row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  min-height: 22px;
  margin: 5px 0;
}
.mkt-td-flow-lab {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #d5dde6;
  white-space: nowrap;
}
.mkt-td-flow-dot {
  width: 6px;
  height: 6px;
  border-radius: 1px;
  display: inline-block;
  flex: 0 0 auto;
}
.mkt-td-flow-side.is-buy .mkt-td-flow-dot { background: var(--up, #0f7a6a); }
.mkt-td-flow-side.is-sell .mkt-td-flow-dot { background: var(--down, #c0392b); }
.mkt-td-flow-bar {
  display: flex;
  height: 8px;
  border-radius: 1px;
  background: transparent;
  overflow: hidden;
}
.mkt-td-flow-side.is-sell .mkt-td-flow-bar { justify-content: flex-end; }
.mkt-td-flow-bar i { display: block; height: 100%; border-radius: 1px; }
.mkt-td-flow-side.is-buy .mkt-td-flow-bar i { background: var(--up, #0f7a6a); }
.mkt-td-flow-side.is-sell .mkt-td-flow-bar i { background: var(--down, #c0392b); }
.mkt-td-flow-num {
  font-variant-numeric: tabular-nums;
  font-weight: 650;
  white-space: nowrap;
}
.mkt-td-card[data-td-card="flowdist"] .mkt-td-chart { height: 280px; }
.mkt-td-card[data-td-card="flowdist"] .mkt-td-chart-box {
  border: 0;
  border-radius: 0;
  overflow: visible;
  background: transparent;
}
@media (max-width: 899.98px) {
  .mkt-td-flow-body { column-gap: 12px; }
  .mkt-td-card[data-td-card="flowdist"] .mkt-td-chart { height: 250px; }
  .mkt-td-flow-side { font-size: 11px; }
  .mkt-td-flow-row { gap: 4px; }
}
.mkt-coin-trade-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  padding: 8px 12px 28px;
}
.mkt-coin-trade-grid.is-dual {
  grid-template-columns: 1fr 1fr;
  gap: 14px 16px;
  padding: 8px 16px 32px;
}
.mkt-td-card {
  border: 0;
  border-radius: 0;
  padding: 4px 0 8px;
  background: transparent;
  min-width: 0;
}
.mkt-td-card header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 8px;
}
.mkt-td-card h3 {
  margin: 0;
  font-size: 13px;
  font-weight: 650;
  color: #e8eef4;
  white-space: nowrap;
}
.mkt-td-title {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}
.mkt-td-help {
  flex: none;
  width: 15px;
  height: 15px;
  padding: 0;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.38);
  background: transparent;
  color: #9aa3af;
  font: 700 10px/13px inherit;
  cursor: pointer;
}
.mkt-td-help.is-on {
  color: #e8eef4;
  border-color: #e8eef4;
}
.mkt-td-tip {
  position: fixed;
  z-index: 40000;
  max-width: min(280px, calc(100vw - 16px));
  padding: 10px 12px;
  border-radius: 8px;
  background: #2b3036;
  color: #e8eef4;
  font-size: 12px;
  line-height: 1.5;
  white-space: pre-wrap;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.45);
  pointer-events: auto;
}
.mkt-td-tip[hidden] { display: none !important; }
.mkt-td-tip::before {
  content: "";
  position: absolute;
  top: -5px;
  left: var(--mkt-td-tip-arrow, 16px);
  width: 10px;
  height: 10px;
  background: #2b3036;
  transform: rotate(45deg);
}
.mkt-td-tip.is-above::before {
  top: auto;
  bottom: -5px;
}
.mkt-td-periods {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0;
}
.mkt-td-periods button {
  appearance: none;
  background: transparent;
  border: 1px solid transparent;
  color: #8b95a5;
  padding: 3px 7px;
  font: inherit;
  font-size: 11px;
  font-weight: 600;
  cursor: pointer;
  border-radius: 4px;
  line-height: 1.3;
}
.mkt-td-periods button.on {
  border-color: #e8eef4;
  color: #e8eef4;
}
.mkt-td-chart-box {
  position: relative;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 12px;
  background: transparent;
  overflow: hidden;
}
.mkt-td-chart {
  width: 100%;
  height: 248px;
  touch-action: none;
  user-select: none;
}
.mkt-td-ph {
  display: none;
  height: 248px;
  align-items: center;
  justify-content: center;
  color: #6b7380;
  font-size: 13px;
  text-align: center;
  padding: 0 16px;
}
.mkt-td-card.is-loading .mkt-td-ph,
.mkt-td-card.is-empty .mkt-td-ph {
  display: flex;
}
.mkt-td-card.is-loading .mkt-td-chart,
.mkt-td-card.is-empty .mkt-td-chart {
  display: none;
}
.mkt-td-skel {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.08);
  border-top-color: rgba(255, 255, 255, 0.45);
  animation: mkt-td-spin 0.8s linear infinite;
}
@keyframes mkt-td-spin {
  to { transform: rotate(360deg); }
}
.mkt-coin-venue {
  appearance: none;
  border: 0;
  background: none;
  color: inherit;
  font: inherit;
  font-size: 13px;
  font-weight: 650;
  text-align: left;
  padding: 10px 16px 4px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  max-width: 100%;
}
.mkt-coin-venue .mkt-coin-venue-logo {
  width: 22px;
  height: 22px;
}
.mkt-coin-venue .mkt-coin-venue-logo img,
.mkt-coin-venue .mkt-coin-venue-logo svg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mkt-coin-venue .mkt-coin-venue-logo.is-fallback {
  font-size: 11px;
}
.mkt-coin-venue-txt {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mkt-coin-venue::after {
  content: "▾";
  display: inline-block;
  margin-left: 4px;
  color: var(--muted);
  font-size: 11px;
  line-height: 1;
  vertical-align: middle;
  transform: translateY(-1px);
  transition: transform 0.18s ease;
}
.mkt-coin-venue.is-open::after {
  transform: translateY(1px) rotate(180deg);
}
.mkt-coin-ticker {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  padding: 2px 14px 8px;
}
.mkt-coin-tick-main {
  min-width: 0;
  flex: 1 1 auto;
}
.mkt-coin-tick-lab {
  display: block;
  font-size: 11px;
  line-height: 1.2;
  color: #8b95a5;
  margin-bottom: 2px;
}
.mkt-coin-last {
  display: block;
  font-size: 28px;
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1.08;
}
.mkt-coin-tick-sub {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 3px;
  font-size: 12px;
  font-weight: 650;
}
.mkt-coin-chg { margin-left: 0; font-size: 12px; font-weight: 650; }
.mkt-coin-last.is-up, .mkt-coin-chg.is-up, .mkt-coin-idx.is-up, .mkt-coin-ls .is-up { color: var(--up, var(--up)); }
.mkt-coin-last.is-down, .mkt-coin-chg.is-down, .mkt-coin-idx.is-down, .mkt-coin-ls .is-down { color: var(--down, #d4535c); }
.mkt-coin-tick-mark {
  margin-top: 4px;
  font-size: 11px;
  color: #8b95a5;
  line-height: 1.3;
}
.mkt-coin-tick-mark b {
  margin-left: 6px;
  font-weight: 650;
  color: #e8eef4;
  font-variant-numeric: tabular-nums;
}
.mkt-coin-tick-stats {
  flex: 0 1 52%;
  min-width: 148px;
  max-width: 220px;
  display: grid;
  gap: 3px 0;
  margin: 0;
  padding-top: 2px;
  font-size: 11px;
}
.mkt-coin-tick-stats > div {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 10px;
}
.mkt-coin-tick-stats dt {
  display: block;
  margin: 0;
  color: #8b95a5;
  white-space: nowrap;
}
.mkt-coin-tick-stats dd {
  display: block;
  margin: 0;
  color: #e8eef4;
  font-weight: 650;
  font-variant-numeric: tabular-nums;
  text-align: right;
  white-space: nowrap;
}
.mkt-coin-bars,
.mkt-coin-subs {
  display: flex;
  gap: 4px;
  overflow-x: auto;
  padding: 0 12px;
  scrollbar-width: none;
}
.mkt-coin-bars {
  position: relative;
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  /* 右侧留白对齐 K 线价格刻度列 */
  padding: 1px 8px 2px 12px;
  overflow: visible;
}
.mkt-coin-sheet .mkt-coin-bars {
  border-bottom: 1px solid var(--line, rgba(255, 255, 255, 0.08));
  /* 周期条贴近画布上沿，去掉多余上下留白 */
  padding-top: 2px;
  padding-bottom: 2px;
  min-height: 32px;
}
.mkt-coin-chart-wrap {
  position: relative;
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
}
/* 画布顶边贴周期条底边 */
.mkt-coin-sheet .mkt-coin-chart-wrap {
  margin-top: 0;
}
.mkt-coin-sheet .mkt-coin-chart-wrap > .kline-legend {
  top: 0;
  max-width: min(460px, calc(100% - 88px));
}
.mkt-coin-sheet .kline-legend .kline-leg-detail {
  max-width: 100%;
}
.mkt-coin-sheet .mkt-coin-chart-wrap,
.mkt-coin-sheet .mkt-coin-chart-wrap > .mkt-coin-chart {
  overflow: hidden;
}
.mkt-coin-sheet .kline-legend,
.mkt-coin-sheet .kline-sub-legend {
  color: var(--mkt-kline-leg-ink) !important;
  text-shadow: var(--mkt-kline-leg-shadow) !important;
  background: transparent !important;
}
.mkt-coin-sheet .kline-leg-tog,
.mkt-coin-sheet .kline-sub-legend .kline-leg-tog {
  pointer-events: auto;
  color: #8b95a5;
}
.mkt-coin-sheet .kline-leg-row:not(.is-open) .kline-leg-detail {
  display: none !important;
}
.mkt-coin-sheet .kline-leg-row[data-leg="ohlc"]:not(.is-open) .kline-leg-head {
  display: block !important;
}
@media (max-width: 720px) {
  .mkt-coin-sheet .kline-legend,
  .mkt-coin-sheet .kline-sub-legend {
    max-width: calc(100% - 68px);
    font-size: 9px;
    line-height: 1.22;
  }
  .mkt-coin-sheet .kline-sub-legend {
    z-index: 7;
    right: 46px;
  }
  .mkt-coin-sheet .kline-legend .kline-leg-tog,
  .mkt-coin-sheet .kline-sub-legend .kline-leg-tog {
    width: 20px;
    height: 20px;
    min-width: 20px;
    min-height: 20px;
    font-size: 12px;
    margin: -1px 0 -1px -2px;
  }
  .mkt-coin-sheet .kline-ohlc-item,
  .mkt-coin-sheet .kline-ohlc-chg,
  .mkt-coin-sheet .kline-leg-ma,
  .mkt-coin-sheet .kline-leg-head,
  .mkt-coin-sheet .kline-sub-leg-title,
  .mkt-coin-sheet .kline-sub-leg-title-inline,
  .mkt-coin-sheet .kline-sub-leg-pair,
  .mkt-coin-sheet .kline-sub-leg-pair i,
  .mkt-coin-sheet .kline-sub-leg-pair b {
    font-size: 9px;
  }
  .mkt-coin-sheet .kline-sub-leg-line {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0 6px;
  }
}
.mkt-coin-lv-tags {
  position: absolute;
  inset: 0;
  z-index: 18;
  pointer-events: none;
  overflow: hidden;
}
.mkt-coin-lv-tag {
  position: absolute;
  left: 6px;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  height: 16px;
  padding: 0 6px;
  border-radius: 2px;
  color: #fff;
  font-size: 10px;
  font-weight: 750;
  letter-spacing: 0.02em;
  line-height: 16px;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
}
.mkt-coin-lv-tag.is-avg {
  font-weight: 800;
}
.mkt-coin-lv-tag.is-side-right {
  left: auto;
}
.mkt-coin-lv-tag.is-outline {
  background: var(--lv-tag-bg, #0b0e11);
  box-shadow: none;
  border: 1px solid currentColor;
  color: inherit;
}
.mkt-coin-chart-wrap > .mkt-coin-chart {
  flex: 1 1 auto;
  min-height: 0;
  width: 100%;
}
.mkt-coin-chart-hud {
  position: absolute;
  left: 10px;
  top: 6px;
  right: 64px;
  z-index: 4;
  pointer-events: auto;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3px;
  font-size: 11px;
  font-weight: 650;
  color: var(--mkt-kline-overlay-muted);
  line-height: 1.35;
}
.mkt-coin-hud-fold {
  appearance: none;
  border: 0;
  padding: 0 2px;
  margin: 0;
  background: transparent;
  color: var(--mkt-kline-overlay-muted);
  font: inherit;
  font-size: 11px;
  line-height: 1;
  cursor: pointer;
}
.mkt-coin-chart-hud.is-fold .mkt-coin-hud-ma {
  display: none;
}
.mkt-coin-sub-huds {
  position: absolute;
  inset: 0;
  z-index: 4;
  pointer-events: none;
}
.mkt-coin-sub-hud {
  position: absolute;
  font-size: 10px;
  font-weight: 650;
  color: var(--mkt-kline-overlay-muted);
  line-height: 1.3;
  white-space: nowrap;
  text-shadow: var(--mkt-kline-subhud-shadow);
  pointer-events: none;
}
.mkt-coin-sub-hud .mkt-coin-hud-fold {
  pointer-events: auto;
}
.mkt-coin-sub-hud b {
  color: var(--mkt-kline-overlay-strong);
  font-weight: 750;
  margin-right: 6px;
}
.mkt-coin-sub-hud span {
  margin-right: 8px;
}
.mkt-coin-hud-ohlc,
.mkt-coin-hud-ma {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 10px;
}
.mkt-coin-hud-time {
  color: var(--mkt-kline-overlay-strong);
  font-weight: 700;
}
.mkt-coin-chart-hud b {
  font-weight: 750;
  color: var(--mkt-kline-overlay-strong);
}
.mkt-coin-chart-hud .is-up { color: var(--up, #2ecf9a); }
.mkt-coin-chart-hud .is-down { color: var(--down, #f05a72); }
.mkt-coin-hud-chg.is-up,
.mkt-coin-hud-chg.is-down {
  font-weight: 700;
}
.mkt-coin-chart-wrap.okx-chart-gest,
.mkt-coin-chart-wrap.okx-chart-gest .mkt-coin-chart {
  cursor: crosshair;
  touch-action: none;
}
.mkt-coin-chart-wrap.okx-chart-gest.is-y-scale,
.mkt-coin-chart-wrap.okx-chart-gest.is-y-scale .mkt-coin-chart,
.mkt-coin-chart-wrap.okx-chart-gest .mkt-coin-chart.is-y-scale {
  cursor: ns-resize;
}
.mkt-coin-chart-wrap.okx-chart-gest.is-x-scale,
.mkt-coin-chart-wrap.okx-chart-gest.is-x-scale .mkt-coin-chart,
.mkt-coin-chart-wrap.okx-chart-gest .mkt-coin-chart.is-x-scale {
  cursor: ew-resize;
}
.mkt-coin-quote-age {
  position: absolute;
  left: 8px;
  bottom: 36px;
  z-index: 6;
  pointer-events: none;
  font-size: 9px;
  font-weight: 650;
  line-height: 1;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.02em;
  color: var(--mkt-kline-quote-age);
  text-shadow: var(--mkt-kline-quote-age-shadow);
}
.mkt-coin-quote-age.is-warn { color: #e0b15a; }
.mkt-coin-quote-age.is-err { color: #f05a72; }
@media (max-width: 899px) {
  .mkt-coin-quote-age {
    left: 6px;
    font-size: 8px;
  }
}
.mkt-coin-wick-tag {
  position: absolute;
  z-index: 4;
  display: flex;
  align-items: center;
  transform: translateY(-50%);
  padding: 0;
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
  font-variant-numeric: tabular-nums;
  color: var(--mkt-kline-overlay-ink);
  background: none;
  border: 0;
  pointer-events: none;
  white-space: nowrap;
  text-shadow: var(--mkt-kline-leg-shadow);
}
.mkt-coin-wick-tag b { font-weight: 500; color: inherit; }
.mkt-coin-wick-line {
  display: block;
  width: 18px;
  height: 1px;
  flex: 0 0 18px;
  background: var(--mkt-kline-wick-line);
}
.mkt-coin-wick-dot {
  display: none;
  width: 5px;
  height: 5px;
  margin: 0;
  flex: 0 0 5px;
  border-radius: 50%;
  background: var(--mkt-kline-overlay-ink);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.45);
}
.mkt-coin-wick-tag.is-line .mkt-coin-wick-dot { display: block; }
.mkt-coin-wick-tag.is-left {
  flex-direction: row-reverse;
  transform: translate(-100%, -50%);
}
.mkt-coin-wick-tag[hidden] { display: none !important; }
@media (max-width: 899px) {
  .mkt-coin-wick-tag { font-size: 10px; }
  .mkt-coin-wick-line { width: 14px; flex-basis: 14px; }
}
.mkt-coin-px-badge {
  position: absolute;
  right: 2px;
  z-index: 5;
  transform: translateY(-50%);
  min-width: 58px;
  padding: 3px 7px 2px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1px;
  text-align: center;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
  font-variant-numeric: tabular-nums;
  color: #fff;
  background: var(--down-solid, #db4d64);
  border-radius: 2px;
  pointer-events: none;
  white-space: nowrap;
}
.mkt-coin-px-badge-px {
  display: block;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
}
.mkt-coin-px-badge-cd {
  display: block;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.15;
  opacity: 0.92;
  letter-spacing: 0.04em;
}
@media (max-width: 899px) {
  .mkt-coin-chart-hud {
    left: 8px;
    top: 4px;
    right: 52px;
    font-size: 10px;
    gap: 2px;
  }
  .mkt-coin-hud-ohlc,
  .mkt-coin-hud-ma {
    gap: 2px 8px;
  }
  .mkt-coin-px-badge {
    min-width: 48px;
    padding: 2px 5px 1px;
  }
  .mkt-coin-px-badge-px { font-size: 10px; }
  .mkt-coin-px-badge-cd { font-size: 9px; }
}
.mkt-coin-px-badge.is-up {
  background: var(--up-solid, #22b884);
}
.mkt-coin-px-badge.is-down {
  background: var(--down-solid, #db4d64);
}
.mkt-coin-sheet .mkt-kline-sub-divider {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 8;
  height: 9px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: ns-resize;
  touch-action: none;
}
.mkt-coin-sheet .mkt-kline-sub-divider::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 4px;
  height: 1px;
  background: rgba(255, 255, 255, 0.16);
}
.mkt-coin-sheet .mkt-kline-sub-divider[hidden] {
  display: none !important;
}
.mkt-coin-sheet .mkt-kline-foot-rule,
.mkt-coin-sheet .mkt-kline-axis-xext,
.mkt-coin-sheet .mkt-kline-axis-yext {
  position: absolute;
  z-index: 7;
  pointer-events: none;
  background: rgba(255, 255, 255, 0.22);
}
.mkt-coin-sheet .mkt-kline-foot-rule {
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
}
.mkt-coin-sheet .mkt-kline-foot-rule[hidden],
.mkt-coin-sheet .mkt-kline-axis-xext[hidden],
.mkt-coin-sheet .mkt-kline-axis-yext[hidden],
.mkt-coin-sheet .mkt-kline-xlab-clip[hidden] {
  display: none !important;
}
.mkt-coin-sheet .mkt-kline-xlab-clip {
  position: absolute;
  z-index: 6;
  pointer-events: none;
  background: #0b0e11;
}
.mkt-coin-sheet .mkt-kline-y-handle {
  position: absolute;
  z-index: 9;
  width: 16px;
  height: 20px;
  pointer-events: none;
  cursor: ns-resize;
}
.mkt-coin-sheet .mkt-kline-y-handle::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 2px;
  width: 2px;
  height: 16px;
  margin-left: -1px;
  background: #8b95a5;
}
.mkt-coin-sheet .mkt-kline-y-handle::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 2px;
  width: 8px;
  height: 16px;
  margin-left: -4px;
  box-sizing: border-box;
  border-top: 2px solid #8b95a5;
  border-bottom: 2px solid #8b95a5;
}
.mkt-coin-sheet .mkt-kline-y-handle[hidden] {
  display: none !important;
}
.mkt-coin-sheet .mkt-kline-vol-zero {
  position: absolute;
  z-index: 8;
  pointer-events: none;
  color: var(--mkt-kline-overlay-muted);
  font-size: 10px;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}
.mkt-coin-sheet .mkt-kline-vol-zero[hidden] {
  display: none !important;
}
.mkt-coin-sheet .echarts-axisPointer-handle {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
.mkt-coin-sheet .mkt-coin-hover-tag {
  position: absolute;
  z-index: 6;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  gap: 6px;
  pointer-events: none;
  transform: translate(-100%, -50%);
  padding: 0 2px 0 0;
  font-size: 11px;
  font-weight: 650;
  font-variant-numeric: tabular-nums;
  color: var(--mkt-kline-overlay-ink);
  text-shadow: var(--mkt-kline-leg-shadow);
  white-space: nowrap;
}
.mkt-coin-sheet .mkt-coin-hover-tag.is-right {
  transform: translate(0, -50%);
  padding: 0 0 0 2px;
}
.mkt-coin-sheet .mkt-coin-hover-tag[hidden] {
  display: none !important;
}
.mkt-coin-sheet .mkt-coin-hover-dot {
  width: 9px;
  height: 9px;
  box-sizing: border-box;
  border-radius: 50%;
  border: 2px solid #c5cdd6;
  background: #0e141b;
  flex: none;
}
.mkt-coin-sheet .mkt-coin-hover-tag.is-up .mkt-coin-hover-chg {
  color: #2ecf9a;
}
.mkt-coin-sheet .mkt-coin-hover-tag.is-down .mkt-coin-hover-chg {
  color: #f05a72;
}
@media (max-width: 899px) {
  .mkt-coin-sheet .mkt-coin-hover-tag {
    font-size: 10px;
    gap: 5px;
  }
}
/* 指标 ▾：与周期条并排靠右，落在纵轴刻度上方，纯文字无底 */

.mkt-coin-bar-ind {
  appearance: none;
  position: static;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  align-self: center;
  margin: 0;
  height: 28px;
  padding: 0 5px;
  border: 0;
  border-radius: 0;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--muted);
  font: inherit;
  font-size: 12px;
  font-weight: 650;
  line-height: 1;
  cursor: pointer;
  white-space: nowrap;
  -webkit-tap-highlight-color: transparent;
}
.mkt-coin-caret {
  display: inline-flex;
  align-items: center;
  margin-left: 2px;
  height: 1em;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  transform: translateY(-0.5px);
}
.mkt-coin-bar-ind:active {
  color: #e6ebf0;
}
.mkt-coin-sheet .mkt-coin-bar-ind {
  color: var(--muted) !important;
  background: transparent !important;
  box-shadow: none !important;
}

.mkt-coin-bar-track {
  display: inline-flex;
  align-items: center;
  gap: 0;
  width: auto;
  max-width: calc(100% - 52px);
  min-width: 0;
  padding: 0 2px;
  min-height: 0;
  border-radius: 6px;
  background: color-mix(in srgb, var(--panel, #151b24) 88%, #000);
  border: 1px solid color-mix(in srgb, var(--line) 80%, transparent);
  /* 底卡止于「更多」；右侧留给并排「指标 ▾」 */
}
.mkt-coin-bar-left {
  display: inline-flex;
  align-items: center;
  gap: 0;
  min-width: 0;
  max-width: 100%;
  overflow-x: auto;
  scrollbar-width: none;
}
.mkt-coin-bar-left::-webkit-scrollbar { display: none; }
.mkt-coin-bar-chip,
.mkt-coin-bar-more {
  appearance: none;
  background: transparent;
  color: var(--muted);
  font: inherit;
  font-size: 12px;
  font-weight: 650;
  padding: 2px 7px;
  line-height: 1.25;
  white-space: nowrap;
  cursor: pointer;
  border-radius: 5px;
  box-shadow: none !important;
}
/* 未选中无单独线框，连成一条；选中才白线框 */

.mkt-coin-bar-chip {
  border: 1px solid transparent;
  color: var(--muted);
}
.mkt-coin-bar-more {
  border: 0;
  color: var(--muted);
}
.mkt-coin-bar-chip.on {
  color: #e8eef4 !important;
  background: transparent !important;
  border-color: #e8eef4;
  box-shadow: none !important;
}
.mkt-coin-bar-more {
  color: var(--muted);
  flex-shrink: 0;
}
.mkt-coin-bars button:not(.mkt-coin-bar-chip):not(.mkt-coin-bar-more):not(.mkt-coin-bar-ind):not([data-mkt-style]):not([data-mkt-canvas]):not([data-liq-period]):not([data-liq-lev]):not([data-liq-cum]),
.mkt-coin-subs button {
  appearance: none;
  border: 0;
  background: none;
  color: var(--muted);
  font: inherit;
  font-size: 12px;
  font-weight: 700;
  padding: 8px 10px;
  white-space: nowrap;
  cursor: pointer;
}
.mkt-coin-bars button.mkt-coin-bar-ind {
  padding: 0 5px;
  height: 28px;
  line-height: 1;
}
.mkt-coin-sheet .mkt-coin-bars .mkt-coin-tool-menu button.on,
.mkt-coin-sheet .mkt-coin-bars .mkt-coin-canvas-menu button.on,
.mkt-coin-sheet .mkt-coin-bars .mkt-coin-liq-dd-menu button.on {
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
}
.mkt-coin-subs button.on {
  color: var(--teal, var(--up));
  box-shadow: inset 0 -2px 0 var(--teal, var(--up));
}
.mkt-coin-fs {
  position: absolute;
  z-index: 8;
  top: 8px;
  right: 76px;
  width: 26px;
  height: 26px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--mkt-kline-fs-ink);
  display: grid;
  place-items: center;
  cursor: pointer;
}
.mkt-coin-fs[hidden] { display: none !important; }
.mkt-coin-fs svg { display: block; }
.mkt-coin-fs:hover,
.mkt-coin-fs:focus-visible { color: var(--mkt-kline-overlay-strong); outline: none; }
.mkt-coin-bars .mkt-coin-fs,
.mkt-coin-sheet .mkt-coin-bars .mkt-coin-fs {
  position: static !important;
  z-index: auto;
  top: auto !important;
  right: auto !important;
  flex: 0 0 auto;
  width: 22px !important;
  height: 28px !important;
  margin: 0 0 0 2px !important;
  padding: 0 !important;
  overflow: visible;
  color: var(--muted, #8a97a3) !important;
  background: transparent !important;
  box-shadow: none !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}
.mkt-coin-bars .mkt-coin-fs svg,
.mkt-coin-sheet .mkt-coin-bars .mkt-coin-fs svg {
  width: 18px;
  height: 18px;
}
.mkt-coin-sheet .mkt-coin-bars .mkt-coin-fs:hover,
.mkt-coin-sheet .mkt-coin-bars .mkt-coin-fs:focus-visible {
  color: #e6ebf0 !important;
}
.mkt-coin-sheet .mkt-coin-bars .mkt-coin-fs[hidden] {
  display: none !important;
}
@media (max-width: 899.98px) {
  .mkt-coin-sheet .mkt-coin-bars .mkt-coin-fs,
  .mkt-coin-sheet #mkt-main-pane-fs,
  .mkt-coin-sheet #mkt-kline-sub-expand {
    display: none !important;
  }
}
.mkt-coin-sheet .mkt-sub-pane-tools {
  position: absolute;
  z-index: 9;
  top: 0;
  right: 76px;
  display: inline-flex;
  align-items: center;
  gap: 3px;
  pointer-events: auto;
}
@media (hover: hover) and (pointer: fine) {
  .mkt-coin-sheet .mkt-sub-pane-tools {
    opacity: 0;
    pointer-events: none;
  }
  .mkt-coin-sheet .mkt-sub-pane-tools.is-hot {
    opacity: 1;
    pointer-events: auto;
  }
}
.mkt-coin-sheet .mkt-sub-pane-tools[hidden] { display: none !important; }
.mkt-coin-sheet .mkt-sub-pane-btn[hidden] { display: none !important; }
.mkt-coin-sheet .mkt-sub-pane-btn {
  width: 20px;
  height: 20px;
  margin: 0;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  border: 1px solid var(--mkt-kline-pane-btn-line);
  background: var(--mkt-kline-pane-btn-bg);
  color: var(--mkt-kline-pane-btn-ink);
  cursor: pointer;
  box-shadow: none;
}
.mkt-coin-sheet .mkt-sub-pane-btn:hover,
.mkt-coin-sheet .mkt-sub-pane-btn:focus-visible {
  background: var(--mkt-kline-pane-btn-bg);
  color: var(--mkt-kline-overlay-strong);
  border-color: var(--mkt-kline-overlay-strong);
  outline: none;
}
.mkt-coin-sheet .mkt-sub-pane-btn.is-on {
  color: var(--mkt-kline-overlay-strong);
  background: var(--mkt-kline-pane-btn-bg);
  border-color: var(--mkt-kline-pane-btn-line);
}
.mkt-coin-sheet .mkt-sub-pane-btn svg {
  display: block;
  width: 12px;
  height: 12px;
}
@media (max-width: 899.98px) {
  .mkt-coin-sheet .mkt-sub-pane-tools { right: 58px; }
}
.mkt-coin-sheet.is-kline-fs .mkt-coin-head,
.mkt-coin-sheet.is-kline-fs .mkt-coin-tabs,
.mkt-coin-sheet.is-kline-fs .mkt-coin-gutter,
.mkt-coin-sheet.is-kline-fs .mkt-coin-rail,
.mkt-coin-sheet.is-kline-fs .mkt-coin-pos-dock,
.mkt-coin-sheet.is-kline-fs .mkt-coin-ticker,
.mkt-coin-sheet.is-kline-fs .mkt-coin-side,
.mkt-coin-sheet.is-kline-fs .mkt-coin-subs {
  display: none !important;
}
.mkt-coin-sheet.is-kline-fs #mkt-coin-canvas-host.is-mcap {
  display: flex !important;
  flex-direction: column;
  height: 100% !important;
  min-height: 0;
}
.mkt-coin-sheet.is-kline-fs #mkt-coin-canvas-host.is-mcap #mkt-coin-mcap-pane:not([hidden]) {
  display: flex !important;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
  height: 100%;
}
.mkt-coin-sheet.is-kline-fs .mkt-coin-split,
.mkt-coin-sheet.is-kline-fs .mkt-coin-main,
.mkt-coin-sheet.is-kline-fs .mkt-coin-quote {
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  min-height: 0;
}
.mkt-coin-sheet.is-kline-fs .mkt-coin-quote {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr);
  grid-template-rows: auto minmax(0, 1fr) auto;
  overflow: hidden;
}
.mkt-coin-sheet.is-kline-fs .mkt-coin-venue {
  display: inline-flex !important;
  grid-column: 1;
  grid-row: 1;
  align-self: stretch;
  align-items: center;
  margin: 0;
  padding: 0 8px 0 14px;
  white-space: nowrap;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.mkt-coin-sheet.is-kline-fs .mkt-coin-bars {
  display: flex !important;
  grid-column: 2;
  grid-row: 1;
  align-self: stretch;
  align-items: center;
  min-width: 0;
  min-height: 42px;
  margin: 0;
  padding: 6px 12px 6px 4px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.mkt-coin-sheet.is-kline-fs .mkt-coin-venue {
  min-height: 42px;
}
.mkt-coin-sheet.is-kline-fs .mkt-coin-chart-wrap,
.mkt-coin-sheet.is-kline-fs .mkt-coin-canvas-host {
  grid-column: 1 / -1;
  grid-row: 2;
  min-height: 0;
  height: auto !important;
}
.mkt-coin-sheet.is-kline-fs .mkt-coin-ind-row {
  grid-column: 1 / -1;
  grid-row: 3;
}
.mkt-coin-ind-row {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex: 0 0 auto;
  gap: 2px;
  padding: 6px 12px 6px;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
  touch-action: pan-x;
}
.mkt-coin-ind-row::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}
.mkt-coin-ind-row button {
  appearance: none;
  flex: 0 0 auto;
  border: 0;
  background: none;
  color: var(--muted);
  font: inherit;
  font-size: 11px;
  font-weight: 700;
  padding: 4px 7px;
  cursor: pointer;
  white-space: nowrap;
}
.mkt-coin-ind-row button.on { color: #ffffff; }
.mkt-coin-ind-sep {
  flex: 0 0 1px;
  width: 1px;
  height: 12px;
  margin: 0 4px;
  background: var(--line);
  display: inline-block;
}
.mkt-sheet-pop {
  position: fixed;
  inset: 0;
  z-index: 33000;
  display: none;
}
.mkt-sheet-pop.on { display: block; }
.mkt-sheet-mask {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.55);
}
.mkt-sheet-card {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  max-height: min(78vh, 640px);
  overflow: auto;
  background: #0b0e11;
  color: #e8eef4;
  border-radius: 16px 16px 0 0;
  padding: 8px 16px calc(18px + env(safe-area-inset-bottom, 0px));
}
.mkt-sheet-handle {
  display: block;
  width: 36px;
  height: 4px;
  border-radius: 99px;
  background: #3a4450;
  margin: 4px auto 12px;
}
.mkt-sheet-card h3 { margin: 0 0 10px; font-size: 16px; text-align: center; }
.mkt-coin-bar-set {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  align-self: center;
  width: 22px !important;
  height: 28px !important;
  padding: 0 !important;
  margin: 0 0 0 2px !important;
  border-radius: 0;
  color: var(--muted, #8a97a3) !important;
  background: transparent !important;
  box-shadow: none !important;
}
.mkt-coin-sheet .mkt-coin-bar-set {
  color: var(--muted, #8a97a3) !important;
  background: transparent !important;
  box-shadow: none !important;
}
.mkt-coin-bar-set svg {
  display: block;
  width: 18px;
  height: 18px;
  margin: 0;
  transform: translateY(1px);
}
.mkt-coin-bar-set:active,
.mkt-coin-sheet .mkt-coin-bar-set:active {
  color: #e6ebf0 !important;
  box-shadow: none !important;
}
@media (min-width: 900px) {
  .mkt-coin-bar-set svg {
    width: 20px;
    height: 20px;
  }
}
.mkt-hub-card {
  padding-top: 6px;
  background: #0b0e11;
  color: #e8eef4;
}
.mkt-hub-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 2px 0 18px;
}
.mkt-hub-tile {
  appearance: none;
  border: 1px solid #2a3340;
  background: transparent;
  color: #e8eef4;
  border-radius: 8px;
  min-height: 72px;
  padding: 12px 8px 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font: inherit;
  font-size: 13px;
  font-weight: 650;
  cursor: pointer;
}
.mkt-hub-tile svg { color: #8a97a3; }
.mkt-hub-tile:hover,
.mkt-hub-tile:active { border-color: #e8eef4; }
.mkt-hub-sec {
  margin: 16px 0 10px;
  font-size: 13px;
  font-weight: 650;
  color: #e8eef4;
}
.mkt-hub-checks {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px 16px;
}
.mkt-hub-check {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #e8eef4;
  font-size: 14px;
}
.mkt-hub-check input {
  appearance: none;
  width: 18px;
  height: 18px;
  margin: 0;
  border: 1px solid #2a3340;
  border-radius: 3px;
  background: transparent;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
}
.mkt-hub-check input:checked {
  background: #e8eef4;
  border-color: #e8eef4;
}
.mkt-hub-check input:checked::after {
  content: "";
  width: 9px;
  height: 5px;
  border-left: 2px solid #0b0e11;
  border-bottom: 2px solid #0b0e11;
  transform: rotate(-45deg) translate(0, -1px);
}
.mkt-hub-h {
  width: 100%;
  margin: 8px 0 6px;
  accent-color: #e8eef4;
  height: 18px;
}
.mkt-goto-card {
  background: #0b0e11;
  color: #e8eef4;
}
.mkt-goto-card h3 {
  text-align: center;
  margin: 4px 0 16px;
  font-size: 17px;
  font-weight: 750;
}
.mkt-goto-pills {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-bottom: 8px;
}
.mkt-goto-pills button {
  appearance: none;
  border: 1px solid #2a3340;
  background: transparent;
  color: #e8eef4;
  border-radius: 8px;
  min-height: 42px;
  font: inherit;
  font-size: 15px;
  font-weight: 650;
  cursor: pointer;
}
.mkt-goto-pills button.on {
  border-color: #e8eef4;
}
.mkt-goto-wheels {
  position: relative;
  display: flex;
  height: 220px;
  margin: 8px 0 16px;
  overflow: hidden;
}
.mkt-goto-band {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 40px;
  margin-top: -20px;
  border-radius: 8px;
  background: transparent;
  border: 1px solid #e8eef4;
  pointer-events: none;
}
.mkt-goto-col {
  position: relative;
  z-index: 1;
  flex: 1;
  overflow-y: auto;
  scroll-snap-type: y mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.mkt-goto-card,
.mkt-goto-wheels,
.mkt-goto-col {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.mkt-goto-card::-webkit-scrollbar,
.mkt-goto-wheels::-webkit-scrollbar,
.mkt-goto-col::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  background: transparent;
}
.mkt-goto-pad { display: block; height: 90px; }
.mkt-goto-item {
  display: block;
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  appearance: none;
  border: 0;
  background: transparent;
  color: #8a97a3;
  font: inherit;
  font-size: 16px;
  scroll-snap-align: center;
  cursor: pointer;
}
.mkt-goto-item.on {
  color: #e8eef4;
  font-weight: 750;
}
.mkt-goto-foot {
  display: flex;
  gap: 10px;
  padding-top: 4px;
}
.mkt-goto-reset,
.mkt-goto-ok {
  flex: 1;
  appearance: none;
  min-height: 46px;
  border-radius: 8px;
  font: inherit;
  font-size: 16px;
  font-weight: 750;
  cursor: pointer;
}
.mkt-goto-reset {
  border: 1px solid #2a3340;
  background: transparent;
  color: #e8eef4;
}
.mkt-goto-ok {
  border: 1px solid #e8eef4;
  background: #e8eef4;
  color: #0b0e11;
}
.mkt-sheet-pop.is-set .mkt-sheet-mask {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.55);
}
.mkt-sheet-pop.is-set .mkt-coin-set-modal {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  max-height: min(86vh, 680px);
  border-radius: 16px 16px 0 0;
  background: #0b0e11;
  border: 1px solid rgba(255, 255, 255, 0.16);
  color: #e8eef4;
  box-shadow: 0 20px 56px rgba(0, 0, 0, 0.5);
}
.mkt-coin-set-modal .kline-set-head,
.mkt-coin-set-modal .kline-set-foot,
.mkt-coin-set-modal .kline-set-side {
  border-color: #2a3340;
  background: transparent;
}
.mkt-coin-set-modal .kline-set-nav {
  color: #8a97a3;
  background: transparent;
  border: 1px solid transparent;
}
.mkt-coin-set-modal .kline-set-nav.on {
  color: #e8eef4;
  background: transparent;
  border-color: #e8eef4;
}
.mkt-coin-set-modal .kline-set-cancel {
  border-color: #2a3340;
  background: transparent;
  color: #e8eef4;
}
.mkt-coin-set-modal .kline-set-ok {
  background: #e8eef4;
  color: #0b0e11;
}
.mkt-coin-set-modal .kline-set-check input {
  accent-color: #e8eef4;
}
/* 币种 K 线「图表设置」：固定暗色（不跟工具浅色皮肤 / embed 浅色） */
.mkt-coin-set-modal.kline-set-modal {
  background: #0b0e11 !important;
  color: #e8eef4 !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
  box-shadow: 0 20px 56px rgba(0, 0, 0, 0.5) !important;
}
.mkt-coin-set-modal .kline-set-head,
.mkt-coin-set-modal .kline-set-foot {
  border-color: #2a3340 !important;
  background: transparent !important;
}
.mkt-coin-set-modal .kline-set-side {
  background: rgba(0, 0, 0, 0.28) !important;
  border-color: #2a3340 !important;
}
.mkt-coin-set-modal .kline-set-nav {
  color: #8a97a3 !important;
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
.mkt-coin-set-modal .kline-set-nav.on {
  color: #e8eef4 !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.35) !important;
}
.mkt-coin-set-modal .kline-set-nav svg {
  color: #e8eef4 !important;
}
.mkt-coin-set-modal .kline-set-main,
.mkt-coin-set-modal .kline-set-row,
.mkt-coin-set-modal .kline-set-sec-title,
.mkt-coin-set-modal .kline-set-sub,
.mkt-coin-set-modal .kline-set-lab,
.mkt-coin-set-modal .kline-set-check,
.mkt-coin-set-modal .kline-set-head b {
  color: #e8eef4 !important;
}
.mkt-coin-set-modal .kline-set-sub,
.mkt-coin-set-modal .kline-set-hint {
  opacity: 0.62 !important;
}
.mkt-coin-set-modal .kline-set-select {
  border-color: #2a3340 !important;
  background-color: rgba(255, 255, 255, 0.06) !important;
  color: #e8eef4 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23e8eef2' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 8px center !important;
}
.mkt-coin-set-modal .kline-set-cancel,
.mkt-coin-set-modal .kline-set-reset {
  border-color: #2a3340 !important;
  background: transparent !important;
  color: #e8eef4 !important;
}
.mkt-coin-set-modal .kline-set-ok {
  background: #e8eef4 !important;
  color: #0b0e11 !important;
  border-color: #e8eef4 !important;
}
.mkt-coin-set-modal .kline-set-check input {
  accent-color: #e8eef4 !important;
}
.mkt-coin-set-modal .kline-set-swatch {
  border-color: rgba(255, 255, 255, 0.2) !important;
}
/* 压过 embed 浅色对 .kline-set-nav 的 !important */
html:not([data-theme="dark"]) #pro-ops-kline-host .mkt-coin-set-modal .kline-set-side,
#pro-ops-kline-host .mkt-coin-set-modal.is-embed-light .kline-set-side,
html:not([data-theme="dark"]) #pro-ops-kline-host .mkt-coin-set-modal .kline-set-nav,
#pro-ops-kline-host .mkt-coin-set-modal .kline-set-nav {
  color: #8a97a3 !important;
  background: transparent !important;
  border-color: transparent !important;
}
html:not([data-theme="dark"]) #pro-ops-kline-host .mkt-coin-set-modal .kline-set-side,
#pro-ops-kline-host .mkt-coin-set-modal .kline-set-side {
  background: rgba(0, 0, 0, 0.28) !important;
  border-color: #2a3340 !important;
}
html:not([data-theme="dark"]) #pro-ops-kline-host .mkt-coin-set-modal .kline-set-nav.on,
#pro-ops-kline-host .mkt-coin-set-modal .kline-set-nav.on {
  color: #e8eef4 !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.35) !important;
}
html:not([data-theme="dark"]) #pro-ops-kline-host .mkt-coin-set-modal .kline-set-nav svg,
#pro-ops-kline-host .mkt-coin-set-modal .kline-set-nav svg {
  color: #e8eef4 !important;
}
html:not([data-theme="dark"]) #pro-ops-kline-host .mkt-coin-set-modal.kline-set-modal,
#pro-ops-kline-host .mkt-coin-set-modal.kline-set-modal {
  background: #0b0e11 !important;
  color: #e8eef4 !important;
}
@media (max-width: 899.98px) {
  .mkt-sheet-pop.is-set.on {
    display: block !important;
  }
  .mkt-sheet-pop.is-set .mkt-coin-set-modal {
    width: 100% !important;
    max-width: none !important;
    max-height: min(82vh, 720px) !important;
    border-radius: 16px 16px 0 0 !important;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    padding-bottom: env(safe-area-inset-bottom, 0px);
    animation: mkt-set-drawer-up 0.28s ease;
  }
  .mkt-coin-set-modal .kline-set-head {
    justify-content: center;
    padding: 2px 16px 10px;
    border-bottom: none !important;
  }
  .mkt-coin-set-modal .kline-set-head b {
    width: 100%;
    text-align: center;
    font-size: 16px;
  }
  .mkt-coin-set-modal .kline-set-body {
    display: flex;
    flex-direction: column;
    min-height: 0;
    flex: 1 1 auto;
  }
  .mkt-coin-set-modal .kline-set-side {
    flex-direction: row;
    align-items: stretch;
    justify-content: space-around;
    gap: 4px;
    border-right: 0;
    border-bottom: none !important;
    padding: 8px 10px;
    overflow-x: auto;
    scrollbar-width: none;
  }
  .mkt-coin-set-modal .kline-set-side::-webkit-scrollbar {
    display: none;
  }
  .mkt-coin-set-modal .kline-set-nav {
    flex: 1 1 0;
    min-width: 0;
    padding: 8px 4px;
  }
  .mkt-coin-set-modal .kline-set-nav span {
    font-size: 11px;
  }
  .mkt-coin-set-modal .kline-set-main {
    flex: 1 1 auto;
    min-height: 180px;
    overflow: auto;
  }
  .mkt-coin-set-modal .kline-set-foot {
    padding: 10px 14px calc(10px + env(safe-area-inset-bottom, 0px));
    border-top: none !important;
  }
}
@keyframes mkt-set-drawer-up {
  from { transform: translateY(100%); }
  to { transform: translateY(0); }
}
.mkt-sheet-hint { margin: 0 0 8px; color: #8a97a3; font-size: 12px; }
.mkt-period-sec {
  display: block;
  margin-top: 14px;
}
.mkt-period-sec-title {
  margin: 0 0 8px;
  color: #8a97a3;
  font-style: normal;
  font-size: 12px;
  font-weight: 650;
  line-height: 1.2;
}
.mkt-period-sec > em {
  display: none;
}
.mkt-period-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  flex: 1;
}
.mkt-period-grid.is-fav { margin-bottom: 4px; }
.mkt-period-grid.is-fav .mkt-period-btn {
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
}
.mkt-period-btn.is-dragging {
  opacity: 0.55;
  transform: scale(1.06);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.35);
  z-index: 2;
}
.mkt-period-btn.is-drop {
  border-color: #e8eef4;
  box-shadow: inset 0 0 0 1px #e8eef4;
}
.mkt-sheet-pop.is-period-replace .mkt-period-grid.is-fav .mkt-period-btn,
.mkt-period-btn.is-replace-target {
  border-style: dashed;
  border-color: #e8eef4;
}
.mkt-period-btn,
.mkt-ind-chip {
  appearance: none;
  border: 1px solid #2a3340;
  background: transparent;
  color: #e8eef4;
  border-radius: 8px;
  padding: 10px 6px;
  font: inherit;
  font-size: 12px;
  font-weight: 650;
  cursor: pointer;
}
.mkt-period-btn.on,
.mkt-ind-chip.on { border-color: #e8eef4; }
.mkt-ind-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.mkt-ind-head h3 { margin: 0; text-align: left; font-size: 14px; }
.mkt-ind-head button,
.mkt-ind-subh { color: #8a97a3; font-size: 12px; }
.mkt-ind-head button {
  appearance: none;
  border: 0;
  background: none;
  font: inherit;
  cursor: pointer;
}
.mkt-sheet-card h3.mkt-ind-subh,
.mkt-ind-subh {
  margin: 16px 0 10px;
  font-size: 14px;
  font-weight: 750;
  color: #e8eef4;
  text-align: left;
}
.mkt-ind-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}
.mkt-ind-toggle-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 18px;
  padding-top: 12px;
  border-top: 1px solid #222933;
  font-size: 13px;
}
.mkt-switch {
  position: relative;
  width: 42px;
  height: 24px;
  display: inline-block;
}
.mkt-switch input { opacity: 0; width: 0; height: 0; }
.mkt-switch i {
  position: absolute;
  inset: 0;
  border-radius: 99px;
  background: #3a3f46;
}
.mkt-switch i::after {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #fff;
  top: 3px;
  left: 3px;
}
.mkt-sheet-pop.is-full .mkt-ind-set {
  position: absolute;
  inset: 0;
  /* 与币种钻入页同色，勿用纯黑 #000 */
  background: #0b0e11;
  color: #e6ebf0;
  display: flex;
  flex-direction: column;
  padding-top: env(safe-area-inset-top, 0px);
}
.mkt-sheet-pop.is-full {
  background: #0b0e11;
}
.mkt-ind-set > header {
  display: grid;
  grid-template-columns: 40px 1fr 40px;
  align-items: center;
  padding: 8px 8px 4px;
}
.mkt-ind-set > header button {
  appearance: none;
  border: 0;
  background: none;
  color: inherit;
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
}
.mkt-ind-set > header b { text-align: center; font-size: 16px; }
.mkt-ind-search {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 6px 16px;
  padding: 5px 12px;
  min-height: 34px;
  box-sizing: border-box;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 999px;
  background: #151a21;
  color: #8b95a5;
}
.mkt-ind-search-ico {
  display: grid;
  place-items: center;
  flex-shrink: 0;
  color: #8b95a5;
}
.mkt-ind-search-ico svg {
  display: block;
  width: 16px;
  height: 16px;
}
.mkt-ind-search input {
  flex: 1;
  min-width: 0;
  height: 22px;
  line-height: 22px;
  padding: 0;
  border: 0;
  background: transparent !important;
  color: #e6ebf0 !important;
  font: inherit;
  font-size: 13px;
  outline: none;
  box-shadow: none !important;
}
.mkt-ind-search input::placeholder {
  color: #8b95a5;
}
.mkt-ind-tabs {
  display: flex;
  gap: 8px;
  padding: 8px 16px 12px;
}
.mkt-ind-tabs button {
  appearance: none;
  border: 0;
  background: #151a21;
  color: #8b95a5;
  border-radius: 8px;
  padding: 8px 14px;
  font: inherit;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}
.mkt-ind-tabs button.on {
  background: #fff;
  color: #111;
}
.mkt-ind-list {
  flex: 1;
  overflow: auto;
  padding: 0 8px 24px;
}
.mkt-ind-list button {
  appearance: none;
  width: 100%;
  border: 0;
  background: none;
  color: inherit;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 12px;
  font: inherit;
  font-size: 15px;
  cursor: pointer;
}
.mkt-ind-list span { color: #8b95a5; }
.mkt-ind-list button b { color: #e6ebf0; font-weight: 650; }
.mkt-ind-param-card {
  display: flex;
  flex-direction: column;
  max-height: min(82vh, 680px);
  padding: 4px 0 calc(12px + env(safe-area-inset-bottom, 0px));
  background: #0b0e11;
  color: #e6ebf0;
}
.mkt-ind-param-title {
  text-align: center;
  padding: 4px 16px 8px;
  flex-shrink: 0;
}
.mkt-ind-param-title b {
  display: block;
  font-size: 17px;
  font-weight: 750;
  margin: 0;
}
/* 已去掉「指标参数」页签字样 */

.mkt-ind-param-body {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  padding: 4px 16px 12px;
  background: transparent;
  color: #e6ebf0;
  scrollbar-width: none;
}
.mkt-ind-param-body::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}
.mkt-ind-param-head,
.mkt-ind-param-row {
  display: grid;
  /* 左参数名 | 中样式色块 | 右步进器 —— 三列同宽对齐表头 */
  grid-template-columns: minmax(0, 1.2fr) 52px minmax(118px, 1.15fr);
  gap: 10px;
  align-items: center;
  padding: 10px 0;
}
.mkt-ind-param-head { color: #8b95a5; font-size: 12px; font-weight: 650; }
.mkt-ind-param-head span:nth-child(1) {
  justify-self: start;
  text-align: left;
}
.mkt-ind-param-head span:nth-child(2) {
  justify-self: center;
  text-align: center;
}
.mkt-ind-param-head span:nth-child(3) {
  justify-self: center;
  text-align: center;
}
.mkt-ind-param-row label {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  justify-self: start;
  min-width: 0;
}
.mkt-ind-param-row input[type="checkbox"] {
  accent-color: var(--up);
  width: 18px;
  height: 18px;
}
.mkt-ind-color {
  width: 22px;
  height: 22px;
  border-radius: 6px;
  border: 0;
  cursor: pointer;
  justify-self: center;
}
.mkt-ind-step {
  display: flex;
  align-items: center;
  justify-content: center;
  justify-self: center;
  gap: 8px;
  width: 100%;
}
.mkt-ind-step b,
.mkt-ind-step b[data-f="n"] {
  display: inline-block;
  width: 4.2ch;
  min-width: 4.2ch;
  text-align: center;
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 28px;
}
.mkt-ind-step button {
  appearance: none;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 1px solid #3a4450;
  background: transparent;
  color: inherit;
  cursor: pointer;
  font-size: 16px;
  flex-shrink: 0;
}
.mkt-ind-param-foot {
  position: relative;
  flex-shrink: 0;
  display: flex;
  gap: 10px;
  padding: 10px 16px 4px;
  background: #0b0e11;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}
.mkt-ind-param-foot button {
  appearance: none;
  border: 1px solid #3a4450;
  background: transparent;
  color: inherit;
  border-radius: 10px;
  padding: 12px 16px;
  font: inherit;
  font-weight: 750;
  cursor: pointer;
}
.mkt-ind-param-foot button:first-child { flex: 0.35; }
.mkt-ind-param-foot .is-primary {
  flex: 1;
  border: 0;
  background: #fff;
  color: #111;
}
@media (max-width: 899.98px) {
  .mkt-coin-chart-wrap {
    flex: none !important;
    height: clamp(260px, calc(260px + (64vh - 260px) * var(--mkt-chart-h, 50) / 100), 68vh) !important;
    min-height: 260px;
    width: 100%;
  }
  .mkt-coin-sheet .kline-legend {
    max-height: calc(100% - 148px);
    overflow: hidden;
  }
  .mkt-coin-sheet .mkt-coin-quote {
    display: flex !important;
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: auto;
  }
  .mkt-coin-sheet .mkt-coin-quote[hidden],
  .mkt-coin-sheet .mkt-coin-overview[hidden],
  .mkt-coin-sheet .mkt-coin-trade[hidden] {
    display: none !important;
  }
  .mkt-coin-sheet .mkt-coin-overview:not([hidden]),
  .mkt-coin-sheet .mkt-coin-trade:not([hidden]) {
    display: flex !important;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
  }
  .mkt-coin-sheet .mkt-coin-side {
    display: flex;
    flex-direction: column;
    flex: 0 0 auto;
    min-height: 100%;
  }
  .mkt-coin-sheet .mkt-coin-subs {
    position: sticky;
    top: 0;
    z-index: 3;
    flex-shrink: 0;
    gap: 16px;
    padding: 0 14px;
    background: #0b0e11;
    border-bottom: 1px solid #2a3340;
  }
  .mkt-coin-sheet .mkt-coin-subs button {
    color: #8b95a5;
    font-weight: 750;
    padding: 10px 0 12px;
  }
  .mkt-coin-sheet .mkt-coin-subs button.on {
    color: #e8eef4 !important;
    box-shadow: inset 0 -2px 0 #e8eef4 !important;
  }
  .mkt-coin-sheet .mkt-coin-subbody {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    overflow: hidden !important;
    display: flex;
    flex-direction: column;
    border-top: 0;
    padding: 0 0 calc(8px + env(safe-area-inset-bottom, 0px));
  }
  .mkt-coin-sheet #mkt-coin-book {
    display: none !important;
  }
  .mkt-coin-sheet #mkt-coin-ob,
  .mkt-coin-sheet #mkt-coin-tape,
  .mkt-coin-sheet #mkt-coin-depth-pane {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: auto;
  }
  .mkt-coin-sheet #mkt-coin-ob[hidden],
  .mkt-coin-sheet #mkt-coin-tape[hidden],
  .mkt-coin-sheet #mkt-coin-depth-pane[hidden] {
    display: none !important;
  }
  .mkt-coin-sheet #mkt-coin-canvas-host {
    flex: none;
    height: 240px;
    min-height: 200px;
  }
  /* 市值/清算：吃满剩余视口，一屏看完，不再用 74dvh 撑出滚动 */
  .mkt-coin-sheet .mkt-coin-quote.is-canvas-fill {
    overflow: hidden !important;
  }
  .mkt-coin-sheet #mkt-coin-canvas-host.is-liq,
  .mkt-coin-sheet #mkt-coin-canvas-host.is-mcap {
    flex: 1 1 auto !important;
    height: auto !important;
    min-height: 0 !important;
  }
  .mkt-coin-sheet #mkt-coin-canvas-host.is-liq #mkt-coin-liq,
  .mkt-coin-sheet #mkt-coin-canvas-host.is-mcap #mkt-coin-mcap-pane,
  .mkt-coin-sheet #mkt-coin-canvas-host.is-mcap .mkt-coin-mcap-plot {
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  .mkt-coin-sheet #mkt-coin-canvas-host.is-liq .mkt-coin-liq-chart,
  .mkt-coin-sheet #mkt-coin-canvas-host.is-mcap .mkt-coin-mcap {
    flex: 1 1 auto;
    min-height: 0 !important;
    height: auto !important;
  }
  .mkt-coin-sheet #mkt-coin-depth-pane:not([hidden]) {
    min-height: 0;
  }
  /* 手机点订单表/成交/深度：侧栏铺满行情区剩余高度，图自适应 */
  .mkt-coin-sheet .mkt-coin-quote.is-rail-fill .mkt-coin-side {
    flex: 0 0 auto !important;
    max-height: 100%;
    overflow: hidden;
  }
  .mkt-coin-sheet .mkt-coin-quote.is-rail-fill .mkt-coin-subbody {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }
  .mkt-coin-sheet .mkt-coin-quote.is-flow-scroll {
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
  }
  .mkt-coin-sheet .mkt-coin-quote.is-flow-scroll .mkt-coin-side,
  .mkt-coin-sheet .mkt-coin-quote.is-flow-scroll .mkt-coin-subbody,
  .mkt-coin-sheet .mkt-coin-quote.is-flow-scroll #mkt-coin-flow:not([hidden]) {
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    overflow: visible !important;
    flex: none !important;
  }
  .mkt-coin-flow-chart,
  .mkt-coin-flow-pie,
  .mkt-coin-flow-chart canvas {
    touch-action: pan-y;
  }
  .mkt-coin-sheet .mkt-coin-quote.is-rail-fill #mkt-coin-depth-pane:not([hidden]),
  .mkt-coin-sheet .mkt-coin-quote.is-rail-fill #mkt-coin-ob:not([hidden]),
  .mkt-coin-sheet .mkt-coin-quote.is-rail-fill #mkt-coin-tape:not([hidden]) {
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
  }
  /* 深度页顶栏博弈条与订单表同组件，避免被 subbody 裁切 */
  .mkt-coin-sheet #mkt-coin-depth-pane > .mkt-coin-ob-bar {
    flex-shrink: 0;
    overflow: visible;
    padding-bottom: 10px;
  }
  .mkt-coin-sheet .mkt-coin-quote.is-rail-fill .mkt-coin-depth-plot,
  .mkt-coin-sheet .mkt-coin-quote.is-rail-fill .mkt-coin-depth {
    flex: 1 1 auto;
    min-height: 0 !important;
    height: 100% !important;
  }
  .mkt-coin-sheet .mkt-coin-side[hidden] {
    display: none !important;
  }
  .mkt-coin-sheet #mkt-coin-canvas-host > * {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
  }
  .mkt-coin-sheet #mkt-coin-canvas-host .mkt-coin-liq-chart,
  .mkt-coin-sheet #mkt-coin-canvas-host .mkt-coin-mcap {
    flex: 1 1 auto;
    min-height: 160px;
    height: auto !important;
  }
  .mkt-coin-sheet .mkt-coin-quote:not(.is-rail-fill) #mkt-coin-depth-pane .mkt-coin-depth {
    flex: 1 1 auto;
    min-height: 160px;
    height: auto !important;
  }
  .mkt-coin-sheet .mkt-coin-canvas-wrap {
    display: inline-flex;
    align-items: center;
    position: relative;
  }
  .mkt-coin-sheet .mkt-coin-bar-track {
    max-width: calc(100% - 112px);
  }
  .mkt-coin-sheet .mkt-coin-canvas-menu {
    position: absolute;
    right: 0;
    top: calc(100% + 4px);
    z-index: 8;
    min-width: 132px;
    background: #12161c;
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 8px;
    padding: 6px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.4);
  }
  .mkt-coin-sheet .mkt-coin-canvas-menu button {
    display: block;
    width: 100%;
    text-align: left;
    appearance: none;
    border: 0;
    background: transparent;
    color: #e8eef4;
    padding: 7px 10px;
    border-radius: 6px;
    cursor: pointer;
    font: inherit;
    font-size: 13px;
  }
  .mkt-coin-sheet .mkt-coin-canvas-menu button.on,
  .mkt-coin-sheet .mkt-coin-canvas-menu button:hover {
    background: rgba(255,255,255,0.12);
    color: #fff;
  }
  .mkt-coin-sheet #mkt-coin-ob.is-hide-sz .mkt-coin-ob-head,
  .mkt-coin-sheet #mkt-coin-ob.is-hide-sz .mkt-coin-ob-row {
    grid-template-columns: 1fr;
  }
  .mkt-coin-sheet #mkt-coin-ob.is-hide-sz .mkt-coin-ob-head span:nth-child(n+2),
  .mkt-coin-sheet #mkt-coin-ob.is-hide-sz .mkt-coin-ob-sz,
  .mkt-coin-sheet #mkt-coin-ob.is-hide-sz .mkt-coin-ob-sum {
    display: none;
  }
  .mkt-coin-sheet #mkt-coin-ob.is-hide-fight .mkt-coin-ob-bar {
    display: none;
  }
  .mkt-coin-sheet #mkt-coin-ob.is-hide-bg .mkt-coin-ob-barbg {
    display: none;
  }
  .mkt-coin-sheet .mkt-coin-ob-tools {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px 4px;
    color: #8b95a5;
    font-size: 12px;
    flex-shrink: 0;
  }
  .mkt-coin-sheet .mkt-coin-ob-modes {
    display: flex;
    align-items: center;
    gap: 2px;
  }
  .mkt-coin-sheet .mkt-coin-ob-modes button {
    appearance: none;
    border: 0;
    background: transparent;
    width: 22px;
    height: 22px;
    padding: 0;
    display: grid;
    place-items: center;
    cursor: pointer;
  }
  .mkt-coin-sheet .mkt-coin-ob-tick {
    display: inline-flex;
    align-items: center;
    gap: 6px;
  }
  .mkt-coin-sheet .mkt-coin-ob-tick b {
    min-width: 28px;
    text-align: center;
    color: #e8eef4;
    font-weight: 650;
  }
  .mkt-coin-sheet .mkt-coin-ob-tick button {
    appearance: none;
    border: 1px solid #2a3340;
    background: transparent;
    color: #e8eef4;
    width: 22px;
    height: 22px;
    border-radius: 4px;
    cursor: pointer;
  }
  .mkt-coin-sheet .mkt-coin-ob-head,
  .mkt-coin-sheet .mkt-coin-ob-row,
  .mkt-coin-sheet .mkt-coin-tape-head,
  .mkt-coin-sheet .mkt-coin-tape-row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 6px;
    align-items: center;
    padding: 3px 12px;
    font-size: 12px;
    font-variant-numeric: tabular-nums;
  }
  .mkt-coin-sheet .mkt-coin-ob-head,
  .mkt-coin-sheet .mkt-coin-tape-head {
    color: #8b95a5;
    font-size: 11px;
    padding-top: 8px;
    padding-bottom: 6px;
    flex-shrink: 0;
  }
  .mkt-coin-sheet .mkt-coin-ob-head span:nth-child(2),
  .mkt-coin-sheet .mkt-coin-ob-head span:nth-child(3),
  .mkt-coin-sheet .mkt-coin-ob-row .mkt-coin-ob-sz,
  .mkt-coin-sheet .mkt-coin-ob-row .mkt-coin-ob-sum,
  .mkt-coin-sheet .mkt-coin-tape-head span:nth-child(3),
  .mkt-coin-sheet .mkt-coin-tape-row span:nth-child(2),
  .mkt-coin-sheet .mkt-coin-tape-row span:nth-child(3) {
    text-align: right;
  }
  .mkt-coin-sheet .mkt-coin-ob-body {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
  }
  .mkt-coin-sheet .mkt-coin-ob-body.is-both .mkt-coin-ob-side,
  .mkt-coin-sheet .mkt-coin-ob-body.is-ask .mkt-coin-ob-side,
  .mkt-coin-sheet .mkt-coin-ob-body.is-bid .mkt-coin-ob-side {
    flex: 1 1 0;
    min-height: 0;
    overflow: hidden;
  }
  .mkt-coin-sheet .mkt-coin-ob-body.is-both .mkt-coin-ob-side.is-ask {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }
  .mkt-coin-sheet .mkt-coin-ob-body.is-ask .mkt-coin-ob-side,
  .mkt-coin-sheet .mkt-coin-ob-body.is-bid .mkt-coin-ob-side,
  .mkt-coin-sheet .mkt-coin-ob-body.is-both .mkt-coin-ob-side.is-bid {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }
  .mkt-coin-sheet .mkt-coin-ob-row {
    position: relative;
    padding: 0 12px;
    min-height: 20px;
    line-height: 20px;
    flex: 0 0 auto;
    color: #c8d0d8;
    overflow: hidden;
    box-sizing: border-box;
    background: #0b0e11;
  }
  .mkt-coin-sheet .mkt-coin-tape-row {
    position: relative;
    line-height: 1.6;
    flex: 0 0 auto;
    color: #c8d0d8;
    overflow: hidden;
  }
  .mkt-coin-sheet .mkt-coin-ob-body .mkt-coin-ob-side {
    gap: 1px;
    background: #0b0e11;
  }
  .mkt-coin-sheet .mkt-coin-ob-barbg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    width: var(--ob-bar-w, 0%);
    height: 100%;
    border-radius: 1px 0 0 1px;
    pointer-events: none;
    z-index: 0;
  }
  .mkt-coin-sheet .mkt-coin-ob-row.is-ask .mkt-coin-ob-barbg { background: rgba(240, 90, 114, 0.16); }
  .mkt-coin-sheet .mkt-coin-ob-row.is-bid .mkt-coin-ob-barbg { background: rgba(46, 207, 154, 0.16); }
  .mkt-coin-sheet .mkt-coin-ob-row > span:not(.mkt-coin-ob-barbg) { position: relative; z-index: 1; }
  .mkt-coin-sheet .mkt-coin-ob-row.is-ask .mkt-coin-ob-px { color: #f05a72; }
  .mkt-coin-sheet .mkt-coin-ob-row.is-bid .mkt-coin-ob-px { color: #2ecf9a; }
  .mkt-coin-sheet .mkt-coin-ob-row.is-empty .mkt-coin-ob-barbg { opacity: 0; }
  .mkt-coin-sheet .mkt-coin-ob-row.is-empty .mkt-coin-ob-sz,
  .mkt-coin-sheet .mkt-coin-ob-row.is-empty .mkt-coin-ob-sum {
    color: #5c6570;
  }
  .mkt-coin-sheet .mkt-coin-tape-row.is-sell span:first-child { color: #f05a72; }
  .mkt-coin-sheet .mkt-coin-tape-row.is-buy span:first-child { color: #2ecf9a; }
  .mkt-coin-sheet .mkt-coin-ob-last {
    display: flex;
    align-items: baseline;
    gap: 6px;
    padding: 2px 12px 4px;
    font-weight: 750;
    font-size: 20px;
    flex-shrink: 0;
    background: #0b0e11;
  }
  .mkt-coin-sheet .mkt-coin-ob-last em { font-style: normal; font-size: 13px; }
  .mkt-coin-sheet .mkt-coin-ob-last small { font-size: 12px; font-weight: 500; color: #8b95a5; }
  .mkt-coin-sheet .mkt-coin-ob-last.is-up { color: #2ecf9a; }
  .mkt-coin-sheet .mkt-coin-ob-last.is-down { color: #f05a72; }
  .mkt-coin-sheet .mkt-coin-ob-back {
    margin-left: auto;
    appearance: none;
    border: 0;
    background: none;
    color: #8b95a5;
    font: inherit;
    font-size: 12px;
    cursor: pointer;
  }
  .mkt-coin-sheet .mkt-coin-ob-bar {
    display: flex;
    align-items: center;
    padding: 8px 12px 10px;
    font-size: 11px;
    flex-shrink: 0;
    overflow: visible;
    min-height: 38px;
    box-sizing: border-box;
  }
  .mkt-coin-sheet .mkt-coin-ob-bar em.mkt-coin-ob-track {
    position: relative;
    flex: 1;
    height: 22px;
    min-height: 22px;
    display: flex;
    align-items: stretch;
    overflow: hidden;
    font-style: normal;
    box-sizing: border-box;
  }
  .mkt-coin-sheet .mkt-coin-ob-bs {
    width: 22px;
    height: 22px;
    border-radius: 2px;
    display: grid;
    place-items: center;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    flex-shrink: 0;
    box-sizing: border-box;
    z-index: 2;
  }
  .mkt-coin-sheet .mkt-coin-ob-bs.is-b {
    color: #2ecf9a;
    background: rgba(46, 207, 154, 0.22);
    border: 1px solid #2ecf9a;
  }
  .mkt-coin-sheet .mkt-coin-ob-bs.is-s {
    color: #f05a72;
    background: rgba(240, 90, 114, 0.22);
    border: 1px solid #f05a72;
  }
  .mkt-coin-sheet .mkt-coin-ob-fills {
    flex: 1;
    min-width: 0;
    display: flex;
    height: 100%;
  }
  .mkt-coin-sheet .mkt-coin-ob-fills b {
    display: block;
    height: 100%;
    background: rgba(46, 207, 154, 0.32);
    font-weight: 400;
  }
  .mkt-coin-sheet .mkt-coin-ob-fills i {
    flex: 1;
    display: block;
    height: 100%;
    background: rgba(240, 90, 114, 0.32);
    font-style: normal;
  }
  .mkt-coin-sheet .mkt-coin-ob-labs {
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    font-size: 11px;
    font-weight: 650;
    pointer-events: none;
    z-index: 1;
  }
  .mkt-coin-sheet .mkt-coin-ob-labs.is-up { left: 26px; color: #2ecf9a; }
  .mkt-coin-sheet .mkt-coin-ob-labs.is-down { right: 26px; color: #f05a72; }
  .mkt-coin-sheet .mkt-coin-tape-filter {
    appearance: none;
    border: 0;
    background: none;
    color: inherit;
    font: inherit;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    justify-content: flex-end;
    cursor: pointer;
  }
  .mkt-coin-sheet .mkt-coin-tape-filter em {
    color: #e8eef4;
    font-style: normal;
  }
  .mkt-coin-sheet .mkt-coin-tape-filter.is-on { color: #e8eef4; }
  .mkt-coin-sheet #mkt-coin-tape {
    overflow: auto;
  }
  .mkt-coin-split {
    position: relative;
  }
  .mkt-coin-tape-pop {
    position: absolute;
    left: 50%;
    bottom: 18%;
    transform: translateX(-50%);
    width: min(260px, calc(100% - 28px));
    padding: 14px;
    background: #0b0e11;
    border: 1px solid #2a3340;
    border-radius: 10px;
    z-index: 20;
    box-shadow: 0 10px 32px rgba(0, 0, 0, 0.45);
  }
  .mkt-coin-tape-pop[hidden] { display: none !important; }
  .mkt-coin-tape-pop b {
    display: block;
    color: #e8eef4;
    font-size: 13px;
    font-weight: 650;
    margin-bottom: 10px;
  }
  .mkt-coin-tape-pop input {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #2a3340;
    background: #12161c;
    color: #e8eef4;
    border-radius: 6px;
    padding: 9px 10px;
    font: inherit;
    font-size: 13px;
  }
  .mkt-coin-tape-pop > div {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 12px;
  }
  .mkt-coin-tape-pop button {
    appearance: none;
    border: 0;
    background: #1b2129;
    color: #e8eef4;
    border-radius: 6px;
    padding: 7px 12px;
    font: inherit;
    cursor: pointer;
  }
  #mkt-coin-tape-ok { background: #e8eef4; color: #0b0e11; }
}
.mkt-coin-chart-wrap > .mkt-coin-chart {
  flex: 1 1 auto !important;
  height: 100% !important;
  min-height: 0 !important;
  width: 100%;
}
.mkt-coin-subbody {
  flex: none !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  border-top: 1px solid var(--line);
  padding-bottom: calc(16px + env(safe-area-inset-bottom, 0px));
}
.mkt-coin-subs {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--bg, #0b1220);
}
.mkt-coin-stats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 28px;
  padding: 4px 16px 12px;
  font-size: 12px;
}
.mkt-coin-stats > div {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 10px;
  padding: 9px 0;
  border-bottom: 0;
}
.mkt-coin-stats em { color: var(--muted); font-style: normal; font-weight: 500; }
.mkt-coin-stats b { font-weight: 700; }
.mkt-coin-stats .is-up { color: var(--up, var(--up)); }
.mkt-coin-stats .is-down { color: var(--down, #d4535c); }
.mkt-coin-ls {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 16px 8px;
  font-size: 12px;
  font-weight: 750;
}
.mkt-coin-ls i {
  flex: 1;
  height: 8px;
  border-radius: 99px;
  background: var(--down, #d4535c);
  overflow: hidden;
  display: block;
}
.mkt-coin-ls i b {
  display: block;
  height: 100%;
  background: var(--up, var(--up));
}
.mkt-coin-ob { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 0 12px 16px; }
.mkt-coin-ob-row {
  position: relative;
  display: flex;
  justify-content: space-between;
  font-size: 11px;
  padding: 3px 4px;
}
.mkt-coin-ob-row i {
  position: absolute;
  inset: 0 auto 0 0;
  opacity: 0.16;
}
.mkt-coin-ob-row.is-bid i { background: var(--up, var(--up)); }
.mkt-coin-ob-row.is-ask i { background: var(--down, #d4535c); }
.mkt-coin-depth { height: 220px; }
.mkt-coin-depth-plot {
  position: relative;
  flex: 1;
  min-height: 0;
  overflow: hidden;
}
.mkt-depth-topcap {
  position: absolute;
  z-index: 6;
  pointer-events: none;
  left: 0;
  height: 0;
  overflow: visible;
  border-top: 1px solid rgba(255, 255, 255, 0.22);
}
.mkt-depth-topcap-lab {
  position: absolute;
  top: 3px;
  font-size: 10px;
  line-height: 1;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  text-shadow: 0 0 3px rgba(11, 14, 17, 0.7);
}
.mkt-depth-topcap-lab.is-r {
  right: 6px;
}
.mkt-depth-guide {
  position: absolute;
  z-index: 12;
  pointer-events: none;
  width: 0;
  border-left: 1px dashed;
  transform: translateX(-50%);
}
.mkt-depth-guide.is-bid { border-color: rgba(46, 207, 154, 0.88); }
.mkt-depth-guide.is-ask { border-color: rgba(240, 90, 114, 0.88); }
.mkt-depth-dot {
  position: absolute;
  z-index: 15;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  pointer-events: none;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 0 1.5px #0e141b;
}
.mkt-depth-dot.is-bid { background: #2ecf9a; }
.mkt-depth-dot.is-ask { background: #f05a72; }
.mkt-depth-tip {
  position: absolute;
  z-index: 20;
  pointer-events: none;
  background: #1c1c1c;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 2px;
  padding: 6px 8px;
  font-size: 11px;
  line-height: 1.45;
  color: #d8dee6;
  white-space: nowrap;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35);
}
.mkt-depth-tip:not([hidden]) { display: grid; gap: 2px; }
.mkt-depth-tip div {
  display: flex;
  justify-content: space-between;
  gap: 18px;
}
.mkt-depth-tip em {
  color: #8b95a5;
  font-style: normal;
}
.mkt-depth-tip b { font-weight: 500; color: #e8edf2; }
.mkt-depth-tip.is-bid { border-color: rgba(46, 207, 154, 0.4); }
.mkt-depth-tip.is-ask { border-color: rgba(240, 90, 114, 0.4); }
.mkt-coin-ob-table { padding: 4px 12px 16px; }
.mkt-coin-ob-head,
.mkt-coin-ob-line {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 6px;
  font-size: 11px;
  align-items: center;
}
.mkt-coin-ob-head {
  color: var(--muted);
  padding: 6px 4px 8px;
}
.mkt-coin-ob-line { padding: 3px 4px; }
.mkt-coin-ob-line .is-up { color: var(--up, var(--up)); }
.mkt-coin-ob-line .is-down { color: var(--down, #d4535c); }
.mkt-coin-ob-line span:nth-child(1),
.mkt-coin-ob-line span:nth-child(2) { text-align: left; }
.mkt-coin-ob-line span:nth-child(3),
.mkt-coin-ob-line span:nth-child(4) { text-align: right; }
.mkt-coin-liq-bar,
.mkt-coin-flow-sec { padding: 10px 16px 4px; }
.mkt-coin-liq-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.mkt-coin-liq-bar select,
.mkt-coin-chip {
  appearance: none;
  border: 1px solid var(--line);
  background: #141a22;
  color: inherit;
  border-radius: 999px;
  font: inherit;
  font-size: 11px;
  font-weight: 700;
  padding: 5px 10px;
}
.mkt-coin-chip.on {
  border-color: var(--ink);
  color: var(--teal, var(--up));
}
.mkt-coin-liq-dd {
  position: relative;
}
.mkt-coin-liq-dd-btn {
  appearance: none;
  border: 0;
  background: transparent;
  color: var(--ink, #c5d0da);
  border-radius: 5px;
  font: inherit;
  font-size: 12px;
  font-weight: 650;
  padding: 2px 7px;
  line-height: 1.25;
  cursor: pointer;
  min-width: 0;
  text-align: left;
  box-shadow: none;
}
.mkt-coin-sheet .mkt-coin-liq-dd-btn {
  color: #c5d0da;
  background: transparent !important;
}
.mkt-coin-liq-dd-btn[aria-expanded="true"] {
  color: #e8eef4;
}
.mkt-coin-bars.is-plain .mkt-coin-bar-track {
  display: none;
}
.mkt-coin-bars.is-liq .mkt-coin-bar-track,
.mkt-coin-bars.is-liq .mkt-coin-bar-left {
  overflow: visible;
  max-width: none;
}
.mkt-coin-bars.is-liq .mkt-coin-liq-dd {
  display: inline-flex;
  align-items: center;
}
/* 清算条：三个 ▾ 共一条底卡，勿给每个下拉单独线框 */
.mkt-coin-bars.is-liq .mkt-coin-liq-dd-btn,
.mkt-coin-sheet .mkt-coin-bars.is-liq .mkt-coin-liq-dd-btn.mkt-coin-bar-more {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.mkt-coin-bars.is-liq .mkt-coin-liq-dd-btn[aria-expanded="true"] {
  color: var(--ink, #e8eef4);
}
.mkt-coin-liq-dd-menu {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  z-index: 40;
  min-width: 132px;
  padding: 6px;
  border-radius: 8px;
  background: #12161c;
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
}
#liq-cum-menu {
  min-width: 132px;
}
.mkt-coin-liq-dd-menu button,
.mkt-coin-bars .mkt-coin-liq-dd-menu button,
.mkt-coin-sheet .mkt-coin-liq-dd-menu button {
  appearance: none;
  display: block;
  width: 100%;
  border: 0;
  background: transparent;
  color: #e8eef4;
  text-align: left;
  font: inherit;
  font-size: 13px;
  font-weight: 400;
  padding: 7px 10px;
  border-radius: 6px;
  white-space: nowrap;
  cursor: pointer;
}
.mkt-coin-liq-dd-menu button.on,
.mkt-coin-liq-dd-menu button:hover,
.mkt-coin-bars .mkt-coin-liq-dd-menu button.on,
.mkt-coin-bars .mkt-coin-liq-dd-menu button:hover,
.mkt-coin-sheet .mkt-coin-liq-dd-menu button.on,
.mkt-coin-sheet .mkt-coin-liq-dd-menu button:hover {
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
}
.mkt-coin-liq-legend {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 10px;
  margin-left: 0;
  font-size: 11px;
  color: rgba(232, 238, 242, 0.72);
}
.mkt-coin-liq-leg {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.mkt-coin-liq-leg i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.mkt-coin-liq-leg.is-100 i { background: #f07178; }
.mkt-coin-liq-leg.is-50 i { background: #f5a623; }
.mkt-coin-liq-leg.is-25 i { background: #f6d15a; }
.mkt-coin-liq-leg.is-10 i { background: #3dcc8a; }
.mkt-coin-liq-leg em {
  margin-left: 2px;
  font-style: normal;
  font-size: 10px;
  color: rgba(200, 208, 216, 0.55);
}
.mkt-coin-liq-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin: 2px 12px 6px;
  flex-wrap: nowrap;
}
.mkt-coin-liq-hint {
  margin: 0 0 0 auto;
  flex: 0 1 auto;
  min-width: 0;
  font-size: 11px;
  line-height: 1.4;
  text-align: right;
  white-space: nowrap;
  color: rgba(180, 190, 198, 0.72);
}
.mkt-coin-liq-meta .mkt-coin-liq-switch {
  margin-left: 0;
  flex-shrink: 0;
}
.mkt-coin-liq-toggle {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  color: var(--muted);
}
.mkt-coin-liq-switch {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  color: rgba(232, 238, 242, 0.72);
  cursor: pointer;
  user-select: none;
}
.mkt-coin-liq-switch input {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
}
.mkt-coin-liq-switch i {
  width: 34px;
  height: 18px;
  border-radius: 999px;
  background: #2a2a2a;
  position: relative;
  flex-shrink: 0;
  transition: background 0.15s ease;
}
.mkt-coin-liq-switch i::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #fff;
  transition: transform 0.15s ease;
}
.mkt-coin-liq-switch input:checked + i {
  background: #00c48c;
}
.mkt-coin-liq-switch input:checked + i::after {
  transform: translateX(16px);
}
.mkt-coin-liq,
#mkt-coin-liq {
  display: flex;
  flex-direction: column;
  min-height: 0;
  height: 100%;
}
#mkt-coin-liq[hidden] {
  display: none !important;
}
.mkt-coin-liq-chart,
.mkt-coin-flow-chart,
.mkt-coin-flow-pie { width: 100%; height: 268px; }
#mkt-coin-liq .mkt-coin-liq-chart {
  flex: 1 1 auto;
  min-height: 220px;
  height: auto;
}
.mkt-coin-flow-note {
  margin: 0 0 6px;
  color: #8b95a5;
  font-size: 12px;
}
.mkt-coin-flow-title {
  margin: 0 0 8px;
  font-size: 13px;
  font-weight: 750;
}
.mkt-coin-flow-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
}
.mkt-coin-flow-table th,
.mkt-coin-flow-table td {
  padding: 8px 4px;
  text-align: right;
  border-bottom: 1px solid color-mix(in srgb, var(--line) 70%, transparent);
}
.mkt-coin-flow-table th:first-child,
.mkt-coin-flow-table td:first-child { text-align: left; color: var(--muted); }
.mkt-coin-ov-links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 8px 16px 16px;
}
.mkt-coin-ov-links button {
  appearance: none;
  border: 0;
  background: #151a21;
  color: #e6ebf0;
  border-radius: 999px;
  padding: 9px 14px;
  font: inherit;
  font-size: 13px;
  font-weight: 650;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  line-height: 1;
}
.mkt-coin-ov-links button .mkt-ov-ico {
  flex-shrink: 0;
  opacity: 0.92;
}
.mkt-coin-ov-links button[disabled] { opacity: 0.4; cursor: not-allowed; }
/* 币种详情链接钮：深灰面板色，避免发蓝 */

.mkt-coin-sheet .mkt-coin-ov-links button {
  background: #151a21 !important;
  color: #e6ebf0 !important;
}
.mkt-coin-about { padding: 4px 16px 28px; }
.mkt-coin-about h3 { margin: 0 0 10px; font-size: 16px; }
.mkt-coin-about p,
.mkt-coin-about-body {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.65;
  white-space: normal;
  word-break: break-word;
}
.mkt-coin-about-more {
  appearance: none;
  border: 0;
  background: none;
  color: #e6ebf0;
  font: inherit;
  font-size: 13px;
  font-weight: 650;
  padding: 8px 0 0;
  cursor: pointer;
}
.mkt-coin-sheet .mkt-coin-about-more {
  color: #e6ebf0 !important;
}
.mkt-coin-intel {
  min-height: 240px;
  background: #0e141b;
}
.mkt-coin-intel .okx-data-tabs,
.mkt-coin-intel .okx-data-toolbar,
.mkt-coin-intel .okx-win-btns,
.mkt-coin-intel .okx-data-legend { display: none !important; }
.mkt-coin-empty, .mkt-coin-ov-note {
  padding: 16px;
  color: var(--muted);
  font-size: 12px;
}
.mkt-coin-ov-head {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px;
}
.mkt-coin-ov-head img,
.mkt-coin-ov-logo,
.mkt-coin-ov-ph {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  flex-shrink: 0;
  object-fit: cover;
  background: #1a222c;
}
.mkt-coin-ov-ph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #2a3340;
}
.mkt-coin-ov-ph.is-letter {
  color: #c5ced8;
  font-size: 22px;
  font-weight: 750;
  line-height: 1;
}
.mkt-coin-ov-head b {
  font-size: 18px;
  font-weight: 750;
  line-height: 1.25;
}
.mkt-coin-ov-head em { display: block; color: var(--muted); font-style: normal; font-size: 12px; }
.mkt-coin-sectors {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 8px;
  padding: 0 16px 10px;
}
.mkt-coin-sectors-lab {
  font-size: 12px;
  color: var(--muted);
  margin-right: 2px;
}
.mkt-coin-sector-chip {
  appearance: none;
  border: 1px solid var(--line);
  background: var(--chip-bg, rgba(127, 127, 127, 0.08));
  color: var(--ink);
  font-size: 12px;
  font-weight: 650;
  padding: 4px 10px;
  border-radius: 999px;
  cursor: pointer;
}
.mkt-coin-sector-chip.is-embed-plain {
  border: 0;
  background: transparent;
  box-shadow: none;
  border-radius: 0;
  padding: 2px 4px;
}
.mkt-coin-stats.is-ov {
  font-size: 13px;
  gap: 0 36px;
  padding: 0 16px 8px;
}
.mkt-coin-stats.is-ov > div {
  padding: 11px 0;
}
.mkt-coin-stats.is-ov em {
  font-size: 12px;
  color: #8b95a5;
}
.mkt-coin-stats.is-ov b {
  font-size: 13px;
  font-weight: 750;
  font-variant-numeric: tabular-nums;
}
.mkt-coin-venue-sheet {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
  /* 须高于 .mkt-coin-sheet(32000)，否则换所弹层被币种页挡住 */
  z-index: 33000;
  display: flex;
  align-items: flex-end;
  justify-content: stretch;
}
.mkt-coin-venue-sheet[hidden] {
  display: none !important;
}
html.radar-sheet-open .mkt-coin-venue-sheet,
.mkt-coin-venue-sheet.is-over-radar {
  z-index: 33000;
}
.mkt-coin-venue-grab {
  display: block;
  width: 36px;
  height: 4px;
  margin: 2px auto 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.22);
  flex-shrink: 0;
}
.mkt-coin-venue-card {
  --ink: #e8eef4;
  --muted: #8b939c;
  --line: rgba(255,255,255,.08);
  --mkt-search-bg: #1b2128;
  width: 100%;
  max-height: min(78dvh, 640px);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  background: #151a21;
  color: #e8eef4;
  border-radius: 18px 18px 0 0;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-bottom: 0;
  box-shadow: 0 -12px 40px rgba(0, 0, 0, 0.45);
  padding: 8px 14px calc(14px + env(safe-area-inset-bottom, 0px));
  animation: me-drawer-up 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}
.mkt-coin-venue-search {
  margin: 0 0 10px;
  flex: 0 0 auto;
}
.mkt-coin-venue-card .mkt-search-wrap,
html[data-theme="light"] .mkt-coin-venue-card .mkt-search-wrap,
html[data-theme="dark"] .mkt-coin-venue-card .mkt-search-wrap {
  --mkt-search-bg: #151a21;
  background: #151a21 !important;
  border: 1px solid #3d4654;
  border-radius: 8px;
  color: #8b939c;
}
.mkt-coin-venue-card input.mkt-search,
html[data-theme="light"] .mkt-coin-venue-card input.mkt-search,
html[data-theme="dark"] .mkt-coin-venue-card input.mkt-search,
html[data-theme="light"] .app .mkt-coin-venue-card input.mkt-search,
html[data-theme="dark"] .app .mkt-coin-venue-card input.mkt-search {
  color: #e8eef4 !important;
  background: transparent !important;
  background-color: transparent !important;
  caret-color: #e8eef4;
}
.mkt-coin-venue-card input.mkt-search::placeholder {
  color: #8b939c;
}
.mkt-coin-kind-row {
  display: flex;
  justify-content: flex-start;
  margin: 0 0 10px;
  flex: 0 0 auto;
}
.mkt-coin-kind {
  display: inline-flex;
  align-items: center;
  width: auto;
  gap: 0;
  margin: 0;
  padding: 2px;
  border-radius: 99px;
  background: #2a3038;
}
.mkt-coin-kind button {
  appearance: none;
  border: 0;
  background: transparent;
  color: #9aa3ad;
  border-radius: 99px;
  padding: 4px 12px;
  min-height: 26px;
  height: 26px;
  width: auto;
  flex: 0 0 auto;
  line-height: 1.2;
  font: inherit;
  font-size: 12px;
  font-weight: 650;
  cursor: pointer;
}
.mkt-coin-kind button.on,
html[data-theme="dark"] .mkt-coin-kind button.on,
.mkt-coin-sheet .mkt-coin-kind button.on,
html[data-theme="light"] .mkt-coin-sheet .mkt-coin-kind button.on {
  background: #fff;
  color: #111;
  border-color: #fff;
}
.mkt-coin-venue-row.is-off {
  opacity: 0.45;
}
.mkt-coin-venue-cols,
.mkt-coin-venue-row {
  display: grid;
  grid-template-columns: 32px minmax(0, 1.45fr) minmax(72px, 0.7fr) minmax(64px, 0.62fr);
  column-gap: 12px;
  row-gap: 0;
  align-items: center;
  padding: 0 6px;
  font-size: 12px;
}
.mkt-coin-venue-cols {
  flex: 0 0 auto;
  min-height: 28px;
  color: #8b939c;
  font-size: 11px;
}
.mkt-coin-venue-cols span:first-child,
.mkt-coin-venue-row .mkt-rank {
  text-align: center;
}
.mkt-coin-venue-cols span:nth-child(2) {
  padding-left: 46px;
  box-sizing: border-box;
  white-space: nowrap;
}
.mkt-coin-venue-row .mkt-vol,
.mkt-coin-venue-row .mkt-px,
.mkt-coin-venue-cols span:nth-child(n+3) {
  text-align: right;
  white-space: nowrap;
}
.mkt-coin-venue-list {
  --mkt-venue-row-h: 56px;
  --mkt-venue-rows: 8;
  flex: 0 1 auto;
  height: auto;
  max-height: calc(var(--mkt-venue-row-h) * var(--mkt-venue-rows));
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.mkt-coin-venue-list::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}
.mkt-coin-venue-row {
  appearance: none;
  border: 0;
  background: none;
  color: inherit;
  width: 100%;
  height: var(--mkt-venue-row-h, 56px);
  min-height: var(--mkt-venue-row-h, 56px);
  text-align: left;
  cursor: pointer;
}
.mkt-coin-venue-row.on { color: inherit; }
.mkt-coin-venue-ident {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}
.mkt-coin-venue-logo {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  box-sizing: border-box;
  display: grid;
  place-items: center;
  flex-shrink: 0;
  overflow: hidden;
  background: #000;
}
.mkt-coin-venue-logo img,
.mkt-coin-venue-logo svg {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.mkt-coin-venue-logo.is-okx,
.mkt-coin-venue-logo.is-binance,
.mkt-coin-venue-logo.is-bybit,
.mkt-coin-venue-logo.is-htx,
.mkt-ico.mkt-exch-brand.is-okx,
.mkt-ico.mkt-exch-brand.is-binance,
.mkt-ico.mkt-exch-brand.is-bybit,
.mkt-ico.mkt-exch-brand.is-htx,
.mkt-ico.is-okx,
.mkt-ico.is-binance,
.mkt-ico.is-bybit,
.mkt-ico.is-htx,
.mkt-exch-logo.is-okx,
.mkt-exch-logo.is-binance,
.mkt-exch-logo.is-bybit,
.mkt-exch-logo.is-htx { background: #000; }
.mkt-coin-venue-logo.is-weex,
.mkt-ico.mkt-exch-brand.is-weex,
.mkt-ico.is-weex,
.mkt-exch-logo.is-weex { background: #e0c020; }
.mkt-coin-venue-logo.is-gate,
.mkt-ico.mkt-exch-brand.is-gate,
.mkt-ico.is-gate,
.mkt-exch-logo.is-gate {
  background: #f8f8f8;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ink, #111) 10%, transparent);
}
/* 交易所榜：圆底品牌色 + 内边距（与账户编辑所模式一致，勿用 is-brand-round 以免被币种规则清底） */
.mkt-ico.mkt-exch-brand {
  object-fit: contain;
  object-position: center;
  padding: 6px;
  box-sizing: border-box;
}
.mkt-coin-venue-logo.is-bitget,
.mkt-ico.mkt-exch-brand.is-bitget,
.mkt-ico.is-bitget,
.mkt-exch-logo.is-bitget { background: #08f0f8; }
.mkt-coin-venue-logo.is-coinex,
.mkt-ico.mkt-exch-brand.is-coinex,
.mkt-ico.is-coinex,
.mkt-exch-logo.is-coinex { background: #00d4cd; }
.mkt-coin-venue-logo.is-coinbase,
.mkt-ico.mkt-exch-brand.is-coinbase,
.mkt-ico.is-coinbase,
.mkt-exch-logo.is-coinbase { background: #0050f8; }
.mkt-coin-venue-logo.is-kraken,
.mkt-ico.mkt-exch-brand.is-kraken,
.mkt-ico.is-kraken,
.mkt-exch-logo.is-kraken { background: #7c3af2; }
.mkt-coin-venue-logo.is-kucoin,
.mkt-ico.mkt-exch-brand.is-kucoin,
.mkt-ico.is-kucoin,
.mkt-exch-logo.is-kucoin { background: #00b078; }
.mkt-coin-venue-logo.is-mexc,
.mkt-ico.mkt-exch-brand.is-mexc,
.mkt-ico.is-mexc,
.mkt-exch-logo.is-mexc { background: #f4f4f4; }
.mkt-coin-venue-logo.is-fallback {
  background: #2b3139;
  color: #fff;
  font-size: 13px;
  font-weight: 800;
}
.mkt-rank { color: #8b939c; }
.mkt-coin-venue-row .mkt-names { min-width: 0; line-height: 1.25; }
.mkt-coin-venue-row .mkt-names b,
.mkt-coin-venue-row .mkt-names em {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mkt-coin-venue-row .mkt-names b { font-size: 13px; font-weight: 650; }
.mkt-coin-venue-row .mkt-names em {
  font-style: normal;
  font-size: 11px;
  color: #8b939c;
  font-weight: 500;
}
.mkt-coin-venue-row .mkt-px {
  color: var(--up);
  font-weight: 650;
}
.mkt-coin-venue-row .mkt-vol { color: #c8d0d8; }
@media (min-width: 900px) {
  /* 币种详情：电脑端全屏铺满 + 加宽右栏 */
  .mkt-coin-sheet.on {
    align-items: stretch !important;
    justify-content: stretch !important;
    background: #0b0e11 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    padding: 0 !important;
    box-sizing: border-box;
  }
  .mkt-coin-dialog {
    flex: 1 1 auto !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    max-height: none !important;
    min-height: 100% !important;
    background: #0b0e11 !important;
    color: #e8eef4;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    overflow: hidden;
  }
  .mkt-coin-split {
    flex-direction: row;
    height: 100%;
  }
  .mkt-coin-main {
    flex: 1 1 auto;
    min-width: 360px;
  }
  .mkt-coin-gutter {
    display: block;
    flex: 0 0 1px;
    cursor: col-resize;
    background: rgba(255, 255, 255, 0.08);
    position: relative;
    z-index: 3;
  }
  .mkt-coin-gutter::before {
    content: "";
    position: absolute;
    inset: 0 -4px;
    cursor: col-resize;
  }
  .mkt-coin-gutter:hover,
  .mkt-coin-gutter.is-drag {
    background: rgba(255, 255, 255, 0.16);
  }
  #mkt-coin-gutter-pos {
    display: none;
  }
  .mkt-coin-rail {
    display: flex;
    flex-direction: column;
    flex: 0 0 var(--mkt-rail-w, 360px);
    width: var(--mkt-rail-w, 360px);
    min-width: 280px;
    max-width: 520px;
    height: 100%;
    min-height: 0;
    border-left: 0;
    background: #0b0e11;
    position: relative;
    z-index: 32;
    overflow: visible;
  }
  .mkt-coin-main {
    position: relative;
    z-index: 1;
  }
  .mkt-coin-sheet.is-hold-tri .mkt-coin-main {
    min-width: 240px;
  }
  .mkt-coin-sheet.is-hold-tri #mkt-coin-gutter-pos {
    display: block;
  }
  .mkt-coin-sheet.is-hold-tri .mkt-coin-pos-dock {
    display: flex;
    flex-direction: column;
    flex: 0 0 var(--mkt-pos-w, 340px);
    width: var(--mkt-pos-w, 340px);
    min-width: 280px;
    max-width: 720px;
    container-type: inline-size;
    container-name: mktpos;
    height: 100%;
    min-height: 0;
    background: #0b0e11;
    position: relative;
    overflow: hidden;
  }
  .mkt-coin-sheet.is-hold-tri .mkt-coin-pos-dock[hidden],
  .mkt-coin-sheet.is-hold-tri #mkt-coin-gutter-pos[hidden] {
    display: none !important;
  }
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    z-index: 1 !important;
    pointer-events: auto !important;
    background: transparent !important;
    color: var(--ink);
    color-scheme: dark;
    display: flex !important;
    flex-direction: column;
  }
  html:not([data-theme="dark"]) .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked {
    --bg: #000000;
    --panel: #000000;
    --panel-2: #121212;
    --ink: #ffffff;
    --muted: #8c8c8c;
    --line: rgba(255, 255, 255, 0.08);
    --sheet: #121212;
    --solid-bg: #1c1c1c;
    --up: #2ecf9a;
    --down: #f05a72;
    --card-line: rgba(255, 255, 255, 0.14);
    --shadow: 0 16px 48px rgba(0, 0, 0, 0.55);
    --teal: #3dbaa0;
    --warn: #c9a227;
    --chip-bg: #121212;
  }
  /* 必须压过桌面浮窗 #pos-sheet #pos-float { 420×580 }，否则右栏会空出一条 */
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked #pos-float,
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-float {
    position: relative !important;
    inset: auto !important;
    left: auto !important;
    top: auto !important;
    right: auto !important;
    transform: none !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: none !important;
    max-height: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: var(--panel) !important;
    color: var(--ink) !important;
    display: flex !important;
    flex-direction: column;
    pointer-events: auto !important;
  }
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-tabs {
    cursor: default;
    touch-action: auto;
  }
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-sheet-grab,
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-sheet-close,
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-resize {
    display: none !important;
  }
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-scroll {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
  }
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked #pos-trade-desk {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 0 0 auto;
    flex-shrink: 0;
    max-height: none;
    overflow: visible;
    padding: 10px 12px 8px;
    border-bottom: 1px solid #2a3340;
  }
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked #pos-trade-desk .pos-desk-panes,
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked #pos-trade-desk .pos-desk-pane {
    overflow: visible;
    max-height: none;
  }
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-kind-tabs {
    display: grid;
    grid-template-columns: 1fr 1fr auto;
    gap: 3px;
    padding: 3px;
    border-radius: 8px;
    background: var(--solid-bg, #1c1c1c) !important;
  }
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-kind-tab {
    appearance: none;
    border: 0;
    background: transparent;
    color: #8b939c;
    min-height: 28px;
    padding: 0 6px;
    border-radius: 6px;
    font: inherit;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
  }
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-kind-tab[data-desk-kind="open"].on {
    background: var(--up, #20b26c);
    color: #fff;
  }
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-kind-tab[data-desk-kind="close"].on {
    background: #f05a72;
    color: #fff;
  }
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-desk-sides {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3px;
    margin: 0;
    padding: 3px;
    border-radius: 8px;
    background: var(--solid-bg, #1c1c1c) !important;
  }
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-trade-desk.is-close .pos-desk-sides {
    grid-template-columns: 1fr 1fr;
  }
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-kind-tabs .pos-desk-flat-all {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    appearance: none;
    min-height: 28px;
    padding: 0 10px;
    border: 0 !important;
    border-radius: 6px;
    background: transparent !important;
    color: #8b939c !important;
    font: inherit;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    cursor: pointer;
    white-space: nowrap;
    box-shadow: none !important;
    opacity: 1;
  }
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-desk-sides .flat-mode-tab {
    appearance: none;
    min-height: 28px;
    padding: 0 4px;
    border: 0 !important;
    border-radius: 6px;
    font: inherit;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    cursor: pointer;
    box-shadow: none !important;
  }
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-desk-sides [data-desk-side="long"],
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-desk-sides [data-desk-side="short"] {
    background: transparent !important;
    color: #8b939c !important;
    opacity: 1;
  }
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-desk-sides [data-desk-side="long"].on {
    background: var(--up, #20b26c) !important;
    color: #fff !important;
  }
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-desk-sides [data-desk-side="short"].on {
    background: #f05a72 !important;
    color: #fff !important;
  }
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-desk-form {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  /* 贴盘 / 高级：同高同字号（勿 stretch 撑高） */
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-desk-form .flat-manual-n-row > .flat-manual-all {
    flex-shrink: 0;
    align-self: auto;
    box-sizing: border-box;
    height: 44px;
    min-height: 44px;
    max-height: 44px;
    padding: 0 14px;
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
    border-radius: 10px;
  }
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-desk-form .flat-manual-field input,
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-desk-form .pos-desk-peg.flat-manual-all,
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-desk-form .pos-desk-slot-adv.flat-manual-all,
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-desk-form .pos-desk-est.amend-est-field {
    background: #151a21 !important;
    border-color: transparent !important;
    box-shadow: none !important;
  }
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-desk-form .flat-manual-field input {
    color: #e8eef4 !important;
  }
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-desk-form .flat-manual-field input:focus {
    border-color: rgba(255, 255, 255, 0.12) !important;
  }
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-desk-form .pos-desk-peg.flat-manual-all,
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-desk-form .pos-desk-slot-adv.flat-manual-all {
    color: #8b939c !important;
    -webkit-text-fill-color: #8b939c !important;
  }
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-desk-form .pos-desk-peg.flat-manual-all:hover,
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-desk-form .pos-desk-slot-adv.flat-manual-all:hover {
    background: #1a222c !important;
    color: #e8eef4 !important;
  }
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-desk-form .pos-desk-slot-adv.is-on {
    background: #1a222c !important;
    color: #e8eef4 !important;
    -webkit-text-fill-color: #e8eef4 !important;
  }
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-desk-pane-h {
    display: none;
    margin: 0 0 6px;
    font-size: 12px;
    font-weight: 800;
    color: #e8eef4;
  }
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-desk-panes {
    display: block;
    min-width: 0;
  }
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-desk-pane {
    display: none;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
  }
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-trade-desk[data-desk-side="long"] .pos-desk-pane[data-desk-pane="long"],
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-trade-desk[data-desk-side="short"] .pos-desk-pane[data-desk-pane="short"] {
    display: flex;
  }
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-desk-pct-slider {
    --pct: 100%;
    position: relative;
    padding: 0;
  }
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-desk-pct-hit {
    position: relative;
    height: 26px;
  }
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-desk-pct-rail {
    position: absolute;
    left: 7px;
    right: 7px;
    top: 50%;
    height: 5px;
    margin: 0;
    background: #2a323a;
    border-radius: 999px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.35);
    transform: translateY(-50%);
    pointer-events: none;
  }
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-desk-pct-fill {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: var(--pct);
    background: linear-gradient(90deg, #b8c4d0 0%, #e8eef4 100%);
    border-radius: 999px;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.06);
    pointer-events: none;
  }
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-desk-pct-dot {
    position: absolute;
    top: 50%;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    box-sizing: border-box;
    transform: translate(-50%, -50%);
    border: 2px solid #e8eef4;
    background: #0e141b;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.35);
    pointer-events: none;
    transition: border-color 0.12s ease, background 0.12s ease, transform 0.12s ease;
  }
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-desk-pct-dot[data-desk-pct="0"] { left: 0%; }
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-desk-pct-dot[data-desk-pct="25"] { left: 25%; }
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-desk-pct-dot[data-desk-pct="50"] { left: 50%; }
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-desk-pct-dot[data-desk-pct="75"] { left: 75%; }
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-desk-pct-dot[data-desk-pct="100"] { left: 100%; }
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-desk-pct-dot.is-on {
    border-color: #e8eef4;
    background: #e8eef4;
    box-shadow: 0 0 0 2px #0e141b;
  }
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-desk-pct-range {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 26px;
    margin: 0;
    padding: 0;
    appearance: none;
    background: transparent;
    cursor: pointer;
    z-index: 2;
  }
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-desk-pct-range::-webkit-slider-runnable-track {
    height: 5px;
    background: transparent;
    border: 0;
  }
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-desk-pct-range::-moz-range-track {
    height: 5px;
    background: transparent;
    border: 0;
  }
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-desk-pct-range::-webkit-slider-thumb {
    appearance: none;
    width: 15px;
    height: 15px;
    margin-top: -6px;
    border-radius: 50%;
    background: #0e141b;
    border: 2px solid #e8eef4;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(255, 255, 255, 0.08);
    cursor: grab;
    transition: width 0.12s ease, height 0.12s ease, margin-top 0.12s ease, box-shadow 0.12s ease;
  }
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-desk-pct-range::-moz-range-thumb {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #0e141b;
    border: 2px solid #e8eef4;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(255, 255, 255, 0.08);
    cursor: grab;
  }
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-desk-pct-range:active::-webkit-slider-thumb,
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-desk-pct-range.is-press::-webkit-slider-thumb {
    width: 18px;
    height: 18px;
    margin-top: -7px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5), 0 0 0 2px rgba(232, 238, 244, 0.25);
    cursor: grabbing;
  }
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-desk-pct-range:active::-moz-range-thumb,
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-desk-pct-range.is-press::-moz-range-thumb {
    width: 18px;
    height: 18px;
    cursor: grabbing;
  }
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-desk-pct-labs {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: 5px;
    padding: 0 2px;
  }
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-desk-pct-labs button {
    appearance: none;
    border: 0;
    background: none;
    color: #6f7882;
    padding: 0;
    min-width: 0;
    font-family: inherit;
    font-size: 10px;
    font-weight: 800;
    cursor: pointer;
    line-height: 1;
    letter-spacing: 0.04em;
    font-variant-numeric: tabular-nums;
    transform: scaleY(0.82);
    transform-origin: center bottom;
    transition: color 0.12s ease;
  }
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-desk-pct-labs button.is-on {
    color: #a8b2bd;
  }
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-desk-pct-labs button.is-at {
    color: #e8eef4;
    transform: scaleY(0.82) scale(1.04);
  }
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-desk-est .flat-est-combo-grid {
    grid-template-columns: 1fr 1fr;
    gap: 4px;
  }
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-desk-est.is-close .flat-est-combo-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-desk-est .flat-est-combo-col {
    min-width: 0;
  }
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-desk-est .flat-est-combo-col span {
    font-size: 10px;
    font-weight: 600;
    margin-bottom: 1px;
    white-space: nowrap;
  }
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-desk-est .amend-est-val {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: -0.03em;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-desk-est:not(.is-close) .amend-est-sub {
    display: none !important;
  }
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-desk-est .open-pos-slot-target:not([hidden]) {
    display: block !important;
    margin-top: 6px;
    padding-top: 6px;
    border-top: 1px solid #2a3340;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.35;
    color: var(--muted, #8c8c8c);
    white-space: normal;
    word-break: break-word;
  }
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-desk-form .pos-open-slot-field:not([hidden]) {
    display: block !important;
    margin-top: 2px;
  }
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-desk-form select.pos-open-slot-select {
    background: #151a21 !important;
    border: 1px solid #2a3340 !important;
    color: #e8eef4 !important;
  }
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-desk-est.is-close .amend-est-sub {
    margin-top: 4px;
    padding-top: 4px;
    font-size: 10px;
    line-height: 1.3;
    border-top-color: #2a3340;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-ord-act-cancel {
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    color: #e8eef2 !important;
  }
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-ord-act-amend {
    background: var(--solid-bg, #1c1c1c) !important;
    color: #fff !important;
    border-color: transparent !important;
  }
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-ord-act-amend:hover:not(:disabled) {
    background: var(--chip-hover, #2a2a2a) !important;
    color: #fff !important;
  }
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-metrics,
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    gap: 8px 6px;
  }
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-metrics > div,
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-grid > div {
    min-width: 0;
  }
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-metrics > div > span,
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-grid > div span,
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-upl-label {
    font-size: 10px;
  }
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-metrics > div > b,
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-grid > div b,
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-mgn-rate-btn {
    font-size: 11px;
    letter-spacing: -0.03em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
  }
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-upl {
    font-size: 13px;
  }
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-upl-pct {
    font-size: 11px;
  }
  @container mktpos (min-width: 560px) {
    #pos-sheet.is-coin-docked #pos-list:has(> .pos-card:nth-child(2)) {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 8px;
      align-items: stretch;
    }
    #pos-sheet.is-coin-docked #pos-list:has(> .pos-card:nth-child(2)) > .pos-card {
      border: 1px solid #2a3340;
      border-radius: 10px;
      padding: 10px;
    }
    #pos-sheet.is-coin-docked #pos-list:has(> .pos-card:nth-child(2)) > .pos-card:first-child {
      padding-top: 10px;
    }
    #pos-sheet.is-coin-docked .pos-ord-cols {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 8px;
      align-items: start;
    }
    #pos-sheet.is-coin-docked .pos-ord-col {
      display: flex !important;
      flex-direction: column;
      min-width: 0;
      border: 1px solid #2a3340;
      border-radius: 10px;
      padding: 8px;
    }
    #pos-sheet.is-coin-docked .pos-ord-col .pos-ord-row:first-child {
      border-top: 0;
      padding-top: 2px;
    }
    #pos-sheet.is-coin-docked .pos-ord-col:not(:has(.pos-ord-row)) {
      display: none !important;
      border: 0;
      padding: 0;
    }
    .pos-desk-sides [data-desk-side] {
      display: none !important;
    }
    .pos-trade-desk.is-open .pos-desk-sides,
    .pos-trade-desk.is-close .pos-desk-sides {
      display: none !important;
    }
    .pos-desk-panes {
      display: grid !important;
      grid-template-columns: 1fr 1fr;
      gap: 8px;
      align-items: stretch;
    }
    .pos-desk-pane {
      display: flex !important;
      border: 1px solid #2a3340;
      border-radius: 10px;
      padding: 8px;
    }
    .pos-desk-pane-h {
      display: block;
    }
    .pos-desk-pane[data-desk-pane="long"] .pos-desk-pane-h {
      color: var(--up, #20b26c);
    }
    .pos-desk-pane[data-desk-pane="short"] .pos-desk-pane-h {
      color: #f05a72;
    }
  }
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-ord-col:not(:has(.pos-ord-row)) {
    display: none;
  }
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-desk-avail-col[hidden] {
    display: none !important;
  }
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-desk-go {
    width: 100%;
    height: 34px;
    min-height: 34px;
    margin-top: 2px;
    border: 0;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 800;
    line-height: 1;
    padding: 0 14px;
  }
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-desk-go:not(.confirm-btn-danger) {
    background: var(--up, #20b26c) !important;
    color: #fff !important;
  }
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-desk-go.confirm-btn-danger {
    background: #f05a72 !important;
    color: #fff !important;
  }
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-tabs {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
    grid-template-areas: "ord pos tools";
    align-items: center;
    column-gap: 8px;
    row-gap: 0;
    flex: 0 0 auto;
    padding: 8px 12px 10px;
  }
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-tabs-left,
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-tabs-actions {
    display: contents;
  }
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-tabs-left > #tab-ord {
    grid-area: ord;
  }
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-tab-pos-wrap {
    grid-area: pos;
    min-width: 0;
    width: 100%;
  }
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-tabs-left > #tab-ord,
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-tab-pos-wrap > #tab-pos {
    width: 100% !important;
    min-height: 36px !important;
    padding: 6px 4px 8px !important;
    font-size: 15px !important;
    white-space: nowrap;
    justify-content: center;
  }
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-tabs-left > #tab-ord.on::after,
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-tab-pos-wrap:has(#tab-pos.on)::after {
    left: 12%;
    right: 12%;
  }
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked #btn-resume-roll,
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked #btn-open-position,
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked #btn-flat-all {
    display: none !important;
  }
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-tabs-tool-icons {
    grid-area: tools;
    display: inline-flex;
    align-items: flex-start;
    align-self: center;
    gap: 4px;
    margin: 0 !important;
  }
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-tabs-tool-icons .pos-ord-slot-filter-btn,
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-tabs-tool-icons .pos-bill-btn {
    width: 34px;
    min-width: 34px !important;
    min-height: 34px !important;
    height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 8px !important;
    background: var(--solid-bg, #1c1c1c) !important;
    color: var(--ink, #fff) !important;
    border: 0 !important;
    align-items: center;
    justify-content: center;
  }
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-tabs-tool-icons .pos-ord-slot-filter-btn svg,
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-tabs-tool-icons .pos-bill-btn svg {
    width: 18px;
    height: 18px;
  }
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-bill-btn .pos-bill-clock-disk {
    fill: var(--solid-bg, #1c1c1c);
  }
  /* display:contents 会把 × 顶进外层 grid，须显式摘掉 */
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-tabs-left > .pos-sheet-close,
  .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-tabs > .pos-sheet-close {
    display: none !important;
  }
  .mkt-coin-rail[hidden],
  .mkt-coin-gutter[hidden] {
    display: none !important;
  }
  .mkt-coin-rail-tabs {
    display: flex;
    gap: 16px;
    padding: 10px 14px 0;
    border-bottom: 1px solid #2a3340;
    flex-shrink: 0;
  }
  .mkt-coin-rail-tabs button {
    appearance: none;
    border: 0;
    background: none;
    color: #8b95a5;
    font: inherit;
    font-weight: 750;
    padding: 8px 0 10px;
    cursor: pointer;
  }
  .mkt-coin-rail-tabs [data-mkt-rail].on {
    color: #e8eef4;
    box-shadow: inset 0 -2px 0 #e8eef4;
  }
  .mkt-coin-rail-more {
    margin-left: auto;
    width: 28px;
    height: 28px;
    padding: 0 !important;
    color: #8b95a5;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }
  .mkt-coin-rail-more:hover,
  .mkt-coin-rail-more:active,
  .mkt-coin-rail-more[aria-expanded="true"] {
    color: #e8eef4;
    background: transparent;
    box-shadow: none;
  }
  .mkt-coin-rail-menu {
    position: absolute;
    top: 44px;
    right: 10px;
    width: 268px;
    padding: 12px;
    background: #0b0e11;
    border: 1px solid #2a3340;
    border-radius: 10px;
    z-index: 90;
    isolation: isolate;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.55);
  }
  .mkt-coin-rail-menu[hidden] {
    display: none !important;
  }
  .mkt-coin-rail-layouts {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    margin-bottom: 12px;
  }
  .mkt-coin-rail-layouts button {
    appearance: none;
    border: 1px solid #2a3340;
    background: #12161c;
    border-radius: 8px;
    height: 64px;
    padding: 6px;
    cursor: pointer;
  }
  .mkt-coin-rail-layouts button.on {
    border-color: #e8eef4;
  }
  .mkt-coin-rail-layout {
    display: flex;
    flex-direction: column;
    gap: 4px;
    height: 100%;
  }
  .mkt-coin-rail-layout i {
    flex: 1;
    border: 1px solid #5b6573;
    border-radius: 3px;
    position: relative;
  }
  .mkt-coin-rail-layout i::after {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    color: #8b95a5;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: 0.04em;
  }
  .mkt-coin-rail-layout.is-stack i:first-child::after { content: "OB"; }
  .mkt-coin-rail-layout.is-stack i:last-child::after { content: "LT"; }
  .mkt-coin-rail-layout.is-book i::after { content: "OB"; }
  .mkt-coin-rail-layout.is-tape i::after { content: "LT"; }
  .mkt-coin-rail-menu > label {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #e8eef4;
    font-size: 13px;
    padding: 8px 2px;
  }
  .mkt-coin-rail-menu > label input[type="checkbox"]:not([data-rail-opt="clickFill"]) {
    appearance: none;
    width: 16px;
    height: 16px;
    border: 1px solid #6b7c8d;
    border-radius: 3px;
    background: transparent;
    margin: 0;
    cursor: pointer;
  }
  .mkt-coin-rail-menu > label input[type="checkbox"]:not([data-rail-opt="clickFill"]):checked {
    background: #e8eef4;
    border-color: #e8eef4;
    box-shadow: inset 0 0 0 3px #0b0e11;
  }
  .mkt-coin-rail-menu > label.is-switch {
    justify-content: space-between;
    padding-top: 10px;
    border-top: 1px solid #2a3340;
    margin-top: 4px;
  }
  .mkt-coin-rail-menu > label.is-switch input {
    appearance: none;
    width: 36px;
    height: 20px;
    border: 0;
    border-radius: 10px;
    background: #3a3f46;
    position: relative;
    cursor: pointer;
    flex-shrink: 0;
  }
  .mkt-coin-rail-menu > label.is-switch input::after {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #fff;
    transition: transform 0.16s ease;
  }
  .mkt-coin-rail-menu > label.is-switch input:checked {
    background: #2ecf9a;
  }
  .mkt-coin-rail-menu > label.is-switch input:checked::after {
    transform: translateX(16px);
  }
  .mkt-coin-tape-pop {
    position: absolute;
    top: 48px;
    right: 10px;
    left: auto;
    transform: none;
    width: min(268px, calc(var(--mkt-rail-w, 360px) - 20px));
    padding: 14px;
    background: #0b0e11;
    border: 1px solid #2a3340;
    border-radius: 10px;
    z-index: 91;
    isolation: isolate;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.55);
  }
  .mkt-coin-tape-pop[hidden] {
    display: none !important;
  }
  .mkt-coin-tape-pop b {
    display: block;
    color: #e8eef4;
    font-size: 13px;
    font-weight: 650;
    margin-bottom: 10px;
  }
  .mkt-coin-tape-pop input {
    width: 100%;
    box-sizing: border-box;
    appearance: textfield;
    border: 1px solid #2a3340;
    background: #12161c;
    color: #e8eef4;
    border-radius: 6px;
    padding: 9px 10px;
    font: inherit;
    font-size: 13px;
  }
  .mkt-coin-tape-pop input::-webkit-outer-spin-button,
  .mkt-coin-tape-pop input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  .mkt-coin-tape-pop input:focus {
    outline: 0;
    border-color: #5b6573;
  }
  .mkt-coin-tape-pop > div {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 12px;
  }
  .mkt-coin-tape-pop button {
    appearance: none;
    border: 1px solid #2a3340;
    background: #12161c;
    color: #e8eef4;
    border-radius: 6px;
    padding: 6px 12px;
    font: inherit;
    font-size: 12px;
    cursor: pointer;
  }
  #mkt-coin-tape-ok {
    background: #e8eef4;
    color: #111;
    border-color: #e8eef4;
  }
  .mkt-coin-tape-filter {
    appearance: none;
    border: 0;
    background: none;
    color: inherit;
    font: inherit;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 4px;
    padding: 0;
    cursor: pointer;
    width: 100%;
  }
  .mkt-coin-tape-filter em {
    font-style: normal;
    color: #e8eef4;
    font-size: 10px;
  }
  .mkt-coin-tape-filter.is-on {
    color: #e8eef4;
  }
  .mkt-coin-rail-body {
    flex: 1;
    min-height: 0;
    overflow: hidden;
  }
  .mkt-coin-rail-body > div {
    height: 100%;
    overflow: auto;
    scrollbar-width: none;
  }
  .mkt-coin-rail-body > div[hidden] {
    display: none !important;
  }
  .mkt-coin-rail-body.is-stack {
    display: flex;
    flex-direction: column;
  }
  .mkt-coin-rail-body.is-stack > div {
    flex: 1;
    height: auto;
    min-height: 0;
  }
  .mkt-coin-rail-body.is-stack > #mkt-coin-ob {
    border-bottom: 1px solid #2a3340;
  }
  #mkt-coin-ob.is-hide-sz .mkt-coin-ob-head,
  #mkt-coin-ob.is-hide-sz .mkt-coin-ob-row {
    grid-template-columns: 1fr;
  }
  #mkt-coin-ob.is-hide-sz .mkt-coin-ob-head span:nth-child(n+2),
  #mkt-coin-ob.is-hide-sz .mkt-coin-ob-sz,
  #mkt-coin-ob.is-hide-sz .mkt-coin-ob-sum {
    display: none;
  }
  #mkt-coin-ob.is-hide-fight .mkt-coin-ob-bar {
    display: none;
  }
  #mkt-coin-ob.is-hide-bg .mkt-coin-ob-barbg {
    display: none;
  }
  #mkt-coin-ob.is-fill .mkt-coin-ob-row {
    cursor: pointer;
  }
  #mkt-coin-ob .mkt-coin-ob-row.is-picked {
    background: rgba(232, 238, 244, 0.08);
  }
  #mkt-coin-tape.is-hide-sz .mkt-coin-tape-head,
  #mkt-coin-tape.is-hide-sz .mkt-coin-tape-row {
    grid-template-columns: 1fr 1fr;
  }
  #mkt-coin-tape.is-hide-sz .mkt-coin-tape-head .mkt-coin-tape-filter,
  #mkt-coin-tape.is-hide-sz .mkt-coin-tape-row span:nth-child(2) {
    display: none;
  }
  #mkt-coin-ob {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    overflow: hidden;
  }
  .mkt-coin-ob-tools {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px 4px;
    color: #8b95a5;
    font-size: 12px;
    flex-shrink: 0;
  }
  .mkt-coin-ob-modes {
    display: flex;
    align-items: center;
    gap: 2px;
  }
  .mkt-coin-ob-modes button {
    appearance: none;
    border: 0;
    background: transparent;
    width: 22px;
    height: 22px;
    padding: 0;
    display: grid;
    place-items: center;
    cursor: pointer;
    border-radius: 0;
  }
  .mkt-coin-ob-modes button.on {
    background: transparent;
  }
  .mkt-coin-ob-modes button svg {
    width: 18px;
    height: 18px;
    display: block;
  }
  .mkt-coin-ob-tick {
    display: flex;
    align-items: center;
    gap: 4px;
  }
  .mkt-coin-ob-tick b {
    color: #e8eef4;
    font-weight: 650;
    min-width: 42px;
    text-align: center;
  }
  .mkt-coin-ob-tick button {
    appearance: none;
    border: 1px solid rgba(255,255,255,0.12);
    background: transparent;
    color: #e8eef4;
    width: 22px;
    height: 22px;
    border-radius: 4px;
    cursor: pointer;
    line-height: 1;
  }
  .mkt-coin-ob-head,
  .mkt-coin-ob-row,
  .mkt-coin-tape-head,
  .mkt-coin-tape-row {
    display: grid;
    grid-template-columns: 1.1fr 0.9fr 1fr;
    gap: 6px;
    padding: 3px 12px;
    font-size: 12px;
    font-variant-numeric: tabular-nums;
  }
  .mkt-coin-ob-head,
  .mkt-coin-tape-head {
    color: #8b95a5;
    padding-top: 6px;
    padding-bottom: 4px;
    line-height: 16px;
    min-height: 0;
    align-items: center;
    flex-shrink: 0;
    overflow: visible;
    box-sizing: border-box;
  }
  .mkt-coin-ob-head span:nth-child(2),
  .mkt-coin-ob-head span:nth-child(3),
  .mkt-coin-ob-row .mkt-coin-ob-sz,
  .mkt-coin-ob-row .mkt-coin-ob-sum,
  .mkt-coin-tape-head span:nth-child(3),
  .mkt-coin-tape-row span:nth-child(2),
  .mkt-coin-tape-row span:nth-child(3) {
    text-align: right;
  }
  .mkt-coin-ob-body {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
  }
  .mkt-coin-ob-side {
    position: static;
    background: transparent;
  }
  .mkt-coin-ob-body.is-both .mkt-coin-ob-side,
  .mkt-coin-ob-body.is-ask .mkt-coin-ob-side,
  .mkt-coin-ob-body.is-bid .mkt-coin-ob-side {
    flex: 1;
    min-height: 0;
    overflow: hidden;
    gap: 1px;
    background: #0b0e11;
  }
  /* 盘口行缝：桌面/手机统一 1px（再窄会糊成一片） */
  .mkt-coin-ob-body.is-both .mkt-coin-ob-side.is-ask {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }
  .mkt-coin-ob-body.is-ask .mkt-coin-ob-side,
  .mkt-coin-ob-body.is-bid .mkt-coin-ob-side,
  .mkt-coin-ob-body.is-both .mkt-coin-ob-side.is-bid {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }
  .mkt-coin-ob-row {
    position: relative;
    padding: 0 12px;
    min-height: 20px;
    line-height: 20px;
    flex: 0 0 auto;
    color: #c8d0d8;
    overflow: hidden;
    box-sizing: border-box;
    background: #0b0e11;
  }
  .mkt-coin-tape-row {
    position: relative;
    line-height: 1.6;
    flex: 0 0 auto;
    color: #c8d0d8;
    overflow: hidden;
  }
  .mkt-coin-ob-barbg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    width: var(--ob-bar-w, 0%);
    height: 100%;
    border-radius: 1px 0 0 1px;
    grid-area: 1 / 1 / 2 / -1;
    pointer-events: none;
    z-index: 0;
  }
  .mkt-coin-ob-row.is-ask .mkt-coin-ob-barbg { background: rgba(240, 90, 114, 0.16); }
  .mkt-coin-ob-row.is-bid .mkt-coin-ob-barbg { background: rgba(46, 207, 154, 0.16); }
  .mkt-coin-ob-row > span:not(.mkt-coin-ob-barbg) {
    position: relative;
    z-index: 1;
  }
  .mkt-coin-ob-row.is-ask .mkt-coin-ob-px { color: #f05a72; }
  .mkt-coin-ob-row.is-bid .mkt-coin-ob-px { color: #2ecf9a; }
  .mkt-coin-ob-row.is-empty .mkt-coin-ob-barbg { opacity: 0; }
  .mkt-coin-ob-row.is-empty .mkt-coin-ob-sz,
  .mkt-coin-ob-row.is-empty .mkt-coin-ob-sum { color: #5c6570; }
  .mkt-coin-tape-row.is-sell { color: #c8d0d8; }
  .mkt-coin-tape-row.is-buy { color: #c8d0d8; }
  .mkt-coin-tape-row.is-sell span:first-child { color: #f05a72; }
  .mkt-coin-tape-row.is-buy span:first-child { color: #2ecf9a; }
  .mkt-coin-ob-last {
    display: flex;
    align-items: baseline;
    gap: 6px;
    padding: 2px 12px 4px;
    font-weight: 750;
    font-size: 20px;
    flex-shrink: 0;
    background: #0b0e11;
  }
  .mkt-coin-ob-last strong { font-weight: 750; }
  .mkt-coin-ob-last em {
    font-style: normal;
    font-size: 13px;
  }
  .mkt-coin-ob-last small {
    font-size: 12px;
    font-weight: 500;
    color: #8b95a5;
  }
  .mkt-coin-ob-last.is-up { color: #2ecf9a; }
  .mkt-coin-ob-last.is-down { color: #f05a72; }
  .mkt-coin-ob-back {
    margin-left: auto;
    appearance: none;
    border: 0;
    background: none;
    color: #8b95a5;
    font: inherit;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
  }
  .mkt-coin-ob-bar {
    display: flex;
    align-items: center;
    padding: 8px 12px 12px;
    font-size: 11px;
    font-variant-numeric: tabular-nums;
    flex-shrink: 0;
  }
  .mkt-coin-ob-bar em.mkt-coin-ob-track {
    position: relative;
    flex: 1;
    height: 20px;
    display: flex;
    align-items: stretch;
    gap: 0;
    overflow: hidden;
    font-style: normal;
  }
  .mkt-coin-ob-bs {
    width: 20px;
    height: 20px;
    border-radius: 2px;
    display: grid;
    place-items: center;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    flex-shrink: 0;
    box-sizing: border-box;
    z-index: 2;
  }
  .mkt-coin-ob-bs.is-b {
    color: #2ecf9a;
    background: rgba(46, 207, 154, 0.22);
    border: 1px solid #2ecf9a;
  }
  .mkt-coin-ob-bs.is-s {
    color: #f05a72;
    background: rgba(240, 90, 114, 0.22);
    border: 1px solid #f05a72;
  }
  .mkt-coin-ob-fills {
    flex: 1;
    min-width: 0;
    display: flex;
    height: 100%;
  }
  .mkt-coin-ob-fills b {
    display: block;
    height: 100%;
    background: rgba(46, 207, 154, 0.32);
    font-weight: 400;
  }
  .mkt-coin-ob-fills i {
    flex: 1;
    display: block;
    height: 100%;
    background: rgba(240, 90, 114, 0.32);
    font-style: normal;
  }
  .mkt-coin-ob-labs {
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    font-size: 11px;
    font-weight: 650;
    pointer-events: none;
    z-index: 1;
  }
  .mkt-coin-ob-labs.is-up {
    left: 26px;
    color: #2ecf9a;
  }
  .mkt-coin-ob-labs.is-down {
    right: 26px;
    color: #f05a72;
  }
  .mkt-coin-head,
  .mkt-coin-tabs {
    background: #0b0e11;
    width: 100%;
    max-width: none;
    margin: 0;
    border-radius: 0;
    box-sizing: border-box;
  }
  .mkt-coin-head {
    padding-top: 10px;
    flex-shrink: 0;
  }
  .mkt-coin-tabs {
    border-bottom-color: #2a3340;
    flex-shrink: 0;
  }
  .mkt-coin-quote {
    flex: 1;
    min-height: 0;
    display: flex !important;
    flex-direction: column;
    overflow: hidden;
    background: #0b0e11;
    border-radius: 0;
    box-shadow: none;
    width: 100%;
    max-width: none;
    margin: 0;
    max-height: none;
  }
  .mkt-coin-quote > .mkt-coin-chart-wrap,
  .mkt-coin-quote > .mkt-coin-canvas-host {
    flex: 1 1 auto;
    min-height: 0;
    height: auto !important;
  }
  .mkt-coin-quote > .mkt-coin-chart-wrap > .mkt-coin-chart { height: 100% !important; min-height: 0 !important; }
  .mkt-coin-quote > .mkt-coin-side {
    display: none !important;
  }
  .mkt-coin-trade,
  .mkt-coin-overview {
    flex: 1;
    min-height: 0;
  }
  .mkt-coin-overview {
    overflow: hidden;
  }
  .mkt-coin-canvas-host > * {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
  }
  .mkt-coin-canvas-host .mkt-coin-depth-plot,
  .mkt-coin-canvas-host .mkt-coin-mcap-plot {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
  }
  .mkt-coin-canvas-host .mkt-coin-depth,
  .mkt-coin-canvas-host .mkt-coin-liq-chart,
  .mkt-coin-canvas-host .mkt-coin-mcap {
    flex: 1;
    min-height: 280px;
    height: auto !important;
  }
  .mkt-coin-canvas-wrap {
    display: inline-flex;
    align-items: center;
    position: relative;
  }
  .mkt-coin-canvas-menu {
    position: absolute;
    right: 12px;
    top: calc(100% + 4px);
    z-index: 8;
    min-width: 132px;
    background: #12161c;
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 8px;
    padding: 6px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.4);
  }
  .mkt-coin-canvas-menu button {
    display: block;
    width: 100%;
    text-align: left;
    appearance: none;
    border: 0;
    background: transparent;
    color: #e8eef4;
    padding: 7px 10px;
    border-radius: 6px;
    cursor: pointer;
    font: inherit;
    font-size: 13px;
  }
  .mkt-coin-canvas-menu button.on,
  .mkt-coin-canvas-menu button:hover {
    background: rgba(255,255,255,0.12);
    color: #fff;
  }
  .mkt-coin-side .mkt-coin-subs {
    position: static;
    top: auto;
    z-index: 1;
    flex-shrink: 0;
    background: #0b0e11;
    border-bottom: 1px solid #2a3340;
    padding-left: 10px;
    padding-right: 10px;
  }
  .mkt-coin-side .mkt-coin-subbody {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    overflow: auto !important;
    border-top: 0;
    padding: 0 4px 12px;
  }
  .mkt-coin-chart {
    height: 100% !important;
    min-height: 0 !important;
    align-self: stretch;
  }
  .mkt-coin-overview {
    flex: 1;
    min-height: 0;
    width: 100%;
    max-width: none;
    margin: 0;
    background: #0b0e11;
    border-radius: 0;
    box-shadow: none;
    max-height: none;
    overflow: hidden;
  }
  .mkt-coin-venue-sheet { align-items: center; justify-content: center; }
  .mkt-coin-venue-grab { display: none; }
  .mkt-coin-venue-card {
    max-width: 420px;
    max-height: min(80vh, 720px);
    border-radius: 16px;
    margin: 0 auto;
    border: 1px solid rgba(255, 255, 255, 0.16);
    box-shadow: 0 20px 56px rgba(0, 0, 0, 0.5);
    animation: none;
  }
  .mkt-coin-venue-list {
    flex: 0 0 auto;
    height: calc(var(--mkt-venue-row-h) * var(--mkt-venue-rows));
    max-height: none;
  }

  /* 周期 / 指标：底栏 → 居中弹窗 */
  .mkt-sheet-pop.on:not(.is-full) {
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.45);
  }
  .mkt-sheet-pop[hidden] { display: none !important; }
  .mkt-sheet-card {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    top: auto !important;
    transform: none !important;
    width: min(520px, 92vw);
    max-height: min(82vh, 720px);
    border-radius: 16px;
    padding: 16px 18px 20px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    box-shadow: 0 20px 56px rgba(0, 0, 0, 0.5);
  }
  .mkt-sheet-handle { display: none; }
  .mkt-sheet-card h3 { text-align: left; margin-bottom: 12px; }
  .mkt-goto-card h3 { text-align: center; }
  .mkt-sheet-pop.is-set.on {
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.5);
  }
  .mkt-sheet-pop.is-set .mkt-coin-set-modal {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    width: min(520px, 92vw);
    max-height: min(82vh, 680px);
    border-radius: 16px;
  }
  .mkt-coin-sheet .mkt-coin-chart-wrap {
    flex: 1 1 auto;
    min-height: 0 !important;
    height: auto !important;
  }
  .mkt-coin-sheet .mkt-coin-ind-row {
    flex: 0 0 auto;
    min-height: 32px;
  }

  /* 指标设置 / 参数：全屏手机页 → 与「指标」同款居中卡片弹窗 */
  .mkt-sheet-pop.is-full.on {
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.55);
    padding: 24px 16px;
    box-sizing: border-box;
  }
  .mkt-sheet-pop.is-full .mkt-ind-set {
    position: relative !important;
    inset: unset !important;
    left: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
    width: min(520px, 92vw) !important;
    max-width: 520px !important;
    height: auto !important;
    max-height: min(72vh, 640px) !important;
    border-radius: 16px !important;
    overflow: hidden;
    padding: 8px 0 12px !important;
    /* 与币种钻入页同色 */
    background: #0b0e11 !important;
    color: #e6ebf0 !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    box-shadow: 0 20px 56px rgba(0, 0, 0, 0.5);
    flex: 0 0 auto !important;
  }
  .mkt-ind-set > header {
    padding: 6px 12px 4px;
  }
  .mkt-ind-set > header b {
    font-size: 15px;
  }
  .mkt-ind-search {
    margin: 4px 18px 6px;
    padding: 4px 12px;
    min-height: 32px;
    background: #151a21;
    border: 1px solid #3d4654;
  }
  .mkt-ind-tabs {
    padding: 4px 18px 10px;
  }
  .mkt-ind-tabs button {
    background: #1a1f27;
  }
  .mkt-ind-list {
    flex: 0 1 auto !important;
    max-height: min(48vh, 380px);
    padding: 0 10px 8px;
  }
  .mkt-ind-list button {
    padding: 12px 10px;
  }
  .mkt-ind-param-title {
    padding-top: 4px;
  }
  .mkt-ind-param-body {
    flex: 0 1 auto !important;
    padding: 4px 20px 12px;
    overflow: auto;
    max-height: min(52vh, 420px);
  }
  .mkt-ind-param-head,
  .mkt-ind-param-row {
    grid-template-columns: 120px 56px 132px !important;
    justify-content: space-between;
    column-gap: 16px;
    width: 100%;
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
  }
  .mkt-ind-param-head span:nth-child(1),
  .mkt-ind-param-row label {
    justify-self: start;
  }
  .mkt-ind-param-head span:nth-child(2),
  .mkt-ind-param-row .mkt-ind-color {
    justify-self: center;
  }
  .mkt-ind-param-head span:nth-child(3),
  .mkt-ind-param-row .mkt-ind-step {
    justify-self: center;
  }
  .mkt-ind-step {
    justify-content: center;
  }
  .mkt-ind-step b,
  .mkt-ind-step b[data-f="n"] {
    width: 3.2ch;
    min-width: 3.2ch;
    text-align: center;
  }
  .mkt-ind-param-foot {
    position: static !important;
    background: #0b0e11 !important;
    border-top: 1px solid #222933;
    padding: 12px 16px 14px;
  }

  /* 旧 grid 规则作废：改由下方 absolute 遮罩+卡片布局接管 */
  body.mkt-exch-desk-open #mkt-exch-sheet.mkt-exch-sheet.fee-tip-modal.mkt-exch-desk-pop.on {
    background: var(--modal-scrim, rgba(6, 10, 16, 0.55)) !important;
  }
  html[data-theme="dark"] body.mkt-exch-desk-open #mkt-exch-sheet.mkt-exch-sheet.fee-tip-modal.mkt-exch-desk-pop.on {
    background: var(--modal-scrim, rgba(6, 10, 16, 0.55)) !important;
  }
  body.mkt-exch-desk-open #mkt-exch-sheet.mkt-exch-desk-pop.on .mkt-exch-pop-card {
    pointer-events: auto;
    box-shadow: var(--sheet-shadow, 0 12px 40px rgba(15, 24, 32, 0.22));
  }
  body.mkt-exch-desk-open #mkt-exch-sheet .mkt-exch-head {
    display: none !important;
  }
  .mkt-exch-sheet .mkt-exch-head {
    flex: 0 0 auto;
    width: min(520px, 92vw);
    max-width: 520px;
    margin: 0;
    padding: 10px 14px 12px;
    padding-top: 10px;
    box-sizing: border-box;
    background: var(--panel, var(--bg)) !important;
    color: var(--ink);
    border: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
    border-radius: 16px 16px 0 0;
  }
  .mkt-exch-sheet .mkt-exch-body {
    flex: 0 1 auto;
    width: min(520px, 92vw);
    max-width: 520px;
    margin: 0;
    box-sizing: border-box;
    background: var(--panel, var(--bg)) !important;
    color: var(--ink);
    border: 1px solid var(--line);
    border-top: none;
    border-radius: 0 0 16px 16px;
    max-height: min(78vh, 640px);
    box-shadow: 0 20px 56px color-mix(in srgb, var(--ink, #000) 18%, transparent);
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .mkt-exch-sheet .mkt-exch-body::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
  }
  .mkt-exch-sheet .mkt-coin-back {
    color: var(--ink);
  }
  .mkt-exch-sheet .mkt-exch-stats dt,
  .mkt-exch-sheet .mkt-exch-site,
  .mkt-exch-sheet .mkt-exch-link svg {
    color: var(--muted);
  }
  .mkt-exch-sheet .mkt-exch-about-body {
    color: var(--muted);
  }
  .mkt-exch-sheet .mkt-exch-about-more {
    color: var(--ink);
    font-weight: 650;
  }
  .mkt-jump-sheet.on {
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.55);
    padding: 24px 16px;
    box-sizing: border-box;
  }
  .mkt-jump-sheet.on {
    background: rgba(0, 0, 0, 0.45);
  }
  .mkt-jump-sheet .mkt-jump-head,
  .mkt-jump-sheet .mkt-jump-body {
    width: min(420px, 100%);
    max-width: 420px;
    background: #fff;
    box-sizing: border-box;
  }
  .mkt-jump-sheet .mkt-jump-head {
    border-radius: 16px 16px 0 0;
  }
  .mkt-jump-sheet .mkt-jump-body {
    border-radius: 0 0 16px 16px;
    min-height: 220px;
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.35);
  }
}

.mkt-row-exch[data-mkt-exch-open] { cursor: pointer; }
.mkt-exch-sheet,
.mkt-jump-sheet {
  position: fixed;
  inset: 0;
  z-index: 32100;
  display: none;
  flex-direction: column;
  background: #0b0e11;
  color: #e6ebf0;
}
.mkt-exch-sheet.on,
.mkt-jump-sheet.on { display: flex; }
/* 第三方跳转提示必须盖过交易所详情弹层，否则点官网像没反应 */
.mkt-jump-sheet.on {
  z-index: 32280 !important;
}
body.mkt-exch-open { overflow: hidden; }
@media (min-width: 900px) {
  body.mkt-exch-desk-open {
    overflow: hidden;
  }
  /*
   * 交易所详情桌面：整窗 fixed 铺满视口，grid 真正上下左右居中。
   * 无独立 mask；点 sheet 关闭；点卡片内原生 <a> 跳转。
   */
  body.mkt-exch-desk-open > #mkt-exch-sheet.mkt-exch-sheet.fee-tip.fee-tip-modal.is-desk-pop.on,
  body.mkt-exch-desk-open > #mkt-exch-sheet.mkt-exch-sheet.fee-tip-modal.mkt-exch-desk-pop.on,
  #mkt-exch-sheet.mkt-exch-sheet.fee-tip.fee-tip-modal.on.is-desk-pop,
  #mkt-exch-sheet.mkt-exch-sheet.fee-tip.fee-tip-modal.mkt-exch-desk-pop.on,
  #mkt-exch-sheet.mkt-exch-sheet.on.is-desk-pop,
  #mkt-exch-sheet.mkt-exch-sheet.on.mkt-exch-desk-pop {
    position: fixed !important;
    inset: 0 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    z-index: 32160 !important;
    width: 100vw !important;
    max-width: none !important;
    min-height: 100vh !important;
    min-height: 100dvh !important;
    height: 100vh !important;
    height: 100dvh !important;
    margin: 0 !important;
    padding: 24px 16px !important;
    display: grid !important;
    place-items: center !important;
    align-content: center !important;
    justify-content: center !important;
    grid-template: 1fr / 1fr !important;
    flex-direction: unset !important;
    align-items: center !important;
    box-sizing: border-box !important;
    background: var(--modal-scrim, rgba(6, 10, 16, 0.55)) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    color: var(--ink);
    color-scheme: light dark;
    pointer-events: auto !important;
    overflow: hidden !important;
    cursor: pointer;
  }
  body.mkt-exch-desk-open > #mkt-exch-sheet.is-desk-pop .mkt-exch-sheet-mask,
  #mkt-exch-sheet.is-desk-pop .mkt-exch-sheet-mask {
    display: none !important;
  }
  body.mkt-exch-desk-open > #mkt-exch-sheet.is-desk-pop .mkt-exch-pop-card,
  #mkt-exch-sheet.is-desk-pop .mkt-exch-pop-card,
  #mkt-exch-sheet.mkt-exch-desk-pop .mkt-exch-pop-card {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
    margin: 0 auto !important;
    z-index: 2 !important;
    flex: none !important;
    grid-area: 1 / 1 !important;
    width: min(520px, 92vw) !important;
    max-width: 520px !important;
    max-height: min(78vh, 640px) !important;
    height: auto !important;
    align-self: center !important;
    justify-self: center !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    border-radius: 16px !important;
    border: 1px solid var(--line) !important;
    background: var(--panel, var(--bg)) !important;
    color: var(--ink);
    box-shadow: var(--sheet-shadow, 0 12px 40px rgba(15, 24, 32, 0.22));
    pointer-events: auto !important;
    cursor: default;
  }
  body.mkt-exch-desk-open > #mkt-exch-sheet.is-desk-pop .mkt-exch-head,
  #mkt-exch-sheet.is-desk-pop .mkt-exch-head {
    display: none !important;
  }
  body.mkt-exch-desk-open > #mkt-exch-sheet.is-desk-pop .mkt-exch-desk-x-float,
  #mkt-exch-sheet.is-desk-pop .mkt-exch-desk-x-float {
    display: flex !important;
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    z-index: 20 !important;
    width: 36px !important;
    height: 36px !important;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: var(--muted, #8b95a5);
    cursor: pointer !important;
    pointer-events: auto !important;
  }
  body.mkt-exch-desk-open > #mkt-exch-sheet.is-desk-pop .mkt-exch-desk-x-float:hover,
  #mkt-exch-sheet.is-desk-pop .mkt-exch-desk-x-float:hover {
    color: var(--ink, #e6ebf0);
    background: color-mix(in srgb, var(--ink, #fff) 8%, transparent);
  }
  body.mkt-exch-desk-open > #mkt-exch-sheet.is-desk-pop .mkt-exch-body,
  #mkt-exch-sheet.is-desk-pop .mkt-exch-body {
    position: relative;
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
    max-width: none;
    margin: 0;
    padding-top: 16px;
    box-sizing: border-box;
    background: var(--panel, var(--bg)) !important;
    color: var(--ink);
    border: 0;
    border-radius: 16px;
    max-height: none;
    box-shadow: none;
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    pointer-events: auto !important;
  }
  body.mkt-exch-desk-open > #mkt-exch-sheet.is-desk-pop a.mkt-exch-site,
  body.mkt-exch-desk-open > #mkt-exch-sheet.is-desk-pop a.mkt-exch-link,
  body.mkt-exch-desk-open > #mkt-exch-sheet.is-desk-pop .mkt-exch-about-more,
  #mkt-exch-sheet.is-desk-pop a.mkt-exch-site,
  #mkt-exch-sheet.is-desk-pop a.mkt-exch-link,
  #mkt-exch-sheet.is-desk-pop .mkt-exch-about-more {
    pointer-events: auto !important;
    cursor: pointer !important;
    position: relative;
    z-index: 2;
    text-decoration: none;
  }
  body.mkt-exch-desk-open > #mkt-exch-sheet.is-desk-pop .mkt-exch-body::-webkit-scrollbar,
  #mkt-exch-sheet.is-desk-pop .mkt-exch-body::-webkit-scrollbar,
  #mkt-exch-sheet.is-desk-pop .mkt-exch-pop-card::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    background: transparent !important;
  }
  body.mkt-exch-desk-open > #mkt-exch-sheet.is-desk-pop .mkt-coin-back,
  body.mkt-exch-desk-open > #mkt-exch-sheet.is-desk-pop .mkt-exch-stats dt,
  body.mkt-exch-desk-open > #mkt-exch-sheet.is-desk-pop .mkt-exch-site,
  body.mkt-exch-desk-open > #mkt-exch-sheet.is-desk-pop .mkt-exch-link svg {
    color: var(--muted);
  }
  body.mkt-exch-desk-open > #mkt-exch-sheet.is-desk-pop .mkt-exch-hero b,
  body.mkt-exch-desk-open > #mkt-exch-sheet.is-desk-pop .mkt-exch-stats dd,
  body.mkt-exch-desk-open > #mkt-exch-sheet.is-desk-pop .mkt-exch-about-wrap h3,
  body.mkt-exch-desk-open > #mkt-exch-sheet.is-desk-pop .mkt-exch-link {
    color: var(--ink);
  }
  body.mkt-exch-desk-open > #mkt-exch-sheet.is-desk-pop .mkt-exch-about-body,
  body.mkt-exch-desk-open > #mkt-exch-sheet.is-desk-pop .mkt-exch-about-more {
    color: var(--ink);
  }
  #mkt-exch-sheet.mkt-exch-sheet.fee-tip.fee-tip-modal.on.is-desk-pop,
  #mkt-exch-sheet.mkt-exch-sheet.fee-tip.fee-tip-modal.mkt-exch-desk-pop.on {
    background: var(--modal-scrim, rgba(6, 10, 16, 0.55)) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
  body.mkt-exch-desk-open.mkt-exch-open {
    overflow: hidden;
  }
}
.mkt-exch-sheet-mask,
.mkt-exch-desk-x {
  display: none !important;
}
/* 手机全屏钻入：隐藏桌面关闭钮（用顶栏返回） */
@media (max-width: 899px) {
  .mkt-exch-desk-x-float {
    display: none !important;
  }
}
.mkt-exch-sheet .mkt-exch-pop-card {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  width: 100%;
  position: relative;
  z-index: 1;
}
.mkt-exch-head,
.mkt-jump-head {
  flex-shrink: 0;
  padding: 8px 8px calc(4px + env(safe-area-inset-top, 0px));
  padding-top: calc(8px + env(safe-area-inset-top, 0px));
}
.mkt-exch-body {
  flex: 1;
  min-height: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  /* 手机+电脑：可滚，不显示滚动条 */
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding: 8px 20px calc(24px + env(safe-area-inset-bottom, 0px));
}
/*
 * 手机全屏钻入（对齐币种详情 / 交易页沟槽）：
 * 根因：#mkt-exch-sheet 带了 .fee-tip-modal，继承全局 padding:16px + place-items:center，
 * 整页（返回箭头+正文）被再缩进一圈；只改 .mkt-exch-body 左右无效。
 * 桌面 is-desk-pop 仍走上方 min-width:900 居中卡片规则。
 */
@media (max-width: 899px) {
  #mkt-exch-sheet.mkt-exch-sheet.fee-tip.fee-tip-modal,
  #mkt-exch-sheet.mkt-exch-sheet.fee-tip-modal {
    padding: 0 !important;
    place-items: stretch;
    align-items: stretch;
    justify-content: flex-start;
    background: #0b0e11 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
  #mkt-exch-sheet .mkt-exch-pop-card {
    width: 100%;
    max-width: none;
    height: 100%;
    min-height: 0;
    flex: 1 1 auto;
    border-radius: 0;
    box-shadow: none;
    border: 0;
  }
  /* 顶栏与 .mkt-coin-head 同模板（12px 沟槽；返回箭头另见 callout -6px） */
  #mkt-exch-sheet .mkt-exch-head {
    display: flex;
    align-items: center;
    gap: 10px;
    box-sizing: border-box;
    width: 100%;
    max-width: none;
    margin: 0;
    border: 0;
    border-radius: 0;
    background: #0b0e11;
    padding-top: calc(8px + env(safe-area-inset-top, 0px));
    padding-bottom: 6px;
    padding-left: max(var(--fund-mobile-pad-x, 12px), env(safe-area-inset-left, 0px));
    padding-right: max(var(--fund-mobile-pad-x, 12px), env(safe-area-inset-right, 0px));
  }
  #mkt-exch-sheet .mkt-exch-body {
    width: 100%;
    max-width: none;
    margin: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background: #0b0e11;
    box-sizing: border-box;
    padding-top: 8px;
    padding-bottom: calc(24px + env(safe-area-inset-bottom, 0px));
    padding-left: max(var(--fund-mobile-pad-x, 12px), env(safe-area-inset-left, 0px));
    padding-right: max(var(--fund-mobile-pad-x, 12px), env(safe-area-inset-right, 0px));
  }
}
.mkt-exch-body::-webkit-scrollbar,
.mkt-exch-sheet::-webkit-scrollbar,
.mkt-exch-pop-card::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
  background: transparent;
}
.mkt-exch-sheet,
.mkt-exch-pop-card {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.mkt-exch-hero {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 8px 0 16px;
}
.mkt-exch-logo {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: #111;
  object-fit: cover;
  overflow: hidden;
  display: block;
}
.mkt-exch-logo[hidden] { display: none !important; }
.mkt-exch-ico-host {
  display: inline-flex;
  flex-shrink: 0;
  line-height: 0;
}
.mkt-exch-ico-host[hidden] { display: none !important; }
.mkt-exch-hero b { font-size: 28px; font-weight: 800; letter-spacing: -0.02em; }
.mkt-exch-chips {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-bottom: 22px;
}
.mkt-exch-rank {
  font-style: normal;
  font-size: 12px;
  font-weight: 700;
  padding: 5px 8px;
  border-radius: 6px;
  background: var(--chip-bg);
  color: var(--ink);
}
.mkt-exch-invite {
  border: 0;
  background: #12b76a;
  color: #fff;
  font: inherit;
  font-size: 12px;
  font-weight: 700;
  padding: 6px 10px;
  border-radius: 6px;
  cursor: default;
}
a.mkt-exch-site,
a.mkt-exch-link {
  text-decoration: none;
  color: inherit;
}
.mkt-exch-site {
  appearance: none;
  border: 0;
  background: transparent;
  color: var(--muted);
  font: inherit;
  font-size: 13px;
  font-weight: 650;
  display: inline-flex;
  cursor: pointer;
  align-items: center;
  gap: 4px;
  cursor: pointer;
  padding: 0;
}
.mkt-exch-links {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px 16px;
  margin: 4px 0 0;
  padding: 6px 0 22px;
}
.mkt-exch-link {
  appearance: none;
  border: 0;
  background: transparent;
  color: var(--ink);
  font: inherit;
  font-size: 15px;
  font-weight: 650;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0;
  cursor: pointer;
  text-align: left;
  min-width: 0;
}
.mkt-exch-link.is-static { cursor: default; }
.mkt-exch-link:not(.is-static) {
  cursor: pointer;
}
.mkt-exch-link:not(.is-static):hover {
  color: var(--ink);
}
.mkt-exch-link svg { color: var(--muted); flex-shrink: 0; }
.mkt-exch-link span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mkt-exch-stats {
  margin: 0 0 28px;
  padding-top: 20px;
  border-top: 1px solid var(--line);
}
.mkt-exch-stats > div + div { margin-top: 22px; }
.mkt-exch-stats dt {
  font-size: 14px;
  color: var(--muted);
  font-weight: 500;
  margin-bottom: 6px;
}
.mkt-exch-stats dd {
  margin: 0;
  font-size: 22px;
  font-weight: 750;
  letter-spacing: -0.02em;
  color: var(--ink);
}
.mkt-exch-about-wrap h3 {
  margin: 0 0 10px;
  font-size: 20px;
  font-weight: 800;
  color: var(--ink);
}
.mkt-exch-about-wrap p,
.mkt-exch-about-body {
  margin: 0;
  font-size: 15px;
  line-height: 1.7;
  color: var(--ink);
}
.mkt-exch-about-more {
  appearance: none;
  border: 0;
  background: none;
  font: inherit;
  font-size: 14px;
  font-weight: 650;
  padding: 10px 0 0;
  cursor: pointer;
  color: var(--ink);
}
@media (max-width: 899px) {
  .mkt-exch-about-more {
    color: #e6ebf0;
  }
}
.mkt-jump-sheet {
  background: #0b0e11;
  color: #e6ebf0;
}
.mkt-jump-sheet .mkt-coin-back { color: #e6ebf0; }
.mkt-jump-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 24px 28px calc(40px + env(safe-area-inset-bottom, 0px));
  text-align: center;
}
.mkt-jump-spin {
  width: 28px;
  height: 28px;
  border: 3px solid #dbe4f0;
  border-top-color: #2f6bff;
  border-radius: 50%;
  animation: mkt-jump-spin 0.8s linear infinite;
  margin-bottom: 8px;
}
@keyframes mkt-jump-spin { to { transform: rotate(360deg); } }
.mkt-jump-body h2 {
  margin: 0;
  font-size: 18px;
  font-weight: 800;
  color: #1e4ed8;
}
.mkt-jump-body p {
  margin: 0;
  font-size: 13px;
  color: #8b939c;
}
.mkt-jump-url {
  margin-top: 10px;
  max-width: 100%;
  padding: 10px 16px;
  border-radius: 99px;
  background: #f3f5f8;
  color: #5b6570;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mkt-jump-copy {
  appearance: none;
  border: 0;
  margin-top: 16px;
  min-width: 200px;
  padding: 12px 24px;
  border-radius: 8px;
  background: #2f6bff;
  color: #fff;
  font: inherit;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
}

.page-admin .admin-exch-hex-logo {
  pointer-events: none;
}
.page-admin .admin-exch-hex-hit path {
  cursor: pointer;
}
.admin-exch-menu-layer {
  position: fixed;
  inset: 0;
  z-index: 80;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  background: rgba(0,0,0,.45);
  padding: 16px 16px calc(16px + env(safe-area-inset-bottom, 0px));
}
.admin-exch-menu-layer[hidden] { display: none !important; }
.admin-exch-menu {
  width: min(360px, 100%);
  background: var(--panel, #161b22);
  border-radius: 16px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.admin-exch-menu button {
  appearance: none;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  font-size: 16px;
  font-weight: 650;
  padding: 14px 16px;
  cursor: pointer;
  border-bottom: 1px solid var(--line);
}
.admin-exch-menu button.is-del { color: #f05a72; }
.admin-exch-menu button:last-child { border-bottom: 0; }
.admin-exch-edit-hint {
  margin: 0 0 10px;
  font-size: 12px;
  color: var(--muted);
  line-height: 1.5;
}
/* —— 帮助落地页（账户客服入口） —— */



.help-hub-sheet {
  position: fixed;
  inset: 0;
  z-index: 33040;
  display: none;
  flex-direction: column;
  background: var(--bg);
  color: var(--ink);
  padding-top: env(safe-area-inset-top, 0px);
  isolation: isolate;
}
.help-hub-sheet.on { display: flex; }
.help-hub-card {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  width: 100%;
  height: 100%;
  position: relative;
}
body.help-hub-open { overflow: hidden; }
@media (max-width: 899px) {
  body.help-hub-open .dock { visibility: hidden; pointer-events: none; }
}
@media (min-width: 900px) {
  .help-hub-sheet {
    align-items: center;
    justify-content: center;
    background: var(--modal-scrim, rgba(6, 10, 16, 0.55));
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    padding: 28px 20px;
  }
  .help-hub-card {
    flex: 0 1 auto;
    width: min(560px, calc(100vw - 48px));
    height: min(780px, calc(100vh - 56px));
    max-height: calc(100vh - 56px);
    border-radius: 16px;
    background: var(--sheet);
    border: 1px solid var(--card-line);
    box-shadow: var(--sheet-shadow);
    overflow: hidden;
  }
  .help-hub-top {
    border-radius: 16px 16px 0 0;
    background: var(--sheet);
  }
}
.help-hub-top {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 8px 12px 8px;
  flex-shrink: 0;
  position: relative;
  z-index: 2;
  background: var(--bg);
}
.help-hub-back {
  appearance: none;
  border: 0;
  background: none;
  color: var(--ink);
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  cursor: pointer;
  flex-shrink: 0;
}
.help-hub-top-title {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  font-size: 18px;
  font-weight: 800;
  margin: 0;
  max-width: calc(100% - 104px);
  text-align: center;
  letter-spacing: -0.02em;
  line-height: 1.2;
  white-space: nowrap;
  pointer-events: none;
}
.help-hub-top-spacer { flex: 1 1 auto; min-width: 8px; }
.help-hub-top-search {
  appearance: none;
  border: 0;
  background: none;
  color: var(--ink);
  width: 40px;
  height: 40px;
  display: none;
  place-items: center;
  border-radius: 10px;
  cursor: pointer;
  flex-shrink: 0;
  margin-left: auto;
}
/* 下拉收顶：放大镜钉在顶栏最右，标题保持左右居中 */

.help-hub-sheet.is-compact .help-hub-top-search {
  display: grid;
}
.help-hub-sheet.is-compact .help-hub-hero {
  display: none;
}
.help-hub-body {
  flex: 1;
  min-height: 0;
  overflow: auto;
  position: relative;
  z-index: 1;
  padding: 4px 16px calc(108px + env(safe-area-inset-bottom, 0px));
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.help-hub-body::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
  background: transparent;
}
.help-hub-hero {
  margin-bottom: 8px;
}
.help-hub-title {
  margin: 4px 0 16px;
  font-size: 26px;
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.25;
}
.help-hub-search {
  appearance: none;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 8px;
  height: 44px;
  padding: 0 14px;
  border: 0;
  border-radius: 12px;
  background: var(--panel-2, #f5f5f5);
  color: var(--muted);
  margin-bottom: 22px;
  font: inherit;
  font-size: 14px;
  text-align: left;
  cursor: pointer;
  box-shadow: inset 0 0 0 1px var(--card-line);
}
.help-hub-search span {
  flex: 1;
  min-width: 0;
  color: var(--muted);
}
/* —— 帮助 FAQ 独立搜索页 —— */


.help-search-sheet {
  position: fixed;
  inset: 0;
  z-index: 33060;
  display: none;
  flex-direction: column;
  background: var(--bg);
  color: var(--ink);
  padding-top: env(safe-area-inset-top, 0px);
}
.help-search-sheet.on { display: flex; }
.help-search-card {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  width: 100%;
  height: 100%;
  background: var(--bg);
  color: var(--ink);
}
body.help-search-open { overflow: hidden; }
@media (min-width: 900px) {
  .help-search-sheet {
    align-items: center;
    justify-content: center;
    background: var(--modal-scrim, rgba(6, 10, 16, 0.55));
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    padding: 28px 20px;
  }
  .help-search-card {
    flex: 0 1 auto;
    width: min(560px, calc(100vw - 48px));
    height: min(640px, calc(100vh - 56px));
    max-height: calc(100vh - 56px);
    border-radius: 16px;
    background: var(--sheet);
    border: 1px solid var(--card-line);
    box-shadow: var(--sheet-shadow);
    overflow: hidden;
  }
  .help-search-top {
    background: var(--sheet);
  }
}
.help-search-top {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px 8px;
  flex-shrink: 0;
}
.help-search-field {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  height: 40px;
  padding: 0 12px;
  border-radius: 999px;
  background: var(--panel-2);
  color: var(--muted);
  box-shadow: 0 0 0 1px var(--line);
}
.help-search-field input {
  flex: 1;
  min-width: 0;
  border: 0;
  outline: none;
  background: transparent !important;
  color: var(--ink) !important;
  font: inherit;
  font-size: 14px;
  box-shadow: none !important;
}
.help-search-cancel {
  appearance: none;
  border: 0;
  background: none;
  color: var(--ink);
  font: inherit;
  font-size: 15px;
  font-weight: 600;
  padding: 8px 4px;
  cursor: pointer;
  flex-shrink: 0;
}
.help-search-body {
  flex: 1;
  min-height: 0;
  overflow: auto;
  padding: 8px 16px calc(24px + env(safe-area-inset-bottom, 0px));
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.help-search-body::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}
.help-search-sec { margin-bottom: 22px; }
.help-search-sec-h {
  margin: 0 0 8px;
  padding: 0 2px;
}
.help-search-sec-h b {
  font-size: 12px;
  font-weight: 650;
  letter-spacing: 0.04em;
  color: var(--muted);
}
.help-search-hist,
.help-search-recent,
.help-search-suggest {
  border-radius: 12px;
  background: var(--panel);
  overflow: hidden;
  box-shadow: 0 0 0 1px var(--line);
}
.help-search-hist:empty,
.help-search-recent:empty,
.help-search-suggest:empty {
  background: transparent;
}
.help-search-hist button,
.help-search-suggest button,
.help-search-recent button,
.help-search-row {
  appearance: none;
  width: 100%;
  border: 0;
  background: transparent;
  color: var(--ink);
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 13px 14px;
  font: inherit;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.35;
  text-align: left;
  cursor: pointer;
  border-bottom: 1px solid var(--line);
  -webkit-tap-highlight-color: transparent;
  transition: background 0.12s ease;
}
.help-search-hist button:last-child,
.help-search-suggest button:last-child,
.help-search-recent button:last-child {
  border-bottom: 0;
}
.help-search-hist button:active,
.help-search-suggest button:active,
.help-search-recent button:active,
.help-search-row:active {
  background: rgba(255, 255, 255, 0.04);
}
.help-search-hist button span:not(.help-search-ico),
.help-search-suggest button span:not(.help-search-ico),
.help-search-recent button span:not(.help-search-ico) {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.help-search-hist button i,
.help-search-suggest button i,
.help-search-recent button i,
.help-search-chev {
  color: var(--muted);
  font-style: normal;
  flex-shrink: 0;
  display: grid;
  place-items: center;
  width: 14px;
  height: 14px;
}
.help-search-chev svg {
  display: block;
}
.help-search-ico {
  width: 18px;
  height: 18px;
  color: var(--muted);
  flex-shrink: 0;
  display: grid;
  place-items: center;
  opacity: 0.9;
}
.help-search-ico svg {
  display: block;
}
.help-search-empty {
  margin: 0;
  padding: 16px 14px;
  color: var(--muted);
  font-size: 13px;
  font-weight: 500;
  background: var(--panel);
  border-radius: 12px;
  box-shadow: 0 0 0 1px var(--line);
}
.help-hub-sec { margin-bottom: 24px; }
.help-hub-sec-h {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.help-hub-sec-h b { font-size: 15px; font-weight: 750; }
/* 与持仓「…」宫格同款：图标块 + 下方文案 */
.help-hub-tools.hold-more-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px 8px;
  margin-bottom: 10px;
  padding: 4px 0 2px;
}
/* 快捷工具：整格独立卡片（与 hold-more-ico 同色底 + 线框），勿仅图标块有线框 */
.help-hub-tools .help-hub-cell {
  background: var(--panel-2, #f5f5f5);
  box-shadow: inset 0 0 0 1px var(--card-line);
  border-radius: 14px;
  padding: 12px 6px 10px;
  min-height: 0;
}
.help-hub-tools .help-hub-cell:active {
  background: color-mix(in srgb, var(--panel-2, #f5f5f5) 92%, var(--ink, #111) 8%);
}
.help-hub-tools .help-hub-cell .hold-more-ico {
  background: transparent;
  box-shadow: none;
}
.help-hub-tools .help-hub-ico-novice svg {
  display: block;
  margin: 0 auto;
  opacity: 0.92;
}
html[data-theme="dark"] .help-hub-tools .help-hub-cell {
  background: var(--sheet-2, #1c1c1c);
  box-shadow: inset 0 0 0 1px var(--card-line);
}
html[data-theme="dark"] .help-hub-tools .help-hub-cell:active {
  background: color-mix(in srgb, var(--sheet-2, #1c1c1c) 88%, #fff 12%);
}
.help-hub-tools .help-hub-cell em {
  white-space: normal;
  line-height: 1.25;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.help-hub-wide {
  appearance: none;
  width: 100%;
  border: 0;
  background: var(--panel-2, #f5f5f5);
  color: var(--ink);
  box-shadow: inset 0 0 0 1px var(--card-line);
  border-radius: 14px;
  padding: 14px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font: inherit;
  font-size: 14px;
  font-weight: 650;
  cursor: pointer;
}
.help-hub-wide i { color: var(--muted); font-style: normal; }
html[data-theme="dark"] .help-hub-card,
html[data-theme="dark"] .help-hub-top {
  background: var(--sheet);
  color: var(--ink);
  border-color: var(--card-line);
}
html[data-theme="dark"] .help-hub-wide,
html[data-theme="dark"] .help-hub-search {
  background: var(--sheet-2, #1c1c1c);
  box-shadow: inset 0 0 0 1px var(--card-line);
  border: 0;
  color: var(--ink);
}
.help-hub-steps {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.help-hub-steps li {
  background: var(--panel);
  box-shadow: 0 0 0 1px var(--line);
  border-radius: 12px;
  padding: 12px 12px 12px 14px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}
.help-hub-step-n {
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  border-radius: 999px;
  background: var(--chip-bg);
  color: var(--ink);
  font-size: 12px;
  font-weight: 750;
  display: grid;
  place-items: center;
  line-height: 1;
}
.help-hub-steps b {
  flex: 1 1 auto;
  min-width: 0;
  font-size: 14px;
  font-weight: 700;
}
.help-hub-step-help {
  margin-left: auto;
}
.help-hub-step-help .ui-help-q {
  cursor: pointer;
}
.help-hub-step-tip,
.ui-help-tip.help-hub-step-tip {
  white-space: pre-line;
}
.help-hub-faq {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.help-hub-faq button {
  appearance: none;
  width: 100%;
  border: 0;
  background: none;
  color: inherit;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 14px 4px;
  font: inherit;
  font-size: 14px;
  font-weight: 600;
  text-align: left;
  cursor: pointer;
}
.help-hub-faq button i { color: var(--muted); font-style: normal; }
.help-hub-faq-item {
  border-bottom: 0;
}
.help-hub-faq-item > button {
  border-bottom: 0;
}
.help-hub-faq-a {
  display: none;
  margin: 0;
  padding: 0 4px 16px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.58;
}
.help-hub-faq-a-body {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.58;
  white-space: pre-line;
}
.help-hub-faq-item.on .help-hub-faq-a {
  display: block;
}
.help-hub-faq-item.on > button i {
  transform: rotate(90deg);
}
.help-hub-cs-fab {
  /* 右下角锚定：收顶后向左滑出变长成「联系客服」胶囊 */
  position: absolute;
  right: 16px;
  bottom: calc(18px + env(safe-area-inset-bottom, 0px));
  z-index: 30;
  width: 58px;
  height: 58px;
  border: 0;
  border-radius: 999px;
  background: #fff;
  color: #111;
  box-shadow: none;
  filter: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  padding: 0;
  overflow: hidden;
  cursor: pointer;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transform-origin: right center;
  transition:
    width 0.52s cubic-bezier(0.22, 1, 0.36, 1),
    height 0.4s cubic-bezier(0.22, 1, 0.36, 1),
    background 0.35s ease,
    color 0.35s ease,
    gap 0.35s ease,
    padding 0.4s cubic-bezier(0.22, 1, 0.36, 1),
    border-radius 0.35s ease,
    transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: width;
}
html:not([data-theme="dark"]) .help-hub-cs-fab {
  background: #111;
  color: #fff;
}
.help-hub-cs-fab svg {
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  pointer-events: none;
  transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}
.help-hub-cs-lab {
  display: inline-block;
  max-width: 0;
  opacity: 0;
  overflow: hidden;
  white-space: nowrap;
  font: inherit;
  font-size: 15px;
  font-weight: 750;
  letter-spacing: 0.02em;
  pointer-events: none;
  transition:
    max-width 0.48s cubic-bezier(0.22, 1, 0.36, 1),
    opacity 0.28s ease 0.12s,
    transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
  transform: translateX(10px);
}
/* 下拉收顶：圆钮向左拉长 → 底部联系客服条（色跟圆钮：夜白底/昼黑底） */

.help-hub-sheet.is-compact .help-hub-cs-fab {
  width: calc(100% - 32px);
  height: 52px;
  padding: 0 22px;
  gap: 10px;
  /* 不覆盖 background/color，沿用 .help-hub-cs-fab 昼夜色 */
  border-radius: 999px;
  justify-content: center;
  transform: translateZ(0);
}
.help-hub-sheet.is-compact .help-hub-cs-fab svg {
  width: 24px;
  height: 24px;
  transform: scale(1);
}
.help-hub-sheet.is-compact .help-hub-cs-lab {
  max-width: 8em;
  opacity: 1;
  transform: translateX(0);
}
.help-hub-cs-fab:active {
  transform: scale(0.985);
}
.help-hub-sheet.is-compact .help-hub-cs-fab:active {
  transform: scale(0.985);
}
@media (prefers-reduced-motion: reduce) {
  .help-hub-cs-fab,
  .help-hub-cs-lab,
  .help-hub-cs-fab svg {
    transition: none !important;
  }
}
/* —— 数据页（BBX 风格） —— */


.data-hub {
  display: flex;
  flex-direction: column;
  min-height: 0;
  height: 100%;
  background: var(--bg);
  color: var(--ink);
}
.data-hub-tabs {
  display: flex;
  align-items: flex-end;
  gap: 22px;
  margin: 10px 0 14px;
  padding: 0;
  overflow-x: auto;
  flex-shrink: 0;
  border-bottom: 0;
  -webkit-overflow-scrolling: touch;
  background: var(--bg);
  position: sticky;
  top: 0;
  z-index: 6;
}
.data-hub-tabs button {
  appearance: none;
  border: 0;
  background: none;
  color: var(--muted);
  font: inherit;
  font-size: 16px;
  font-weight: 700;
  padding: 0 0 10px;
  cursor: pointer;
  white-space: nowrap;
  position: relative;
}
.data-hub-tabs button.on {
  color: var(--ink);
}
.data-hub-tabs button.on::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2.5px;
  border-radius: 2px;
  background: var(--ink);
}
.data-hub-scroll {
  flex: 1;
  min-height: 0;
  overflow: auto;
  padding: 12px 16px calc(12px + env(safe-area-inset-bottom, 0px));
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* old Edge */
}
.data-hub-scroll::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}
.dh-card {
  background: var(--panel);
  border-radius: 16px;
  padding: 14px 14px 12px;
  margin-bottom: 12px;
  /* 用 border 画线框（box-shadow 会被父级 overflow 左右裁掉） */
  border: 1px solid var(--card-line);
  box-shadow: none;
}
html[data-theme="dark"] .dh-card {
  border-color: var(--card-line);
}
.dh-card-h {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 10px;
}
.dh-card-h b { font-size: 14px; font-weight: 750; }
.dh-more { color: var(--muted); font-size: 12px; font-weight: 600; }
.dh-card-main {
  font-size: 28px;
  font-weight: 800;
  letter-spacing: -0.02em;
}
/* 数据页涨跌：跟工具 --up/--down（白天青绿/赭红，夜间同令牌），勿用币安荧光绿粉 */

.data-hub .is-up,
.dh-card-main.is-up,
.dh-chg.is-up,
.dh-fng-val.is-up,
.dh-fng-lab.is-up,
.dh-tag {
  color: var(--up);
}
.data-hub .is-down,
.dh-card-main.is-down,
.dh-chg.is-down {
  color: var(--down);
}
/* 针线标签字色：粉底/绿底上必须白字 */

.kline-px-badge.is-up,
.kline-px-badge.is-down,
.kline-px-badge .kline-px-badge-px,
.kline-px-badge .kline-px-badge-cd,
.mkt-coin-px-badge,
.mkt-coin-px-badge.is-up,
.mkt-coin-px-badge.is-down,
.mkt-coin-px-badge .mkt-coin-px-badge-px,
.mkt-coin-px-badge .mkt-coin-px-badge-cd,
.pnl-y-badge.is-up,
.pnl-y-badge.is-down,
.pnl-live-badge.is-up,
.pnl-live-badge.is-down,
.pnl-live-badge .pnl-live-badge-val,
.pnl-live-badge .pnl-live-badge-time {
  color: #fff !important;
}
.dh-card-f {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
  color: var(--muted);
  font-size: 12px;
}
.dh-fng-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.dh-fng-val {
  font-size: 36px;
  font-weight: 850;
  display: block;
  line-height: 1;
}
.dh-fng-lab {
  font-style: normal;
  font-size: 15px;
  font-weight: 700;
}
.dh-fng-gauge { width: 120px; flex-shrink: 0; }
.dh-fng-gauge svg { width: 100%; height: auto; display: block; }
.dh-ind-head {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) 0.9fr 0.7fr;
  gap: 8px;
  color: var(--muted);
  font-size: 12px;
  margin-bottom: 6px;
  padding: 0 2px;
}
.dh-ind-row {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) 0.9fr 0.7fr;
  gap: 8px;
  align-items: center;
  padding: 10px 2px;
  border-top: 1px solid var(--line);
}
.dh-ind-name { min-width: 0; }
.dh-ind-name b { display: block; font-size: 13px; }
.dh-ind-name small { display: block; color: var(--muted); font-size: 11px; }
.dh-ind-px { font-weight: 700; font-variant-numeric: tabular-nums; }
.dh-tag { margin-left: 4px; font-style: normal; font-size: 11px; color: var(--up); }
.dh-chg { font-style: normal; font-weight: 700; font-size: 12px; }
.dh-liq-main {
  display: flex;
  align-items: baseline;
  gap: 10px;
}
.dh-liq-main strong { font-size: 28px; font-weight: 850; }
.dh-liq-main em { font-style: normal; font-size: 14px; font-weight: 700; }
.dh-stat-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px 14px;
}
.dh-stat-grid small { display: block; color: var(--muted); font-size: 12px; margin-bottom: 4px; }
.dh-stat-grid b { font-size: 15px; font-weight: 750; }
.dh-stat-grid i { font-style: normal; font-size: 12px; font-weight: 650; opacity: 0.9; }
.dh-stat-grid b.is-up i,
.dh-stat-grid b.is-down i {
  color: inherit;
}
.dh-ratio-bar {
  display: flex;
  height: 4px;
  border-radius: 999px;
  overflow: hidden;
  margin-top: 12px;
  background: color-mix(in srgb, var(--ink) 8%, transparent);
}
.dh-ratio-bar span {
  display: block;
  height: 100%;
}
.dh-ratio-up { background: var(--up); }
.dh-ratio-down { background: var(--down); }
.dh-ratio-bar-sm {
  margin-top: 4px;
  min-width: 52px;
}
.dh-chip {
  appearance: none;
  border: 0;
  background: var(--chip-bg);
  color: var(--ink);
  border-radius: 8px;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 750;
}
.dh-chip.on { background: var(--teal); color: #fff; }
.dh-lsr-val { font-size: 28px; font-weight: 850; margin: 8px 0; }
.dh-muted { color: var(--muted); font-size: 13px; margin: 0; }
.dh-fund-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 0;
  border-top: 1px solid var(--line);
}
.dh-fund-row b { display: block; font-size: 14px; }
.dh-fund-row small { color: var(--muted); font-size: 11px; }
.dh-fund-row em { font-style: normal; font-weight: 750; }
.dh-empty { color: var(--muted); font-size: 13px; margin: 8px 0; }
html:has(#tab-data.on) .hero-cta { display: none !important; }
html:has(#tab-data.on) .hero-hold-search-wrap,
html:has(#tab-data.on) .earn-hold-search-panel,
html:has(#tab-data.on) .earn-quick-tools { display: none !important; }
html:has(#tab-data.on) .meta-row { display: none !important; }
html:has(#tab-data.on) .hero-acc-tools { display: none !important; }
/* 数据页不再沿用帮助页顶栏：整块 hero + 右上装饰一并隐藏 */

html:has(#tab-data.on) .app > .hero,
html:has(#tab-data.on) #hero-eth-deco,
html:has(#tab-data.on) #hero-kline-spark,
html:has(#tab-data.on) #pnl-hero-hit {
  display: none !important;
}
/* 产品页：去掉顶栏搜索 / 今日净盈亏 / 开始停止（与持仓顶栏分离） */


html:has(#tab-strategy.on) .app > .hero,
html:has(#tab-strategy.on) #hero-eth-deco,
html:has(#tab-strategy.on) #hero-kline-spark,
html:has(#tab-strategy.on) #pnl-hero-hit {
  display: none !important;
}
html:has(#tab-strategy.on) .app > .main {
  margin-top: 0;
}
/* 数据页：顶栏钉住总览/合约/指数；主区 flex 可滚；卡片左右同产品页 */



body.data-tab-on {
  overflow: hidden;
}
body.data-tab-on .app {
  display: flex;
  flex-direction: column;
  height: 100dvh;
  max-height: 100dvh;
  min-height: 0;
  overflow: hidden;
  padding-top: 10px;
  padding-bottom: calc(var(--dock-h, 68px) + var(--safe-b) + 8px);
  box-sizing: border-box;
}
body.data-tab-on .app > .main {
  flex: 1 1 auto;
  min-height: 0;
  margin-top: 0;
  padding-bottom: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
body.data-tab-on #tab-data.panel.on {
  display: flex !important;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
  width: 100%;
}
body.data-tab-on .data-hub {
  flex: 1 1 auto;
  min-height: 0;
  height: auto;
  overflow: hidden;
}
body.data-tab-on .data-hub-tabs {
  flex: 0 0 auto;
}
body.data-tab-on .data-hub-scroll {
  flex: 1 1 0;
  min-height: 0;
}
/* 分析页内容区与市场页同宽同位：mobile 560 居中列；desktop .app 28px + 表头 10/12 内边距 */

@media (max-width: 899px) {
  body.data-tab-on .data-hub {
    box-sizing: border-box;
    width: 100%;
    max-width: 560px;
    margin-left: auto;
    margin-right: auto;
  }
  body.data-tab-on .data-hub-tabs {
    padding-left: 0;
    padding-right: 0;
  }
  body.data-tab-on .data-hub-scroll {
    padding: 4px 0 calc(12px + env(safe-area-inset-bottom, 0px));
  }
}
@media (min-width: 900px) {
  body.data-tab-on .app {
    padding: 16px 28px 24px;
    max-width: none;
  }
  body.data-tab-on #tab-data.panel.on {
    position: relative;
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
    max-width: none;
    margin: 0;
  }
  body.data-tab-on .data-hub {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
  }
  body.data-tab-on .data-hub-tabs {
    margin: 10px 4px 16px;
    padding: 0 6px 0 0;
  }
  body.data-tab-on .data-hub-scroll {
    padding: 4px 12px 12px 10px;
  }
}

.dh-hl-board {
  max-width: 100%;
}
.dh-hl-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  margin: 0 0 8px;
}
.dh-hl-head {
  margin: 0;
  flex: 1 1 auto;
  min-width: 0;
  font-size: 17px;
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.25;
  color: var(--ink);
}
.dh-hl-refresh {
  flex: 0 0 auto;
  font: inherit;
  font-size: 12px;
  font-weight: 650;
  padding: 5px 12px;
  border-radius: 8px;
  border: 1px solid var(--card-line);
  background: var(--panel);
  color: var(--ink);
  margin-top: 2px;
}
.dh-hl-refresh.is-busy,
.dh-hl-refresh:disabled {
  opacity: 0.65;
}
.dh-hl-stale {
  margin: 0 0 10px;
  padding: 8px 10px;
  font-size: 11px;
  line-height: 1.4;
  border-radius: 8px;
  background: color-mix(in srgb, var(--warn, #b7791f) 12%, var(--panel, #fff));
  color: color-mix(in srgb, var(--ink, #111) 75%, transparent);
}
.dh-hl-subtabs {
  display: flex;
  gap: 6px;
  margin: 4px 0 10px;
  padding: 0 2px;
}
.dh-hl-subtab {
  font: inherit;
  font-size: 12px;
  font-weight: 650;
  padding: 6px 14px;
  border-radius: 999px;
  border: 1px solid transparent;
  background: color-mix(in srgb, var(--ink, #111) 6%, transparent);
  color: color-mix(in srgb, var(--ink, #111) 70%, transparent);
}
.dh-hl-subtab.on {
  background: color-mix(in srgb, var(--ink) 92%, transparent);
  color: var(--panel);
  border-color: transparent;
}
.dh-hl-sec-btn {
  font: inherit;
  font-size: 11px;
  font-weight: 650;
  padding: 4px 10px;
  border-radius: 8px;
  border: 1px solid var(--card-line, rgba(0, 0, 0, 0.12));
  background: var(--panel, #fff);
  color: var(--ink, #111);
}
.dh-hl-coin-wrap {
  max-height: min(44vh, 360px);
}
.dh-hl-coin-hint {
  margin: 0 0 8px;
  font-size: 10px;
}
.dh-hl-coin-row {
  cursor: pointer;
}
.dh-hl-coin-row:hover td {
  background: color-mix(in srgb, var(--ink, #111) 4%, transparent);
}
.dh-hl-table-coin th:nth-child(n + 2),
.dh-hl-table-coin td:nth-child(n + 2) {
  text-align: right;
}
.dh-hl-coin-bar {
  min-width: 56px;
}
.dh-hl-scope {
  margin: 0 0 14px;
  font-size: 11px;
  line-height: 1.5;
  color: var(--muted);
}
.dh-hl-summary-card {
  margin-bottom: 12px;
  padding: 14px 14px 6px;
}
.dh-hl-summary-card .dh-hl-top {
  margin-bottom: 12px;
}
.dh-hl-summary-card .dh-hl-stale {
  margin-bottom: 12px;
}
.dh-hl-bbx .dh-hl-metrics {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  margin-bottom: 0;
}
@media (min-width: 640px) {
  .dh-hl-bbx .dh-hl-metrics {
    grid-template-columns: 1fr 1fr;
    gap: 12px;
  }
}
.dh-hl-summary-card .dh-hl-metric-inner {
  margin-bottom: 0;
  padding: 12px 12px 10px;
  border-radius: 12px;
  border: 1px solid var(--card-line);
  background: var(--panel);
  box-shadow: none;
}
.dh-hl-hlp-row {
  display: flex;
  justify-content: flex-end;
  margin-top: 12px;
  padding-top: 2px;
}
.dh-hl-metric-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
}
.dh-hl-metric-title {
  font-size: 15px;
  font-weight: 750;
  color: var(--ink);
}
.dh-hl-metric-total {
  font-size: 17px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  color: var(--ink);
}
.dh-hl-metric-total.is-down {
  color: var(--down);
}
.dh-hl-metric-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding: 5px 0;
}
.dh-hl-metric-lab {
  font-size: 13px;
  color: var(--muted);
  flex: 0 1 auto;
}
.dh-hl-metric-val {
  font-size: 14px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  text-align: right;
}
.dh-hl-pct {
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  color: var(--muted);
  margin-left: 4px;
}
.dh-hl-ratio {
  display: flex;
  height: 5px;
  border-radius: 999px;
  overflow: hidden;
  margin-top: 10px;
}
.dh-hl-ratio-up {
  background: color-mix(in srgb, var(--up) 55%, var(--panel));
}
.dh-hl-ratio-down {
  background: color-mix(in srgb, var(--down) 45%, var(--panel));
}
.dh-hl-hlp-in {
  display: inline-block;
  padding: 6px 12px;
  border-radius: 8px;
  border: 1px solid var(--card-line);
  background: var(--panel);
  color: var(--ink);
  font-size: 12px;
  font-weight: 650;
  text-decoration: none;
}
.dh-hl-pos-card {
  padding: 14px 12px 12px;
}
.dh-hl-pos-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 12px;
}
.dh-hl-pos-title {
  margin: 0;
  font-size: 16px;
  font-weight: 800;
  color: var(--ink);
}
.dh-hl-updated {
  flex: 0 0 auto;
  font-size: 12px;
  font-weight: 600;
  color: var(--muted);
  white-space: nowrap;
}
.dh-hl-filter-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px 12px;
  margin-bottom: 10px;
}
@media (min-width: 640px) {
  .dh-hl-filter-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
  }
}
.dh-hl-filter-box {
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: 12px;
  color: var(--muted);
}
.dh-hl-filter-box select {
  width: 100%;
  font: inherit;
  font-size: 13px;
  font-weight: 600;
  color: var(--ink);
  padding: 10px 28px 10px 12px;
  border-radius: 10px;
  border: 1px solid var(--card-line);
  background: var(--panel);
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%238899a6' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
}
.dh-hl-table-bbx .dh-hl-table th,
.dh-hl-table-bbx .dh-hl-table td {
  font-size: 12px;
  padding: 11px 10px;
}
.dh-hl-table-bbx .dh-hl-table th {
  font-size: 11px;
  font-weight: 650;
  color: var(--muted);
  background: var(--panel);
}
.dh-hl-table-bbx tbody tr:nth-child(even) {
  background: color-mix(in srgb, var(--ink) 3%, transparent);
}
.dh-hl-muted-val {
  color: var(--muted);
}
.dh-hl-coin-tag {
  font-weight: 750;
  color: var(--ink);
}
.dh-hl-col-idx {
  width: 2.5em;
  text-align: center !important;
  color: var(--muted);
  font-variant-numeric: tabular-nums;
}
.dh-hl-side-badge {
  display: inline-block;
  min-width: 28px;
  padding: 3px 8px;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 750;
  line-height: 1.2;
  text-align: center;
}
.dh-hl-side-badge.is-long {
  color: var(--up);
  background: color-mix(in srgb, var(--up) 20%, var(--panel));
}
.dh-hl-side-badge.is-short {
  color: var(--down);
  background: color-mix(in srgb, var(--down) 18%, var(--panel));
}
.dh-hl-foot {
  padding: 0 2px;
  margin-top: 4px;
}
.dh-hl-sec {
  margin-bottom: 10px;
  padding-bottom: 4px;
}
.dh-hl-sec-h {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 10px;
}
.dh-hl-sec-h b {
  font-size: 14px;
  font-weight: 800;
}
.dh-hl-sec-h small {
  font-size: 11px;
  color: color-mix(in srgb, var(--ink, #111) 50%, transparent);
}
.dh-hl-table-wrap {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  border-radius: 10px;
  border: 1px solid var(--card-line, rgba(0, 0, 0, 0.1));
}
.dh-hl-watch-wrap {
  max-height: 220px;
}
.dh-hl-pos-wrap {
  max-height: min(52vh, 420px);
}
.dh-hl-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 11px;
  line-height: 1.35;
}
.dh-hl-table th,
.dh-hl-table td {
  padding: 8px 10px;
  text-align: left;
  border-bottom: 1px solid color-mix(in srgb, var(--ink, #111) 8%, transparent);
  white-space: nowrap;
}
.dh-hl-table th {
  position: sticky;
  top: 0;
  z-index: 1;
  font-weight: 700;
  font-size: 10px;
  text-transform: none;
  background: var(--panel, #fff);
  color: color-mix(in srgb, var(--ink, #111) 65%, transparent);
}
.dh-hl-table-pos th:nth-child(n + 3),
.dh-hl-table-pos td:nth-child(n + 3) {
  text-align: right;
}
.dh-hl-addr {
  color: var(--link, #0f7a6a);
  text-decoration: none;
  font-weight: 650;
}
.dh-hl-addr:hover {
  text-decoration: underline;
}
.dh-hl-pos-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 8px 10px;
  margin-bottom: 10px;
}
.dh-hl-filter {
  display: flex;
  flex-direction: column;
  gap: 3px;
  font-size: 10px;
  color: color-mix(in srgb, var(--ink, #111) 55%, transparent);
}
.dh-hl-filter-wide {
  flex: 1 1 120px;
  min-width: 100px;
}
.dh-hl-filter input,
.dh-hl-filter select {
  font: inherit;
  font-size: 12px;
  padding: 6px 8px;
  border-radius: 8px;
  border: 1px solid var(--card-line, rgba(0, 0, 0, 0.12));
  background: var(--panel, #fff);
  color: var(--ink, #111);
  min-width: 72px;
}
.dh-hl-pos-meta {
  flex: 1 1 100%;
  font-size: 10px;
  color: color-mix(in srgb, var(--ink, #111) 50%, transparent);
}
.dh-hl-empty {
  text-align: center;
  padding: 16px !important;
  color: color-mix(in srgb, var(--ink, #111) 50%, transparent);
}
.dh-hl-skel-row td {
  color: color-mix(in srgb, var(--ink, #111) 38%, transparent);
}
.dh-hl-more {
  margin: 8px 0 0;
  font-size: 10px;
}
.dh-hl-hlp {
  display: block;
  width: 100%;
  margin-top: 4px;
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid var(--card-line, rgba(0, 0, 0, 0.12));
  background: var(--panel, #fff);
  color: var(--ink, #111);
  font: inherit;
  font-size: 14px;
  font-weight: 650;
  text-align: center;
  text-decoration: none;
}

html:not([data-theme="dark"]) .mkt-coin-sheet .mkt-coin-bar-chip.on {
  color: #e8eef4 !important;
  background: transparent !important;
  border-color: #e8eef4 !important;
}
html:not([data-theme="dark"]) .mkt-coin-bar-ind {
  color: #6b7c8d;
}
/* —— 夜间弹窗对齐整页：黑底板 + 线框分层；未选中单字；选中/主操作抬升 —— */


html[data-theme="dark"] .me-sheet,
html[data-theme="dark"] .me-settings-sheet,
html[data-theme="dark"] .me-region-sheet,
html[data-theme="dark"] .me-asset-sheet,
html[data-theme="dark"] .me-pnl-sheet,
html[data-theme="dark"] .help-hub-card,
html[data-theme="dark"] .help-hub-top,
html[data-theme="dark"] .acc-add-sheet .acc-add-panel.acc-add-sheet-card,
html[data-theme="dark"] .acc-card-menu-modal .acc-card-menu-sheet,
html[data-theme="dark"] .acc-card-menu-modal.is-desk-pop .acc-card-menu-sheet,
html[data-theme="dark"] .teach-sheet .teach-sheet-card,
html[data-theme="dark"] .fee-tip-modal:not(.radar-sheet):not(.acc-pass-modal) .fee-sheet:not(.radar-card),
html[data-theme="dark"] .fee-tip-modal.confirm-modal .confirm-sheet,
html[data-theme="dark"] .fee-tip-modal .params-sheet-card.confirm-sheet {
  background: #000000 !important;
  background-image: none !important;
  border: 1px solid var(--card-line) !important;
  box-shadow: none !important;
}
/* 教学中心 · 新手教学路径：与帮助中心/账户弹层同黑底线框 */
html[data-theme="dark"] .teach-sheet .teach-novice-step {
  background: #000000 !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  color: var(--ink, #f0f3f6) !important;
}
html[data-theme="dark"] .teach-sheet .teach-novice-step.is-disabled {
  opacity: 0.55;
  border-style: dashed !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}
html[data-theme="dark"] .teach-sheet .teach-novice-n {
  background: #ffffff !important;
  color: #121417 !important;
}
html[data-theme="dark"] .teach-sheet .teach-novice-path li.is-soon .teach-novice-n {
  background: rgba(255, 255, 255, 0.12) !important;
  color: #8c8c8c !important;
}
html[data-theme="dark"] .teach-sheet .teach-novice-copy span {
  color: #8c8c8c !important;
}
html[data-theme="dark"] .teach-sheet .teach-foot-ico {
  background: #000000 !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.14) !important;
}
html[data-theme="dark"] .teach-sheet .teach-novice-actions .btn.soft {
  background: transparent !important;
  color: var(--ink, #f0f3f6) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
}
html[data-theme="dark"] .teach-sheet .teach-novice-actions .btn.main {
  background: #ffffff !important;
  color: #121417 !important;
  border: 0 !important;
}
html[data-theme="dark"] .fee-tip-modal.acc-qr-cam-modal .fee-sheet.acc-qr-cam-sheet {
  background: #000 !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}
html[data-theme="dark"] .help-hub-top {
  border: 0 !important;
}
.help-hub-top-title {
  visibility: hidden;
}
.help-hub-sheet.is-compact .help-hub-top-title {
  visibility: visible;
}
@media (max-width: 899.98px) {
  html[data-theme="dark"] .help-hub-card,
  html[data-theme="dark"] .help-hub-top {
    border: 0 !important;
    box-shadow: none !important;
  }
}
html[data-theme="dark"] .fee-tip-modal:not(.radar-sheet) .fee-head,
html[data-theme="dark"] .fee-tip-modal:not(.radar-sheet) .fee-body,
html[data-theme="dark"] .fee-tip-modal:not(.radar-sheet) .fee-foot,
html[data-theme="dark"] .fee-tip-modal.confirm-modal .confirm-head,
html[data-theme="dark"] .fee-tip-modal.confirm-modal .confirm-body,
html[data-theme="dark"] .fee-tip-modal.confirm-modal .confirm-actions {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
/* 小弹窗：去掉顶/底单独圆角，避免看起来像三块叠卡 */

html[data-theme="dark"] .fee-tip-modal.target-sheet .fee-head,
html[data-theme="dark"] .fee-tip-modal.target-sheet .fee-foot,
html[data-theme="dark"] .fee-tip-modal.params-sheet .fee-head,
html[data-theme="dark"] .fee-tip-modal.params-sheet .fee-foot,
html[data-theme="dark"] .fee-tip-modal .params-sheet-card .fee-head,
html[data-theme="dark"] .fee-tip-modal .params-sheet-card .fee-foot {
  border-radius: 0 !important;
}
html[data-theme="dark"] .fee-tip-modal.target-sheet .fee-sheet.confirm-sheet,
html[data-theme="dark"] .fee-tip-modal.params-sheet .params-sheet-card.confirm-sheet {
  background: #000000 !important;
  overflow: hidden;
}
html[data-theme="dark"] .fee-tip-modal .params-sheet-card .params-actions,
html[data-theme="dark"] .fee-tip-modal.target-sheet .confirm-actions,
html[data-theme="dark"] .fee-tip-modal.target-sheet .fee-foot.confirm-actions {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
/* 内层功能卡 / 输入：同黑底，线框区分 */


html[data-theme="dark"] .me-settings-sheet .me-sheet-row,
html[data-theme="dark"] .me-settings-sheet .me-skin-block .me-sheet-row,
html[data-theme="dark"] .acc-card-menu-modal .acc-card-menu-row.acc-card-menu-enable,
html[data-theme="dark"] .acc-card-menu-modal .acc-card-menu-act,
html[data-theme="dark"] .acc-card-menu-modal.is-desk-pop .acc-card-menu-row.acc-card-menu-enable,
html[data-theme="dark"] .acc-card-menu-modal.is-desk-pop .acc-card-menu-act {
  background: #000000 !important;
  border: 1px solid var(--card-line) !important;
  box-shadow: none !important;
  color: var(--ink) !important;
}
/* 夜间：删除账户与同菜单其它项一致（白字/灰线），勿保留 danger 红框红字 */
html[data-theme="dark"] .acc-card-menu-modal .acc-card-menu-act--danger,
html[data-theme="dark"] .acc-card-menu-modal.on .acc-card-menu-act--danger,
html[data-theme="dark"] .acc-card-menu-modal.is-desk-pop .acc-card-menu-act--danger,
html[data-theme="dark"] .acc-card-menu-modal.is-mobile-drawer .acc-card-menu-act--danger,
html[data-theme="dark"] .fee-tip-modal.acc-card-menu-modal.on .acc-card-menu-act--danger {
  color: var(--ink) !important;
  font-weight: 750 !important;
  border-color: var(--card-line) !important;
  background: #000000 !important;
}
html[data-theme="dark"] .me-settings-sheet .me-sheet-list,
html[data-theme="dark"] .help-hub-tools {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
/* 未选中 / 取消：单字，不铺底 */


html[data-theme="dark"] .me-settings-sheet .me-sheet-cancel-desk,
html[data-theme="dark"] .me-region-sheet .me-sheet-cancel-desk,
html[data-theme="dark"] .confirm-btn-cancel,
html[data-theme="dark"] .fee-tip-modal .confirm-btn-cancel,
html[data-theme="dark"] .fee-tip-modal .params-sheet-card .params-actions .confirm-btn-cancel,
html[data-theme="dark"] .target-sheet .confirm-btn-cancel,
html[data-theme="dark"] .params-tab:not(.on) {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  color: var(--ink) !important;
}
html[data-theme="dark"] .params-tab:not(.on) {
  color: var(--muted) !important;
}
html[data-theme="dark"] .me-settings-sheet .me-sheet-cancel-desk:hover,
html[data-theme="dark"] .confirm-btn-cancel:hover,
html[data-theme="dark"] .confirm-btn-cancel:active,
html[data-theme="dark"] .params-tab:not(.on):hover {
  background: transparent !important;
  color: #fff !important;
}
/* 手机夜间抽屉：从纯黑页底抬升，分组列表 + 细分割，选中档可辨 */


@media (max-width: 719px) {
  html[data-theme="dark"] #me-settings-layer .me-sheet-backdrop,
  html[data-theme="dark"] #admin-settings-layer .me-sheet-backdrop,
  html[data-theme="dark"] #me-region-layer .me-sheet-backdrop,
  html[data-theme="dark"] #admin-region-layer .me-sheet-backdrop {
    background: rgba(0, 0, 0, 0.55);
  }
  html[data-theme="dark"] #me-settings-layer .me-settings-sheet,
  html[data-theme="dark"] #admin-settings-layer .me-settings-sheet {
    background: #000000 !important;
    background-image: none !important;
    border: 0 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.14) !important;
    box-shadow: 0 -18px 48px rgba(0, 0, 0, 0.55) !important;
  }
  html[data-theme="dark"] #me-region-layer .me-region-sheet,
  html[data-theme="dark"] #admin-region-layer .me-region-sheet {
    background: #000000 !important;
    background-image: none !important;
    border: 0 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.14) !important;
    box-shadow: 0 -18px 48px rgba(0, 0, 0, 0.55) !important;
    --me-region-fade: #000000;
    --me-region-ink: #ffffff;
    --me-region-muted: #6e6e6e;
    --me-region-hl: rgba(255, 255, 255, 0.06);
    --me-region-line: transparent;
  }
  html[data-theme="dark"] #me-region-wheel,
  html[data-theme="dark"] #admin-region-wheel {
    border-radius: 0;
    background: transparent;
  }
  html[data-theme="dark"] #me-region-wheel .me-region-opt,
  html[data-theme="dark"] #admin-region-wheel .me-region-opt {
    color: #6e6e6e;
    opacity: 0.7;
  }
  html[data-theme="dark"] #me-region-wheel .me-region-opt.is-on,
  html[data-theme="dark"] #admin-region-wheel .me-region-opt.is-on,
  html[data-theme="dark"] #me-region-wheel .me-region-opt.is-center,
  html[data-theme="dark"] #admin-region-wheel .me-region-opt.is-center {
    color: #ffffff;
    opacity: 1;
  }
  html[data-theme="dark"] #me-region-wheel .me-region-opt.is-center .me-region-opt-title,
  html[data-theme="dark"] #admin-region-wheel .me-region-opt.is-center .me-region-opt-title {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.04em;
  }
  html[data-theme="dark"] #me-settings-layer .me-sheet-handle,
  html[data-theme="dark"] #admin-settings-layer .me-sheet-handle,
  html[data-theme="dark"] #me-region-layer .me-sheet-handle,
  html[data-theme="dark"] #admin-region-layer .me-sheet-handle {
    background: rgba(255, 255, 255, 0.28);
  }
  /* 法币选择：与市场设置抽屉同系（纯黑 + 顶线 + 遮罩） */
  body.earn-fiat-picker-open .dock {
    visibility: hidden;
    pointer-events: none;
  }
  body.earn-fiat-picker-open::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 28000;
    background: rgba(0, 0, 0, 0.55);
    pointer-events: auto;
  }
  .earn-fiat-grab {
    display: none;
    flex: 0 0 auto;
  }
  body.earn-fiat-picker-open .earn-fiat-dd {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: auto;
    z-index: 28010;
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 0;
    max-height: min(58vh, 420px);
    margin: 0;
    padding: 6px 16px calc(12px + env(safe-area-inset-bottom, 0px));
    border-radius: 16px 16px 0 0;
    border: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.14);
    box-shadow: 0 -18px 48px rgba(0, 0, 0, 0.55);
    overflow: hidden;
    color: #f2f2f2;
    box-sizing: border-box;
  }
  body.earn-fiat-picker-open .earn-fiat-grab {
    display: block;
  }
  body.earn-fiat-picker-open .earn-fiat-scroll {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  body.earn-fiat-picker-open .earn-fiat-scroll::-webkit-scrollbar {
    display: none;
  }
  html[data-theme="dark"] body.earn-fiat-picker-open .earn-fiat-dd {
    background: #000000 !important;
    background-image: none !important;
  }
  html[data-theme="light"] body.earn-fiat-picker-open .earn-fiat-dd {
    background: #ffffff !important;
    border-top-color: rgba(15, 23, 42, 0.1);
    box-shadow: 0 -18px 48px rgba(15, 23, 42, 0.12);
  }
  body.earn-fiat-picker-open .earn-fiat-list {
    padding: 0;
  }
  .earn-fiat-opt .mkt-pick-mark {
    display: none;
  }
  body.earn-fiat-picker-open .earn-fiat-opt.mkt-pick-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    margin: 0;
    padding: 14px 4px;
    border: 0;
    border-radius: 0;
    background: transparent;
    font-size: 16px;
    font-weight: 650;
    letter-spacing: 0.03em;
    text-align: left;
    cursor: pointer;
  }
  body.earn-fiat-picker-open .earn-fiat-opt .mkt-pick-mark {
    display: block;
    flex: 0 0 auto;
    color: inherit;
  }
  html[data-theme="dark"] body.earn-fiat-picker-open .earn-fiat-opt.mkt-pick-item {
    color: #a8b0bc;
  }
  html[data-theme="dark"] body.earn-fiat-picker-open .earn-fiat-opt.mkt-pick-item.on {
    color: #ffffff;
    font-weight: 800;
    background: transparent;
  }
  html[data-theme="light"] body.earn-fiat-picker-open .earn-fiat-opt.mkt-pick-item {
    color: #4b5563;
  }
  html[data-theme="light"] body.earn-fiat-picker-open .earn-fiat-opt.mkt-pick-item.on {
    color: #111827;
    font-weight: 800;
    background: transparent;
  }
  html[data-theme="dark"] #me-settings-layer .me-sheet-list,
  html[data-theme="dark"] #admin-settings-layer .me-sheet-list {
    background: #000000 !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: none !important;
  }
  html[data-theme="dark"] #me-settings-layer .me-sheet-row,
  html[data-theme="dark"] #admin-settings-layer .me-sheet-row,
  html[data-theme="dark"] #me-settings-layer .me-skin-block .me-sheet-row,
  html[data-theme="dark"] #admin-settings-layer .me-skin-block .me-sheet-row {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #f2f2f2 !important;
  }
  html[data-theme="dark"] #me-settings-layer .me-skin-block,
  html[data-theme="dark"] #admin-settings-layer .me-skin-block {
    border-bottom: 0;
  }
  html[data-theme="dark"] #me-settings-layer .me-sheet-row-main,
  html[data-theme="dark"] #admin-settings-layer .me-sheet-row-main {
    color: #f2f2f2;
  }
  html[data-theme="dark"] #me-settings-layer .me-sheet-ico,
  html[data-theme="dark"] #admin-settings-layer .me-sheet-ico,
  html[data-theme="dark"] #me-settings-layer .me-chev,
  html[data-theme="dark"] #admin-settings-layer .me-chev {
    color: #8c8c8c;
  }
  html[data-theme="dark"] #me-settings-layer .me-sheet-row-danger .me-sheet-ico,
  html[data-theme="dark"] #admin-settings-layer .me-sheet-row-danger .me-sheet-ico,
  html[data-theme="dark"] #me-settings-layer .me-sheet-row-danger .me-sheet-row-main,
  html[data-theme="dark"] #admin-settings-layer .me-sheet-row-danger .me-sheet-row-main {
    color: #f05a72 !important;
  }
  html[data-theme="dark"] #me-settings-layer .me-sheet-row:active,
  html[data-theme="dark"] #admin-settings-layer .me-sheet-row:active {
    background: rgba(255, 255, 255, 0.06) !important;
  }
}


@media (min-width: 720px) {
  html[data-theme="dark"] #me-settings-layer .me-settings-sheet,
  html[data-theme="dark"] #admin-settings-layer .me-settings-sheet,
html[data-theme="dark"] #admin-settings-layer .me-settings-sheet {
    background: #000000 !important;
    background-image: none !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.55) !important;
  }
  html[data-theme="dark"] #me-settings-layer .me-sheet-list,
  html[data-theme="dark"] #admin-settings-layer .me-sheet-list,
html[data-theme="dark"] #admin-settings-layer .me-sheet-list {
    background: #000000 !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: none !important;
  }
  html[data-theme="dark"] #me-settings-layer .me-sheet-row,
  html[data-theme="dark"] #admin-settings-layer .me-sheet-row,
  html[data-theme="dark"] #me-settings-layer .me-skin-block .me-sheet-row,
  html[data-theme="dark"] #admin-settings-layer .me-skin-block .me-sheet-row,
html[data-theme="dark"] #admin-settings-layer .me-sheet-row,
html[data-theme="dark"] #admin-settings-layer .me-skin-block .me-sheet-row {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #f2f2f2 !important;
  }
  html[data-theme="dark"] #me-settings-layer .me-skin-block,
  html[data-theme="dark"] #admin-settings-layer .me-skin-block,
html[data-theme="dark"] #admin-settings-layer .me-skin-block {
    border-bottom: 0;
  }
  html[data-theme="dark"] #me-settings-layer .me-sheet-row-main,
  html[data-theme="dark"] #admin-settings-layer .me-sheet-row-main,
html[data-theme="dark"] #admin-settings-layer .me-sheet-row-main {
    color: #f2f2f2;
  }
  html[data-theme="dark"] #me-settings-layer .me-sheet-ico,
  html[data-theme="dark"] #admin-settings-layer .me-sheet-ico,
  html[data-theme="dark"] #me-settings-layer .me-chev,
  html[data-theme="dark"] #admin-settings-layer .me-chev,
html[data-theme="dark"] #admin-settings-layer .me-sheet-ico,
html[data-theme="dark"] #admin-settings-layer .me-chev {
    color: #8c8c8c;
  }
  html[data-theme="dark"] #me-settings-layer .me-sheet-row-danger .me-sheet-ico,
  html[data-theme="dark"] #admin-settings-layer .me-sheet-row-danger .me-sheet-ico,
  html[data-theme="dark"] #me-settings-layer .me-sheet-row-danger .me-sheet-row-main,
  html[data-theme="dark"] #admin-settings-layer .me-sheet-row-danger .me-sheet-row-main,
html[data-theme="dark"] #admin-settings-layer .me-sheet-row-danger .me-sheet-ico,
html[data-theme="dark"] #admin-settings-layer .me-sheet-row-danger .me-sheet-row-main {
    color: #f05a72 !important;
  }
  html[data-theme="dark"] #me-settings-layer .me-sheet-row:hover,
  html[data-theme="dark"] #admin-settings-layer .me-sheet-row:hover,
  html[data-theme="dark"] #me-settings-layer .me-sheet-row:active,
  html[data-theme="dark"] #admin-settings-layer .me-sheet-row:active,
html[data-theme="dark"] #admin-settings-layer .me-sheet-row:hover,
html[data-theme="dark"] #admin-settings-layer .me-sheet-row:active {
    background: rgba(255, 255, 255, 0.06) !important;
  }
  html[data-theme="dark"] #me-settings-layer .me-sheet-cancel-desk,
  html[data-theme="dark"] #admin-settings-layer .me-sheet-cancel-desk,
html[data-theme="dark"] #admin-settings-layer .me-sheet-cancel-desk {
    background: transparent !important;
    border: 0 !important;
    color: #8c8c8c !important;
  }
}
@media (max-width: 899px) {
  html[data-theme="dark"] .acc-card-menu-modal.is-mobile-drawer,
  html[data-theme="dark"] .fee-tip-modal.acc-card-menu-modal.on {
    background: rgba(0, 0, 0, 0.55);
  }
  html[data-theme="dark"] .acc-card-menu-modal.is-mobile-drawer .acc-card-menu-sheet.fee-sheet,
  html[data-theme="dark"] .fee-tip-modal.acc-card-menu-modal.on .acc-card-menu-sheet.fee-sheet {
    background: #000000 !important;
    background-image: none !important;
    border: 0 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.14) !important;
    box-shadow: 0 -18px 48px rgba(0, 0, 0, 0.55) !important;
  }
  html[data-theme="dark"] .acc-card-menu-modal.is-mobile-drawer .acc-card-menu-grab,
  html[data-theme="dark"] .fee-tip-modal.acc-card-menu-modal.on .acc-card-menu-grab {
    background: rgba(255, 255, 255, 0.28);
  }
  html[data-theme="dark"] .acc-card-menu-modal.is-mobile-drawer .acc-card-menu-body,
  html[data-theme="dark"] .fee-tip-modal.acc-card-menu-modal.on .acc-card-menu-body {
    background: transparent !important;
    border: 0 !important;
    overflow: visible !important;
    box-shadow: none !important;
  }
  html[data-theme="dark"] .acc-card-menu-modal.is-mobile-drawer .acc-card-menu-row.acc-card-menu-enable,
  html[data-theme="dark"] .acc-card-menu-modal.is-mobile-drawer .acc-card-menu-act,
  html[data-theme="dark"] .acc-card-menu-modal.is-mobile-drawer .acc-card-menu-act--danger,
  html[data-theme="dark"] .fee-tip-modal.acc-card-menu-modal.on .acc-card-menu-row.acc-card-menu-enable,
  html[data-theme="dark"] .fee-tip-modal.acc-card-menu-modal.on .acc-card-menu-act,
  html[data-theme="dark"] .fee-tip-modal.acc-card-menu-modal.on .acc-card-menu-act--danger {
    background: #000000 !important;
    border: 1px solid var(--card-line) !important;
    box-shadow: none !important;
    color: #f2f2f2 !important;
  }
  html[data-theme="dark"] .acc-card-menu-modal.is-mobile-drawer .acc-card-menu-act:active,
  html[data-theme="dark"] .fee-tip-modal.acc-card-menu-modal.on .acc-card-menu-act:active {
    background: rgba(255, 255, 255, 0.06) !important;
  }
  html[data-theme="dark"] .acc-card-menu-modal.is-mobile-drawer .acc-card-menu-title,
  html[data-theme="dark"] .fee-tip-modal.acc-card-menu-modal.on .acc-card-menu-title {
    color: #f2f2f2;
  }
}

@media (max-width: 719px) {
  html[data-theme="dark"] #me-asset-layer .me-sheet-backdrop {
    background: rgba(0, 0, 0, 0.55);
  }
  html[data-theme="dark"] #me-asset-layer .me-asset-sheet,
  html[data-theme="dark"] #me-asset-layer .me-pnl-sheet {
    background: #000000 !important;
    background-image: none !important;
    border: 0 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.14) !important;
    box-shadow: 0 -18px 48px rgba(0, 0, 0, 0.55) !important;
  }
  html[data-theme="dark"] #me-asset-layer .me-sheet-handle {
    background: rgba(255, 255, 255, 0.28);
  }
  html[data-theme="dark"] #me-asset-layer .me-asset-list {
    align-self: stretch;
    background: #000000 !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    border-radius: 14px;
    box-shadow: none !important;
  }
  html[data-theme="dark"] #me-asset-layer .me-asset-acct {
    border-bottom: 0;
  }
  html[data-theme="dark"] #me-asset-layer .me-asset-acct.is-open > .me-asset-acct-head {
    background: transparent !important;
  }
  html[data-theme="dark"] #me-asset-layer .me-asset-acct:not(.is-open) > .me-asset-acct-head {
    background: transparent !important;
  }
  html[data-theme="dark"] #me-asset-layer .me-pnl-body {
    background: #000000 !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    border-radius: 14px;
    box-shadow: none !important;
  }
}
/* 选中 / 主操作：抬升高亮 */


html[data-theme="dark"] .fee-tip-modal.confirm-modal .confirm-btn-ok.confirm-btn-danger {
  background: #e5484d !important;
  color: #fff !important;
  border-color: transparent !important;
}
html[data-theme="dark"] .params-tab.on,
html[data-theme="dark"] .confirm-btn-ok,
html[data-theme="dark"] .target-sheet .confirm-btn-ok,
html[data-theme="dark"] .fee-tip-modal:not(.confirm-amend) .confirm-btn-ok,
html[data-theme="dark"] .acc-add-sheet .btn.main,
html[data-theme="dark"] .acc-add-sheet .acc-save,
html[data-theme="dark"] .fee-tip-modal:not(.radar-sheet) .btn.main,
html[data-theme="dark"] .fee-tip-modal:not(.radar-sheet) .params-save {
  background: var(--solid-bg) !important;
  color: #fff !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
/* 手机添加账户：主保存与登录 CTA 一致（白底黑字） */
@media (max-width: 899.98px) {
  html[data-theme="dark"] .acc-add-sheet .acc-form-actions .btn.main.acc-save {
    background: #ffffff !important;
    color: #121417 !important;
    -webkit-text-fill-color: #121417 !important;
    border: 0 !important;
    box-shadow: none !important;
    min-height: 48px;
    border-radius: 12px;
    font-size: 16px;
    font-weight: 750;
  }
  html:not([data-theme="dark"]) .acc-add-sheet .acc-form-actions .btn.main.acc-save {
    background: #121417 !important;
    color: #ffffff !important;
    min-height: 48px;
    border-radius: 12px;
    font-size: 16px;
    font-weight: 750;
  }
}
html[data-theme="dark"] .params-lh-proj,
html[data-theme="dark"] .fee-tip-modal .params-lh-proj {
  background: var(--solid-bg) !important;
}
/* 弹层内输入：黑底线框，不铺炭灰 */


html[data-theme="dark"] .me-sheet input:not([type="range"]):not([type="checkbox"]):not([type="radio"]),
html[data-theme="dark"] .me-sheet select:not(.pnl-account-select):not(.pnl-range-select):not(.me-pnl-account-select),
html[data-theme="dark"] .me-sheet textarea,
html[data-theme="dark"] .acc-add-sheet input:not([type="range"]):not([type="checkbox"]):not([type="radio"]),
html[data-theme="dark"] .acc-add-sheet select,
html[data-theme="dark"] .acc-add-sheet textarea,
html[data-theme="dark"] .acc-add-sheet .acc-add-upload,
html[data-theme="dark"] .acc-add-sheet .acc-add-adv,
html[data-theme="dark"] .fee-tip-modal:not(.radar-sheet):not(.acc-pass-modal):not(.pwd-change-modal) .fee-sheet input:not([type="range"]):not([type="checkbox"]):not([type="radio"]),
html[data-theme="dark"] .fee-tip-modal:not(.radar-sheet) .fee-sheet select:not(.pnl-account-select):not(.pnl-range-select):not(.me-pnl-account-select),
html[data-theme="dark"] .fee-tip-modal:not(.radar-sheet) .fee-sheet textarea,
html[data-theme="dark"] .help-hub-search {
  background: #000000 !important;
  border: 1px solid var(--card-line) !important;
  color: var(--ink) !important;
  box-shadow: none !important;
}
/* 盈亏账户 / 时间选择不走上面的纯黑输入底。那条 #000 更晚、更具体，会把前面的抬升色全部盖掉。 */
html[data-theme="dark"] .fee-tip-modal .fee-sheet select.pnl-account-select,
html[data-theme="dark"] .fee-tip-modal .fee-sheet select.pnl-range-select,
html[data-theme="dark"] .me-sheet select.pnl-account-select,
html[data-theme="dark"] .me-sheet select.me-pnl-account-select,
html[data-theme="dark"] .me-sheet select.pnl-range-select {
  -webkit-appearance: none !important;
  appearance: none !important;
  color-scheme: only light;
  background-color: var(--solid-bg) !important;
  background-image: linear-gradient(#1c1c1c, #1c1c1c), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23ffffff' d='M1 1l5 5 5-5'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat, no-repeat !important;
  background-position: center, right 8px center !important;
  background-size: 100% 100%, 12px 8px !important;
  color: var(--solid-fg) !important;
  -webkit-text-fill-color: var(--solid-fg) !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35) !important;
}
html[data-theme="dark"] .fee-tip-modal .fee-sheet .pnl-export-btn,
html[data-theme="dark"] .me-sheet .pnl-export-btn {
  background: var(--solid-bg) !important;
  background-color: var(--solid-bg) !important;
  color: var(--solid-fg) !important;
  -webkit-text-fill-color: var(--solid-fg) !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35) !important;
}
/* 参数填写：线框只画在外槽，内层 input 不再套第二圈 */

html[data-theme="dark"] .fee-tip-modal:not(.radar-sheet) .params-field-ctrl,
html[data-theme="dark"] .fee-tip-modal:not(.radar-sheet) .pro-num,
html[data-theme="dark"] .params-field-ctrl,
html[data-theme="dark"] .params-sec.is-locked .params-field-ctrl {
  background: #000000 !important;
  border: 1px solid var(--card-line) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] .fee-tip-modal:not(.radar-sheet) .params-field-ctrl input:not([type="range"]):not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="file"]):not([type="hidden"]):not([type="image"]),
html[data-theme="dark"] .fee-tip-modal:not(.radar-sheet) .fee-sheet .params-field-ctrl input:not([type="range"]):not([type="checkbox"]):not([type="radio"]),
html[data-theme="dark"] .fee-tip-modal:not(.radar-sheet) .pro-num input:not([type="range"]):not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="file"]):not([type="hidden"]):not([type="image"]),
html[data-theme="dark"] .fee-tip-modal:not(.radar-sheet) .fee-sheet .pro-num input:not([type="range"]):not([type="checkbox"]):not([type="radio"]),
html[data-theme="dark"] .params-field-ctrl input:not([type="range"]):not([type="checkbox"]):not([type="radio"]),
html[data-theme="dark"] .params-emerg-row .pro-num input:not([type="range"]):not([type="checkbox"]):not([type="radio"]) {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .params-tabs,
html[data-theme="dark"] .fee-tip-modal .params-tabs {
  background: transparent !important;
}
/* 滑动开关开态：轨道绿、圆点白（含账户菜单 / 参数 / 训练卡） */


.pro-toggle:checked,
.acc-switch input:checked + .acc-slider,
.kline-goto-switch:checked,
.ct-live-switch .pro-toggle:checked {
  background: var(--up) !important;
}
.pro-toggle::after,
.acc-slider::before,
.kline-goto-switch::after {
  background: #fff !important;
}
html[data-theme="dark"] .pro-toggle:checked,
html[data-theme="dark"] .fee-tip-modal .pro-toggle:checked,
html[data-theme="dark"] .acc-card-menu-modal .pro-toggle:checked,
html[data-theme="dark"] .acc-switch input:checked + .acc-slider,
html[data-theme="dark"] .kline-goto-switch:checked,
html[data-theme="dark"] .ct-live-switch .pro-toggle:checked {
  background: var(--up) !important;
}
html[data-theme="dark"] .pro-toggle::after,
html[data-theme="dark"] .acc-slider::before,
html[data-theme="dark"] .kline-goto-switch::after {
  background: #fff !important;
}
/* 概况二级：币种信息 / 交易规则 / 仓位档位 / 资金费率 / 指数样本（对照 OKX 信息页） *//* 概况：页签钉在上方，滚动只发生在五个按钮下面（电脑/手机相同） */



.mkt-coin-overview {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.mkt-coin-ov-subs {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  padding: 4px 16px 0;
  border-bottom: 0;
  flex-shrink: 0;
}
.mkt-coin-ov-subs button {
  appearance: none;
  border: 0;
  background: none;
  color: #8b95a5;
  font: inherit;
  font-size: 13px;
  font-weight: 550;
  padding: 10px 0 8px;
  cursor: pointer;
}
.mkt-coin-ov-subs button.on {
  color: #ffffff;
  font-weight: 750;
  box-shadow: inset 0 -2px 0 #ffffff;
}
.mkt-coin-ov-body {
  flex: 1 1 auto;
  min-height: 0;
  padding: 8px 16px 16px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.mkt-coin-ov-body::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}
.mkt-spec-empty { padding: 48px 0; text-align: center; color: #8b95a5; }
.mkt-spec-title {
  margin: 8px 0 18px;
  font-size: 18px;
  font-weight: 750;
  color: #e8eef4;
}
.mkt-spec-cols {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px 48px;
}
.mkt-spec-dl { margin: 0; }
.mkt-spec-dl > div {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  padding: 11px 0;
  border-bottom: 0;
}
.mkt-spec-dl dt {
  color: #8b95a5;
  font-size: 13px;
}
.mkt-spec-dl dd {
  margin: 0;
  color: #e8eef4;
  font-size: 13px;
  text-align: right;
  font-variant-numeric: tabular-nums;
}
.mkt-spec-dl .mkt-spec-head dt {
  color: #e8eef4;
  font-weight: 700;
}
.mkt-spec-dl .is-block {
  display: block;
}
.mkt-spec-dl .is-block dd {
  text-align: left;
  line-height: 1.5;
}
.mkt-spec-more,
.mkt-spec-link {
  appearance: none;
  border: 0;
  background: none;
  color: #8b95a5;
  font: inherit;
  font-size: 13px;
  cursor: pointer;
  padding: 0;
}
.mkt-spec-extra {
  margin: 6px 0 0;
  color: #8b95a5;
  font-size: 12px;
  text-align: right;
}
.mkt-spec-foot {
  margin: 18px 0 0;
  color: #6b7380;
  font-size: 12px;
  line-height: 1.55;
}
.mkt-spec-table-wrap { overflow-x: auto; }
.mkt-spec-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}
.mkt-spec-table th,
.mkt-spec-table td {
  padding: 12px 10px;
  text-align: left;
  border-bottom: 0;
  font-variant-numeric: tabular-nums;
}
.mkt-spec-table th {
  color: #8b95a5;
  font-weight: 550;
  white-space: nowrap;
}
.mkt-spec-table td { color: #e8eef4; }
.mkt-spec-fund-kpi {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
  padding: 8px 0 18px;
}
.mkt-spec-fund-kpi em {
  display: block;
  color: #8b95a5;
  font-style: normal;
  font-size: 12px;
  margin-bottom: 6px;
}
.mkt-spec-fund-kpi b {
  color: #e8eef4;
  font-size: 15px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}
.mkt-spec-fund-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin: 8px 0 4px;
}
.mkt-spec-fund-title,
.mkt-spec-fund-bar h3,
.mkt-spec-fund-detail h3 {
  margin: 8px 0 10px;
  font-size: 15px;
  font-weight: 700;
  color: #e8eef4;
}
.mkt-spec-chart-box {
  position: relative;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 12px;
  background: transparent;
  padding: 6px 12px 8px 4px;
}
.mkt-spec-chart-box .mkt-spec-range {
  position: absolute;
  z-index: 3;
  top: 10px;
  left: 12px;
  gap: 16px;
  pointer-events: auto;
}
.mkt-spec-range { display: flex; gap: 16px; }
.mkt-spec-range button {
  appearance: none;
  border: 0;
  background: none;
  color: #6b7380;
  font: inherit;
  font-size: 13px;
  cursor: pointer;
  padding: 0;
}
.mkt-spec-range button.on { color: #ffffff; font-weight: 600; }
.mkt-spec-chart {
  height: 248px;
  touch-action: none;
  user-select: none;
}
.mkt-spec-fund-detail { margin-top: 20px; }
.mkt-spec-table.is-tiers,
.mkt-spec-table.is-fund {
  width: 100%;
}
.mkt-spec-table.is-fund {
  table-layout: fixed;
}
.mkt-spec-table.is-tiers th,
.mkt-spec-table.is-tiers td {
  padding: 13px 12px 13px 0;
  text-align: left;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  white-space: nowrap;
}
.mkt-spec-table.is-tiers th {
  color: #8b95a5;
  font-weight: 400;
}
.mkt-spec-table.is-tiers td { color: #e8eef4; }
.mkt-spec-table.is-tiers th:nth-child(2),
.mkt-spec-table.is-tiers td:nth-child(2) {
  white-space: normal;
  min-width: 36%;
}
@media (max-width: 720px) {
  .mkt-coin-ov-body:has(.mkt-spec-tier-card) {
    padding: 8px 12px 12px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
  }
  .mkt-spec-tier-card {
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
    box-sizing: border-box;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    touch-action: pan-x pan-y;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 12px;
    background: transparent;
    padding: 0;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .mkt-spec-tier-card::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
  }
  .mkt-spec-tier-card .mkt-spec-table.is-tiers th,
  .mkt-spec-tier-card .mkt-spec-table.is-tiers td {
    padding: 8px 12px;
  }
  .mkt-spec-tier-card .mkt-spec-table.is-tiers {
    width: 100%;
    min-width: max-content;
  }
  .mkt-spec-tier-card .mkt-spec-table.is-tiers th,
  .mkt-spec-tier-card .mkt-spec-table.is-tiers td {
    white-space: nowrap;
  }
  .mkt-spec-tier-card .mkt-spec-table.is-tiers th:nth-child(2),
  .mkt-spec-tier-card .mkt-spec-table.is-tiers td:nth-child(2) {
    white-space: nowrap;
    min-width: 0;
  }
  .mkt-spec-tier-card .mkt-spec-table.is-tiers thead th {
    position: sticky;
    top: 0;
    z-index: 2;
    background: #0b0e11;
  }
}
.mkt-spec-table.is-fund th,
.mkt-spec-table.is-fund td {
  padding: 14px 0;
  text-align: left;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.mkt-spec-table.is-fund th:first-child,
.mkt-spec-table.is-fund td:first-child { width: 42%; }
.mkt-spec-table.is-fund th {
  color: #8b95a5;
  font-weight: 400;
}
.mkt-spec-table.is-fund td { color: #e8eef4; }
.mkt-spec-pager {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  padding: 18px 0 4px;
}
.mkt-spec-pager button {
  min-width: 22px;
  height: 22px;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 50%;
  background: transparent;
  color: #8b95a5;
  font: inherit;
  font-size: 13px;
  line-height: 20px;
  cursor: pointer;
}
.mkt-spec-pager button.on {
  background: #fff;
  color: #111;
  border-color: #fff;
  font-weight: 650;
}
.mkt-spec-pager button.is-nav {
  border: 0;
  color: #6b7380;
  font-size: 18px;
  line-height: 1;
}
.mkt-spec-pager button:disabled {
  opacity: 0.28;
  cursor: default;
}
.mkt-spec-idx-kpi {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  padding: 8px 0 16px;
}
.mkt-spec-idx-kpi em {
  display: block;
  color: #8b95a5;
  font-style: normal;
  font-size: 12px;
  margin-bottom: 6px;
}
.mkt-spec-idx-kpi b {
  color: #e8eef4;
  font-size: 15px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}
.mkt-spec-table.is-index {
  width: 100%;
}
.mkt-spec-table.is-index th,
.mkt-spec-table.is-index td {
  padding: 13px 12px 13px 0;
  text-align: left;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.mkt-spec-table.is-index th {
  color: #8b95a5;
  font-weight: 400;
}
.mkt-spec-table.is-index th:last-child,
.mkt-spec-table.is-index td:last-child {
  text-align: right;
  padding-right: 0;
}
.mkt-idx-sort button {
  appearance: none;
  border: 0;
  background: none;
  color: inherit;
  font: inherit;
  font-size: inherit;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 5px;
  cursor: pointer;
  padding: 0;
}
.mkt-idx-arrows {
  display: inline-flex;
  flex-direction: column;
  gap: 2px;
}
.mkt-idx-arrows em {
  display: block;
  width: 0;
  height: 0;
  border-left: 3.5px solid transparent;
  border-right: 3.5px solid transparent;
  opacity: 0.32;
}
.mkt-idx-arrows em:first-child { border-bottom: 4px solid #8b95a5; }
.mkt-idx-arrows em:last-child { border-top: 4px solid #8b95a5; }
.mkt-idx-sort.is-asc .mkt-idx-arrows em:first-child {
  opacity: 1;
  border-bottom-color: #e8eef4;
}
.mkt-idx-sort.is-desc .mkt-idx-arrows em:last-child {
  opacity: 1;
  border-top-color: #e8eef4;
}
.mkt-spec-idx .mkt-spec-link {
  display: inline-block;
  margin-top: 14px;
  color: #c5cdd6;
}
.mkt-idx-rule-sheet.on { display: flex; }
.mkt-idx-rule-card {
  width: min(720px, 100%);
  max-height: min(86vh, 820px);
  margin: auto;
  overflow: auto;
  background: #0e141b;
  color: #e8eef4;
  border-radius: 16px;
  padding: 0 20px 28px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  box-shadow: 0 20px 56px rgba(0, 0, 0, 0.5);
}
.mkt-idx-rule-head {
  display: flex;
  align-items: center;
  gap: 8px;
  position: sticky;
  top: 0;
  z-index: 1;
  background: #0e141b;
  padding: 12px 0 10px;
}
.mkt-idx-rule-head h3 {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
}
.mkt-idx-rule-body h4 {
  margin: 22px 0 10px;
  font-size: 15px;
  font-weight: 700;
}
.mkt-idx-rule-body p,
.mkt-idx-rule-body li {
  margin: 0 0 10px;
  color: #c5cdd6;
  font-size: 13px;
  line-height: 1.7;
}
.mkt-idx-rule-body ul {
  margin: 0 0 10px;
  padding-left: 1.2em;
}
.mkt-spec-help-sheet.on {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
}
.mkt-spec-help-card {
  width: min(480px, 92vw);
  max-height: min(78vh, 640px);
  margin: auto;
  display: flex;
  flex-direction: column;
  background: #0e141b;
  color: #e8eef4;
  border-radius: 16px;
  padding: 22px 22px 18px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  box-shadow: 0 20px 56px rgba(0, 0, 0, 0.5);
}
.mkt-spec-help-card h3 {
  margin: 0 0 14px;
  font-size: 17px;
  font-weight: 700;
}
.mkt-spec-help-body {
  overflow: auto;
  flex: 1;
  min-height: 0;
  scrollbar-width: none;
}
.mkt-spec-help-body::-webkit-scrollbar { display: none; }
.mkt-spec-help-body h4 {
  margin: 16px 0 8px;
  font-size: 14px;
  font-weight: 700;
  color: #e8eef4;
}
.mkt-spec-help-body h4:first-child {
  margin-top: 0;
}
.mkt-spec-help-body p,
.mkt-spec-help-body li {
  margin: 0 0 10px;
  color: #c5cdd6;
  font-size: 13px;
  line-height: 1.7;
}
.mkt-spec-help-body ul {
  margin: 0 0 10px;
  padding-left: 1.2em;
}
.mkt-spec-help-num {
  color: #e8eef4;
  font-weight: 650;
  font-variant-numeric: tabular-nums;
}
.mkt-spec-help-card #mkt-spec-help-ok {
  display: block;
  margin: 16px 0 0 auto;
  appearance: none;
  border: 0;
  background: #fff;
  color: #111;
  border-radius: 99px;
  padding: 8px 18px;
  font: inherit;
  font-size: 13px;
  font-weight: 650;
  cursor: pointer;
}
@media (max-width: 720px) {
  .mkt-spec-cols,
  .mkt-spec-fund-kpi,
  .mkt-spec-idx-kpi {
    grid-template-columns: 1fr;
  }
  .mkt-spec-chart { height: 220px; }
}
/* auth-okx-split */



.auth-layer.auth-okx {
  padding: 0;
  align-items: stretch;
  justify-content: stretch;
}
.auth-layer.auth-okx .auth-backdrop {
  background: #0b0e11;
}
.auth-okx-split {
  position: relative;
  z-index: 2;
  display: flex;
  width: 100%;
  min-height: 100%;
  pointer-events: auto;
}
.auth-okx-brand {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  background: #0b0e11;
  color: #fff;
}
.auth-okx-logo {
  width: 72px;
  height: 72px;
  object-fit: contain;
}
.auth-okx-name {
  margin: 0;
  font-size: 22px;
  letter-spacing: 0.12em;
}
.auth-okx-pane {
  width: min(460px, 100%);
  background: #fff;
  color: #121417;
  box-sizing: border-box;
  padding: 56px 36px 32px;
  position: relative;
  overflow: auto;
}
/* OKX 分栏登录页：桌面无返回；手机见 body.auth-mobile-page */
@media (min-width: 900px) {
  .auth-okx-pane .auth-close {
    display: none !important;
  }
}
.auth-okx-title {
  margin: 0 0 18px;
  font-size: 22px;
  font-weight: 600;
}
.auth-okx-pane .pro-field input.pro-field-inp {
  background: #fff;
  color: #121417;
  -webkit-text-fill-color: #121417;
  caret-color: #121417;
  border: 1px solid #e6e6e6;
}
.auth-okx-pane .btn.main,
.auth-okx-pane button.btn.main {
  width: 100%;
  margin-top: 8px;
  background: #121417;
  color: #fff;
  border: 0;
}
.auth-tabs {
  display: flex;
  gap: 18px;
  margin-bottom: 16px;
}
.auth-tabs button {
  border: 0;
  background: transparent;
  color: #888;
  font-size: 16px;
  padding: 0 0 6px;
  cursor: pointer;
}
.auth-tabs button.on {
  color: #121417;
  box-shadow: inset 0 -2px 0 #121417;
}
.auth-hint {
  display: block;
  margin-top: 6px;
  color: #888;
  font-size: 12px;
}
.auth-link {
  border: 0;
  background: transparent;
  color: #3d7eff;
  padding: 0;
  cursor: pointer;
  font-size: 13px;
}
.auth-links, .auth-switch {
  display: flex;
  gap: 12px;
  align-items: center;
  margin: 10px 0 0;
  color: #666;
  font-size: 13px;
}
.auth-code-row {
  display: flex;
  gap: 8px;
}
.auth-code-row .pro-field-inp { flex: 1; }
.auth-puzzle { margin: 8px 0 12px; }
.auth-puzzle-stage {
  position: relative;
  width: 280px;
  max-width: 100%;
  height: 150px;
  background: #111;
  overflow: hidden;
}
.auth-puzzle-stage img { display: block; max-width: none; }
#auth-puzzle-bg,
#admin-cap-bg { width: 280px; height: 150px; }
#auth-puzzle-piece,
#admin-cap-piece {
  position: absolute;
  left: 0;
  width: 44px;
  height: 44px;
}
.auth-puzzle input[type="range"] { width: 280px; max-width: 100%; margin-top: 8px; }
.ch-block {
  margin: 0 0 16px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 12px;
}
.ch-block.is-nested {
  margin: 12px 0 0;
  padding: 12px 0 0;
  border: 0;
  border-radius: 0;
}
.page-admin .admin-signup-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
html[data-theme="dark"] .page-admin .admin-signup-head .btn.main {
  background: #fff !important;
  color: #121417 !important;
  -webkit-text-fill-color: #121417;
}
html:not([data-theme="dark"]) .page-admin .admin-signup-sheet .ch-tpl-btn,
html:not([data-theme="dark"]) .page-admin .admin-signup-sheet .ch-tpl-btn:hover {
  background: #f5f5f5 !important;
  color: #121417 !important;
  -webkit-text-fill-color: #121417;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  box-shadow: none !important;
}
.page-admin .me-sheet.admin-signup-sheet {
  width: min(720px, calc(100vw - 28px));
  max-height: min(88dvh, 860px);
  overflow: auto;
}
.page-admin #admin-treasury-layer {
  align-items: center;
  justify-content: center;
  padding: 24px 16px;
}
.page-admin #admin-treasury-layer .me-sheet.admin-treasury-sheet {
  width: min(420px, calc(100vw - 28px));
  max-height: min(78dvh, 560px);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.page-admin #admin-treasury-layer .admin-treasury-sheet .admin-ops-body.admin-extra-body {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding-top: 18px;
  padding-bottom: 18px;
}
.page-admin #admin-treasury-layer .admin-treasury-sheet .admin-ops-body.admin-extra-body::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}
.page-admin #admin-treasury-layer .admin-extra-lead {
  margin: 0 0 14px;
  font-size: 17px;
  font-weight: 750;
  letter-spacing: -0.01em;
  color: var(--ink);
}
.page-admin #admin-treasury-layer .admin-extra-row {
  margin: 0 0 10px;
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid var(--line);
  background: color-mix(in srgb, var(--panel-2, var(--panel)) 88%, transparent);
}
.page-admin #admin-treasury-layer .admin-extra-row:last-child {
  margin-bottom: 0;
}
.page-admin #admin-treasury-layer .admin-extra-row .ch-head {
  align-items: flex-start;
  gap: 12px;
}
.page-admin #admin-treasury-layer .admin-extra-copy {
  min-width: 0;
  flex: 1 1 auto;
}
.page-admin #admin-treasury-layer .admin-treasury-sheet .ch-head h2 {
  margin: 0;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.35;
}
.page-admin #admin-treasury-layer .admin-extra-hint {
  margin: 4px 0 0;
  font-size: 12px;
  line-height: 1.45;
  color: var(--muted);
}
.page-admin #admin-treasury-layer .admin-extra-row .ch-switch {
  flex: 0 0 auto;
  margin-top: 2px;
}
.page-admin #admin-treasury-layer .admin-treasury-sheet .admin-ops-help .ui-help-tip {
  width: min(240px, calc(100vw - 64px));
}
@media (max-width: 719px) {
  .page-admin #admin-treasury-layer {
    align-items: flex-end;
    justify-content: stretch;
    padding: 0;
  }
  .page-admin #admin-treasury-layer .me-sheet.admin-treasury-sheet {
    width: 100%;
    max-width: none;
    max-height: min(88dvh, 640px);
  }
}
.page-admin .me-sheet.admin-invite-sheet {
  width: min(980px, calc(100vw - 24px));
  max-height: min(92dvh, 860px);
}
.page-admin .me-sheet.admin-invite-sheet.is-compact {
  width: min(520px, calc(100vw - 28px));
}
.page-admin .admin-invite-sheet.is-compact .ch-invite-split {
  grid-template-columns: minmax(0, 1fr);
}
.page-admin .admin-invite-sheet.is-compact .ch-invite-live {
  display: none;
}
.ch-invite-split {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 16px;
  align-items: start;
}
.ch-invite-live {
  position: sticky;
  top: 0;
}
.ch-inv-ways { display: grid; gap: 8px; margin: 10px 0; }
.ch-inv-way {
  position: relative;
  display: grid;
  gap: 4px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--panel-2, #f5f5f5);
  cursor: pointer;
}
.ch-inv-way input { position: absolute; opacity: 0; pointer-events: none; }
.ch-inv-way:has(input:checked) {
  border-color: #121417;
  box-shadow: inset 0 0 0 1px #121417;
}
html[data-theme="dark"] .ch-inv-way:has(input:checked) {
  border-color: #fff;
  box-shadow: inset 0 0 0 1px #fff;
}
.ch-inv-way b { font-size: 14px; }
.ch-inv-way span { color: var(--muted); font-size: 12px; line-height: 1.45; }
.ch-inv-go { width: 100%; margin-top: 12px; }
#ch-invite-store {
  border: 1px solid var(--line);
  border-radius: 14px;
  background: var(--panel-2, #f5f5f5);
  padding: 12px;
  min-height: 240px;
  max-height: min(62dvh, 520px);
  overflow: auto;
}
#ch-invite-store .ch-store-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
#ch-invite-store .ch-inv-filters {
  margin: 0;
  justify-content: flex-start;
}
.ch-store-head span { color: var(--muted); font-size: 12px; }
.ch-store-row {
  padding: 10px 0;
  border-top: 1px solid var(--line);
}
.ch-store-row div { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.ch-store-row b { font-size: 15px; letter-spacing: 0.04em; }
.ch-store-row p { margin: 4px 0 0; color: var(--muted); font-size: 12px; }
.ch-store-ops { justify-content: flex-end; margin-top: 6px; }
.ch-store-ops button {
  border: 0;
  background: transparent;
  color: var(--muted);
  cursor: pointer;
  font-size: 12px;
}
.ch-invite-live-lab {
  margin: 0 0 8px;
  font-size: 12px;
  font-weight: 700;
  color: var(--muted);
}
.ch-zone {
  margin-top: 16px;
  padding-top: 14px;
}
.ch-zone h3 {
  margin: 0 0 10px;
  font-size: 13px;
  font-weight: 750;
}
.ch-live-note {
  margin: 0;
  padding: 14px;
  border-radius: 14px;
  background: #f5f5f5;
  border: 1px solid rgba(0, 0, 0, 0.12);
  color: #121417;
  font-size: 13px;
  line-height: 1.55;
}
html[data-theme="dark"] .ch-live-note {
  background: #121417;
  border-color: rgba(255, 255, 255, 0.12);
  color: #e8eef4;
}
.ch-live-card {
  background:
    linear-gradient(100deg, rgba(0, 0, 0, 0.72) 0%, rgba(0, 0, 0, 0.28) 42%, rgba(255, 255, 255, 0.05) 78%),
    #090a0c;
  color: #f4f6f8;
  border-radius: 16px;
  padding: 18px 16px 14px;
}
.ch-live-card h3 {
  margin: 0 0 10px;
  font-size: 20px;
  line-height: 1.25;
  font-weight: 760;
}
.ch-live-card .k { margin: 0; font-size: 12px; color: #c8cdd3; }
.ch-live-card .amt {
  margin: 0;
  font-size: 52px;
  line-height: 0.9;
  font-weight: 760;
  color: #c8f542;
  letter-spacing: -1px;
}
.ch-live-card .unit { margin: 2px 0 10px; font-size: 13px; font-weight: 700; }
.ch-live-card .line,
.ch-live-card .ends { margin: 0 0 6px; font-size: 12px; line-height: 1.4; color: #e4e8ec; }
.ch-live-card .friend {
  margin-top: 12px;
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.08);
}
.ch-live-card .friend b { display: block; font-size: 13px; }
.ch-live-card .friend span { display: block; margin-top: 4px; font-size: 12px; color: #c8cdd3; }
@media (max-width: 860px) {
  .ch-invite-split { grid-template-columns: 1fr; }
  .ch-invite-live { position: static; }
}
.page-admin .admin-signup-sheet .admin-ops-body {
  overflow: auto;
  min-height: 0;
  flex: 1 1 auto;
  scrollbar-width: none;
}
.page-admin .admin-signup-sheet .admin-ops-body::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}
.page-admin .admin-signup-sheet .pro-field-inp::placeholder,
.page-admin .admin-signup-sheet .pro-field-inp::-webkit-input-placeholder {
  color: var(--muted);
  opacity: 0.42;
  font-weight: 400;
  -webkit-text-fill-color: var(--muted);
}
.page-admin .admin-signup-sheet .pro-field-inp::-moz-placeholder {
  color: var(--muted);
  opacity: 0.42;
  font-weight: 400;
}
/* 全宽 ch-stack（网关/签名/发件人）原先无 box-sizing，width:100%+边框被 overflow 裁掉右侧圆角封口 */
.page-admin .admin-signup-sheet .ch-block,
.page-admin .admin-signup-sheet .ch-stack,
.page-admin .admin-signup-sheet .pro-field {
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}
.page-admin .admin-signup-sheet .ch-block {
  overflow: visible;
}
.page-admin .admin-signup-sheet .pro-field-inp,
.page-admin .admin-signup-sheet input.pro-field-inp,
.page-admin .admin-signup-sheet select.pro-field-inp,
.page-admin .admin-signup-sheet textarea.pro-field-inp {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  -webkit-appearance: none;
  appearance: none;
  background-clip: padding-box;
}
.ch-stack { display: block; margin-top: 10px; }
.ch-tpl-btn { width: 100%; margin-top: 12px; }
.ch-sms-card, .ch-mail-card {
  margin-top: 8px;
  padding: 14px;
  border-radius: 14px;
  background: var(--panel-2, #161616);
  border: 1px solid var(--line);
}
.ch-sms-card p, .ch-mail-card p { margin: 8px 0 0; white-space: pre-wrap; line-height: 1.5; }
.ch-mail-card div { display: flex; justify-content: space-between; gap: 12px; font-size: 13px; }
.ch-mail-card div span { color: var(--muted); }
#admin-tpl-layer {
  z-index: 29000;
  align-items: center;
}
#admin-rules-layer {
  z-index: 29500;
  align-items: center;
}
.page-admin .me-sheet.admin-rules-sheet {
  width: min(980px, calc(100vw - 24px));
  max-height: min(92dvh, 860px);
  overflow: hidden;
  scrollbar-width: none;
}
.page-admin .me-sheet.admin-rules-sheet::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}
#admin-rules-layer .admin-signup-head {
  flex: none;
  background: var(--panel, #fff);
}
#admin-rules-layer .ch-invite-split {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  flex: 1 1 auto;
  min-height: 0;
  max-height: calc(92dvh - 88px);
  overflow: auto;
  scrollbar-width: none;
}
#admin-rules-layer .ch-invite-split::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}
.ch-rules-title { display: flex; align-items: center; gap: 6px; }
.ch-rules-back {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  margin-left: -4px;
  margin-top: -6px;
  border: 0;
  background: transparent;
  color: inherit;
  font-size: 26px;
  line-height: 1;
  cursor: pointer;
  padding: 0;
}
#admin-invite-layer .ch-inv-make {
  border-top: 0;
  margin-top: 8px;
  padding-top: 0;
}
#admin-rules-layer .ch-rules-step,
#admin-rules-layer .ch-rules-faq {
  background: var(--panel-2, #f5f5f5);
  border: 1px solid var(--line);
  padding: 12px;
  gap: 8px;
}
#admin-rules-layer .ch-rules-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
#admin-rules-layer .ch-rules-card-head b { font-size: 13px; }
#admin-rules-layer .ch-rules-card-head button {
  border: 0;
  background: transparent;
  color: var(--muted);
  cursor: pointer;
  font-size: 13px;
}
#admin-rules-layer .ch-rules-add { width: 100%; margin-top: 8px; }
.ch-rules-phone {
  background: #000;
  color: #fff;
  border-radius: 16px;
  min-height: 280px;
  max-height: min(68dvh, 560px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.ch-rules-phone-tabs { display: flex; gap: 16px; padding: 12px 14px 0; }
.ch-rules-phone-tabs button {
  border: 0;
  background: transparent;
  color: #8e969e;
  font-size: 13px;
  font-weight: 650;
  padding: 6px 0 8px;
  cursor: pointer;
  position: relative;
}
.ch-rules-phone-tabs button.on { color: #fff; }
.ch-rules-phone-tabs button.on::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background: #fff;
}
.ch-rules-phone-body {
  overflow: auto;
  padding: 14px;
  scrollbar-width: none;
}
.ch-rules-phone-body::-webkit-scrollbar { width: 0; height: 0; display: none; }
.ch-rules-phone-empty { margin: 8px 0; color: #9aa3ad; font-size: 13px; line-height: 1.5; }
.ch-rules-phone-back {
  border: 0;
  background: transparent;
  color: #fff;
  padding: 0 0 10px;
  cursor: pointer;
  font-size: 13px;
}
@media (max-width: 860px) {
  #admin-rules-layer .ch-invite-split { grid-template-columns: 1fr; }
}
#admin-tpl-layer .admin-signup-sheet {
  max-height: calc(100dvh - 32px);
  overflow: auto;
}
#admin-tpl-text {
  width: 100%;
  box-sizing: border-box;
  min-height: 84px;
  resize: vertical;
  font: inherit;
  line-height: 1.5;
}
#admin-tpl-layer .btn.main { width: 100%; }
#admin-cap-layer {
  z-index: 29000;
  align-items: center;
}
#admin-cap-layer .admin-signup-sheet {
  max-height: calc(100dvh - 32px);
  overflow: auto;
}
.admin-cap-sheet .auth-puzzle-stage { margin: 0 auto; }
.admin-cap-sheet .auth-cap-msg.is-ok { color: #2ecf9a; }
.admin-cap-sheet .btn.main { width: 100%; }
.admin-cap-sheet input[type="range"]::-moz-range-thumb {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #111;
  border: 2px solid #fff;
  cursor: pointer;
}
.page-admin #ch-reg-mode,
.page-admin #ch-invite-mode,
.page-admin #ch-camp-ticker-mode,
.page-admin #ch-cap-source,
.page-admin #ch-rules-steps select {
  width: 100%;
  box-sizing: border-box;
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  padding-right: 36px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%238aa0b0' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
}
html[data-theme="dark"] .page-admin #ch-reg-mode,
html[data-theme="dark"] .page-admin #ch-invite-mode,
html[data-theme="dark"] .page-admin #ch-camp-ticker-mode,
html[data-theme="dark"] .page-admin #ch-cap-source,
html[data-theme="dark"] .page-admin #ch-rules-steps select {
  background-color: var(--panel-2) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%238aa0b0' d='M1 1l5 5 5-5'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 12px center !important;
}
.ch-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.ch-head h2 { margin: 0; font-size: 16px; }
.ch-note, .ch-flag { color: var(--muted); font-size: 12px; line-height: 1.5; }
.ch-switch { position: relative; width: 42px; height: 24px; }
.ch-switch input { opacity: 0; width: 0; height: 0; }
.ch-switch span {
  position: absolute; inset: 0; background: #c8c8c8; border-radius: 99px; cursor: pointer;
}
.ch-switch span:before {
  content: ""; position: absolute; width: 18px; height: 18px; left: 3px; top: 3px;
  background: #fff; border-radius: 50%; transition: transform .15s;
}
.ch-switch input:checked + span { background: var(--up, #2ecf9a); }
.ch-switch input:checked + span:before { transform: translateX(18px); }
.ch-grid {
  display: grid;
  gap: 12px;
  margin-top: 10px;
  width: 100%;
  box-sizing: border-box;
}
/* 按弹层可用宽度自适应列数，避免 520 宽里硬塞 2/3 列导致挤扁 */
.ch-grid-2 {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
}
.ch-grid-3 {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 150px), 1fr));
}
.ch-grid-3eq {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 150px), 1fr));
}
.ch-grid .pro-field {
  margin: 0;
  min-width: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.ch-grid .pro-field-lab {
  display: block;
}
.ch-grid .pro-field-inp,
.ch-grid select.pro-field-inp {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}
.ch-rules-bar { display: flex; align-items: center; justify-content: space-between; margin-top: 4px; font-size: 12px; font-weight: 700; color: var(--muted); }
.ch-rules-bar .btn { min-width: 32px; padding: 4px 10px; }
.ch-rules-step-top button, .ch-rules-faq-top button { width: 32px; height: 32px; padding: 0; }
@media (max-width: 560px) {
  .ch-grid-2,
  .ch-grid-3,
  .ch-grid-3eq {
    grid-template-columns: 1fr;
  }
}
.ch-invite-add { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 10px; }
.ch-invite-add .pro-field-inp { width: 160px; }
.ch-inv-row { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; padding: 8px 0; border-top: 1px solid var(--line); font-size: 13px; }
@media (max-width: 899px) {
  .auth-okx-split { flex-direction: column; }
  .auth-okx-brand { flex: 0 0 auto; min-height: 148px; }
  .auth-okx-pane { width: 100%; flex: 1; }
}
/* auth-okx-match */



.auth-layer.auth-okx [hidden] { display: none !important; }
.auth-layer.auth-okx .auth-backdrop { background: #000; }
.auth-okx-brand {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  padding: 32px 40px;
  text-align: center;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: #000;
}
.auth-okx-brand-scene {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
  background: #000;
}
.auth-okx-brand-art {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: auto;
  height: 118%;
  min-width: 108%;
  max-width: none;
  display: block;
  object-fit: cover;
  object-position: center center;
  opacity: 0.96;
  filter: grayscale(1) contrast(1.14) brightness(0.68);
  transform: translate(-50%, -50%) scale(1.04);
}
.auth-okx-brand-fog {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background: rgba(0, 0, 0, 0.12);
  backdrop-filter: blur(2px) saturate(0.72);
  -webkit-backdrop-filter: blur(2px) saturate(0.72);
}
.auth-okx-brand-veil {
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
  background:
    linear-gradient(165deg, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.26) 48%, rgba(0, 0, 0, 0.46) 100%),
    radial-gradient(ellipse 72% 66% at 46% 38%, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.38) 72%, rgba(0, 0, 0, 0.58) 100%);
  opacity: 1;
}
.auth-okx-brand > .auth-okx-slogan {
  position: absolute;
  z-index: 4;
  left: 50%;
  top: 50%;
  width: fit-content;
  max-width: min(92%, 560px);
  margin: 0;
  transform: translate(-50%, -50%);
  text-align: left;
  box-sizing: border-box;
  padding: 0 12px;
}
html[data-locale="en"] .auth-okx-brand > .auth-okx-slogan {
  width: min(92%, 640px);
  max-width: min(92%, 640px);
  text-align: center;
}
@media (min-width: 900px) {
  .auth-okx-split > .auth-okx-brand,
  .auth-okx-split > .auth-okx-pane {
    flex: 1 1 50%;
    width: 50%;
    max-width: 50%;
    min-width: 0;
    box-sizing: border-box;
  }
  .auth-okx-split > .auth-okx-pane {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    min-height: 100%;
    padding: 32px 40px;
    overflow: auto;
  }
  .auth-okx-split > .auth-okx-pane .auth-okx-form,
  .auth-okx-split > .auth-okx-pane #auth-force-pwd.auth-form {
    flex: 0 0 auto;
    width: min(400px, 100%);
    margin: 0;
  }
}
.auth-okx-brand .auth-okx-logo {
  width: 80px;
  height: 80px;
  flex: 0 0 auto;
  object-fit: contain;
}
.auth-okx-slogan {
  margin: 0;
  color: #fff;
  font-size: 52px;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: 0;
}
.auth-okx-pane {
  flex: 1;
  width: auto;
  background: #fff;
  color: #121417;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 14vh 32px 40px;
  overflow: auto;
}
.auth-okx-form {
  width: min(400px, 100%);
}
.auth-okx-title {
  margin: 0 0 28px;
  font-size: 36px;
  font-weight: 650;
  letter-spacing: 0;
  text-align: left;
}
.auth-tabs {
  display: flex;
  gap: 22px;
  margin: 0 0 18px;
  justify-content: flex-start;
}
.auth-tabs button {
  border: 0;
  background: transparent;
  color: #8a8a8a;
  font-size: 14px;
  padding: 0 0 8px;
  box-shadow: none;
  cursor: pointer;
}
.auth-tabs button.on {
  color: #121417;
  font-weight: 600;
  box-shadow: inset 0 -2px 0 #121417;
}
.okx-phone {
  display: flex;
  align-items: center;
  height: 48px;
  margin: 0 0 12px;
  padding: 0 14px;
  background: #f3f4f6;
  border-radius: 8px;
  border: 1px solid transparent;
}
.okx-phone:focus-within { border-color: #d0d0d0; }
.okx-phone { position: relative; }
.okx-cc {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex: 0 0 auto;
  margin: 0 10px 0 0;
  padding: 0 10px 0 0;
  border: 0;
  border-right: 1px solid #e1e1e1;
  background: transparent;
  color: #121417;
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
}
.okx-cc-caret {
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid #121417;
}
.okx-cc-menu {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 8px);
  z-index: 30020;
  display: flex;
  flex-direction: column;
  width: auto;
  max-width: 100%;
  max-height: min(52vh, 320px);
  overflow: hidden;
  box-sizing: border-box;
  padding: 10px 12px 8px;
  background: #fff;
  border: 1px solid #e8e8e8;
  border-radius: 12px;
  box-shadow: 0 12px 32px rgba(15, 24, 32, 0.14);
}
#auth-cc-list {
  flex: 1 1 auto;
  min-height: 0;
  min-width: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 0 2px;
}
.okx-cc-menu input,
#auth-cc-q {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  height: 40px;
  margin: 0 0 8px;
  padding: 0 12px;
  border: 1px solid #e1e1e1;
  border-radius: 10px;
  background: #f7f7f7;
  color: #121417;
  font-size: 14px;
  font-weight: 400;
  outline: none;
}
.okx-cc-menu input:focus,
#auth-cc-q:focus {
  border-color: #b8b8b8;
  box-shadow: 0 0 0 2px rgba(18, 20, 23, 0.06);
}
.okx-cc-item {
  display: flex;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 10px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #121417;
  font-size: 14px;
  text-align: left;
  cursor: pointer;
}
.okx-cc-item span {
  min-width: 0;
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.okx-cc-item em {
  color: #888;
  font-style: normal;
  flex: 0 0 auto;
  padding-left: 8px;
}
.okx-cc-item.on, .okx-cc-item:hover { background: #f3f4f6; }
.okx-phone.okx-phone-cc-open {
  overflow: visible;
  z-index: 12;
}
.okx-phone.okx-phone-cc-open:focus-within {
  border-color: #e1e1e1;
}
@media (max-width: 899px) {
  body.auth-mobile-page .auth-okx-form:has(.okx-phone-cc-open),
  body.auth-gate-open .auth-okx-form:has(.okx-phone-cc-open) {
    overflow: visible;
  }
  body.auth-mobile-page .okx-phone.okx-phone-cc-open .okx-cc-menu,
  body.auth-gate-open .okx-phone.okx-phone-cc-open .okx-cc-menu {
    left: 0;
    right: 0;
  }
}
.auth-layer.auth-okx,
.auth-okx-pane,
.auth-okx-pane input {
  color-scheme: light;
}
.okx-phone > input {
  flex: 1;
  width: 100%;
  height: 100%;
  border: 0;
  outline: 0;
  background: transparent !important;
  color: #121417 !important;
  -webkit-text-fill-color: #121417 !important;
  caret-color: #121417;
  font-size: 16px;
  font-weight: 600;
}
.okx-phone > input::placeholder { color: #b0b0b0; font-weight: 400; -webkit-text-fill-color: #b0b0b0; }
/* 自动填充只要字，不要输入框自己再铺一块底色卡片 */
.auth-okx-pane .okx-phone > input:-webkit-autofill,
.auth-okx-pane .okx-phone > input:-webkit-autofill:hover,
.auth-okx-pane .okx-phone > input:-webkit-autofill:focus,
.auth-okx-pane .okx-phone > input:-webkit-autofill:active,
.auth-okx-pane input:-webkit-autofill,
.auth-okx-pane input:-webkit-autofill:hover,
.auth-okx-pane input:-webkit-autofill:focus,
.auth-okx-pane input:-webkit-autofill:active,
.auth-okx-pane input:-internal-autofill-selected {
  -webkit-text-fill-color: #121417 !important;
  caret-color: #121417;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -webkit-appearance: none;
  transition: background-color 99999s ease-out 0s;
}
.auth-okx-pane .okx-phone > input::-webkit-contacts-auto-fill-button,
.auth-okx-pane .okx-phone > input::-webkit-credentials-auto-fill-button {
  visibility: hidden;
  display: none !important;
  pointer-events: none;
}
.okx-phone .okx-cc-menu input {
  flex: 0 0 auto;
}
.auth-hint {
  margin: -4px 0 12px;
  color: #8a8a8a;
  font-size: 12px;
}
.auth-okx-pane .okx-go,
.auth-okx-pane #auth-next.okx-go {
  width: 100%;
  height: 48px;
  margin-top: 8px;
  border: 0;
  border-radius: 999px;
  background: #ececec;
  color: #b5b5b5;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
}
.auth-okx-pane #auth-next.okx-go.is-ready {
  background: #121417;
  color: #fff;
}
.auth-switch, .auth-extra, .auth-code-actions {
  display: flex;
  justify-content: center;
  gap: 14px;
  margin: 16px 0 0;
  color: #6b6b6b;
  font-size: 14px;
}
.auth-switch .auth-link, .auth-code-actions .auth-link {
  color: #121417;
  font-weight: 650;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.auth-extra .auth-link {
  color: #8a8a8a;
  font-weight: 400;
  text-decoration: none;
}
.auth-qr-empty {
  margin: 28px 0;
  color: #8a8a8a;
  font-size: 14px;
}
@media (min-width: 900px) {
  .auth-okx-pane .auth-close {
    display: none !important;
  }
}
.auth-cap {
  position: fixed;
  inset: 0;
  z-index: 40;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.45);
}
.auth-cap-box {
  width: min(340px, calc(100% - 32px));
  padding: 16px 16px 18px;
  background: #2a2a2a;
  color: #fff;
  border-radius: 12px;
  box-sizing: border-box;
}
.auth-cap-title { margin: 0 0 10px; text-align: center; font-size: 14px; }
.auth-cap .auth-puzzle-stage { width: 100%; height: 150px; border-radius: 6px; }
.auth-cap #auth-puzzle-bg { width: 100%; height: 150px; object-fit: cover; }
.auth-cap-msg { min-height: 18px; margin: 8px 0; text-align: center; color: #ff8a3d; font-size: 12px; }
.auth-cap-track { position: relative; height: 40px; }
.auth-cap input[type="range"],
.admin-cap-sheet input[type="range"] {
  width: 100%;
  height: 40px;
  margin: 0;
  appearance: none;
  background: #111;
  border-radius: 999px;
}
.auth-cap input[type="range"]::-webkit-slider-thumb,
.admin-cap-sheet input[type="range"]::-webkit-slider-thumb {
  appearance: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #111;
  border: 2px solid #fff;
  cursor: pointer;
}
.cap-card {
  position: relative;
  z-index: 1;
  width: 304px;
  max-width: calc(100vw - 28px);
  box-sizing: border-box;
  padding: 0 0 10px;
  background: #2a2a2a;
  color: #fff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.5);
}
.cap-card::before {
  content: "";
  display: block;
  height: 4px;
  background: #2ecf9a;
}
.cap-card-title {
  margin: 14px 12px 10px;
  text-align: center;
  font-size: 15px;
  font-weight: 650;
  color: #fff;
}
.cap-card .auth-puzzle-stage {
  width: 280px;
  height: 150px;
  margin: 0 auto;
  border-radius: 2px;
}
.cap-card #auth-puzzle-bg,
.cap-card #admin-cap-bg {
  width: 280px;
  height: 150px;
  object-fit: fill;
}
.cap-card-banner {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 7px 10px;
  background: #2ecf9a;
  color: #fff;
  font-size: 13px;
  font-weight: 650;
  text-align: center;
  line-height: 1.3;
}
.cap-card-banner.is-on { display: block; }
.cap-card-banner.is-bad { background: #d4534a; }
.cap-card-track {
  position: relative;
  height: 34px;
  margin: 16px 18px 8px;
  background: #3a3a3a;
  border-radius: 999px;
}
.cap-card-knob {
  position: absolute;
  top: 50%;
  left: 0;
  width: 46px;
  height: 46px;
  margin-top: -23px;
  border: 0;
  border-radius: 50%;
  background: #fff;
  color: #121417;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);
  cursor: grab;
  display: grid;
  place-items: center;
  touch-action: none;
  padding: 0;
}
.cap-card-knob:active { cursor: grabbing; }
.cap-card-tools {
  display: flex;
  gap: 4px;
  padding: 2px 10px 0;
}
.cap-card-tool {
  width: 28px;
  height: 28px;
  border: 0;
  background: transparent;
  color: #8d8d8d;
  cursor: pointer;
  display: grid;
  place-items: center;
  padding: 0;
}
.auth-cap-box.cap-card {
  width: 304px;
  max-width: calc(100% - 32px);
  padding: 0 0 10px;
  background: #2a2a2a;
  border-radius: 8px;
}
.cap-card {
  position: relative;
  z-index: 1;
  width: 304px;
  max-width: calc(100vw - 28px);
  box-sizing: border-box;
  padding: 0 0 10px;
  background: #2a2a2a;
  color: #fff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.45);
}
.cap-card::before {
  content: "";
  display: block;
  height: 4px;
  background: #2fce4a;
}
.auth-cap-box.cap-card {
  width: 304px;
  max-width: calc(100vw - 28px);
  padding: 0 0 10px;
  background: #2a2a2a;
  border-radius: 8px;
}
.cap-card-title {
  margin: 14px 12px 10px;
  text-align: center;
  font-size: 15px;
  font-weight: 650;
  color: #fff;
}
.cap-card .auth-puzzle-stage {
  width: 280px;
  height: 150px;
  margin: 0 auto;
  border-radius: 2px;
}
.cap-card #auth-puzzle-bg,
.cap-card #admin-cap-bg {
  width: 280px;
  height: 150px;
  object-fit: fill;
}
.cap-card-banner {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 7px 10px;
  background: #2fce4a;
  color: #fff;
  font-size: 13px;
  font-weight: 650;
  text-align: center;
  line-height: 1.3;
}
.cap-card-banner.is-on { display: block; }
.cap-card-banner.is-bad { background: #d4544a; }
.cap-card-track {
  position: relative;
  height: 34px;
  margin: 16px 18px 8px;
  background: #3a3a3a;
  border-radius: 999px;
}
.cap-card-knob {
  position: absolute;
  top: 50%;
  left: 0;
  width: 46px;
  height: 46px;
  margin-top: -23px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #fff;
  color: #121417;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);
  cursor: grab;
  touch-action: none;
  display: grid;
  place-items: center;
}
.cap-card-knob:active { cursor: grabbing; }
.cap-card-tools {
  display: flex;
  gap: 2px;
  padding: 2px 10px 0;
}
.cap-card-tool {
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #8d8d8d;
  cursor: pointer;
  display: grid;
  place-items: center;
}
.cap-card-tool:hover { color: #fff; }
#admin-cap-layer { align-items: center; justify-content: center; }
@media (max-width: 899px) {
  .auth-okx-brand { flex: 0 0 auto; min-height: 132px; padding: 28px 22px; }
  .auth-okx-slogan { font-size: 32px; }
  .auth-okx-pane { width: 100%; padding: 28px 18px 32px; align-items: stretch; }
  .auth-okx-form { width: 100%; }
}
/* wenli-topbar */



.wenli-top { display: none; }
@media (min-width: 900px) {
  :root {
    --wenli-top-h: 56px;
    /* 营销顶栏下：侧栏与顶栏、视口底各留空（缩短侧栏总高度） */
    --wenli-rail-gap: 20px;
  }
  .wenli-top {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 31000;
    display: flex;
    align-items: center;
    gap: 8px;
    height: var(--wenli-top-h);
    padding: 0 24px 0 20px;
    background: #000;
    color: #fff;
    box-sizing: border-box;
  }
  .wenli-top-logo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    margin-right: 8px;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
  }
  .wenli-top-logo img { width: 32px; height: 32px; object-fit: contain; }
  .wenli-top-nav { display: flex; align-items: center; gap: 4px; min-width: 0; }
  .wenli-top-nav button {
    border: 0;
    background: transparent;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding: 0 10px;
    cursor: pointer;
    white-space: nowrap;
  }
  .wenli-top-nav button:hover,
  .wenli-top-nav button:active,
  .wenli-top-login:hover,
  .wenli-top-login:active,
  .wenli-top-logo:hover,
  .wenli-top-logo:active { background: transparent; color: #fff; }
  .wenli-top-right { margin-left: auto; display: flex; align-items: center; gap: 12px; }
  body.wenli-tool .wenli-top-search {
    display: none !important;
  }
  .wenli-top-search {
    display: flex;
    align-items: center;
    width: 168px;
    height: 32px;
    padding: 0 12px;
    border-radius: 8px;
    background: #2b2b2b;
  }
  .wenli-top-search input {
    width: 100%;
    border: 0;
    outline: 0;
    background: transparent;
    color: #fff;
    -webkit-text-fill-color: #fff;
    font-size: 13px;
  }
  .wenli-top-search input::placeholder { color: #9a9a9a; -webkit-text-fill-color: #9a9a9a; }
  .wenli-top-auth { display: flex; align-items: center; gap: 8px; }
  .wenli-top-auth[hidden] { display: none !important; }
  .wenli-top-login, .wenli-top-reg {
    height: 32px;
    padding: 0 14px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
  }
  .wenli-top-login { border: 0; background: transparent; color: #fff; }
  .wenli-top-reg { border: 0; background: #fff; color: #111; }
  .wenli-top-tools {
    display: flex;
    align-items: center;
    gap: 2px;
    flex-shrink: 0;
  }
  .wenli-top-tools[hidden] { display: none !important; }
  .wenli-top-ico {
    appearance: none;
    width: 36px;
    height: 36px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent !important;
    box-shadow: none !important;
    color: #fff;
    display: grid;
    place-items: center;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
  }
  .wenli-top-ico:hover,
  .wenli-top-ico:active,
  .wenli-top-ico[aria-expanded="true"] {
    background: transparent !important;
    color: #fff;
    box-shadow: none !important;
  }
  .wenli-top-ico-svg {
    display: block;
    width: 18px;
    height: 18px;
    flex-shrink: 0;
  }
  .wenli-top-ico-svg--dl {
    width: 28px;
    height: 22px;
    opacity: 0.92;
  }
  .wenli-top-download.wenli-top-ico {
    width: 40px;
  }
  .wenli-top-ico-svg--lang {
    width: 25px;
    height: 25px;
    opacity: 0.96;
  }
  .wenli-top-download {
    cursor: pointer;
    opacity: 1;
  }
  .wenli-top-dl-wrap {
    position: relative;
  }
  .wenli-top-lang-wrap {
    position: relative;
  }
  .wenli-top-lang-dd {
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    z-index: 40050;
    min-width: 128px;
    padding: 4px 0;
    margin: 0;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
    border: 1px solid rgba(15, 23, 42, 0.12);
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.14);
  }
  .wenli-top-lang-dd[hidden] {
    display: none !important;
  }
  .wenli-top-lang-opt {
    appearance: none;
    display: block;
    width: 100%;
    margin: 0;
    padding: 10px 14px;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #374151;
    font: inherit;
    font-size: 13px;
    font-weight: 600;
    text-align: left;
    cursor: pointer;
  }
  .wenli-top-lang-opt:hover,
  .wenli-top-lang-opt.on {
    background: rgba(15, 23, 42, 0.06);
    color: #111827;
  }
  .shell { padding-top: var(--wenli-top-h); box-sizing: border-box; }
  /* 有营销顶栏时（非 wenli-tool）：侧栏下移，与顶栏留出空隙 */
  body:not(.wenli-tool) .brand-rail,
  body:not(.wenli-tool) .brand-rail:has(> .dock) {
    top: calc(var(--wenli-top-h) + var(--wenli-rail-gap)) !important;
    bottom: var(--wenli-rail-gap) !important;
    height: auto !important;
    min-height: 0 !important;
  }
  .auth-layer.auth-okx.is-open,
  .auth-layer.auth-okx:not([hidden]) { top: var(--wenli-top-h); height: auto; bottom: 0; }
  .fee-tip-modal.teach-sheet.on { z-index: 32000; }
  /* 电脑登录页：营销顶栏 + 下方 OKX 分栏登录（进工具后见 body.wenli-tool 藏顶栏） */
  body.auth-gate-open .shell,
  body.auth-boot-pending .shell { padding-top: 0; }
  body.auth-gate-open .auth-layer.auth-okx.is-open,
  body.auth-gate-open .auth-layer.auth-okx:not([hidden]),
  body.auth-boot-pending .auth-layer.auth-okx.is-open,
  body.auth-boot-pending .auth-layer.auth-okx:not([hidden]) {
    top: var(--wenli-top-h);
    height: auto;
    bottom: 0;
  }
  /* 点顶栏进工具页后：隐藏营销顶栏，侧栏恢复贴窗 */
  body.wenli-tool .wenli-top { display: none !important; }
  body.wenli-tool .shell { padding-top: 0; }
  body.wenli-tool .brand-rail,
  body.wenli-tool .brand-rail:has(> .dock) {
    top: var(--wenli-rail-gap) !important;
    bottom: var(--wenli-rail-gap) !important;
  }
  body.wenli-tool .auth-layer.auth-okx.is-open,
  body.wenli-tool .auth-layer.auth-okx:not([hidden]) { top: 0; }
}

/* 顶栏下载：OKX 式白底扫码弹层（全端，挂在顶栏旁） */
.omx-dl-pop {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  z-index: 40060;
  width: 220px;
  padding: 20px 18px 16px;
  border-radius: 12px;
  background: #fff;
  color: #111;
  text-align: center;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35);
  border: 1px solid rgba(15, 23, 42, 0.08);
}
.omx-dl-pop[hidden] {
  display: none !important;
}
.omx-dl-pop-title {
  margin: 0 0 14px;
  font-size: 13px;
  font-weight: 600;
  color: #4b5563;
  letter-spacing: 0.01em;
}
.omx-dl-pop-qr {
  width: 156px;
  height: 156px;
  margin: 0 auto 14px;
  padding: 6px;
  border-radius: 8px;
  background: #fff;
  display: grid;
  place-items: center;
}
.omx-dl-pop-qr svg,
.omx-dl-pop-qr img {
  width: 144px !important;
  height: 144px !important;
  display: block;
}
.omx-dl-pop-more {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 36px;
  margin: 0;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid #111;
  background: #fff;
  color: #111;
  font: inherit;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}
.omx-dl-pop-more:hover {
  background: #f5f5f5;
}

/* —— 手机未登录：市场顶栏「工具|市场」胶囊 + 工具落地 —— */
@media (max-width: 899px) {
  /* OKX 式分段：轨道 = sheet-2 灰，选中 = 再亮一档中性灰（非白、非蓝灰） */
  body.guest-mobile-on {
    --guest-cap-track: var(--sheet-2, #1c1c1c);
    --guest-cap-seg-on: #3a3a3a;
    --guest-cap-seg-off: transparent;
    --guest-cap-fg-on: var(--ink, #ffffff);
    --guest-cap-fg-off: var(--muted, #8c8c8c);
  }
  html[data-theme="light"] body.guest-mobile-on {
    --guest-cap-track: #e8e8e8;
    --guest-cap-seg-on: #121417;
    --guest-cap-fg-on: #ffffff;
    --guest-cap-fg-off: #8b8b8b;
  }
  .guest-scope-capsule {
    display: none;
    align-items: stretch;
    flex: 0 1 auto;
    width: min(220px, 72vw);
    min-width: 0;
    margin: 0 auto;
    padding: 3px;
    border-radius: 999px;
    background: var(--guest-cap-track);
    border: 0;
    gap: 0;
  }
  .guest-scope-capsule:not([hidden]) { display: flex; }
  .guest-scope-opt {
    flex: 1 1 0;
    min-width: 0;
    border: 0;
    border-radius: 999px;
    padding: 8px 12px;
    font-size: 13px;
    font-weight: 600;
    background: var(--guest-cap-seg-off);
    color: var(--guest-cap-fg-off);
    box-shadow: none;
    -webkit-tap-highlight-color: transparent;
  }
  .guest-scope-opt.on {
    background: var(--guest-cap-seg-on);
    color: var(--guest-cap-fg-on);
    box-shadow: none;
  }
  body.guest-mobile-on.mkt-tab-on .mkt-head {
    justify-content: center;
    width: 100%;
    max-height: none;
    padding: 6px 0 10px;
    box-sizing: border-box;
  }
  body.guest-mobile-on.mkt-tab-on .mkt-head > .mkt-search-wrap,
  body.guest-mobile-on.mkt-tab-on .mkt-head > #mkt-status { display: none; }
  /* 工具胶囊：只保留顶栏切换 + 落地，不露出市场筛选/列表头 */
  body.guest-mobile-on.guest-capsule-tool.mkt-tab-on .mkt-pin-top #mkt-tabs,
  body.guest-mobile-on.guest-capsule-tool.mkt-tab-on .mkt-pin > #mkt-chips,
  body.guest-mobile-on.guest-capsule-tool.mkt-tab-on .mkt-pin > #mkt-sector-venue-bar,
  body.guest-mobile-on.guest-capsule-tool.mkt-tab-on .mkt-pin > #mkt-cols {
    display: none !important;
  }
  body.guest-mobile-on.guest-capsule-tool.mkt-tab-on .mkt-pin-top {
    flex-direction: column;
    align-items: stretch;
    border-bottom: 0;
    padding-bottom: 0;
  }
  body.guest-mobile-on.guest-capsule-tool.mkt-tab-on .mkt-pin {
    background: transparent;
    border-bottom: 0;
    box-shadow: none;
  }
  .mkt-page { display: flex; flex-direction: column; min-height: 0; }
  body.guest-mobile-on.guest-capsule-tool.mkt-tab-on .mkt-page {
    flex: 1 1 auto;
    min-height: calc(100dvh - var(--dock-h, 68px) - 56px - env(safe-area-inset-top, 0px));
    display: flex;
    flex-direction: column;
  }
  .guest-tool-landing {
    flex: 1 1 auto;
    display: none;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    padding: 0 0 8px;
    box-sizing: border-box;
    background: var(--bg, #000);
    min-height: 0;
    overflow: visible;
  }
  .guest-tool-landing:not([hidden]) { display: flex; }
  body.guest-mobile-on.guest-capsule-tool.mkt-tab-on .guest-tool-landing:not([hidden]) ~ .mkt-scroll { display: none; }
  .guest-tool-landing-inner {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-between;
    gap: 24px;
    padding: 8px 4px 4px;
    box-sizing: border-box;
  }
  .guest-tool-hero {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 12px 16px 0;
    min-height: 0;
  }
  .guest-tool-logo {
    opacity: 0.95;
    display: block;
    margin: 0 auto;
    width: 56px;
    height: 56px;
    object-fit: contain;
  }
  .guest-tool-title {
    margin: 14px 0 0;
    font-size: 24px;
    font-weight: 700;
    color: var(--ink, var(--text, #f5f7fa));
    line-height: 1.28;
    letter-spacing: -0.02em;
  }
  .guest-tool-tagline {
    margin: 10px 0 0;
    max-width: 300px;
    font-size: 14px;
    line-height: 1.55;
    color: var(--muted, #8c8c8c);
    font-weight: 400;
  }
  .guest-tool-footer {
    flex: 0 0 auto;
    width: 100%;
    padding: 0 4px 6px;
    box-sizing: border-box;
  }
  .guest-tool-actions {
    width: 100%;
    box-sizing: border-box;
  }
  .guest-tool-browse {
    display: block;
    width: 100%;
    margin: 14px 0 0;
    padding: 8px 12px;
    border: 0;
    background: transparent;
    color: var(--muted, #8c8c8c);
    font-size: 14px;
    line-height: 1.4;
    text-align: center;
    text-decoration: underline;
    text-underline-offset: 3px;
    -webkit-tap-highlight-color: transparent;
  }
  .guest-tool-browse:active { opacity: 0.75; }
  .guest-tool-actions--row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
  }
  .guest-tool-btn {
    width: 100%;
    border-radius: 999px;
    padding: 13px 12px;
    font-size: 16px;
    font-weight: 600;
    border: 1px solid transparent;
    background: var(--guest-cap-track, var(--sheet-2, #1c1c1c));
    color: var(--guest-cap-fg-on, var(--ink, #fff));
    -webkit-tap-highlight-color: transparent;
  }
  .guest-tool-btn--main {
    border-color: transparent;
    background: var(--ink, #fff);
    color: var(--bg, #000);
  }
  html[data-theme="light"] body.guest-mobile-on .guest-tool-btn--main {
    background: #121417;
    color: #fff;
  }
  html[data-theme="light"] body.guest-mobile-on .guest-tool-btn:not(.guest-tool-btn--main) {
    background: var(--guest-cap-track, #e8e8e8);
    color: #121417;
  }
  /* 游客「登录」：白天黑底卡片；夜间跟 hero 主钮（04-shell 白底黑字） */
  html:not([data-theme="dark"]) body.guest-mobile-on .hero-cta #btn-start.is-guest-login.btn.main,
  html:not([data-theme="dark"]) .hero-cta #btn-start.is-guest-login.btn.main {
    background: #121417 !important;
    background-color: #121417 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 12px;
    min-height: 48px;
    font-weight: 700;
  }
  html[data-theme="dark"] body.guest-mobile-on .hero-cta #btn-start.is-guest-login.btn.main,
  html[data-theme="dark"] .hero-cta #btn-start.is-guest-login.btn.main {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #121417 !important;
    -webkit-text-fill-color: #121417 !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 12px;
    min-height: 48px;
    font-weight: 700;
  }
  .auth-country-hint {
    margin: 0 0 10px;
    font-size: 13px;
    color: var(--muted, #8b95a1);
    text-align: left;
  }
  .auth-country-q {
    width: 100%;
    box-sizing: border-box;
    border-radius: 10px;
    border: 1px solid var(--line, rgba(255, 255, 255, 0.12));
    background: var(--soft, rgba(255, 255, 255, 0.06));
    color: var(--text, #f5f7fa);
    padding: 10px 12px;
    margin-bottom: 8px;
    font-size: 14px;
  }
  .auth-country-list {
    max-height: min(42vh, 320px);
    overflow: auto;
    border-radius: 12px;
    border: 1px solid var(--line, rgba(255, 255, 255, 0.1));
  }
  .auth-country-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    border: 0;
    border-bottom: 1px solid var(--line, rgba(255, 255, 255, 0.06));
    background: transparent;
    color: var(--text, #f5f7fa);
    padding: 12px 14px;
    font-size: 15px;
    text-align: left;
  }
  .auth-country-item.on { background: var(--soft, rgba(255, 255, 255, 0.08)); }
  .auth-country-item em { font-style: normal; font-size: 12px; color: var(--muted, #8b95a1); }
}

/* 手机登录/注册：顶栏返回（与全站 ui-page-back 一致） */
@media (max-width: 899px) {
  body.auth-mobile-page.auth-gate-open .auth-okx-brand {
    display: none !important;
  }
  body.auth-mobile-page .auth-okx-pane {
    /* 返回 40px 行高 + 与标题间距 16px */
    padding-top: calc(56px + env(safe-area-inset-top, 0px));
    align-items: stretch;
  }
  body.auth-mobile-page .auth-okx-form .auth-okx-title {
    margin-top: 0;
    margin-bottom: 22px;
  }
  body.auth-mobile-page .auth-okx-pane .auth-page-back:not([hidden]) {
    display: grid !important;
    place-items: center;
    position: fixed;
    top: calc(4px + env(safe-area-inset-top, 0px));
    left: calc(6px + env(safe-area-inset-left, 0px));
    z-index: 30005;
    width: 40px;
    height: 40px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 10px;
    background: transparent !important;
    box-shadow: none !important;
    color: #121417;
    font-size: 0;
    line-height: 0;
    -webkit-tap-highlight-color: transparent;
  }
  html[data-theme="dark"] body.auth-mobile-page .auth-okx-pane .auth-page-back:not([hidden]) {
    color: #ffffff;
  }
  body.auth-guest-mobile-sheet .auth-okx-pane .auth-page-back:not([hidden]):active {
    opacity: 0.72;
  }
}

/* 手机游客登录：单栏全屏，跟工具皮肤，可点返回回市场落地 */
@media (max-width: 899px) {
  body.auth-guest-mobile-sheet.auth-gate-open .auth-okx-brand { display: none !important; }
  body.auth-guest-mobile-sheet .auth-okx-split {
    flex-direction: column;
    min-height: 100%;
  }
  /* 手机 OKX 登录 · 浅色（勿与深色混写，避免继承 #121417 / #6b6b6b） */
  html:not([data-theme="dark"]) body.auth-guest-mobile-sheet .auth-layer.auth-okx .auth-backdrop,
  html:not([data-theme="dark"]) body.auth-mobile-page.auth-gate-open .auth-layer.auth-okx .auth-backdrop {
    background: #ffffff;
    opacity: 1;
  }
  html:not([data-theme="dark"]) body.auth-guest-mobile-sheet .auth-okx-pane,
  html:not([data-theme="dark"]) body.auth-mobile-page.auth-gate-open .auth-okx-pane {
    flex: 1 1 auto;
    width: 100%;
    max-width: none;
    min-height: 100%;
    padding: calc(56px + env(safe-area-inset-top, 0px)) 20px calc(24px + env(safe-area-inset-bottom, 0px));
    background: #ffffff !important;
    color: #121417;
    color-scheme: light;
    align-items: stretch;
  }
  html:not([data-theme="dark"]) body.auth-guest-mobile-sheet .auth-okx-title,
  html:not([data-theme="dark"]) body.auth-mobile-page.auth-gate-open .auth-okx-title {
    color: #121417 !important;
  }
  html:not([data-theme="dark"]) body.auth-guest-mobile-sheet .auth-okx-pane .okx-phone,
  html:not([data-theme="dark"]) body.auth-mobile-page.auth-gate-open .auth-okx-pane .okx-phone {
    background: #f3f4f6;
    border: 1px solid #e1e1e1;
    border-radius: 12px;
  }
  html:not([data-theme="dark"]) body.auth-guest-mobile-sheet .auth-okx-pane .okx-phone > input,
  html:not([data-theme="dark"]) body.auth-mobile-page.auth-gate-open .auth-okx-pane .okx-phone > input,
  html:not([data-theme="dark"]) body.auth-guest-mobile-sheet .auth-okx-pane #auth-cc-code,
  html:not([data-theme="dark"]) body.auth-mobile-page.auth-gate-open .auth-okx-pane #auth-cc-code,
  html:not([data-theme="dark"]) body.auth-guest-mobile-sheet .auth-okx-pane .okx-cc,
  html:not([data-theme="dark"]) body.auth-mobile-page.auth-gate-open .auth-okx-pane .okx-cc {
    color: #121417 !important;
    -webkit-text-fill-color: #121417 !important;
  }
  html:not([data-theme="dark"]) body.auth-guest-mobile-sheet .auth-okx-pane .okx-phone > input::placeholder,
  html:not([data-theme="dark"]) body.auth-mobile-page.auth-gate-open .auth-okx-pane .okx-phone > input::placeholder {
    color: #8a8a8a !important;
    -webkit-text-fill-color: #8a8a8a !important;
  }
  html:not([data-theme="dark"]) body.auth-guest-mobile-sheet .auth-okx-pane .okx-cc-caret,
  html:not([data-theme="dark"]) body.auth-mobile-page.auth-gate-open .auth-okx-pane .okx-cc-caret {
    border-top-color: #121417;
  }
  html:not([data-theme="dark"]) body.auth-guest-mobile-sheet .auth-okx-pane .okx-go,
  html:not([data-theme="dark"]) body.auth-guest-mobile-sheet .auth-okx-pane #auth-next.okx-go,
  html:not([data-theme="dark"]) body.auth-mobile-page.auth-gate-open .auth-okx-pane .okx-go,
  html:not([data-theme="dark"]) body.auth-mobile-page.auth-gate-open .auth-okx-pane #auth-next.okx-go {
    background: #ececec !important;
    color: #b5b5b5 !important;
  }
  html:not([data-theme="dark"]) body.auth-guest-mobile-sheet .auth-okx-pane #auth-next.okx-go.is-ready,
  html:not([data-theme="dark"]) body.auth-mobile-page.auth-gate-open .auth-okx-pane #auth-next.okx-go.is-ready {
    background: #121417 !important;
    color: #ffffff !important;
  }
  html:not([data-theme="dark"]) body.auth-guest-mobile-sheet .auth-okx-pane .auth-switch,
  html:not([data-theme="dark"]) body.auth-guest-mobile-sheet .auth-okx-pane .auth-extra,
  html:not([data-theme="dark"]) body.auth-mobile-page.auth-gate-open .auth-okx-pane .auth-switch,
  html:not([data-theme="dark"]) body.auth-mobile-page.auth-gate-open .auth-okx-pane .auth-extra,
  html:not([data-theme="dark"]) body.auth-guest-mobile-sheet .auth-okx-pane #auth-switch-text,
  html:not([data-theme="dark"]) body.auth-mobile-page.auth-gate-open .auth-okx-pane #auth-switch-text {
    color: #6b6b6b !important;
    -webkit-text-fill-color: #6b6b6b !important;
  }
  html:not([data-theme="dark"]) body.auth-guest-mobile-sheet .auth-okx-pane .auth-switch .auth-link,
  html:not([data-theme="dark"]) body.auth-mobile-page.auth-gate-open .auth-okx-pane .auth-switch .auth-link,
  html:not([data-theme="dark"]) body.auth-guest-mobile-sheet .auth-okx-pane .auth-code-actions .auth-link,
  html:not([data-theme="dark"]) body.auth-mobile-page.auth-gate-open .auth-okx-pane .auth-code-actions .auth-link {
    color: #121417 !important;
    -webkit-text-fill-color: #121417 !important;
  }
  html:not([data-theme="dark"]) body.auth-guest-mobile-sheet .auth-okx-pane .auth-extra .auth-link,
  html:not([data-theme="dark"]) body.auth-mobile-page.auth-gate-open .auth-okx-pane .auth-extra .auth-link {
    color: #8a8a8a !important;
    -webkit-text-fill-color: #8a8a8a !important;
    font-weight: 400;
  }
  html[data-theme="dark"] body.auth-guest-mobile-sheet .auth-layer.auth-okx .auth-backdrop,
  html[data-theme="dark"] body.auth-mobile-page.auth-gate-open .auth-layer.auth-okx .auth-backdrop,
  html[data-theme="dark"] body.auth-gate-open .auth-layer.auth-okx .auth-backdrop {
    background: #000000;
    opacity: 1;
  }
  html[data-theme="dark"] body.auth-guest-mobile-sheet .auth-okx-pane,
  html[data-theme="dark"] body.auth-mobile-page.auth-gate-open .auth-okx-pane,
  html[data-theme="dark"] body.auth-gate-open .auth-okx-pane {
    flex: 1 1 auto;
    width: 100%;
    max-width: none;
    min-height: 100%;
    padding: calc(56px + env(safe-area-inset-top, 0px)) 20px calc(24px + env(safe-area-inset-bottom, 0px));
    background: #000000 !important;
    color: #f0f3f6;
    color-scheme: dark;
    align-items: stretch;
  }
  html[data-theme="dark"] body.auth-guest-mobile-sheet .auth-okx-title,
  html[data-theme="dark"] body.auth-mobile-page.auth-gate-open .auth-okx-title {
    color: #f0f3f6 !important;
  }
  html[data-theme="dark"] body.auth-guest-mobile-sheet .auth-okx-pane .okx-phone,
  html[data-theme="dark"] body.auth-mobile-page.auth-gate-open .auth-okx-pane .okx-phone {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.12);
  }
  html[data-theme="dark"] body.auth-guest-mobile-sheet .auth-okx-pane .okx-phone > input,
  html[data-theme="dark"] body.auth-mobile-page.auth-gate-open .auth-okx-pane .okx-phone > input,
  html[data-theme="dark"] body.auth-guest-mobile-sheet .auth-okx-pane #auth-cc-code,
  html[data-theme="dark"] body.auth-mobile-page.auth-gate-open .auth-okx-pane #auth-cc-code {
    color: #f0f3f6 !important;
    -webkit-text-fill-color: #f0f3f6 !important;
  }
  html[data-theme="dark"] body.auth-guest-mobile-sheet .auth-okx-pane .okx-go,
  html[data-theme="dark"] body.auth-guest-mobile-sheet .auth-okx-pane #auth-next.okx-go,
  html[data-theme="dark"] body.auth-mobile-page.auth-gate-open .auth-okx-pane .okx-go,
  html[data-theme="dark"] body.auth-mobile-page.auth-gate-open .auth-okx-pane #auth-next.okx-go,
  html[data-theme="dark"] body.auth-gate-open .auth-okx-pane #auth-next.okx-go {
    background: #2a2a2a !important;
    color: #6e6e6e !important;
    -webkit-text-fill-color: #6e6e6e !important;
  }
  html[data-theme="dark"] body.auth-guest-mobile-sheet .auth-okx-pane #auth-next.okx-go.is-ready,
  html[data-theme="dark"] body.auth-mobile-page.auth-gate-open .auth-okx-pane #auth-next.okx-go.is-ready,
  html[data-theme="dark"] body.auth-gate-open .auth-okx-pane #auth-next.okx-go.is-ready {
    background: #ffffff !important;
    color: #121417 !important;
    -webkit-text-fill-color: #121417 !important;
  }
  html[data-theme="dark"] body.auth-guest-mobile-sheet .auth-okx-pane .auth-switch,
  html[data-theme="dark"] body.auth-guest-mobile-sheet .auth-okx-pane .auth-extra,
  html[data-theme="dark"] body.auth-guest-mobile-sheet .auth-okx-pane .auth-code-actions,
  html[data-theme="dark"] body.auth-mobile-page.auth-gate-open .auth-okx-pane .auth-switch,
  html[data-theme="dark"] body.auth-mobile-page.auth-gate-open .auth-okx-pane .auth-extra,
  html[data-theme="dark"] body.auth-mobile-page.auth-gate-open .auth-okx-pane .auth-code-actions,
  html[data-theme="dark"] body.auth-gate-open .auth-okx-pane .auth-switch,
  html[data-theme="dark"] body.auth-gate-open .auth-okx-pane .auth-extra {
    color: #8c8c8c !important;
    -webkit-text-fill-color: #8c8c8c !important;
  }
  html[data-theme="dark"] body.auth-guest-mobile-sheet .auth-okx-pane #auth-switch-text,
  html[data-theme="dark"] body.auth-mobile-page.auth-gate-open .auth-okx-pane #auth-switch-text,
  html[data-theme="dark"] body.auth-gate-open .auth-okx-pane #auth-switch-text {
    color: #8c8c8c !important;
    -webkit-text-fill-color: #8c8c8c !important;
  }
  html[data-theme="dark"] body.auth-guest-mobile-sheet .auth-okx-pane .auth-switch .auth-link,
  html[data-theme="dark"] body.auth-guest-mobile-sheet .auth-okx-pane .auth-code-actions .auth-link,
  html[data-theme="dark"] body.auth-mobile-page.auth-gate-open .auth-okx-pane .auth-switch .auth-link,
  html[data-theme="dark"] body.auth-mobile-page.auth-gate-open .auth-okx-pane .auth-code-actions .auth-link,
  html[data-theme="dark"] body.auth-gate-open .auth-okx-pane .auth-switch .auth-link {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
  }
  html[data-theme="dark"] body.auth-guest-mobile-sheet .auth-okx-pane .auth-extra .auth-link,
  html[data-theme="dark"] body.auth-mobile-page.auth-gate-open .auth-okx-pane .auth-extra .auth-link,
  html[data-theme="dark"] body.auth-gate-open .auth-okx-pane .auth-extra .auth-link {
    color: #b8c2cc !important;
    -webkit-text-fill-color: #b8c2cc !important;
  }
  html[data-theme="dark"] body.auth-guest-mobile-sheet .auth-okx-pane .auth-tabs button,
  html[data-theme="dark"] body.auth-mobile-page.auth-gate-open .auth-okx-pane .auth-tabs button,
  html[data-theme="dark"] body.auth-gate-open .auth-okx-pane .auth-tabs button {
    color: #8c8c8c;
  }
  html[data-theme="dark"] body.auth-guest-mobile-sheet .auth-okx-pane .auth-tabs button.on,
  html[data-theme="dark"] body.auth-mobile-page.auth-gate-open .auth-okx-pane .auth-tabs button.on,
  html[data-theme="dark"] body.auth-gate-open .auth-okx-pane .auth-tabs button.on {
    color: #f0f3f6;
    box-shadow: inset 0 -2px 0 #f0f3f6;
  }
  html[data-theme="dark"] body.auth-guest-mobile-sheet .auth-okx-pane .auth-hint,
  html[data-theme="dark"] body.auth-mobile-page.auth-gate-open .auth-okx-pane .auth-hint,
  html[data-theme="dark"] body.auth-gate-open .auth-okx-pane .auth-hint {
    color: #8c8c8c;
  }
  html[data-theme="dark"] body.auth-mobile-page .okx-cc-menu,
  html[data-theme="dark"] body.auth-gate-open .okx-cc-menu {
    background: #1a1a1a;
    border-color: rgba(255, 255, 255, 0.12);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45);
  }
  html[data-theme="dark"] body.auth-mobile-page .okx-cc-menu input,
  html[data-theme="dark"] body.auth-gate-open .okx-cc-menu input {
    background: #121212;
    border-color: rgba(255, 255, 255, 0.14);
    color: #f0f3f6;
    -webkit-text-fill-color: #f0f3f6;
  }
  html[data-theme="dark"] body.auth-mobile-page .okx-cc-item,
  html[data-theme="dark"] body.auth-gate-open .okx-cc-item {
    color: #f0f3f6;
  }
  html[data-theme="dark"] body.auth-mobile-page .okx-cc-item.on,
  html[data-theme="dark"] body.auth-mobile-page .okx-cc-item:hover,
  html[data-theme="dark"] body.auth-gate-open .okx-cc-item.on,
  html[data-theme="dark"] body.auth-gate-open .okx-cc-item:hover {
    background: rgba(255, 255, 255, 0.08);
  }
}

/* 未登录账户页「登录」：昼黑底 / 夜白底卡片（与 hero 游客登录一致） */

html:not([data-theme="dark"]) #me-open-login.me-cta,
html:not([data-theme="dark"]) #me-open-login.me-cta:hover,
html:not([data-theme="dark"]) #me-open-login.me-cta:active {
  background: #121417 !important;
  background-color: #121417 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 12px;
}
html[data-theme="dark"] #me-open-login.me-cta,
html[data-theme="dark"] #me-open-login.me-cta:hover,
html[data-theme="dark"] #me-open-login.me-cta:active {
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #121417 !important;
  -webkit-text-fill-color: #121417 !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 12px;
}

.page-admin .admin-page-back { display: none; }
.page-admin #admin-rules-layer .admin-page-back { display: inline-flex; }
/* 管理后台手机：弹层贴住底边，从上沿圆角滑出。宽屏仍居中。 */

@media (max-width: 719px) {
  .page-admin .me-sheet-layer,
  .page-admin #admin-rules-layer,
  .page-admin #admin-tpl-layer,
  .page-admin #admin-cap-layer {
    align-items: flex-end;
    justify-content: stretch;
    padding: 0;
  }
  .page-admin .me-sheet-layer .me-sheet {
    width: 100% !important;
    max-width: none !important;
    margin: 0;
    border-radius: 18px 18px 0 0;
    border: 0 !important;
    border-top: 1px solid var(--line) !important;
    max-height: min(92dvh, 860px);
    padding-bottom: calc(14px + var(--safe-b, env(safe-area-inset-bottom, 0px)));
    box-shadow: 0 -16px 48px rgba(0, 0, 0, 0.45);
    animation: me-drawer-up 0.3s cubic-bezier(0.22, 1, 0.36, 1);
  }
  html[data-theme="dark"] .page-admin .me-sheet-layer .me-sheet {
    border-top-color: rgba(255, 255, 255, 0.12) !important;
  }
  .page-admin .me-sheet-layer .me-sheet::before {
    content: "";
    display: block;
    width: 36px;
    height: 4px;
    margin: 2px auto 2px;
    border-radius: 999px;
    background: rgba(21, 32, 43, 0.18);
    flex: none;
  }
  html[data-theme="dark"] .page-admin .me-sheet-layer .me-sheet::before {
    background: rgba(255, 255, 255, 0.28);
  }
  .page-admin #admin-settings-layer .me-sheet::before,
  .page-admin #admin-region-layer .me-sheet::before,
  .page-admin #admin-prod-ops-layer .me-sheet::before {
    display: none;
    content: none;
  }
  .page-admin .fee-tip-modal.admin-tut-modal {
    place-items: end stretch;
    padding: 0;
  }
  .page-admin .admin-tut-modal .admin-tut-sheet {
    width: 100%;
    max-width: none;
    margin: 0;
    border-radius: 18px 18px 0 0;
    border: 0;
    border-top: 1px solid var(--line);
    max-height: min(92dvh, 760px);
    overflow: auto;
    padding-bottom: calc(16px + env(safe-area-inset-bottom, 0px));
    animation: me-drawer-up 0.3s cubic-bezier(0.22, 1, 0.36, 1);
  }
  html[data-theme="dark"] .page-admin .admin-tut-modal .admin-tut-sheet {
    border-top-color: rgba(255, 255, 255, 0.12);
  }
  .page-admin .admin-exch-menu-layer {
    align-items: flex-end;
    justify-content: stretch;
    padding: 0;
  }
  .page-admin .admin-exch-menu {
    width: 100%;
    max-width: none;
    border-radius: 18px 18px 0 0;
    border: 0;
    border-top: 1px solid var(--line);
    padding-bottom: env(safe-area-inset-bottom, 0px);
    animation: me-drawer-up 0.3s cubic-bezier(0.22, 1, 0.36, 1);
  }
  html[data-theme="dark"] .page-admin .admin-exch-menu {
    border-top-color: rgba(255, 255, 255, 0.12);
  }
  /* 注册登录 / 分享邀请 / 规则页：整页。工具端可见市场 = 底部卡片弹窗。 */
  .page-admin #admin-auth-layer,
  .page-admin #admin-invite-layer,
  .page-admin #admin-rules-layer {
    align-items: stretch;
    justify-content: stretch;
    padding: 0;
  }
  .page-admin #admin-auth-layer .me-sheet-backdrop,
  .page-admin #admin-invite-layer .me-sheet-backdrop,
  .page-admin #admin-rules-layer .me-sheet-backdrop {
    display: none;
  }
  .page-admin #admin-auth-layer .me-sheet,
  .page-admin #admin-invite-layer .me-sheet,
  .page-admin #admin-rules-layer .me-sheet {
    width: 100% !important;
    max-width: none !important;
    height: 100%;
    max-height: none;
    min-height: 100%;
    margin: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    animation: none;
    overflow: hidden;
    padding: calc(8px + env(safe-area-inset-top, 0px)) 14px calc(16px + var(--safe-b, env(safe-area-inset-bottom, 0px)));
  }
  .page-admin #admin-auth-layer .me-sheet::before,
  .page-admin #admin-invite-layer .me-sheet::before,
  .page-admin #admin-rules-layer .me-sheet::before {
    display: none;
    content: none;
  }
  /* 工具端可见市场：手机端底部卡片弹窗（保留遮罩） */
  .page-admin #admin-region-vis-layer {
    align-items: flex-end;
    justify-content: stretch;
    padding: 0;
  }
  .page-admin #admin-region-vis-layer .me-sheet-backdrop {
    display: block;
  }
  .page-admin #admin-region-vis-layer .admin-region-vis-sheet {
    width: 100% !important;
    max-width: none !important;
    height: auto;
    max-height: min(88dvh, 720px);
    min-height: min(360px, 62dvh);
    margin: 0;
    border: 0;
    border-top: 1px solid var(--line);
    border-radius: 18px 18px 0 0;
    box-shadow: 0 -16px 48px rgba(0, 0, 0, 0.45);
    animation: me-drawer-up 0.3s cubic-bezier(0.22, 1, 0.36, 1);
    overflow: hidden;
    padding: calc(8px + env(safe-area-inset-top, 0px)) 14px calc(12px + var(--safe-b, env(safe-area-inset-bottom, 0px)));
    background: var(--panel);
    background-image: none;
  }
  html[data-theme="dark"] .page-admin #admin-region-vis-layer .admin-region-vis-sheet {
    border-top-color: rgba(255, 255, 255, 0.12);
  }
  .page-admin #admin-region-vis-layer .me-sheet::before {
    display: none;
    content: none;
  }
  .page-admin #admin-region-vis-layer .admin-page-back {
    display: none !important;
  }
  .page-admin #admin-auth-layer .admin-page-back,
  .page-admin #admin-invite-layer .admin-page-back,
  .page-admin #admin-rules-layer .admin-page-back {
    display: inline-flex;
  }
  .page-admin #admin-invite-layer .admin-signup-head,
  .page-admin #admin-rules-layer .admin-signup-head,
  .page-admin #admin-region-vis-layer .admin-signup-head {
    min-height: 40px;
    gap: 8px;
    flex: none;
  }
  .page-admin #admin-auth-layer .admin-nav-save,
  .page-admin #admin-invite-layer .admin-nav-save,
  .page-admin #admin-rules-layer .admin-nav-save,
  .page-admin #admin-region-vis-layer .admin-nav-save {
    width: auto;
    flex: none;
    height: 28px;
    padding: 0 10px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 650;
    line-height: 1;
    white-space: nowrap;
  }
  /* 分享邀请：整页外层 overflow:hidden，滚动落在 body；仓库卡取消嵌套 max-height，避免底圆角被裁 */
  .page-admin #admin-invite-layer .me-sheet {
    gap: 8px;
    padding-top: calc(6px + env(safe-area-inset-top, 0px));
  }
  .page-admin #admin-invite-layer .admin-ops-body {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    gap: 8px;
    padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px));
  }
  .page-admin #admin-invite-layer #admin-invite-msg:empty {
    display: none;
  }
  .page-admin #admin-invite-layer .ch-invite-split {
    min-height: 0;
    gap: 10px;
  }
  .page-admin #admin-invite-layer .ch-invite-form > .ch-block {
    margin-bottom: 0;
  }
  .page-admin #admin-invite-layer #ch-invite-store {
    max-height: none;
    overflow: visible;
    min-height: 160px;
  }
  .page-admin #admin-rules-layer .ch-invite-split {
    max-height: none;
    flex: 1 1 auto;
    min-height: 0;
  }
  .page-admin #admin-tpl-layer .me-sheet {
    height: auto;
    min-height: 0;
    max-height: min(70dvh, 520px);
    border-radius: 18px 18px 0 0;
    animation: me-drawer-up 0.3s cubic-bezier(0.22, 1, 0.36, 1);
  }
}

html.cycle-bills-open,
body.cycle-bills-open {
  overflow: hidden !important;
}
#app-cycle-bills.fee-tip-modal {
  overflow: hidden;
}
#app-cycle-bills .fee-sheet.flow-detail-card {
  width: min(460px, calc(100vw - 32px));
  max-width: min(460px, calc(100vw - 32px));
  overflow: hidden;
}
#app-cycle-bills .cycle-bills-back {
  display: none;
}
@media (max-width: 719px) {
  #app-cycle-bills.fee-tip-modal.flow-detail-sheet {
    display: flex;
    align-items: stretch;
    justify-content: stretch;
    padding: 0;
    background: var(--bg, #ffffff);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
  #app-cycle-bills .fee-sheet.flow-detail-card,
  html[data-theme="dark"] #app-cycle-bills.fee-tip-modal .fee-sheet.flow-detail-card,
  html[data-theme="dark"] #app-cycle-bills.fee-tip-modal.flow-detail-sheet .fee-sheet.flow-detail-card {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: 100%;
    max-height: none !important;
    min-height: 100%;
    min-height: 100dvh;
    margin: 0;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    transform: none;
    box-sizing: border-box;
    padding-top: env(safe-area-inset-top, 0px);
    background: var(--bg, #ffffff) !important;
  }
  #app-cycle-bills .cycle-bills-head {
    position: relative;
    z-index: 2;
    padding: 10px 16px 10px 8px;
    background: var(--bg, #ffffff);
  }
  #app-cycle-bills .cycle-bills-head::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: calc(-1 * env(safe-area-inset-top, 0px));
    height: env(safe-area-inset-top, 0px);
    background: var(--bg, #ffffff);
    pointer-events: none;
  }
  #app-cycle-bills .cycle-bills-back.ui-page-back {
    display: grid;
  }
  #app-cycle-bills .cycle-bills-head .book-day-x {
    display: none;
  }
  #app-cycle-bills .flow-detail-body {
    padding-bottom: calc(14px + env(safe-area-inset-bottom, 0px));
  }
}
#app-cycle-bills .flow-detail-body {
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
}
#app-cycle-bills .flow-detail-body {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
#app-cycle-bills .flow-detail-body::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}
.venue-bill-bar {
  display: flex;
  align-items: flex-end;
  gap: 4px;
  min-width: 0;
  margin: 8px 0 0;
}
.venue-bill-tabs {
  display: flex;
  align-items: flex-end;
  gap: 22px;
  flex: 1 1 auto;
  min-width: 0;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
  border-bottom: 0;
  margin: 0;
  padding: 8px 0 0;
  position: static;
  background: transparent;
}
#app-cycle-bills .venue-bill-stick {
  position: sticky;
  top: 0;
  z-index: 4;
  margin: 0 -12px;
  padding: 0 12px 6px;
  background: #ffffff;
}
html[data-theme="dark"] #app-cycle-bills .venue-bill-stick {
  background: #000000;
}
/* 仓位账单：外壳=半透明压暗（见 .fee-tip-modal）；纯黑只在卡片内，勿用 --sheet(#121212) */
@media (min-width: 720px) {
  html[data-theme="dark"] #app-cycle-bills.fee-tip-modal.flow-detail-sheet {
    background: var(--modal-scrim, rgba(6, 10, 16, 0.55)) !important;
  }
}
html[data-theme="dark"] #app-cycle-bills .fee-sheet.flow-detail-card,
html[data-theme="dark"] #app-cycle-bills.fee-tip-modal .fee-sheet.flow-detail-card,
html[data-theme="dark"] #app-cycle-bills .cycle-bills-head,
html[data-theme="dark"] #app-cycle-bills .cycle-bills-head::before,
html[data-theme="dark"] #app-cycle-bills .flow-detail-body,
html[data-theme="dark"] #app-cycle-bills .venue-bill-stick {
  background: #000000 !important;
}
html:not([data-theme="dark"]) #app-cycle-bills .cycle-bills-head h3 .vb-perp-in {
  background: #ffffff;
  border: 1px solid var(--line);
  color: var(--muted);
}
.venue-bill-tabs::-webkit-scrollbar { display: none; }
.venue-bill-tabs button {
  appearance: none;
  background: transparent;
  box-shadow: none;
  border: 0;
  color: var(--muted);
  font-size: 16px;
  font-weight: 700;
  padding: 0 0 10px;
  position: relative;
  white-space: nowrap;
  cursor: pointer;
}
.venue-bill-tabs button.on {
  color: var(--ink);
}
.venue-bill-tabs button.on::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2.5px;
  border-radius: 2px;
  background: var(--ink);
}
.venue-bill-row {
  padding: 14px 2px 12px;
  border-bottom: 1px solid var(--line);
}
.venue-bill-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}
.vb-name { display: inline-flex; align-items: center; gap: 6px; min-width: 0; }
.vb-name b { font-size: 15px; font-weight: 750; }
.vb-name i, .vb-perp-in {
  font-style: normal;
  font-size: 11px;
  font-weight: 650;
  color: var(--muted);
  background: var(--solid-bg);
  border: 0;
  border-radius: 4px;
  padding: 1px 6px;
  line-height: 16px;
}
.venue-bill-top span,
.vb-time {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: var(--muted);
  font-variant-numeric: tabular-nums;
}
.vb-chev {
  display: block;
  width: 12px;
  height: 12px;
  flex: 0 0 auto;
  color: var(--muted);
}
.venue-bill-row.is-open { cursor: pointer; }
.vb-order-layer { z-index: 28170 !important; pointer-events: auto !important; }
.vb-order-layer .vb-order-sheet {
  width: min(460px, calc(100vw - 32px));
  max-width: min(460px, calc(100vw - 32px));
  max-height: min(88vh, 720px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.vb-order-head {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 48px;
  padding: 10px 44px 10px 8px;
}
.vb-order-head .cycle-bills-back {
  /* 尺寸见 07-callout-unify.css ui-page-back */
}
.vb-order-head h3 {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  margin: 0;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 15px;
  font-weight: 750;
}
.vb-order-head h3 i {
  font-style: normal;
  font-size: 11px;
  font-weight: 650;
  color: var(--muted);
  border: 1px solid var(--line);
  border-radius: 3px;
  padding: 0 4px;
  line-height: 16px;
}
.vb-order-head .book-day-x {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
}
.vb-order-body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0 16px 16px;
  scrollbar-width: none;
}
.vb-order-body::-webkit-scrollbar { display: none; }
@media (max-width: 719px) {
  .vb-order-layer.is-page {
    display: flex;
    align-items: stretch;
    justify-content: stretch;
    padding: 0;
    background: var(--bg, #ffffff);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
  .vb-order-layer.is-page .vb-order-sheet,
  html[data-theme="dark"] .vb-order-layer.is-page .fee-sheet.vb-order-sheet,
  html[data-theme="dark"] .fee-tip-modal.vb-order-layer.is-page .fee-sheet,
  html:not([data-theme="dark"]) .fee-tip-modal.vb-order-layer.is-coin-ui-dark.is-page .fee-sheet.vb-order-sheet {
    width: 100% !important;
    max-width: none !important;
    height: 100%;
    max-height: none !important;
    min-height: 100dvh;
    margin: 0;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    box-sizing: border-box;
    padding-top: env(safe-area-inset-top, 0px);
    background: var(--bg, #ffffff) !important;
  }
  .vb-order-layer.is-page .vb-order-head {
    padding-top: 10px;
  }
  .vb-order-layer.is-page .book-day-x { display: none; }
  .vb-order-layer.is-page .vb-order-body {
    padding-bottom: calc(16px + env(safe-area-inset-bottom, 0px));
  }
}
.vb-hero { text-align: center; padding: 22px 0 18px; }
.vb-hero i {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  margin: 0 auto 10px;
  border-radius: 50%;
  font-style: normal;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  background: var(--muted);
}
.vb-hero.is-ok i { background: var(--up); }
.vb-hero.is-ok i::before { content: "✓"; }
.vb-hero.is-part i { background: var(--warn); }
.vb-hero.is-part i::before { content: "◐"; }
.vb-hero.is-cancel i::before { content: "×"; }
.vb-hero b { display: block; font-size: 14px; font-weight: 750; }
.vb-hero.is-ok b { color: var(--up); }
.vb-gap { height: 14px; }
.vb-sec {
  margin: 22px 0 10px;
  font-size: 13px;
  font-weight: 700;
}
.vb-fill { padding: 4px 0 10px; }
.vb-fund-sum {
  padding: 8px 2px 10px;
  border-bottom: 1px solid var(--line);
}
.vb-upcoming b { color: var(--muted); }
.vb-endnote {
  margin: 22px 0 8px;
  text-align: center;
  color: var(--muted);
  font-size: 12px;
}
.vb-pnl-hit {
  appearance: none;
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.vb-pnl-layer { z-index: 28160 !important; pointer-events: auto !important; }
.vb-pnl-layer .vb-pnl-sheet {
  width: min(360px, calc(100vw - 32px));
  max-width: min(360px, calc(100vw - 32px));
}
.vb-pnl-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 16px 8px;
}
.vb-pnl-head h3 { margin: 0; font-size: 16px; font-weight: 750; }
.vb-pnl-body { padding: 8px 16px 18px; }
.vb-pnl-body .venue-bill-kv { font-size: 13px; line-height: 2.05; }
.vb-pnl-note {
  margin: 16px 0 0;
  font-size: 11px;
  line-height: 1.55;
  color: var(--muted);
}
@media (max-width: 719px) {
  .vb-pnl-layer.is-drawer {
    display: flex;
    align-items: flex-end;
    justify-content: stretch;
    padding: 0;
  }
  .vb-pnl-layer.is-drawer .vb-pnl-sheet,
  html[data-theme="dark"] .vb-pnl-layer.is-drawer .fee-sheet.vb-pnl-sheet,
  html[data-theme="dark"] .fee-tip-modal.vb-pnl-layer.is-drawer .fee-sheet,
  html:not([data-theme="dark"]) .fee-tip-modal.vb-pnl-layer.is-coin-ui-dark.is-drawer .fee-sheet.vb-pnl-sheet {
    width: 100% !important;
    max-width: none !important;
    margin: 0;
    border: 0 !important;
    border-top: 1px solid var(--line, var(--card-line)) !important;
    border-radius: 18px 18px 0 0;
    box-shadow: none !important;
    outline: none !important;
    animation: me-drawer-up 0.3s cubic-bezier(0.22, 1, 0.36, 1);
    padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px));
  }
  .vb-pnl-layer.is-drawer .vb-pnl-sheet::before {
    content: "";
    display: block;
    width: 36px;
    height: 4px;
    margin: 8px auto 0;
    border-radius: 2px;
    background: var(--line);
  }
}
.vb-side {
  display: inline-flex;
  align-items: center;
  margin: 4px 0 6px;
  padding: 2px 8px;
  border-radius: 4px;
  background: var(--solid-bg);
  font-size: 13px;
  font-weight: 700;
}
.vb-side.up { color: #fff; background: var(--up-solid); }
.vb-side.down { color: #fff; background: var(--down-solid); }
html[data-theme="dark"] .vb-side.up { color: #ffffff; background: var(--up-solid); }
html[data-theme="dark"] .vb-side.down { color: #ffffff; background: var(--down-solid); }
.venue-bill-kv {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  font-size: 12px;
  line-height: 1.85;
  color: var(--muted);
}
.venue-bill-kv b { color: var(--text); font-weight: 650; font-variant-numeric: tabular-nums; text-align: right; }
.venue-bill-kv b.up { color: var(--up); }
.venue-bill-kv b.down { color: var(--down); }
.venue-bill-kv b.vb-dim { color: var(--muted); font-weight: 600; }
.vb-copy {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  margin-left: 6px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--muted);
  vertical-align: -3px;
  cursor: pointer;
}
.vb-copy svg { display: block; }
.vb-copy:hover { color: var(--ink); }
.vb-pos-hd { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.vb-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 3px;
  color: #fff;
  font-size: 11px;
  font-weight: 750;
}
.vb-badge.buy { background: var(--up-solid, var(--up)); }
.vb-badge.sell { background: var(--down-solid, var(--down)); }
.vb-chip {
  font-style: normal;
  font-size: 11px;
  color: var(--muted);
  background: var(--solid-bg);
  border: 0;
  border-radius: 4px;
  padding: 1px 6px;
  line-height: 16px;
}
.vb-closed { font-size: 12px; color: var(--muted); }
.vb-grid {
  display: grid;
  grid-template-columns: 1.15fr 1fr 0.95fr;
  gap: 10px 8px;
  margin-top: 12px;
}
.vb-grid span, .vb-times span { display: block; font-size: 11px; color: var(--muted); font-weight: 550; }
.vb-grid b, .vb-times b { display: block; margin-top: 3px; font-size: 13px; font-weight: 700; font-variant-numeric: tabular-nums; }
.vb-grid b.up { color: var(--up); }
.vb-grid b.down { color: var(--down); }
.vb-end { text-align: right; }
.vb-times {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  margin-top: 12px;
}
.vb-times > b { margin-top: 18px; text-align: right; }
.venue-bill-note { padding: 28px 8px; text-align: center; color: var(--muted); font-size: 13px; }

/* 交易 / 产品 / 资产：滚动保留，滚动条不显示（与市场页 .mkt-scroll 一致） */
html:has(#tab-home.on),
html:has(#tab-strategy.on),
html:has(#tab-accounts.on),
html:has(#tab-home.on) body,
html:has(#tab-strategy.on) body,
html:has(#tab-accounts.on) body {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
html:has(#tab-home.on)::-webkit-scrollbar,
html:has(#tab-strategy.on)::-webkit-scrollbar,
html:has(#tab-accounts.on)::-webkit-scrollbar,
html:has(#tab-home.on) body::-webkit-scrollbar,
html:has(#tab-strategy.on) body::-webkit-scrollbar,
html:has(#tab-accounts.on) body::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}
.venue-bill-tools {
  flex: 0 0 auto;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  position: static;
  margin-left: 6px;
  /* 与页签文字对齐：略下移，避免悬在文字上方 */
  padding: 0 0 9px;
  transform: translateY(2px);
  background: transparent;
}
@media (max-width: 719px) {
  .venue-bill-tools {
    padding: 0 0 8px;
    transform: translateY(5px);
  }
}
.vb-dir-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  width: 30px;
  height: 30px;
  min-width: 30px;
  max-width: none;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--muted);
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  flex: 0 0 auto;
}
html[data-theme="dark"] .vb-dir-btn { background: transparent; color: var(--muted); }
.vb-dir-btn svg { width: 20px; height: 20px; display: block; flex: 0 0 auto; }
.vb-dir-btn b { display: none; }
.vb-dir-btn.on { color: var(--ink); box-shadow: none; }
.vb-dir-btn.is-buy.on { color: var(--up, #2bbb8a); }
.vb-dir-btn.is-sell.on { color: var(--down, #e5546d); }
.vb-dir-layer {
  position: fixed;
  inset: 0;
  z-index: 28200;
  background: rgba(0, 0, 0, 0.45);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
}
.vb-dir-sheet {
  width: min(360px, calc(100vw - 48px));
  background: #ffffff;
  color: var(--ink);
  border: 1px solid var(--card-line);
  border-radius: 16px;
  padding: 16px 16px 18px;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.45);
}
html[data-theme="dark"] .vb-dir-sheet { background: #000000; }
.vb-dir-sheet h3 { margin: 4px 0 16px; font-size: 16px; font-weight: 750; }
.vb-dir-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.vb-dir-grid button {
  height: 44px;
  border-radius: 8px;
  border: 1px solid transparent;
  background: #f2f2f2;
  color: var(--ink);
  font-size: 15px;
  font-weight: 650;
  cursor: pointer;
}
html[data-theme="dark"] .vb-dir-grid button {
  background: #1c1c1c;
  color: #fff;
}
.vb-dir-grid button.on { border-color: var(--ink); }
html[data-theme="dark"] .vb-dir-grid button.on { border-color: #fff; }
.vb-filter-btn {
  width: 30px;
  height: 30px;
  min-width: 30px;
  border: 0;
  background: transparent;
  color: var(--muted);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
  flex: 0 0 auto;
  line-height: 1;
}
.vb-filter-btn svg {
  width: 20px;
  height: 20px;
  display: block;
}
.vb-filter-btn.on { color: var(--ink); }
.vb-filter-layer {
  position: fixed;
  inset: 0;
  z-index: 28200;
  background: rgba(0, 0, 0, 0.45);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
}
.vb-filter-sheet {
  width: min(420px, calc(100vw - 48px));
  max-height: min(88vh, 760px);
  overflow: auto;
  background: #ffffff;
  color: var(--ink);
  border: 1px solid var(--card-line);
  border-radius: 16px;
  padding: 18px 16px 16px;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.45);
}
html[data-theme="dark"] .vb-filter-sheet { background: #000000; }
.vb-filter-label { margin: 0 0 10px; font-size: 14px; font-weight: 650; }
.vb-filter-presets, .vb-filter-range {
  display: flex;
  align-items: center;
  gap: 8px;
}
.vb-filter-range { margin-top: 10px; }
.vb-filter-presets button, .vb-date-box {
  flex: 1 1 0;
  min-width: 0;
  height: 38px;
  border-radius: 8px;
  border: 1px solid transparent;
  background: #f2f2f2;
  color: var(--ink);
  font-size: 13px;
  font-weight: 650;
  cursor: pointer;
}
html[data-theme="dark"] .vb-filter-presets button,
html[data-theme="dark"] .vb-date-box { background: #1c1c1c; }
.vb-filter-presets button.on, .vb-date-box.on { border-color: var(--ink); }
.vb-filter-range > span { flex: 0 0 auto; color: var(--muted); font-size: 13px; }
.vb-date-box { font-variant-numeric: tabular-nums; }
.vb-wheel {
  position: relative;
  display: grid;
  grid-template-columns: 1.25fr 1fr 1fr;
  height: 252px;
  margin: 12px 0 4px;
  user-select: none;
}
.vb-wheel-frame {
  position: absolute;
  left: 0;
  right: 0;
  top: 108px;
  height: 36px;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  pointer-events: none;
  z-index: 1;
}
.vb-wheel-col {
  height: 252px;
  overflow-y: auto;
  scroll-snap-type: y mandatory;
  scrollbar-width: none;
  padding: 108px 0;
  box-sizing: border-box;
}
.vb-wheel-col::-webkit-scrollbar { display: none; }
.vb-wheel-item {
  height: 36px;
  width: 100%;
  border: 0;
  background: transparent;
  color: var(--muted);
  font-size: 15px;
  scroll-snap-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.vb-wheel-item.is-on { color: var(--ink); font-size: 17px; font-weight: 750; }
.vb-filter-note { margin: 8px 0 14px; font-size: 12px; line-height: 1.5; color: var(--muted); }
.vb-filter-actions { display: flex; gap: 12px; }
.vb-filter-reset, .vb-filter-ok {
  flex: 1 1 0;
  height: 44px;
  border: 0;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
}
.vb-filter-reset { background: #f2f2f2; color: var(--ink); }
html[data-theme="dark"] .vb-filter-reset { background: #1c1c1c; color: #fff; }
.vb-filter-ok { background: #111111; color: #fff; }
html[data-theme="dark"] .vb-filter-ok { background: #ffffff; color: #000000; }
@media (max-width: 719px) {
  .vb-filter-layer {
    position: fixed;
    inset: 0;
    z-index: 28200;
    align-items: flex-end;
    justify-content: stretch;
    padding: 0;
    background: rgba(0, 0, 0, 0.55);
  }
  .vb-filter-sheet {
    width: 100%;
    max-width: none;
    max-height: min(88dvh, 760px);
    border: 0 !important;
    border-top: 1px solid var(--line, var(--card-line)) !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    border-radius: 18px 18px 0 0;
    box-shadow: none !important;
    outline: none !important;
    padding: 8px 16px calc(14px + env(safe-area-inset-bottom, 0px));
    animation: me-drawer-up 0.3s cubic-bezier(0.22, 1, 0.36, 1);
  }
  .vb-filter-sheet::before {
    content: "";
    display: block;
    width: 36px;
    height: 4px;
    margin: 4px auto 12px;
    border-radius: 2px;
    background: rgba(21, 32, 43, 0.18);
  }
  html[data-theme="dark"] .vb-filter-sheet::before {
    background: rgba(255, 255, 255, 0.28);
  }
  .vb-dir-layer {
    position: fixed;
    inset: 0;
    z-index: 28200;
    align-items: flex-end;
    justify-content: stretch;
    padding: 0;
    background: rgba(0, 0, 0, 0.55);
  }
  .vb-dir-sheet {
    width: 100%;
    max-width: none;
    max-height: min(70dvh, 420px);
    border: 0 !important;
    border-top: 1px solid var(--line, var(--card-line)) !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    border-radius: 18px 18px 0 0;
    box-shadow: none !important;
    outline: none !important;
    padding: 8px 16px calc(18px + env(safe-area-inset-bottom, 0px));
    animation: me-drawer-up 0.3s cubic-bezier(0.22, 1, 0.36, 1);
  }
  .vb-dir-sheet::before {
    content: "";
    display: block;
    width: 36px;
    height: 4px;
    margin: 4px auto 12px;
    border-radius: 2px;
    background: rgba(21, 32, 43, 0.18);
  }
  html[data-theme="dark"] .vb-dir-sheet::before {
    background: rgba(255, 255, 255, 0.28);
  }
}

/* 安全验证夜间皮肤。写在全局纯黑弹层规则之后，工具端和后台共用。 */
html[data-theme="dark"] .fee-tip-modal.acc-pass-modal .acc-pass-sheet {
  background: #1c222b !important;
  background-image: none !important;
  color: #f4f7fb !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.55) !important;
}
html[data-theme="dark"] .fee-tip-modal.acc-pass-modal .acc-pass-title,
html[data-theme="dark"] .fee-tip-modal.acc-pass-modal .acc-pass-lab,
html[data-theme="dark"] .fee-tip-modal.acc-pass-modal .acc-pass-verified {
  color: #f4f7fb !important;
}
html[data-theme="dark"] .fee-tip-modal.acc-pass-modal .acc-pass-sub {
  color: #c5ced8 !important;
}
html[data-theme="dark"] .fee-tip-modal.acc-pass-modal .acc-pass-badge,
html[data-theme="dark"] .fee-tip-modal.acc-pass-modal .acc-pass-verified {
  background: #2a313c !important;
  color: #f4f7fb !important;
}
html[data-theme="dark"] .fee-tip-modal.acc-pass-modal .acc-pass-input-ico {
  color: #c5ced8 !important;
}
html[data-theme="dark"] .fee-tip-modal.acc-pass-modal input {
  background: #12171e !important;
  color: #f4f7fb !important;
  -webkit-text-fill-color: #f4f7fb !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] .fee-tip-modal.acc-pass-modal input::placeholder {
  color: #9aa6b2 !important;
  -webkit-text-fill-color: #9aa6b2 !important;
  opacity: 1;
}
html[data-theme="dark"] .fee-tip-modal.acc-pass-modal .acc-pass-btn.is-primary {
  background: #f4f7fb !important;
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
}
html[data-theme="dark"] .fee-tip-modal.acc-pass-modal .acc-pass-btn.is-outline {
  background: transparent !important;
  color: #f4f7fb !important;
  -webkit-text-fill-color: #f4f7fb !important;
  border: 1px solid rgba(255, 255, 255, 0.28) !important;
}

/* 账户K线：交易所/品种仍显示，但不能点开切换 */
.mkt-coin-sheet.is-hold-lock .mkt-coin-venue,
.mkt-coin-sheet.is-hold-lock #mkt-coin-venue,
.mkt-coin-sheet.is-hold-lock #mkt-coin-venue-trade,
.mkt-coin-sheet.is-hold-lock #mkt-coin-venue-ov,
.mkt-coin-sheet.is-hold-lock.is-kline-fs .mkt-coin-venue {
  pointer-events: none !important;
  cursor: default !important;
}
.mkt-coin-sheet.is-hold-lock .mkt-coin-venue::after {
  display: none !important;
}
/* 仅禁换所弹层；规则「更多/了解更多」共用 .mkt-coin-venue-sheet 基类，须可弹 */
.mkt-coin-sheet.is-hold-lock #mkt-coin-venue-sheet {
  display: none !important;
  pointer-events: none !important;
}

/* K 线第三栏（钉仓）+ 由其打开的弹层：固定暗色，不跟 html data-theme */
.mkt-coin-sheet.is-hold-tri .mkt-coin-pos-dock,
.mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked {
  color-scheme: dark;
}
/* K 线钉仓：平仓钮 = 夜间浮窗仓位同款（尺寸/实心红；全视口，不只在 ≥900px） */
#pos-sheet.is-coin-docked .pos-flat-cell {
  align-items: flex-start;
  justify-content: flex-end;
}
#pos-sheet.is-coin-docked .pos-side-flat-btn {
  min-width: 4.75em !important;
  padding: 6px 12px !important;
  min-height: 32px !important;
  border-radius: 8px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  background: #f05a72 !important;
  color: #fff !important;
  border: 0 !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
#pos-sheet.is-coin-docked .pos-side-flat-btn:hover:not(:disabled) {
  background: #d4455e !important;
  color: #fff !important;
}
#pos-sheet.is-coin-docked .pos-side-flat-btn:disabled {
  opacity: 0.45;
}
/* 钉仓：手动挂单中 / 全仓·杠杆 与指标标签（维持保证金率等）同色 */
#pos-sheet.is-coin-docked .pos-ord-status,
#pos-sheet.is-coin-docked button.pos-meta-tag,
#pos-sheet.is-coin-docked .pos-meta-tag:not(.pos-slot-chip):not(.pos-slot-tag) {
  color: var(--muted) !important;
}
#pos-sheet.is-coin-docked .pos-metrics > div > span,
#pos-sheet.is-coin-docked .pos-grid > div span,
#pos-sheet.is-coin-docked .pos-mgn-lab {
  color: var(--muted) !important;
}
.mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-bill-btn,
#pos-sheet.is-coin-docked .pos-bill-btn {
  background: var(--solid-bg, #1c1c1c) !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--ink, #fff) !important;
}
/* 钉仓区固定暗色：勿用 --chip-hover/--panel（浅色主题下会变灰白块） */
.mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-bill-btn:hover,
.mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-bill-btn:active,
#pos-sheet.is-coin-docked .pos-bill-btn:hover,
#pos-sheet.is-coin-docked .pos-bill-btn:active {
  background: #2a2a2a !important;
  color: #fff !important;
}
.mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-bill-btn .pos-bill-clock-disk,
#pos-sheet.is-coin-docked .pos-bill-btn .pos-bill-clock-disk {
  fill: var(--solid-bg, #1c1c1c) !important;
}
.mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-bill-btn:hover .pos-bill-clock-disk,
.mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-bill-btn:active .pos-bill-clock-disk,
#pos-sheet.is-coin-docked .pos-bill-btn:hover .pos-bill-clock-disk,
#pos-sheet.is-coin-docked .pos-bill-btn:active .pos-bill-clock-disk {
  fill: #2a2a2a !important;
}
/* 钉仓列表/交易台：分段底槽/滑轨与输入卡同色（--solid-bg；压过 ≥900px 内 #151a21） */
.mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-kind-tabs,
.mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-desk-sides,
#pos-sheet.is-coin-docked .pos-kind-tabs,
#pos-sheet.is-coin-docked .pos-desk-sides {
  background: var(--solid-bg, #1c1c1c) !important;
}
#pos-sheet.is-coin-docked .pos-desk-pct-rail {
  background: var(--solid-bg, #1c1c1c) !important;
  box-shadow: none !important;
}
#pos-sheet.is-coin-docked .pos-desk-pct-dot {
  background: var(--solid-bg, #1c1c1c) !important;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08) !important;
}
#pos-sheet.is-coin-docked .pos-desk-pct-dot.is-on {
  background: #fff !important;
  border-color: #fff !important;
  box-shadow: 0 0 0 2px var(--solid-bg, #1c1c1c) !important;
}
#pos-sheet.is-coin-docked .pos-desk-pct-range::-webkit-slider-thumb,
#pos-sheet.is-coin-docked .pos-desk-pct-range::-moz-range-thumb {
  background: var(--solid-bg, #1c1c1c) !important;
  border: 2px solid #fff !important;
}
.mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked #pos-trade-desk,
.mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-tabs {
  border-bottom-color: var(--line) !important;
}
/* 钉仓：委托/仓位页签 = 白字 + 下划线，无灰底块（与浮窗 #pos-sheet 一致） */
#pos-sheet.is-coin-docked .pos-tabs-left {
  background: transparent !important;
  border-radius: 0 !important;
  padding: 0 !important;
  gap: 0;
}
#pos-sheet.is-coin-docked .pos-tabs-left > #tab-ord {
  position: relative;
}
#pos-sheet.is-coin-docked .pos-tab-pos-wrap {
  position: relative;
}
#pos-sheet.is-coin-docked .pos-tabs-left button:not(.pos-heal-bang):not(.pos-bill-btn):not(.pos-sheet-close) {
  background: transparent !important;
  color: var(--muted) !important;
  border-radius: 0 !important;
}
#pos-sheet.is-coin-docked .pos-tabs-left > #tab-ord.on,
#pos-sheet.is-coin-docked .pos-tab-pos-wrap > #tab-pos.on {
  background: transparent !important;
  color: #fff !important;
}
#pos-sheet.is-coin-docked .pos-tabs-left > #tab-ord.on b,
#pos-sheet.is-coin-docked .pos-tab-pos-wrap > #tab-pos.on b,
#pos-sheet.is-coin-docked .pos-tabs-left button b {
  color: inherit !important;
}
#pos-sheet.is-coin-docked .pos-tabs-left > #tab-ord.on::after,
#pos-sheet.is-coin-docked .pos-tab-pos-wrap:has(#tab-pos.on)::after {
  content: "";
  display: block !important;
  position: absolute;
  left: 12%;
  right: 12%;
  bottom: 0;
  height: 2.5px;
  border-radius: 2px;
  background: #fff !important;
}
#pos-sheet.is-coin-docked .pos-tab-pos-wrap > #tab-pos.on::after {
  display: none !important;
}
/* 钉仓交易台：输入/内容卡/贴盘钮 = 原页签选中灰（--solid-bg） */
#pos-sheet.is-coin-docked #pos-trade-desk .pos-desk-form .flat-manual-field input,
#pos-sheet.is-coin-docked #pos-trade-desk .pos-desk-form .pos-desk-peg.flat-manual-all,
#pos-sheet.is-coin-docked #pos-trade-desk .pos-desk-form .pos-desk-slot-adv.flat-manual-all,
#pos-sheet.is-coin-docked #pos-trade-desk .pos-desk-form .pos-desk-est.amend-est-field,
#pos-sheet.is-coin-docked #pos-trade-desk .pos-desk-form .flat-est-combo,
#pos-sheet.is-coin-docked #pos-trade-desk .pos-desk-form select.pos-open-slot-select {
  background: var(--solid-bg, #1c1c1c) !important;
  border: 0 !important;
  border-color: transparent !important;
  box-shadow: none !important;
  color: var(--ink, #fff) !important;
}
#pos-sheet.is-coin-docked #pos-trade-desk .pos-desk-form .flat-manual-field input:focus {
  border-color: rgba(255, 255, 255, 0.12) !important;
}
#pos-sheet.is-coin-docked #pos-trade-desk .pos-desk-form .flat-manual-n-row > .flat-manual-all {
  flex-shrink: 0;
  align-self: auto;
  box-sizing: border-box;
  height: 44px;
  min-height: 44px;
  max-height: 44px;
  padding: 0 14px;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  border-radius: 10px;
}
#pos-sheet.is-coin-docked #pos-trade-desk .pos-desk-form .pos-desk-peg.flat-manual-all,
#pos-sheet.is-coin-docked #pos-trade-desk .pos-desk-form .pos-desk-slot-adv.flat-manual-all {
  color: var(--muted, #8c8c8c) !important;
  -webkit-text-fill-color: var(--muted, #8c8c8c) !important;
}
#pos-sheet.is-coin-docked #pos-trade-desk .pos-desk-form .pos-desk-peg.flat-manual-all:hover,
#pos-sheet.is-coin-docked #pos-trade-desk .pos-desk-form .pos-desk-slot-adv.flat-manual-all:hover,
#pos-sheet.is-coin-docked #pos-trade-desk .pos-desk-form .pos-desk-slot-adv.flat-manual-all.is-on {
  background: var(--chip-hover, #2a2a2a) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
html:not([data-theme="dark"]) .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-tabs-left button:not(.pos-heal-bang):not(.pos-bill-btn) {
  color: var(--muted);
}
html:not([data-theme="dark"]) .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-ord-row {
  border-top-color: var(--line) !important;
}
html:not([data-theme="dark"]) .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-grid > div span,
html:not([data-theme="dark"]) .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-ord-grid span,
html:not([data-theme="dark"]) .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-upl-label {
  color: var(--muted) !important;
}
html:not([data-theme="dark"]) .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-sym,
html:not([data-theme="dark"]) .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-grid > div b,
html:not([data-theme="dark"]) .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-ord-title,
html:not([data-theme="dark"]) .mkt-coin-sheet.is-hold-tri #pos-sheet.is-coin-docked .pos-ord-grid b {
  color: var(--ink) !important;
}
/* K 线第三栏弹层：白昼皮肤下锁夜间；已是 html 夜间时不覆盖（与浮窗仓位弹窗一致） */
html:not([data-theme="dark"]) .fee-tip-modal.confirm-modal.is-coin-ui-dark,
html:not([data-theme="dark"]) .fee-tip-modal.is-coin-ui-dark:not(.confirm-modal),
html:not([data-theme="dark"]) #app-cycle-bills.fee-tip-modal.is-coin-ui-dark,
html:not([data-theme="dark"]) .fee-tip-modal.vb-order-layer.is-coin-ui-dark,
html:not([data-theme="dark"]) .fee-tip-modal.vb-pnl-layer.is-coin-ui-dark,
html:not([data-theme="dark"]) .vb-filter-layer.is-coin-ui-dark,
html:not([data-theme="dark"]) .vb-dir-layer.is-coin-ui-dark,
html:not([data-theme="dark"]) .lever-pop.is-coin-ui-dark {
  color-scheme: dark;
  --bg: #000000;
  --panel: #000000;
  --panel-2: #121212;
  --ink: #ffffff;
  --muted: #8c8c8c;
  --line: rgba(255, 255, 255, 0.08);
  --sheet: #000000;
  --sheet-2: #1c1c1c;
  --solid-bg: #1c1c1c;
  --up: #2ecf9a;
  --down: #f05a72;
  --card-line: rgba(255, 255, 255, 0.14);
  --sheet-shadow: none;
  --teal: #3dbaa0;
  --warn: #c9a227;
  --chip-bg: #121212;
}
html:not([data-theme="dark"]) .fee-tip-modal.is-coin-ui-dark:not(.radar-sheet):not(.okx-data-sheet) .fee-sheet.confirm-sheet,
html:not([data-theme="dark"]) .fee-tip-modal.is-coin-ui-dark .mgn-sheet,
html:not([data-theme="dark"]) #app-cycle-bills.is-coin-ui-dark .fee-sheet.flow-detail-card,
html:not([data-theme="dark"]) .fee-tip-modal.vb-order-layer.is-coin-ui-dark .fee-sheet.vb-order-sheet,
html:not([data-theme="dark"]) .fee-tip-modal.vb-pnl-layer.is-coin-ui-dark .fee-sheet.vb-pnl-sheet,
html:not([data-theme="dark"]) .vb-filter-layer.is-coin-ui-dark .vb-filter-sheet,
html:not([data-theme="dark"]) .vb-dir-layer.is-coin-ui-dark .vb-dir-sheet {
  background: #000000 !important;
  color: var(--ink);
  border: 1px solid var(--card-line) !important;
  box-shadow: none !important;
  border-radius: 16px !important;
  overflow: hidden !important;
}
/* 账单子弹层：筛选 / 方向 / 订单详情 / 盈亏拆解（白昼进 K 线 = 夜间 OKX 色） */
html:not([data-theme="dark"]) .vb-filter-layer.is-coin-ui-dark .vb-filter-presets button,
html:not([data-theme="dark"]) .vb-filter-layer.is-coin-ui-dark .vb-date-box,
html:not([data-theme="dark"]) .vb-dir-layer.is-coin-ui-dark .vb-dir-grid button {
  background: #1c1c1c !important;
  color: #ffffff !important;
  border-color: transparent !important;
}
html:not([data-theme="dark"]) .vb-filter-layer.is-coin-ui-dark .vb-filter-presets button.on,
html:not([data-theme="dark"]) .vb-filter-layer.is-coin-ui-dark .vb-date-box.on,
html:not([data-theme="dark"]) .vb-dir-layer.is-coin-ui-dark .vb-dir-grid button.on {
  border-color: #ffffff !important;
}
html:not([data-theme="dark"]) .vb-filter-layer.is-coin-ui-dark .vb-filter-reset {
  background: #1c1c1c !important;
  color: #ffffff !important;
}
html:not([data-theme="dark"]) .vb-filter-layer.is-coin-ui-dark .vb-filter-ok {
  background: #ffffff !important;
  color: #000000 !important;
}
html:not([data-theme="dark"]) .vb-filter-layer.is-coin-ui-dark .vb-filter-label,
html:not([data-theme="dark"]) .vb-filter-layer.is-coin-ui-dark .vb-filter-note,
html:not([data-theme="dark"]) .vb-filter-layer.is-coin-ui-dark .vb-wheel-item,
html:not([data-theme="dark"]) .vb-filter-layer.is-coin-ui-dark .vb-filter-range > span {
  color: var(--muted) !important;
}
html:not([data-theme="dark"]) .vb-filter-layer.is-coin-ui-dark .vb-wheel-item.is-on,
html:not([data-theme="dark"]) .vb-dir-layer.is-coin-ui-dark .vb-dir-sheet h3 {
  color: #ffffff !important;
}
html:not([data-theme="dark"]) .fee-tip-modal.vb-order-layer.is-coin-ui-dark .vb-order-head,
html:not([data-theme="dark"]) .fee-tip-modal.vb-pnl-layer.is-coin-ui-dark .vb-pnl-head {
  color: #ffffff !important;
}
html:not([data-theme="dark"]) .fee-tip-modal.vb-order-layer.is-coin-ui-dark .venue-bill-kv,
html:not([data-theme="dark"]) .fee-tip-modal.vb-pnl-layer.is-coin-ui-dark .venue-bill-kv {
  color: var(--muted) !important;
}
html:not([data-theme="dark"]) .fee-tip-modal.vb-order-layer.is-coin-ui-dark .venue-bill-kv b:not(.up):not(.down),
html:not([data-theme="dark"]) .fee-tip-modal.vb-pnl-layer.is-coin-ui-dark .venue-bill-kv b:not(.up):not(.down),
html:not([data-theme="dark"]) .fee-tip-modal.vb-order-layer.is-coin-ui-dark .vb-sec,
html:not([data-theme="dark"]) .fee-tip-modal.vb-order-layer.is-coin-ui-dark .vb-hero b:not(.up):not(.down) {
  color: #ffffff !important;
}
html:not([data-theme="dark"]) .fee-tip-modal.vb-order-layer.is-coin-ui-dark .vb-endnote,
html:not([data-theme="dark"]) .fee-tip-modal.vb-order-layer.is-coin-ui-dark .venue-bill-note {
  color: var(--muted) !important;
}
html:not([data-theme="dark"]) .fee-tip-modal.confirm-modal.is-coin-ui-dark .confirm-sheet {
  background: #000000 !important;
  border: 1px solid var(--card-line) !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  box-shadow: none !important;
}
html:not([data-theme="dark"]) .fee-tip-modal.confirm-modal.is-coin-ui-dark .confirm-head,
html:not([data-theme="dark"]) .fee-tip-modal.confirm-modal.is-coin-ui-dark .confirm-body,
html:not([data-theme="dark"]) .fee-tip-modal.confirm-modal.is-coin-ui-dark .confirm-actions,
html:not([data-theme="dark"]) .fee-tip-modal.confirm-modal.is-coin-ui-dark .fee-head,
html:not([data-theme="dark"]) .fee-tip-modal.confirm-modal.is-coin-ui-dark .fee-foot {
  background: transparent !important;
  color: var(--ink) !important;
  border: 0 !important;
  box-shadow: none !important;
}
html:not([data-theme="dark"]) #app-cycle-bills.is-coin-ui-dark .venue-bill-stick {
  background: #000000 !important;
}
html:not([data-theme="dark"]) #app-cycle-bills.is-coin-ui-dark .cycle-bills-head h3 .vb-perp-in {
  background: var(--panel-2) !important;
  border-color: var(--line) !important;
  color: var(--muted) !important;
}
html:not([data-theme="dark"]) #app-cycle-bills.is-coin-ui-dark .flow-detail-head,
html:not([data-theme="dark"]) #app-cycle-bills.is-coin-ui-dark .flow-detail-body {
  background: transparent !important;
  color: var(--ink);
}
html:not([data-theme="dark"]) .fee-tip-modal.is-coin-ui-dark .mgn-sheet .mgn-sec {
  background: var(--panel-2) !important;
  border-color: var(--line) !important;
  color: var(--ink);
}
html:not([data-theme="dark"]) .fee-tip-modal.is-coin-ui-dark .mgn-sheet .mgn-sec-h,
html:not([data-theme="dark"]) .fee-tip-modal.is-coin-ui-dark .mgn-sheet .mgn-kv span,
html:not([data-theme="dark"]) .fee-tip-modal.is-coin-ui-dark .mgn-sheet .mgn-foot-note {
  color: var(--muted) !important;
}
html:not([data-theme="dark"]) .fee-tip-modal.is-coin-ui-dark .mgn-sheet .mgn-kv b:not(.mgn-risk-val),
html:not([data-theme="dark"]) .fee-tip-modal.is-coin-ui-dark .mgn-sheet .mgn-list {
  color: var(--ink) !important;
}
html:not([data-theme="dark"]) .fee-tip-modal.is-coin-ui-dark .mgn-sheet .mgn-risk-val.is-safe {
  color: var(--up) !important;
}
html:not([data-theme="dark"]) .fee-tip-modal.is-coin-ui-dark .mgn-sheet .mgn-risk-val.is-warn {
  color: var(--warn) !important;
}
html:not([data-theme="dark"]) .fee-tip-modal.is-coin-ui-dark .mgn-sheet .mgn-risk-val.is-danger {
  color: var(--down) !important;
}
html:not([data-theme="dark"]) .fee-tip-modal.is-coin-ui-dark .mgn-sheet .mgn-status.is-safe {
  color: var(--teal) !important;
  background: var(--chip-bg) !important;
}
html:not([data-theme="dark"]) .fee-tip-modal.is-coin-ui-dark .mgn-sheet .mgn-status.is-warn {
  color: var(--warn) !important;
  background: rgba(201, 162, 39, 0.16) !important;
}
html:not([data-theme="dark"]) .fee-tip-modal.is-coin-ui-dark .mgn-sheet .mgn-status.is-danger {
  color: var(--down) !important;
  background: rgba(240, 90, 114, 0.14) !important;
}
html:not([data-theme="dark"]) .fee-tip-modal.confirm-modal.is-coin-ui-dark .confirm-head h3,
html:not([data-theme="dark"]) .fee-tip-modal.confirm-modal.is-coin-ui-dark .confirm-lead,
html:not([data-theme="dark"]) .fee-tip-modal.confirm-modal.is-coin-ui-dark .confirm-step-t,
html:not([data-theme="dark"]) .fee-tip-modal.confirm-modal.is-coin-ui-dark .confirm-steps li,
html:not([data-theme="dark"]) .fee-tip-modal.confirm-modal.is-coin-ui-dark .flat-manual-field > span {
  color: var(--ink) !important;
}
html:not([data-theme="dark"]) .fee-tip-modal.confirm-modal.is-coin-ui-dark .confirm-msg,
html:not([data-theme="dark"]) .fee-tip-modal.confirm-modal.is-coin-ui-dark .confirm-note,
html:not([data-theme="dark"]) .fee-tip-modal.confirm-modal.is-coin-ui-dark .flat-manual-hint,
html:not([data-theme="dark"]) .fee-tip-modal.confirm-modal.is-coin-ui-dark .flat-est-combo-col span {
  color: var(--muted) !important;
}
html:not([data-theme="dark"]) .fee-tip-modal.confirm-modal.is-coin-ui-dark .confirm-note,
html:not([data-theme="dark"]) .fee-tip-modal.confirm-modal.is-coin-ui-dark .flat-est-combo {
  background: var(--panel-2) !important;
  border: 1px solid var(--line) !important;
}
html:not([data-theme="dark"]) .fee-tip-modal.confirm-modal.is-coin-ui-dark .flat-manual-field input,
html:not([data-theme="dark"]) .fee-tip-modal.confirm-modal.is-coin-ui-dark select.pos-open-slot-select {
  background: #000000 !important;
  border: 1px solid var(--card-line) !important;
  color: var(--ink) !important;
}
html:not([data-theme="dark"]) .fee-tip-modal.confirm-modal.is-coin-ui-dark .flat-mode-tabs {
  background: rgba(0, 0, 0, 0.35) !important;
}
html:not([data-theme="dark"]) .fee-tip-modal.confirm-modal.is-coin-ui-dark .flat-mode-tabs.open-side-tabs {
  background: transparent !important;
}
html:not([data-theme="dark"]) .fee-tip-modal.confirm-modal.is-coin-ui-dark .flat-mode-tab {
  color: var(--muted) !important;
}
html:not([data-theme="dark"]) .fee-tip-modal.confirm-modal.is-coin-ui-dark .flat-mode-tab.on:not(.open-side-tab) {
  background: #fff !important;
  color: #12171e !important;
}
html:not([data-theme="dark"]) .fee-tip-modal.confirm-modal.is-coin-ui-dark .confirm-step-n {
  background: var(--solid-bg) !important;
  color: #fff !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}
html:not([data-theme="dark"]) .fee-tip-modal.confirm-modal.is-coin-ui-dark .confirm-btn-cancel {
  background: transparent !important;
  color: var(--ink) !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
html:not([data-theme="dark"]) .fee-tip-modal.confirm-modal.is-coin-ui-dark .confirm-btn-ok:not(.confirm-btn-danger) {
  background: var(--solid-bg) !important;
  color: #fff !important;
  border-color: transparent !important;
}
html:not([data-theme="dark"]) .fee-tip-modal.confirm-modal.confirm-amend.is-coin-ui-dark .confirm-btn-ok {
  background: #fff !important;
  color: #111 !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
html:not([data-theme="dark"]) .fee-tip-modal.confirm-modal.confirm-amend.is-coin-ui-dark .confirm-btn-ok:hover {
  background: #f0f0f0 !important;
  color: #111 !important;
}
html:not([data-theme="dark"]) .fee-tip-modal.confirm-modal.is-coin-ui-dark .confirm-btn-danger {
  background: #d4535c !important;
  color: #fff !important;
}
html:not([data-theme="dark"]) .fee-tip-modal.confirm-modal.is-coin-ui-dark.confirm-flat-side #open-pos-yes.confirm-btn-ok:not(.confirm-btn-danger) {
  background: var(--up, #20b26c) !important;
  color: #fff !important;
}
html:not([data-theme="dark"]) .fee-tip-modal.confirm-modal.is-coin-ui-dark.confirm-flat-side .confirm-actions [data-act="yes"].confirm-btn-ok:not(.confirm-btn-danger) {
  background: var(--up, #20b26c) !important;
  color: #fff !important;
  border-color: transparent !important;
}
html:not([data-theme="dark"]) .fee-tip-modal.confirm-modal.is-coin-ui-dark.confirm-flat-side .confirm-actions [data-act="yes"].confirm-btn-danger {
  background: #d4535c !important;
  color: #fff !important;
  border-color: transparent !important;
}
html:not([data-theme="dark"]) .fee-tip-modal.confirm-modal.is-coin-ui-dark .flat-est-combo,
html:not([data-theme="dark"]) .fee-tip-modal.confirm-modal.is-coin-ui-dark .confirm-note {
  background: #000000 !important;
  border: 1px solid var(--card-line) !important;
}
html:not([data-theme="dark"]) .fee-tip-modal.confirm-modal.is-coin-ui-dark .flat-manual-all {
  background: var(--solid-bg) !important;
  color: var(--muted, #8c8c8c) !important;
  -webkit-text-fill-color: var(--muted, #8c8c8c) !important;
  border-color: transparent !important;
}
html:not([data-theme="dark"]) .fee-tip-modal.confirm-modal.is-coin-ui-dark .pos-desk-slot-adv.flat-manual-all.is-on,
html:not([data-theme="dark"]) .fee-tip-modal.confirm-modal.is-coin-ui-dark .flat-manual-all:hover {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  background: var(--chip-hover, #2a2a2a) !important;
}
html:not([data-theme="dark"]) .fee-tip-modal.confirm-modal.is-coin-ui-dark .pos-desk-pct-dot {
  border: 2px solid #fff;
  background: #000;
}
html:not([data-theme="dark"]) .fee-tip-modal.confirm-modal.is-coin-ui-dark .pos-desk-pct-dot.is-on {
  background: #fff;
  box-shadow: 0 0 0 2px #000;
}
html:not([data-theme="dark"]) .fee-tip-modal.confirm-modal.is-coin-ui-dark .pos-desk-pct-range::-webkit-slider-thumb,
html:not([data-theme="dark"]) .fee-tip-modal.confirm-modal.is-coin-ui-dark .pos-desk-pct-range::-moz-range-thumb {
  background: #fff;
  border: 2px solid #000;
}
html:not([data-theme="dark"]) .fee-tip-modal.confirm-modal.is-coin-ui-dark .open-side-tabs .open-side-tab[data-open-side="long"].on {
  background: var(--up, #20b26c) !important;
  color: #fff !important;
}
html:not([data-theme="dark"]) .fee-tip-modal.confirm-modal.is-coin-ui-dark .open-side-tabs .open-side-tab[data-open-side="short"].on {
  background: #d4535c !important;
  color: #fff !important;
}
html:not([data-theme="dark"]) .fee-tip-modal.confirm-modal.is-coin-ui-dark .pos-manual-engine-warn {
  background: rgba(240, 90, 114, 0.12) !important;
  border-color: rgba(240, 90, 114, 0.35) !important;
  color: #f05a72 !important;
}

html:not([data-theme="dark"]) .lever-pop.is-coin-ui-dark {
  background: rgba(0, 0, 0, 0.62) !important;
}
html:not([data-theme="dark"]) .lever-pop.is-coin-ui-dark .lever-pop-card {
  background: #000000 !important;
  color: var(--ink) !important;
  border: 1px solid var(--card-line) !important;
  box-shadow: none !important;
  overflow: hidden !important;
}
html:not([data-theme="dark"]) .lever-pop.is-coin-ui-dark .lever-chips button.on {
  background: #fff !important;
  color: #111 !important;
  border-color: transparent !important;
}
html:not([data-theme="dark"]) .lever-pop.is-coin-ui-dark .lever-pop-card h4,
html:not([data-theme="dark"]) .lever-pop.is-coin-ui-dark .lever-pop-card label,
html:not([data-theme="dark"]) .lever-pop.is-coin-ui-dark .lever-mgn-lab {
  color: var(--ink) !important;
}
html:not([data-theme="dark"]) .lever-pop.is-coin-ui-dark .lever-pop-card .fee-x {
  color: var(--ink) !important;
}
html:not([data-theme="dark"]) .lever-pop.is-coin-ui-dark #lever-input,
html:not([data-theme="dark"]) .lever-pop.is-coin-ui-dark #lever-mgn-select {
  background: var(--panel-2) !important;
  border-color: var(--line) !important;
  color: var(--ink) !important;
}
html:not([data-theme="dark"]) .lever-pop.is-coin-ui-dark .lever-chips button {
  background: #000000 !important;
  border: 1px solid var(--card-line) !important;
  color: var(--muted) !important;
}
html:not([data-theme="dark"]) .lever-pop.is-coin-ui-dark .lever-pop-card .btn.main {
  background: #fff !important;
  color: #12171e !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
html:not([data-theme="dark"]) .lever-pop.is-coin-ui-dark .lever-pop-card .btn.main:hover {
  background: #f0f0f0 !important;
  color: #12171e !important;
}

/* K 线全屏：挂 body 的帮助气泡与夜间同款线框（白天皮肤进 K 线也生效） */
body.mkt-coin-open .fold-tip.fold-tip-portal,
body.mkt-coin-open .fold-tip.fold-tip-lever.fold-tip-portal {
  background: #000 !important;
  color: #e8eef2 !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.55) !important;
  filter: none !important;
}
body.mkt-coin-open .fold-tip.fold-tip-portal::after,
body.mkt-coin-open .fold-tip.fold-tip-lever.fold-tip-portal::after {
  border-bottom-color: #000 !important;
  filter: drop-shadow(0 -1px 0 rgba(255, 255, 255, 0.14));
}
body.mkt-coin-open .fold-tip.fold-tip-portal.is-above::after,
body.mkt-coin-open .fold-tip.fold-tip-lever.fold-tip-portal.is-above::after {
  border-top-color: #000 !important;
  border-bottom-color: transparent !important;
  filter: drop-shadow(0 1px 0 rgba(255, 255, 255, 0.14));
}
body.mkt-coin-open .ui-help-tip.ui-help-tip-portal {
  background: #000 !important;
  color: #e8eef2 !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.55) !important;
  filter: none !important;
}

/* —— 产品页 embed（#pro-ops-kline-host）：须在本文件末尾，压过上方 .mkt-coin-sheet 深色令牌 —— */
html:not([data-theme="dark"]) #pro-ops-kline-host {
  --mkt-embed-bg: var(--panel, var(--bg, #fff));
  --mkt-embed-panel: var(--panel, #fff);
}
#pro-ops-kline-host {
  --mkt-embed-bg: var(--bg);
  --mkt-embed-panel: var(--panel);
  --mkt-embed-panel-2: var(--panel-2);
  --mkt-embed-ink: var(--ink);
  --mkt-embed-muted: var(--muted);
  --mkt-embed-line: var(--line);
  --mkt-embed-chip-bg: var(--chip-bg, var(--panel-2));
  --mkt-embed-chip-hover: var(--chip-hover, var(--panel-2));
}
html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].mkt-coin-sheet.is-pro-embed,
html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].mkt-coin-sheet.is-pro-embed.on {
  color-scheme: light !important;
  background: var(--mkt-embed-bg) !important;
  color: var(--mkt-embed-ink) !important;
  --bg: var(--mkt-embed-bg) !important;
  --panel: var(--mkt-embed-panel) !important;
  --panel-2: var(--mkt-embed-panel-2) !important;
  --ink: var(--mkt-embed-ink) !important;
  --muted: var(--mkt-embed-muted) !important;
  --line: var(--mkt-embed-line) !important;
  --chip-bg: var(--mkt-embed-chip-bg) !important;
  --chip-hover: var(--mkt-embed-chip-hover) !important;
  --teal: var(--mkt-embed-ink) !important;
  --teal-bg: var(--mkt-embed-panel-2) !important;
  --mkt-kline-overlay-ink: var(--mkt-embed-ink, var(--ink, #111827));
  --mkt-kline-overlay-muted: var(--mkt-embed-muted, var(--muted, #6b7280));
  --mkt-kline-overlay-strong: var(--mkt-embed-ink, var(--ink, #111827));
  --mkt-kline-leg-ink: var(--mkt-embed-ink, var(--ink, #111827));
  --mkt-kline-leg-shadow: 0 1px 1px rgba(255, 255, 255, 0.65);
  --mkt-kline-wick-line: var(--mkt-embed-ink, var(--ink, #111827));
  --mkt-kline-subhud-shadow: none;
  --mkt-kline-fs-ink: var(--mkt-embed-ink, var(--ink, #111827));
  --mkt-kline-pane-btn-bg: var(--mkt-embed-panel, var(--panel, #fff));
  --mkt-kline-pane-btn-ink: var(--mkt-embed-ink, var(--ink, #111827));
  --mkt-kline-pane-btn-line: var(--mkt-embed-line, var(--line, rgba(0, 0, 0, 0.12)));
  --mkt-kline-quote-age: var(--mkt-embed-muted, var(--muted, #6b7280));
  --mkt-kline-quote-age-shadow: none;
}
#pro-ops-kline-host > [data-pro-embed-kline].mkt-coin-sheet.is-pro-embed.is-embed-light {
  --mkt-kline-overlay-ink: var(--mkt-embed-ink, var(--ink, #111827));
  --mkt-kline-overlay-muted: var(--mkt-embed-muted, var(--muted, #6b7280));
  --mkt-kline-overlay-strong: var(--mkt-embed-ink, var(--ink, #111827));
  --mkt-kline-leg-ink: var(--mkt-embed-ink, var(--ink, #111827));
  --mkt-kline-leg-shadow: 0 1px 1px rgba(255, 255, 255, 0.65);
  --mkt-kline-wick-line: var(--mkt-embed-ink, var(--ink, #111827));
  --mkt-kline-subhud-shadow: none;
  --mkt-kline-fs-ink: var(--mkt-embed-ink, var(--ink, #111827));
  --mkt-kline-pane-btn-bg: var(--mkt-embed-panel, var(--panel, #fff));
  --mkt-kline-pane-btn-ink: var(--mkt-embed-ink, var(--ink, #111827));
  --mkt-kline-pane-btn-line: var(--mkt-embed-line, var(--line, rgba(0, 0, 0, 0.12)));
  --mkt-kline-quote-age: var(--mkt-embed-muted, var(--muted, #6b7280));
  --mkt-kline-quote-age-shadow: none;
}
@media (min-width: 900px) {
  html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].mkt-coin-sheet.is-pro-embed.on {
    background: var(--mkt-embed-bg) !important;
  }
  html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-coin-dialog,
  html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-coin-overview,
  html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-coin-trade,
  html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-coin-ov-body,
  html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-coin-intel,
  html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-hub-card {
    background: var(--mkt-embed-bg) !important;
    color: var(--mkt-embed-ink) !important;
  }
  html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-coin-ov-subs button {
    color: var(--mkt-embed-muted) !important;
  }
  html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-coin-ov-subs button.on {
    color: var(--mkt-embed-ink) !important;
    box-shadow: inset 0 -2px 0 var(--mkt-embed-ink) !important;
  }
  html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-spec-title,
  html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-spec-dl dd,
  html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-spec-table td,
  html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-coin-ov-head b,
  html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-td-card h3 {
    color: var(--mkt-embed-ink) !important;
  }
  html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-spec-dl dt,
  html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-spec-empty,
  html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-coin-ov-head em,
  html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-td-periods button {
    color: var(--mkt-embed-muted) !important;
  }
  html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-td-periods button.on {
    border-color: var(--mkt-embed-ink) !important;
    color: var(--mkt-embed-ink) !important;
  }
  html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-coin-ov-links button {
    background: var(--mkt-embed-chip-bg) !important;
    color: var(--mkt-embed-ink) !important;
  }
  #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-td-chart-box,
  #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-td-flow-body {
    border: 1px solid var(--mkt-embed-line, var(--line)) !important;
    border-radius: 12px !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-td-flow-body {
    padding: 4px 12px 10px !important;
  }
  #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-td-card[data-td-card="flowdist"] .mkt-td-chart-box {
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
  }
  /* 概况/交易数据：与钻入页一致，[hidden] 行情区必须消失（勿被 embed flex 顶掉） */
  #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed #mkt-coin-quote[hidden],
  #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed #mkt-coin-overview[hidden],
  #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed #mkt-coin-trade[hidden] {
    display: none !important;
  }
  #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-coin-main {
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
  }
  #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed #mkt-coin-overview:not([hidden]),
  #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed #mkt-coin-trade:not([hidden]) {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
  }
}

html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].mkt-coin-sheet.is-pro-embed .mkt-coin-hover-dot,
#pro-ops-kline-host > [data-pro-embed-kline].mkt-coin-sheet.is-pro-embed.is-embed-light .mkt-coin-hover-dot {
  background: var(--mkt-embed-bg, var(--bg)) !important;
  border-color: var(--mkt-embed-muted, var(--muted)) !important;
}

/* —— 产品页 embed 白天：副图区 + 弹层跟工具皮肤（深度/爆仓/流向/设置/指标/日期） —— */
html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].mkt-coin-sheet.is-pro-embed .mkt-coin-canvas-host,
html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].mkt-coin-sheet.is-pro-embed #mkt-coin-depth-pane,
html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].mkt-coin-sheet.is-pro-embed #mkt-coin-flow,
html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].mkt-coin-sheet.is-pro-embed #mkt-coin-liq,
#pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light .mkt-coin-canvas-host,
#pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light #mkt-coin-depth-pane,
#pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light #mkt-coin-flow,
#pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light #mkt-coin-liq {
  background: var(--mkt-embed-bg, var(--bg)) !important;
  color: var(--mkt-embed-ink, var(--ink)) !important;
}
html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-coin-flow-title,
html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-coin-flow-note,
html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-coin-liq-legend,
html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-coin-liq-hint,
html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-coin-liq-leg em,
html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-depth-tip b,
#pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light .mkt-coin-flow-title,
#pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light .mkt-coin-flow-note,
#pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light .mkt-coin-liq-legend,
#pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light .mkt-coin-liq-hint,
#pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light .mkt-coin-liq-leg em,
#pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light .mkt-depth-tip b {
  color: var(--mkt-embed-ink, var(--ink)) !important;
}
/* embed 白天：深度悬停卡 / 周期条下拉 / ECharts 悬停卡 */
html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-depth-tip,
#pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light .mkt-depth-tip {
  background: var(--mkt-embed-panel, var(--panel, #fff)) !important;
  border-color: var(--mkt-embed-line, var(--line, rgba(0, 0, 0, 0.12))) !important;
  color: var(--mkt-embed-ink, var(--ink, #111827)) !important;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.12) !important;
  border-radius: 6px !important;
}
html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-depth-tip em,
#pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light .mkt-depth-tip em {
  color: var(--mkt-embed-muted, var(--muted, #6b7280)) !important;
}
html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-depth-tip.is-bid,
#pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light .mkt-depth-tip.is-bid {
  border-color: color-mix(in srgb, var(--up, #2ecf9a) 45%, var(--mkt-embed-line, var(--line))) !important;
}
html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-depth-tip.is-ask,
#pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light .mkt-depth-tip.is-ask {
  border-color: color-mix(in srgb, var(--down, #f05a72) 45%, var(--mkt-embed-line, var(--line))) !important;
}
html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-coin-liq-dd-menu,
html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-coin-canvas-menu,
html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-coin-tool-menu,
#pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light .mkt-coin-liq-dd-menu,
#pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light .mkt-coin-canvas-menu,
#pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light .mkt-coin-tool-menu {
  background: var(--mkt-embed-panel, var(--panel, #fff)) !important;
  border-color: var(--mkt-embed-line, var(--line)) !important;
  box-shadow: 0 12px 40px rgba(15, 23, 42, 0.12) !important;
}
html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-coin-liq-dd-menu button,
html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-coin-canvas-menu button,
html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-coin-tool-menu button,
#pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light .mkt-coin-liq-dd-menu button,
#pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light .mkt-coin-canvas-menu button,
#pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light .mkt-coin-tool-menu button {
  color: var(--mkt-embed-ink, var(--ink)) !important;
}
html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-coin-liq-dd-menu button.on,
html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-coin-liq-dd-menu button:hover,
html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-coin-canvas-menu button.on,
html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-coin-canvas-menu button:hover,
html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-coin-tool-menu button.on,
html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-coin-tool-menu button:hover,
#pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light .mkt-coin-liq-dd-menu button.on,
#pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light .mkt-coin-liq-dd-menu button:hover,
#pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light .mkt-coin-canvas-menu button.on,
#pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light .mkt-coin-canvas-menu button:hover,
#pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light .mkt-coin-tool-menu button.on,
#pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light .mkt-coin-tool-menu button:hover {
  background: var(--mkt-embed-chip-hover, var(--chip-hover, rgba(0, 0, 0, 0.06))) !important;
  color: var(--mkt-embed-ink, var(--ink)) !important;
}
html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-coin-liq-chart > div[style*="border"],
html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-coin-mcap > div[style*="border"],
html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-coin-depth > div[style*="border"],
html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-td-chart > div[style*="border"],
#pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light .mkt-coin-liq-chart > div[style*="border"],
#pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light .mkt-coin-mcap > div[style*="border"],
#pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light .mkt-coin-depth > div[style*="border"],
#pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light .mkt-td-chart > div[style*="border"] {
  background: var(--mkt-embed-panel, var(--panel, #fff)) !important;
  border-color: var(--mkt-embed-line, var(--line)) !important;
  color: var(--mkt-embed-ink, var(--ink)) !important;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.12) !important;
}
html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-coin-liq-dd-btn,
#pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light .mkt-coin-liq-dd-btn {
  color: var(--mkt-embed-ink, var(--ink)) !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-coin-bars.is-liq .mkt-coin-bar-track,
#pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light .mkt-coin-bars.is-liq .mkt-coin-bar-track {
  background: var(--mkt-embed-panel, var(--chip-bg, var(--panel))) !important;
  border: 1px solid var(--mkt-embed-line, var(--line)) !important;
}
html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-hub-card,
html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-goto-card,
html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-sheet-pop.is-full,
html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-ind-param-card,
html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-sheet-card,
#pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light .mkt-hub-card,
#pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light .mkt-goto-card,
#pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light .mkt-sheet-pop.is-full,
#pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light .mkt-ind-param-card,
#pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light .mkt-sheet-card {
  background: var(--mkt-embed-panel, var(--panel)) !important;
  color: var(--mkt-embed-ink, var(--ink)) !important;
  border-color: var(--mkt-embed-line, var(--line)) !important;
  box-shadow: 0 12px 40px rgba(15, 23, 42, 0.12) !important;
}
html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-hub-tile,
html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-hub-sec,
html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-hub-check,
html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-goto-item,
html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-goto-card h3,
html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-period-btn,
html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-ind-chip,
html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-ind-subh,
html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-ind-set,
html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-ind-set > header,
html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-ind-param-title b,
html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-ind-param-row,
html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .kline-set-head b,
html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .kline-set-row,
html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-sheet-hint,
#pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light .mkt-hub-tile,
#pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light .mkt-hub-sec,
#pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light .mkt-hub-check,
#pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light .mkt-goto-item,
#pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light .mkt-period-btn,
#pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light .mkt-ind-chip,
#pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light .mkt-ind-subh,
#pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light .mkt-ind-set,
#pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light .kline-set-row {
  color: var(--mkt-embed-ink, var(--ink)) !important;
}
html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-hub-tile,
html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-goto-pills button,
html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-period-btn,
html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-ind-chip,
html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .kline-set-nav,
html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .kline-set-cancel,
html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-goto-reset,
#pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light .mkt-hub-tile,
#pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light .mkt-period-btn,
#pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light .kline-set-nav {
  border-color: var(--mkt-embed-line, var(--line)) !important;
  background: var(--mkt-embed-chip-bg, var(--chip-bg, var(--panel-2))) !important;
}
html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .kline-set-nav,
html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-ind-head button,
html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-ind-param-head,
html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-goto-item:not(.on),
#pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light .kline-set-nav {
  color: var(--mkt-embed-muted, var(--muted)) !important;
}
/* 白天 embed：设置侧栏走势线等图标描边用深色 */
html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-hub-tile svg,
html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .kline-set-nav svg,
#pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light .mkt-hub-tile svg,
#pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light .kline-set-nav svg {
  color: var(--mkt-embed-ink, var(--ink, #111827)) !important;
}
html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-hub-check input:checked,
html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-period-btn.on,
html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-ind-chip.on,
html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-goto-item.on,
html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .kline-set-nav.on,
html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-goto-pills button.on,
#pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light .mkt-period-btn.on,
#pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light .kline-set-nav.on {
  color: var(--mkt-embed-ink, var(--ink)) !important;
  border-color: var(--mkt-embed-ink, var(--ink)) !important;
  background: var(--mkt-embed-chip-hover, var(--chip-hover)) !important;
}
html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-goto-ok,
html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-ind-param-foot button:last-child,
#pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light .mkt-goto-ok {
  background: var(--mkt-embed-ink, var(--ink)) !important;
  color: var(--mkt-embed-panel, var(--panel)) !important;
  border-color: var(--mkt-embed-ink, var(--ink)) !important;
}
html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-hub-check input:checked,
#pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light .mkt-hub-check input:checked {
  background: var(--mkt-embed-ink, var(--ink)) !important;
  border-color: var(--mkt-embed-ink, var(--ink)) !important;
}
html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-hub-check input:checked::after,
#pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light .mkt-hub-check input:checked::after {
  border-color: var(--mkt-embed-panel, var(--panel)) !important;
}
html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-ind-toggle-row,
html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-ind-set-list button,
#pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light .mkt-ind-set-list button {
  border-color: var(--mkt-embed-line, var(--line)) !important;
  color: var(--mkt-embed-ink, var(--ink)) !important;
}
html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-sheet-mask,
#pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light .mkt-sheet-mask {
  background: rgba(15, 23, 42, 0.35) !important;
}

/* 策略页 embed 白天：桌面盘口侧栏（压过上方 .mkt-coin-rail / #mkt-coin-ob 钻入页 #0b0e11） */
@media (min-width: 900px) {
  html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-coin-rail,
  html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-coin-rail-body,
  html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed #mkt-coin-ob,
  html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed #mkt-coin-tape,
  html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-coin-ob-tools,
  html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-coin-ob-body,
  html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-coin-ob-bar,
  #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light .mkt-coin-rail,
  #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light .mkt-coin-rail-body,
  #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light #mkt-coin-ob,
  #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light #mkt-coin-tape,
  #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light .mkt-coin-ob-tools,
  #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light .mkt-coin-ob-body,
  #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light .mkt-coin-ob-bar {
    background: var(--mkt-embed-bg) !important;
    color: var(--mkt-embed-ink) !important;
  }
  html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-coin-ob-last,
  #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light .mkt-coin-ob-last {
    background: var(--mkt-embed-bg, var(--bg)) !important;
  }
  html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-coin-gutter,
  #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light .mkt-coin-gutter {
    background: var(--mkt-embed-line, var(--line)) !important;
  }
  html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-coin-ob-head,
  html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-coin-ob-tools,
  html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-coin-ob-last small,
  html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-coin-ob-back,
  html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-coin-ob-row .mkt-coin-ob-sz,
  html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-coin-ob-row .mkt-coin-ob-sum,
  #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light .mkt-coin-ob-head,
  #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light .mkt-coin-ob-tools,
  #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light .mkt-coin-ob-last small,
  #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light .mkt-coin-ob-back,
  #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light .mkt-coin-ob-row .mkt-coin-ob-sz,
  #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light .mkt-coin-ob-row .mkt-coin-ob-sum {
    color: var(--mkt-embed-muted, var(--muted)) !important;
  }
  html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-coin-ob-tick b,
  #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light .mkt-coin-ob-tick b {
    color: var(--mkt-embed-ink, var(--ink)) !important;
  }
  html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-coin-ob-row.is-empty .mkt-coin-ob-sz,
  html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-coin-ob-row.is-empty .mkt-coin-ob-sum,
  #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light .mkt-coin-ob-row.is-empty .mkt-coin-ob-sz,
  #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light .mkt-coin-ob-row.is-empty .mkt-coin-ob-sum {
    color: var(--mkt-embed-muted, var(--muted)) !important;
  }
  html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-coin-head,
  html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-coin-tabs,
  html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-coin-quote,
  #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light .mkt-coin-head,
  #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light .mkt-coin-tabs,
  #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light .mkt-coin-quote {
    background: var(--mkt-embed-bg, var(--bg)) !important;
    color: var(--mkt-embed-ink, var(--ink)) !important;
    border-bottom-color: var(--mkt-embed-line, var(--line)) !important;
    box-shadow: none !important;
  }
  /* 钻入页给每行盘口单独铺 #0b0e11，须逐行覆写（勿 fallback 到 sheet 内 --bg） */
  html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-coin-ob-row,
  html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-coin-tape-row,
  html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-coin-ob-body .mkt-coin-ob-side,
  html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-coin-ob-body.is-both .mkt-coin-ob-side,
  html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-coin-ob-body.is-ask .mkt-coin-ob-side,
  html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-coin-ob-body.is-bid .mkt-coin-ob-side,
  #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light .mkt-coin-ob-row,
  #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light .mkt-coin-tape-row,
  #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light .mkt-coin-ob-body .mkt-coin-ob-side,
  #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light .mkt-coin-ob-body.is-both .mkt-coin-ob-side,
  #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light .mkt-coin-ob-body.is-ask .mkt-coin-ob-side,
  #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light .mkt-coin-ob-body.is-bid .mkt-coin-ob-side {
    background: var(--mkt-embed-bg) !important;
    color: var(--mkt-embed-ink) !important;
  }
  /* 策略 embed 盘口：中间价与买卖价保留涨跌色（勿被统一 ink 盖掉） */
  #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-coin-ob-row.is-ask .mkt-coin-ob-px,
  html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-coin-ob-row.is-ask .mkt-coin-ob-px,
  #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light .mkt-coin-ob-row.is-ask .mkt-coin-ob-px {
    color: var(--down, #c43d52) !important;
  }
  #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-coin-ob-row.is-bid .mkt-coin-ob-px,
  html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-coin-ob-row.is-bid .mkt-coin-ob-px,
  #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light .mkt-coin-ob-row.is-bid .mkt-coin-ob-px {
    color: var(--up, #0f7a6a) !important;
  }
  #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-coin-ob-last.is-up,
  html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-coin-ob-last.is-up,
  #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light .mkt-coin-ob-last.is-up {
    color: var(--up, #0f7a6a) !important;
  }
  #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-coin-ob-last.is-down,
  html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-coin-ob-last.is-down,
  #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed.is-embed-light .mkt-coin-ob-last.is-down {
    color: var(--down, #c43d52) !important;
  }
  #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-coin-ob-last.is-up strong,
  #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-coin-ob-last.is-up em,
  #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-coin-ob-last.is-down strong,
  #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-coin-ob-last.is-down em {
    color: inherit !important;
  }
  #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-coin-tape-row.is-sell span:first-child,
  html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-coin-tape-row.is-sell span:first-child {
    color: var(--down, #c43d52) !important;
  }
  #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-coin-tape-row.is-buy span:first-child,
  html:not([data-theme="dark"]) #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-coin-tape-row.is-buy span:first-child {
    color: var(--up, #0f7a6a) !important;
  }
  /* 盘口侧栏设置/数量筛选：压过 K 线 HUD，不透明底，锚在右栏 */
  #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-coin-rail {
    z-index: 48 !important;
    overflow: visible !important;
  }
  #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-coin-rail-menu,
  #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-coin-tape-pop {
    z-index: 120 !important;
    background: var(--mkt-embed-panel, var(--panel)) !important;
    border-color: var(--mkt-embed-line, var(--line)) !important;
    color: var(--mkt-embed-ink, var(--ink)) !important;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.48) !important;
  }
  #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-coin-rail-menu > label {
    color: var(--mkt-embed-ink, var(--ink)) !important;
  }
  #pro-ops-kline-host > [data-pro-embed-kline].is-pro-embed .mkt-coin-tape-pop input {
    background: var(--mkt-embed-bg, var(--bg)) !important;
    border-color: var(--mkt-embed-line, var(--line)) !important;
    color: var(--mkt-embed-ink, var(--ink)) !important;
  }
}