/* =========================================================
   CoinASX V110
   OKX-like adaptive trading theme
   Dark: black/charcoal/white
   Light: white/soft-gray/black
   Accent: neutral white/black + standard green/red
   ========================================================= */

html{
  --ok-bg:#0b0b0b;
  --ok-panel:#111111;
  --ok-panel2:#181818;
  --ok-panel3:#202020;
  --ok-border:#2a2a2a;

  --ok-text:#f2f2f2;
  --ok-text2:#c6c6c6;
  --ok-muted:#7d7f85;

  --ok-input:#181818;
  --ok-active:#f2f2f2;
  --ok-active-text:#111111;

  --ok-green:#1fba84;
  --ok-red:#e94b5f;

  --ok-green-soft:rgba(31,186,132,.08);
  --ok-red-soft:rgba(233,75,95,.08);

  --ok-mask:rgba(0,0,0,.58);
}

/* Light */
html.cx-theme-light,
html[data-theme="light"],
html[data-cx-theme="light"]{
  --ok-bg:#ffffff;
  --ok-panel:#ffffff;
  --ok-panel2:#f3f4f5;
  --ok-panel3:#eaebed;
  --ok-border:#e1e2e4;

  --ok-text:#101114;
  --ok-text2:#3f4248;
  --ok-muted:#858a92;

  --ok-input:#f3f4f5;
  --ok-active:#101114;
  --ok-active-text:#ffffff;

  --ok-green:#0fa772;
  --ok-red:#df4155;

  --ok-green-soft:rgba(15,167,114,.07);
  --ok-red-soft:rgba(223,65,85,.07);

  --ok-mask:rgba(16,17,20,.30);
}

/* Dark */
html.cx-theme-dark,
html[data-theme="dark"],
html[data-cx-theme="dark"]{
  --ok-bg:#0b0b0b;
  --ok-panel:#111111;
  --ok-panel2:#181818;
  --ok-panel3:#202020;
  --ok-border:#2a2a2a;

  --ok-text:#f2f2f2;
  --ok-text2:#c6c6c6;
  --ok-muted:#7d7f85;

  --ok-input:#181818;
  --ok-active:#f2f2f2;
  --ok-active-text:#111111;

  --ok-green:#1fba84;
  --ok-red:#e94b5f;

  --ok-green-soft:rgba(31,186,132,.08);
  --ok-red-soft:rgba(233,75,95,.08);

  --ok-mask:rgba(0,0,0,.58);
}

/* ===== 全交易页背景 ===== */
body:has(.trade),
.trade,
.trade .contract-header,
.trade .trade-buy-sell,
.trade .deep-data,
.trade .tabBackground1,
.trade .border-b-color{
  background:var(--ok-bg)!important;
  color:var(--ok-text)!important;
}

/* ===== V105 顶部功能导航：OKX式极简 ===== */
.cx105-trade-nav{
  background:var(--ok-bg)!important;
  border-bottom:1px solid var(--ok-border)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

.cx105-trade-nav-btn{
  background:transparent!important;
  border-color:transparent!important;
  color:var(--ok-muted)!important;
}

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

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

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

.trade .contract-header .font-35,
.trade .contract-header .textColor{
  color:var(--ok-text)!important;
}

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

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

/* ===== 买入卖出切换 ===== */
.trade .trade-buy-sell .tabBackground{
  background:var(--ok-panel2)!important;
  border-color:var(--ok-border)!important;
}

.trade
  color:var(--ok-muted)!important;
  background:transparent!important
}

.trade .trade-buy-sell .buy-item.open{
  color:var(--ok-text)!important;
  background:var(--ok-panel3)!important;
  border-color:var(--ok-border)!important;
}

/* ===== 输入框 ===== */
.trade .inputBackground,
.trade .trade-buy-sell .inputBackground,
.trade .trade-buy-sell input,
.trade .targetPrice,
.trade .select-box,
.trade .option-box{
  background:var(--ok-input)!important;
  color:var(--ok-text)!important;
  border-co
  box-shadow:none!important;
}

.trade .tra
  color:var(--ok-muted)!important;
}

.trade .trade-buy-sell .inputBackground span,
.trade .trade-buy-sell .textColor2{
  color:var(--ok-muted)!important;
}

/* ===== 市价 / 限价委托 ===== */
.trade .trade-buy-sell .mt-22.mb-22.inputBackground{
  background:var(--ok-panel2)!important;
  borde
  color:var(--ok-text)!import
}

.trade .trade-buy-sell .mt-22.mb-22.inputBackground .pl-16{
  color:var(--ok-text)!important;
}

/* ===== 数量/总额 + 百分比 ===== */
.trade .total-div,
.trade .trade-buy-sell .tab-item{
  background:var(--ok-panel2)!important;
  border-color:var(--ok-border)!important;
  color:var(--ok-muted)!important;
}

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

/* ===== 实时盘口 ===== */
.trade .deep-data .textColor,
.trade .deep-data .text-right{
  color:var(--ok-text2)!important;
}

.trade .deep-data .text-grey,
.trade .deep-data .approximately-text{
  color:var(--ok-muted)!important;
}

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

.trade .deep-data .text-red{
  color:var(--ok-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(--ok-green-soft),transparent 76%)!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(--ok-red-soft),transparent 76%)!important;
}

/* ===== 下单按钮保持标准红绿，不使用金色 ===== */
.trade .buyandSell.bg-green{
  background:var(--ok-green)!important;
  color:#fff!important;
}

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

/* ===== K线/深度选择器/底部栏 ===== */
.trade .k-select-box .select-box,
.trade .k-select-box .option-box,
.trade .tabBackground1{
  background:var(--ok-panel2)!important;
  color:var(--ok-text)!important;
  border-color:var(--ok-border)!important;
}

.trade .diviLine{
  background:var(--ok-panel2)!important;
}

.trade .border-b-color{
  border-color:var(--ok-border)!important;
}

.trade .active-line{
  color:var(--ok-text)!important;
}

.trade .active-line:after{
  background:var(--ok-text)!important;
}

/* ===== V108 Bottom Sheet ===== */
.cx108-sheet-mask{
  background:var(--ok-mask)!important;
}

.cx108-sheet{
  background:var(--ok-panel)!important;
  border-color:var(--ok-border)!important;
  color:var(--ok-text)!important;
  box-shadow:0 -14px 36px rgba(0,0,0,.18)!important;
}

.cx108-title,
.cx108-option-name{
  color:var(--ok-text)!important;
}

.cx108-sub,
.cx108-desc{
  color:var(--ok-muted)!important;
}

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

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

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

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

.cx108-confirm{
  background:var(--ok-active)!important;
  color:var(--ok-active-text)!important;
}

/* ===== 全部文本主题 ===== */
.trade .textColor{
  color:var(--ok-text)!important;
}

.trade .textColor2,
.trade .text-grey{
  color:var(--ok-muted)!important;
}

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

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

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

/* ===== 去掉V109遗留金色 ===== */
.trade [style*="#d9b45b"],
.trade [style*="#e3c06f"]{
  color:var(--ok-text)!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;
}

.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;
}