/* =========================================================
   CoinASX V125
   1) 全站深浅主题继续统一
   2) BTC/USDT 下方 5 个功能按钮
   3) 永续合约交易控件紧凑化
   ========================================================= */

html{
  --c125-bg:#000;
  --c125-bg2:#08090b;
  --c125-panel:#111317;
  --c125-panel2:#181b20;
  --c125-border:#272b32;

  --c125-title:#fff;
  --c125-text:#eef0f2;
  --c125-sub:#a5aab2;
  --c125-muted:#747a83;

  --c125-green:#13c98a;
  --c125-red:#ff4d63;
  --c125-blue:#2b6bff;

  color-scheme:dark;
}

html.cx-theme-light,
html[data-theme="light"],
html[data-cx-theme="light"]{
  --c125-bg:#fff;
  --c125-bg2:#fafafa;
  --c125-panel:#f4f5f7;
  --c125-panel2:#eceef1;
  --c125-border:#dfe3e8;

  --c125-title:#111317;
  --c125-text:#30343a;
  --c125-sub:#737981;
  --c125-muted:#9aa0a8;

  --c125-green:#0ea772;
  --c125-red:#df4155;
  --c125-blue:#245eea;

  color-scheme:light;
}

/* ===== 全站基础自适应 ===== */
body,#app,.appContent,.mainBackground,.bg-night1,.tabContent,
.contract-header,.perpetual-open,.deliveryContract,.trend-detail{
  background-color:var(--c125-bg)!important;
  color:var(--c125-text)!important;
}

.textColor{color:var(--c125-text)!important}
.text-grey{color:var(--c125-sub)!important}
.text-green{color:var(--c125-green)!important}
.text-red{color:var(--c125-red)!important}

.inputBackground,.tabBackground,.option-box,
.van-cell,.van-tabs__nav,.van-tabs__content{
  background-color:var(--c125-panel)!important;
  border-color:var(--c125-border)!important;
  color:var(--c125-text)!important;
}

input,textarea,select{
  color:var(--c125-title)!important;
  caret-color:var(--c125-green)!important;
}

input::placeholder,textarea::placeholder{
  color:var(--c125-muted)!important;
}

/* ===== BTC/USDT 下方 5按钮 ===== */
.cx125-contract-nav{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:5px!important;

  height:40px!important;
  padding:5px 12px!important;

  overflow-x:auto!important;
  white-space:nowrap!important;
  scrollbar-width:none!important;

  background:var(--c125-bg)!important;
  border-bottom:1px solid var(--c125-border)!important;
}

.cx125-contract-nav::-webkit-scrollbar{display:none!important}

.cx125-contract-nav-btn{
  flex:0 0 auto!important;
  min-width:0!important;
  height:28px!important;
  padding:0 8px!important;

  border:1px solid transparent!important;
  border-radius:7px!important;

  background:transparent!important;
  color:var(--c125-sub)!important;

  font-size:11px!important;
  line-height:26px!important;
  font-weight:700!important;

  cursor:pointer!important;
  -webkit-tap-highlight-color:transparent!important;
}

.cx125-contract-nav-btn.active{
  background:var(--c125-panel)!important;
  border-color:var(--c125-border)!important;
  color:var(--c125-title)!important;
}

/* ===== 顶部 Header 再紧凑 ===== */
.contract-header .pt-45{
  min-height:58px!important;
  padding-top:11px!important;
  padding-bottom:8px!important;
}

.contract-header .font-35{
  color:var(--c125-title)!important;
  font-size:16px!important;
  line-height:21px!important;
  font-weight:850!important;
}

.contract-header .ml-15{
  color:var(--c125-sub)!important;
  font-size:9.5px!important;
}

/* ===== 永续：全仓 + 杠杆倍数 缩小 ===== */
.perpetual-open{
  padding-left:12px!important;
  padding-right:12px!important;
}

.perpetual-open .header-open{
  min-height:44px!important;
  align-items:center!important;
}

.perpetual-open .header-open > .flex.flex-1.pt-34{
  padding-top:8px!important;
  align-items:center!important;
}

.perpetual-open .header-open .w-180.h-60,
.perpetual-open .header-open .w-140.h-60{
  width:auto!important;
  min-width:62px!important;
  height:30px!important;
  line-height:30px!important;
  margin-left:0!important;
  margin-right:6px!important;
  border:1px solid var(--c125-border)!important;
  border-radius:7px!important;
  background:var(--c125-panel)!important;
  color:var(--c125-title)!important;
  font-size:11px!important;
}

.perpetual-open .header-open .select-wrap{
  width:auto!important;
  min-width:64px!important;
  height:30px!important;
  padding:0 8px!important;
  font-size:11px!important;
}

.perpetual-open .header-open img[alt="select-icon"]{
  width:10px!important;
  height:auto!important;
}

/* ===== 主下单区上下空隙缩小 ===== */
.perpetual-open .pt-30.pb-20{
  padding-top:10px!important;
  padding-bottom:12px!important;
}

.perpetual-open .w-440{
  width:min(66%,440px)!important;
}

/* ===== 开多 / 开空缩小 ===== */
.perpetual-open .flex.items-center.h-66.rounded-lg.text-grey{
  height:36px!important;
  min-height:36px!important;
  border-radius:8px!important;
  background:var(--c125-panel)!important;
  overflow:hidden!important;
}

.perpetual-open .flex.items-center.h-66.rounded-lg.text-grey > p{
  height:36px!important;
  min-height:36px!important;
  line-height:36px!important;
  font-size:12px!important;
  color:var(--c125-sub)!important;
}

.perpetual-open .flex.items-center.h-66.rounded-lg.text-grey > p.long{
  background:var(--c125-green)!important;
  color:#fff!important;
}

/* ===== 市价 / 限价按钮缩小 ===== */
.perpetual-open .mt-30.mb-30{
  margin-top:10px!important;
  margin-bottom:10px!important;
}

.perpetual-open .mt-30.mb-30 > .inputBackground{
  height:38px!important;
  min-height:38px!important;
  line-height:38px!important;
  border:1px solid var(--c125-border)!important;
  border-radius:8px!important;
  font-size:11px!important;
}

.perpetual-open .mt-30.mb-30 img[alt="warn-icon"]{
  width:14px!important;
  height:14px!important;
  padding-left:6px!important;
}

.perpetual-open .mt-30.mb-30 img[alt="select-icon"]{
  width:10px!important;
  padding-right:6px!important;
}

/* 市价/限价下拉 */
.perpetual-open .option-box{
  border:1px solid var(--c125-border)!important;
  border-radius:8px!important;
  overflow:hidden!important;
}

.perpetual-open .option-box > div{
  min-height:34px!important;
  line-height:34px!important;
  padding:0 12px!important;
  font-size:11px!important;
}

/* ===== 市值/金额 + 止盈止损 + 张数，统一缩小 ===== */
.perpetual-open .h-76.lh-76.inputBackground.mb-30,
.perpetual-open .w-440.flex.items-center.inputBackground.h-76{
  height:40px!important;
  min-height:40px!important;
  line-height:40px!important;
  margin-bottom:9px!important;

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

.perpetual-open .h-76 input,
.perpetual-open .w-440.flex.items-center.inputBackground.h-76 input{
  height:38px!important;
  line-height:38px!important;
  padding-left:10px!important;
  font-size:11px!important;
}

.perpetual-open .h-76 span,
.perpetual-open .w-440.flex.items-center.inputBackground.h-76 span{
  font-size:10.5px!important;
}

/* 张数 +/- 两侧按钮缩小 */
.perpetual-open .w-440.flex.items-center.inputBackground.h-76 .w-80{
  width:42px!important;
  min-width:42px!important;
}

.perpetual-open .w-440.flex.items-center.inputBackground.h-76 img[alt="add"]{
  width:16px!important;
}

.perpetual-open .w-440.flex.items-center.inputBackground.h-76 img[alt="reduce"]{
  width:16px!important;
  height:16px!important;
}

/* ===== 可开张数 ===== */
.perpetual-open .mt-40.mb-30.w-full{
  margin-top:12px!important;
  margin-bottom:10px!important;
}

.perpetual-open .mt-40.mb-30.w-full span{
  font-size:10.5px!important;
}

/* ===== 百分比滑杆进一步紧凑 ===== */
.slider-index{
  margin-top:3px!important;
}

.amount-slider{
  min-height:24px!important;
}

.poecs{
  margin-top:4px!important;
}

.poecs span{
  color:var(--c125-sub)!important;
  font-size:9px!important;
}

.vue-slider-rail{
  background:var(--c125-border)!important;
}

.vue-slider-process{
  background:var(--c125-blue)!important;
}

.vue-slider-dot{
  width:12px!important;
  height:12px!important;
}

.vue-slider-dot-handle{
  background:var(--c125-title)!important;
}

/* ===== 止盈止损 label ===== */
.perpetual-open input[placeholder*="止盈"] + span,
.perpetual-open input[placeholder*="停損"] + span,
.perpetual-open input[placeholder*="止损"] + span{
  color:var(--c125-sub)!important;
  font-size:10px!important;
}

/* ===== 右侧盘口也压一点 ===== */
.deep-data{
  background:var(--c125-bg)!important;
}

.deep-data .font-24{
  font-size:10px!important;
}

.deep-data .font-26{
  font-size:10.5px!important;
  padding-top:3px!important;
  padding-bottom:3px!important;
}

.deep-data .font-34{
  font-size:15px!important;
}

/* ===== 底部交易按钮区域 ===== */
.btnBackground{
  background:var(--c125-blue)!important;
  color:#fff!important;
}

/* ===== 浅色图标 ===== */
html.cx-theme-light .contract-header img,
html[data-theme="light"] .contract-header img,
html[data-cx-theme="light"] .contract-header img{
  filter:brightness(.25)!important;
}

html.cx-theme-light img[alt="warn-icon"],
html[data-theme="light"] img[alt="warn-icon"],
html[data-cx-theme="light"] img[alt="warn-icon"]{
  filter:none!important;
}

/* ===== 动效克制 ===== */
.cx125-contract-nav-btn,
.inputBackground,.tabBackground,.contract-header,.deep-data{
  transition:
    background-color .14s ease,
    color .14s ease,
    border-color .14s ease!important;
}

.deep-data *{
  animation:none!important;
  text-shadow:none!important;
}

@media(max-width:390px){
  .cx125-contract-nav{
    gap:3px!important;
    padding-left:8px!important;
    padding-right:8px!important;
  }

  .cx125-contract-nav-btn{
    padding:0 6px!important;
    font-size:10px!important;
  }

  .perpetual-open{
    padding-left:9px!important;
    padding-right:9px!important;
  }

  .perpetual-open .w-440{
    width:65%!important;
  }
}