/* ===== WXSSC V86 底部行情条融入优化 ===== */

.wx-bottom-ticker{
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  z-index:9999;
  height:38px;
  background:rgba(17,24,39,.96);
  border-top:1px solid rgba(255,255,255,.08);
  color:#E5E7EB;
  font-family:
    "Source Han Sans SC",
    "Noto Sans CJK SC",
    "Noto Sans SC",
    "PingFang SC",
    "Microsoft YaHei UI",
    system-ui,
    sans-serif;
  display:flex;
  align-items:center;
  box-shadow:0 -8px 22px rgba(2,6,23,.16);
  backdrop-filter:blur(10px);
}

.wx-bottom-ticker-inner{
  width:100%;
  height:100%;
  display:grid;
  grid-template-columns:1fr 118px;
  align-items:center;
}

.wx-bottom-track{
  min-width:0;
  height:100%;
  overflow:hidden;
  display:flex;
  align-items:center;
}

.wx-bottom-track-run{
  display:flex;
  align-items:center;
  height:100%;
  white-space:nowrap;
  animation:wxTickerRun 46s linear infinite;
}

.wx-bottom-track:hover .wx-bottom-track-run{
  animation-play-state:paused;
}

.wx-bottom-item{
  height:100%;
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:0 20px;
  border-right:1px solid rgba(255,255,255,.08);
  font-size:12.5px;
  font-weight:650;
  letter-spacing:-.01em;
}

.wx-bottom-dot{
  width:14px;
  height:14px;
  border-radius:999px;
  background:linear-gradient(135deg,#F97316,#EF4444);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-size:9px;
  font-weight:1000;
  box-shadow:0 0 0 3px rgba(239,68,68,.10);
}

.wx-bottom-name{
  color:#F8FAFC;
  min-width:50px;
}

.wx-bottom-price{
  color:#E5E7EB;
  min-width:58px;
  text-align:right;
  font-variant-numeric:tabular-nums;
  font-feature-settings:"tnum" 1;
}

.wx-bottom-change{
  min-width:56px;
  font-size:12px;
  font-weight:850;
  font-variant-numeric:tabular-nums;
  font-feature-settings:"tnum" 1;
}

.wx-bottom-change.up{
  color:#F43F5E;
}

.wx-bottom-change.down{
  color:#10B981;
}

.wx-bottom-change.flat{
  color:#94A3B8;
}

.wx-bottom-tools{
  height:100%;
  display:grid;
  grid-template-columns:39px 39px 40px;
  border-left:1px solid rgba(255,255,255,.10);
  background:rgba(32,36,50,.82);
}

.wx-bottom-tool{
  height:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  color:#94A3B8;
  font-size:10px;
  line-height:1.05;
  border-right:1px solid rgba(255,255,255,.07);
  text-decoration:none;
  cursor:pointer;
}

.wx-bottom-tool b{
  color:#CBD5E1;
  font-size:11px;
  line-height:1;
  margin-bottom:2px;
}

.wx-bottom-hide{
  position:absolute;
  right:118px;
  top:0;
  width:16px;
  height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#CBD5E1;
  background:rgba(37,42,57,.9);
  border-left:1px solid rgba(255,255,255,.08);
  border-right:1px solid rgba(255,255,255,.08);
  cursor:pointer;
  font-size:13px;
}

body.wx-bottom-ticker-on{
  padding-bottom:38px!important;
}

body.wx-bottom-ticker-hidden{
  padding-bottom:0!important;
}

body.wx-bottom-ticker-hidden .wx-bottom-ticker{
  transform:translateY(38px);
}

body.wx-bottom-ticker-hidden .wx-bottom-reopen{
  display:flex;
}

.wx-bottom-reopen{
  position:fixed;
  right:18px;
  bottom:12px;
  z-index:10000;
  height:32px;
  padding:0 13px;
  display:none;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:#181B25;
  color:#fff;
  font-size:12.5px;
  font-weight:850;
  cursor:pointer;
  box-shadow:0 8px 22px rgba(2,6,23,.20);
}

@keyframes wxTickerRun{
  0%{transform:translateX(0);}
  100%{transform:translateX(-50%);}
}

@media(max-width:760px){
  .wx-bottom-ticker{
    height:36px;
  }

  .wx-bottom-ticker-inner{
    grid-template-columns:1fr 78px;
  }

  .wx-bottom-item{
    padding:0 15px;
    font-size:12px;
  }

  .wx-bottom-tools{
    grid-template-columns:39px 39px;
  }

  .wx-bottom-tool:nth-child(3){
    display:none;
  }

  .wx-bottom-hide{
    right:78px;
    height:36px;
  }

  body.wx-bottom-ticker-on{
    padding-bottom:36px!important;
  }
}