/* =========================================================
   CoinASX V111
   主题规范：
   深色 = 纯黑背景 + 大字纯白 + 小字灰白
   浅色 = 纯白/浅灰 + 大字近黑 + 小字中灰
   只覆盖视觉，不修改 Vue / API / Router / 下单逻辑
   ========================================================= */

html{
  --v111-bg:#000000;
  --v111-panel:#0a0a0a;
  --v111-panel2:#121212;
  --v111-panel3:#181818;
  --v111-border:#242424;

  --v111-title:#ffffff;
  --v111-body:#f0f1f2;
  --v111-small:#a7abb2;
  --v111-muted:#73777f;

  --v111-green:#16c784;
  --v111-red:#ea3943;

  --v111-green-soft:rgba(22,199,132,.075);
  --v111-red-soft:rgba(234,57,67,.075);
}

/* 浅色自适应 */
html.cx-theme-light,
html[data-theme="light"],
html[data-cx-theme="light"]{
  --v111-bg:#ffffff;
  --v111-panel:#ffffff;
  --v111-panel2:#f4f5f6;
  --v111-panel3:#eceef0;
  --v111-border:#e0e2e5;

  --v111-title:#111317;
  --v111-body:#2f3338;
  --v111-small:#737981;
  --v111-muted:#9aa0a8;

  --v111-green:#0ea772;
  --v111-red:#df4155;

  --v111-green-soft:rgba(14,167,114,.065);
  --v111-red-soft:rgba(223,65,85,.065);
}

/* 深色强制纯黑 */
html.cx-theme-dark,
html[data-theme="dark"],
html[data-cx-theme="dark"]{
  --v111-bg:#000000;
  --v111-panel:#0a0a0a;
  --v111-panel2:#121212;
  --v111-panel3:#181818;
  --v111-border:#242424;

  --v111-title:#ffffff;
  --v111-body:#f0f1f2;
  --v111-small:#a7abb2;
  --v111-muted:#73777f;

  --v111-green:#16c784;
  --v111-red:#ea3943;
}

/* ===== 页面纯黑 ===== */
body:has(.trade),
.trade,
.trade .contract-header,
.trade .trade-buy-sell,
.trade .deep-data,
.trade .border-b-color,
.trade .tabBackground1{
  background:var(--v111-bg)!important;
  color:var(--v111-body)!important;
}

/* ===== 大字体：白色 / 浅色下近黑 ===== */
.trade .contract-header .font-35,
.trade .deep-data .font-34,
.trade .buyandSell,
.trade .active-line,
.cx108-title,
.cx108-option-name{
  color:var(--v111-title)!important;
}

/* ===== 普通正文 ===== */
.trade .textColor,
.trade .deep-data .textColor,
.trade .trade-buy-sell input,
.trade .trade-buy-sell .inputBackground .textColor{
  color:var(--v111-body)!important;
}

/* ===== 小字体灰白 ===== */
.trade .textColor2,
.trade .text-grey,
.trade .approximately-text,
.trade .tab-item,
.trade .total-div,
.trade .deep-data > .flex.justify-between.text-grey,
.cx108-sub,
.cx108-desc{
  color:var(--v111-small)!important;
}

/* ===== 更弱说明字体 ===== */
.trade .filter-box,
.trade .trade-buy-sell input::placeholder{
  color:var(--v111-muted)!important;
}

/* ===== 顶部导航 ===== */
.cx105-trade-nav{
  background:var(--v111-bg)!important;
  border-color:var(--v111-border)!important;
}

.cx105-trade-nav-btn{
  color:var(--v111-small)!important;
  background:transparent!important;
}

.cx105-trade-nav-btn.active{
  color:var(--v111-title)!important;
  background:var(--v111-panel2)!important;
  border-color:var(--v111-border)!important;
}

.cx105-trade-nav-btn.active:after{
  background:var(--v111-title)!important;
}

/* ===== BTC/USDT头部 ===== */
.trade .contract-header{
  border-color:var(--v111-border)!im
}

.trade .contract-header .text-green{
  color:var(--v111-green)!i
}

.trade .contract-header .text-red{
  color:var(--v111-red)!important;
}

/* ===== 输入框 / 委托控件 ===== */
.trade .inputBackground,
.trade .trade-buy-sell .inputBackground,
.trade .trade-buy-sell input,
.trade .targetPrice,
.trade .select-box,
.trade .option-box,
.trade .tabBackground{
  background:var(--v111-panel2)!important;
  border-color:var(--v111-border
  color:var(--v111-body)!important;
  box-s
}

/* ===== 买入卖出 ===== */
.trade .trade-buy-sell .buy-item{
  color:var(--v111-small)!important;
}

.trade .trade-buy-sell .buy-item.open{
  color:var(--v111-title)!important;
  background:var(--v111-panel3)!important;
}

/* ===== 数量/总额/百分比 ===== */
.trade .total-div,
.trade .
  background:var(--v111-panel
  border-color:var(--v111-border)!important;
  color:var(--v111-small)!important;
}

.trade .total-div.ac
.trade .trade-buy-sell .tab-item.active,
.trade .trade-buy-sell .tab-item.current,
.trade .trade-buy-sell .tab-item.selected{
  background:var(--v111-title)!important;
  border-color:var(--v111-title)!important;
  color:var(--v111-bg)!important;
}

/* ===== 盘口 ===== */
.trade .deep-data .text-green{
  color:var(--v111-green)!important;
}

.trade .deep-data .text-red{
  color:var(--v111-red)!important;
}

.trade .deep-data .font-26[style*="rgba(94, 186, 137"],
.trade .deep-data .font-26[style*="rgba(94,186,137"]{
  background:linear-gradient(to left,var(--v111-green-soft),transparent 77%)!important;
}

.trade .deep-data .font-26[style*="rgba(246, 70, 93"],
.trade .deep-data .font-26[style*="rgba(246,70,93"]{
  background:linear-gradient(to left,var(--v111-red-soft),transparent 77%)!important;
}

/* ===== 下单按钮 ===== */
.trade .buyandSell.bg-green{
  background:var(--v111-green)!important;
  color:#fff!important;
}

.trade .buyandSell.bg-red{
  background:var(--v111-red)!important;
  color:#fff!important;
}

/* ===== Bottom Sheet ===== */
.cx108-sheet-mask{
  background:rgba(0,0,0,.62)!important;
}

html.cx-theme-light .cx108-sheet-mask,
html[data-theme="light"] .cx108-sheet-mask,
html[data-cx-theme="light"] .cx108-sheet-mask{
  background:rgba(17,19,23,.28)!important;
}

.cx108-sheet{
  background:v
  border-color:var(--v111-border)!important;
  color:var(--v111-body)!important;
}

.cx108-option,
.cx108-close{
  background:var(--v111-panel2)!important;
  border-color:var(--v111-border)!important;
  color:var(--v111-body)!important;
}

.cx108-option.active{
  background:var(--v111-panel3)!important;
  border-color:var(--v111-title)!important;
}

.cx108-option.active .cx108-radio{
  border-color:var(--v111-title)!important;
}

.cx108-option.active .cx108-radio:after{
  background:var(--v111-title)!important;
}

.cx108-confirm{
  background:var(--v111-title)!important;
  color:var(--v111-bg)!important;
}

/* ===== 底部导航 ===== */
.bgFooter.van-tabbar,
.trade ~ .van-tabbar{
  background:var(--v111-panel)!important;
  border-color:var(--v111-border)!important;
}

.bgFooter .van-tabbar-item{
  color:var(--v111-small)!important;
}

.bgFooter .van-tabbar-item--active{
  color:var(--v111-title)!important;
}

/* ===== 分隔 ===== */
.trade .diviLine{
  background:var(--v111-panel2)!important;
}

.trade .border-b-color,
.trade .tabBackground1{
  border-color:var(--v111-border)!important;
}

/* ===== 字体层级进一步统一 ===== */
.trade .font-35{font-weight:800!important}
.trade .font-34{font-weight:800!important}
.trade .font-30{font-weight:700!important}
.trade .font-28{font-weight:700!important}
.trade .font-26{font-weight:600!important}
.trade .font-24{font-weight:500!important}

/* ===== 实时行情不闪 ===== */
.trade .deep-data *,
.trade .deep-data .font-26,
.trade .deep-data .font-34,
.trade .trade-buy-sell input{
  animation:none!important;
  transform:none!important;
  opacity:1!important;
  transition:none!important;
}

/* ===== 主题切换平滑 ===== */
.trade,
.trade .contract-header,
.trade .inputBackground,
.trade .tabBackground,
.trade .select-box,
.cx105-trade-nav,
.cx105-trade-nav-btn,
.cx108-sheet,
.cx108-option{
  transition:
    background-color .15s ease,
    color .15s ease,
    border-color .15s ease!important;
}