/* =========================================================
   CoinASX V122
   交割合约交易区重新设计
   - 原功能节点保留
   - 原交割时间按钮保留
   - 原输入框保留
   - 原多开/开空保留
   - 原盘口保留
   - 深浅主题自适应
   ========================================================= */

html{
  --d122-bg:#000000;
  --d122-panel:#0b0c0f;
  --d122-panel2:#14161a;
  --d122-panel3:#1c1f24;
  --d122-border:#292d33;

  --d122-title:#ffffff;
  --d122-text:#eef0f2;
  --d122-small:#a5aab2;
  --d122-muted:#717780;

  --d122-green:#14c98b;
  --d122-red:#ff4d63;
  --d122-lime:#b7ff24;
}

html.cx-theme-light,
html[data-theme="light"],
html[data-cx-theme="light"]{
  --d122-bg:#ffffff;
  --d122-panel:#ffffff;
  --d122-panel2:#f4f5f7;
  --d122-panel3:#eceef1;
  --d122-border:#dfe3e8;

  --d122-title:#111317;
  --d122-text:#30343a;
  --d122-small:#737981;
  --d122-muted:#9aa0a8;

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

body:has(.deliveryContract),
.deliveryContract,
.deliveryContract .Full-warehouse{
  background:var(--d122-bg)!important;
  color:var(--d122-text)!important;
}

/* ===== 整个交易区域单列化 ===== */
.deliveryContract .Full-warehouse-list{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:16px!important;
  padding:0 14px 16px!important;
  background:var(--d122-bg)!important;
}

/* 左侧交易区全宽 */
.deliveryContract .Delivery-time{
  width:100%!important;
  min-width:0!important;
}

/* ===== 交割时间标题 ===== */
.deliveryContract .Delivery-time-title{
  margin:0 0 10px!important;
  color:var(--d122-small)!important;
  font-size:14px!important;
  line-height:20px!important;
  font-weight:750!important;
}

/* ===== 时间周期：只展示前4个，原 DOM / 原事件保留 ===== */
.deliveryContract .Delivery-time-list{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
  margin:0 0 22px!important;
  overflow:visible!important;
}

.deliveryContract .Delivery-time-item{
  display:none!important;
}

.deliveryContract .Delivery-time-item:nth-child(-n+4){
  display:block!important;
  min-width:0!important;
  border:1px solid var(--d122-border)!important;
  border-radius:10px!important;
  overflow:hidden!important;
  background:var(--d122-panel2)!important;
  cursor:pointer!important;
  box-shadow:none!important;
}

.deliveryContract .Delivery-time-item-time{
  min-height:37px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 4px!important;
  background:transparent!important;
  color:var(--d122-title)!important;
  font-size:14px!important;
  line-height:20px!important;
  font-weight:850!important;
}

.deliveryContract .Delivery-time-item-percentage{
  min-height
  display:flex!important;
  align-items:center!important;
 
  padding:0 4px!important;
  background:transparent!important;
  color:var(--d122-small)!important;
  font-size:9.5px!important;
  line-height:15px!important;
}

/* 识别原 inline active 紫色并转成交易所式高亮 */
.deliveryContract .Delivery-time-item:has(.Delivery-time-item-time[style*="127, 129, 253"]),
.deliveryContract .Delivery-time-item:has(.Delivery-time-item-time[style*="127,129,253"]){
  border-color:var(--d122-lime)!important;
 
}

.deliveryContract .Delivery-time-item:ha
.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-percentage,
.deliveryContract .Delivery-time-item:has(.Delivery-time-item-time[style*="127,129,253"]) .Delivery-time-item-percentage{
  color:var(--d122-lime)!important;
}

/* ===== 清理旧 V118/V119 重复辅助标
.cx118-ui-amount-label{
  dis
}

/* ===== 数量标题 ===== */
.cx119-amount-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  margin:0 0 9px!important;
}

.cx1
  color:var(--d122-small)!important;
  font-size:14px!important;
  font-weight:750!important;
}

.cx119-amount-head .r{
  color:var(--d122-title)!important;
  font-size:13px!important;
  font-weight:750!important;
}

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

/* ===== 金额输入框 ===== */
.deliveryContract .Delivery-time-input{
  margin:0 0 6px!important;
}

.deliveryContract .Delivery-time-input .van-cell{
  min-height:58px!important;
  padding:0 14px!important;
  border:1px solid var(--d122-border)!important;
  border-radius:10px!important;
  background:var(--d122-panel2)!important;
  box-shadow:none!important;
}

.deliveryContract .Delivery-time-input input{
  color:var(--d122-title)!important;
  font-size:15px!important;
  line-height:22px!important;
  font-weight:650!important;
}

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

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

/* ===== 隐藏旧 V118 快捷金额 ===== */
.cx118-ui-presets{
  display:none!important;
}

/* ===== 滑杆 ===== */
.cx119-slider{
  height:38px!important;
  margin:0 0 12px!important;
}

.cx119-slider-line{
  position:relative!important;
  height:3px!important;
  background:var(--d122-border)!important;
  border-radius:3px!important;
}

.cx119-slider-line:before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:50%!important;
  width:16px!important;
  height:16px!important;
  transform:translate(-1px,-50%)!important;
  border:3px solid var(--d122-title)!important;
  border-radius:50%!important;
  background:var(--d122-bg)!important;
}

.cx119-slider-line i{
  background:var(--d122-panel3)!important;
}

/* ===== 支付率区域 ===== */
.cx119-pay{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:18px!important;
  margin:0 0 14px!important;
}

.cx119-pay-col{
  display:grid!important;
  grid-template-columns:1fr auto!important;
  row-gap:8px!important;
}

.cx119-pay-col span{
  color:var(--d122-small)!important;
  font-size:12px!important;
}

.cx119-pay-col b{
  color:var(--d122-green)!important;
  font-size:12px!important;
}

.cx119-pay-col strong{
  color:var(--d122-title)!important;
  font-size:12px!important;
  text-align:right!important;
}

/* ===== 多开 / 开空：原按钮保留，只改视觉 ===== */
.cx116-direction{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
  margin:0!important;
}

.deliveryContract .Delivery-time-open-more{
  min-height:58px!important;
  margin:0!important;
  border:0!important;
  border-radius:29px!important;
  background:var(--d122-green)!important;
  color:#fff!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  cursor:pointer!important;
  box-shadow:none!important;
}

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

.deliveryContract .Delivery-time-open-more-text{
  color:#fff!important;
  font-size:18px!important;
  line-height:24px!important;
  font-weight:850!important;
}

.deliveryContract .Delivery-time-open-more-text2{
  display:none!important;
}

/* ===== 立即购买旧辅助按钮隐藏 ===== */
.cx116-buy-now{
  display:none!important;
}

/* ===== 手续费 ===== */
.deliveryContract .handling-fee{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  margin:12px 0 0!important;
  color:var(--d122-small)!important;
  font-size:11px!important;
}

/* ===== 盘口改为交易区底部整块 ===== */
.deliveryContract .price{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  padding:14px 0 0!important;
  border-left:0!important;
  border-top:1px solid var(--d122-border)!important;
  background:var(--d122-bg)!important;
}

/* 盘口标题 */
.deliveryContract .price-title,
.deliveryContract .unit{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  align-items:center!important;
}

.deliveryContract .price-text,
.deliveryContract .quantity{
  color:var(--d122-small)!important;
  font-size:11px!important;
  font-weight:700!important;
}

.deliveryContract .quantity,
.deliveryContract .unit-text2{
  text-align:right!important;
}

.deliveryContract .unit-text,
.deliveryContract .unit-text2{
  margin-top:2px!important;
  color:var(--d122-muted)!important;
  font-size:9.5px!important;
}

/* 盘口列表改双列 */
.deliveryContract .price-content{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:0 24px!important;
  margin:8px 0!important;
}

.deliveryContract .price-item{
  min-height:27px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  padding:0!important;
  background:transparent!important;
}

.deliveryContract .price-item-text{
  color:var(--d122-green)!important;
  font-size:12px!important;
  font-weight:700!important;
}

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

.deliveryContract .price-item-text2{
  color:var(--d122-small)!important;
  font-size:11px!important;
}

.deliveryContract .price-content-title{
  margin:7px 0!important;
  color:var(--d122-title)!important;
  font-size:20px!important;
  line-height:26px!important;
  font-weight:900!important;
  text-align:center!important;
}

/* ===== 去除旧紫色 inline 视觉 ===== */
.deliveryContract .Delivery-time-item-time[style*="rgb(127, 129, 253)"],
.deliveryContract .Delivery-time-item-percentage[style*="rgb(108, 82, 230)"]{
  background:transparent!important;
}

/* ===== 交互保护 ===== */
.deliveryContract .Delivery-time-item,
.deliveryContract .Delivery-time-open-more,
.deliveryContract .Delivery-time-input input{
  pointer-events:auto!important;
}

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

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

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

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

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

  .deliveryContract .price-content{
    gap:0 18px!important;
  }
}