/* =========================================================
   CoinASX V114
   保持V111主题规范：
   深色纯黑 / 大字白 / 小字灰白
   浅色自动适配
   ========================================================= */

html{
  --v114-bg:var(--v111-bg,#000);
  --v114-panel:var(--v111-panel,#0a0a0a);
  --v114-panel2:var(--v111-panel2,#121212);
  --v114-border:var(--v111-border,#242424);
  --v114-title:var(--v111-title,#fff);
  --v114-small:var(--v111-small,#a7abb2);
  --v114-muted:var(--v111-muted,#73777f);
  --v114-green:var(--v111-green,#16c784);
  --v114-red:var(--v111-red,#ea3943);
}

html.cx-theme-light,
html[data-theme="light"],
html[data-cx-theme="light"]{
  --v114-bg:#fff;
  --v114-panel:#fff;
  --v114-panel2:#f4f5f6;
  --v114-border:#e0e2e5;
  --v114-title:#111317;
  --v114-small:#737981;
  --v114-muted:#9aa0a8;
  --v114-green:#0ea772;
  --v114-red:#df4155;
}

/* ===== 顶部五按钮：居左紧凑 ===== */
.cx105-trade-nav{
  justify-content:flex-start!important;
  align-items:center!important;
  gap:4px!important;
  height:42px!important;
  min-height:42px!important;
  padding:4px 9px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  white-space:nowrap!important;
  background:var(--v114-bg)!important;
  border-bottom:1px solid var(--v114-border)!important;
  scrollbar-width:none!important;
}

.cx105-trade-nav::-webkit-scrollbar{display:none!important}

.cx105-trade-nav-btn{
  flex:0 0 auto!important;
  width:auto!important;
  min-width:0!important;
  height:30px!important;
  min-height:30px!important;
  padding:0 8px!important;
  margin:0!important;
  border:1px solid transparent!important;
  border-radius:7px!important;
  background:transparent!important;
  color:var(--v114-small)!important;
  font-size:11.5px!important;
  line-height:28px!important;
  font-weight:650!important;
}

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

.cx105-trade-nav-btn.active:after{
  width:11px!important;
  height:2px!important;
  bottom:0!important;
  background:var(--v114-title)!important;
}

/* ===== BTC/USDT头部：去虚线/下划线 ===== */
.trade .contract-header,
.trade .contract-header *,
.trade .contract-header .font-35,
.trade .contract-header .textColor{
  text-decoration:none!important;
  text-decoration-line:none!important;
}

.trade .contract-header .font-35,
.trade .contract-header .font-35:before,
.trade .contract-header .font-35:after{
  border-bottom:0!important;
  border-bottom-style:none!important;
  outline:none!important;
  background-image:none!important;
}

.trade .contract-header .flex.flex-col.pl-21{
  border-bottom:0!important;
  border-bottom-style:none!important;
}

/* ===== 头部主题按钮 + 蜡烛/K线按钮 ===== */
.cx114-header-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:7px!important;
  flex:0 0 auto!important;
}

.cx114-theme-toggle{
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  margin:0!important;
  border:1px solid var(--v114-border)!important;
  border-radius:8px!important;
  background:var(--v114-panel2)!important;
  color:var(--v114-small)!important;
  box-shadow:none!important;
  cursor:pointer!important;
  -webkit-tap-highlight-color:transparent!important;
}

.cx114-theme-toggle svg{
  width:15px!important;
  height:15px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

.cx114-theme-toggle:active{
  transform:scale(.96)!important;
}

/* 原蜡烛/K线图标保持 */
.cx114-header-actions > img,
.cx114-header-actions > .van-icon,
.cx114-header-actions > [class*="icon"]{
  flex:0 0 auto!important;
}

/* ===== 买入 / 卖出顶部切换 ===== */
.trade .trade-buy-sell .buy-item{
  color:var(--v114-small)!important;
  background:transparent!important;
}

/* 当前买入 */
.trade .trade-buy-sell .buy-item.open:first-child,
.trade .trade-buy-sell .buy-item.active:first-child{
  background:var(--v114-green)!important;
  color:#fff!important;
}

/* 当前卖出 */
.trade .trade-buy-sell .buy-item.open:nth-child(2),
.trade .trade-buy-sell .buy-item.active:nth-child(2){
  background:var(--v114-red)!important;
  color:#fff!important;
}

/* ===== 主买入按钮始终绿色 ===== */
.trade .buyandSell.bg-green{
  background:var(--v114-green)!important;
  color:#fff!important;
  border:0!important;
}

/* 卖出按钮标准红色 */
.trade .buyandSell.bg-red{
  background:var(--v114-red)!important;
  color:#fff!important;
  border:0!important;
}

/* 普通黑/灰按钮跟主题 */
.trade button:not(.buyandSell):not(.cx114-theme-toggle):not(.cx105-trade-nav-btn),
.trade [role="button"]:not(.buyandSell):not(.cx114-theme-toggle){
  border-color:var(--v114-border);
}

/* ===== 深浅主题切换平滑 ===== */
.cx105-trade-nav,
.cx105-trade-nav-btn,
.cx114-theme-toggle,
.trade .trade-buy-sell .buy-item{
  transition:
    background-color .14s ease,
    color .14s ease,
    border-color .14s ease,
    transform .10s ease!important;
}

@media(max-width:360px){
  .cx105-trade-nav{
    gap:3px!important;
    padding-left:7px!important;
    padding-right:7px!important;
  }
  .cx105-trade-nav-btn{
    padding:0 6px!important;
    font-size:10.8px!important;
  }
}