/* =========================================================
   CoinASX Spot Trade Spacing Refine V65
   基于 V64：
   - 市价委托 / 数量总额 / 数量输入 分组更清晰
   - 左右宽度继续一致
   - 输入框统一圆角
   - 不改行情/API/Vue
   ========================================================= */

:root{
  --v65-field-h:46px;
  --v65-radius:12px;
  --v65-gap-s:8px;
  --v65-gap-m:12px;
  --v65-gap-l:16px;
}

/* 买入卖出 Tab 与第一行市价委托拉开 */
.trade-buy-sell .tabBackground{
  margin-bottom:14px!important;
}

/* 市价委托：作为独立第一组 */
.trade-buy-sell .mt-22.mb-22.inputBackground{
  margin-top:0!important;
  margin-bottom:14px!important;
  height:var(--v65-field-h)!important;
  min-height:var(--v65-field-h)!important;
  border-radius:var(--v65-radius)!important;
}

/* 市价委托内部 */
.trade-buy-sell .mt-22.mb-22.inputBackground > .h-70{
  height:100%!important;
  min-height:100%!important;
  padding-left:2px!important;
  padding-right:2px!important;
}

/* 价格/USDT行与市价委托保持视觉距离 */
.trade-buy-sell .mt-22.mb-22.inputBackground + .h-70.inputBackground{
  margin-top:0!important;
  margin-bottom:10px!important;
}

/* 第二个“市价委托”展示框，与数量/总额区拉开 */
.trade-buy-sell .h-70.inputBackground + .h-70.inputBackground{
  margin-top:0!important;
  margin-bottom:16px!important;
}

/* 数量 / 总额：做成独立分组 */
.trade-buy-sell .total-list{
  margin-top:0!important;
  margin-bottom:10px!important;
  gap:8px!important;
}

.trade-buy-sell .total-div{
  height:34px!important;
  min-height:34px!important;
  line-height:34px!important;
  border-radius:10px!important;
}

/* 数量输入框：与数量/总额标签间保持明显间距 */
.trade-buy-sell .total-list + .h-70.inputBackground{
  margin-top:0!important;
  margin-bottom:12px!important;
}

/* 统一输入盒子高度与圆角 */
.trade-buy-sell .h-70.inputBackground{
  height:var(--v65-field-h)!important;
  min-height:var(--v65-field-h)!important;
  line-height:var(--v65-field-h)!important;
  border-radius:var(--v65-radius)!important;
  padding-left:12px!important;
  padding-right:12px!important;
}

/* input 本体 */
.trade-buy-sell .h-70.inputBackground input{
  height:44px!important;
  min-height:44px!important;
  line-height:44px!important;
}

/* 25/50/75/100 与数量框稍微拉开 */
.trade-buy-sell .font-24.w-full.flex.justify-between.items-center{
  margin-top:2px!important;
  margin-bottom:0!important;
  gap:6px!important;
}

/* 百分比按钮精细 */
.trade-buy-sell .tab-item{
  height:30px!important;
  min-height:30px!important;
  border-radius:8px!important;
}

/* 可用余额区 */
.trade-buy-sell .mt-40{
  margin-top:16px!important;
}

/* 买入按钮与上方余额区留足呼吸感 */
.trade-buy-sell .buyandSell{
  margin-top:18px!important;
  height:48px!important;
  min-height:48px!important;
  line-height:48px!important;
  border-radius:12px!important;
}

/* 输入区左右内边距一致 */
.trade-buy-sell > .flex.flex-col.flex-1{
  padding-left:0!important;
  padding-right:0!important;
}

/* 右侧盘口保持实时跳动，只做间距 */
.trade-buy-sell > .deep-data{
  padding-top:0!important;
}

/* 手机适配 */
@media(max-width:430px){
  :root{
   
  }

  .trade-buy-sell .tabBackground{
    margin-bottom:12px!important;
  

  .trade-buy-sell .mt-22.mb-22.inputBackground{
    margin-bottom:12px!important;
  }

  .trade-buy-sell .h-70.inputBackground + .h-70.inputBackground{
    margin-bottom:14px!important;
  }

  .trade-buy-sell .total-list{
    margin-bottom:8px!important;
  }

  .trade-buy-sell .h-70.inputBackground in
    height:42px!important;
    min-height:4
    line-height:42px!important;
  }
}

/* 超窄屏也保持层次 */
@media(max-width:360px){
  .trade-buy-sell .tabBackground{
    margin-bottom:10px!important;
  }

  .trade-buy-sell .mt-22.mb-22.inputBackground{
    margin-bottom:10px!important;
  }

  .trade-buy-sell .h-70.inputBackground + .h-7
    margin-bottom:12px!import
  }
}