:root{
  --vx13-bg:#080c10;
  --vx13-bg-soft:#0b1116;
  --vx13-panel:rgba(17,24,30,.88);
  --vx13-panel-strong:#11181e;
  --vx13-panel-soft:rgba(255,255,255,.026);
  --vx13-line:rgba(139,158,173,.20);
  --vx13-line-soft:rgba(255,255,255,.065);
  --vx13-text:#eef3f5;
  --vx13-muted:#84929d;
  --vx13-primary:#2ad8c8;
  --vx13-primary-soft:rgba(42,216,200,.11);
  --vx13-green:#18c992;
  --vx13-red:#ef5b6a;
  --vx13-radius:14px;
  --vx13-shell:1540px;
}

html,
body{
  background:
    radial-gradient(circle at 74% 3%,rgba(42,216,200,.045),transparent 24%),
    linear-gradient(180deg,#080c10 0%,#090e12 52%,#080c10 100%)!important;
  color:var(--vx13-text)!important;
}

/* 全站主要内容采用同一视觉宽度，避免上下模块不齐。 */
#market,
#trade,
#assets,
#coin-detail,
#about,
#news{
  width:min(var(--vx13-shell),calc(100% - 48px))!important;
  max-width:none!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}

/* 首页行情与闪兑统一为低光、深色、专业玻璃面板。 */
#home .vx-v6-market-panel,
#home .vx-v6-swap-panel{
  background:
    linear-gradient(145deg,rgba(24,32,39,.88),rgba(10,15,19,.82))!important;
  border:1px solid var(--vx13-line)!important;
  border-radius:var(--vx13-radius)!important;
  box-shadow:
    0 20px 55px rgba(0,0,0,.26),
    inset 0 1px 0 rgba(255,255,255,.025)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}

/* =========================
   V13 专业现货交易工作区
   ========================= */
#coin-detail.vx13-spot-page{
  padding-top:28px!important;
  padding-bottom:84px!important;
}

#coin-detail .vx9-spot-header{
  margin:0 0 12px!important;
  padding:20px 22px!important;
  display:grid!important;
  grid-template-columns:minmax(260px,.65fr) minmax(600px,1.35fr)!important;
  gap:20px!important;
  align-items:center!important;
  background:linear-gradient(145deg,rgba(17,24,30,.92),rgba(10,15,19,.84))!important;
  border:1px solid var(--vx13-line)!important;
  border-radius:var(--vx13-radius)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}

#coin-detail .vx9-spot-title small{
  color:var(--vx13-primary)!important;
  letter-spacing:.16em!important;
}
#coin-detail .vx9-spot-title .page-title{
  margin:5px 0 7px!important;
  font-size:28px!important;
}
#coin-detail .vx9-spot-title .page-desc{
  margin:0!important;
  color:var(--vx13-muted)!important;
  font-size:11px!important;
  line-height:1.6!important;
}
#coin-detail .vx9-spot-stats{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
  margin:0!important;
}
#coin-detail .vx9-spot-stats .detail-card{
  min-height:76px!important;
  padding:13px 15px!important;
  border:1px solid var(--vx13-line-soft)!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.018)!important;
}
#coin-detail .vx9-spot-stats .detail-card span{
  margin-bottom:7px!important;
  color:#74818b!important;
  font-size:9px!important;
}
#coin-detail .vx9-spot-stats .detail-card strong{
  color:#edf2f4!important;
  font-size:15px!important;
}

/* 三栏两行结构：盘口/图表/市场，最新成交/委托中心/币种简介。 */
#coin-detail .vx10-workspace-grid{
  display:grid!important;
  grid-template-columns:minmax(270px,.74fr) minmax(590px,1.74fr) minmax(320px,.88fr)!important;
  grid-template-areas:
    "book chart markets"
    "recent order info"!important;
  grid-template-rows:minmax(610px,66vh) auto!important;
  gap:12px!important;
  align-items:stretch!important;
  width:100%!important;
  min-width:0!important;
}

#coin-detail .vx10-book-panel{grid-area:book!important;}
#coin-detail .vx10-chart-panel{grid-area:chart!important;}
#coin-detail .vx10-market-watch{grid-area:markets!important;}
#coin-detail .vx10-recent-panel{grid-area:recent!important;}
#coin-detail .vx9-order-panel.vx10-order-panel{grid-area:order!important;}
#coin-detail .coin-info-panel.vx10-coin-info{grid-area:info!important;}

#coin-detail .vx10-book-panel,
#coin-detail .vx10-chart-panel,
#coin-detail .vx10-market-watch,
#coin-detail .vx10-recent-panel,
#coin-detail .vx9-order-panel.vx10-order-panel,
#coin-detail .coin-info-panel.vx10-coin-info{
  position:relative!important;
  min-width:0!important;
  margin:0!important;
  overflow:hidden!important;
  border:1px solid var(--vx13-line)!important;
  border-radius:12px!important;
  background:
    linear-gradient(145deg,rgba(18,25,31,.96),rgba(11,16,20,.94))!important;
  box-shadow:
    0 14px 36px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.022)!important;
}

/* 第二行三个模块严格拉伸到同一底线。 */
#coin-detail .vx10-recent-panel,
#coin-detail .vx9-order-panel.vx10-order-panel,
#coin-detail .coin-info-panel.vx10-coin-info{
  height:100%!important;
  min-height:610px!important;
  align-self:stretch!important;
}

#coin-detail .vx10-chart-panel{
  height:100%!important;
  min-height:610px!important;
}
#coin-detail .vx10-chart-panel .vx9-chart-toolbar{
  height:48px!important;
  padding:0 16px!important;
  background:#0d1318!important;
  border-bottom:1px solid var(--vx13-line-soft)!important;
}
#coin-detail .vx10-chart-panel .chart-box{
  height:calc(100% - 48px)!important;
  min-height:0!important;
  border:0!important;
  border-radius:0!important;
  background:#0b1014!important;
}

/* 买卖盘口：卖10/买10清晰、紧凑，滚动区域不破坏模块高度。 */
#coin-detail .vx10-book-panel,
#coin-detail .vx10-recent-panel{
  display:flex!important;
  flex-direction:column!important;
}
#coin-detail .vx9-table-title{
  flex:0 0 50px!important;
  min-height:50px!important;
  padding:0 15px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  border-bottom:1px solid var(--vx13-line-soft)!important;
  background:#0e1419!important;
}
#coin-detail .vx9-table-title h3{
  margin:0!important;
  color:#eaf0f2!important;
  font-size:13px!important;
}
#coin-detail .vx9-table-title span{
  color:#687681!important;
  font-size:9px!important;
}
#coin-detail .vx10-book-panel table,
#coin-detail .vx10-recent-panel table{
  width:100%!important;
  height:calc(100% - 50px)!important;
  min-width:0!important;
  table-layout:fixed!important;
  border-collapse:collapse!important;
}
#coin-detail .vx10-book-panel thead,
#coin-detail .vx10-recent-panel thead{
  display:table!important;
  width:100%!important;
  table-layout:fixed!important;
}
#coin-detail .vx10-book-panel tbody,
#coin-detail .vx10-recent-panel tbody{
  display:block!important;
  width:100%!important;
  flex:1!important;
  max-height:none!important;
  overflow-y:auto!important;
  scrollbar-width:thin!important;
}
#coin-detail .vx10-book-panel tbody tr,
#coin-detail .vx10-recent-panel tbody tr{
  display:table!important;
  width:100%!important;
  table-layout:fixed!important;
}
#coin-detail .vx10-book-panel th,
#coin-detail .vx10-book-panel td,
#coin-detail .vx10-recent-panel th,
#coin-detail .vx10-recent-panel td{
  height:28px!important;
  padding:0 10px!important;
  border-bottom:1px solid rgba(255,255,255,.042)!important;
  font-size:9px!important;
}
#coin-detail .vx10-book-panel th,
#coin-detail .vx10-recent-panel th{
  color:#6e7b85!important;
  background:#0b1116!important;
}
#coin-detail .vx10-book-panel td,
#coin-detail .vx10-recent-panel td{
  color:#bfc9cf!important;
}
#coin-detail .vx10-book-panel td.up,
#coin-detail .vx10-recent-panel td.up{
  color:var(--vx13-green)!important;
}
#coin-detail .vx10-book-panel td.down,
#coin-detail .vx10-recent-panel td.down{
  color:var(--vx13-red)!important;
}

/* 右侧市场列表。 */
#coin-detail .vx10-market-watch{
  display:flex!important;
  flex-direction:column!important;
  height:100%!important;
}
#coin-detail .vx10-panel-head{
  flex:0 0 58px!important;
  padding:0 14px!important;
  border-bottom:1px solid var(--vx13-line-soft)!important;
  background:#0e1419!important;
}
#coin-detail .vx10-panel-head small{
  color:var(--vx13-primary)!important;
}
#coin-detail .vx10-market-search{
  width:118px!important;
  height:34px!important;
  border-radius:8px!important;
  background:#0b1116!important;
  border:1px solid var(--vx13-line)!important;
}
#coin-detail .vx10-market-watch-list{
  flex:1!important;
  overflow-y:auto!important;
  scrollbar-width:thin!important;
}
#coin-detail .vx10-watch-row{
  min-height:43px!important;
  padding:0 13px!important;
  display:grid!important;
  grid-template-columns:1fr .8fr .62fr!important;
  align-items:center!important;
  border-bottom:1px solid rgba(255,255,255,.042)!important;
}
#coin-detail .vx10-watch-row:hover{
  background:rgba(42,216,200,.045)!important;
}
#coin-detail .vx10-watch-row strong,
#coin-detail .vx10-watch-row span,
#coin-detail .vx10-watch-row em{
  font-size:9px!important;
}

/* 下单面板与委托中心。 */
#coin-detail .vx9-order-panel.vx10-order-panel{
  position:relative!important;
  top:auto!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-auto-rows:min-content!important;
  align-content:start!important;
  gap:0 12px!important;
  padding:18px!important;
}
#coin-detail .vx9-order-head{
  grid-column:1/-1!important;
  min-height:46px!important;
  margin:-18px -18px 14px!important;
  padding:0 18px!important;
  border-bottom:1px solid var(--vx13-line-soft)!important;
  background:#0e1419!important;
}
#coin-detail .vx9-side-tabs,
#coin-detail .vx9-position-info,
#coin-detail .vx9-percent-buttons,
#coin-detail #trade-submit-btn{
  grid-column:1/-1!important;
}
#coin-detail .vx9-side-tabs{
  margin:0 0 10px!important;
  padding:3px!important;
  border:1px solid var(--vx13-line)!important;
  border-radius:9px!important;
  background:#0b1116!important;
}
#coin-detail #buy-tab,
#coin-detail #sell-tab{
  height:38px!important;
  border:0!important;
  border-radius:6px!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#7d8993!important;
}
#coin-detail #buy-tab.is-active{
  color:var(--vx13-green)!important;
  background:rgba(24,201,146,.10)!important;
}
#coin-detail #sell-tab.is-active{
  color:var(--vx13-red)!important;
  background:rgba(239,91,106,.10)!important;
}
#coin-detail .vx10-order-field label,
#coin-detail .vx9-order-panel>label{
  color:#788590!important;
  font-size:9px!important;
}
#coin-detail .vx10-order-field input,
#coin-detail .vx9-order-panel>input{
  height:44px!important;
  border-radius:8px!important;
  background:#0b1116!important;
  border:1px solid var(--vx13-line)!important;
  color:#e5ebee!important;
}
#coin-detail .vx9-percent-buttons{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:8px!important;
  margin:10px 0 4px!important;
}
#coin-detail .vx9-percent-buttons button{
  height:38px!important;
  border:1px solid var(--vx13-line)!important;
  border-radius:7px!important;
  background:rgba(255,255,255,.026)!important;
  color:#9aa6af!important;
  box-shadow:none!important;
}
#coin-detail .vx9-percent-buttons button:hover{
  border-color:rgba(42,216,200,.38)!important;
  color:var(--vx13-primary)!important;
  background:rgba(42,216,200,.055)!important;
}
#coin-detail #trade-submit-btn{
  height:50px!important;
  margin-top:12px!important;
  border-radius:8px!important;
  border:1px solid rgba(24,201,146,.48)!important;
  background:rgba(24,201,146,.16)!important;
  color:#dffbf1!important;
  box-shadow:none!important;
}
#coin-detail #trade-submit-btn[data-side="SELL"]{
  border-color:rgba(239,91,106,.52)!important;
  background:rgba(239,91,106,.16)!important;
  color:#ffe6e9!important;
}

/* 委托中心占据下单面板剩余空间，数据由现有 orders.php 保持。 */
#coin-detail .vx11-order-center{
  grid-column:1/-1!important;
  display:flex!important;
  flex-direction:column!important;
  min-height:245px!important;
  margin-top:16px!important;
  border-top:1px solid var(--vx13-line-soft)!important;
}
#coin-detail .vx11-order-tabs{
  flex:0 0 47px!important;
  background:#0d1318!important;
}
#coin-detail .vx11-order-tabs button{
  min-width:102px!important;
  height:47px!important;
  color:#77848e!important;
}
#coin-detail .vx11-order-tabs button.is-active{
  color:#edf2f4!important;
}
#coin-detail .vx11-order-content{
  flex:1!important;
  min-height:190px!important;
  max-height:none!important;
  padding-top:10px!important;
  overflow:auto!important;
}
#coin-detail .vx11-order-table th,
#coin-detail .vx11-order-table td{
  height:38px!important;
  font-size:9px!important;
}

/* 币种简介面板填满第二行，底边与成交/委托一致。 */
#coin-detail .coin-info-panel.vx10-coin-info{
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:minmax(0,.9fr) minmax(0,1.1fr)!important;
  gap:0!important;
  padding:0!important;
  align-content:stretch!important;
}
#coin-detail .coin-info-panel.vx10-coin-info .coin-info-card{
  min-height:0!important;
  height:100%!important;
  padding:18px!important;
  overflow:auto!important;
  border:0!important;
  border-bottom:1px solid var(--vx13-line-soft)!important;
  border-radius:0!important;
  background:transparent!important;
}
#coin-detail .coin-info-panel.vx10-coin-info .coin-info-card:last-child{
  border-bottom:0!important;
}
#coin-detail .coin-info-card h3{
  color:#eaf0f2!important;
  font-size:14px!important;
}
#coin-detail .coin-info-card p,
#coin-detail .coin-risk-box{
  color:#8996a0!important;
  font-size:10px!important;
}
#coin-detail .coin-meta-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
}
#coin-detail .coin-meta-item{
  min-height:72px!important;
  padding:11px!important;
  border:1px solid var(--vx13-line-soft)!important;
  border-radius:8px!important;
  background:rgba(255,255,255,.018)!important;
}
#coin-detail .coin-meta-item span{font-size:8px!important;}
#coin-detail .coin-meta-item strong{font-size:11px!important;}
#coin-detail .coin-links a{
  border-radius:6px!important;
  background:var(--vx13-primary-soft)!important;
  border-color:rgba(42,216,200,.26)!important;
  color:var(--vx13-primary)!important;
  font-size:9px!important;
}

/* 返回按钮低调化。 */
#coin-detail .vx9-back-link{
  margin-top:16px!important;
  padding:11px 18px!important;
  border:1px solid var(--vx13-line)!important;
  border-radius:8px!important;
  background:rgba(255,255,255,.025)!important;
  color:#a8b2ba!important;
  box-shadow:none!important;
}

/* =========================
   V13 实时交易市场
   ========================= */
#market.vx13-market-page{
  padding-top:38px!important;
  padding-bottom:82px!important;
}
#market .page-title{
  font-size:34px!important;
}
#market .page-desc{
  max-width:900px!important;
  color:var(--vx13-muted)!important;
}
#market .table-card{
  padding:0!important;
  overflow:hidden!important;
  border:1px solid var(--vx13-line)!important;
  border-radius:13px!important;
  background:
    linear-gradient(145deg,rgba(18,25,31,.92),rgba(10,15,19,.88))!important;
  box-shadow:0 18px 46px rgba(0,0,0,.24)!important;
}
#market table{
  width:100%!important;
  min-width:0!important;
  table-layout:fixed!important;
  border-collapse:collapse!important;
  border-spacing:0!important;
}
#market th,
#market td{
  padding:0 18px!important;
  vertical-align:middle!important;
  border-bottom:1px solid rgba(255,255,255,.052)!important;
}
#market th{
  height:48px!important;
  color:#74818b!important;
  background:#0c1217!important;
  font-size:10px!important;
}
#market td{
  height:74px!important;
  color:#d5dde1!important;
  font-size:11px!important;
}
#market th:nth-child(1),#market td:nth-child(1){width:22%!important;}
#market th:nth-child(2),#market td:nth-child(2){width:14%!important;text-align:right!important;}
#market th:nth-child(3),#market td:nth-child(3){width:12%!important;text-align:right!important;}
#market th:nth-child(4),#market td:nth-child(4){width:18%!important;text-align:right!important;}
#market th:nth-child(5),#market td:nth-child(5){width:14%!important;text-align:right!important;}
#market th:nth-child(6),#market td:nth-child(6){width:12%!important;text-align:right!important;}
#market th:nth-child(7),#market td:nth-child(7){width:8%!important;text-align:right!important;}
#market tbody tr{
  transition:background .18s ease!important;
}
#market tbody tr:hover{
  background:rgba(42,216,200,.032)!important;
}
#market .market-detail-btn,
#market .market-trade-btn{
  min-width:62px!important;
  height:32px!important;
  margin:2px!important;
  padding:0 12px!important;
  border-radius:7px!important;
  box-shadow:none!important;
  font-size:10px!important;
  font-weight:800!important;
  transition:border-color .2s ease,background .2s ease,color .2s ease!important;
}
#market .market-detail-btn{
  color:#a7b1b9!important;
  border:1px solid rgba(139,158,173,.32)!important;
  background:rgba(255,255,255,.028)!important;
}
#market .market-detail-btn:hover{
  color:#e8edef!important;
  border-color:rgba(139,158,173,.58)!important;
  background:rgba(255,255,255,.055)!important;
}
#market .market-trade-btn{
  color:var(--vx13-primary)!important;
  border:1px solid rgba(42,216,200,.40)!important;
  background:rgba(42,216,200,.075)!important;
}
#market .market-trade-btn:hover{
  color:#d9fffb!important;
  border-color:rgba(42,216,200,.62)!important;
  background:rgba(42,216,200,.13)!important;
}

/* 资产中心统一低光玻璃层级。 */
#assets .asset-card,
#assets>.table-card,
#assets .trade-layout>.trade-box{
  background:linear-gradient(145deg,rgba(18,25,31,.90),rgba(10,15,19,.86))!important;
  border:1px solid var(--vx13-line)!important;
  border-radius:12px!important;
  box-shadow:0 16px 40px rgba(0,0,0,.20)!important;
}
#assets .asset-card{
  min-height:122px!important;
}
#assets .asset-card span{color:#7e8b96!important;}
#assets .asset-card strong{color:#eef3f5!important;}

/* =========================
   响应式
   ========================= */
@media(max-width:1260px){
  #coin-detail .vx10-workspace-grid{
    grid-template-columns:260px minmax(520px,1fr)!important;
    grid-template-areas:
      "book chart"
      "markets chart"
      "recent order"
      "info info"!important;
    grid-template-rows:390px 250px auto auto!important;
  }
  #coin-detail .coin-info-panel.vx10-coin-info{
    grid-template-columns:1fr 1fr!important;
    grid-template-rows:auto!important;
  }
  #coin-detail .vx10-recent-panel,
  #coin-detail .vx9-order-panel.vx10-order-panel{
    min-height:590px!important;
  }
  #coin-detail .coin-info-panel.vx10-coin-info{
    min-height:390px!important;
  }
}

@media(max-width:900px){
  #market,
  #trade,
  #assets,
  #coin-detail,
  #about,
  #news{
    width:calc(100% - 24px)!important;
  }

  #coin-detail.vx13-spot-page{
    padding-top:16px!important;
    padding-bottom:54px!important;
  }
  #coin-detail .vx9-spot-header{
    padding:16px!important;
    grid-template-columns:1fr!important;
  }
  #coin-detail .vx9-spot-stats{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  #coin-detail .vx10-workspace-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-areas:
      "chart"
      "order"
      "book"
      "recent"
      "markets"
      "info"!important;
    grid-template-rows:auto!important;
    gap:12px!important;
  }
  #coin-detail .vx10-chart-panel{
    min-height:390px!important;
    height:390px!important;
  }
  #coin-detail .vx10-book-panel{
    min-height:640px!important;
  }
  #coin-detail .vx10-recent-panel{
    min-height:380px!important;
    height:auto!important;
  }
  #coin-detail .vx9-order-panel.vx10-order-panel{
    min-height:0!important;
    height:auto!important;
    grid-template-columns:1fr!important;
    padding:15px!important;
  }
  #coin-detail .vx9-order-head{
    margin:-15px -15px 14px!important;
    padding:0 15px!important;
  }
  #coin-detail .coin-info-panel.vx10-coin-info{
    min-height:0!important;
    height:auto!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto!important;
  }
  #coin-detail .coin-info-panel.vx10-coin-info .coin-info-card{
    height:auto!important;
    overflow:visible!important;
  }
  #coin-detail .vx11-order-tabs button{
    min-width:94px!important;
  }
  #coin-detail .vx11-order-content{
    overflow-x:hidden!important;
    overflow-y:auto!important;
  }
  #coin-detail .vx11-order-table-wrap{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:thin!important;
  }
  #coin-detail .vx11-order-table{
    width:1180px!important;
    min-width:1180px!important;
    max-width:none!important;
    table-layout:fixed!important;
    border-collapse:collapse!important;
  }
  #coin-detail .vx11-order-table .vx11-col-id{width:70px!important;}
  #coin-detail .vx11-order-table .vx11-col-symbol{width:115px!important;}
  #coin-detail .vx11-order-table .vx11-col-side{width:72px!important;}
  #coin-detail .vx11-order-table .vx11-col-price{width:118px!important;}
  #coin-detail .vx11-order-table .vx11-col-market{width:118px!important;}
  #coin-detail .vx11-order-table .vx11-col-qty{width:190px!important;}
  #coin-detail .vx11-order-table .vx11-col-reserve{width:175px!important;}
  #coin-detail .vx11-order-table .vx11-col-status{width:88px!important;}
  #coin-detail .vx11-order-table .vx11-col-time{width:160px!important;}
  #coin-detail .vx11-order-table .vx11-col-action{width:74px!important;}
  #coin-detail .vx11-order-table th,
  #coin-detail .vx11-order-table td{
    display:table-cell!important;
    height:42px!important;
    padding:0 9px!important;
    white-space:nowrap!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    writing-mode:horizontal-tb!important;
    text-orientation:mixed!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    line-height:1.25!important;
    vertical-align:middle!important;
  }
  #coin-detail .vx11-order-table td:last-child{
    overflow:visible!important;
    text-overflow:clip!important;
  }
  #coin-detail .vx11-cancel-order{
    min-width:58px!important;
    height:30px!important;
    border-radius:8px!important;
    white-space:nowrap!important;
  }

  #coin-detail.vx13-remote-mode .vx10-chart-panel{
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
  }
  #coin-detail.vx13-remote-mode .vx10-chart-panel .chart-box{
    display:block!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
    padding:0!important;
  }
  #coin-detail.vx13-remote-mode .vx-remote-chart-wrap{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    overflow:hidden!important;
  }
  #coin-detail.vx13-remote-mode .vx-remote-chart-wrap .hc-pro-chart-head{
    display:block!important;
    padding:18px 16px 14px!important;
  }
  #coin-detail.vx13-remote-mode .vx-remote-chart-wrap .hc-pro-stats{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px 18px!important;
    min-width:0!important;
    margin-top:16px!important;
  }
  #coin-detail.vx13-remote-mode .vx-remote-chart-wrap .hc-pro-periods{
    flex:0 0 auto!important;
    padding:10px 14px!important;
  }
  #coin-detail.vx13-remote-mode #remote-chart,
  #coin-detail.vx13-remote-mode .vx-remote-chart-wrap .hc-pro-chart{
    flex:0 0 clamp(340px,92vw,430px)!important;
    width:100%!important;
    height:clamp(340px,92vw,430px)!important;
    min-height:clamp(340px,92vw,430px)!important;
    max-height:none!important;
    overflow:hidden!important;
  }
  #coin-detail.vx13-remote-mode #remote-chart{
    display:block!important;
    position:relative!important;
    background:#0b111b!important;
    border-radius:0!important;
    margin:0!important;
    padding:0!important;
  }
  #coin-detail.vx13-remote-mode #remote-chart > div,
  #coin-detail.vx13-remote-mode #remote-chart table,
  #coin-detail.vx13-remote-mode #remote-chart td,
  #coin-detail.vx13-remote-mode #remote-chart canvas{
    background:#0b111b!important;
  }
  #coin-detail.vx13-remote-mode #remote-chart .tv-lightweight-charts{
    max-width:none!important;
    max-height:none!important;
  }
  #coin-detail.vx13-remote-mode #remote-chart .tv-lightweight-charts table{
    border-spacing:0!important;
  }
  #coin-detail.vx13-remote-mode #remote-chart canvas{
    max-width:none!important;
  }
  #vx13-remote-time-axis{
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    z-index:30!important;
    height:31px!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    align-items:center!important;
    padding:0 56px 0 12px!important;
    pointer-events:none!important;
    overflow:hidden!important;
    color:#84939e!important;
    font-size:10px!important;
    line-height:1!important;
    font-variant-numeric:tabular-nums!important;
    background:
      linear-gradient(
        180deg,
        rgba(11,17,27,0) 0%,
        rgba(11,17,27,.88) 34%,
        rgba(11,17,27,.98) 100%
      )!important;
    border-top:1px solid rgba(139,158,173,.13)!important;
  }
  #vx13-remote-time-axis span{
    min-width:0!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
    text-align:center!important;
  }
  #vx13-remote-time-axis span:first-child{text-align:left!important;}
  #vx13-remote-time-axis span:last-child{text-align:right!important;}

  /* 手机行情列表：透明玻璃卡片，字段独立、按钮有质感。 */
  #market.vx13-market-page{
    padding-top:22px!important;
  }
  #market .table-card{
    overflow:visible!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  #market table,
  #market tbody{
    display:block!important;
    width:100%!important;
  }
  #market thead{
    display:none!important;
  }
  #market tbody{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  #market tr.market-table-row{
    position:relative!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-areas:
      "symbol symbol"
      "price change"
      "range range"
      "volume cap"
      "actions actions"!important;
    gap:0 14px!important;
    min-height:0!important;
    height:auto!important;
    padding:18px!important;
    overflow:hidden!important;
    border:1px solid rgba(139,158,173,.21)!important;
    border-radius:15px!important;
    background:
      linear-gradient(145deg,rgba(22,30,37,.82),rgba(10,15,19,.74))!important;
    box-shadow:
      0 16px 38px rgba(0,0,0,.22),
      inset 0 1px 0 rgba(255,255,255,.026)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
  }
  #market tr.market-table-row::before{
    content:"";
    position:absolute;
    left:18px;
    right:18px;
    top:0;
    height:1px;
    background:linear-gradient(90deg,transparent,rgba(42,216,200,.38),transparent);
    opacity:.7;
  }
  #market tr.market-table-row td{
    width:auto!important;
    height:auto!important;
    min-width:0!important;
    padding:10px 0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    border-bottom:1px solid rgba(255,255,255,.05)!important;
    text-align:right!important;
    font-size:13px!important;
  }
  #market tr.market-table-row td::before{
    content:attr(data-label);
    flex:0 0 auto;
    color:#75828d;
    font-size:10px;
    font-weight:700;
    text-align:left;
  }
  #market tr.market-table-row td:nth-child(1){
    grid-area:symbol!important;
    justify-content:flex-start!important;
    min-height:52px!important;
    padding-top:4px!important;
    color:#eef3f5!important;
    font-size:16px!important;
    text-align:left!important;
  }
  #market tr.market-table-row td:nth-child(1)::before{
    display:none!important;
  }
  #market tr.market-table-row td:nth-child(2){grid-area:price!important;}
  #market tr.market-table-row td:nth-child(3){grid-area:change!important;}
  #market tr.market-table-row td:nth-child(4){grid-area:range!important;}
  #market tr.market-table-row td:nth-child(5){grid-area:volume!important;}
  #market tr.market-table-row td:nth-child(6){grid-area:cap!important;}
  #market tr.market-table-row td:nth-child(7){
    grid-area:actions!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
    padding-top:14px!important;
    border-bottom:0!important;
  }
  #market tr.market-table-row td:nth-child(7)::before{
    display:none!important;
  }
  #market .market-detail-btn,
  #market .market-trade-btn{
    width:100%!important;
    min-width:0!important;
    height:42px!important;
    margin:0!important;
    border-radius:9px!important;
    font-size:12px!important;
    letter-spacing:.03em!important;
  }
  #market .market-detail-btn{
    color:#b8c2c9!important;
    background:rgba(255,255,255,.032)!important;
    border-color:rgba(139,158,173,.28)!important;
  }
  #market .market-trade-btn{
    color:#cffff9!important;
    background:linear-gradient(180deg,rgba(42,216,200,.12),rgba(42,216,200,.065))!important;
    border-color:rgba(42,216,200,.38)!important;
  }
  #market .back-home{
    width:100%!important;
    text-align:center!important;
  }
}

@media(max-width:430px){
  #market tr.market-table-row{
    padding:15px!important;
  }
  #market tr.market-table-row td{
    font-size:12px!important;
  }
  #coin-detail .vx9-spot-title .page-title{
    font-size:24px!important;
  }
}

/* 远程币种 K 线底部时间轴：PC 与移动端共用，避免图表库在部分浏览器中隐藏刻度。 */
#coin-detail.vx13-remote-mode #remote-chart{
  position:relative!important;
}
#vx13-remote-time-axis{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  z-index:30!important;
  height:31px!important;
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  align-items:center!important;
  padding:0 56px 0 12px!important;
  pointer-events:none!important;
  overflow:hidden!important;
  color:#84939e!important;
  font-size:10px!important;
  line-height:1!important;
  font-variant-numeric:tabular-nums!important;
  background:
    linear-gradient(
      180deg,
      rgba(11,17,27,0) 0%,
      rgba(11,17,27,.88) 34%,
      rgba(11,17,27,.98) 100%
    )!important;
  border-top:1px solid rgba(139,158,173,.13)!important;
}
#vx13-remote-time-axis span{
  min-width:0!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  text-align:center!important;
}
#vx13-remote-time-axis span:first-child{text-align:left!important;}
#vx13-remote-time-axis span:last-child{text-align:right!important;}

@media(max-width:900px){
  #vx13-remote-time-axis{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    height:29px!important;
    padding:0 45px 0 9px!important;
    font-size:9px!important;
  }
}

/* K 线终版修正：时间轴改为图表下方独立布局层，避免被交易面板覆盖。 */
#coin-detail.vx13-remote-mode .vx-remote-chart-wrap{
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
#coin-detail.vx13-remote-mode #remote-chart{
  position:relative!important;
  flex:1 1 auto!important;
  width:100%!important;
  min-height:420px!important;
  overflow:hidden!important;
  background:#0b111b!important;
}
#coin-detail.vx13-remote-mode #remote-chart .tv-lightweight-charts,
#coin-detail.vx13-remote-mode #remote-chart canvas{
  display:block!important;
}
#coin-detail.vx13-remote-mode #remote-chart .tv-lightweight-charts,
#coin-detail.vx13-remote-mode #remote-chart table{
  background:#0b111b!important;
}
#coin-detail.vx13-remote-mode #remote-chart canvas{
  background:transparent!important;
}
#coin-detail.vx13-remote-mode #vx13-remote-time-axis{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  z-index:1!important;
  flex:0 0 31px!important;
  width:100%!important;
  height:31px!important;
  min-height:31px!important;
  margin:0!important;
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  align-items:center!important;
  padding:0 58px 0 14px!important;
  pointer-events:none!important;
  overflow:hidden!important;
  color:#84939e!important;
  font-size:10px!important;
  line-height:1!important;
  font-variant-numeric:tabular-nums!important;
  background:linear-gradient(180deg,rgba(11,17,27,.98),rgba(11,17,27,1))!important;
  border-top:1px solid rgba(139,158,173,.14)!important;
}

@media(min-width:901px){
  #coin-detail.vx13-remote-mode .vx10-chart-panel .chart-box{
    height:calc(100% - 48px)!important;
    min-height:0!important;
    max-height:none!important;
    padding-bottom:0!important;
    overflow:hidden!important;
  }
  #coin-detail.vx13-remote-mode .vx-remote-chart-wrap{
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
    padding-bottom:0!important;
    overflow:hidden!important;
  }
  #coin-detail.vx13-remote-mode #remote-chart{
    height:auto!important;
    min-height:420px!important;
    max-height:none!important;
  }
  #coin-detail.vx13-remote-mode #vx13-remote-time-axis{
    display:grid!important;
    flex:0 0 31px!important;
    flex-basis:31px!important;
    width:100%!important;
    height:31px!important;
    min-height:31px!important;
    padding:0 58px 0 14px!important;
    border-top:1px solid rgba(139,158,173,.14)!important;
  }
}

@media(max-width:900px){
  #coin-detail.vx13-remote-mode #remote-chart{
    flex:0 0 clamp(340px,92vw,430px)!important;
    height:clamp(340px,92vw,430px)!important;
    min-height:clamp(340px,92vw,430px)!important;
    max-height:430px!important;
  }
  #coin-detail.vx13-remote-mode #vx13-remote-time-axis{
    flex-basis:29px!important;
    height:29px!important;
    min-height:29px!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    padding:0 45px 0 10px!important;
    font-size:9px!important;
  }
}