/* HC K线时间轴始终可见。 */
#hc-chart,
.hc-pro-chart{
  position:relative!important;
}

#hc-mobile-timebar{
  display:none!important;
}

#vx13-hc-time-axis{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  z-index:999!important;
  height:31px!important;
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  align-items:center!important;
  padding:0 54px 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(10,16,21,0) 0%,
      rgba(10,16,21,.90) 34%,
      rgba(10,16,21,.99) 100%
    )!important;
  border-top:1px solid rgba(139,158,173,.13)!important;
}

#vx13-hc-time-axis span{
  min-width:0!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  text-align:center!important;
}

#vx13-hc-time-axis span:first-child{text-align:left!important;}
#vx13-hc-time-axis span:last-child{text-align:right!important;}

#coin-detail.vx13-hc-mode #hc-chart,
#coin-detail.vx13-hc-mode .hc-pro-chart{
  padding-bottom:31px!important;
  box-sizing:border-box!important;
}

/* 首页 BTC / ETH / HC 行情卡围绕中央 V 缓慢运行。 */
#home .vx-v6-stage{
  position:relative!important;
  overflow:hidden!important;
  contain:layout paint!important;
  isolation:isolate!important;
}

#home .vx-v6-stage.vx13-orbit-ready .vx-v6-ticker{
  left:0!important;
  right:auto!important;
  top:0!important;
  bottom:auto!important;
  width:clamp(108px,8.5vw,128px)!important;
  min-height:70px!important;
  padding:12px 13px!important;
  opacity:var(--vx-orbit-opacity,.72)!important;
  transform:
    translate3d(
      calc(-50% + var(--vx-orbit-x,0px)),
      calc(-50% + var(--vx-orbit-y,0px)),
      0
    )
    scale(var(--vx-orbit-scale,1))!important;
  transform-origin:center!important;
  border:1px solid rgba(42,216,200,.27)!important;
  border-radius:11px!important;
  background:
    linear-gradient(
      145deg,
      rgba(19,28,34,.64),
      rgba(8,14,18,.46)
    )!important;
  box-shadow:
    0 14px 34px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.045),
    0 0 18px rgba(42,216,200,.055)!important;
  backdrop-filter:blur(14px) saturate(118%)!important;
  -webkit-backdrop-filter:blur(14px) saturate(118%)!important;
  will-change:transform,opacity!important;
  transition:none!important;
  pointer-events:none!important;
}

#home .vx-v6-stage.vx13-orbit-ready .vx-v6-ticker em{
  color:#18c992!important;
}

#home .vx-v6-stage.vx13-orbit-ready .vx-v6-ticker em.is-negative,
#home .vx-v6-stage.vx13-orbit-ready .vx-v6-ticker em.negative{
  color:#ef5b6a!important;
}

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

  #coin-detail.vx13-hc-mode #hc-chart,
  #coin-detail.vx13-hc-mode .hc-pro-chart{
    padding-bottom:29px!important;
  }

  #home .vx-v6-stage.vx13-orbit-ready .vx-v6-ticker{
    width:98px!important;
    min-height:61px!important;
    padding:9px 10px!important;
    border-radius:9px!important;
  }
}

/* HC K线全局统一：沿用远程币种同一套结构、尺寸与时间轴策略。 */
#coin-detail.vx13-hc-mode .hc-pro-chart-wrap.vx-remote-chart-wrap{
  display:flex!important;
  flex-direction:column!important;
  width:100%!important;
  overflow:hidden!important;
  background:#0b111b!important;
}

#coin-detail.vx13-hc-mode #hc-chart{
  position:relative!important;
  width:100%!important;
  overflow:hidden!important;
  background:#0b111b!important;
  padding-bottom:0!important;
  box-sizing:border-box!important;
}

#coin-detail.vx13-hc-mode #hc-chart .tv-lightweight-charts,
#coin-detail.vx13-hc-mode #hc-chart table{
  background:#0b111b!important;
}

#coin-detail.vx13-hc-mode #hc-chart canvas{
  display:block!important;
  max-width:none!important;
  background:transparent!important;
}

#coin-detail.vx13-hc-mode #vx13-hc-time-axis{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  z-index:1!important;
  width:100%!important;
  margin:0!important;
  pointer-events:none!important;
  overflow:hidden!important;
  color:#84939e!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-hc-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-hc-mode .hc-pro-chart-wrap.vx-remote-chart-wrap{
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
    padding-bottom:0!important;
  }

  #coin-detail.vx13-hc-mode #hc-chart{
    flex:1 1 auto!important;
    height:auto!important;
    min-height:420px!important;
    max-height:none!important;
  }

  #coin-detail.vx13-hc-mode #vx13-hc-time-axis{
    display:grid!important;
    flex:0 0 31px!important;
    flex-basis:31px!important;
    width:100%!important;
    height:31px!important;
    min-height:31px!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    align-items:center!important;
    padding:0 135px 0 14px!important;
    border-top:1px solid rgba(139,158,173,.14)!important;
  }
}

@media(max-width:900px){
  #coin-detail.vx13-hc-mode .vx10-chart-panel,
  #coin-detail.vx13-hc-mode .vx10-chart-panel .chart-box,
  #coin-detail.vx13-hc-mode .hc-pro-chart-wrap.vx-remote-chart-wrap{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding-bottom:0!important;
    overflow:hidden!important;
  }

  #coin-detail.vx13-hc-mode #hc-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-hc-mode #vx13-hc-time-axis{
    display:grid!important;
    flex:0 0 29px!important;
    height:29px!important;
    min-height:29px!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    align-items:center!important;
    padding:0 45px 0 10px!important;
    font-size:9px!important;
    line-height:1!important;
  }
}

/* 全局 K 线最终统一锁定：远程币种与 HC 使用相同的容器、图表高度与时间轴策略。 */
#coin-detail.vx13-remote-mode .vx-remote-chart-wrap,
#coin-detail.vx13-hc-mode .hc-pro-chart-wrap.vx-remote-chart-wrap{
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  background:#0b111b!important;
}

#coin-detail.vx13-remote-mode #remote-chart,
#coin-detail.vx13-hc-mode #hc-chart{
  position:relative!important;
  flex:1 1 auto!important;
  width:100%!important;
  min-height:420px!important;
  overflow:hidden!important;
  background:#0b111b!important;
  padding:0!important;
  box-sizing:border-box!important;
}

#coin-detail.vx13-remote-mode #remote-chart .tv-lightweight-charts,
#coin-detail.vx13-hc-mode #hc-chart .tv-lightweight-charts,
#coin-detail.vx13-remote-mode #remote-chart table,
#coin-detail.vx13-hc-mode #hc-chart table{
  background:#0b111b!important;
  border-collapse:collapse!important;
  border-spacing:0!important;
  max-width:none!important;
}

#coin-detail.vx13-remote-mode #remote-chart > div,
#coin-detail.vx13-hc-mode #hc-chart > div,
#coin-detail.vx13-remote-mode #remote-chart td,
#coin-detail.vx13-hc-mode #hc-chart td{
  background:#0b111b!important;
}

#coin-detail.vx13-remote-mode #remote-chart canvas,
#coin-detail.vx13-hc-mode #hc-chart canvas{
  display:block!important;
  max-width:none!important;
  background:transparent!important;
}

#coin-detail.vx13-hc-mode #hc-chart,
#coin-detail.vx13-hc-mode .hc-canvas-fallback-wrap{
  border-color:rgba(139,158,173,.12)!important;
  outline:none!important;
  box-shadow:none!important;
}

#coin-detail.vx13-hc-mode .hc-canvas-fallback-wrap canvas{
  border:0!important;
  outline:none!important;
}

#coin-detail.vx13-hc-mode .hc-fallback-note{
  color:#84939e!important;
  font-size:12px!important;
  padding:10px 14px!important;
  border-top:1px solid rgba(139,158,173,.14)!important;
  background:#0b111b!important;
}

#coin-detail.vx13-remote-mode #remote-chart table tr td:last-child,
#coin-detail.vx13-hc-mode #hc-chart table tr td:last-child{
  width:135px!important;
  min-width:135px!important;
  max-width:135px!important;
  overflow:visible!important;
}

#coin-detail.vx13-remote-mode #vx13-remote-time-axis,
#coin-detail.vx13-hc-mode #vx13-hc-time-axis{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  z-index:1!important;
  display:grid!important;
  flex:0 0 31px!important;
  width:100%!important;
  height:31px!important;
  min-height:31px!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  align-items:center!important;
  margin:0!important;
  padding:0 135px 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,
  #coin-detail.vx13-hc-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,
  #coin-detail.vx13-hc-mode .hc-pro-chart-wrap.vx-remote-chart-wrap{
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
  }
}

@media(max-width:900px){
  #coin-detail.vx13-remote-mode .vx10-chart-panel,
  #coin-detail.vx13-hc-mode .vx10-chart-panel,
  #coin-detail.vx13-remote-mode .vx10-chart-panel .chart-box,
  #coin-detail.vx13-hc-mode .vx10-chart-panel .chart-box,
  #coin-detail.vx13-remote-mode .vx-remote-chart-wrap,
  #coin-detail.vx13-hc-mode .hc-pro-chart-wrap.vx-remote-chart-wrap{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding-bottom:0!important;
    overflow:hidden!important;
  }

  #coin-detail.vx13-remote-mode #remote-chart,
  #coin-detail.vx13-hc-mode #hc-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 #remote-chart table tr td:last-child,
  #coin-detail.vx13-hc-mode #hc-chart table tr td:last-child{
    min-width:68px!important;
    width:68px!important;
    max-width:68px!important;
    overflow:visible!important;
  }

  #coin-detail.vx13-remote-mode #vx13-remote-time-axis,
  #coin-detail.vx13-hc-mode #vx13-hc-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;
  }
}