/* =========================================================
   CoinASX V126
   止盈止损 / 市价按钮 / 持有仓位 / 当前委托 自适应主题
   ========================================================= */

html{
  --v126-bg:#000;
  --v126-panel:#111317;
  --v126-panel2:#181b20;
  --v126-border:#272b32;
  --v126-title:#fff;
  --v126-text:#eef0f2;
  --v126-sub:#a5aab2;
  --v126-muted:#747a83;
  --v126-green:#13c98a;
  --v126-red:#ff4d63;
  --v126-blue:#2b6bff;
  color-scheme:dark;
}

html.cx-theme-light,
html[data-theme="light"],
html[data-cx-theme="light"]{
  --v126-bg:#fff;
  --v126-panel:#f4f5f7;
  --v126-panel2:#eceef1;
  --v126-border:#dfe3e8;
  --v126-title:#111317;
  --v126-text:#30343a;
  --v126-sub:#737981;
  --v126-muted:#9aa0a8;
  --v126-green:#0ea772;
  --v126-red:#df4155;
  --v126-blue:#245eea;
  color-scheme:light;
}

/* ===== 止盈/止损 输入框继续缩小 ===== */
.perpetual-open .cx126-tpsl-row{
  height:36px!important;
  min-height:36px!important;
  line-height:36px!important;
  margin-bottom:7px!important;
  padding-right:8px!important;

  border:1px solid var(--v126-border)!important;
  border-radius:7px!important;
  background:var(--v126-panel)!important;
}

.perpetual-open .cx126-tpsl-row input{
  height:34px!important;
  min-height:34px!important;
  line-height:34px!important;

  padding-left:9px!important;
  padding-right:6px!important;

  background:transparent!important;
  color:var(--v126-title)!important;

  font-size:10.5px!important;
  font-weight:600!important;
}

.perpetual-open .cx126-tpsl-row input::placeholder{
  color:var(--v126-muted)!important;
  font-size:10px!important;
  opacity:1!important;
}

.perpetual-open .cx126-tpsl-row > span{
  flex:0 0 auto!important;
  min-width:30px!important;

  color:var(--v126-sub)!important;
  font-size:10px!important;
  line-height:34px!important;
  text-align:right!important;
}

/* ===== 0.01 默认单价展示 ===== */
.cx126-unit-price{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;

  height:22px!important;
  margin-left:6px!important;
  padding:0 7px!important;

  border:1px solid var(--v126-border)!important;
  border-radius:6px!important;

  background:var(--v126-panel2)!important;
  color:var(--v126-sub)!important;

  font-size:9px!important;
  line-height:20px!important;
  font-weight:700!important;
  white-space:nowrap!important;
}

.cx126-unit-price b{
  margin-left:3px!important;
  color:var(--v126-title)!important;
  font-size:9.5px!important;
  font-weight:800!important;
}

/* ===== 市价按钮/限价按钮主题统一 ===== */
.cx126-market-control{
  height:36px!important;
  min-height:36px!important;
  line-height:36px!important;

  border:1px solid var(--v126-border)!important;
  border-radius:7px!important;

  background:var(--v126-panel)!important;
  color:var(--v126-title)!important;

  font-size:10.5px!important;
  font-weight:700!important;
}

.cx126-market-control img{
  opacity:.78!important;
}

.option-box{
  background:var(--v126-panel)!important;
  border:1px solid var(--v126-border)!important;
  color:var(--v126-text)!important;
}

.option-box > div{
  color:var(--v126-text)!important;
}

.option-box > div:active{
  background:var(--v126-panel2)!important;
}

/* ===== 持有仓位 / 当前委托 / 历史等 Tab ===== */
.cx126-order-tabs-theme,
.cx126-order-tabs-theme .van-tabs__nav,
.cx126-order-tabs-theme .van-tabs__content,
.cx126-order-tabs-theme .van-tab__pane{
  background:var(--v126-bg)!important;
  color:var(--v126-text)!important;
}

.cx126-order-tabs-theme .van-tabs__wrap{
  background:var(--v126-bg)!important;
  border-bottom:1px solid var(--v126-border)!important;
}

.cx126-order-tabs-theme .van-tab{
  min-height:38px!important;
  padding:0 10px!important;

  color:var(--v126-sub)!important;
  font-size:11px!important;
  font-weight:700!important;
}

.cx126-order-tabs-theme .van-tab--active{
  color:var(--v126-title)!important;
}

.cx126-order-tabs-theme .van-tabs__line{
  width:20px!important;
  height:2px!important;
  border-radius:2px!important;
  background:var(--v126-green)!important;
}

/* 普通自定义 tab */
.cx126-tab-text{
  color:var(--v126-sub)!important;
  font-size:11px!important;
  font-weight:700!important;
}

.cx126-tab-text.cx126-tab-active{
  color:var(--v126-title)!important;
}

/* ===== 持仓列表区域 ===== */
.cx126-position-area,
.cx126-position-area > div,
.cx126-position-area ul,
.cx126-position-area li{
  background-color:var(--v126-bg)!important;
  border-color:var(--v126-border)!important;
}

.cx126-position-area .textColor{
  color:var(--v126-text)!important;
}

.cx126-position-area .text-grey{
  color:var(--v126-sub)!important;
}

.cx126-position-area .text-green{
  color:var(--v126-green)!important;
}

.cx126-position-area .text-red{
  color:var(--v126-red)!important;
}

/* ===== 空状态 ===== */
.cx126-position-area .van-empty,
.cx126-position-area .empty,
.cx126-position-area [class*="empty"]{
  color:var(--v126-muted)!important;
}

/* ===== 市值/张数区再统一小字 ===== */
.perpetual-open input[placeholder*="張數"],
.perpetual-open input[placeholder*="张数"]{
  font-size:10.5px!important;
}

.perpetual-open .mt-40.mb-30.w-full span{
  font-size:10px!important;
  color:var(--v126-sub)!important;
}

/* ===== 主题下图标 ===== */
html.cx-theme-light .cx126-market-control img,
html[data-theme="light"] .cx126-market-control img,
html[data-cx-theme="light"] .cx126-market-control img{
  filter:brightness(.28)!important;
}

/* ===== 过渡 ===== */
.cx126-tpsl-row,
.cx126-unit-price,
.cx126-market-control,
.cx126-order-tabs-theme,
.cx126-position-area{
  transition:
    background-color .14s ease,
    color .14s ease,
    border-color .14s ease!important;
}

/* 行情/持仓数字稳定 */
.cx126-position-area *,
.deep-data *{
  animation:none!important;
  text-shadow:none!important;
}

@media(max-width:390px){
  .perpetual-open .cx126-tpsl-row{
    height:34px!important;
    min-height:34px!important;
  }

  .perpetual-open .cx126-tpsl-row input{
    height:32px!important;
    line-height:32px!important;
    font-size:10px!important;
  }

  .cx126-unit-price{
    padding:0 5px!important;
    font-size:8.5px!important;
  }
}