.nft-snapshot-card { margin-bottom: 16px; }
.nft-snapshot-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin: 12px 0; }
.nft-snapshot-grid > div { padding: 12px; border: 1px solid var(--line); border-radius: 14px; background: rgba(255,255,255,.48); min-width: 0; }
.nft-snapshot-grid span, .nft-snapshot-hash span { display: block; color: var(--muted); font-size: 12px; margin-bottom: 5px; }
.nft-snapshot-grid strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nft-snapshot-actions { display: flex; flex-wrap: wrap; gap: 10px; margin: 10px 0; }
.nft-snapshot-hash code { display: block; overflow-wrap: anywhere; font-size: 12px; }
body.nft-csv-dialog-open { overflow: hidden; }
.nft-csv-password-dialog {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: max(20px, env(safe-area-inset-top)) 16px max(20px, env(safe-area-inset-bottom));
  background: rgba(18, 24, 34, .58);
  backdrop-filter: blur(5px);
}
.nft-csv-password-sheet {
  width: min(440px, 100%);
  padding: 22px;
  border: 1px solid var(--line);
  border-radius: 22px;
  background: var(--card-bg);
  box-shadow: 0 30px 90px rgba(0, 0, 0, .28);
}
.nft-csv-password-sheet h2 { margin: 0 0 8px; }
.nft-csv-password-form { display: grid; gap: 10px; margin-top: 18px; }
.nft-csv-password-form label { font-weight: 700; }
.nft-csv-password-form input {
  width: 100%;
  min-height: 48px;
  padding: 11px 13px;
  border: 1px solid var(--line);
  border-radius: 12px;
  color: var(--text);
  background: var(--input-bg);
  font: inherit;
  font-size: 16px;
}
.nft-csv-password-form input:focus { outline: 2px solid var(--blue); outline-offset: 2px; }
.nft-csv-password-message { min-height: 21px; color: #b42318; font-size: 14px; }
.nft-csv-password-actions { display: flex; justify-content: flex-end; gap: 10px; }
.nft-csv-password-actions button { min-width: 88px; min-height: 44px; }
@media (max-width: 720px) {
  .nft-snapshot-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .nft-csv-password-dialog { align-items: flex-end; padding: 0; }
  .nft-csv-password-sheet {
    width: 100%;
    padding: 22px 18px calc(18px + env(safe-area-inset-bottom));
    border-radius: 22px 22px 0 0;
  }
  .nft-csv-password-actions button { flex: 1; }
}

:root {
  color-scheme: light;
  --bg: #f7f2e8;
  --bg2: #efe6d6;
  --card: rgba(255, 251, 245, .86);
  --card-strong: rgba(255, 253, 249, .97);
  --line: rgba(104, 93, 67, .13);
  --text: #1f2c3d;
  --muted: #6f7a88;
  --shadow: 0 26px 70px rgba(61, 47, 24, .10);
  --blue: #29579a;
  --violet: #7453c7;
  --amber: #d4942d;
  --emerald: #13866a;
  --rose: #cc6187;
  --cyan: #167d93;
  --gold: #b9892f;
  --gold-soft: #dbc182;
  --hero-ink: #182231;
  --page-bg:
    radial-gradient(circle at top right, rgba(201, 164, 92, .18) 0%, rgba(201, 164, 92, 0) 24%),
    radial-gradient(circle at 10% 12%, rgba(41, 87, 154, .12) 0%, rgba(41, 87, 154, 0) 22%),
    radial-gradient(circle at bottom left, rgba(255,255,255,.78) 0%, rgba(255,255,255,0) 18%),
    linear-gradient(180deg, #faf6ee 0%, var(--bg) 42%, var(--bg2) 100%);
  --card-bg:
    linear-gradient(180deg, rgba(255,255,255,.55), rgba(255,255,255,0) 24%),
    linear-gradient(180deg, var(--card-strong), var(--card));
  --hero-bg:
    linear-gradient(125deg, rgba(255,255,255,.72), rgba(255,255,255,0) 36%),
    linear-gradient(180deg, #fffdf8, #f5eee2);
  --nav-bg: linear-gradient(180deg, rgba(255,255,255,.92), rgba(246,240,231,.92));
  --pill-bg: linear-gradient(180deg, rgba(255,255,255,.92) 0%, rgba(244,238,228,.92) 100%);
  --pill-text: #5e6778;
  --metric-bg: linear-gradient(180deg, rgba(255,255,255,.98), rgba(250,245,236,.92));
  --input-bg: rgba(255,255,255,.82);
  --table-head-bg: rgba(223, 210, 181, .22);
  --table-head-text: #74684f;
  --link: #24539a;
}

* { box-sizing: border-box; }
[hidden] { display: none !important; }
html, body { margin: 0; padding: 0; }
body {
  font-family: -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
  color: var(--text);
  background: var(--page-bg);
  transition: background .25s ease, color .25s ease;
}
a { color: var(--link); text-decoration: none; }
a:hover { text-decoration: underline; }
.card {
  background: var(--card-bg);
  border: 1px solid var(--line);
  border-radius: 24px;
  box-shadow: var(--shadow);
  backdrop-filter: blur(14px);
}
.page-shell {
  width: min(1460px, 100%);
  margin: 0 auto;
  padding: 20px 16px 32px;
}
.top-notice {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 18px;
  margin-bottom: 16px;
  background:
    radial-gradient(circle at right center, rgba(201, 164, 92, .16), rgba(201, 164, 92, 0) 30%),
    linear-gradient(90deg, #fff7e5 0%, #fffcf4 100%);
}
.notice-chip {
  flex: 0 0 auto;
  padding: 8px 13px;
  border-radius: 999px;
  background: rgba(185, 137, 47, .12);
  color: #8c6220;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
}
.top-notice-text {
  min-width: 0;
  display: grid;
  gap: 6px;
  font-size: 14px;
  line-height: 1.65;
}
.notice-item { display: flex; flex-wrap: wrap; gap: 8px; }
.notice-copy { font-weight: 700; }
.notice-copy-multiline {
  white-space: normal;
  line-height: 1.9;
  font-weight: 600;
  word-break: break-word;
  overflow-wrap: anywhere;
}
.notice-link {
  display: inline-flex;
  align-items: center;
  padding: 2px 10px;
  border-radius: 999px;
  background: rgba(41,87,154,.10);
  color: #24539a;
  font-size: 12px;
  font-weight: 800;
}
.notice-link:hover { text-decoration: none; background: rgba(41,87,154,.16); }
.notice-time { color: var(--muted); font-size: 12px; }
.notice-archive-head {
  min-width: 0;
  display: grid;
  gap: 6px;
}
.notice-archive-collapsible details { display: grid; gap: 12px; }
.notice-archive-collapsible summary {
  list-style: none;
  cursor: pointer;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,243,235,.94));
  border: 1px solid rgba(104, 93, 67, .12);
}
.notice-archive-collapsible summary::-webkit-details-marker { display: none; }
.notice-expand {
  flex: 0 0 auto;
  color: #24539a;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.6;
}
.notice-archive-collapsible details[open] .notice-expand::after { content: '（已展开）'; }
.notice-archive-body {
  display: grid;
  gap: 12px;
  padding: 16px;
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(251,248,242,.98), rgba(244,238,228,.92));
  border: 1px solid rgba(104, 93, 67, .10);
}
.notice-archive-content {
  min-width: 0;
  width: 100%;
}
.dashboard-announcement {
  margin-bottom: 20px;
  padding: clamp(18px, 3vw, 28px);
  border: 2px solid rgba(194, 45, 45, .58);
  background:
    radial-gradient(circle at top right, rgba(255, 213, 79, .30), transparent 34%),
    linear-gradient(145deg, rgba(255, 251, 235, .99), rgba(255, 232, 232, .97));
  box-shadow: 0 18px 48px rgba(153, 27, 27, .18);
}
.dashboard-announcement-head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
}
.dashboard-announcement-badge {
  flex: 0 0 auto;
  padding: 7px 12px;
  border-radius: 999px;
  color: #fff;
  background: #c62828;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .08em;
}
.dashboard-announcement h2 {
  margin: 0;
  color: #a51414;
  font-size: clamp(20px, 3vw, 28px);
  line-height: 1.35;
}
.dashboard-announcement-body {
  color: #4a2020;
  font-size: clamp(15px, 1.8vw, 17px);
  font-weight: 650;
  line-height: 1.9;
}
.dashboard-announcement-body p { margin: 0 0 8px; }
.dashboard-announcement-body p:last-child { margin-bottom: 0; }
@media (max-width: 640px) {
  .dashboard-announcement-head { align-items: flex-start; flex-direction: column; gap: 8px; }
  .dashboard-announcement { border-radius: 18px; }
}
.hero-shell {
  position: relative;
  padding: 26px 26px 22px;
  margin-bottom: 16px;
  overflow: hidden;
  border: 1px solid rgba(104, 93, 67, .12);
  background: var(--hero-bg);
}
.hero-shell::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(185,137,47,.16), rgba(185,137,47,0) 24%);
  pointer-events: none;
}
h1 { margin: 0 0 8px; font-size: clamp(30px, 4vw, 42px); line-height: 1.08; }
.hero-subtitle {
  margin: 0;
  max-width: 820px;
  color: var(--muted);
  font-size: 16px;
  line-height: 1.6;
}
.hero-domain {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 17px;
  font-weight: 800;
  letter-spacing: .08em;
  color: #596478;
  text-transform: uppercase;
}
.hero-domain::before {
  content: "";
  width: 42px;
  height: 1px;
  background: linear-gradient(90deg, rgba(185,137,47,.92), rgba(185,137,47,0));
}
.hero-update-bar {
  margin-top: 12px;
  min-height: 42px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  border-radius: 14px;
  background: linear-gradient(90deg, rgba(41,87,154,.08) 0%, rgba(185,137,47,.08) 100%);
  border: 1px solid rgba(104, 93, 67, .12);
}
.hero-update-label {
  flex: 0 0 auto;
  font-size: 13px;
  font-weight: 800;
  color: #5d6f95;
}
.hero-update-value {
  min-width: 0;
  font-size: 15px;
  font-weight: 800;
  color: #24539a;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.hero-title-static {
  display: inline-block;
  background: linear-gradient(90deg, #20365d 0%, #24539a 24%, #b9892f 62%, #dfbf77 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-shadow: 0 1px 0 rgba(255,255,255,.28);
}
.top-nav {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
  padding: 10px;
  margin-bottom: 20px;
  background: var(--nav-bg);
}
.top-nav .nav-primary,
.top-nav .nav-secondary { grid-column: span 1; }
.nav-pill {
  white-space: nowrap;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  width: 100%;
  min-height: 42px;
  padding: 0 7px;
  border-radius: 14px;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: .02em;
  color: var(--pill-text);
  background: var(--pill-bg);
  border: 1px solid rgba(122, 111, 85, .12);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9);
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease;
}
.nav-pill span,
.nav-pill .nav-label {
  white-space: nowrap;
}
.nav-pill.nav-primary {
  color: #243f69;
  background: linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(241,246,255,.94) 100%);
  border-color: rgba(41, 87, 154, .16);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 8px 18px rgba(41,87,154,.06);
}
.nav-pill.nav-secondary {
  min-height: 38px;
  color: #7a5b24;
  background: linear-gradient(180deg, rgba(255,251,242,.95) 0%, rgba(246,236,216,.90) 100%);
  border-color: rgba(185, 137, 47, .18);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.88);
}
.nav-pill:hover {
  text-decoration: none;
  transform: translateY(-1px);
  color: #244e8d;
  box-shadow: 0 12px 26px rgba(68, 56, 34, .10);
}
.nav-pill.active {
  color: #fff8ef;
  background: linear-gradient(135deg, #1f4278 0%, #2e66b8 54%, #b9892f 100%);
  border-color: transparent;
  box-shadow: 0 18px 36px rgba(43, 60, 99, .22);
}
.nav-pill.nav-secondary.active {
  color: #fff8ef;
  background: linear-gradient(135deg, #0f7a62 0%, #119174 56%, #b9892f 100%);
  box-shadow: 0 14px 30px rgba(17,145,116,.16);
}
.nav-sub-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  border-radius: 999px;
  font-size: 10px;
  line-height: 1;
  color: #fff8ef;
  background: linear-gradient(135deg, #0f7a62, #b9892f);
  box-shadow: 0 4px 10px rgba(17, 145, 116, .18);
}
.nav-pill.active .nav-sub-icon {
  color: #1f4278;
  background: rgba(255, 248, 239, .88);
}
.nav-group {
  position: relative;
  min-width: 0;
}
.nav-group .nav-pill {
  position: relative;
  z-index: 2;
}
.nav-group-trigger::after {
  content: '⌄';
  margin-left: 5px;
  font-size: 12px;
  opacity: .72;
}
.nav-submenu {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  z-index: 40;
  display: grid;
  gap: 6px;
  min-width: 132px;
  padding: 8px;
  border-radius: 16px;
  background: rgba(255, 252, 246, .98);
  border: 1px solid rgba(122, 111, 85, .16);
  box-shadow: 0 18px 38px rgba(56, 49, 36, .18);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-4px);
  pointer-events: none;
  transition: opacity .16s ease, transform .16s ease, visibility .16s ease;
}
.nav-group:hover .nav-submenu,
.nav-group:focus-within .nav-submenu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
}
.nav-submenu a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 8px;
  border-radius: 11px;
  color: var(--pill-text);
  background: rgba(245, 239, 231, .82);
  font-size: 12px;
  font-weight: 900;
  white-space: nowrap;
}
.nav-submenu a:hover,
.nav-submenu a.active {
  color: #fff8ef;
  text-decoration: none;
  background: linear-gradient(135deg, #1f4278 0%, #2e66b8 54%, #b9892f 100%);
}
.history-subnav {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 0 0 2px;
}
.news-subnav {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.history-tab {
  min-height: 44px;
  border: 1px solid rgba(17, 145, 116, .18);
  border-radius: 14px;
  background: var(--pill-bg);
  color: var(--pill-text);
  font-weight: 900;
  cursor: pointer;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.72);
}
.history-tab.active {
  color: #fff8ef;
  background: linear-gradient(135deg, #0f7a62 0%, #119174 54%, #b9892f 100%);
  border-color: transparent;
  box-shadow: 0 14px 30px rgba(17, 145, 116, .18);
}
.interact-subnav {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-width: 520px;
}
.interact-entry-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.interact-entry-card {
  display: grid;
  justify-items: center;
  gap: 8px;
  padding: 18px 12px;
  min-height: 136px;
  border-radius: 20px;
  color: var(--pill-text);
  background: var(--metric-bg);
  border: 1px solid rgba(22, 125, 147, .14);
  box-shadow: 0 14px 30px rgba(46, 60, 96, .10);
  transition: transform .18s ease, box-shadow .18s ease, color .18s ease;
}
.interact-entry-card:hover {
  text-decoration: none;
  transform: translateY(-2px);
  color: var(--link);
  box-shadow: 0 20px 38px rgba(46, 60, 96, .14);
}
.interact-entry-icon {
  display: grid;
  place-items: center;
  width: 54px;
  height: 54px;
  border-radius: 18px;
  font-size: 28px;
  background: linear-gradient(135deg, rgba(22, 125, 147, .14), rgba(17, 145, 116, .12));
}
.interact-entry-title {
  font-size: 18px;
  font-weight: 950;
  color: var(--text);
}
.interact-entry-action {
  font-size: 13px;
  font-weight: 900;
  color: var(--link);
}

.dashboard-head-inline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

.dashboard-head-title {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.dashboard-action-group {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.dashboard-copy-btn {
  appearance: none;
  border: 1px solid rgba(122, 111, 85, .16);
  min-height: 40px;
  padding: 0 16px;
  border-radius: 14px;
  font: inherit;
  font-weight: 800;
  cursor: pointer;
  color: #5e6778;
  background: linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(245,239,231,.94) 100%);
  box-shadow: 0 10px 24px rgba(70, 57, 33, .08);
  transition: transform .18s ease, box-shadow .18s ease, opacity .18s ease, color .18s ease, background .18s ease;
}

.dashboard-copy-btn:hover {
  transform: translateY(-1px);
  color: #3e4a5c;
  box-shadow: 0 14px 26px rgba(70, 57, 33, .12);
}

.dashboard-copy-btn:disabled {
  cursor: wait;
  opacity: .72;
}

.dashboard-copy-btn.copied {
  color: #315c4f;
  background: linear-gradient(180deg, rgba(243, 249, 245, .98) 0%, rgba(229, 244, 236, .96) 100%);
  border-color: rgba(86, 168, 129, .20);
}

.dashboard-link-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

.dashboard-link-btn:hover {
  text-decoration: none;
}

.dashboard-link-btn:visited {
  color: #546684;
}
.section-summary-text {
  margin: 0;
  color: #677385;
  font-size: 14px;
  line-height: 1.8;
}

.section-action-row {
  display: flex;
  justify-content: flex-start;
  margin-top: 14px;
}
.spa-stage { display: grid; }
.view-panel { display: grid; gap: 14px; min-width: 0; }
.view-intro {
  margin: 0;
  padding: 0 4px 0 16px;
  color: #677385;
  font-size: 14px;
  line-height: 1.7;
  border-left: 3px solid rgba(185, 137, 47, .55);
}
.stats-groups {
  display: grid;
  gap: 14px;
  min-width: 0;
}
.dividend-check-card { padding-bottom: 18px; }
.dividend-check-card .section-head { padding-bottom: 10px; }
.dividend-check-card h2 { margin: 0 0 5px; }
.dividend-check-form { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; padding: 0 18px 12px; }
.dividend-check-form input { min-width: 0; padding: 12px 14px; border: 1px solid var(--line); border-radius: 13px; color: var(--text); background: var(--input-bg); font: inherit; }
.dividend-check-actions { display: flex; gap: 8px; }
.dividend-check-form button { border: 0; border-radius: 13px; padding: 0 20px; color: #fff; background: linear-gradient(135deg, #b9892f, #8d651f); font-weight: 800; cursor: pointer; }
.dividend-check-form .dividend-check-clear { color: var(--text); border: 1px solid var(--line); background: var(--input-bg); }
.dividend-check-form button:disabled { opacity: .6; cursor: wait; }
.dividend-check-result { margin: 0 18px; padding: 14px; border-radius: 14px; border: 1px solid rgba(185,137,47,.18); background: rgba(255,255,255,.58); line-height: 1.6; }
.dividend-check-result.is-error { color: #a51414; border-color: rgba(198,40,40,.25); }
.dividend-check-result.is-empty { color: var(--muted); }
.dividend-check-owner { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 10px; }
.dividend-check-owner code { overflow-wrap: anywhere; }
.dividend-check-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 8px; }
.dividend-check-grid span, .dividend-check-chains > div { display: grid; gap: 3px; padding: 10px; border-radius: 11px; background: rgba(185,137,47,.07); }
.dividend-check-grid strong { font-size: 17px; }
.dividend-check-chains { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; margin-top: 8px; }
.dividend-check-chains span { color: var(--muted); font-size: 13px; }
@media (max-width: 640px) {
  .dividend-check-form { grid-template-columns: 1fr; padding: 0 10px 10px; }
  .dividend-check-actions { display: grid; grid-template-columns: minmax(88px, .55fr) minmax(0, 1fr); }
  .dividend-check-form button { min-height: 44px; }
  .dividend-check-result { margin: 0 10px; padding: 11px; }
  .dividend-check-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .dividend-check-chains { grid-template-columns: 1fr; }
}
.stats-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  min-width: 0;
}
.stats-group-block {
  padding-bottom: 16px;
}
.stats-group-head {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding-bottom: 12px;
}
.stats-group-head h2 {
  font-size: 22px;
}
.stats-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding: 0 16px;
}
.stats-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  padding: 0 16px;
}
.stats-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  padding: 0 16px;
}
.stats-grid-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  padding: 0 16px;
}
.stats-grid-6 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
  padding: 0 16px;
}
.stats-grid-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
  padding: 0 16px;
}
.stats-grid-9 {
  grid-template-columns: repeat(9, minmax(0, 1fr));
  padding: 0 16px;
}
.burn-stats-grid .metric-card {
  min-height: 84px;
  padding-top: 12px;
  padding-bottom: 12px;
}
.burn-trend-card {
  padding-bottom: 8px;
}
.burn-trend-wrap {
  padding: 0 16px 4px;
}
.burn-trend-chart {
  min-height: 188px;
  border-radius: 16px;
  border: 1px solid rgba(199, 135, 23, .16);
  background: linear-gradient(180deg, rgba(255, 249, 236, .96), rgba(255, 253, 247, .88));
  overflow: hidden;
}
.burn-trend-svg {
  display: block;
  width: 100%;
  height: auto;
}
.burn-trend-axis {
  stroke: rgba(166, 125, 28, .26);
  stroke-width: 1;
}
.burn-hour-grid {
  stroke: rgba(126, 91, 20, .12);
  stroke-width: 1;
}
.burn-hour-grid.strong {
  stroke: rgba(126, 91, 20, .28);
}
.burn-hour-bar {
  fill: url(#burnHourlyBarFill);
  stroke: rgba(158, 94, 8, .45);
  stroke-width: 1;
  filter: drop-shadow(0 4px 8px rgba(164, 98, 12, .12));
}
.burn-hour-value {
  fill: #9a5f05;
  font-size: 9px;
  font-weight: 900;
  paint-order: stroke;
  stroke: rgba(255, 250, 235, .9);
  stroke-width: 2px;
}
.burn-cumulative-line {
  fill: none;
  stroke: #2563eb;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.burn-cumulative-label {
  fill: #315cba;
  font-size: 11px;
  font-weight: 800;
}
.burn-trend-line {
  fill: none;
  stroke: #d08a16;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.burn-trend-area {
  fill: url(#burnTrendFill);
}
.burn-hourly-area {
  fill: url(#burnHourlyFill);
}
.burn-hourly-head {
  margin-top: 14px;
}
.burn-hourly-title-block {
  margin: 16px 16px 10px;
  text-align: center;
}
.burn-hourly-title-block h2 {
  margin: 0 0 6px;
  font-size: 20px;
}
.burn-hourly-big-summary {
  color: #7d5612;
  font-size: 18px;
  font-weight: 900;
  letter-spacing: .01em;
}
.burn-hourly-summary-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
}
.burn-hourly-update-note {
  color: #9a6a18;
  font-size: 12px;
  font-weight: 800;
  opacity: .78;
}
.dashboard-burn-hourly-wrap {
  padding: 0 0 2px;
}
.dashboard-burn-hourly-chart {
  min-height: 168px;
}
.burn-tx-list {
  display: grid;
  gap: 6px;
  max-height: 210px;
  overflow: auto;
  padding: 0 12px 12px;
}
.burn-tx-row {
  display: grid;
  grid-template-columns: minmax(10.5em, 1fr) 3.8em minmax(8em, auto);
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border: 1px solid rgba(166, 125, 28, .12);
  border-radius: 12px;
  background: rgba(255, 255, 255, .62);
  color: #6f5530;
  font-size: 12px;
  white-space: nowrap;
}
.burn-tx-head {
  position: sticky;
  top: 0;
  z-index: 1;
  background: rgba(255, 248, 235, .96);
  color: #7c4a08;
  font-weight: 900;
}
.burn-tx-row b {
  color: #9a5f05;
  font-size: 13px;
  text-align: right;
}
.burn-tx-head b {
  color: #dc2626;
}
.burn-tx-row a {
  color: #24539a;
  font-weight: 800;
  text-align: center;
}
.claim-rule-card {
  margin: 0 16px 12px;
  padding: 12px 14px;
  border-radius: 16px;
  border: 1px solid rgba(16, 185, 129, .16);
  background: linear-gradient(135deg, rgba(236, 253, 245, .82), rgba(255,255,255,.58));
}
.claim-rule-card h3 {
  margin: 0 0 8px;
  text-align: center;
  color: #065f46;
  font-size: 15px;
  font-weight: 1000;
}
.claim-rule-lines {
  display: grid;
  gap: 6px;
}
.claim-rule-lines p {
  margin: 0;
  display: grid;
  grid-template-columns: 1.2fr .9fr .9fr;
  align-items: center;
  gap: 8px;
  color: #27584c;
  font-size: 12px;
  font-weight: 850;
}
.claim-rule-lines b {
  color: #064e3b;
}
.claim-rule-lines span:last-child {
  color: #b45309;
}
.claim-reward-split {
  display: grid;
  gap: 12px;
  padding: 0 16px;
}
.claim-reward-group {
  border: 1px solid rgba(16, 185, 129, .16);
  border-radius: 18px;
  padding: 12px 0 14px;
  background: rgba(255, 255, 255, .45);
}
.claim-reward-group-today {
  background: linear-gradient(135deg, rgba(236, 253, 245, .78), rgba(255, 255, 255, .48));
}
.claim-reward-group-release {
  background: linear-gradient(135deg, rgba(236, 253, 245, .62), rgba(255, 255, 255, .46));
}
.claim-reward-group-total {
  background: linear-gradient(135deg, rgba(240, 253, 250, .58), rgba(255, 255, 255, .42));
  border-style: dashed;
}
.claim-reward-line-list {
  padding: 0 12px;
}
.claim-reward-table-wrap {
  overflow-x: auto;
  border: 1px solid rgba(16, 185, 129, .12);
  border-radius: 14px;
  background: rgba(255,255,255,.56);
}
.claim-reward-table {
  width: 100%;
  min-width: 0;
  table-layout: fixed;
  border-collapse: collapse;
  color: #285b4e;
  font-size: 12px;
  font-weight: 800;
}
.claim-reward-table th,
.claim-reward-table td {
  padding: 8px 6px;
  border-bottom: 1px solid rgba(16, 185, 129, .10);
  border-right: 1px solid rgba(16, 185, 129, .16);
  text-align: center;
  white-space: nowrap;
}
.claim-reward-table th:last-child,
.claim-reward-table td:last-child { border-right: 0; }
.claim-reward-table th:nth-child(1), .claim-reward-table td:nth-child(1) { width: 20%; }
.claim-reward-table th:nth-child(2), .claim-reward-table td:nth-child(2) { width: 32%; }
.claim-reward-table th:nth-child(3), .claim-reward-table td:nth-child(3) { width: 16%; }
.claim-reward-table th:nth-child(4), .claim-reward-table td:nth-child(4) { width: 32%; }
.claim-reward-table-compact th:nth-child(1), .claim-reward-table-compact td:nth-child(1) { width: 26%; }
.claim-reward-table-compact th:nth-child(2), .claim-reward-table-compact td:nth-child(2) { width: 46%; }
.claim-reward-table-compact th:nth-child(3), .claim-reward-table-compact td:nth-child(3) { width: 28%; }
.claim-reward-table th {
  color: #0f766e;
  background: rgba(16, 185, 129, .08);
  font-weight: 950;
}
.claim-reward-table td:nth-child(2) {
  color: #047857;
  font-weight: 950;
}
.claim-reward-table tfoot td,
.claim-reward-table tfoot td:nth-child(2) {
  color: #06120f;
  font-weight: 1000;
}
.claim-reward-table tfoot td:nth-child(2),
.claim-reward-table tfoot td:nth-child(3) {
  font-size: 15px;
  letter-spacing: -.2px;
}
.claim-reward-table td.claim-burn-amount,
.claim-reward-table tfoot td.claim-burn-amount {
  color: #dc2626;
  font-weight: 1000;
}
.claim-reward-table tfoot td.claim-burn-amount {
  font-size: 15px;
}
.claim-reward-table tfoot td {
  border-bottom: 0;
  background: rgba(16, 185, 129, .18);
  color: #06120f;
  font-weight: 1000;
  font-size: 13px;
}
.claim-reward-group-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 14px 10px;
  color: #0f766e;
  font-size: 14px;
  font-weight: 950;
  text-align: center;
  white-space: nowrap;
}
.claim-reward-group-title b {
  padding: 3px 8px;
  border-radius: 999px;
  background: rgba(16, 185, 129, .12);
  color: #047857;
  font-size: 11px;
  font-weight: 900;
}
.claim-reward-group .claim-reward-grid {
  padding: 0 10px;
}
.claim-reward-cycle-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  padding: 12px 16px 0;
}
.claim-release-today-card {
  margin: 12px 16px 0;
  padding: 14px 16px;
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  background: linear-gradient(135deg, rgba(236, 253, 245, .92), rgba(209, 250, 229, .76));
  border: 1px solid rgba(16, 185, 129, .24);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.85), 0 10px 28px rgba(5, 150, 105, .08);
}
.claim-release-value {
  margin-top: 4px;
  color: #047857;
  font-size: 24px;
  line-height: 1.12;
  font-weight: 950;
  letter-spacing: -.02em;
}
.claim-release-meta {
  display: grid;
  gap: 5px;
  text-align: right;
  color: #4b7f69;
  font-size: 12px;
  font-weight: 800;
}
.claim-release-meta b {
  color: #0f766e;
  font-weight: 900;
}
.claim-cycle-card {
  padding: 12px;
  border-radius: 16px;
}
.claim-cycle-head {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  color: #106b55;
  font-size: 13px;
  font-weight: 900;
}
.claim-cycle-amount {
  margin-top: 8px;
  color: #0c8064;
  font-size: 20px;
  font-weight: 900;
}
.claim-cycle-rule {
  display: inline-flex;
  width: fit-content;
  margin-top: 7px;
  padding: 4px 8px;
  border-radius: 999px;
  color: #0f766e;
  background: rgba(16, 185, 129, .10);
  font-size: 12px;
  font-weight: 900;
}
.claim-plan-list {
  display: grid;
  gap: 5px;
  margin-top: 8px;
  color: var(--muted);
  font-size: 12px;
}
.staking-trend-area {
  fill: url(#stakingTrendFill);
}
.staking-trend-line {
  fill: none;
  stroke: #119174;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.staking-trend-dot {
  fill: #effcf7;
  stroke: #119174;
  stroke-width: 2;
}
.burn-trend-dot {
  fill: #fff7e3;
  stroke: #c67f11;
  stroke-width: 2;
}
.burn-trend-label {
  fill: #8c6420;
  font-size: 10px;
  font-weight: 700;
}
.burn-trend-empty {
  min-height: 188px;
  display: grid;
  place-items: center;
  color: var(--muted);
  font-size: 14px;
}

.metric-card { padding: 14px 12px; min-width: 0; border-radius: 18px; }
.metric-card {
  background: var(--metric-bg);
  border: 1px solid rgba(116, 103, 73, .10);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9);
}
.metric-card-pool-glow {
  position: relative;
  overflow: hidden;
}
.metric-card-pool-glow::before {
  content: "";
  position: absolute;
  top: 0;
  left: -35%;
  width: 42%;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(122,92,255,.1) 16%, rgba(104,209,255,.92) 48%, rgba(171,112,255,.88) 72%, rgba(255,255,255,0) 100%);
  box-shadow: 0 0 10px rgba(97, 189, 255, .45);
  animation: poolGlowSweep 4.2s linear infinite;
  pointer-events: none;
}
.metric-card-pool-glow::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(135deg, rgba(82, 123, 255, .08), rgba(130, 91, 255, 0) 40%);
  pointer-events: none;
}
.metric-label { color: var(--muted); font-size: 12px; margin-bottom: 6px; line-height: 1.35; }
.metric-label-fanchen { color: #12a874; font-weight: 800; }
.metric-label-lingshan { color: #7c3aed; font-weight: 800; }
.metric-label-qitian {
  font-weight: 800;
  background: linear-gradient(90deg, #ff6b6b 0%, #f59e0b 28%, #22c55e 52%, #3b82f6 76%, #a855f7 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.metric-value { font-size: 24px; font-weight: 900; line-height: 1.08; letter-spacing: -.03em; color: var(--hero-ink); }
.metric-small { font-size: 20px; }
.metric-tiny { font-size: 14px; line-height: 1.35; }
.metric-roll {
  animation: metricRoll .5s cubic-bezier(.2, .7, .2, 1);
  transform-origin: 50% 50%;
  will-change: transform, opacity;
}

@keyframes metricRoll {
  0% {
    opacity: .15;
    transform: translateY(14px) scaleY(.92);
    filter: blur(1.5px);
  }
  55% {
    opacity: 1;
    transform: translateY(-2px) scaleY(1.02);
    filter: blur(0);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scaleY(1);
    filter: blur(0);
  }
}
@keyframes poolGlowSweep {
  0% {
    transform: translateX(0);
    opacity: .2;
  }
  10% {
    opacity: 1;
  }
  50% {
    opacity: .92;
  }
  100% {
    transform: translateX(320%);
    opacity: .2;
  }
}
.metric-status { font-size: 18px; color: var(--emerald); }
.status-bad { color: #d94e4b; }
.status-ok { color: var(--emerald); }
.rank-text { font-weight: 800; }
.rank-fanchen { color: #12a874; }
.rank-lingshan { color: #7c3aed; }
.rank-qitian {
  background: linear-gradient(90deg, #ff6b6b 0%, #f59e0b 28%, #22c55e 52%, #3b82f6 76%, #a855f7 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.content-stack, .graph-grid, .links-grid { display: grid; gap: 14px; min-width: 0; }
.staking-daily-table th:nth-child(2), .staking-daily-table td:nth-child(2) { min-width: 7em; }
.staking-daily-table th:nth-child(3), .staking-daily-table td:nth-child(3),
.staking-daily-table th:nth-child(4), .staking-daily-table td:nth-child(4) { min-width: 5.5em; }
.section-card {
  position: relative;
  overflow: hidden;
}
.section-card::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  box-shadow: inset 0 0 0 1px rgba(116, 103, 73, .10);
  pointer-events: none;
}
.section-card::before {
  content: "";
  display: block;
  height: 4px;
  background: linear-gradient(90deg, rgba(41,87,154,.95), rgba(41,87,154,0));
}
.section-blue::before { background: linear-gradient(90deg, rgba(41,87,154,.95), rgba(41,87,154,0)); }
.section-emerald::before { background: linear-gradient(90deg, rgba(19,134,106,.95), rgba(19,134,106,0)); }
.section-gold::before { background: linear-gradient(90deg, rgba(185,137,47,.95), rgba(185,137,47,0)); }
.section-violet::before { background: linear-gradient(90deg, rgba(116,83,199,.95), rgba(116,83,199,0)); }
.section-cyan::before { background: linear-gradient(90deg, rgba(22,125,147,.95), rgba(22,125,147,0)); }
.section-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 20px 22px 0;
}
.section-head h2 {
  margin: 0;
  font-size: 24px;
  grid-column: 1;
  text-align: left;
  letter-spacing: -.02em;
}
.hint {
  color: var(--muted);
  font-size: 13px;
  grid-column: 2;
  justify-self: end;
  white-space: nowrap;
  text-align: right;
}
.table-wrap, .placeholder-body, .page-copy {
  padding: 0 20px 20px;
  min-width: 0;
  max-width: 100%;
  -webkit-overflow-scrolling: touch;
}
.mobile-scroll-note {
  display: none;
  margin: 2px 0 8px;
  font-size: 11px;
  color: #7283a1;
  white-space: nowrap;
}
.plan-wrap {
  overflow-x: visible;
  width: 100%;
}
.drag-scroll-wrap {
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
  max-width: 100%;
  -webkit-overflow-scrolling: touch;
  touch-action: auto;
  overscroll-behavior-x: contain;
  overscroll-behavior-y: auto;
  cursor: grab;
}
.drag-scroll-wrap:active { cursor: grabbing; }
table { width: 100%; max-width: 100%; border-collapse: collapse; table-layout: fixed; }
.plan-table {
  table-layout: auto;
  width: 100%;
}
.plan-table th, .plan-table td {
  width: auto;
  white-space: nowrap;
  word-break: normal;
  padding-left: 12px;
  padding-right: 12px;
}
.plan-table th:first-child, .plan-table td:first-child { padding-left: 8px; }
.plan-table th:last-child, .plan-table td:last-child { padding-right: 8px; }
.plan-table th:nth-child(5), .plan-table td:nth-child(5) { min-width: 6.5em; }
.order-table, .top-table, .burn-table {
  table-layout: auto;
  width: max-content;
  min-width: 100%;
  max-width: none;
}
.order-table th, .order-table td, .top-table th, .top-table td, .burn-table th, .burn-table td {
  white-space: nowrap;
  word-break: normal;
  padding-left: .82em;
  padding-right: .82em;
}
.order-table th:first-child, .order-table td:first-child,
.top-table th:first-child, .top-table td:first-child { padding-left: 8px; }
.order-table th:last-child, .order-table td:last-child,
.top-table th:last-child, .top-table td:last-child { padding-right: 8px; }
.order-table .col-id { min-width: 4em; }
.order-table .col-amount { min-width: 6em; }
.order-table .col-plan { min-width: 5em; }
.order-table .col-time { min-width: 10.5em; }
.order-table .col-wallet { min-width: 19em; }
.top-table .col-index { min-width: 4em; }
.top-table .col-teamstake,
.top-table .col-active,
.top-table .col-paid { min-width: 7em; }
.top-table .col-teamsize { min-width: 5em; }
.top-table .col-rank { min-width: 6em; }
.top-table .col-wallet { min-width: 19em; }
.burn-table th:nth-child(1), .burn-table td:nth-child(1) { min-width: 7em; }
.burn-table th:nth-child(2), .burn-table td:nth-child(2) { min-width: 5em; }
.burn-table th:nth-child(3), .burn-table td:nth-child(3) { min-width: 15em; }
.burn-amount-cell {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}
.burn-fire-icons {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  color: #f97316;
  font-size: 14px;
  letter-spacing: -1px;
  vertical-align: middle;
}
.burn-fire-icons em {
  margin-left: 3px;
  color: #9a3412;
  font-style: normal;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0;
}
.wallet-text {
  display: inline-block;
  min-width: max-content;
  font-variant-numeric: tabular-nums;
}
th, td {
  padding: 14px 10px;
  border-bottom: 1px solid var(--line);
  text-align: left;
  font-size: 14px;
  vertical-align: top;
  word-break: break-word;
}
th { color: var(--table-head-text); background: var(--table-head-bg); font-weight: 800; font-size: 14px; }
tr:last-child td { border-bottom: none; }
.addr { word-break: break-all; }
.plan-table .addr, .order-table .addr, .top-table .addr { word-break: normal; }
.graph-grid { grid-template-columns: 1fr 1fr; }
.tree-panel { grid-column: 1 / -1; }
.block-card { padding: 0 0 16px; }
.compact-panel { min-height: 132px; }
.search-row { display: grid; gap: 12px; padding: 0 16px; }
.search-row input {
  width: 100%;
  padding: 14px 16px;
  border-radius: 16px;
  border: 1px solid rgba(122, 111, 85, .18);
  background: var(--input-bg);
  color: var(--text);
  font-size: 14px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.85);
}
.search-actions { display: flex; gap: 10px; }
button {
  border: 0;
  border-radius: 14px;
  padding: 12px 16px;
  font-weight: 800;
  color: #fff8ef;
  background: linear-gradient(135deg, #1f4278 0%, #2c5ea7 60%, #b9892f 100%);
  cursor: pointer;
  box-shadow: 0 12px 24px rgba(46, 60, 96, .18);
}
.button-ghost { background: linear-gradient(135deg, #8c98ab 0%, #6f7d92 100%); }
.node-detail { padding: 0 16px; line-height: 1.7; }
.muted { color: var(--muted); }
.tree-root { padding: 0 16px 16px; overflow-x: auto; }
.tree { list-style: none; margin: 0; padding-left: 0; }
.tree ul { list-style: none; margin: 10px 0 0 20px; padding-left: 18px; border-left: 1px dashed rgba(124,58,237,.26); }
.tree li { margin: 10px 0; }
.node-row {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  border-radius: 18px;
  border: 1px solid rgba(122, 111, 85, .12);
  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(249,245,238,.92));
}
.node-row.active { outline: 2px solid rgba(41,87,154,.20); box-shadow: 0 12px 28px rgba(63, 50, 28, .10); }
.node-row.level-0 { background: #f2f6fb; }
.node-row.level-1 { background: #f6f1fa; }
.node-row.level-2 { background: #f1f8f4; }
.node-row.level-3 { background: #fbf5ea; }
.node-row.level-4, .node-row.level-deep { background: #f7f6f3; }
.node-row.placeholder-node { background: #f5f0f8; }
.node-row.root-node { background: #f1f5fb; }
.node-row.lingshan-node { box-shadow: inset 0 0 0 1px rgba(124,58,237,.18); }
.node-row.qitian-node { box-shadow: inset 0 0 0 1px rgba(245,158,11,.22), 0 8px 24px rgba(59,130,246,.08); }
.node-row.fanchen-node { box-shadow: inset 0 0 0 1px rgba(18,168,116,.12); }
.toggle {
  width: 30px; height: 30px; border-radius: 999px; padding: 0; border: 0;
  background: linear-gradient(135deg, #264d8f, #b9892f); color: white; font-weight: 900;
}
.toggle.placeholder { background: #d5ddef; color: #51607e; cursor: default; }
.node-title { font-weight: 800; }
.node-sub { margin-top: 3px; color: var(--muted); font-size: 12px; }
.badges { display: flex; flex-wrap: wrap; gap: 8px; }
.badge {
  display: inline-flex; align-items: center; padding: 7px 11px; border-radius: 999px;
  background: rgba(41,87,154,.10); color: #2d58b3; font-size: 12px; font-weight: 800;
}
.rank-placeholder { background: rgba(124,58,237,.12); color: #6d34d6; }
.rank-root { background: rgba(14,165,198,.12); color: #0d7d97; }
.badge.rank-fanchen { background: rgba(18,168,116,.12); color: #0e8b60; }
.badge.rank-lingshan { background: rgba(124,58,237,.12); color: #6d34d6; }
.badge.rank-qitian {
  background: linear-gradient(90deg, rgba(255,107,107,.18), rgba(245,158,11,.18), rgba(34,197,94,.18), rgba(59,130,246,.18), rgba(168,85,247,.18));
  color: #7a3f00;
}
.placeholder-grid, .links-grid { display: grid; gap: 14px; }
.placeholder-hero, .notice-archive-item { padding: 18px; }
.placeholder-hero h2 { margin: 0 0 8px; font-size: 24px; }
.placeholder-hero p { margin: 0; color: var(--muted); line-height: 1.7; }
.placeholder-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.placeholder-stat { padding: 16px; }
.placeholder-label { color: var(--muted); font-size: 13px; margin-bottom: 6px; }
.placeholder-value { font-size: 22px; font-weight: 800; }
.notice-list { display: grid; gap: 12px; }
.notice-archive-item { display: grid; gap: 10px; }
.notice-archive-item time { color: var(--muted); font-size: 12px; }
.link-list { margin: 0; padding: 0 18px 18px 34px; }
.link-list li { margin: 8px 0; line-height: 1.65; word-break: break-all; }
@media (max-width: 980px) {
  .stats-grid,
  .stats-grid-2,
  .stats-grid-3,
  .stats-grid-4,
  .stats-grid-5,
  .stats-grid-6 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .stats-grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .stats-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .claim-reward-cycle-cards { grid-template-columns: 1fr; }
  .placeholder-stats, .graph-grid, .links-grid { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  html, body { overflow-x: hidden; }
  .page-shell { padding: 10px 6px 20px; }
  .top-nav {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 3px;
    padding: 5px;
  }
  .top-nav .nav-primary,
  .top-nav .nav-secondary { grid-column: span 1; }
  .nav-pill,
  .nav-group {
    min-height: 32px;
    padding: 0 1px;
    font-size: 9px;
    letter-spacing: 0;
    overflow: hidden;
    text-overflow: clip;
  }
  .nav-submenu {
    min-width: 104px;
    padding: 6px;
    gap: 4px;
    border-radius: 12px;
  }
  .nav-submenu a {
    min-height: 30px;
    padding: 0 6px;
    font-size: 11px;
    border-radius: 9px;
  }
  .nav-group-trigger::after { margin-left: 3px; font-size: 10px; }
  .nav-sub-icon { width: 8px; height: 8px; font-size: 7px; flex: 0 0 auto; }
  .history-subnav { gap: 6px; }
  .news-subnav { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 4px; }
  .history-tab { min-height: 38px; font-size: 12px; border-radius: 12px; }
  .news-tab { min-height: 34px; font-size: 10px; padding: 0 2px; }
  .claim-reward-split { padding: 0 10px; gap: 10px; }
  .claim-rule-card { margin: 0 10px 10px; padding: 10px; }
  .claim-rule-lines p { grid-template-columns: 1fr .8fr .8fr; gap: 5px; font-size: 11px; }
  .claim-reward-line-list { padding: 0 10px; }
  .claim-reward-table { min-width: 0; font-size: 11px; }
  .claim-reward-table th, .claim-reward-table td { padding: 7px 3px; }
  .claim-reward-table tfoot td { font-size: 12px; }
  .claim-reward-group-title { padding: 0 10px 9px; font-size: 12px; gap: 5px; }
  .claim-reward-group-title b { padding: 2px 6px; font-size: 10px; }
  .claim-release-today-card { align-items: flex-start; flex-direction: column; }
  .claim-release-meta { text-align: left; }
  .burn-tx-row { grid-template-columns: minmax(10.5em, 1fr) 3.4em minmax(7.5em, auto); gap: 6px; }
  .dashboard-head-inline {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    gap: 10px;
  }
  .dashboard-head-title {
    display: grid;
    gap: 4px;
    width: 100%;
  }
  .dashboard-action-group {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
    width: 100%;
  }
  .dashboard-copy-btn {
    width: 100%;
    min-width: 0;
    min-height: 34px;
    padding: 0 4px;
    border-radius: 11px;
    font-size: 0;
    line-height: 1;
    white-space: nowrap;
  }
  .dashboard-copy-btn::before {
    content: attr(data-mobile-label);
    color: currentColor;
    font-size: 11px;
    line-height: 1;
  }
  .view-intro { font-size: 13px; padding: 0 2px; }
  .stats-grid,
  .stats-grid-2,
  .stats-grid-3,
  .stats-grid-5,
  .stats-grid-6 { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; padding: 0 10px; }
  .stats-grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .stats-groups > .stats-grid-3,
  .history-pane > .stats-grid-3,
  .section-card > .stats-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
  .metric-card { padding: 12px 10px; border-radius: 16px; }
  .metric-label { font-size: 11px; margin-bottom: 5px; }
  .metric-value { font-size: 19px; }
  .metric-small { font-size: 17px; }
  .metric-status { font-size: 16px; }
  .metric-card-compact {
    min-height: 64px;
    padding: 9px 8px;
  }
  .metric-card-compact .metric-label {
    font-size: 10px;
  }
  .metric-card-compact .metric-value {
    font-size: clamp(11px, 3.2vw, 15px);
  }

  #dogshitSupply {
    font-size: 34px;
    line-height: 1.02;
    letter-spacing: -.04em;
    white-space: nowrap;
  }
  .dogshit-grid-compact {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  h1 { font-size: 28px; }
  .hero-domain { font-size: 17px; }
  .search-actions { display: grid; grid-template-columns: 1fr 1fr; }
  .section-head {
    grid-template-columns: minmax(0, 1fr);
    justify-items: start;
    gap: 4px;
    padding: 14px 12px 0;
  }
  .section-head h2 {
    grid-column: 1;
    width: 100%;
    text-align: left;
    font-size: 18px;
  }
  .hint {
    grid-column: 1;
    justify-self: start;
    text-align: left;
    font-size: 11px;
    white-space: normal;
  }
  .table-wrap, .placeholder-body, .page-copy {
    padding: 0 8px 12px;
  }
  .notice-archive-collapsible summary {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
    padding: 12px 12px;
  }
  .notice-expand {
    justify-self: start;
    font-size: 11px;
  }
  .notice-archive-body {
    padding: 12px;
  }
  .notice-copy-multiline {
    font-size: 13px;
    line-height: 1.9;
  }
  .mobile-scroll-note {
    display: block;
    margin: 2px 0 8px;
    font-size: 10px;
  }
  .plan-wrap {
    overflow-x: visible;
  }
  .plan-table {
    table-layout: fixed;
  }
  .plan-table th, .plan-table td {
    font-size: 10px;
    padding: 8px 3px;
  }
  .plan-table th:nth-child(1), .plan-table td:nth-child(1) { width: 14.2857%; }
  .plan-table th:nth-child(2), .plan-table td:nth-child(2) { width: 14.2857%; }
  .plan-table th:nth-child(3), .plan-table td:nth-child(3) { width: 14.2857%; }
  .plan-table th:nth-child(4), .plan-table td:nth-child(4) { width: 14.2857%; }
  .plan-table th:nth-child(5), .plan-table td:nth-child(5) {
    width: 42.8571%;
    min-width: 0;
  }
  .drag-scroll-wrap {
    padding-bottom: 2px;
    touch-action: auto;
  }
  .order-table th, .order-table td,
  .top-table th, .top-table td,
  .burn-table th, .burn-table td {
    font-size: 10px;
    padding-left: .32em;
    padding-right: .32em;
  }
  .order-table .col-id { min-width: 3em; }
  .order-table .col-amount { min-width: 4.4em; }
  .order-table .col-plan { min-width: 3.8em; }
  .order-table .col-time { min-width: 8.6em; }
  .order-table .col-wallet, .top-table .col-wallet { min-width: 19.5em; }
  .top-table .col-teamstake,
  .top-table .col-active,
  .top-table .col-paid { min-width: 4.8em; }
  .top-table .col-teamsize { min-width: 3.8em; }
  .top-table .col-rank { min-width: 4.2em; }
  .burn-table th:nth-child(1), .burn-table td:nth-child(1) { min-width: 6.6em; }
  .burn-table th:nth-child(2), .burn-table td:nth-child(2) { min-width: 4.6em; }
  .burn-table th:nth-child(3), .burn-table td:nth-child(3) { min-width: 13em; }
  .burn-fire-icons { font-size: 12px; letter-spacing: -2px; }
  .burn-trend-wrap {
    padding: 0 12px 4px;
  }
  .burn-trend-chart {
    min-height: 170px;
  }
  .burn-trend-label {
    font-size: 9px;
  }
}


.contract-full {
  display: inline-flex;
  align-items: center;
  max-width: min(480px, 44vw);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #6b7280;
  font-size: 12px;
  font-weight: 850;
  letter-spacing: 0;
}
.contract-copy-btn {
  appearance: none;
  border: 1px solid rgba(122,111,85,.16);
  border-radius: 999px;
  padding: 6px 10px;
  font: inherit;
  font-size: 12px;
  font-weight: 900;
  cursor: pointer;
  color: #315c4f;
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(235,246,241,.96));
  box-shadow: 0 8px 18px rgba(70,57,33,.08);
}
.contract-copy-btn.copied {
  color: #fff;
  background: linear-gradient(135deg, #159763, #64bf6a);
}
@media (max-width: 760px) {
  .dogshit-card-head, .stardog-head { align-items: flex-start !important; }
  .dogshit-title-wrap, .stardog-title-row { flex-wrap: wrap !important; }
  .contract-full { max-width: 100%; font-size: 10px; }
  .contract-copy-btn { padding: 5px 8px; font-size: 11px; }
}

.dogshit-grid .metric-card {
  min-height: 72px;
}
.dogshit-panel-compact {
  padding-bottom: 12px;
}
.dogshit-card-head {
  align-items: center;
}
.dogshit-title-wrap {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.dogshit-token-logo {
  width: 28px;
  height: 28px;
  flex: 0 0 auto;
  border-radius: 8px;
  object-fit: cover;
  background: #050505;
  box-shadow: 0 4px 10px rgba(37, 20, 6, .16), 0 0 0 1px rgba(255,255,255,.55) inset;
}
.dogshit-grid-compact {
  max-width: 760px;
}
.stats-grid-4-mobile.dogshit-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.metric-card-compact {
  min-height: 72px;
  padding: 10px 10px;
}
.metric-card-compact .metric-label {
  font-size: 11px;
  margin-bottom: 4px;
}
.metric-card-compact .metric-value {
  display: block;
  max-width: 100%;
  min-width: 0;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
  overflow-wrap: anywhere;
  font-size: clamp(12px, 1.32vw, 18px);
  line-height: 1.15;
}
.metric-card-compact .metric-value a {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 900px) {
  .top-nav {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 6px;
    padding: 8px;
  }
  .nav-pill {
    min-height: 42px;
    padding: 0 6px;
    font-size: 13px;
  }
  .stats-grid-6.dogshit-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .page-shell {
    padding-left: 6px;
    padding-right: 6px;
  }
  .top-nav {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 2px;
    padding: 4px;
  }
  .nav-pill,
  .nav-group {
    min-height: 31px;
    padding: 0 1px;
    font-size: 8.5px;
    border-radius: 9px;
    letter-spacing: 0;
    gap: 1px;
  }
  .nav-sub-icon { display: none; }
  .stats-grid-6,
  .stats-grid-7,
  .stats-grid-9,
  .stats-grid-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .stats-grid-6.dogshit-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .stats-grid-4-mobile.dogshit-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
  }
  .stats-grid-4-mobile.dogshit-grid .metric-card {
    min-width: 0;
    padding: 10px 8px;
  }
  .stats-grid-4-mobile.dogshit-grid .metric-label {
    font-size: 10px;
  }
  .stats-grid-4-mobile.dogshit-grid .metric-value {
    font-size: 13px;
  }
  .stats-grid-4-mobile.dogshit-grid .metric-small {
    font-size: 12px;
  }
  .dogshit-token-logo {
    width: 24px;
    height: 24px;
    border-radius: 7px;
  }
  .dogshit-title-wrap {
    gap: 6px;
  }
}

@media (max-width: 430px) {
  .stats-grid-4-mobile.dogshit-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
  }
  .stats-grid-4-mobile.dogshit-grid .metric-card {
    min-height: 68px;
    padding: 9px 8px;
  }
  .stats-grid-4-mobile.dogshit-grid .metric-value,
  .stats-grid-4-mobile.dogshit-grid .metric-small {
    font-size: clamp(12px, 3.8vw, 16px);
    line-height: 1.2;
  }
}


.news-meta-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 0 16px 4px;
  flex-wrap: wrap;
}
.news-source-chip {
  display: inline-flex;
  align-items: center;
  padding: 6px 12px;
  border-radius: 999px;
  background: rgba(185,137,47,.12);
  color: #8c6220;
  font-size: 12px;
  font-weight: 800;
}
.news-list {
  display: grid;
  gap: 12px;
  padding: 0 16px 16px;
}
.news-card {
  padding: 16px;
  border-radius: 18px;
  display: grid;
  gap: 10px;
  min-width: 0;
  overflow: hidden;
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(249,244,236,.92));
  border: 1px solid rgba(116, 103, 73, .10);
}
.news-card-head {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  min-width: 0;
}
.news-rank {
  width: 24px;
  height: 24px;
  border-radius: 999px;
  display: inline-grid;
  place-items: center;
  background: rgba(185,137,47,.14);
  color: #8c6220;
  font-size: 12px;
  font-weight: 800;
}
.news-title {
  display: block;
  min-width: 0;
  max-width: 100%;
  font-size: 18px;
  line-height: 1.55;
  font-weight: 800;
  color: var(--text);
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.news-title:hover { color: #24539a; text-decoration: none; }
.news-card-meta {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  color: var(--muted);
  font-size: 12px;
  min-width: 0;
}
.news-card-meta span {
  min-width: 0;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.news-summary {
  margin: 0;
  color: #41526f;
  font-size: 14px;
  line-height: 1.8;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.news-empty {
  padding: 20px 0;
  color: var(--muted);
  text-align: center;
}
.xwatch-card {
  background: linear-gradient(180deg, rgba(255, 253, 249, .98), rgba(247, 243, 236, .94));
}
.xwatch-warning {
  margin: 0 16px 16px;
  padding: 12px 14px;
  border-radius: 14px;
  background: rgba(185, 137, 47, .10);
  border: 1px solid rgba(185, 137, 47, .18);
  color: #8a5a06;
  font-size: 13px;
  line-height: 1.6;
  font-weight: 700;
}
.xwatch-title-wrap {
  min-width: 0;
  display: grid;
  gap: 6px;
}
.xwatch-handle-row {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  color: #617392;
  font-size: 12px;
  font-weight: 700;
}
.xwatch-time {
  color: var(--muted);
}
.xwatch-bio {
  margin: 0;
  color: #5c6c88;
  font-size: 13px;
  line-height: 1.65;
}
.xwatch-original {
  margin: 0;
  color: #6a7a96;
  font-size: 12px;
  line-height: 1.7;
  white-space: pre-wrap;
}


.worldcup-summary-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  padding: 0 16px 16px;
}
.worldcup-summary-grid-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.worldcup-group-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.worldcup-group-card h3 {
  margin: 0;
  font-size: 18px;
}
.worldcup-group-card {
  border-radius: 18px;
  overflow: hidden;
}
.worldcup-group-card .section-head {
  padding-bottom: 6px;
}
.worldcup-group-wrap {
  padding: 0 10px 8px;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  touch-action: auto;
}
.worldcup-group-table {
  width: 100%;
  min-width: 720px;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
}
.worldcup-group-table thead th {
  font-size: 12px;
  letter-spacing: .01em;
}
.worldcup-group-table tbody tr:nth-child(odd) {
  background: rgba(148,163,184,.08);
}
.worldcup-group-table tbody tr:nth-child(even) {
  background: rgba(255,255,255,.72);
}
.worldcup-rank-cell, .worldcup-group-stat-cell, .worldcup-group-points-cell {
  text-align: center;
}
.worldcup-rank-cell {
  width: 38px;
  font-weight: 800;
  color: #0f766e;
}
.worldcup-group-team-cell {
  width: 40%;
}
.worldcup-group-stat-cell {
  width: 7%;
}
.worldcup-group-points-cell {
  width: 9%;
  font-weight: 800;
  color: #0b6f87;
}
.worldcup-group-teamline {
  align-items: center;
}
.worldcup-group-teamname {
  display: block;
  overflow: hidden;
  white-space: nowrap !important;
  text-overflow: ellipsis;
  overflow-wrap: normal !important;
  word-break: keep-all !important;
  line-height: 1.18;
}
.worldcup-group-wrap, .worldcup-match-wrap { padding-bottom: 8px; }
.worldcup-group-table th, .worldcup-group-table td, .worldcup-match-table th, .worldcup-match-table td {
  white-space: nowrap;
}
.worldcup-match-table {
  width: 100%;
  min-width: 740px;
}
.worldcup-match-wrap {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  touch-action: auto;
}
.worldcup-time-cell {
  min-width: 128px;
  white-space: normal !important;
  line-height: 1.35;
}
.worldcup-team-cell {
  min-width: 132px;
}
.worldcup-status-cell {
  min-width: 74px;
}
.worldcup-teamline {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  max-width: 100%;
}
.worldcup-teamline-right { justify-content: flex-start; }
.worldcup-teamname {
  display: inline-block;
  line-height: 1.25;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.worldcup-flag {
  width: 18px;
  height: 18px;
  min-width: 18px;
  min-height: 18px;
  border-radius: 999px;
  object-fit: cover;
  background: rgba(15,23,42,.06);
  flex: 0 0 18px;
}
.worldcup-score-cell {
  min-width: 46px;
  text-align: center;
  font-weight: 800;
  color: #0f766e;
}
.worldcup-badge {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(41,87,154,.10);
  color: #24539a;
  font-size: 12px;
  font-weight: 800;
}
.worldcup-badge.live {
  background: rgba(239,68,68,.12);
  color: #b91c1c;
}
.worldcup-badge.done {
  background: rgba(16,185,129,.12);
  color: #047857;
}
.worldcup-news-list {
  display: grid;
  gap: 12px;
  padding: 0 16px 16px;
}
.worldcup-news-card { padding: 16px; }
.worldcup-news-summary {
  line-height: 1.55;
}
@media (max-width: 980px) {
  .worldcup-summary-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .worldcup-summary-grid-5 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .worldcup-group-grid { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  .worldcup-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 0 10px 10px; gap: 8px; }
  .worldcup-summary-grid-5 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .stats-grid-5.worldcup-summary-grid-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 6px;
    padding: 0 8px 8px;
  }
  .stats-grid-5.worldcup-summary-grid-5 .metric-card-compact {
    min-height: 58px;
    padding: 7px 4px;
    border-radius: 12px;
  }
  .stats-grid-5.worldcup-summary-grid-5 .metric-card-compact .metric-label {
    font-size: 9px;
    margin-bottom: 3px;
  }
  .stats-grid-5.worldcup-summary-grid-5 .metric-card-compact .metric-value {
    font-size: 13px;
    line-height: 1.1;
  }
  .worldcup-group-card h3 { font-size: 15px; }
  .worldcup-group-card { border-radius: 14px; }
  .worldcup-group-wrap, .worldcup-match-wrap { padding-bottom: 4px; }
  .worldcup-group-wrap { padding: 0 6px 6px; }
  .worldcup-group-table, .worldcup-match-table { font-size: 12px; }
  .worldcup-group-table th, .worldcup-group-table td, .worldcup-match-table th, .worldcup-match-table td { padding: 7px 5px; }
  .worldcup-group-table th { font-size: 11px; }
  .worldcup-group-table { min-width: 720px; }
  .worldcup-group-team-cell { width: 40%; }
  .worldcup-group-stat-cell { width: 7%; }
  .worldcup-group-points-cell { width: 9%; }
  .worldcup-rank-cell { width: 28px; }
  .worldcup-match-table { min-width: 520px; }
  .worldcup-time-cell { min-width: 86px; font-size: 11px; }
  .worldcup-team-cell { min-width: 76px; }
  .worldcup-status-cell { min-width: 50px; }
  .worldcup-flag { width: 15px; height: 15px; min-width: 15px; min-height: 15px; flex-basis: 15px; }
  .worldcup-teamline { gap: 6px; align-items: flex-start; }
  .worldcup-teamname { max-width: 54px; white-space: normal; line-height: 1.2; }
  .worldcup-group-teamname { max-width: none; }
  .worldcup-score-cell { min-width: 34px; font-size: 12px; }
  .worldcup-badge { padding: 2px 4px; font-size: 10px; }
  .worldcup-news-list { gap: 10px; padding: 0 10px 10px; }
  .worldcup-news-card { padding: 12px; }
  .worldcup-news-summary { font-size: 13px; }
}

.worldcup-match-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 0 16px 14px;
  flex-wrap: wrap;
}
.worldcup-match-hint {
  color: var(--muted);
  font-size: 13px;
}
.worldcup-match-toggle {
  border: 0;
  border-radius: 999px;
  background: linear-gradient(135deg, #24539a 0%, #b9892f 100%);
  color: #fff8ef;
  padding: 8px 14px;
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
  box-shadow: 0 12px 24px rgba(56, 52, 42, .18);
}
.worldcup-match-toggle[hidden] {
  display: none;
}
@media (max-width: 760px) {
  .worldcup-match-actions {
    padding: 0 10px 10px;
    align-items: stretch;
  }
  .worldcup-match-toggle {
    width: 100%;
    justify-content: center;
    text-align: center;
    padding: 9px 12px;
    font-size: 12px;
  }
  .worldcup-match-hint {
    font-size: 12px;
  }
}

.binance-filter-row {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.binance-filter-chip {
  border: 1px solid rgba(185,137,47,.22);
  background: rgba(255,255,255,.88);
  color: #8a5a00;
  border-radius: 999px;
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}
.binance-filter-chip.active {
  background: linear-gradient(135deg, #24539a 0%, #b9892f 100%);
  color: #fff8ef;
  border-color: transparent;
}
.binance-list {
  display: grid;
  gap: 12px;
  padding: 0 16px 16px;
}
.binance-card {
  padding: 16px;
  border-radius: 18px;
  display: grid;
  gap: 10px;
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(249,244,236,.92));
  border: 1px solid rgba(116, 103, 73, .10);
}
.binance-card-head {
  display: grid;
  gap: 10px;
}
.binance-card-title-row {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 12px;
  align-items: start;
}
.binance-chip-row {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.binance-chip,
.binance-symbol-chip {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 700;
}
.binance-category-chip { background: rgba(217,119,6,.12); color: #92400e; }
.binance-risk-high { background: rgba(239,68,68,.12); color: #b91c1c; }
.binance-risk-medium { background: rgba(245,158,11,.16); color: #b45309; }
.binance-risk-opportunity { background: rgba(16,185,129,.14); color: #047857; }
.binance-impact-risk { background: rgba(220,38,38,.1); color: #991b1b; }
.binance-impact-ops { background: rgba(59,130,246,.12); color: #1d4ed8; }
.binance-impact-airdrop,
.binance-impact-opportunity { background: rgba(124,58,237,.12); color: #6d28d9; }
.binance-symbol-row { display: flex; gap: 8px; flex-wrap: wrap; }
.binance-symbol-chip { background: rgba(15,23,42,.06); color: #0f172a; }
.muted-chip { color: var(--muted); }
@media (max-width: 720px) {
  .binance-filter-row { justify-content: flex-start; }
  .binance-list { padding: 0 10px 10px; gap: 10px; }
  .binance-card { padding: 12px; }
  .binance-chip, .binance-symbol-chip, .binance-filter-chip { font-size: 11px; padding: 4px 9px; }
}

/* Mobile nav hard lock: keep 4 primary items on row 1 and 3 secondary items on row 2.
   Placed late to override older max-width:900/640 rules. */
@media (max-width: 900px) {
  .top-nav {
    display: grid !important;
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    gap: 5px !important;
    padding: 6px !important;
  }
  .top-nav .nav-primary {
    grid-column: span 3 !important;
    grid-row: 1 !important;
  }
  .top-nav .nav-secondary {
    grid-column: span 4 !important;
    grid-row: 2 !important;
  }
  .top-nav .nav-pill {
    min-width: 0 !important;
    width: 100% !important;
    min-height: 34px !important;
    padding: 0 2px !important;
    font-size: 11.5px !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
  }
  .top-nav .nav-sub-icon { width: 10px; height: 10px; font-size: 8px; }
}


/* 20260701: embedded mobile-friendly swap panel */
.swap-inline-view { padding: 0; }
.swap-embed-frame { width: 100%; min-height: 860px; border: 0; border-radius: 22px; background: #0b0e11; box-shadow: 0 16px 44px rgba(44, 58, 86, .14); }
@media (max-width: 760px) {
  .top-nav { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 3px; padding: 5px; }
  .nav-pill { min-height: 31px; padding: 0 1px; font-size: 9px; letter-spacing: -0.03em; border-radius: 10px; }
  .nav-sub-icon { display: none; }
  .swap-embed-frame { min-height: 980px; border-radius: 16px; }
}

/* 20260701-linecards1: 首页标题/导航/数据卡行式布局 */
.hero-inline-title {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
}
.hero-inline-title h1 {
  margin: 0;
  min-width: 0;
}
.hero-inline-title .hero-domain {
  margin-left: 2px;
  white-space: nowrap;
}
.hero-inline-title .hero-domain::before { display: none; }
.moon-box-icon, .moon-box-img {
  flex: 0 0 auto;
  width: 42px;
  height: 42px;
}
.moon-box-icon {
  display: inline-grid;
  place-items: center;
  border-radius: 13px;
  font-size: 24px;
  background: radial-gradient(circle at 34% 26%, #fff7c2 0 20%, #e8b94d 42%, #1e3766 76%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.7), 0 10px 24px rgba(41,87,154,.18);
}
.line-data-grid {
  display: grid;
  grid-template-columns: 1fr !important;
  gap: 0;
  padding: 0 16px 14px !important;
}
.line-data-grid .metric-card {
  display: grid;
  grid-template-columns: minmax(7.2em, .9fr) minmax(0, 1fr);
  align-items: center;
  min-height: 0 !important;
  padding: 9px 0 !important;
  border-radius: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(104, 93, 67, .12) !important;
  background: transparent !important;
  box-shadow: none !important;
}
.line-data-grid .metric-card:last-child { border-bottom: 0 !important; }
.line-data-grid .metric-label {
  margin: 0;
  color: #6b7280;
  font-size: 13px;
  font-weight: 800;
}
.line-data-grid .metric-value {
  justify-self: end;
  min-width: 0;
  max-width: 100%;
  font-size: 16px !important;
  line-height: 1.2;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 760px) {
  .hero-shell.hero-inline-title {
    padding: 14px 12px;
    gap: 8px;
    flex-wrap: nowrap;
  }
  .moon-box-icon { width: 30px; height: 30px; border-radius: 10px; font-size: 18px; }
  .hero-inline-title h1 { font-size: 17px; white-space: nowrap; }
  .hero-inline-title .hero-domain { font-size: 12px; letter-spacing: .03em; }
  .top-nav {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 3px !important;
    padding: 5px !important;
    margin-bottom: 14px;
  }
  .top-nav .nav-primary,
  .top-nav .nav-secondary { grid-column: span 1 !important; }
  .top-nav .nav-pill {
    min-height: 30px !important;
    padding: 0 1px !important;
    border-radius: 10px !important;
    font-size: 9px !important;
    letter-spacing: 0 !important;
    gap: 1px !important;
  }
  .top-nav .nav-sub-icon { width: 8px; height: 8px; font-size: 6px; }
  .line-data-grid { padding: 0 10px 10px !important; }
  .line-data-grid .metric-card { grid-template-columns: minmax(6.4em, .8fr) minmax(0, 1fr); padding: 8px 0 !important; }
  .line-data-grid .metric-label { font-size: 12px !important; }
  .line-data-grid .metric-value { font-size: 14px !important; }
  .stats-group-head { grid-template-columns: 1fr; gap: 4px; }
  .stats-group-head .hint { grid-column: 1; justify-self: start; font-size: 11px; }
}
@media (max-width: 380px) {
  .hero-inline-title h1 { font-size: 15px; }
  .hero-inline-title .hero-domain { font-size: 11px; }
  .top-nav .nav-pill { font-size: 8px !important; }
}

/* 20260701-titlecards2: 新标题 + 手机单行导航 + 数据卡片网格 */
.hero-inline-title {
  gap: 12px;
}
.hero-inline-title h1 {
  flex: 1 1 auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: clamp(24px, 3.1vw, 36px);
}
.hero-inline-title .hero-title-static { white-space: nowrap; }
.line-data-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
  padding: 0 16px !important;
}
.line-data-grid .metric-card {
  display: block !important;
  min-height: 72px !important;
  padding: 11px 10px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(116, 103, 73, .10) !important;
  background: var(--metric-bg) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9) !important;
}
.line-data-grid .metric-label { margin-bottom: 6px !important; }
.line-data-grid .metric-value {
  justify-self: auto !important;
  text-align: left !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}
.bml-card-grid, .blm-card-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.dogshit-grid-expanded { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.dogshit-grid-expanded .metric-card:nth-child(7),
.dogshit-grid-expanded .metric-card:nth-child(8),
.dogshit-grid-expanded .metric-card:nth-child(9) { grid-column: span 1; }
#dogshitSupply {
  display: block;
  width: 100%;
  max-width: 100%;
  font-size: clamp(22px, 3.1vw, 34px);
  line-height: 1.03;
  letter-spacing: -.055em;
  white-space: nowrap;
  word-break: normal;
  overflow: hidden;
  text-overflow: clip;
  font-variant-numeric: tabular-nums;
}
.stardog-panel .link-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  padding: 0 16px 14px;
}
.stardog-panel .link-actions .dashboard-copy-btn {
  width: 100%;
  font-size: 13px;
  white-space: nowrap;
}
@media (max-width: 760px) {
  .hero-shell.hero-inline-title { gap: 6px; padding: 12px 10px; }
  .moon-box-icon, .moon-box-img { width: 28px; height: 28px; font-size: 17px; }
  .hero-inline-title h1 { font-size: clamp(13px, 4vw, 16px); }
  .top-nav {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 2px !important;
    padding: 4px !important;
    overflow: hidden !important;
  }
  .top-nav .nav-pill {
    min-width: 0 !important;
    min-height: 29px !important;
    padding: 0 1px !important;
    border-radius: 9px !important;
    font-size: 8px !important;
    letter-spacing: 0 !important;
    gap: 0 !important;
  }
  .nav-sub-icon { display: none !important; }
  .stats-grid.blm-card-grid,
  .stats-grid.dogshit-grid-expanded,
  .stats-grid.stardog-grid,
  .line-data-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 7px !important;
    padding: 0 8px !important;
  }
  .metric-card-compact { min-height: 64px !important; padding: 9px 8px !important; border-radius: 14px !important; }
  .metric-card-compact .metric-label { font-size: 10px !important; }
  .metric-card-compact .metric-value { font-size: 14px !important; line-height: 1.2; }
  #dogshitSupply { font-size: clamp(18px, 5.1vw, 24px) !important; line-height: 1.04; letter-spacing: -.06em; white-space: nowrap; }
  .stardog-panel .link-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; padding: 0 10px 10px; }
  .stardog-panel .link-actions .dashboard-copy-btn { min-height: 32px; font-size: 0; padding: 0 4px; }
  .stardog-panel .link-actions .dashboard-copy-btn:first-child::before { content: 'OKLink NFT 数据'; font-size: 10px; }
  .stardog-panel .link-actions .dashboard-copy-btn:last-child::before { content: '欧易明星狗市场'; font-size: 10px; }
}
@media (max-width: 380px) {
  .hero-inline-title h1 { font-size: 12px; }
  .top-nav .nav-pill { font-size: 7px !important; }
}

.moon-box-img {
  flex: 0 0 auto;
  width: 42px;
  height: 42px;
  object-fit: contain;
  filter: drop-shadow(0 7px 10px rgba(123,67,23,.22));
}




/* 20260701-navfix-swap-overflow: restore equal-width nav pills; previous inline/flex fallback let SWAP keep intrinsic width and cover neighbors. */
.top-nav {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 6px !important;
  padding: 8px !important;
  overflow: visible !important;
}
.top-nav .nav-pill,
.top-nav .nav-group {
  min-width: 0 !important;
  width: 100% !important;
  flex: 1 1 0 !important;
}
@media (max-width: 900px) {
  .top-nav {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 3px !important;
    padding: 5px !important;
    overflow: hidden !important;
  }
  .top-nav .nav-pill {
    min-height: 30px !important;
    height: 30px !important;
    padding: 0 1px !important;
    font-size: 9px !important;
    border-radius: 10px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
  }
  .top-nav .nav-sub-icon { display: none !important; }
}
@media (max-width: 380px) {
  .top-nav .nav-pill { font-size: 8px !important; }
}

/* 20260701-ui2: coordinated typography + page-accent gradients */
:root {
  --bg: #f6f1e8;
  --bg2: #ebe1d1;
  --paper: #fffaf2;
  --card: rgba(255, 252, 247, .88);
  --card-strong: rgba(255, 255, 255, .96);
  --line: rgba(76, 68, 50, .13);
  --line-strong: rgba(76, 68, 50, .22);
  --text: #172133;
  --muted: #657083;
  --link: #214f91;
  --blue: #2862b4;
  --violet: #7657d6;
  --amber: #c48922;
  --emerald: #10906f;
  --cyan: #1688a6;
  --rose: #c65783;
  --gold: #b88425;
  --hero-ink: #162036;
  --font-sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Microsoft YaHei", Arial, sans-serif;
  --font-num: "DIN Alternate", "SF Pro Display", Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --page-bg:
    radial-gradient(circle at 8% 0%, rgba(40, 98, 180, .16), transparent 30%),
    radial-gradient(circle at 92% 4%, rgba(184, 132, 37, .18), transparent 28%),
    radial-gradient(circle at 50% 100%, rgba(16, 144, 111, .10), transparent 28%),
    linear-gradient(180deg, #fbf7ef 0%, #f4eee5 46%, #ebe1d1 100%);
  --nav-bg: rgba(255, 252, 247, .82);
  --pill-bg: linear-gradient(180deg, rgba(255,255,255,.98), rgba(246,240,231,.92));
  --pill-text: #536176;
  --metric-bg: linear-gradient(180deg, rgba(255,255,255,.97), rgba(249,244,236,.90));
  --shadow: 0 18px 54px rgba(42, 34, 21, .10);
  --shadow-soft: 0 10px 26px rgba(42, 34, 21, .075);
}
html, body { margin: 0 !important; padding: 0 !important; color: var(--text) !important; background: var(--page-bg) fixed !important; font-family: var(--font-sans) !important; letter-spacing: -.01em; overflow-x: hidden !important; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
body::before { content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none; background-image: linear-gradient(rgba(255,255,255,.18) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.16) 1px, transparent 1px); background-size: 38px 38px; mask-image: linear-gradient(180deg, rgba(0,0,0,.55), rgba(0,0,0,0)); }
a { color: var(--link) !important; text-decoration: none !important; }
a:hover { text-decoration: none !important; color: #163f7d !important; }
.page-shell { width: min(1280px, 100%) !important; margin: 0 auto !important; padding: 18px clamp(12px, 2vw, 22px) 38px !important; background: transparent !important; }
.card, .hero-shell, .top-notice, .section-card, .block-card, .metric-card, .binance-card, .news-card, .xwatch-card, .interact-entry-card, .placeholder-stat, .tree-panel, .compact-panel, .claim-rule-card { background: var(--card) !important; border: 1px solid var(--line) !important; border-radius: 22px !important; box-shadow: var(--shadow-soft) !important; backdrop-filter: blur(16px) saturate(1.05) !important; }
.hero-shell { position: relative !important; margin: 0 0 14px !important; padding: 26px clamp(18px, 3vw, 32px) 22px !important; overflow: hidden !important; background: radial-gradient(circle at 86% 15%, rgba(184,132,37,.22), transparent 28%), linear-gradient(135deg, rgba(255,255,255,.96), rgba(244,238,228,.88)) !important; border-color: rgba(184,132,37,.22) !important; box-shadow: 0 22px 60px rgba(65, 45, 15, .12) !important; }
.hero-shell::before { content: "" !important; display: block !important; position: absolute !important; inset: 0 !important; width: auto !important; height: auto !important; background: linear-gradient(100deg, rgba(40,98,180,.17), rgba(118,87,214,.08) 42%, rgba(184,132,37,.16)) !important; pointer-events: none !important; }
h1 { margin: 0 0 8px !important; font-size: clamp(30px, 4.2vw, 46px) !important; line-height: 1.05 !important; font-weight: 950 !important; letter-spacing: -.045em !important; }
.hero-title-static { position: relative; background: linear-gradient(90deg, #1a3766 0%, #2862b4 28%, #7657d6 55%, #b88425 86%) !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; color: transparent !important; text-shadow: 0 1px 0 rgba(255,255,255,.28) !important; }
.hero-subtitle, .hero-domain { color: #647086 !important; font-size: 14px !important; font-weight: 850 !important; letter-spacing: .13em !important; }
.top-nav { display: grid !important; grid-template-columns: repeat(7, minmax(0, 1fr)) !important; gap: 8px !important; margin: 0 0 16px !important; padding: 8px !important; border: 1px solid rgba(76,68,50,.12) !important; border-radius: 20px !important; background: var(--nav-bg) !important; box-shadow: 0 12px 34px rgba(42,34,21,.08) !important; backdrop-filter: blur(14px) !important; }
.top-nav .nav-pill, .top-nav .nav-primary, .top-nav .nav-secondary { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-width: 0 !important; min-height: 40px !important; padding: 0 8px !important; border-radius: 14px !important; border: 1px solid rgba(76,68,50,.10) !important; background: var(--pill-bg) !important; color: var(--pill-text) !important; font-size: 13px !important; font-weight: 900 !important; white-space: nowrap !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.9) !important; transition: transform .18s ease, box-shadow .18s ease, color .18s ease, background .18s ease !important; }
.top-nav .nav-pill:hover { transform: translateY(-1px) !important; box-shadow: 0 12px 26px rgba(42,34,21,.12) !important; }
.top-nav .nav-pill.active, .top-nav .nav-pill:focus-visible { color: #fffaf1 !important; border-color: transparent !important; background: linear-gradient(135deg, #1f4d91 0%, #2862b4 45%, #b88425 100%) !important; box-shadow: 0 12px 28px rgba(40,98,180,.22) !important; }
.spa-stage { display: grid !important; gap: 16px !important; }
.view-panel { --accent: var(--blue); --accent-2: var(--gold); display: grid !important; gap: 16px !important; min-width: 0 !important; padding: 2px !important; border-radius: 26px !important; background: linear-gradient(135deg, color-mix(in srgb, var(--accent) 16%, transparent), color-mix(in srgb, var(--accent-2) 12%, transparent)) !important; }
.view-panel[hidden] { display: none !important; }
.accent-blue, [data-view="dashboard"], [data-view="blm"] { --accent: var(--blue); --accent-2: var(--gold); }
.accent-yellow, [data-view="swap"] { --accent: #e3a20d; --accent-2: #2862b4; }
.accent-violet, [data-view="xwatch"], [data-view="interact"], [data-view="wish"] { --accent: var(--violet); --accent-2: var(--rose); }
.accent-emerald, [data-view="stakingOrders"], [data-view="okx"] { --accent: var(--emerald); --accent-2: var(--cyan); }
.accent-cyan, [data-view="binance"], [data-view="news"] { --accent: var(--cyan); --accent-2: var(--blue); }
.accent-gold, [data-view="burn"], [data-view="worldcup"] { --accent: var(--gold); --accent-2: #efb33a; }
.stats-groups, .links-grid, .graph-grid, .content-stack, .interact-entry-grid { display: grid !important; gap: 16px !important; min-width: 0 !important; }
.section-card, .stats-group-block, .news-pane, .history-pane, .block-card, .tree-panel, .links-grid > article { position: relative !important; overflow: hidden !important; margin: 0 !important; padding-bottom: 18px !important; background: linear-gradient(180deg, rgba(255,255,255,.82), rgba(255,255,255,0) 34%), var(--card) !important; }
.section-card::before, .news-card::before, .binance-card::before, .xwatch-card::before, .interact-entry-card::before { content: "" !important; display: block !important; height: 5px !important; border-radius: 22px 22px 0 0 !important; background: linear-gradient(90deg, var(--accent, var(--blue)), var(--accent-2, var(--gold)), transparent) !important; }
.section-card::after { content: "" !important; position: absolute !important; inset: 0 !important; pointer-events: none !important; background: radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--accent, var(--blue)) 12%, transparent), transparent 32%) !important; border-radius: inherit !important; }
.section-blue { --accent: var(--blue); --accent-2: #6aa5ff; }
.section-emerald { --accent: var(--emerald); --accent-2: var(--cyan); }
.section-gold { --accent: var(--gold); --accent-2: #f2c35f; }
.section-violet { --accent: var(--violet); --accent-2: var(--rose); }
.section-cyan { --accent: var(--cyan); --accent-2: var(--blue); }
.section-head, .stats-group-head, .dashboard-head-inline { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; align-items: center !important; gap: 12px !important; padding: 18px 20px 0 !important; position: relative !important; z-index: 1 !important; }
.section-head h2, .stats-group-head h2 { margin: 0 !important; color: #182337 !important; font-size: clamp(18px, 2.4vw, 24px) !important; line-height: 1.15 !important; font-weight: 950 !important; letter-spacing: -.035em !important; }
.hint, .news-source-chip, .mobile-scroll-note, .view-intro { color: var(--muted) !important; font-size: 12px !important; font-weight: 750 !important; }
.hint { justify-self: end !important; white-space: nowrap !important; text-align: right !important; }
.stats-grid, .worldcup-summary-grid, .placeholder-stats { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 10px !important; padding: 0 16px !important; }
.stats-grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
.stats-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
.stats-grid-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
.stats-grid-5 { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; }
.stats-grid-6, .stats-grid-7 { grid-template-columns: repeat(7, minmax(0, 1fr)) !important; }
.stats-grid-9 { grid-template-columns: repeat(9, minmax(0, 1fr)) !important; }
.metric-card, .placeholder-stat, .status-metric, .mini-stat-row span { min-height: 76px !important; padding: 13px 12px !important; border-radius: 17px !important; background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,243,235,.92)), linear-gradient(135deg, color-mix(in srgb, var(--accent, var(--blue)) 9%, transparent), transparent) !important; border: 1px solid color-mix(in srgb, var(--accent, var(--blue)) 18%, rgba(76,68,50,.12)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 8px 18px rgba(42,34,21,.055) !important; }
.metric-label { margin: 0 0 7px !important; color: #6a7486 !important; font-size: 12px !important; line-height: 1.28 !important; font-weight: 850 !important; letter-spacing: .015em !important; }
.metric-value, .metric-small, .metric-status, .status-metric b, .mini-stat-row b { color: #162036 !important; font-family: var(--font-num) !important; font-size: clamp(18px, 2.35vw, 26px) !important; line-height: 1.05 !important; font-weight: 950 !important; letter-spacing: -.04em !important; font-variant-numeric: tabular-nums !important; }
.metric-small { font-size: clamp(16px, 2vw, 21px) !important; }
.metric-tiny { font-size: 14px !important; line-height: 1.35 !important; }
.dashboard-copy-btn, .dashboard-link-btn, .history-tab, .news-tab, .binance-filter-chip, button, .button-ghost, .worldcup-match-toggle { border-radius: 999px !important; border: 1px solid color-mix(in srgb, var(--accent, var(--blue)) 18%, rgba(76,68,50,.14)) !important; background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(246,240,231,.90)) !important; color: #536176 !important; box-shadow: 0 8px 20px rgba(42,34,21,.07) !important; font-weight: 850 !important; }
.history-tab.active, .news-tab.active, .binance-filter-chip.active, .dashboard-copy-btn:hover, button:hover { color: #fffaf1 !important; background: linear-gradient(135deg, var(--accent, var(--blue)), var(--accent-2, var(--gold))) !important; border-color: transparent !important; }
.news-list, .binance-list, .notice-list { display: grid !important; gap: 10px !important; padding: 0 !important; }
.news-card, .binance-card, .notice-archive-item, .xwatch-card { position: relative !important; overflow: hidden !important; padding: 14px 16px !important; background: rgba(255,252,247,.88) !important; }
.news-title, .binance-title, .binance-card-title, .news-summary, .worldcup-news-summary, .xwatch-original { color: #243044 !important; line-height: 1.68 !important; }
.table-wrap, .placeholder-body, .page-copy { padding: 0 18px 18px !important; }
table { border-collapse: separate !important; border-spacing: 0 !important; background: rgba(255,255,255,.58) !important; border-radius: 15px !important; overflow: hidden !important; }
th, td { border-bottom: 1px solid var(--line) !important; color: #233047 !important; padding: 10px 9px !important; font-size: 12px !important; }
th { color: #5d6677 !important; background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(239,232,219,.76)) !important; font-weight: 900 !important; }
.link-list { margin: 0 !important; padding: 0 18px !important; list-style: none !important; }
.link-list li { padding: 10px 0 !important; border-bottom: 1px solid var(--line) !important; color: #293447 !important; font-size: 13px !important; line-height: 1.65 !important; }
.swap-embed-frame { width: 100% !important; min-height: 720px !important; border: 1px solid var(--line) !important; border-radius: 18px !important; background: #fff !important; }
.dogshit-token-logo { display: inline-block !important; }
.dogshit-title-wrap { display: flex !important; align-items: center !important; gap: 10px !important; }
.nav-submenu { display: none !important; }
@media (max-width: 1120px) { .stats-grid-5, .stats-grid-6, .stats-grid-7, .stats-grid-9 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } .stats-grid-4 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }
@media (max-width: 760px) { .page-shell { padding: 10px 8px 28px !important; } .hero-shell { padding: 20px 16px 16px !important; border-radius: 20px !important; } .top-nav { grid-template-columns: repeat(7, minmax(0, 1fr)) !important; gap: 4px !important; padding: 5px !important; border-radius: 16px !important; } .top-nav .nav-pill { min-height: 34px !important; padding: 0 1px !important; font-size: clamp(10px, 2.65vw, 12px) !important; border-radius: 11px !important; font-weight: 850 !important; } .view-panel { border-radius: 20px !important; gap: 10px !important; } .section-card, .stats-group-block, .news-pane, .history-pane, .block-card, .tree-panel, .links-grid > article { border-radius: 18px !important; padding-bottom: 13px !important; } .section-head, .stats-group-head, .dashboard-head-inline { grid-template-columns: 1fr !important; gap: 5px !important; padding: 14px 14px 0 !important; } .hint { justify-self: start !important; text-align: left !important; white-space: normal !important; } .stats-grid, .worldcup-summary-grid, .worldcup-summary-grid-5, .placeholder-stats, .stats-grid-2, .stats-grid-3, .stats-grid-4, .stats-grid-5, .stats-grid-6, .stats-grid-7, .stats-grid-9, .dogshit-grid, .stardog-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 6px !important; padding: 0 10px !important; } .metric-card { min-height: 62px !important; padding: 9px 6px !important; border-radius: 13px !important; } .metric-label { font-size: 10px !important; margin-bottom: 5px !important; } .metric-value, .metric-small, .metric-status { font-size: 13px !important; line-height: 1.18 !important; } .history-subnav, .news-subnav { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; gap: 5px !important; } .history-tab, .news-tab { min-height: 32px !important; padding: 0 2px !important; font-size: 10px !important; } .table-wrap, .placeholder-body, .page-copy { padding: 0 10px 12px !important; } }
@media (max-width: 360px) { .top-nav .nav-pill { font-size: 9px !important; } .metric-value, .metric-small { font-size: 12px !important; } }

/* 20260701-mobilebig1: title one-line + larger mobile typography + direct pages no secondary nav */
h1 { display: flex !important; align-items: baseline !important; gap: 12px !important; flex-wrap: nowrap !important; white-space: nowrap !important; }
.hero-domain-inline { display: inline-flex !important; margin: 0 !important; flex: 0 0 auto !important; font-size: clamp(15px, 2.1vw, 20px) !important; letter-spacing: .08em !important; }
.hero-domain-inline::before { display: none !important; }
.news-subnav { display: none !important; }
@media (max-width: 760px) {
  html, body { font-size: 16px !important; }
  .page-shell { padding: 10px 7px 30px !important; }
  .hero-shell { padding: 18px 12px 15px !important; }
  h1 { gap: 6px !important; overflow: visible !important; }
  h1 .hero-title-static { flex: 1 1 auto !important; min-width: 0 !important; font-size: clamp(18px, 5.1vw, 23px) !important; letter-spacing: -.055em !important; }
  h1 .hero-domain-inline { font-size: clamp(12px, 3.35vw, 15px) !important; letter-spacing: .02em !important; }
  .top-nav .nav-pill { min-height: 38px !important; font-size: clamp(11px, 3vw, 13px) !important; font-weight: 900 !important; }
  .section-head h2, .stats-group-head h2 { font-size: clamp(20px, 5.2vw, 25px) !important; }
  .hint, .news-source-chip, .mobile-scroll-note, .view-intro { font-size: 13px !important; }
  .metric-label { font-size: 12px !important; }
  .metric-value, .metric-small, .metric-status { font-size: clamp(15px, 4.2vw, 18px) !important; }
  .news-title, .binance-title, .binance-card-title, .news-summary, .xwatch-original, .link-list li, th, td { font-size: 14px !important; line-height: 1.65 !important; }
  .dashboard-copy-btn, .dashboard-link-btn, button { font-size: 13px !important; }
}
@media (max-width: 380px) {
  h1 .hero-title-static { font-size: clamp(16px, 4.8vw, 19px) !important; }
  h1 .hero-domain-inline { font-size: 11px !important; }
}


/* 20260701-mobilebig2: larger nav/cards hide worldcup panels */
.top-nav .nav-pill { font-size: 15px !important; min-height: 46px !important; font-weight: 950 !important; }
.section-head h2, .stats-group-head h2 { font-size: clamp(18px, 2.1vw, 24px) !important; }
.metric-label { font-size: clamp(13px, 1.55vw, 15px) !important; }
.metric-value, .metric-small, .metric-status { font-size: clamp(18px, 2.2vw, 24px) !important; }
.worldcup-match-wrap, .worldcup-groups-section { display: none !important; }
@media (max-width: 760px) {
  .top-nav .nav-pill { min-height: 42px !important; font-size: clamp(12px, 3.25vw, 14px) !important; }
  .section-head h2, .stats-group-head h2 { font-size: clamp(18px, 4.8vw, 23px) !important; }
  .metric-label { font-size: 13px !important; line-height: 1.25 !important; }
  .metric-value, .metric-small, .metric-status { font-size: clamp(16px, 4.45vw, 19px) !important; }
}


/* 20260706-nft-page: NFT standalone page helpers */
.nft-top-link-wrap { margin: 0 0 16px !important; display: flex !important; justify-content: flex-start !important; }
.nft-collection-link { font-weight: 900 !important; }

:root {
  --bg: #eef8f1 !important;
  --bg2: #dcefe3 !important;
  --card: rgba(250, 255, 251, .90) !important;
  --card-strong: rgba(255, 255, 255, .98) !important;
  --line: rgba(35, 111, 73, .14) !important;
  --text: #123026 !important;
  --muted: #5f756d !important;
  --blue: #2f8f77 !important;
  --violet: #5aa88e !important;
  --amber: #84b86f !important;
  --emerald: #1f9a68 !important;
  --rose: #6fbf98 !important;
  --cyan: #2aa68b !important;
  --gold: #77ad58 !important;
  --gold-soft: #b8d9a2 !important;
  --hero-ink: #103528 !important;
  --link: #15845b !important;
  --page-bg: radial-gradient(circle at 10% 0%, rgba(58, 183, 121, .16), transparent 28%), radial-gradient(circle at 92% 8%, rgba(127, 206, 154, .18), transparent 30%), linear-gradient(180deg, #f6fff8 0%, #edf8f0 48%, #dcefe3 100%) !important;
  --hero-bg: linear-gradient(135deg, rgba(255,255,255,.92), rgba(234,249,239,.88)) !important;
  --nav-bg: linear-gradient(180deg, rgba(255,255,255,.94), rgba(231,246,237,.94)) !important;
  --pill-bg: linear-gradient(180deg, #ffffff, #e9f7ee) !important;
  --pill-text: #2f6654 !important;
  --metric-bg: linear-gradient(180deg, #ffffff, #eff9f2) !important;
  --shadow: 0 18px 48px rgba(24, 92, 61, .10) !important;
}
body { background: var(--page-bg) !important; }
.card, .section-card, .stats-group-block, .news-pane, .history-pane, .block-card, .tree-panel, .links-grid > article { border-color: var(--line) !important; box-shadow: var(--shadow) !important; }
.hero-title-static { background: linear-gradient(90deg, #0f513c 0%, #199a68 45%, #77ad58 100%) !important; -webkit-background-clip: text !important; background-clip: text !important; }
.hero-blm-meaning {
  color: #d86b00 !important;
  -webkit-text-fill-color: #d86b00 !important;
  background: none !important;
  font-weight: 950 !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.82), 0 0 12px rgba(255,166,43,.34) !important;
}
.top-nav .nav-pill.active, .top-nav .nav-pill:focus-visible, .history-tab.active, .news-tab.active, .binance-filter-chip.active { background: linear-gradient(135deg, #15845b, #47b97f) !important; color: #fff !important; }
.section-card::before, .news-card::before, .binance-card::before, .xwatch-card::before, .interact-entry-card::before { background: linear-gradient(90deg, #22a66f, #9bd36e, transparent) !important; }
.dogshit-panel-compact .metric-label, .stardog-panel .metric-label { font-size: 120% !important; }
.dogshit-panel-compact .metric-value, .dogshit-panel-compact .metric-small, .stardog-panel .metric-value, .stardog-panel .metric-small { font-size: 120% !important; }
.nft-value-two-line { white-space: pre-line !important; line-height: 1.18 !important; }
.stardog-listings-head { display: flex !important; justify-content: space-between !important; align-items: center !important; gap: 10px !important; padding: 10px 16px 6px !important; font-weight: 900 !important; color: #5b3c10 !important; }
.stardog-listings { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 8px !important; padding: 0 16px 16px !important; }
.stardog-listing-card { position: relative !important; display: grid !important; grid-template-columns: 38px minmax(0, 1fr) !important; align-items: center !important; gap: 7px !important; min-width: 0 !important; padding: 6px !important; border: 1px solid rgba(143, 100, 24, .16) !important; border-radius: 14px !important; background: rgba(255,255,255,.72) !important; text-decoration: none !important; color: inherit !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.86) !important; }
.stardog-listing-card:hover { transform: translateY(-1px) !important; box-shadow: 0 10px 24px rgba(143, 100, 24, .12) !important; text-decoration: none !important; }
.stardog-listing-rank { position: absolute !important; top: 4px !important; left: 4px !important; z-index: 1 !important; width: 18px !important; height: 18px !important; border-radius: 999px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; font-size: 10px !important; font-weight: 950 !important; color: #fff !important; background: linear-gradient(135deg, #159763, #64bf6a) !important; }
.stardog-listing-img { width: 46px !important; height: 46px !important; border-radius: 12px !important; object-fit: cover !important; background: rgba(234, 218, 171, .45) !important; }
.stardog-listing-meta { min-width: 0 !important; display: grid !important; gap: 3px !important; }
.stardog-listing-meta strong { overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; font-size: 13px !important; font-weight: 950 !important; color: #2f2414 !important; }
.stardog-listing-meta em { overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; font-style: normal !important; font-size: 11px !important; font-weight: 850 !important; color: #159763 !important; }
.stardog-empty { grid-column: 1 / -1 !important; padding: 12px !important; border-radius: 14px !important; background: rgba(255,255,255,.62) !important; color: #7f6a44 !important; text-align: center !important; text-decoration: none !important; }
.stardog-head { grid-template-columns: minmax(0, 1fr) auto !important; }
.stardog-title-row { display: inline-flex !important; align-items: center !important; gap: 8px !important; min-width: 0 !important; }
.nft-buy-mini { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 32px !important; height: 32px !important; border-radius: 999px !important; color: #fff !important; background: linear-gradient(135deg, #159763, #64bf6a) !important; font-size: 16px !important; font-weight: 950 !important; text-decoration: none !important; box-shadow: 0 8px 18px rgba(21,151,99,.22) !important; }
.nft-buy-mini:hover { text-decoration: none !important; transform: translateY(-1px) !important; }

/* 20260713-dogshit-hero-banner-v1: full-width, uncropped title artwork */
.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.hero-banner-image {
  width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
}
.hero-shell {
  padding: 0 !important;
  background: #000 !important;
  border-color: rgba(0, 0, 0, .18) !important;
  border-radius: 18px !important;
  overflow: hidden !important;
}
.hero-shell::before {
  content: none !important;
  display: none !important;
}
@media (max-width: 760px) {
  .dogshit-panel-compact .metric-label, .stardog-panel .metric-label { font-size: 15px !important; }
  .dogshit-panel-compact .metric-value, .dogshit-panel-compact .metric-small, .stardog-panel .metric-value, .stardog-panel .metric-small { font-size: clamp(18px, 5.3vw, 23px) !important; }
  .nft-value-two-line { font-size: clamp(16px, 4.6vw, 20px) !important; }
  .stardog-listings { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 6px !important; padding: 0 8px 12px !important; }
  .stardog-listings-head { padding: 9px 8px 6px !important; font-size: 13px !important; }
  .stardog-listing-card { grid-template-columns: minmax(0, 1fr) !important; gap: 4px !important; padding: 5px !important; align-items: start !important; }
  .stardog-listing-img { width: 100% !important; height: auto !important; aspect-ratio: 1 / 1 !important; border-radius: 10px !important; }
  .stardog-listing-rank { width: 16px !important; height: 16px !important; font-size: 9px !important; }
  .stardog-listing-meta { gap: 1px !important; }
  .stardog-listing-meta strong { font-size: 10px !important; }
  .stardog-listing-meta em { font-size: 9px !important; }
  .nft-buy-mini { width: 30px !important; height: 30px !important; font-size: 15px !important; }
}

/* 20260703-blm-exchange-notice: homepage announcement card */
.blm-exchange-notice { border-color: rgba(210, 126, 38, .34) !important; background: linear-gradient(135deg, rgba(255,255,255,.96), rgba(255,248,225,.94)) !important; }
.blm-exchange-notice::before { background: linear-gradient(90deg, #f08a24, #e1bd4d, transparent) !important; }
.blm-exchange-notice h2 { color: #7a3607 !important; }
.blm-exchange-list li { font-weight: 760 !important; color: #3d3321 !important; }
.blm-exchange-list strong { color: #b64600 !important; font-weight: 950 !important; }
.blm-exchange-list code { display: inline-block !important; max-width: 100% !important; padding: 5px 8px !important; border-radius: 10px !important; background: rgba(255, 231, 163, .72) !important; border: 1px solid rgba(190, 116, 19, .26) !important; color: #7a3607 !important; font-weight: 900 !important; font-size: .95em !important; white-space: normal !important; word-break: break-all !important; }
@media (max-width: 760px) {
  .blm-exchange-list li { font-size: 14px !important; line-height: 1.7 !important; }
}


/* 20260703-exchange1: BLM exchange countdown + live balance */
.exchange-countdown-panel {
  border-color: rgba(255, 193, 7, .26);
  background: linear-gradient(135deg, rgba(255,193,7,.12), rgba(99,102,241,.10)), var(--card-bg);
}
.exchange-countdown-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.exchange-countdown-card {
  min-height: 104px;
  position: relative;
  overflow: hidden;
}
.exchange-countdown-card::after {
  content: "";
  position: absolute;
  inset: auto -20% -45% 45%;
  height: 92px;
  background: radial-gradient(circle, rgba(255,193,7,.20), transparent 68%);
  pointer-events: none;
}
.exchange-countdown-value,
.exchange-balance-value {
  font-size: clamp(22px, 4vw, 36px) !important;
  letter-spacing: .01em;
  white-space: nowrap;
}
.exchange-balance-value {
  color: #facc15;
}
.metric-note {
  margin-top: 8px;
  color: var(--muted);
  font-size: 12px;
}
@media (max-width: 640px) {
  .exchange-countdown-grid { grid-template-columns: 1fr !important; }
  .exchange-countdown-value,
  .exchange-balance-value { font-size: 24px !important; }
}


/* blm123 overview red larger small metrics 20260703 */
.view-panel[data-view="dashboard"] .metric-value.metric-small,
.view-panel[data-view="dashboard"] .metric-value.metric-tiny,
.view-panel[data-view="dashboard"] .metric-card-compact .metric-value {
  font-size: clamp(22px, 2.35vw, 30px);
  color: #d94e4b;
  letter-spacing: -0.025em;
}
.view-panel[data-view="dashboard"] .exchange-balance-value,
.view-panel[data-view="dashboard"] #blmExchangeBalance {
  font-size: clamp(30px, 4vw, 46px);
  color: #d94e4b;
}
.view-panel[data-view="dashboard"] .exchange-countdown-value {
  font-size: clamp(28px, 3.7vw, 42px);
}
.view-panel[data-view="dashboard"] .exchange-countdown-card .metric-note {
  color: #d94e4b;
  font-size: 13px;
  font-weight: 800;
  overflow-wrap: anywhere;
  word-break: break-all;
}
@media (max-width: 720px) {
  .view-panel[data-view="dashboard"] .metric-value.metric-small,
  .view-panel[data-view="dashboard"] .metric-value.metric-tiny,
  .view-panel[data-view="dashboard"] .metric-card-compact .metric-value {
    font-size: clamp(20px, 5.6vw, 27px);
  }
  .view-panel[data-view="dashboard"] .exchange-balance-value,
  .view-panel[data-view="dashboard"] #blmExchangeBalance {
    font-size: clamp(26px, 8vw, 36px);
  }
}


/* 20260707-nft-holders: NFT holder and transfer panels */
.stardog-data-grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 14px; padding: 0 16px 16px; }
.stardog-data-card { min-width: 0; border: 1px solid rgba(116,103,73,.10); border-radius: 18px; background: rgba(255,255,255,.58); overflow: hidden; }
.nft-holder-wrap, .nft-transfer-wrap { padding: 0 12px 12px; }
.nft-holder-table, .nft-transfer-table { table-layout: auto; width: max-content; min-width: 100%; max-width: none; }
.nft-holder-table th, .nft-holder-table td, .nft-transfer-table th, .nft-transfer-table td { white-space: nowrap; padding: 9px 10px; font-size: 12px; }
.nft-holder-table .addr, .nft-transfer-table .addr { word-break: normal; font-variant-numeric: tabular-nums; }
@media (max-width: 920px) { .stardog-data-grid { grid-template-columns: 1fr; padding: 0 10px 12px; } }

/* Classic / exchange-panel theme switch */
.theme-toolbar { display: flex; justify-content: flex-end; margin: -2px 2px 12px; }
.theme-toggle { min-height: 34px; padding: 6px 12px; border: 1px solid var(--line); border-radius: 10px; color: var(--text); background: var(--pill-bg); font: inherit; font-size: 13px; font-weight: 750; cursor: pointer; }
.theme-toggle:focus-visible { outline: 2px solid var(--blue); outline-offset: 2px; }
[data-theme="binance"] { color-scheme: dark; --bg:#0B0E11; --bg2:#0B0E11; --card:#1E2329; --card-strong:#181A20; --line:rgba(132,142,156,.25); --text:#EAECEF; --muted:#848E9C; --shadow:0 12px 32px rgba(0,0,0,.28); --blue:#F0B90B; --violet:#F0B90B; --amber:#F0B90B; --emerald:#0ECB81; --rose:#F6465D; --cyan:#F0B90B; --gold:#F0B90B; --gold-soft:#F8D33A; --hero-ink:#EAECEF; --page-bg:#0B0E11; --card-bg:#1E2329; --hero-bg:#181A20; --nav-bg:#181A20; --pill-bg:#1E2329; --pill-text:#EAECEF; --metric-bg:#181A20; --input-bg:#0B0E11; --table-head-bg:#181A20; --table-head-text:#848E9C; --link:#F0B90B; }
[data-theme="binance"] body { background:#0B0E11; color:#EAECEF; }
[data-theme="binance"] .card { border-radius:12px; backdrop-filter:none; }
[data-theme="binance"] header[class~="hero-shell"] { background:#000 !important; border-color:rgba(240,185,11,.45) !important; }
[data-theme="binance"] .top-nav { background:#181A20; border:1px solid rgba(132,142,156,.22); border-radius:12px; box-shadow:none; }
[data-theme="binance"] .nav-pill, [data-theme="binance"] button, [data-theme="binance"] .dashboard-copy-btn { border-radius:8px; }
[data-theme="binance"] .nav-pill:hover, [data-theme="binance"] .nav-pill.active, [data-theme="binance"] .theme-toggle:hover { color:#0B0E11; background:#F0B90B; text-decoration:none; }
[data-theme="binance"] .theme-toggle { border-color:rgba(240,185,11,.5); background:#181A20; }
[data-theme="binance"] input, [data-theme="binance"] select, [data-theme="binance"] textarea { color:#EAECEF; background:#0B0E11; border-color:rgba(132,142,156,.35); border-radius:8px; }
[data-theme="binance"] table { color:#EAECEF; background:#1E2329; }
[data-theme="binance"] th { color:#848E9C; background:#181A20; }
[data-theme="binance"] td { border-color:rgba(132,142,156,.18); }
[data-theme="binance"] .status-ok { color:#0ECB81 !important; }
[data-theme="binance"] .status-bad, [data-theme="binance"] .nft-csv-password-message { color:#F6465D !important; }
[data-theme="binance"] .top-notice { background:#181A20; border-color:rgba(240,185,11,.35); }
[data-theme="binance"] .notice-chip { color:#0B0E11; background:#F0B90B; border-radius:6px; }
[data-theme="binance"] .metric-card, [data-theme="binance"] .section-card, [data-theme="binance"] .stardog-data-card { background:#1E2329; }
@media (max-width:720px) { .theme-toolbar { margin-top:0; } .theme-toggle { width:auto; } }