:root {
  --navy: #06122b;
  --navy2: #0a1f4a;
  --ink: #0b1426;
  --ink2: #41506a;
  --mute: #7b889d;
  --blue: #2a62f5;
  --blue2: #4d80ff;
  --blue-soft: #ebf2ff;
  --line: #e7ecf4;
  --hbg: #f4f7fc;
  --card: #fff;
  --up: #e5383b;
  --down: #1aa46b;
  --up-soft: #fdecea;
  --down-soft: #e5f6ee;
  --surface: #fff;
  --r: 12px;
  --shadow: 0 1px 2px rgba(11, 20, 38, 0.04), 0 8px 28px rgba(11, 20, 38, 0.06);
  --font: "Plus Jakarta Sans", "PingFang SC", "HarmonyOS Sans SC",
    "Microsoft YaHei", "Noto Sans SC", system-ui, -apple-system, sans-serif;
}
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
html {
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
}
body {
  font-family: var(--font);
  background: var(--hbg);
  color: var(--ink);
  font-size: 15px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
a {
  color: inherit;
  text-decoration: none;
}
button {
  font: inherit;
  cursor: pointer;
  border: 0;
  background: 0 0;
  color: inherit;
}
.num {
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.01em;
}
.up {
  color: var(--up);
}
.dn {
  color: var(--down);
}
.wrap {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 24px;
}
.m-only {
  display: none;
}
.tick {
  background: #f4f7fc;
  color: #7b889d;
  font-size: 12px;
  border-bottom: 1px solid var(--line);
}
.tick .wrap {
  display: flex;
  gap: 28px;
  height: 34px;
  align-items: center;
  overflow: hidden;
  white-space: nowrap;
}
.tick b {
  color: var(--ink);
  font-weight: 600;
  margin-left: 6px;
}
.tick .sp {
  flex: 1;
}
.dot {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #2bd38a;
  margin-right: 6px;
  box-shadow: 0 0 0 3px rgba(43, 211, 138, 0.18);
}
.hdw {
  background: #fff;
  border-bottom: 1px solid var(--line);
  position: relative;
}
.hd .wrap {
  display: flex;
  align-items: center;
  gap: 28px;
  height: 56px;
}
.logo {
  display: flex;
  align-items: center;
  gap: 7px;
  font-weight: 700;
  font-size: 22px;
  color: var(--ink);
  letter-spacing: 0.5px;
  flex: none;
  margin-right: 12px;
}
.logo svg {
  width: 30px;
  height: 30px;
  flex: none;
  display: block;
}
.nav {
  display: flex;
  flex: 1;
  min-width: 0;
  overflow-x: auto;
  scrollbar-width: none;
}
.nav::-webkit-scrollbar {
  display: none;
}
.nav .nv {
  display: flex;
  align-items: center;
  color: var(--ink2);
  transition: color 0.15s;
}
.nav .nv:hover {
  color: var(--blue);
}
.nav .nv.on {
  color: var(--blue);
}
.nav .nv sup {
  color: #ff5a4d;
  font-size: 10px;
  margin-left: 2px;
  font-weight: 700;
}
.hd-r {
  display: flex;
  gap: 10px;
  align-items: center;
  flex: none;
}
.btn {
  height: 38px;
  padding: 0 18px;
  border-radius: 10px;
  font-weight: 600;
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: 0.15s;
}
.btn.ghost {
  color: var(--ink2);
  border: 1px solid #d5ddeb;
}
.btn.ghost:hover {
  background: var(--blue-soft);
  border-color: #bfd3fa;
}
.btn.pri {
  background: var(--blue);
  color: #fff;
  box-shadow: 0 6px 18px rgba(42, 98, 245, 0.4);
}
.btn.pri:hover {
  background: #3a7dff;
}
.btn.lg {
  height: 50px;
  padding: 0 26px;
  font-size: 16px;
  border-radius: 12px;
}
.hero {
  background: linear-gradient(180deg, #e6efff 0, #f1f6ff 55%, #f4f7fc 100%);
  color: var(--ink);
}
.hero:before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(
      700px 420px at 82% 12%,
      rgba(42, 98, 245, 0.16),
      transparent 70%
    ),
    radial-gradient(
      520px 360px at 8% 100%,
      rgba(76, 141, 255, 0.1),
      transparent 70%
    );
}
.hero:after {
  display: none;
}
.hero .wrap {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 56px;
  align-items: center;
}
.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 5px 14px 5px 6px;
  border-radius: 99px;
  background: #fff;
  border: 1px solid #d9e5fb;
  font-size: 12.5px;
  color: var(--ink2);
}
.eyebrow em {
  font-style: normal;
  background: var(--blue);
  color: #fff;
  border-radius: 99px;
  padding: 1px 9px;
  font-weight: 700;
  font-size: 12px;
}
.hero h1 {
  font-size: clamp(30px, 2.8vw, 40px);
  line-height: 1.2;
  letter-spacing: -0.03em;
  font-weight: 800;
  white-space: nowrap;
}
.hero h1 span {
  background: linear-gradient(90deg, #2a62f5, #4d80ff);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.hero .lead {
  color: var(--ink2);
}
.hero .lead b {
  color: var(--ink);
}
.search {
  margin-top: 16px;
  display: flex;
  align-items: center;
  gap: 10px;
  height: 48px;
  border-radius: 12px;
  background: #fff;
  padding: 0 6px 0 16px;
  max-width: 480px;
  border: 1px solid #dce6f8;
  box-shadow: 0 10px 30px rgba(42, 98, 245, 0.14);
}
.search svg {
  flex: none;
  color: #7b889d;
}
.search input {
  flex: 1;
  border: 0;
  outline: 0;
  font: inherit;
  font-size: 15px;
  color: var(--ink);
  min-width: 0;
  background: 0 0;
}
.search input::placeholder {
  color: #9aa6ba;
}
.search .btn {
  height: 38px;
  border-radius: 9px;
}
.chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
  align-items: center;
  color: var(--mute);
  font-size: 12.5px;
  max-width: 560px;
}
.chips a {
  padding: 4px 11px;
  border-radius: 99px;
  background: #fff;
  color: var(--ink2);
  font-weight: 500;
  border: 1px solid #dce6f8;
}
.chips a:hover {
  background: var(--blue-soft);
  color: var(--blue);
}
.cta {
  display: flex;
  gap: 12px;
  margin-top: 20px;
}
.cta .btn.lg {
  height: 44px;
  padding: 0 22px;
  font-size: 15px;
  border-radius: 11px;
}
.viz {
  width: 100%;
  max-width: 560px;
  justify-self: end;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 14px;
  box-shadow: var(--shadow);
  overflow: hidden;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "h h" "btc btc" "eth fg";
}
.hp-h {
  grid-area: h;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 9px 18px;
  border-bottom: 1px solid var(--line);
  font-size: 13px;
  font-weight: 700;
}
.hp-h .dot {
  margin: 0 2px 0 0;
}
.hp-h span {
  margin-left: auto;
  color: var(--mute);
  font-weight: 500;
  font-size: 12px;
}
.hpt {
  padding: 12px 18px 10px;
}
.v-btc {
  grid-area: btc;
  border-bottom: 1px solid var(--line);
}
.v-eth {
  grid-area: eth;
  border-right: 1px solid var(--line);
}
.v-fg {
  grid-area: fg;
}
.v-top {
  display: flex;
  align-items: center;
  gap: 12px;
}
.v-top .t {
  font-weight: 700;
  font-size: 15px;
}
.v-top .s {
  font-size: 12px;
  color: var(--mute);
}
.v-price {
  font-size: 26px;
  font-weight: 800;
  letter-spacing: -0.03em;
  margin-top: 8px;
  line-height: 1.1;
}
.pill {
  display: inline-flex;
  align-items: center;
  font-size: 12.5px;
  font-weight: 700;
  padding: 3px 9px;
  border-radius: 99px;
}
.pill.up {
  background: var(--up-soft);
  color: var(--up);
}
.pill.dn {
  background: var(--down-soft);
  color: var(--down);
}
.v-btc svg.ch {
  display: block;
  width: 100%;
  height: 60px;
  margin-top: 2px;
}
.v-eth .p {
  font-size: 20px;
  font-weight: 800;
  margin-top: 8px;
  letter-spacing: -0.02em;
}
.v-fg > svg {
  display: block;
  max-width: 150px;
  margin: 0 auto;
}
.v-fg .lbl {
  font-size: 12px;
  color: var(--mute);
}
.v-fg .val {
  font-size: 24px;
  font-weight: 800;
  text-align: center;
  margin-top: -26px;
  letter-spacing: -0.02em;
}
.v-fg .st {
  text-align: center;
  font-size: 12.5px;
  color: var(--ink2);
}
.coin-i {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  flex: none;
  object-fit: cover;
  background: #eef2f9;
}
.av {
  display: inline-grid;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  font-weight: 700;
  flex: none;
  overflow: hidden;
}
.av.sq {
  border-radius: 9px;
}
.strip-w {
  margin-top: 16px;
  position: relative;
  z-index: 3;
}
.strip {
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 14px;
  box-shadow: var(--shadow);
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  padding: 2px;
}
.strip > a {
  display: block;
  padding: 16px 20px;
  position: relative;
  border-radius: 12px;
  transition: background 0.15s;
  min-width: 0;
}
.strip > a + a:before {
  content: "";
  position: absolute;
  left: 0;
  top: 18px;
  bottom: 18px;
  width: 1px;
  background: var(--line);
}
.strip > a:hover {
  background: rgba(42, 98, 245, 0.05);
}
.sc-h {
  display: flex;
  align-items: center;
  gap: 9px;
  font-weight: 700;
  font-size: 14.5px;
}
.sc-h .ci {
  width: 26px;
  height: 26px;
  border-radius: 8px;
  display: grid;
  place-items: center;
  color: #fff;
  flex: none;
}
.sc-h .ci svg {
  width: 16px;
  height: 16px;
}
.sc-h .go {
  margin-left: auto;
  color: var(--mute);
  font-size: 16px;
  font-weight: 400;
}
.strip .v {
  font-size: 24px;
  font-weight: 800;
  letter-spacing: -0.03em;
  margin-top: 10px;
  line-height: 1.15;
  white-space: nowrap;
}
.strip .v small {
  font-size: 13px;
  color: var(--mute);
  font-weight: 600;
  margin-left: 5px;
  letter-spacing: 0;
}
.strip .d {
  font-size: 13px;
  margin-top: 3px;
  color: var(--ink2);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.strip .s {
  font-size: 12.5px;
  margin-top: 2px;
  color: var(--mute);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bar {
  height: 6px;
  border-radius: 9px;
  background: #e9eef7;
  margin-top: 12px;
  overflow: hidden;
  display: flex;
}
.bar i {
  display: block;
  height: 100%;
}
section.blk {
  margin-top: 40px;
}
.sh {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
}
.sh h2 {
  font-size: 22px;
  letter-spacing: -0.025em;
  font-weight: 800;
}
.sh p {
  color: var(--mute);
  margin-top: 4px;
  font-size: 14.5px;
}
.more {
  color: var(--blue);
  font-weight: 600;
  font-size: 14px;
  white-space: nowrap;
}
.more:hover {
  text-decoration: underline;
}
.mv {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
.mc {
  background: var(--surface);
  border-radius: var(--r);
  padding: 16px 18px 6px;
  box-shadow: var(--shadow);
  border: 1px solid rgba(231, 236, 244, 0.7);
}
.mc-h {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 6px;
}
.mc-h h3 {
  font-size: 16px;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 8px;
}
.mc-h h3 i {
  width: 22px;
  height: 22px;
  border-radius: 7px;
  display: grid;
  place-items: center;
  font-style: normal;
  font-size: 12px;
  color: #fff;
}
.mc-h a {
  color: var(--mute);
  font-size: 13px;
}
.mr {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 0;
  border-top: 1px solid #f0f3f9;
}
.mr:first-of-type {
  border-top: 0;
}
.mr .rk {
  width: 14px;
  color: var(--mute);
  font-size: 12px;
  font-weight: 700;
  text-align: center;
}
.mr .nm {
  flex: 1;
  min-width: 0;
  font-weight: 700;
  font-size: 14.5px;
  line-height: 1.25;
}
.mr .nm small {
  display: block;
  color: var(--mute);
  font-weight: 500;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mr .pr {
  text-align: right;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.25;
}
.mr .pr small {
  display: block;
  font-size: 12.5px;
  font-weight: 700;
}
.mr .av,
.mr .coin-i {
  width: 30px;
  height: 30px;
  font-size: 11px;
}
.mr .coin-i {
  width: 30px;
  height: 30px;
}
.link {
  background: linear-gradient(135deg, #e8f0ff, #f3f8ff 60%, #e3edff);
  border: 1px solid #d9e5fb;
  border-radius: 16px;
  padding: 28px;
  color: var(--ink);
  position: relative;
  overflow: hidden;
}
.link:before {
  content: "";
  position: absolute;
  right: -120px;
  top: -160px;
  width: 520px;
  height: 520px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(76, 141, 255, 0.16),
    transparent 70%
  );
}
.link .sh {
  position: relative;
}
.link .sh h2 {
  color: var(--ink);
}
.link .sh p {
  color: var(--mute);
}
.lk {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
.lp {
  background: var(--surface);
  border: 1px solid #e1eaf8;
  border-radius: 12px;
  padding: 18px 20px 10px;
  display: block;
  transition: 0.2s;
}
.lp:hover {
  box-shadow: 0 12px 30px rgba(42, 98, 245, 0.14);
  transform: translateY(-2px);
}
.lp .t {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 700;
  font-size: 16px;
}
.lp .t span {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: var(--blue-soft);
  color: var(--blue);
  display: grid;
  place-items: center;
  font-size: 14px;
}
.lp .n {
  font-size: 38px;
  font-weight: 800;
  letter-spacing: -0.04em;
  margin-top: 14px;
  line-height: 1.05;
}
.lp .n small {
  font-size: 14px;
  font-weight: 600;
  color: var(--mute);
  margin-left: 6px;
  letter-spacing: 0;
}
.lp .d {
  color: var(--mute);
  font-size: 13.5px;
  margin: 4px 0 14px;
}
.lr {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
  border-top: 1px solid #eef2f9;
  font-size: 14px;
  gap: 8px;
}
.lr b {
  font-weight: 700;
}
.lr small {
  color: var(--mute);
  display: block;
  font-size: 12px;
  font-weight: 500;
}
.lr .r {
  text-align: right;
  font-weight: 600;
}
.lr .r small {
  font-weight: 700;
}
.lr small.up {
  color: var(--up);
}
.lr small.dn {
  color: var(--down);
}
.ai {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 0;
  background: var(--surface);
  border-radius: 16px;
  box-shadow: var(--shadow);
  overflow: hidden;
  border: 1px solid rgba(231, 236, 244, 0.7);
}
.ai .l {
  padding: 30px 36px;
}
.ai .tag {
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  color: var(--blue);
  background: var(--blue-soft);
  border-radius: 99px;
  padding: 4px 12px;
}
.ai h2 {
  font-size: 26px;
  letter-spacing: -0.03em;
  margin: 14px 0 10px;
  font-weight: 800;
}
.ai p {
  color: var(--ink2);
  max-width: 460px;
}
.ai .qs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 22px 0 26px;
}
.ai .qs a {
  border: 1px solid var(--line);
  border-radius: 99px;
  padding: 8px 15px;
  font-size: 14px;
  color: var(--ink2);
  background: #fff;
  font-weight: 500;
}
.ai .qs a:hover {
  border-color: var(--blue);
  color: var(--blue);
}
.ai .r {
  background: linear-gradient(160deg, #eaf2ff, #f6f9ff);
  padding: 26px 30px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  justify-content: center;
}
.bub {
  max-width: 88%;
  padding: 12px 16px;
  border-radius: 16px;
  font-size: 14px;
  line-height: 1.55;
}
.bub.u {
  align-self: flex-end;
  background: var(--blue);
  color: #fff;
  border-bottom-right-radius: 4px;
}
.bub.a {
  background: #fff;
  border-bottom-left-radius: 4px;
  box-shadow: 0 6px 20px rgba(42, 98, 245, 0.1);
  color: var(--ink2);
}
.bub.a b {
  color: var(--ink);
}
.tb-card {
  background: var(--surface);
  border-radius: 14px;
  box-shadow: var(--shadow);
  border: 1px solid rgba(231, 236, 244, 0.7);
  overflow: hidden;
}
.tb-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  gap: 12px;
  border-bottom: 1px solid var(--line);
}
.seg {
  display: inline-flex;
  background: #f0f4fa;
  border-radius: 11px;
  padding: 3px;
}
.seg button {
  padding: 7px 16px;
  border-radius: 9px;
  font-weight: 600;
  font-size: 14px;
  color: var(--ink2);
}
.seg button.on {
  background: #fff;
  color: var(--blue);
  box-shadow: 0 1px 4px rgba(11, 20, 38, 0.1);
}
.tb-top .meta {
  color: var(--mute);
  font-size: 13px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.tb-top .meta .dist {
  width: 120px;
  height: 6px;
  border-radius: 9px;
  overflow: hidden;
  display: flex;
  background: var(--line);
}
.tb-top .meta .dist i {
  display: block;
  height: 100%;
}
table {
  width: 100%;
  border-collapse: collapse;
}
th {
  font-size: 12.5px;
  color: var(--mute);
  font-weight: 600;
  text-align: right;
  padding: 10px 16px;
  background: #fafbfe;
  white-space: nowrap;
}
td {
  padding: 11px 16px;
  text-align: right;
  border-top: 1px solid #f0f3f9;
  font-size: 14.5px;
  font-weight: 600;
  white-space: nowrap;
}
td:nth-child(2),
th:nth-child(2) {
  text-align: left;
}
td:first-child,
th:first-child {
  text-align: left;
  width: 56px;
  color: var(--mute);
  padding-left: 22px;
}
tbody tr {
  transition: background 0.12s;
}
tbody tr:hover {
  background: #f8fafe;
}
.cn {
  display: flex;
  align-items: center;
  gap: 12px;
}
.cn .av,
.cn .coin-i {
  width: 30px;
  height: 30px;
  font-size: 12px;
}
.cn b {
  font-size: 15px;
  font-weight: 700;
  display: block;
  line-height: 1.25;
}
.cn small {
  color: var(--mute);
  font-weight: 500;
  font-size: 12.5px;
  display: block;
}
td.chg span {
  display: inline-block;
  min-width: 68px;
  padding: 4px 0;
  border-radius: 8px;
  text-align: center;
  font-size: 13.5px;
  transition: background 0.2s;
}
td.chg .up {
  background: var(--up-soft);
}
td.chg .dn {
  background: var(--down-soft);
}
.tb-ft {
  text-align: center;
  padding: 18px;
  border-top: 1px solid #f0f3f9;
}
.ex {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 14px;
}
.ec {
  background: var(--surface);
  border-radius: var(--r);
  padding: 20px;
  box-shadow: var(--shadow);
  border: 1px solid rgba(231, 236, 244, 0.7);
  transition: 0.2s;
  display: block;
}
.ec:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 34px rgba(11, 20, 38, 0.1);
}
.ec .av,
.ec .coin-i {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  font-size: 16px;
}
.ec h4 {
  font-size: 16px;
  margin-top: 14px;
  font-weight: 700;
}
.ec .v {
  font-size: 12.5px;
  color: var(--mute);
  margin-top: 12px;
}
.ec .vv {
  font-weight: 800;
  font-size: 17px;
  letter-spacing: -0.02em;
}
.ec .s {
  font-size: 12.5px;
  color: var(--mute);
  margin-top: 2px;
}
footer {
  margin-top: 48px;
  background: #fff;
  border-top: 1px solid var(--line);
  color: var(--mute);
  padding: 52px 0 30px;
}
.ft {
  display: grid;
  grid-template-columns: 1.5fr repeat(4, 1fr);
  gap: 32px;
}
.ft h5 {
  color: var(--ink);
  font-size: 14px;
  margin-bottom: 14px;
  font-weight: 700;
}
.ft a {
  display: block;
  font-size: 14px;
  padding: 4px 0;
  color: var(--mute);
}
.ft a:hover {
  color: var(--blue);
}
.ft .about {
  font-size: 13.5px;
  max-width: 300px;
  margin-top: 14px;
  line-height: 1.7;
}
.disc {
  border-top: 1px solid var(--line);
  margin-top: 36px;
  padding-top: 22px;
  font-size: 12.5px;
  line-height: 1.8;
  color: #9aa6ba;
}
@media (max-width: 1100px) {
  .hero .wrap {
    gap: 32px;
  }
  .mv {
    grid-template-columns: repeat(2, 1fr);
  }
  .ex {
    grid-template-columns: repeat(3, 1fr);
  }
  .nav .nv {
    padding: 0 10px;
  }
}
@media (max-width: 860px) {
  .hero .wrap {
    grid-template-columns: 1fr;
  }
  .viz {
    display: none;
  }
  .ai,
  .lk {
    grid-template-columns: 1fr;
  }
  .ft {
    grid-template-columns: repeat(2, 1fr);
  }
  .strip {
    grid-template-columns: 1fr 1fr;
  }
  .strip > a:before,
  .strip > a:nth-child(2) {
    display: none;
  }
  .strip > a:nth-child(3),
  .strip > a:nth-child(5) {
    border-left: 1px solid var(--line);
  }
  .strip > a:nth-child(n + 4) {
    border-top: 1px solid var(--line);
  }
}
@media (max-width: 720px) {
  body {
    font-size: 14px;
    padding-bottom: calc(64px + env(safe-area-inset-bottom));
  }
  .wrap {
    padding: 0 16px;
  }
  .d-only {
    display: none !important;
  }
  .m-only {
    display: block;
  }
  .tick {
    display: none;
  }
  .hd .wrap {
    height: 56px;
    gap: 10px;
  }
  .hd-r .btn.ghost,
  .nav {
    display: none;
  }
  .logo {
    font-size: 20px;
    flex: 1;
  }
  .logo svg {
    width: 28px;
    height: 28px;
  }
  .hd-r .btn.pri {
    height: 34px;
    padding: 0 14px;
    font-size: 13px;
    box-shadow: none;
  }
  .hero {
    padding: 14px 0 12px;
  }
  .hero h1 {
    font-size: 27px;
    margin: 0 0 8px;
    line-height: 1.2;
  }
  .hero .chips,
  .hero .cta,
  .hero .eyebrow,
  .hero .lead {
    display: none;
  }
  .hero .m-lead {
    display: block;
    color: var(--ink2);
    font-size: 14px;
    margin-bottom: 16px;
  }
  .hero .m-lead b {
    color: var(--ink);
  }
  .search {
    margin-top: 0;
    height: 46px;
    border-radius: 12px;
    box-shadow: none;
    padding: 0 6px 0 14px;
  }
  .search input {
    font-size: 15px;
  }
  .search .btn {
    height: 34px;
    padding: 0 14px;
    font-size: 13px;
  }
  .strip-w {
    margin-top: 12px;
  }
  .strip > a {
    padding: 12px 14px;
    border-radius: 0;
  }
  .strip .v {
    font-size: 21px;
    margin-top: 8px;
  }
  .strip .d {
    white-space: normal;
    font-size: 12.5px;
    line-height: 1.45;
  }
  .strip .s {
    display: none;
  }
  section.blk {
    margin-top: 32px;
  }
  .sh h2 {
    font-size: 21px;
  }
  .sh p {
    font-size: 13px;
  }
  .sh .more {
    display: none;
  }
  .entry {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr);
    gap: 4px 0;
    background: var(--surface);
    border-radius: 18px;
    padding: 14px 4px 6px;
    margin-top: 14px;
    box-shadow: var(--shadow);
  }
  .entry a {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    font-size: 12.5px;
    font-weight: 600;
    padding: 2px 0 10px;
    color: var(--ink2);
    position: relative;
  }
  .entry .ic {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    background: var(--blue-soft);
    color: var(--blue);
    display: grid;
    place-items: center;
  }
  .entry a.hot .ic {
    background: linear-gradient(135deg, #4d80ff, #2a62f5);
    color: #fff;
  }
  .entry a.hot:after {
    content: "新";
    position: absolute;
    top: -2px;
    right: calc(50% - 30px);
    background: #ff5a4d;
    color: #fff;
    font-size: 9px;
    border-radius: 99px;
    padding: 0 5px;
    font-weight: 700;
    line-height: 15px;
  }
  .mv {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    margin: 0 -16px;
    padding: 2px 16px 14px;
    scrollbar-width: none;
  }
  .mv::-webkit-scrollbar {
    display: none;
  }
  .mc {
    flex: none;
    width: calc(100% - 44px);
    scroll-snap-align: center;
    padding: 16px 16px 6px;
  }
  .link {
    padding: 20px 14px;
    border-radius: 14px;
  }
  .lk {
    gap: 12px;
  }
  .lp {
    padding: 18px 16px 8px;
  }
  .lp .n {
    font-size: 36px;
  }
  .ai .l {
    padding: 26px 20px;
  }
  .ai h2 {
    font-size: 23px;
  }
  .ai .r {
    padding: 20px;
  }
  .tb-top {
    padding: 12px 14px;
    flex-wrap: wrap;
  }
  .tb-top .meta {
    display: none;
  }
  .seg button {
    padding: 6px 12px;
    font-size: 13px;
  }
  .td-d,
  .th-d,
  tr.xm {
    display: none;
  }
  td,
  th {
    padding: 12px 6px;
    font-size: 13.5px;
  }
  td:first-child,
  th:first-child {
    padding-left: 12px;
    width: 22px;
  }
  td:last-child,
  th:last-child {
    padding-right: 12px;
  }
  .tb-card .cn {
    gap: 8px;
  }
  .cn b {
    font-size: 14px;
  }
  .cn .av,
  .cn .coin-i {
    width: 30px;
    height: 30px;
  }
  td.chg span {
    min-width: 56px;
    font-size: 12.5px;
    padding: 4px 2px;
  }
  .ex {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    margin: 0 -16px;
    padding: 2px 16px 14px;
    scrollbar-width: none;
  }
  .ex::-webkit-scrollbar {
    display: none;
  }
  .ec {
    flex: none;
    width: 158px;
    padding: 16px;
  }
  footer {
    margin-top: 36px;
    padding: 34px 0 20px;
  }
  .ft {
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
  .ft > div:first-child {
    grid-column: 1/-1;
  }
  .tabbar {
    display: flex !important;
  }
}
.entry {
  display: none;
}
.tabbar {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.96);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-top: 1px solid var(--line);
  padding: 6px 4px calc(6px + env(safe-area-inset-bottom));
}
.tabbar a {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: var(--mute);
}
.tabbar a.on {
  color: var(--blue);
}
.tabbar svg {
  width: 22px;
  height: 22px;
}
.m-lead {
  display: none;
}
@media (min-width: 721px) {
  .entry {
    display: none !important;
  }
}
.tg {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  border: 1px solid #d5ddeb;
  display: grid;
  place-items: center;
  color: var(--ink2);
  transition: 0.15s;
}
.tg:hover {
  color: var(--blue);
  background: var(--blue-soft);
  border-color: #bfd3fa;
}
.tg .i-sun {
  display: none;
}
html[data-theme="dark"] {
  color-scheme: dark;
  --ink: #e8eefb;
  --ink2: #a9b8d6;
  --mute: #7f90b0;
  --line: #1e2c4a;
  --hbg: #070e1f;
  --surface: #0e1a33;
  --blue-soft: rgba(63, 134, 255, 0.16);
  --up: #f2594f;
  --down: #2bc48a;
  --up-soft: rgba(242, 89, 79, 0.16);
  --down-soft: rgba(43, 196, 138, 0.16);
  --shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 8px 28px rgba(0, 0, 0, 0.35);
}
html[data-theme="dark"] .tg {
  border-color: rgba(255, 255, 255, 0.18);
  color: #d7e1f5;
}
html[data-theme="dark"] .tg:hover {
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
}
html[data-theme="dark"] .tg .i-sun {
  display: block;
}
html[data-theme="dark"] .tg .i-moon {
  display: none;
}
html[data-theme="dark"] .tick {
  background: #030b1d;
  color: #8fa2c6;
  border-color: rgba(255, 255, 255, 0.06);
}
html[data-theme="dark"] .hdw {
  background: #06122b;
  border-color: rgba(255, 255, 255, 0.08);
}
html[data-theme="dark"] .nav .nv.on,
html[data-theme="dark"] .nav .nv:hover {
  color: #fff;
}
html[data-theme="dark"] .btn.ghost {
  border-color: rgba(255, 255, 255, 0.2);
}
html[data-theme="dark"] .btn.ghost:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.3);
}
html[data-theme="dark"] .hero {
  background: #06122b;
}
html[data-theme="dark"] .hero:before {
  background: radial-gradient(
      700px 420px at 82% 12%,
      rgba(42, 98, 245, 0.42),
      transparent 70%
    ),
    radial-gradient(
      520px 360px at 8% 100%,
      rgba(76, 141, 255, 0.2),
      transparent 70%
    );
}
html[data-theme="dark"] .hero:after {
  background-image: linear-gradient(
      rgba(255, 255, 255, 0.045) 1px,
      transparent 1px
    ),
    linear-gradient(90deg, rgba(255, 255, 255, 0.045) 1px, transparent 1px);
}
html[data-theme="dark"] .eyebrow {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.12);
}
html[data-theme="dark"] .hero h1 span {
  background: linear-gradient(90deg, #7fb0ff, #4d80ff 60%, #9dc1ff);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
html[data-theme="dark"] .search {
  border-color: transparent;
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.35);
}
html[data-theme="dark"] .chips a {
  background: rgba(255, 255, 255, 0.07);
  border-color: rgba(255, 255, 255, 0.1);
}
html[data-theme="dark"] .chips a:hover {
  background: rgba(255, 255, 255, 0.14);
  color: #fff;
}
html[data-theme="dark"] .viz {
  background: rgba(14, 26, 51, 0.85);
  border-color: rgba(255, 255, 255, 0.12);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.35);
}
html[data-theme="dark"] .strip {
  border-color: rgba(255, 255, 255, 0.08);
}
html[data-theme="dark"] .pill.up {
  background: rgba(232, 69, 60, 0.16);
  color: #ff8a82;
}
html[data-theme="dark"] .pill.dn {
  background: rgba(18, 167, 107, 0.18);
  color: #4fe0a2;
}
html[data-theme="dark"] .gt {
  stroke: rgba(255, 255, 255, 0.14);
}
html[data-theme="dark"] .ai,
html[data-theme="dark"] .ec,
html[data-theme="dark"] .mc,
html[data-theme="dark"] .tb-card {
  border-color: rgba(255, 255, 255, 0.07);
}
html[data-theme="dark"] .mr,
html[data-theme="dark"] .tb-ft,
html[data-theme="dark"] td {
  border-color: var(--line);
}
html[data-theme="dark"] .seg,
html[data-theme="dark"] th {
  background: #0b1630;
}
html[data-theme="dark"] tbody tr:hover {
  background: #12213f;
}
html[data-theme="dark"] .seg button.on {
  background: #1a2b4f;
  color: #7fb0ff;
  box-shadow: none;
}
html[data-theme="dark"] .bar {
  background: #1e2c4a;
}
html[data-theme="dark"] .coin-i {
  background: #1a2b4f;
}
html[data-theme="dark"] .ai .r {
  background: linear-gradient(160deg, #0b1a3a, #0e2147);
}
html[data-theme="dark"] .bub.a {
  background: #14264a;
  box-shadow: none;
}
html[data-theme="dark"] .ai .qs a {
  background: 0 0;
  border-color: var(--line);
}
html[data-theme="dark"] .link {
  background: linear-gradient(135deg, #06122b, #0b2559 70%, #123c8e);
  border-color: rgba(255, 255, 255, 0.08);
}
html[data-theme="dark"] .link:before {
  background: radial-gradient(
    circle,
    rgba(76, 141, 255, 0.35),
    transparent 70%
  );
}
html[data-theme="dark"] .lp {
  background: rgba(255, 255, 255, 0.07);
  border-color: rgba(255, 255, 255, 0.12);
}
html[data-theme="dark"] .lp:hover {
  background: rgba(255, 255, 255, 0.11);
  box-shadow: none;
}
html[data-theme="dark"] .lp .t span {
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
}
html[data-theme="dark"] .lr {
  border-top-color: rgba(255, 255, 255, 0.1);
}
html[data-theme="dark"] .lr small.up {
  color: #ff8a82;
}
html[data-theme="dark"] .lr small.dn {
  color: #4fe0a2;
}
html[data-theme="dark"] footer {
  background: #06122b;
  border-color: rgba(255, 255, 255, 0.08);
}
html[data-theme="dark"] .disc {
  border-color: rgba(255, 255, 255, 0.08);
  color: #6f82a8;
}
html[data-theme="dark"] .tabbar {
  background: rgba(6, 18, 43, 0.96);
}
html[data-theme="dark"] .entry a.hot:after {
  border: 0;
}
@media (max-width: 720px) {
  .tg {
    width: 34px;
    height: 34px;
  }
}
@keyframes fxUp {
  from {
    opacity: 0;
    transform: translateY(18px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes fxCard {
  from {
    opacity: 0;
    transform: translateY(26px) scale(0.96);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes fxFloatA {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-9px);
  }
}
@keyframes fxFloatB {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(8px);
  }
}
@keyframes fxFloatC {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}
@keyframes fxDraw {
  from {
    clip-path: inset(0 100% 0 0);
  }
  to {
    clip-path: inset(0 0 0 0);
  }
}
@keyframes fxDrift {
  to {
    transform: translate3d(-26px, 16px, 0) scale(1.07);
  }
}
@keyframes fxGrid {
  to {
    background-position:
      56px 56px,
      56px 56px;
  }
}
@keyframes fxShine {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -200% 0;
  }
}
@keyframes fxSweep {
  0% {
    left: -60%;
  }
  100%,
  35% {
    left: 130%;
  }
}
@keyframes fxDot {
  0% {
    box-shadow: 0 0 0 0 rgba(43, 211, 138, 0.5);
  }
  100% {
    box-shadow: 0 0 0 9px rgba(43, 211, 138, 0);
  }
}
@keyframes fxMq {
  to {
    transform: translateX(-50%);
  }
}
@keyframes fxRow {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes fxBlink {
  0%,
  100%,
  80% {
    opacity: 0.25;
    transform: translateY(0);
  }
  40% {
    opacity: 1;
    transform: translateY(-3px);
  }
}
@keyframes fxFlUp {
  from {
    color: var(--up);
  }
}
@keyframes fxFlDn {
  from {
    color: var(--down);
  }
}
.fx .hdw {
  position: sticky;
  transition:
    box-shadow 0.25s,
    background 0.25s;
}
.fx .hdw.sc {
  box-shadow: 0 6px 24px rgba(11, 20, 38, 0.08);
}
html[data-theme="dark"].fx .hdw.sc {
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.45);
}
.prog {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 2px;
  background: linear-gradient(90deg, #4d80ff, #2a62f5);
  transform-origin: 0 50%;
  transform: scaleX(0);
  pointer-events: none;
}
.fx .nav .nv {
  position: relative;
}
.fx .nav .nv:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 0;
  height: 3px;
  border-radius: 2px;
  background: var(--blue);
  transform: translateX(-50%);
  transition: width 0.22s;
}
.fx .nav .nv.on:after,
.fx .nav .nv:hover:after {
  width: calc(100% - 26px);
}
.fx .logo svg {
  transition: transform 0.35s cubic-bezier(0.3, 1.5, 0.5, 1);
}
.fx .logo:hover svg {
  transform: rotate(-6deg) scale(1.08);
}
.fx .tg svg {
  transition: transform 0.45s cubic-bezier(0.3, 1.5, 0.5, 1);
}
.fx .tg:hover svg {
  transform: rotate(25deg) scale(1.1);
}
.fx .tick .mq {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(
    90deg,
    transparent,
    #000 24px,
    #000 calc(100% - 24px),
    transparent
  );
  mask-image: linear-gradient(
    90deg,
    transparent,
    #000 24px,
    #000 calc(100% - 24px),
    transparent
  );
}
.mq-track {
  display: flex;
  width: max-content;
  animation: 60s linear infinite fxMq;
}
.mq:hover .mq-track {
  animation-play-state: paused;
}
.mq-g {
  display: flex;
  gap: 28px;
  padding-right: 28px;
  flex: none;
  align-items: center;
}
.mq-g > span {
  white-space: nowrap;
}
.fx .dot {
  animation: 1.8s ease-out infinite fxDot;
}
.fx .hero:after {
  animation: 16s linear infinite fxGrid;
}
.fx .hero .wrap > div:first-child > * {
  animation: 0.8s cubic-bezier(0.2, 0.7, 0.2, 1) both fxUp;
}
.fx .hero .wrap > div:first-child > :first-child {
  animation-delay: 0.04s;
}
.fx .hero .wrap > div:first-child > :nth-child(2) {
  animation-delay: 0.12s;
}
.fx .hero .wrap > div:first-child > :nth-child(3),
.fx .hero .wrap > div:first-child > :nth-child(4) {
  animation-delay: 0.2s;
}
.fx .hero .wrap > div:first-child > :nth-child(5) {
  animation-delay: 0.28s;
}
.fx .hero .wrap > div:first-child > :nth-child(6) {
  animation-delay: 0.36s;
}
.fx .hero .wrap > div:first-child > :nth-child(7) {
  animation-delay: 0.44s;
}
.fx .hero h1 span {
  background-image: linear-gradient(90deg, #2a62f5, #5b9bff, #2a62f5);
  background-size: 200% 100%;
  animation: 7s linear infinite fxShine;
}
html[data-theme="dark"].fx .hero h1 span {
  background-image: linear-gradient(90deg, #7fb0ff, #4d80ff, #9dc1ff, #7fb0ff);
  background-size: 200% 100%;
}
.fx .cta .btn.pri {
  position: relative;
  overflow: hidden;
}
.fx .cta .btn.pri:after {
  content: "";
  position: absolute;
  top: 0;
  left: -60%;
  width: 40%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.38),
    transparent
  );
  transform: skewX(-20deg);
  animation: 4.8s 1.8s infinite fxSweep;
}
.fx .viz {
  animation: 0.8s cubic-bezier(0.2, 0.7, 0.2, 1) 0.2s both fxCard;
}
.fx .v-btc svg.ch {
  animation: 1.7s cubic-bezier(0.3, 0.7, 0.2, 1) 0.6s both fxDraw;
}
.fx .v-eth svg {
  animation: 1.3s cubic-bezier(0.3, 0.7, 0.2, 1) 1s both fxDraw;
}
.fx .rv {
  opacity: 0;
  transform: translateY(26px);
  transition:
    opacity 0.7s cubic-bezier(0.2, 0.7, 0.2, 1),
    transform 0.7s cubic-bezier(0.2, 0.7, 0.2, 1);
}
.fx .rv.in {
  opacity: 1;
  transform: none;
}
.fx .btn.pri {
  transition:
    transform 0.18s,
    box-shadow 0.18s,
    background 0.15s;
}
.fx .btn.pri:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(42, 98, 245, 0.45);
}
.fx .btn:active {
  transform: scale(0.97);
}
.fx .cc .ci {
  transition: transform 0.3s cubic-bezier(0.3, 1.5, 0.5, 1);
}
.fx .cc:hover .ci {
  transform: scale(1.1) rotate(-4deg);
}
.fx .mc {
  transition:
    transform 0.22s,
    box-shadow 0.22s;
}
.fx .mc:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 40px rgba(11, 20, 38, 0.1);
}
html[data-theme="dark"].fx .mc:hover {
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.5);
}
.fx .mr {
  transition: transform 0.18s;
}
.fx .mr:hover {
  transform: translateX(4px);
}
.fx .mr:hover .nm {
  color: var(--blue);
}
.fx .ai .qs a,
.fx .chips a {
  transition:
    transform 0.15s,
    background 0.15s,
    color 0.15s,
    border-color 0.15s;
}
.fx .ai .qs a:hover,
.fx .chips a:hover {
  transform: translateY(-2px);
}
.fx tbody tr:hover td:first-child {
  box-shadow: inset 3px 0 0 var(--blue);
}
.fx tbody tr .av,
.fx tbody tr .coin-i {
  transition: transform 0.25s cubic-bezier(0.3, 1.5, 0.5, 1);
}
.fx tbody tr:hover .av,
.fx tbody tr:hover .coin-i {
  transform: scale(1.12);
}
.fx .seg button {
  transition:
    background 0.2s,
    color 0.2s,
    box-shadow 0.2s;
}
.fx tr.ri {
  animation: 0.45s cubic-bezier(0.2, 0.7, 0.2, 1) both fxRow;
  animation-delay: calc(var(--i, 0) * 24ms);
}
.fx .lp .t span {
  transition:
    transform 0.25s,
    background 0.2s,
    color 0.2s;
}
.fx .lp:hover .t span {
  transform: translateX(4px);
  background: var(--blue);
  color: #fff;
}
.fx .ec .av,
.fx .ec .coin-i {
  transition: transform 0.3s cubic-bezier(0.3, 1.5, 0.5, 1);
}
.fx .ec:hover .av,
.fx .ec:hover .coin-i {
  transform: scale(1.1) rotate(-4deg);
}
.fx .bub {
  transition:
    opacity 0.45s,
    transform 0.45s cubic-bezier(0.2, 0.7, 0.2, 1);
}
.fx .bub.hid {
  opacity: 0;
  transform: translateY(12px) scale(0.97);
}
.bub.typing {
  display: flex;
  gap: 5px;
  width: max-content;
  padding: 14px 16px;
}
.bub.typing i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--mute);
  animation: 1s infinite fxBlink;
}
.bub.typing i:nth-child(2) {
  animation-delay: 0.15s;
}
.bub.typing i:nth-child(3) {
  animation-delay: 0.3s;
}
.totop {
  position: fixed;
  right: 24px;
  bottom: 28px;
  z-index: 40;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 0;
  background: conic-gradient(var(--blue) calc(var(--pg, 0) * 1%), #dce5f4 0);
  color: var(--blue);
  display: grid;
  place-items: center;
  box-shadow: 0 4px 14px rgba(11, 20, 38, 0.14);
  opacity: 0;
  transform: translateY(10px);
  pointer-events: none;
  transition:
    opacity 0.2s,
    transform 0.2s,
    color 0.2s;
}
.totop:before {
  content: "";
  position: absolute;
  inset: 3px;
  border-radius: 50%;
  background: #fff;
  transition: background 0.2s;
}
.totop svg {
  position: relative;
  z-index: 1;
}
.totop.on {
  opacity: 1;
  transform: none;
  pointer-events: auto;
}
.totop:hover {
  color: #fff;
}
.totop:hover:before {
  background: var(--blue);
}
html[data-theme="dark"] .totop {
  background: conic-gradient(var(--blue) calc(var(--pg, 0) * 1%), #2d3644 0);
  color: #6aa2ff;
}
html[data-theme="dark"] .totop:before {
  background: #0e1a33;
}
html[data-theme="dark"] .totop:hover {
  color: #fff;
}
html[data-theme="dark"] .totop:hover:before {
  background: var(--blue);
}
@media (max-width: 720px) {
  .totop {
    right: 16px;
    bottom: calc(76px + env(safe-area-inset-bottom));
    width: 38px;
    height: 38px;
    background: #fff;
    border: 1px solid var(--line);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    color: var(--ink2);
  }
  .totop:before {
    display: none;
  }
  .totop:hover {
    color: var(--blue);
  }
  html[data-theme="dark"] .totop {
    background: #0e1a33;
    color: #a9b8d6;
  }
  .fx .entry a,
  .fx .tabbar a {
    transition: transform 0.15s;
  }
  .fx .entry a:active,
  .fx .tabbar a:active {
    transform: scale(0.92);
  }
}
@media (min-width: 861px) {
  .ft {
    grid-template-columns: minmax(240px, 340px) repeat(4, auto);
    justify-content: space-between;
    gap: 32px 48px;
  }
}
.hero .lead b,
.hero .m-lead b {
  font-weight: 600;
  color: var(--ink);
  font-variant-numeric: tabular-nums;
}
.hero .lead i,
.hero .m-lead i {
  font-style: normal;
}
.hero .li {
  white-space: nowrap;
}
@media (min-width: 721px) and (max-width: 1180px) {
  .hero .lead {
    white-space: normal;
    max-width: 520px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .fx *,
  .fx :after,
  .fx :before {
    animation: none !important;
    transition: none !important;
  }
  .fx .bub.hid,
  .fx .rv {
    opacity: 1;
    transform: none;
  }
  .prog {
    display: none;
  }
}
body.lock {
  overflow: hidden;
}
@keyframes flU {
  0% {
    background-color: rgba(232, 69, 60, 0.3);
    box-shadow: 0 0 0 2px rgba(232, 69, 60, 0.3);
  }
  100% {
    background-color: transparent;
    box-shadow: 0 0 0 2px transparent;
  }
}
@keyframes flD {
  0% {
    background-color: rgba(18, 167, 107, 0.3);
    box-shadow: 0 0 0 2px rgba(18, 167, 107, 0.3);
  }
  100% {
    background-color: transparent;
    box-shadow: 0 0 0 2px transparent;
  }
}
.fl-up {
  animation: 0.95s ease-out flU;
  border-radius: 4px;
}
.fl-dn {
  animation: 0.95s ease-out flD;
  border-radius: 4px;
}
@keyframes pulseR {
  0% {
    box-shadow: 0 0 0 0 rgba(123, 92, 255, 0.5);
  }
  100% {
    box-shadow: 0 0 0 14px rgba(123, 92, 255, 0);
  }
}
@keyframes wig {
  from {
    transform: rotate(-2deg);
  }
  to {
    transform: rotate(2deg);
  }
}
@keyframes cur {
  50% {
    opacity: 0;
  }
}
.hdw {
  z-index: 40;
}
.fx .hdw {
  position: sticky;
  top: 0;
}
.hd-r {
  gap: 8px;
}
.aibtn {
  height: 36px;
  padding: 0 14px;
  border-radius: 99px;
  background: linear-gradient(135deg, #1890ff, #2a62f5);
  color: #fff;
  font-size: 13.5px;
  box-shadow: 0 6px 16px rgba(42, 98, 245, 0.3);
}
.aibtn:hover {
  filter: brightness(1.08);
  transform: translateY(-1px);
}
.burger {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  border: 1px solid #d5ddeb;
  place-items: center;
  color: var(--ink2);
}
html[data-theme="dark"] .burger {
  border-color: rgba(255, 255, 255, 0.18);
  color: #d7e1f5;
}
@media (max-width: 1500px) {
  .nav .nv {
    padding: 0 11px;
    font-size: 14.5px;
  }
}
.hero {
  overflow: visible;
  position: relative;
  z-index: 4;
  padding: 20px 0 24px;
}
.fx .hero:before {
  animation: none;
}
.hero .wrap {
  grid-template-columns: minmax(0, 1fr) minmax(0, 580px);
  gap: 48px;
  align-items: center;
}
.hero .lead {
  white-space: normal;
  max-width: 560px;
  font-size: 15px;
  line-height: 1.75;
}
.hero h1 {
  margin: 12px 0 8px;
}
.search-w {
  position: relative;
  margin-top: 16px;
  max-width: 500px;
}
.search-w .search {
  margin-top: 0;
  max-width: none;
}
.sdd {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 8px);
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 12px;
  box-shadow: 0 18px 44px rgba(11, 20, 38, 0.2);
  z-index: 30;
  overflow: hidden;
  padding: 4px;
}
.sdd a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 12px;
  border-radius: 9px;
}
.sdd a.hi,
.sdd a:hover {
  background: var(--blue-soft);
}
.sdd b {
  font-size: 14px;
  font-weight: 700;
}
.sdd small {
  flex: 1;
  min-width: 0;
  color: var(--mute);
  font-size: 12.5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sdd .ty {
  font-size: 11.5px;
  color: var(--mute);
  background: var(--hbg);
  border-radius: 99px;
  padding: 1px 9px;
  font-weight: 600;
  flex: none;
}
.sdd .av,
.sdd .coin-i {
  width: 26px;
  height: 26px;
  font-size: 11px;
}
.orb {
  display: inline-grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: linear-gradient(135deg, #1890ff, #2a62f5);
  color: #fff;
  flex: none;
}
.orb.sm {
  width: 22px;
  height: 22px;
}
.orb svg {
  width: 60%;
  height: 60%;
}
.bn {
  position: relative;
  height: 296px;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: var(--shadow);
  border: 1px solid rgba(255, 255, 255, 0.7);
  justify-self: end;
  width: 100%;
}
.sl {
  position: absolute;
  inset: 0;
  padding: 26px 30px 58px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transform: translateX(28px);
  transition:
    opacity 0.6s,
    transform 0.6s cubic-bezier(0.2, 0.7, 0.2, 1),
    visibility 0s 0.6s;
}
.sl.on {
  opacity: 1;
  visibility: visible;
  transform: none;
  z-index: 1;
  transition-delay: 0s;
}
.sl.out {
  opacity: 0;
  visibility: visible;
  transform: translateX(-28px);
  transition-delay: 0s;
}
.sl-tag {
  align-self: flex-start;
  font-size: 12px;
  font-weight: 700;
  border-radius: 99px;
  padding: 3px 11px;
  background: rgba(255, 255, 255, 0.75);
  color: var(--ink2);
}
.sl h3 {
  font-size: 25px;
  line-height: 1.25;
  letter-spacing: -0.03em;
  font-weight: 800;
  margin: 12px 0 6px;
  max-width: 56%;
}
.sl p {
  font-size: 14px;
  color: var(--ink2);
  line-height: 1.6;
  max-width: 50%;
}
.sl p b {
  color: var(--ink);
  font-weight: 700;
}
.sl-cta {
  align-self: flex-start;
  margin-top: 16px;
  height: 38px;
  padding: 0 18px;
  border-radius: 99px;
  display: inline-flex;
  align-items: center;
  font-weight: 700;
  font-size: 14px;
  background: var(--blue);
  color: #fff;
  box-shadow: 0 8px 20px rgba(42, 98, 245, 0.35);
  transition: 0.18s;
}
.sl-cta:hover {
  transform: translateY(-2px);
  filter: brightness(1.08);
}
.sl-v {
  position: absolute;
  right: 26px;
  top: 50%;
  transform: translateY(-54%);
  width: 248px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.vr {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 12px;
  border-radius: 13px;
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 6px 18px rgba(11, 20, 38, 0.08);
  transition: transform 0.18s;
}
.vr:hover {
  transform: translateX(-4px);
}
.vr .nm {
  flex: 1;
  min-width: 0;
}
.vr .nm b {
  display: block;
  font-size: 14px;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.vr .nm small {
  display: block;
  font-size: 11.5px;
  color: var(--mute);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.vr .pr {
  text-align: right;
  font-weight: 700;
  font-size: 13.5px;
  line-height: 1.25;
}
.vr .pr small {
  display: block;
  font-size: 12px;
}
.vr .av {
  width: 26px;
  height: 26px;
  font-size: 11px;
}
.chatv .chat {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.chat .cb {
  padding: 10px 13px;
  border-radius: 14px;
  font-size: 12.5px;
  line-height: 1.55;
}
.chat .cb.u {
  align-self: flex-end;
  background: #1890ff;
  color: #fff;
  border-bottom-right-radius: 4px;
  max-width: 90%;
}
.chat .cb.a {
  background: rgba(255, 255, 255, 0.92);
  color: var(--ink2);
  border-bottom-left-radius: 4px;
  box-shadow: 0 6px 18px rgba(11, 20, 38, 0.08);
}
.chat .cb.a b {
  color: var(--ink);
}
.tiles {
  display: grid;
  gap: 8px;
}
.tile {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  padding: 12px 14px;
  border-radius: 13px;
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 6px 18px rgba(11, 20, 38, 0.08);
  transition: transform 0.18s;
}
.tile:hover {
  transform: translateX(-4px);
}
.tile b {
  font-size: 22px;
  font-weight: 800;
  letter-spacing: -0.03em;
  order: 2;
}
.tile small {
  font-size: 13px;
  color: var(--ink2);
  font-weight: 600;
}
.s-meme {
  background: linear-gradient(135deg, #fff3eb, #ffe2d1);
}
.s-tok {
  background: linear-gradient(135deg, #e9f9f1, #d2f0e3);
}
.s-ai {
  background: linear-gradient(135deg, #f2eeff, #e0d8ff);
}
.s-fxh {
  background: linear-gradient(135deg, #e8f1ff, #cfe0ff);
}
.s-meme .sl-cta {
  background: #f26a2e;
  box-shadow: 0 8px 20px rgba(242, 106, 46, 0.35);
}
.s-tok .sl-cta {
  background: #1aa46b;
  box-shadow: 0 8px 20px rgba(18, 167, 107, 0.35);
}
.s-ai .sl-cta {
  background: #1890ff;
  box-shadow: 0 8px 20px rgba(123, 92, 255, 0.35);
}
.bn-ctl {
  position: absolute;
  left: 30px;
  bottom: 18px;
  z-index: 3;
  display: flex;
  align-items: center;
  gap: 8px;
}
.bn-dots {
  display: flex;
  gap: 6px;
  margin-right: 6px;
}
.bn-dots i {
  width: 7px;
  height: 7px;
  border-radius: 99px;
  background: rgba(11, 20, 38, 0.22);
  cursor: pointer;
  transition:
    width 0.3s,
    background 0.3s;
}
.bn-dots i.on {
  width: 22px;
  background: var(--blue);
}
.bn-a {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.8);
  display: grid;
  place-items: center;
  color: var(--ink2);
  transition: 0.15s;
}
.bn-a:hover {
  background: #fff;
  color: var(--blue);
}
.bn-pg {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 0;
  background: var(--blue);
  z-index: 3;
  opacity: 0.7;
  transition: width 0.1s linear;
}
html[data-theme="dark"] .bn {
  border-color: rgba(255, 255, 255, 0.1);
}
html[data-theme="dark"] .sl-tag {
  background: rgba(255, 255, 255, 0.12);
  color: #c7d5f0;
}
html[data-theme="dark"] .s-meme {
  background: linear-gradient(135deg, #2b1810, #4a2514);
}
html[data-theme="dark"] .s-tok {
  background: linear-gradient(135deg, #08271f, #0b4235);
}
html[data-theme="dark"] .s-ai {
  background: linear-gradient(135deg, #1b1546, #2f2175);
}
html[data-theme="dark"] .s-fxh {
  background: linear-gradient(135deg, #0a2150, #123c8e);
}
html[data-theme="dark"] .chat .cb.a,
html[data-theme="dark"] .tile,
html[data-theme="dark"] .vr {
  background: rgba(255, 255, 255, 0.09);
  box-shadow: none;
}
html[data-theme="dark"] .bn-dots i {
  background: rgba(255, 255, 255, 0.25);
}
html[data-theme="dark"] .bn-dots i.on {
  background: #6aa2ff;
}
html[data-theme="dark"] .bn-a {
  background: rgba(255, 255, 255, 0.12);
  color: #c7d5f0;
}
html[data-theme="dark"] .bn-a:hover {
  background: rgba(255, 255, 255, 0.22);
  color: #fff;
}
.bnm {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  margin-top: 12px;
  box-shadow: var(--shadow);
  border: 1px solid var(--line);
  touch-action: pan-y;
}
.bnm .trk {
  display: flex;
  transition: transform 0.5s cubic-bezier(0.2, 0.7, 0.2, 1);
}
.bnm .ms {
  flex: none;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px 20px;
  min-height: 86px;
}
.bnm .mt1 {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.bnm .mt1 em {
  font-style: normal;
  font-size: 11px;
  font-weight: 700;
  color: var(--ink2);
  opacity: 0.75;
}
.bnm .mt1 b {
  font-size: 15.5px;
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.3;
}
.bnm .mt1 > span {
  font-size: 12.5px;
  color: var(--ink2);
  line-height: 1.4;
  display: block;
}
.bnm .mt1 > span b {
  font-size: inherit;
  font-weight: 700;
  color: var(--ink);
}
.bnm .mi {
  width: 46px;
  height: 46px;
  border-radius: 14px;
  color: #fff;
  display: grid;
  place-items: center;
  flex: none;
  opacity: 0.92;
}
.bnm .dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 7px;
  display: flex;
  justify-content: center;
  gap: 5px;
  pointer-events: none;
}
.bnm .dots i {
  width: 5px;
  height: 5px;
  border-radius: 99px;
  background: rgba(11, 20, 38, 0.2);
  transition:
    width 0.3s,
    background 0.3s;
}
.bnm .dots i.on {
  width: 15px;
  background: var(--blue);
}
html[data-theme="dark"] .bnm {
  border-color: rgba(255, 255, 255, 0.08);
}
html[data-theme="dark"] .bnm .dots i {
  background: rgba(255, 255, 255, 0.25);
}
html[data-theme="dark"] .bnm .dots i.on {
  background: #6aa2ff;
}
.entry button {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  font-size: 12.5px;
  font-weight: 600;
  padding: 2px 0 10px;
  color: var(--ink2);
}
.entry button .ic {
  width: 44px;
  height: 44px;
  border-radius: 14px;
  background: var(--blue-soft);
  color: var(--blue);
  display: grid;
  place-items: center;
}
.sheet {
  position: fixed;
  inset: 0;
  z-index: 60;
  visibility: hidden;
  transition: visibility 0s 0.3s;
}
.sheet.on {
  visibility: visible;
  transition-delay: 0s;
}
.sheet-bd {
  position: absolute;
  inset: 0;
  background: rgba(6, 18, 43, 0.5);
  opacity: 0;
  transition: opacity 0.3s;
}
.sheet.on .sheet-bd {
  opacity: 1;
}
.sheet-p {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  max-height: 84vh;
  display: flex;
  flex-direction: column;
  background: var(--surface);
  border-radius: 22px 22px 0 0;
  transform: translateY(100%);
  transition: transform 0.32s cubic-bezier(0.2, 0.7, 0.2, 1);
  padding-bottom: env(safe-area-inset-bottom);
}
.sheet.on .sheet-p {
  transform: none;
}
.sheet-h {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 16px 16px 10px;
}
.sheet-h b {
  font-size: 17px;
  font-weight: 800;
  flex: 1;
}
.sheet-h .rs {
  display: none;
  font-size: 13px;
  color: var(--mute);
}
.sheet.edit .sheet-h .rs {
  display: block;
}
.sheet-h .ed {
  height: 30px;
  padding: 0 14px;
  border-radius: 99px;
  background: var(--blue-soft);
  color: var(--blue);
  font-weight: 700;
  font-size: 13px;
}
.sheet-h .x {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: var(--hbg);
  display: grid;
  place-items: center;
  color: var(--ink2);
}
.sheet-b {
  overflow-y: auto;
  padding: 4px 14px 22px;
  -webkit-overflow-scrolling: touch;
}
.sheet-b h4 {
  font-size: 14px;
  font-weight: 700;
  margin: 14px 2px 8px;
}
.sheet-b h4 small {
  font-weight: 500;
  color: var(--mute);
  font-size: 12px;
}
.sg {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 4px 0;
  min-height: 30px;
}
.si {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  font-size: 12.5px;
  font-weight: 600;
  padding: 8px 0 6px;
  color: var(--ink2);
  position: relative;
  user-select: none;
  -webkit-user-select: none;
}
.si .ic {
  width: 46px;
  height: 46px;
  border-radius: 14px;
  background: var(--blue-soft);
  color: var(--blue);
  display: grid;
  place-items: center;
}
.si.hot .ic {
  background: linear-gradient(135deg, #4d80ff, #2a62f5);
  color: #fff;
}
.si .bdg {
  display: none;
  position: absolute;
  top: 2px;
  right: calc(50% - 30px);
  width: 19px;
  height: 19px;
  border-radius: 50%;
  color: #fff;
  font-style: normal;
  font-weight: 800;
  font-size: 14px;
  line-height: 19px;
  text-align: center;
}
.si .bdg.rm {
  background: #f2594f;
}
.si .bdg.ad {
  background: var(--blue);
}
.sheet.edit .si .bdg {
  display: block;
}
.sheet.edit #gFav .si {
  touch-action: none;
  animation: 0.3s ease-in-out infinite alternate wig;
}
.si.ghost {
  position: fixed;
  z-index: 90;
  pointer-events: none;
  background: var(--surface);
  border-radius: 16px;
  box-shadow: 0 14px 34px rgba(11, 20, 38, 0.3);
  transform: scale(1.1);
  animation: none !important;
  justify-content: center;
}
.si.ph {
  opacity: 0.25;
}
.empty {
  grid-column: 1/-1;
  text-align: center;
  color: var(--mute);
  font-size: 13px;
  padding: 14px 0;
}
.ov {
  position: fixed;
  inset: 0;
  z-index: 55;
  background: rgba(6, 18, 43, 0.5);
  opacity: 0;
  visibility: hidden;
  transition:
    opacity 0.28s,
    visibility 0s 0.28s;
}
.ov.on {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}
.drawer {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: 80%;
  max-width: 330px;
  z-index: 58;
  background: var(--surface);
  display: flex;
  flex-direction: column;
  transform: translateX(100%);
  transition: transform 0.3s cubic-bezier(0.2, 0.7, 0.2, 1);
  padding-top: env(safe-area-inset-top);
}
.drawer.on {
  transform: none;
}
.dr-h {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 16px 10px;
  font-size: 17px;
  font-weight: 800;
}
.dr-x {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: var(--hbg);
  display: grid;
  place-items: center;
  color: var(--ink2);
}
.dr-g {
  flex: 1;
  overflow-y: auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  align-content: start;
}
.dr-g a {
  padding: 13px 14px;
  border-radius: 12px;
  background: var(--hbg);
  font-weight: 600;
  font-size: 14.5px;
}
.dr-g a.on {
  background: var(--blue-soft);
  color: var(--blue);
}
.dr-f {
  display: flex;
  gap: 10px;
  padding: 14px 16px calc(14px + env(safe-area-inset-bottom));
  border-top: 1px solid var(--line);
}
.dr-f .btn {
  flex: 1;
  justify-content: center;
}
.aip {
  position: fixed;
  z-index: 58;
  right: 24px;
  bottom: 24px;
  width: 400px;
  height: min(580px, calc(100vh - 48px));
  display: flex;
  flex-direction: column;
  background: var(--surface);
  border-radius: 20px;
  box-shadow: 0 24px 70px rgba(11, 20, 38, 0.32);
  border: 1px solid var(--line);
  opacity: 0;
  visibility: hidden;
  transform: translateY(24px) scale(0.98);
  transition:
    opacity 0.25s,
    transform 0.3s cubic-bezier(0.2, 0.7, 0.2, 1),
    visibility 0s 0.3s;
}
.aip.on {
  opacity: 1;
  visibility: visible;
  transform: none;
  transition-delay: 0s;
}
.aip-h {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 14px 16px;
  border-bottom: 1px solid var(--line);
}
.aip-h > div {
  flex: 1;
  min-width: 0;
}
.aip-h b {
  display: block;
  font-size: 15px;
}
.aip-h small {
  color: var(--mute);
  font-size: 12px;
}
.aip-b {
  flex: 1;
  overflow-y: auto;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.aip-g {
  background: var(--hbg);
  border-radius: 14px 14px 14px 4px;
  padding: 12px 14px;
  font-size: 14px;
  line-height: 1.6;
  color: var(--ink2);
  max-width: 92%;
}
.aip-q {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
}
.aip-q button {
  border: 1px solid var(--line);
  border-radius: 99px;
  padding: 8px 14px;
  font-size: 13.5px;
  color: var(--ink2);
  background: var(--surface);
  text-align: left;
  transition: 0.15s;
}
.aip-q button:hover {
  border-color: #1890ff;
  color: #1890ff;
}
.aip-i {
  display: flex;
  gap: 8px;
  padding: 10px 12px;
  border-top: 1px solid var(--line);
}
.aip-i input {
  flex: 1;
  min-width: 0;
  height: 42px;
  border-radius: 12px;
  border: 1px solid var(--line);
  background: var(--hbg);
  padding: 0 14px;
  font: inherit;
  font-size: 14px;
  color: var(--ink);
  outline: 0;
}
.aip-i input:focus {
  border-color: #1890ff;
}
.aip-i button {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  background: linear-gradient(135deg, #1890ff, #2a62f5);
  color: #fff;
  display: grid;
  place-items: center;
}
.aip-n {
  font-size: 11.5px;
  color: var(--mute);
  text-align: center;
  padding: 0 12px 10px;
}
.aifab {
  position: fixed;
  right: 24px;
  bottom: 84px;
  z-index: 39;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: linear-gradient(135deg, #1890ff, #2a62f5);
  color: #fff;
  place-items: center;
  display: grid;
  box-shadow: 0 10px 26px rgba(42, 98, 245, 0.45);
  animation: 2.4s infinite pulseR;
  transition: transform 0.2s;
}
.aifab:hover {
  transform: scale(1.08);
}
.aib {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 20px;
  padding: 9px 10px 9px 12px;
  border-radius: 14px;
  background: linear-gradient(
    90deg,
    rgba(123, 92, 255, 0.1),
    rgba(42, 98, 245, 0.07)
  );
  border: 1px solid rgba(123, 92, 255, 0.22);
}
.aib .orb {
  width: 30px;
  height: 30px;
}
.aib-t {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 13.5px;
}
.aib-t > b {
  white-space: nowrap;
  color: #6b4df0;
  font-weight: 800;
}
.aib-x {
  position: relative;
  flex: 1;
  min-width: 0;
  height: 22px;
  overflow: hidden;
  color: var(--ink2);
}
.aib-x .it {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  line-height: 22px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  opacity: 0;
  transform: translateY(100%);
  transition:
    opacity 0.5s,
    transform 0.5s;
}
.aib-x .it.on {
  opacity: 1;
  transform: none;
}
.aib-x .it.off {
  opacity: 0;
  transform: translateY(-100%);
}
.aib-b {
  height: 32px;
  padding: 0 16px;
  border-radius: 99px;
  background: linear-gradient(135deg, #1890ff, #2a62f5);
  color: #fff;
  font-weight: 700;
  font-size: 13px;
  flex: none;
}
html[data-theme="dark"] .aib-t > b {
  color: #b4a2ff;
}
html[data-theme="dark"] .aip {
  border-color: rgba(255, 255, 255, 0.1);
}
html[data-theme="dark"] .aip-q button:hover {
  color: #b4a2ff;
  border-color: #b4a2ff;
}
.tabs {
  display: flex;
  gap: 4px;
  background: #eaf0fa;
  border-radius: 12px;
  padding: 3px;
  margin-bottom: 12px;
}
.tabs button {
  flex: 1;
  padding: 8px 0;
  border-radius: 10px;
  font-weight: 600;
  font-size: 13.5px;
  color: var(--ink2);
  transition: 0.18s;
  white-space: nowrap;
}
.tabs button.on {
  background: #fff;
  color: var(--blue);
  box-shadow: 0 1px 5px rgba(11, 20, 38, 0.12);
}
html[data-theme="dark"] .tabs {
  background: #0b1630;
}
html[data-theme="dark"] .tabs button.on {
  background: #1a2b4f;
  color: #7fb0ff;
  box-shadow: none;
}
.tabs.lt,
.tabs.m-only {
  display: none;
}
.mc-h a:hover {
  color: var(--blue);
}
.mc-f {
  display: block;
  text-align: center;
  padding: 11px 0;
  margin-top: 2px;
  border-top: 1px solid #f0f3f9;
  color: var(--blue);
  font-weight: 600;
  font-size: 13.5px;
}
.mc-f:hover {
  text-decoration: underline;
}
html[data-theme="dark"] .mc-f {
  border-color: var(--line);
}
.mr .pr .num,
.mr .pr span {
  display: inline;
}
.lp .t {
  transition: color 0.15s;
}
.lp .t:hover {
  color: var(--blue);
}
.lp {
  display: flex;
  flex-direction: column;
}
.lp:hover {
  transform: none;
  box-shadow: 0 12px 30px rgba(42, 98, 245, 0.12);
}
.lr {
  transition: background 0.15s;
}
.lr:hover b {
  color: var(--blue);
}
.lr .r {
  flex: none;
}
.cta2 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  margin: 12px 0 8px;
  border-radius: 11px;
  background: var(--blue);
  color: #fff;
  font-weight: 700;
  font-size: 14.5px;
  box-shadow: 0 8px 20px rgba(42, 98, 245, 0.3);
  transition: 0.18s;
}
.cta2:hover {
  transform: translateY(-2px);
  filter: brightness(1.08);
}
.lp:nth-child(2) .cta2 {
  background: #1aa46b;
  box-shadow: 0 8px 20px rgba(18, 167, 107, 0.3);
}
.lp:nth-child(3) .cta2 {
  background: #f26a2e;
  box-shadow: 0 8px 20px rgba(242, 106, 46, 0.3);
}
.cn {
  color: inherit;
}
.cn:hover b {
  color: var(--blue);
}
tbody tr[data-href] {
  cursor: pointer;
}
td.aic,
th.aic {
  text-align: center;
}
.aib2 {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: rgba(123, 92, 255, 0.12);
  color: #1890ff;
  display: inline-grid;
  place-items: center;
  transition: 0.18s;
}
.aib2:hover {
  background: #1890ff;
  color: #fff;
  transform: scale(1.1);
}
html[data-theme="dark"] .aib2 {
  color: #b4a2ff;
  background: rgba(180, 162, 255, 0.14);
}
.aix {
  position: relative;
  overflow: hidden;
  border-radius: 22px;
  padding: 38px 40px;
  background: linear-gradient(135deg, #091a47, #12306f 55%, #37289a);
  color: #fff;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  gap: 40px;
  align-items: center;
}
.aix:before {
  content: "";
  position: absolute;
  right: -140px;
  top: -180px;
  width: 560px;
  height: 560px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(123, 92, 255, 0.45),
    transparent 68%
  );
  pointer-events: none;
}
.aix:after {
  content: "";
  position: absolute;
  left: -120px;
  bottom: -200px;
  width: 480px;
  height: 480px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(42, 98, 245, 0.35),
    transparent 68%
  );
  pointer-events: none;
}
.aix > * {
  position: relative;
  z-index: 1;
}
.aix .tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12.5px;
  font-weight: 700;
  color: #d8ceff;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 99px;
  padding: 4px 13px;
}
.aix h2 {
  font-size: 32px;
  line-height: 1.25;
  letter-spacing: -0.03em;
  font-weight: 800;
  margin: 16px 0 12px;
  color: #fff;
}
.aix-l > p {
  color: rgba(255, 255, 255, 0.76);
  max-width: 520px;
  font-size: 14.5px;
  line-height: 1.75;
}
.aix-f {
  list-style: none;
  display: grid;
  gap: 12px;
  margin: 22px 0;
}
.aix-f li {
  display: flex;
  gap: 12px;
  align-items: flex-start;
}
.aix-f i {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.14);
  display: grid;
  place-items: center;
  font-style: normal;
  font-weight: 800;
  font-size: 13px;
  flex: none;
  margin-top: 1px;
}
.aix-f b {
  display: block;
  font-size: 14.5px;
}
.aix-f small {
  color: rgba(255, 255, 255, 0.62);
  font-size: 13px;
}
.aix-i {
  display: flex;
  gap: 10px;
  max-width: 520px;
}
.aix-i input {
  flex: 1;
  min-width: 0;
  height: 48px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  font: inherit;
  font-size: 14.5px;
  padding: 0 16px;
  outline: 0;
}
.aix-i input::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.aix-i input:focus {
  border-color: #9dc1ff;
  background: rgba(255, 255, 255, 0.14);
}
.aix-i .btn {
  height: 48px;
  border-radius: 12px;
  padding: 0 24px;
  background: linear-gradient(135deg, #1890ff, #2a62f5);
  box-shadow: 0 10px 24px rgba(42, 98, 245, 0.45);
}
.aix .qs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}
.aix .qs button {
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.07);
  color: rgba(255, 255, 255, 0.88);
  border-radius: 99px;
  padding: 7px 14px;
  font-size: 13px;
  transition: 0.15s;
}
.aix .qs button:hover {
  background: rgba(255, 255, 255, 0.16);
  color: #fff;
}
.aix-win {
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  overflow: hidden;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.28);
}
.aix-bar {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 12px 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  font-size: 12.5px;
  color: rgba(255, 255, 255, 0.7);
}
.aix-bar i {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.25);
}
.aix-bar i:first-child {
  background: #ff6b62;
}
.aix-bar i:nth-child(2) {
  background: #ffc24d;
}
.aix-bar i:nth-child(3) {
  background: #35d29a;
}
.aix-bar span {
  margin-left: 8px;
}
.aix-chat {
  min-height: 262px;
  padding: 20px 18px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  justify-content: flex-end;
}
.cb2 {
  max-width: 88%;
  padding: 11px 15px;
  border-radius: 16px;
  font-size: 14px;
  line-height: 1.65;
  animation: 0.4s both fxUp;
}
.cb2.u {
  align-self: flex-end;
  background: linear-gradient(135deg, #1890ff, #2a62f5);
  border-bottom-right-radius: 4px;
}
.cb2.a {
  background: rgba(255, 255, 255, 0.12);
  border-bottom-left-radius: 4px;
  color: rgba(255, 255, 255, 0.92);
}
.cb2.a b {
  color: #a9cbff;
}
.cb2 .typing {
  display: flex;
  gap: 5px;
  padding: 5px 0;
}
.cb2 .typing i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.7);
  animation: 1s infinite fxBlink;
}
.cb2 .typing i:nth-child(2) {
  animation-delay: 0.15s;
}
.cb2 .typing i:nth-child(3) {
  animation-delay: 0.3s;
}
.cb2 .cur {
  display: inline-block;
  width: 2px;
  height: 1em;
  vertical-align: -2px;
  margin-left: 2px;
  background: #a9cbff;
  animation: 0.8s steps(1) infinite cur;
}
.aix-ft {
  font-size: 11.5px;
  color: rgba(255, 255, 255, 0.45);
  padding: 0 18px 12px;
  text-align: center;
}
.ex {
  display: grid;
  grid-template-columns: 340px minmax(0, 1fr);
  gap: 16px;
  align-items: stretch;
}
.exl,
.exs {
  background: var(--surface);
  border-radius: 16px;
  box-shadow: var(--shadow);
  border: 1px solid rgba(231, 236, 244, 0.7);
}
.exs {
  padding: 22px;
  display: flex;
  flex-direction: column;
}
.exs-cc {
  margin-top: auto;
  padding-top: 4px;
}
.exs-cc h5 {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  font-size: 14px;
  font-weight: 700;
  margin: 4px 0 10px;
}
.exs-cc h5 small {
  font-size: 12px;
  color: var(--mute);
  font-weight: 500;
}
.stk {
  display: flex;
  gap: 2px;
  height: 8px;
  border-radius: 9px;
  overflow: hidden;
  background: var(--line);
  margin-bottom: 6px;
}
.stk i {
  display: block;
  height: 100%;
}
.ring {
  position: relative;
  width: 176px;
  margin: 4px auto 14px;
}
.ring svg {
  display: block;
  width: 100%;
  transform: rotate(-90deg);
}
.ring .c {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.ring .c small {
  font-size: 12px;
  color: var(--mute);
}
.ring .c b {
  font-size: 21px;
  font-weight: 800;
  letter-spacing: -0.03em;
}
.exs .lg {
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 11px 0;
  border-top: 1px solid var(--line);
  font-size: 14px;
}
.exs .lg > span {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--ink2);
}
.exs .lg > span > i {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.exs .lg b {
  font-weight: 700;
}
.exs .lg em {
  font-style: normal;
  color: var(--mute);
  font-weight: 600;
  margin-left: 4px;
}
.exl {
  padding: 4px 22px 0;
}
.exr {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 13px 0;
  border-top: 1px solid #f0f3f9;
  transition: transform 0.18s;
}
.exr:first-child {
  border-top: 0;
}
.exr:hover {
  transform: translateX(4px);
}
.exr:hover .nm b {
  color: var(--blue);
}
.exr .rk {
  width: 16px;
  text-align: center;
  color: var(--mute);
  font-weight: 700;
  font-size: 13px;
}
.exr .nm {
  flex: 1;
  min-width: 0;
}
.exr .nm b {
  font-size: 15px;
  display: block;
  line-height: 1.3;
}
.exr .nm small {
  color: var(--mute);
  font-size: 12.5px;
  display: block;
}
.bar2 {
  height: 5px;
  border-radius: 9px;
  background: var(--line);
  margin-top: 7px;
  overflow: hidden;
}
.bar2 i {
  display: block;
  height: 100%;
  border-radius: 9px;
  background: linear-gradient(90deg, #4d80ff, #2a62f5);
}
.exr .vv {
  text-align: right;
  font-weight: 800;
  font-size: 16px;
  letter-spacing: -0.02em;
  flex: none;
}
.exr .vv small {
  display: block;
  font-size: 11.5px;
  color: var(--mute);
  font-weight: 500;
  letter-spacing: 0;
}
.exr .av,
.exr .coin-i {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  font-size: 13px;
}
.exfoot {
  text-align: center;
  padding: 16px 0 18px;
  border-top: 1px solid #f0f3f9;
}
html[data-theme="dark"] .exl,
html[data-theme="dark"] .exs {
  border-color: rgba(255, 255, 255, 0.07);
}
html[data-theme="dark"] .exfoot,
html[data-theme="dark"] .exr {
  border-color: var(--line);
}
.toast {
  position: fixed;
  left: 50%;
  bottom: 92px;
  transform: translate(-50%, 12px);
  background: rgba(11, 20, 38, 0.92);
  color: #fff;
  font-size: 13.5px;
  padding: 10px 18px;
  border-radius: 99px;
  z-index: 100;
  opacity: 0;
  pointer-events: none;
  transition: 0.25s;
  white-space: nowrap;
}
.toast.on {
  opacity: 1;
  transform: translate(-50%, 0);
}
.tabbar {
  z-index: 30;
}
.tabbar a,
.tabbar button {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  font-size: 11px;
  font-weight: 600;
  color: var(--mute);
  padding: 4px 0;
}
.tabbar button.on {
  color: var(--blue);
}
.tabbar .ti {
  display: grid;
  place-items: center;
  width: 30px;
  height: 26px;
}
.tabbar button.aitab {
  color: #1890ff;
}
.tabbar button.aitab .ti {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: linear-gradient(135deg, #1890ff, #2a62f5);
  color: #fff;
  margin-top: -16px;
  box-shadow: 0 6px 16px rgba(42, 98, 245, 0.45);
  border: 3px solid var(--surface);
}
.tabbar button.aitab .ti svg {
  width: 19px;
  height: 19px;
}
html[data-theme="dark"] .tabbar button.aitab {
  color: #b4a2ff;
}
@media (max-width: 1100px) {
  .hero .wrap {
    grid-template-columns: minmax(0, 1fr) minmax(0, 420px);
    gap: 28px;
  }
  .sl {
    padding: 22px 22px 56px;
  }
  .sl h3 {
    font-size: 21px;
    max-width: 60%;
  }
  .sl p {
    max-width: 56%;
    font-size: 13px;
  }
  .sl-v {
    width: 190px;
    right: 18px;
  }
  .bn-ctl {
    left: 22px;
  }
  .ex {
    grid-template-columns: 1fr;
  }
  .exs {
    display: grid;
    grid-template-columns: 176px 1fr;
    gap: 0 28px;
    align-items: center;
  }
  .exs .ring {
    grid-row: auto;
    margin: 0;
  }
  .exs-cc {
    grid-column: 1/-1;
    margin-top: 14px;
  }
  .aix {
    grid-template-columns: 1fr;
    padding: 32px 28px;
  }
}
@media (max-width: 860px) {
  .hero .wrap {
    grid-template-columns: 1fr;
  }
  .bn {
    justify-self: stretch;
  }
  .sl h3 {
    max-width: 58%;
  }
}
@media (max-width: 720px) {
  .d-only {
    display: none !important;
  }
  .m-only {
    display: block;
  }
  .tabs.lt,
  .tabs.m-only {
    display: flex;
  }
  .burger.m-only {
    display: grid;
  }
  .aibtn {
    width: 34px;
    height: 34px;
    padding: 0;
    justify-content: center;
    box-shadow: none;
  }
  .aibtn span {
    display: none;
  }
  .hd-r {
    gap: 6px;
  }
  .hd .wrap {
    gap: 8px;
  }
  .burger {
    width: 34px;
    height: 34px;
  }
  .hero {
    padding: 12px 0 14px;
  }
  .hero .wrap {
    gap: 0;
  }
  .search-w {
    margin-top: 0;
    max-width: none;
  }
  .bnm.m-only {
    display: block;
  }
  .entry {
    margin-top: 12px;
  }
  .entry button {
    padding: 2px 0 10px;
  }
  .aib {
    margin-top: 14px;
    padding: 9px 8px 9px 10px;
    gap: 9px;
  }
  .aib-t {
    gap: 8px;
    font-size: 13px;
  }
  .aib-t > b {
    font-size: 12.5px;
  }
  .aib-x {
    height: 36px;
  }
  .aib-x .it {
    white-space: normal;
    line-height: 18px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .aib-b {
    height: 30px;
    padding: 0 13px;
  }
  .mv {
    display: block;
    margin: 0;
    padding: 0;
    overflow: visible;
  }
  .mc {
    display: none;
    width: auto;
  }
  .mc.on {
    display: block;
    animation: 0.35s both fxUp;
  }
  .fx .mc:hover {
    transform: none;
  }
  .lk {
    display: block;
  }
  .lp {
    display: none;
  }
  .lp.on {
    display: flex;
    animation: 0.35s both fxUp;
  }
  .link {
    padding: 18px 14px;
  }
  .aix {
    padding: 26px 18px;
    border-radius: 18px;
    gap: 0;
  }
  .aix h2 {
    font-size: 24px;
  }
  .aix-i {
    flex-direction: row;
  }
  .aix-i .btn {
    padding: 0 18px;
  }
  .ex {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    overflow: visible;
    margin: 0;
    padding: 0;
  }
  .exs {
    display: grid;
    grid-template-columns: 118px 1fr;
    gap: 0 16px;
    padding: 16px;
  }
  .ring {
    width: 118px;
  }
  .ring .c b {
    font-size: 15px;
  }
  .ring .c small {
    font-size: 10.5px;
  }
  .exs .lg {
    padding: 8px 0;
    font-size: 13px;
  }
  .exl {
    padding: 2px 14px 0;
  }
  .exr {
    gap: 11px;
    padding: 11px 0;
  }
  .exr .rk {
    display: none;
  }
  .exr .vv {
    font-size: 14.5px;
  }
  .exfoot {
    padding: 14px 0 16px;
  }
  .aip {
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: 78vh;
    border-radius: 22px 22px 0 0;
    transform: translateY(100%) scale(1);
    border-width: 0;
  }
  .aip.on {
    transform: none;
  }
  .aip-n {
    padding-bottom: calc(10px + env(safe-area-inset-bottom));
  }
  .toast {
    bottom: 90px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .aifab,
  .fl-dn,
  .fl-up {
    animation: none !important;
  }
}
.aix:after,
.aix:before,
.link:before {
  pointer-events: none;
}
.tabs.lt {
  position: relative;
  z-index: 1;
}
.nav {
  overflow: visible;
  gap: 0;
  align-items: center;
}
.nav .nv {
  font: inherit;
  font-size: 15px;
  font-weight: 500;
  background: 0 0;
  border: 0;
  cursor: pointer;
  height: 56px;
  padding: 0 12px;
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--ink2);
  white-space: nowrap;
}
.nav .nv.on {
  color: var(--blue);
  font-weight: 700;
}
.nav .nv-d {
  width: 1px;
  height: 14px;
  background: var(--line);
  margin: 0 6px;
  flex: none;
}
.nav .chv {
  transition: transform 0.2s;
  opacity: 0.7;
}
.nav .dd {
  position: relative;
  height: 56px;
  display: flex;
}
.nav .dd.open .chv,
.nav .dd:focus-within .chv,
.nav .dd:hover .chv {
  transform: rotate(180deg);
}
.nav .dd.open .dd-b,
.nav .dd:hover .dd-b {
  color: var(--blue);
}
.nav .dd-p {
  position: absolute;
  top: calc(100% - 2px);
  left: -8px;
  min-width: 288px;
  padding: 8px;
  border-radius: 14px;
  background: var(--surface);
  border: 1px solid var(--line);
  box-shadow: 0 18px 44px rgba(11, 20, 38, 0.14);
  opacity: 0;
  visibility: hidden;
  transform: translateY(6px);
  transition:
    opacity 0.16s,
    transform 0.16s,
    visibility 0.16s;
  z-index: 50;
}
.nav .dd.open .dd-p,
.nav .dd:focus-within .dd-p,
.nav .dd:hover .dd-p {
  opacity: 1;
  visibility: visible;
  transform: none;
}
.nav .dd-i {
  display: block;
  padding: 10px 12px;
  border-radius: 10px;
  color: var(--ink);
}
.nav .dd-i b {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 14.5px;
  font-weight: 700;
}
.nav .dd-i b em {
  font-style: normal;
  font-size: 10px;
  font-weight: 700;
  color: #fff;
  background: #ff5a4d;
  border-radius: 4px;
  padding: 1px 5px;
  line-height: 14px;
}
.nav .dd-i small {
  display: block;
  margin-top: 2px;
  font-size: 12px;
  color: var(--mute);
  font-weight: 400;
}
.nav .dd-i:hover {
  background: var(--blue-soft);
}
.nav .dd-i:hover b {
  color: var(--blue);
}
html[data-theme="dark"] .nav .dd-p {
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.55);
}
html[data-theme="dark"] .nav .dd-i:hover b,
html[data-theme="dark"] .nav .dd.open .dd-b,
html[data-theme="dark"] .nav .dd:hover .dd-b {
  color: #fff;
}
.fx .nav .dd-b:after {
  content: none;
}
.tick .tk-r {
  display: flex;
  align-items: center;
  gap: 16px;
}
.tick .tk-ipo {
  color: var(--blue);
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.tick .tk-ipo em {
  font-style: normal;
  font-size: 10px;
  font-weight: 700;
  color: #fff;
  background: #ff5a4d;
  border-radius: 4px;
  padding: 0 4px;
  line-height: 14px;
}
@media (max-width: 1380px) {
  .nav .nv {
    padding: 0 9px;
    font-size: 14.5px;
  }
  .nav .nv-d {
    margin: 0 4px;
  }
}
@media (max-width: 1180px) {
  .nav .nv {
    padding: 0 7px;
    font-size: 14px;
  }
  .hd .wrap {
    gap: 14px;
  }
  .hd-r .aibtn span {
    display: none;
  }
}
@media (max-width: 1020px) {
  #nav {
    display: none;
  }
  .burger.m-only {
    display: grid;
  }
  .hd-r .aibtn span {
    display: inline;
  }
}
.dr-s {
  flex: 1;
  overflow-y: auto;
  padding: 0 16px 8px;
}
.dr-sec h6 {
  margin: 16px 2px 8px;
  font-size: 12px;
  font-weight: 600;
  color: var(--mute);
  letter-spacing: 0.04em;
}
.dr-sec:first-child .dr-g {
  margin-top: 6px;
}
.dr-g {
  flex: none;
  overflow: visible;
  padding: 0;
}
.dr-g.one {
  grid-template-columns: 1fr;
}
.tpop {
  position: fixed;
  bottom: calc(66px + env(safe-area-inset-bottom));
  z-index: 60;
  width: 210px;
  padding: 6px;
  border-radius: 14px;
  background: var(--surface);
  border: 1px solid var(--line);
  box-shadow: 0 14px 38px rgba(11, 20, 38, 0.2);
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px) scale(0.97);
  transform-origin: bottom center;
  transition:
    opacity 0.16s,
    transform 0.16s,
    visibility 0.16s;
}
.tpop.on {
  opacity: 1;
  visibility: visible;
  transform: none;
}
.tpop a {
  display: block;
  padding: 10px 12px;
  border-radius: 10px;
}
.tpop a:active {
  background: var(--blue-soft);
}
.tpop b {
  display: block;
  font-size: 14.5px;
  font-weight: 700;
  color: var(--ink);
}
.tpop small {
  display: block;
  margin-top: 2px;
  font-size: 12px;
  color: var(--mute);
}
@media (min-width: 721px) {
  .tpop {
    display: none;
  }
}
.hd-r {
  margin-left: auto;
}
/* v59 首页行情表「24h 区间」列：低 → 高细条，圆点是当前价；中点以上填充用涨色（红），以下用跌色（绿）；1100px 以下隐藏 */
th.th-r,
td.td-r {
  text-align: center;
}
.rg {
  --p: 50;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  width: 150px;
  font-variant-numeric: tabular-nums;
}
.rg-b {
  position: relative;
  height: 4px;
  border-radius: 4px;
  background: var(--line);
}
.rg-na .rg-b {
  height: 2px;
  margin: 1px 0;
  opacity: 0.8;
}
.rg-f {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: calc(var(--p) * 1%);
  border-radius: inherit;
  transform-origin: left center;
  transition:
    width 0.6s cubic-bezier(0.2, 0.7, 0.2, 1),
    background 0.3s;
}
.rg-f.up {
  background: var(--up);
}
.rg-f.dn {
  background: var(--down);
}
.rg-d {
  position: absolute;
  top: 50%;
  left: calc(var(--p) * 1%);
  width: 10px;
  height: 10px;
  margin: -5px 0 0 -5px;
  border-radius: 50%;
  background: var(--surface, #fff);
  border: 2px solid var(--ink, #1b1f27);
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.18);
  box-sizing: border-box;
  transition: left 0.6s cubic-bezier(0.2, 0.7, 0.2, 1);
}
.rg-v {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  margin-top: 6px;
  font-size: 11.5px;
  line-height: 1.2;
  font-weight: 500;
  color: var(--mute);
}
.fx .rg .rg-f {
  animation: fxRgF 0.9s cubic-bezier(0.2, 0.7, 0.2, 1) backwards;
  animation-delay: calc(var(--i, 0) * 24ms + 120ms);
}
.fx .rg .rg-d {
  animation: fxRgD 0.9s cubic-bezier(0.2, 0.7, 0.2, 1) backwards;
  animation-delay: calc(var(--i, 0) * 24ms + 120ms);
}
.fx .tb-card.rv:not(.in) .rg i {
  animation-play-state: paused;
}
@keyframes fxRgF {
  from {
    transform: scaleX(0);
  }
}
@keyframes fxRgD {
  from {
    left: 0;
    opacity: 0;
  }
}
@media (max-width: 1100px) {
  th.th-r,
  td.td-r {
    display: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .rg-f,
  .rg-d {
    transition: none;
  }
}
/* v59 首页行情表：流通量列（数量 + 占最大供应细条） */
.td-s{text-align:right;white-space:nowrap}
.td-s span{display:block;font-size:13px}.td-s em{font-style:normal;color:var(--fg3,#9aa1ad);font-size:11.5px}
.td-s .sb{display:block;margin:5px 0 0 auto;width:96px;height:4px;border-radius:2px;background:var(--line,#eef0f3);overflow:hidden}
.td-s .sb u{display:block;height:100%;border-radius:2px;background:linear-gradient(90deg,#7aa7ff,var(--accent,#2a62f5))}
th.th-s{text-align:right}
@media (max-width:1100px){.td-s,th.th-s{display:none}}
/* v59 行情表：名称列按内容宽度，多出的宽度均分给数据列（名称和价格之间不再空一大块） */
table:has(#tb) th:nth-child(2),#tb td:nth-child(2){width:1%;padding-right:8px}
/* 名称最多占 100px，超长的（World Liberty Financial USD 之类）显示省略号，鼠标悬停看全名；价格列也按内容宽度，空出来的宽度给右边的数据列 */
#tb .cn div{min-width:0;max-width:100px}
#tb .cn b,#tb .cn small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
table:has(#tb) th:nth-child(3),#tb td:nth-child(3){width:1%}

/* v59 行情表标题下的说明文字不显示 */
#tblSub{display:none}

/* ───────── v34 统一：首页色板、字体、版心对齐全站（以 /stocks 为准）；页头 / 行情条 / 页脚 / 底部标签栏由 shell.css 负责 ───────── */
:root{--hbg:#f5f7fb;--ink:#1b1f27;--ink2:#4b5563;--mute:#6b7280;--blue:#2a62f5;--blue2:#4d80ff;--blue-soft:#eef3ff;--surface:#fff;--card:#fff;--font:var(--hx-font)}
:root[data-theme=dark]{--hbg:#0f141b;--ink:#e8ecf3;--ink2:#c3ccdb;--mute:#8b97ab;--surface:#161d28;--card:#161d28;--blue:#4d80ff;--blue2:#6d98ff;--blue-soft:rgba(77,128,255,.16)}
main .wrap,.strip-w .wrap{max-width:var(--wrap,1480px);padding:0 16px}
.aifab{background:linear-gradient(135deg,var(--ai1),var(--ai2))!important;box-shadow:0 6px 20px rgba(42,98,245,.36)!important}
.tabbar{display:none!important}
/* v59 首页英文版（/en，<html class="en">）：不展示数据来源 / 免责小字；入口角标「新」换成 New */
html.en .aix-ft{display:none}
html.en .entry a.hot:after{content:"New";right:calc(50% - 34px)}
html.en .hero h1{white-space:normal}
html.en .hero h1 span{white-space:nowrap}
html.en .hero .eyebrow em{margin-right:6px}
/* 首页入口「HOT」角标（美股代币化），与「新」同位置，橙色渐变 */
.entry a.fire:after,html.en .entry a.fire:after{content:"HOT";right:calc(50% - 36px);background:linear-gradient(135deg,#ff9a1f,#ff4d2e);letter-spacing:.3px;box-shadow:0 2px 6px rgba(255,90,40,.35);animation:fxhot 2.4s ease-in-out infinite}
@keyframes fxhot{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
@media (prefers-reduced-motion:reduce){.entry a.fire:after{animation:none}}
/* v66 首页常用拖动排序：被拖的图标原地隐藏（不能移动它，否则手机 Safari 收不到后续触摸），占位副本跟着手指换位 */
.sheet.edit #gFav .si{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
#gFav .si.drag-src{position:fixed!important;left:-9999px;top:0;opacity:0;pointer-events:none;animation:none!important}
#gFav .si.ph{animation:none!important;opacity:.3;outline:2px dashed var(--blue);outline-offset:-2px;border-radius:16px}
/* v68 首页轮播里的图片 banner（后台「Banner 管理」上传）：铺满整张卡；控制条（圆点、箭头）照常浮在上面 */
.sl.s-img{padding:0;background:var(--surface)}
.sl.s-img .sl-ilink{display:block;width:100%;height:100%}
.sl.s-img img{display:block;width:100%;height:100%;object-fit:cover}
.bnm .ms.s-img{padding:0;min-height:0;display:block;aspect-ratio:356/92;overflow:hidden}
.bnm .ms.s-img img{display:block;width:100%;height:100%;object-fit:cover}

/* v59 首页 AI 区：非小号 IP 形象 + AI 科技感（网格地平线、扫描光、粒子、光环、流光边框） */
.aix{isolation:isolate;min-height:440px}
.aix-fx{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;border-radius:inherit}
.aix-fx .g{position:absolute;left:-20%;right:-20%;bottom:-38%;height:78%;
  background-image:linear-gradient(rgba(120,170,255,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(120,170,255,.22) 1px,transparent 1px);
  background-size:46px 46px;transform:perspective(520px) rotateX(64deg);transform-origin:50% 0;
  -webkit-mask:linear-gradient(transparent,#000 35%,#000 70%,transparent);mask:linear-gradient(transparent,#000 35%,#000 70%,transparent);
  animation:aixGrid 6s linear infinite}
@keyframes aixGrid{to{background-position:0 46px,0 0}}
.aix-fx .s{position:absolute;left:0;right:0;top:-30%;height:30%;background:linear-gradient(180deg,transparent,rgba(110,170,255,.10) 60%,rgba(140,190,255,.22) 96%,transparent);animation:aixScan 5.5s cubic-bezier(.4,0,.2,1) infinite}
@keyframes aixScan{0%{transform:translateY(0)}100%{transform:translateY(470%)}}
.aix-fx b{position:absolute;width:4px;height:4px;border-radius:50%;background:#9cc4ff;box-shadow:0 0 10px 2px rgba(120,170,255,.8);opacity:0;animation:aixDot 7s ease-in-out infinite}
.aix-fx b:nth-of-type(1){left:8%;top:72%;animation-delay:0s}.aix-fx b:nth-of-type(2){left:34%;top:84%;animation-delay:1.2s}
.aix-fx b:nth-of-type(3){left:52%;top:20%;animation-delay:2.4s}.aix-fx b:nth-of-type(4){left:66%;top:78%;animation-delay:3.1s;background:#c6a8ff;box-shadow:0 0 10px 2px rgba(170,130,255,.8)}
.aix-fx b:nth-of-type(5){left:88%;top:30%;animation-delay:4.3s}.aix-fx b:nth-of-type(6){left:22%;top:16%;animation-delay:5.2s;background:#7ff0ff;box-shadow:0 0 10px 2px rgba(90,230,255,.8)}
@keyframes aixDot{0%{opacity:0;transform:translateY(10px)}20%{opacity:1}80%{opacity:.8}100%{opacity:0;transform:translateY(-70px)}}
.aix h2{background:linear-gradient(90deg,#fff 30%,#a9c8ff 60%,#d3bcff);-webkit-background-clip:text;background-clip:text;color:transparent}
.aix .tag{box-shadow:0 0 0 1px rgba(150,190,255,.35),0 0 24px rgba(90,140,255,.35)}
.aix-i input{box-shadow:0 0 0 1px rgba(150,190,255,.25)}
.aix-i input:focus{box-shadow:0 0 0 1px #7fb0ff,0 0 26px rgba(90,150,255,.45)}

/* 右侧舞台：IP 站在对话窗左前方，背后旋转光环 */
.aix-stage{position:relative;padding:28px 0 18px 196px}
.aix-ip{position:absolute;left:-26px;bottom:-14px;z-index:3;width:240px;height:auto;filter:drop-shadow(0 24px 30px rgba(3,10,40,.55)) drop-shadow(0 0 22px rgba(80,150,255,.35));animation:aixFloat 4.8s ease-in-out infinite;transform-origin:50% 100%}
@keyframes aixFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-12px) rotate(1.2deg)}}
.aix-halo{position:absolute;left:-46px;bottom:-26px;width:280px;height:280px;z-index:1;pointer-events:none}
.aix-halo i{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(130,180,255,.35)}
.aix-halo i:nth-child(1){background:radial-gradient(circle,rgba(70,140,255,.45),transparent 62%);border:0;animation:aixPulse 3.6s ease-in-out infinite}
.aix-halo i:nth-child(2){inset:18px;border-style:dashed;animation:aixSpin 18s linear infinite}
.aix-halo i:nth-child(3){inset:-14px;border-color:transparent;border-top-color:rgba(140,200,255,.85);border-right-color:rgba(170,130,255,.6);animation:aixSpin 6s linear infinite}
@keyframes aixSpin{to{transform:rotate(360deg)}}
@keyframes aixPulse{0%,100%{transform:scale(.92);opacity:.75}50%{transform:scale(1.06);opacity:1}}

/* 对话窗：流光渐变边框 + 内部微光 */
.aix-stage .aix-win{position:relative;z-index:2;border-color:transparent;background:linear-gradient(rgba(16,30,80,.55),rgba(16,30,80,.55)) padding-box,conic-gradient(from var(--aixA,0deg),rgba(120,170,255,.15),#6fa8ff,#b48cff,rgba(120,170,255,.15) 40%,rgba(120,170,255,.15)) border-box;border:1px solid transparent;animation:aixBorder 6s linear infinite}
@property --aixA{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes aixBorder{to{--aixA:360deg}}
.aix-stage .aix-bar span::after{content:"";display:inline-block;width:6px;height:6px;margin-left:8px;border-radius:50%;background:#35d29a;box-shadow:0 0 8px #35d29a;vertical-align:1px;animation:aixPulse 1.8s ease-in-out infinite}
.aix-stage .aix-chat{min-height:280px;background:radial-gradient(120% 80% at 100% 0,rgba(120,100,255,.12),transparent 60%)}
.aix-stage .cb2.a{position:relative;margin-left:38px;border:1px solid rgba(150,190,255,.18)}
.aix-stage .cb2.a::before{content:"";position:absolute;left:-38px;bottom:0;width:30px;height:30px;border-radius:50%;background:#2f6cf0 url(/fxs/assets/img/fxh-ip.webp) 50% 14%/62px auto no-repeat;box-shadow:0 0 0 2px rgba(150,190,255,.45),0 0 14px rgba(90,150,255,.5)}
.aix-stage .cb2.u{box-shadow:0 8px 22px rgba(42,98,245,.4)}

@media (max-width:1240px){.aix-stage{padding-left:160px}.aix-ip{width:200px;left:-20px}.aix-halo{width:230px;height:230px}}
@media (prefers-reduced-motion:reduce){.aix-fx .g,.aix-fx .s,.aix-fx b,.aix-ip,.aix-halo i,.aix-stage .aix-win{animation:none!important}}
/* 对话区固定高度：新消息从下往上推，顶部渐隐，始终是满的 */
.aix-stage .aix-chat{height:300px;min-height:0;overflow:hidden;justify-content:flex-end;-webkit-mask:linear-gradient(transparent,#000 22%);mask:linear-gradient(transparent,#000 22%)}
.aix-stage .cb2{flex:none}