/* =========================================================
   V123 Delivery Contract Fine Polish
   只做视觉精修，不动 DOM/接口/功能
   ========================================================= */

html{
  --d123-bg:#000000;
  --d123-surface:#0a0b0d;
  --d123-surface2:#121417;
  --d123-surface3:#191c20;
  --d123-border:#262a30;
  --d123-border-soft:#1d2025;

  --d123-title:#ffffff;
  --d123-text:#eef0f2;
  --d123-sub:#a5aab2;
  --d123-muted:#737983;

  --d123-green:#12c98a;
  --d123-red:#ff4d63;
  --d123-lime:#b7ff24;

  --d123-radius:10px;
}

html.cx-theme-light,
html[data-theme="light"],
html[data-cx-theme="light"]{
  --d123-bg:#ffffff;
  --d123-surface:#ffffff;
  --d123-surface2:#f4f5f7;
  --d123-surface3:#eceef1;
  --d123-border:#dfe3e8;
  --d123-border-soft:#e9ebee;

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

  --d123-green:#0ea772;
  --d123-red:#df4155;
  --d123-lime:#79c900;
}

/* ===== 页面背景统一 ===== */
body:has(.deliveryContract),
.deliveryContract,
.deliveryContract .Full-warehouse,
.deliveryContract .position{
  background:var(--d123-bg)!important;
  color:var(--d123-text)!important;
}

/* ===== 顶部更精致 ===== */
.deliveryContract .contract-header{
  background:var(--d123-bg)!important;
  border-bottom:1px solid var(--d123-border-soft)!important;
}

.deliveryContract .contract-header .pt-45{
  min-height:62px!important;
  padding-top:13px!important;
  padding-bottom:10px!important;
}

.deliveryContract .contract-header .font-35{
  color:var(--d123-title)!important;
  font-size:17px!important;
  line-height:22px!important;
  font-weight:850!important;
  letter-spacing:-.2px!important;
}

.deliveryContract .contract-header .contract-type-switch{
  margin-left:9px!important;
  height:26px!important;
  padding:0 4px!important;
  border:1px solid var(--d123-border)!important;
  border-radius:7px!important;
  background:var(--d123-surface2)!important;
}

.deliveryContract .contract-header .type-item{
  padding:0 7px!important;
  color:var(--d123-muted)!important;
  font-size:10px!important;
  line-height:24px!important;
  font-weight:700!important;
}

.deliveryContract .contract-header .type-item.active{
  color:var(--d123-title)!important;
}

.deliveryContract .contract-header .type-divider{
  color:var(--d123-border)!important;
  font-size:9px!important;
}

/* ===== K线框仅做圆角边框，尺寸不碰 ===== */
.deliveryContract .kline-charts,
.cx116-chart{
  border-color:var(--d123-border)!important;
  border-radius:9px!important;
  overflow:hidden!important;
  background:var(--d123-bg)!important;
  box-shadow:none!important;
}

.deliveryContract .kline-charts > ul,
.cx119-indicators{
  border-color:var(--d123-border-soft)!important;
}

.deliveryContract .kline-charts li,
.cx119-indicators button{
  color:var(--d123-sub)!important;
}

.deliveryContract .kline-charts li.textColor,
.cx119-indicators button.active{
  color:var(--d123-title)!important;
}

/* ===== 交易区整体间距 ===== */
.deliveryContract .Full-warehouse-list{
  padding-top:2px!important;
}

.deliveryContract
  margin-bottom:9px!important;
  color:var(--d123-sub)!important;
  font-size:13px!important;
  font-weight:750!important;
  letter-spacing:.1px!important;
}

/* ===== 时间周期按钮 ===== */
.deliveryContract .Delivery-time-list{
  gap:7px!important;
  margin-bottom:20px!important;
}

.deliveryContract .Delivery-time-item:nth-child(-n+4){
  border:1px solid var(--d123-border)!important;
  border-radius:9px!important;
  background:var(--d123-surface2)!importa
  overflow:hidden!important;
}

.deliveryCo
  min-height:35px!important;
  color:var(--d123-title)!important;
  font-size:13px!important;
  font-weight:800!important;
}

.deliveryContract .Delivery-time-item-percentage{
  min-height:25px!important;
  color:var(--d123-muted)!important;
  font-size:9px!important;
}

/* 原选中状态：去旧
.deliveryContract .Delivery-t
.deliveryContract .Delivery-time-item:has(.Delivery-time-item-time[style*="127,129,253"]){
  border-co
  background:color-mix(in srgb,var(--d123-lime) 5%,var(--d123-surface2))!important;
}

.deliveryContract .Delivery-time-item:has(.Delivery-time-item-time[style*="127, 129, 253"]) .Delivery-time-item-time,
.deliveryContract .Delivery-time-item:has(.Delivery-time-item-time[style*="127,129,253"]) .Delivery-time-item-time{
  color:var(--d123-lime)!important;
}

.deliveryContract .Delivery-time-item-time[style*="rgb(127, 129, 253)"],
.deliveryContract .Delivery-time-item-percentage[style*="rgb(108, 82, 230)"]{
  background:transparent!important;
}

/* ===== 数量标题 ===== */
.cx119-amount-head{
  margin-bottom:8px!important;
}

.cx119-amount-head .l{
  color:var(--d123-sub)!important;
  font-size:13px!important;
  font-weight:750!important;
}

.cx119-amount-head .r{
  color:var(--d123-title)!important;
  font-size:12px!important;
  font-weight:700!important;
}

.cx119-amount-head .r b{
  color:var(--d123-lime)!important;
  font-size:15px!important;
}

/* ===== 输入框 ===== */
.deliveryContract .Delivery-time-input .van-cell{
  min-height:56px!important;
  padding:0 13px!important;
  border:1px solid var(--d123-border)!important;
  border-radius:10px!important;
  background:var(--d123-surface2)!important;
  box-shadow:none!important;
}

.deliveryContract .Delivery-time-input input{
  color:var(--d123-title)!important;
  font-size:14px!important;
  font-weight:650!important;
  caret-color:var(--d123-green)!important;
}

.deliveryContract .Delivery-time-input input::placeholder{
  color:var(--d123-muted)!important;
}

.deliveryContract .Delivery-time-input-text{
  color:var(--d123-title)!important;
  font-size:12px!important;
  font-weight:800!important;
}

/* ===== 滑杆 ===== */
.cx119-slider{
  height:34px!important;
  margin-bottom:10px!important;
}

.cx119-slider-line{
  height:2px!important;
  background:var(--d123-border)!important;
}

.cx119-slider-line:before{
  width:14px!important;
  height:14px!important;
  border:2px solid var(--d123-title)!important;
  background:var(--d123-bg)!important;
}

.cx119-slider-line i{
  width:7px!important;
  height:7px!important;
  background:var(--d123-surface3)!important;
}

/* ===== 支付率信息 ===== */
.cx119-pay{
  gap:20px!important;
  margin:0 0 13px!important;
}

.cx119-pay-col{
  row-gap:7px!important;
}

.cx119-pay-col span{
  color:var(--d123-sub)!important;
  font-size:11px!important;
}

.cx119-pay-col b{
  color:var(--d123-green)!important;
  font-size:11px!important;
  font-weight:850!important;
}

.cx119-pay-col strong{
  color:var(--d123-text)!important;
  font-size:11px!important;
  font-weight:750!important;
}

/* ===== 看涨 / 看跌按钮 ===== */
.cx116-direction{
  gap:9px!important;
}

.deliveryContract .Delivery-time-open-more{
  min-height:54px!important;
  border-radius:27px!important;
  box-shadow:none!important;
  transform:none!important;
}

.deliveryContract .Delivery-time-open-more:not(.Delivery-time-open-more-red){
  background:var(--d123-green)!important;
}

.deliveryContract .Delivery-time-open-more-red{
  background:var(--d123-red)!important;
}

.deliveryContract .Delivery-time-open-more-text{
  color:#fff!important;
  font-size:17px!important;
  font-weight:850!important;
  letter-spacing:.1px!important;
}

.deliveryContract .Delivery-time-open-more:active{
  opacity:.88!important;
  transform:scale(.985)!important;
}

/* ===== 手续费 ===== */
.deliveryContract .handling-fee{
  margin-top:11px!important;
  padding:0 2px!important;
  color:var(--d123-sub)!important;
  font-size:10.5px!important;
}

.deliveryContract .handling-fee-text2{
  color:var(--d123-text)!important;
  font-weight:750!important;
}

/* ===== 盘口 ===== */
.deliveryContract .price{
  margin-top:3px!important;
  padding-top:13px!important;
  border-top:1px solid var(--d123-border-soft)!important;
}

.deliveryContract .price-title{
  margin-bottom:1px!important;
}

.deliveryContract .price-text,
.deliveryContract .quantity{
  color:var(--d123-sub)!important;
  font-size:10.5px!important;
  font-weight:750!important;
}

.deliveryContract .unit-text,
.deliveryContract .unit-text2{
  color:var(--d123-muted)!important;
  font-size:9px!important;
}

.deliveryContract .price-content{
  margin:7px 0!important;
  gap:0 20px!important;
}

.deliveryContract .price-item{
  min-height:25px!important;
}

.deliveryContract .price-item-text{
  color:var(--d123-green)!important;
  font-size:11.5px!important;
  font-weight:720!important;
  font-variant-numeric:tabular-nums!important;
}

.deliveryContract .price-item-text-red{
  color:var(--d123-red)!important;
}

.deliveryContract .price-item-text2{
  color:var(--d123-sub)!important;
  font-size:10.5px!important;
  font-variant-numeric:tabular-nums!important;
}

.deliveryContract .price-content-title{
  margin:6px 0!important;
  color:var(--d123-title)!important;
  font-size:18px!important;
  line-height:24px!important;
  font-weight:900!important;
  font-variant-numeric:tabular-nums!important;
}

/* ===== 底部仓位区域 ===== */
.deliveryContract .position{
  margin-top:20px!important;
  border-top:1px solid var(--d123-border-soft)!important;
}

.cx119-order-tabs{
  min-height:50px!important;
  padding-top:14px!important;
  gap:24px!important;
}

.cx119-order-tab{
  color:var(--d123-sub)!important;
  font-size:14px!important;
  font-weight:750!important;
}

.cx119-order-tab.active{
  color:var(--d123-title)!important;
}

.cx119-order-tab.active:after{
  width:24px!important;
  height:2px!important;
  border-radius:2px!important;
  background:var(--d123-green)!important;
}

/* ===== 清理旧辅助 UI ===== */
.cx118-ui-amount-label,
.cx118-ui-presets,
.cx116-buy-now{
  display:none!important;
}

/* ===== 数字稳定，不闪 ===== */
.deliveryContract .price *,
.deliveryContra
.deliveryContract .Delivery-time-input input{
  animation:none!important;
  text-shadow:none!important;
}

/* ===== 主题切换平滑 ===== */
.deliveryContract .Delivery-time-item,
.deliveryContract .Delivery-time-input .van-cell,
.deliveryContract .Delivery-time-open-more,
.deliveryContract .price,
.deliveryContract .position{
  transition:
    background-color .14s ease,
    color .14s ease,
    border-color .14s ease!important;
}

@media(max-width:390px){
  .deliveryContract .Full-warehouse-list{
    padding-left:9px!important;
    padding-right:9px!important;
  }

  .deliveryContract .Delivery-time-list{
    gap:5px!important;
  }

  .deliveryContract .Delivery-time-item-time{
    font-size:12px!important;
  }

  .deliveryContract .Delivery-time-open-more-text{
    font-size:16px!important;
  }

  .cx119-pay{
    gap:14px!important;
  }
}