/* =========================================================
   CoinASX V109
   Dark = Black + Gold
   Light = White + Neutral
   仅覆盖视觉变量，不改功能
   ========================================================= */

html{
  --bg-main:#080808;
  --bg-panel:#101010;
  --bg-panel-2:#171717;
  --border-main:#262626;

  --text-main:#f5f5f5;
  --text-sub:#b7b7b7;
  --text-muted:#7e7e7e;

  --gold:#d9b45b;
  --gold-strong:#e3c06f;
  --gold-soft:rgba(217,180,91,.13);

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

  --depth-green:rgba(22,199,132,.08);
  --depth-red:rgba(234,57,67,.08);
}

/* 浅色主题 */
html.cx-theme-light,
html[data-theme="light"]{
  --bg-main:#f6f7f8;
  --bg-panel:#ffffff;
  --bg-panel-2:#f0f1f3;
  --border-main:#dedfe2;

  --text-main:#121212;
  --text-sub:#44484f;
  --text-muted:#83878d;

  --gold:#b78a27;
  --gold-strong:#9d741a;
  --gold-soft:rgba(183,138,39,.10);

  --green:#0ea76d;
  --red:#df3f48;

  --depth-green:rgba(14,167,109,.07);
  --depth-red:rgba(223,63,72,.07);
}

/* 深色主题 */
html.cx-theme-dark,
html[data-theme="dark"]{
  --bg-main:#080808;
  --bg-panel:#101010;
  --bg-panel-2:#171717;
  --border-main:#262626;

  --text-main:#f5f5f5;
  --text-sub:#b7b7b7;
  --text-muted:#7e7e7e;

  --gold:#d9b45b;
  --gold-strong:#e3c06f;
  --gold-soft:rgba(217,180,91,.13);

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

  --depth-green:rgba(22,199,132,.08);
  --depth-red:rgba(234,57,67,.08);
}

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

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

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

.cx105-trade-nav-btn.active{
  color:var(--gold-strong)!important;
  background:var(--gold-soft)!important;
  border-color:color-mix(in srgb,var(--gold) 38%,var(--border-main))!important;
}

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

/* ===== BTC/USDT头部 ===== */
.trade .contract-header .font-35,
.trade .contract-header .textColor{
  color:var(--text-main)!important;
}

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

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

/* ===== 面板 / 输入框 ===== */
.trade .inputBackground,
.trade .tabBackground,
.trade .select-box,
.trade .option-box,
.trade .order-type-tabs,
.trade .orderTypeTabs,
.trade [class*="order-type-tab"],
.trade [class*="orderTypeTab"]{
  background:var(--bg-panel-2)!important;
  border-color:var(--border-main)!important;
  color:var(--text-main)!important;
}

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

.trade .trade-buy-sell .buy-item.open{
  color:var(--gold-strong)!important;
  background:var(--gold-soft)!important;
}

/* ===== 数量 / 总额 / 百分
�.trade .total-div,
.trade .tab-item{
  color:var(--text-muted)!impo
  background:var(--bg-panel-2)!important;
  border-color:var(--border-main)!important;
}

.trade .total-div.active-bg,
.trade .tab-item.active,
.trade .tab-item.current,
.trade .tab-item.selected{
  color:var(--gold-strong)!important;
  background:var(--gold-soft)!important;
  border-color:color-mix(in srgb,var(--gold) 42%,var(--border-main))!important;
}

/* ===== 实时盘口 ===== */
.trade .deep-data .text-green{
  color:var(--gre
}

.trade .deep-data .text-red{
  color:var
}

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

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

.trade .deep-data .font-26[style*="rgba(94, 186, 137"],
.trade .deep-data .font-26[style*="rgba(94,186,137"]{
  backgro
}

.trade .deep-data .font-26
.trade .deep-data .font-26[style*="rgba(246,70,93"]{
  background:linear-gradient(to left,var(--depth-r
}

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

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

/* ===== V108 bottom sheet ===== */
.cx108-sheet{
  background:var(--bg-panel)!important;
  border-color:var(--border-main)!important;
  color:var(--text-main)!important;
}

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

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

.cx108-option,
.cx108-close{
  background:var(--bg-panel-2)!important;
  border-color:var(--border-main)!important;
  color:var(--text-main)!important;
}

.cx108-option.active{
  background:var(--gold-soft)!important;
  border-color:color-mix(in srgb,var(--gold) 52%,var(--border-main))!important;
}

.cx108-option.ac
  border-color:var(--gold)!important;
}

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

.cx108-confirm{
  background:var(--gold)!important;
  color:#111!important;
}

/* ===== 文本统一 ===== */
.trade .textColor{
  color:var(--text-main)!important;
}

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

/* ===== 分隔线 ===== */
.trade .diviLine{
  background:var(--bg-panel-2)!important;
}

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

/* ===== 主题切换平滑 ===== */
.trade,
.trade *,
.cx105-trade-nav,
.cx105-trade-nav *,
.cx108-sheet,
.cx108-sheet *{
  transition:
    background-color .16s ease,
    color .16s ease,
    border-color .16s ease!important;
}

/* 行情数字仍保持实时，不加缩放动画 */
.trade .deep-data *,
.trade .deep-data .font-26,
.trade .deep-data .font-34{
  animation:none!important;
  transform:none!important;
}