/* ============================================================
   OKX brand theme layer - typography, selection, market ticker
   ============================================================ */
body {
  font-family: "Inter", "HarmonyOS Sans SC", "PingFang SC", "Microsoft YaHei",
    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
}
#settings { display: none !important; }
::selection { background: #2563eb; color: #fff; }

/* market ticker */
.okx-ticker {
  background: #000;
  overflow: hidden;
  border-top: 1px solid rgba(255, 255, 255, .08);
  border-bottom: 1px solid rgba(255, 255, 255, .08);
}
.okx-ticker {
   
    display: none;
}
.okx-ticker-track {
  display: flex;
  gap: 56px;
  padding: 14px 0;
  width: max-content;
  white-space: nowrap;
  animation: okx-marquee 36s linear infinite;
}
.okx-ticker span { font-size: 14px; letter-spacing: .2px; display: inline-flex; align-items: center; }
.okx-ticker span b { color: #9aa0aa; font-weight: 600; margin-right: 8px; }
.okx-ticker span em { color: #fff; font-style: normal; font-weight: 600; }
.okx-ticker span i { font-style: normal; margin-left: 8px; }
.okx-ticker span i.up { color: #16c784; }
.okx-ticker span i.down { color: #ea3943; }
@keyframes okx-marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}