/* =========================================================
   CoinASX V116 - Delivery Contract Template
   只重排/美化 .deliveryContract
   ========================================================= */

html{
  --dc116-bg:#000;
  --dc116-panel:#0b0c0e;
  --dc116-panel2:#15171b;
  --dc116-panel3:#1d2025;
  --dc116-border:#2b2f35;

  --dc116-title:#fff;
  --dc116-body:#f0f1f2;
  --dc116-small:#a7abb2;
  --dc116-muted:#70757d;

  --dc116-green:#21c58a;
  --dc116-red:#ff4c63;
  --dc116-purple:#6d63ff;
}

html.cx-theme-light,
html[data-theme="light"],
html[data-cx-theme="light"]{
  --dc116-bg:#fff;
  --dc116-panel:#fff;
  --dc116-panel2:#f4f5f7;
  --dc116-panel3:#ebedf0;
  --dc116-border:#dfe2e6;

  --dc116-title:#121418;
  --dc116-body:#2d3136;
  --dc116-small:#737981;
  --dc116-muted:#9ba1a8;

  --dc116-green:#0fa772;
  --dc116-red:#df4155;
  --dc116-purple:#6258e8;
}

body:has(.deliveryContract),
.deliveryContract{
  background:var(--dc116-bg)!important;
  color:var(--dc116-body)!important;
  min-height:100vh!important;
  padding-bottom:110px!important;
}

/* ---------- header ---------- */
.deliveryContract .contract-header{
  background:var(--dc116-bg)!important;
  border-bottom:1px solid var(--dc116-border)!important;
}

.deliveryContract .contract-header .pl-30.pr-30{
  padding-left:16px!important;
  padding-right:16px!important;
}

.deliveryContract .contract-header .pt-45{
  min-height:68px!important;
  padding-top:16px!important;
  padding-bottom:12px!important;
}

.deliveryContract .contract-header .font-35{
  color:var(--dc116-title)!important;
  font-size:19px!important;
  line-height:24px!important;
  font-weight:800!important;
}

.deliveryContract .contract-header .ml-15,
.deliveryContract .contract-header .pl-30.w-160{
  color:var(--dc116-small)!important;
  font-size:11px!important;
}

.deliveryContract .contract-header img[alt="line-img"]{
  width:25px!important;
  height:25px!important;
}

/* ---------- Kline panel ---------- */
.cx116-chart{
  margin:12px 14px 14px;
  border:1px solid var(--dc116-border);
  border-radius:12px;
  overflow:hidden;
  background:var(--dc116-bg);
}

.cx116-chart-tools{
  display:flex;
  align-items:center;
  gap:18px;
  padding:10px 12px 8px;
  color:var(--dc116-small);
  font-size:11px;
  white-space:nowrap;
  overflow-x:auto;
  scrollbar-width:none;
}
.cx116-chart-tools::-webkit-scrollbar{display:none}
.cx116-chart-tools .active{
  color:var(--dc116-title);
  font-weight:800;
  padding:4px 9px;
  border-radius:7px;
  background:var(--dc116-panel2);
}
.cx116-chart-meta{
  display:flex;
  align-items:center;
  gap:14px;
  padding:0 12px 5px;
  color:var(--dc116-small);
  font-size:9.5px;
}
.cx116-chart-meta .ma7{color:#f4c400}
.cx116-chart-meta .ma25{color:#ff3fb4}
.cx116-chart-meta .ma99

.cx116-chart-canvas{
  display:block;
  width:100%;
  height:220px;
  background:var(--dc116-bg);
}

.cx116-live{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:8px 12px 10px;
  border-top:1px solid var(--dc116-border);
}
.cx116-live strong{
  color:var(--dc116-title);
  font-size:17px;
}
.cx116-live span{
  color:var(--dc116-small);
  font-size:10.5px;
}

/* ---------- main old wrapper ---------- */
.deliveryContract .Full-warehouse{
  padding:0 14px 18px!important;
  background:var(--dc116-bg)!important;
}

.deliveryContract .Full-
  margin:0 0 10px!important;
}

.deliveryCo
  height:30px!important;
  min-width:58px!important;
  padding:0 10px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid var(--dc116-border)!important;
  border-radius:8px!important;
  background:var(--dc116-panel2)!important;
  color:var(--dc116-title)!important;
  font-size:11px!important;
  font-weight:700!important;
}

.deliveryContract .segmentation{
  displ
}

.deliveryContract .Full-wa
  display:grid!important;
  grid-template-columns:minmax(0,1.42fr) minmax(118px,.88fr)!important;
  gap:13px!important;
  align-items:start!important;
}

/* ---------- left order ---------- 
.deliveryContract .Delivery-time-title{
  margin:0 0 9px!important;
  color:var(--dc116-small)!important;
  font-size:11px!important;
}

.deliveryContract .Delivery-time-list{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:7px!important;
  overflow:visible!important;
  padding:0!important;
  margin:0 0 12px!important;
}

/* 只显示4个格；保留原DOM和事件 */
.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(--dc116-border)!important;
  border-radius:9px!important;
  overflow:hidden!important;
  background:var(--dc116-panel2)!important;
}

.deliveryContract .Delivery-time-item-time{
  min-height:30px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:transparent!important;
  color:var(--dc116-title)!important;
  font-size:12px!important;
  font-weight:750!important;
}

.deliveryContract .Delivery-time-item-percentage{
  min-height:23px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:transparent!important;
  color:var(--dc116-small)!important;
  font-size:9px!important;
}

.deliveryContract .Delivery-time-item:first-child{
  border-color:var(--dc116-purple)!important;
  background:color-mix(in srgb,var(--dc116-purple) 24%,var(--dc116-panel2))!important;
}
.deliveryContract .Delivery-time-item:first-child .Delivery-time-item-time,
.deliveryContract .Delivery-time-item:first-child .Delivery-time-item-percentage{
  color:var(--dc116-title)!important;
}

/* amount */
.deliveryContract .Delivery-time-input{
  margin:0 0 10px!important;
}

.deliveryContract .Delivery-time-input .van-cell{
  min-height:48px!important;
  padding:0 11px!important;
  border:1px solid var(--dc116-border)!important;
  border-radius:9px!important;
  background:var(--dc116-panel2)!important;
}

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

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

.deliveryContract .Delivery-time-input-text{
  color:var(--dc116-small)!important;
  font-size:12px!important;
}

/* bullish/bearish */
.cx116-direction{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  margin:0 0 9px!important;
}

.deliveryContract .Delivery-time-open-more{
  min-height:48px!important;
  margin:0!important;
  border:0!important;
  border-radius:9px!important;
  background:var(--dc116-green)!important;
  color:#fff!important;
  box-shadow:none!important;
}

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

.deliveryContract .Delivery-time-open-more-text{
  color:#fff!important;
  font-size:14px!important;
  font-weight:800!important;
}

.deliveryContract .Delivery-time-open-more-text2{
  color:rgba(255,255,255,.86)!important;
  font-size:9px!important;
}

/* immediate buy */
.cx116-buy-now{
  width:100%;
  height:50px;
  margin:9px 0 10px;
  border:0;
  border-radius:9px;
  background:var(--dc116-panel3);
  color:var(--dc116-small);
  font-size:15px;
  font-weight:800;
}
.cx116-buy-now.ready{
  background:var(--dc116-title);
  color:var(--dc116-bg);
}

/* fee */
.deliveryContract .handling-fee{
  margin-top:8px!important;
  color:var(--dc116-small)!important;
  font-size:10.5px!important;
}

/* ---------- right order book ---------- */
.deliveryContract .price{
  min-width:0!important;
  padding-left:10px!important;
  border-left:1px solid var(--dc116-border)!important;
}

.deliveryContract .price-title,
.deliveryContract .unit{
  display:flex!important;
  justify-content:space-between!important;
}

.deliveryContract .price-text,
.deliveryContract .quantity,
.deliveryContract .unit-text,
.deliveryContract .unit-text2{
  color:var(--dc116-muted)!important;
  font-size:9.5px!important;
}

.deliveryContract .price-content{
  margin-top:3px!important;
}

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

.deliveryContract .price-item-text{
  color:var(--dc116-green)!important;
  font-size:11px!important;
  font-weight:650!important;
}
.deliveryContract .price-item-text-red{
  color:var(--dc116-red)!important;
}
.deliveryContract .price-item-text2{
  color:var(--dc116-small)!important;
  font-size:9.5px!important;
}

.deliveryContract .price-content-title{
  margin:7px 0!important;
  color:var(--dc116-green)!important;
  font-size:17px!important;
  line-height:22px!important;
  font-weight:850!important;
  text-align:left!important;
}

/* ---------- positions ---------- */
.deliveryContract .position{
  min-height:170px!important;
  margin-top:0!important;
  border-top:1px solid var(--dc116-border)!important;
  background:var(--dc116-bg)!important;
}

/* theme smooth */
.deliveryContract,
.cx116-chart,
.deliveryContract .Delivery-time-item,
.deliveryContract .Delivery-time-input .van-cell,
.deliveryContract .Delivery-time-open-more,
.cx116-buy-now{
  transition:
    background-color .14s ease,
    color .14s ease,
    border-color .14s ease!important;
}

@media(max-width:390px){
  .cx116-chart-canvas{height:198px}
  .deliveryContract .Full-warehouse-list{
    grid-template-columns:minmax(0,1.43fr) minmax(108px,.88fr)!important;
    gap:10px!important;
  }
  .deliveryContract .Delivery-time-list{gap:5px!important}
  .deliveryContract .Delivery-time-item-time{font-size:11px!important}
  .deliveryContract .Delivery-time-item-percentage{font-size:8.2px!important}
}