/* =========================================================
   CoinASX V129
   参考图目标：
   - 顶部 BTC/USDT 小而紧凑
   - 导航：永续 / 交割 / 现货 / 闪兑 / 理财
   - 左侧下单区约 62%，右侧盘口约 38%
   - 全仓 / 1x 两个小控件一排
   - 开多 / 开空紧凑
   - 市价 / 价格 / 止盈 / 止损 / 张数统一
   - 右侧盘口小字号、紧凑
   - 深浅主题自适应
   ========================================================= */

html{
  --v129-bg:#000000;
  --v129-surface:#0d0f12;
  --v129-surface2:#17191d;
  --v129-border:#292d33;

  --v129-text:#ffffff;
  --v129-body:#edf0f2;
  --v129-sub:#a6abb3;
  --v129-muted:#737982;

  --v129-green:#89df00;
  --v129-green2:#13bd86;
  --v129-red:#f0445f;
  --v129-blue:#2873ff;

  --v129-depth-green:rgba(19,189,134,.08);
  --v129-depth-red:rgba(240,68,95,.08);
}

/* 浅色主题，和参考图一致 */
html.cx-theme-light,
html[data-theme="light"],
html[data-cx-theme="light"]{
  --v129-bg:#ffffff;
  --v129-surface:#f7f8fa;
  --v129-surface2:#eef0f3;
  --v129-border:#dce1e6;

  --v129-text:#0c0e12;
  --v129-body:#252930;
  --v129-sub:#767d87;
  --v129-muted:#9ba1a9;

  --v129-green:#78d700;
  --v129-green2:#0fa772;
  --v129-red:#e34258;
  --v129-blue:#266bff;

  --v129-depth-green:rgba(15,167,114,.055);
  --v129-depth-red:rgba(227,66,88,.055);
}

/* ===== 页面与头部 ===== */
body:has(.perpetual-open),
.no_touch.appContent,
.no_touch.appContent .mainBackground,
.no_touch.appContent .perpetual-open{
  background:var(--v129-bg)!important;
  color:var(--v129-body)!important;
}

.no_touch.appContent .contract-header{
  background:var(--v129-bg)!important;
  border-bottom:1px solid var(--v129-border)!important;
}

.no_touch.appContent .contract-header .pl-30.pr-30{
  padding-left:12px!important;
  padding-right:12px!important;
}

.no_touch.appContent .contract-header .pt-45{
  min-height:54px!important;
  padding-top:10px!important;
  padding-bottom:7px!important;
}

.no_touch.appContent .contract-header .font-35{
  font-size:16px!important;
  line-height:20px!important;
  font-weight:850!important;
  color:var(--v129-text)!important;
}

.no_touch.appContent .contract-header .ml-15{
  margin-left:5px!important;
  padding:2px 5px!important;
  border-radius:4px!important;
  background:var(--v129-surface2)!important;
  color:var(--v129-sub)!important;
  font-size:8.5px!important;
}

.no_touch.appContent .contract-header .w-160{
  min-width:48px!important;
  width:auto!important;
  padding-left:7px!important;
  font-size:9px!important;
  line-height:13px!important;
}

.no_touch.appContent .contract-header img[alt="convert-img"]{
  width:21px!important;
  height:21px!important;
}

.no_touch.appContent .contract-header img[alt="line-img"]{
  width:21px!important;
  height:20px!important;
}

/* ===== 顶部导航，严格紧凑 ===== */
.cx125-contract-nav{
  display:flex!important;
  justify-content:flex-start!important;
  align-items:center!important;
  gap:2px!important;

  height:33px!important;
  min-height:33px!important;
  padding:3px 10px!important;

  overflo
  white-space:nowrap!important;
  scrollbar-width:none!important;

  backgr
  border-bottom:1px solid var(--v129-border)!important;
}
.cx125-contract-nav::-webkit-scrollbar{display:none!important}

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

  border:1px solid transparent!important;
  border-radius:5px!important;
  background:transparent!important;

  color:var(--v129-s
  font-size:9.5px!important;
  line-height:
  font-weight:650!important;
}

.cx125-contract-nav-btn.active{
  background:var(--v129-surface2)!important;
  border-color:var(--v129-border)!important;
  color:var(--v129-text)!important;
}

/* ===== 下单根容器 ===== */
.no_touch.appContent .perpetual-open{
  padding-left:12px!important;
  padding
  background:var(--v129-bg)!i
}

/* 全仓 / 杠杆这一排 */
.no_touch.appContent .perpetual-open .header-open{
  min-height:50px
  align-items:center!important;
}

.no_touch.appContent .perpetual-open .header-open > .flex-1{
  padding-top:8px!important;
  gap:8px!important;
}

.no_touch.appContent .perpetual-open .header-open .w-180.h-60,
.no_touch.appContent .perpetual-open .header-open .w-140.h-60{
  width:auto!important;
  min-width:85px!important;
  height:31px!important;
  line-height:29px!important;
  margin-left:0!important;

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

  background:var(--v129-surface)!important;
  color:var(--v129-text)!important;

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

.no_touch.appContent .perpetual-open .header-open .w-140.h-60{
  min-width:76px!important;
}

.no_touch.appContent .perpetual-open .header-open .select-wrap{
  width:auto!important;
  min-width:76px!important;
  height:29px!important;
  padding:0 8px!important;
  font-size:10.5px!important;
}

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

/* ===== 左右主栏，与参考图比例一致 ===== */
.no_touch.appContent .perpetual-open > .pt-30.pb-20{
  padding-top:4px!important;
  padding-bottom:10px!important;
}

.no_touch.appContent .perpetual-open > .pt-30.pb-20 > .flex{
  display:grid!important;
  grid-template-columns:minmax(0,1.58fr) minmax(116px,.88fr)!important;
  gap:9px!important;
  align-items:start!important;
}

.no_touch.appContent .perpetual-open .w-440{
  width:100%!important;
  min-width:0!important;
}

/* ===== 开多 / 开空 ===== */
.no_touch.appContent .perpetual-open .w-440 > .flex.items-center.h-66{
  height:36px!important;
  min-height:36px!important;
  padding:2px!important;

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

.no_touch.appContent .perpetual-open .w-440 > .flex.items-center.h-66 p{
  height:30px!important;
  min-height:30px!important;
  line-height:30px!important;

  border-radius:6px!important;
  font-size:11px!important;
  font-weight:800!important;
  color:var(--v129-sub)!important;
}

.no_touch.appContent .perpetual-open .w-440 > .flex.items-center.h-66 p.long{
  background:var(--v129-green)!important;
  color:#101500!important;
}

/* ===== 市价/限价 ===== */
.no_touch.appContent .perpetual-open .mt-30.mb-30{
  margin-top:7px!important;
  margin-bottom:7px!important;
}

.no_touch.appContent .cx127-order-type,
.no_touch.appContent .cx126-market-control{
  height:39px!important;
  min-height:39px!important;

  border:1px solid var(--v129-border)!important;
  border-radius:7px!important;
  background:var(--v129-surface)!important;

  color:var(--v129-text)!important;
  font-size:10.5px!important;
}

.no_touch.appContent .cx127-order-type img[alt="warn-icon"]{
  width:13px!important;
  height:13px!important;
  padding-left:8px!important;
}

.no_touch.appContent .cx127-order-type img[alt="select-icon"]{
  width:10px!important;
  height:auto!important;
  padding-right:8px!important;
}

/* 下拉项 */
.no_touch.appContent .option-box{
  z-index:100!important;
  overflow:hidden!important;

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

  background:var(--v129-surface2)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.18)!important;
}

.no_touch.appContent .option-box > div{
  min-height:34px!important;
  line-height:34px!important;
  padding:0 10px!important;

  background:var(--v129-surface2)!important;
  color:var(--v129-text)!important;

  font-size:10.5px!important;
}

/* ===== 所有输入框统一参考图尺寸 ===== */
.no_touch.appContent .perpetual-open .h-76.inputBackground,
.no_touch.appContent .perpetual-open .w-440.inputBackground.h-76{
  height:41px!important;
  min-height:41px!important;
  line-height:39px!important;

  margin-bottom:7px!important;
  padding-right:8px!important;

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

  background:var(--v129-surface)!important;
  box-shadow:none!important;
}

.no_touch.appContent .perpetual-open input{
  height:39px!important;
  min-width:0!important;

  background:transparent!important;
  border:0!important;
  outline:0!important;

  color:var(--v129-text)!important;
  font-size:10.5px!important;
  font-weight:600!important;
}

.no_touch.appContent .perpetual-open input::placeholder{
  color:var(--v129-muted)!important;
}

.no_touch.appContent .perpetual-open input:disabled{
  opacity:1!important;
  color:var(--v129-text)!important;
  -webkit-text-fill-color:var(--v129-text)!important;
}

.no_touch.appContent .perpetual-open .h-76.inputBackground span{
  color:var(--v129-sub)!important;
  font-size:9.5px!important;
}

.no_touch.appContent .cx126-unit-price{
  display:block!important;
  margin:-2px 0 6px 2px!important;
  padding:0!important;

  color:var(--v129-sub)!important;
  font-size:8.5px!important;
  line-height:12px!important;
}

.no_touch.appContent .cx126-unit-price b{
  color:var(--v129-text)!important;
  font-weight:800!important;
}

/* 止盈止损 */
.no_touch.appContent .cx127-tpsl{
  padding-left:9px!important;
}

/* 张数 +/- */
.no_touch.appContent .perpetual-open .w-440.inputBackground.h-76 > .w-80{
  width:34px!important;
  flex:0 0 34px!important;
}

.no_touch.appContent .perpetual-open .w-440.inputBackground.h-76 input[type="number"]{
  width:calc(100% - 68px)!important;
  text-align:center!important;
}

.no_touch.appContent .perpetual-open img[alt="add"]{
  width:13px!important;
  height:auto!important;
}

.no_touch.appContent .perpetual-open img[alt="reduce"]{
  width:15px!important;
  height:15px!important;
}

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

.no_touch.appContent .perpetual-open .mt-40.mb-30.w-full .font-22{
  color:var(--v129-sub)!important;
  font-size:8.5px!important;
}

/* ===== 0/25/50/75/100 滑杆 ===== */
.no_touch.appContent .amount-slider{
  padding:2px 2px 0!important;
}

.no_touch.appContent .mainBox.vue-slider{
  width:100%!important;
  height:3px!important;
}

.no_touch.appContent .vue-slider-rail{
  height:2px!important;
  background:var(--v129-border)!important;
}

.no_touch.appContent .vue-slider-process{
  height:2px!important;
  background:var(--v129-green)!important;
  transition:none!important;
}

.no_touch.appContent .custom-step{
  width:8px!important;
  height:8px!important;
  border:1px solid var(--v129-border)!important;
  background:var(--v129-bg)!important;
}

.no_touch.appContent .custom-step.active,
.no_touch.appContent .vue-slider-dot-handle{
  background:var(--v129-green)!important;
  border-color:var(--v129-green)!important;
}

.no_touch.appContent .vue-slider-dot{
  width:11px!important;
  height:11px!important;
}

.no_touch.appContent .poecs{
  margin-top:1px!important;
  color:var(--v129-sub)!important;
  font-size:7.5px!important;
}

/* ===== 登录/交易按钮 ===== */
.no_touch.appContent .perpetual-open .w-full.mt-120{
  margin-top:20px!important;
}

.no_touch.appContent .perpetual-open .w-full.mt-120 .textColor{
  color:var(--v129-sub)!important;
  font-size:9px!important;
  line-height:14px!important;
}

.no_touch.appContent .perpetual-open .w-full.mt-120 .pt-8{
  padding-top:2px!important;
}

.no_touch.appContent .perpetual-open .btnBackground{
  height:43px!important;
  min-height:43px!important;
  line-height:43px!important;

  margin-top:10px!important;

  border:0!important;
  border-radius:7px!important;

  background:var(--v129-green)!important;
  color:#101500!important;

  font-size:11px!important;
  font-weight:850!important;
}

/* ===== 右侧盘口 ===== */
.no_touch.appContent .perpetual-open > .pt-30.pb-20 > .flex > .ml-30{
  margin-left:0!important;
  min-width:0!important;
  padding-left:8px!important;
  border-left:1px solid var(--v129-border)!important;
}

.no_touch.appContent .deep-data{
  width:100%!important;
  min-width:0!important;
  background:var(--v129-bg)!important;
}

.no_touch.appContent .deep-data > .flex.justify-between.text-grey{
  color:var(--v129-sub)!important;
  font-size:8px!important;
  line-height:11px!important;
  margin-bottom:3px!important;
}

.no_touch.appContent .deep-data .font-26{
  min-height:21px!important;
  height:21px!important;

  padding:0 2px!important;
  align-items:center!important;

  font-size:8.5px!important;
  line-height:21px!important;

  font-variant-numeric:tabular-nums!important;
  white-space:nowrap!important;
  overflow:hidden!important;
}

.no_touch.appContent .deep-data .text-green{
  color:var(--v129-green2)!important;
}

.no_touch.appContent .deep-data .text-red{
  color:var(--v129-red)!important;
}

.no_touch.appContent .deep-data .textColor{
  color:var(--v129-sub)!important;
}

.no_touch.appContent .deep-data .font-34{
  margin:4px 0 0!important;
  padding-top:5px!important;

  color:var(--v129-green)!important;
  font-size:15px!important;
  line-height:19px!important;
  font-weight:850!important;
  font-variant-numeric:tabular-nums!important;
}

.no_touch.appContent .deep-data .approximately-text{
  padding-bottom:5px!important;
  color:var(--v129-muted)!important;
  font-size:7.5px!important;
}

/* 深度背景跟随主题 */
.no_touch.appContent .deep-data .font-26[style*="rgba(94, 186, 137"],
.no_touch.appContent .deep-data .font-26[style*="rgba(94,186,137"]{
  background:linear-gradient(to left,var(--v129-depth-green),transparent 73%)!important;
}

.no_touch.appContent .deep-data .font-26[style*="rgba(246, 70, 93"],
.no_touch.appContent .deep-data .font-26[style*="rgba(246,70,93"]{
  background:linear-gradient(to left,var(--v129-depth-red),transparent 73%)!important;
}

/* ===== 盘口精度 ===== */
.no_touch.appContent .k-select-box{
  align-items:center!important;
  gap:5px!important;
}

.no_touch.appContent .k-select-box .select-box{
  flex:1!important;

  margin-top:7px!important;
  margin-bottom:7px!important;

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

  background:var(--v129-surface)!important;
}

.no_touch.appContent .k-select-box .
  height:31px!important;
}

.no_touch.appContent .k-select-box .select-box .pl-16{
  padding-left:7px!important;
  color:var(--v129-text)!important;
  font-size:8.5px!important;
}

/* ===== 清理旧大间距 ===== */
.no_touch.appContent .perpetual-open .mb-30{
  margin-bottom:7px!important;
}

.no_touch.appContent .perpetual-open .mt-30{
  margin-top:7px!important;
}

/* ===== 实时行情不闪 ===== */
.no_touch.appContent .deep-data *,
.no_touch.appContent .deep-data .font-26,
.no_touch.appContent .deep-data .font-34{
  animation:none!important;
  transition:none!important;
  transform:none!important;
  opacity:1!important;
}

/* ===== 小屏 ===== */
@media(max-width:390px){
  .no_touch.appContent .perpetual-open{
    padding-left:10px!important;
    padding-right:7px!important;
  }

  .no_touch.appContent .perpetual-open > .pt-30.pb-20 > .flex{
    grid-template-columns:minmax(0,1.6fr) minmax(104px,.82fr)!important;
    gap:7px!important;
  }

  .no_touch.appContent .perpetual-open > .pt-30.pb-20 > .flex > .ml-30{
    padding-left:6px!important;
  }

  .no_touch.appContent .deep-data .font-26{
    font-size:7.8px!important;
  }

  .no_touch.appContent .deep-data .font-34{
    font-size:14px!important;
  }
}