:root {
  --pc-global-rail-width: 46px;
  --pc-global-rail-bg: #253444;
  --pc-global-rail-color: #b6c0ca;
  --pc-global-rail-current: #0798f7;
}

.pc-global-rail {
  position: fixed;
  z-index: 30;
  inset: 0 auto 0 0;
  width: var(--pc-global-rail-width);
  display: flex;
  flex-direction: column;
  align-items: center;
  background: var(--pc-global-rail-bg);
  color: var(--pc-global-rail-color);
  box-shadow: 1px 0 0 rgba(255, 255, 255, .06);
}

.pc-global-rail .function-link {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: center;
  width: var(--pc-global-rail-width);
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--pc-global-rail-color);
  text-decoration: none;
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 11px;
  font-weight: 400;
  line-height: normal;
  cursor: pointer;
}

.pc-global-rail .function-link.home { height: 53px; padding-top: 18px; }
.pc-global-rail .function-link.market { height: 48px; padding-top: 8px; }
.pc-global-rail .function-link.stock { height: 48px; padding-top: 8px; }
.pc-global-rail .function-link.review { height: 48px; padding-top: 8px; }

.pc-global-rail .function-icon {
  display: block;
  width: 19px;
  height: 19px;
  margin: 0 0 1px;
  overflow: visible;
  fill: none;
  stroke: currentColor;
  stroke-linecap: square;
  stroke-linejoin: miter;
}

.pc-global-rail .function-icon.home-icon {
  width: 22px;
  height: 22px;
  margin-bottom: 0;
  stroke-width: 1.65;
}

.pc-global-rail .function-icon.market-icon {
  width: 19px;
  height: 19px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.45;
}

.pc-global-rail .function-icon.kline-icon,
.pc-global-rail .function-icon.review-icon { stroke-width: 1.45; }
.pc-global-rail .function-icon.kline-icon rect { fill: var(--pc-global-rail-bg); }
.pc-global-rail .function-link:hover { color: #fff; background: transparent; }
.pc-global-rail .function-link.active,
.pc-global-rail .function-link[aria-current="page"],
.pc-global-rail .function-link.active:hover,
.pc-global-rail .function-link[aria-current="page"]:hover {
  color: var(--pc-global-rail-current);
  background: transparent;
}
.pc-global-rail .function-link:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: -3px;
}

@media (max-width: 767px),
  (max-width: 932px) and (orientation: landscape) and (max-height: 500px) {
  .pc-global-rail { display: none !important; }
}