/* ============================================================================
   theme-windhub-sections.css — 首页注入的 3 个新内容板块的样式
   依赖: 在 theme-windhub.css 之后加载，复用其 --ink/--paper/--mute/--hot 变量
   ============================================================================ */

/* 注入容器 */
#tt-injected-sections {
  display: block;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 32px;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'PingFang SC', sans-serif;
  color: #f4f1ea;
}

#tt-injected-sections section {
  padding: 80px 0;
  border-top: 1px solid rgba(244, 241, 234, 0.06);
}
#tt-injected-sections section:first-child {
  border-top: 0;
  padding-top: 32px;
}

/* ---------- 通用: 小标横线前缀 ---------- */
#tt-injected-sections .tt-eyebrow {
  font-family: 'JetBrains Mono', 'SF Mono', ui-monospace, monospace;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #6e6e73;
  margin-bottom: 14px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
#tt-injected-sections .tt-eyebrow::before {
  content: '';
  display: inline-block;
  width: 28px;
  height: 1px;
  background: #6e6e73;
}

/* ---------- 通用: 大粗体小节标题 ---------- */
#tt-injected-sections .tt-section-title {
  font-family: 'Inter', sans-serif;
  font-size: 44px;
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -0.025em;
  color: #f4f1ea;
  margin: 0 0 48px;
}

/* ---------- 通用: 编号 (01 / 02 / 03 / 04) ---------- */
#tt-injected-sections .tt-no {
  font-family: 'JetBrains Mono', monospace;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.12em;
  color: #6e6e73;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
#tt-injected-sections .tt-no::before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 1px;
  background: #6e6e73;
}

/* ============================================================================
   1. 大数字统计
   ============================================================================ */
#tt-injected-sections .tt-stats-block {
  padding: 56px 0 80px;
}

#tt-injected-sections .tt-stats-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-top: 1px solid rgba(244, 241, 234, 0.08);
  border-left: 1px solid rgba(244, 241, 234, 0.08);
}

#tt-injected-sections .tt-stats-grid > div {
  padding: 36px 32px;
  border-right: 1px solid rgba(244, 241, 234, 0.08);
  border-bottom: 1px solid rgba(244, 241, 234, 0.08);
  display: flex;
  flex-direction: column;
  gap: 16px;
}

#tt-injected-sections .tt-num {
  font-family: 'Inter', sans-serif;
  font-size: 64px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.035em;
  color: #f4f1ea;
  font-feature-settings: 'tnum';
}

#tt-injected-sections .tt-num sup {
  font-size: 24px;
  font-weight: 500;
  vertical-align: super;
  margin-left: 2px;
  color: #98989d;
}

#tt-injected-sections .tt-foot {
  font-family: 'Inter', sans-serif;
  font-size: 13px;
  color: #98989d;
  letter-spacing: 0.02em;
}

/* ============================================================================
   2. 4 列特性卡 (多模型支持 / 实惠价格 / 安全风控 / 排行奖励)
   ============================================================================ */
#tt-injected-sections .tt-features-block {
  /* eyebrow + title 已经做了上方间距, 这里给 grid 顶部留白 */
}

#tt-injected-sections .tt-features-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-top: 1px solid rgba(244, 241, 234, 0.08);
  border-left: 1px solid rgba(244, 241, 234, 0.08);
  margin-top: 8px;
}

#tt-injected-sections .tt-features-grid > div {
  padding: 36px 28px;
  border-right: 1px solid rgba(244, 241, 234, 0.08);
  border-bottom: 1px solid rgba(244, 241, 234, 0.08);
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-height: 220px;
}

#tt-injected-sections .tt-features-grid h3 {
  font-family: 'Inter', sans-serif;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: #f4f1ea;
  margin: 0;
}

#tt-injected-sections .tt-features-grid p {
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  line-height: 1.55;
  color: #98989d;
  margin: 0;
}

/* ============================================================================
   3. TOP 排行榜 (消耗榜 + 财富榜)
   ============================================================================ */
#tt-injected-sections .tt-leaderboard-block {
  padding-bottom: 96px;
}

#tt-injected-sections .tt-eyebrow-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 24px;
  margin-bottom: 32px;
}

#tt-injected-sections .tt-eyebrow-row .tt-section-title {
  margin-bottom: 0;
}

#tt-injected-sections .tt-cta-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  border-radius: 999px;
  background: rgba(244, 241, 234, 0.08);
  color: #f4f1ea;
  font-family: 'Inter', sans-serif;
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
  transition: background 0.18s ease;
  white-space: nowrap;
}
#tt-injected-sections .tt-cta-link:hover {
  background: rgba(244, 241, 234, 0.14);
}
#tt-injected-sections .tt-cta-link::after {
  display: none !important;  /* 干掉主题里 a::after 的下划线动画 */
}

#tt-injected-sections .tt-leaderboard {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border: 1px solid rgba(244, 241, 234, 0.08);
}

#tt-injected-sections .tt-board {
  padding: 28px 32px;
  border-right: 1px solid rgba(244, 241, 234, 0.08);
}
#tt-injected-sections .tt-board:last-child { border-right: 0; }

#tt-injected-sections .tt-board-title {
  font-family: 'Inter', sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #98989d;
  margin-bottom: 18px;
  letter-spacing: 0.04em;
}

#tt-injected-sections .tt-board ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#tt-injected-sections .tt-board li {
  display: grid;
  grid-template-columns: 60px 1fr auto;
  align-items: center;
  padding: 14px 0;
  border-top: 1px solid rgba(244, 241, 234, 0.06);
  font-family: 'Inter', sans-serif;
  font-size: 14px;
}
#tt-injected-sections .tt-board li:first-child { border-top: 0; }

#tt-injected-sections .tt-board li > span:nth-child(1) {
  /* 编号 01/02/03 */
  font-family: 'JetBrains Mono', monospace;
  font-size: 12px;
  color: #6e6e73;
  letter-spacing: 0.08em;
}

#tt-injected-sections .tt-board li > span:nth-child(2) {
  /* 用户名 */
  color: #f4f1ea;
  font-weight: 500;
}

#tt-injected-sections .tt-board li > span:nth-child(3) {
  /* 奖牌 emoji */
  font-size: 18px;
  filter: grayscale(0);
}

/* ============================================================================
   响应式 (小屏)
   ============================================================================ */
@media (max-width: 980px) {
  #tt-injected-sections {
    padding: 0 16px;
  }
  #tt-injected-sections .tt-section-title {
    font-size: 32px;
  }
  #tt-injected-sections .tt-num {
    font-size: 44px;
  }
  #tt-injected-sections .tt-stats-grid,
  #tt-injected-sections .tt-features-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  #tt-injected-sections .tt-leaderboard {
    grid-template-columns: 1fr;
  }
  #tt-injected-sections .tt-board {
    border-right: 0;
    border-bottom: 1px solid rgba(244, 241, 234, 0.08);
  }
  #tt-injected-sections .tt-board:last-child { border-bottom: 0; }
  #tt-injected-sections .tt-eyebrow-row {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 560px) {
  #tt-injected-sections .tt-stats-grid,
  #tt-injected-sections .tt-features-grid {
    grid-template-columns: 1fr;
  }
  #tt-injected-sections .tt-num { font-size: 36px; }
  #tt-injected-sections .tt-section-title { font-size: 28px; }
}

/* ============================================================================
   v24. Compact home density + blue headline slab + console blue-gray system
   ============================================================================ */
body[data-tantan-page="home"] .semi-layout-content,
body[data-tantan-page="home"] .semi-layout-content > div[class*="overflow-x-hidden"] {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
  overflow-y: visible !important;
}

body[data-tantan-page="home"] .semi-layout-content [class*="py-20"][class*="mt-10"] {
  width: min(1180px, 100%) !important;
  padding: 44px 52px 52px !important;
}

body[data-tantan-page="home"] .semi-layout-content [class*="max-w-4xl"] {
  max-width: 1000px !important;
}

body[data-tantan-page="home"] h1,
body[data-tantan-page="home"] .semi-typography-h1 {
  width: fit-content !important;
  max-width: min(100%, 1000px) !important;
  margin: 28px 0 20px !important;
  font-size: clamp(52px, 5vw, 70px) !important;
  line-height: 1.02 !important;
  background: transparent !important;
}

body[data-tantan-page="home"] h1 .shine-text,
body[data-tantan-page="home"] .semi-typography-h1 .shine-text {
  display: inline-block !important;
  margin-top: 8px !important;
  padding: 0.02em 0.18em 0.1em !important;
  background: #0052ff !important;
  background-image: none !important;
  color: #f4f1ea !important;
  -webkit-text-fill-color: #f4f1ea !important;
  box-decoration-break: clone !important;
  -webkit-box-decoration-break: clone !important;
}

body[data-tantan-page="home"] .semi-typography-paragraph,
body[data-tantan-page="home"] h1 ~ p,
body[data-tantan-page="home"] .semi-typography-h1 ~ p {
  max-width: 720px !important;
  margin-bottom: 32px !important;
  color: #a9adb8 !important;
  -webkit-text-fill-color: #a9adb8 !important;
}

body[data-tantan-page="home"] [class*="supporter"],
body[data-tantan-page="home"] [class*="support"]:not(.semi-button) {
  padding: 34px 0 16px !important;
}

body[data-tantan-page="home"] main .tt-provider-grid.tt-provider-grid {
  grid-template-columns: repeat(12, 72px) !important;
  gap: 0 !important;
  width: min-content !important;
  max-width: calc(100vw - 64px) !important;
  margin: 12px auto 36px !important;
  border-top: 1px solid rgba(244, 241, 234, 0.08) !important;
  border-left: 1px solid rgba(244, 241, 234, 0.08) !important;
  background: transparent !important;
}

body[data-tantan-page="home"] main .tt-provider-grid.tt-provider-grid > .tt-provider-item {
  width: 72px !important;
  height: 68px !important;
  min-width: 72px !important;
  min-height: 68px !important;
  border-right: 1px solid rgba(244, 241, 234, 0.08) !important;
  border-bottom: 1px solid rgba(244, 241, 234, 0.08) !important;
}

body[data-tantan-page="home"] main .tt-provider-grid.tt-provider-grid > .tt-provider-item:hover {
  background: rgba(244, 241, 234, 0.035) !important;
}

body[data-tantan-page="home"] main .tt-provider-grid.tt-provider-grid .tt-provider-logo,
body[data-tantan-page="home"] main .tt-provider-grid.tt-provider-grid > .tt-provider-item img,
body[data-tantan-page="home"] main .tt-provider-grid.tt-provider-grid > .tt-provider-item svg {
  max-width: 30px !important;
  max-height: 30px !important;
}

body[data-tantan-page="home"] main .semi-button:not(.semi-button-with-icon-only),
body[data-tantan-page="home"] main a.semi-button:not(.semi-button-with-icon-only),
body[data-tantan-page="home"] main button.semi-button:not(.semi-button-with-icon-only) {
  background: #0052ff !important;
  background-color: #0052ff !important;
  background-image: none !important;
  border: 1px solid #0052ff !important;
  color: #f8fbff !important;
  -webkit-text-fill-color: #f8fbff !important;
  font-weight: 700 !important;
  text-shadow: 0 1px 0 rgba(0, 16, 54, 0.18) !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

body[data-tantan-page="home"] main .semi-button:not(.semi-button-with-icon-only) *,
body[data-tantan-page="home"] main a.semi-button:not(.semi-button-with-icon-only) *,
body[data-tantan-page="home"] main button.semi-button:not(.semi-button-with-icon-only) * {
  color: #f8fbff !important;
  -webkit-text-fill-color: #f8fbff !important;
  background: transparent !important;
  background-image: none !important;
  opacity: 1 !important;
}

body[data-tantan-page="home"] main .semi-button:not(.semi-button-with-icon-only) svg,
body[data-tantan-page="home"] main a.semi-button:not(.semi-button-with-icon-only) svg,
body[data-tantan-page="home"] main button.semi-button:not(.semi-button-with-icon-only) svg {
  color: #dbeafe !important;
  -webkit-text-fill-color: #dbeafe !important;
}

body[data-tantan-page="home"] main .semi-button:not(.semi-button-with-icon-only):hover,
body[data-tantan-page="home"] main a.semi-button:not(.semi-button-with-icon-only):hover,
body[data-tantan-page="home"] main button.semi-button:not(.semi-button-with-icon-only):hover {
  background: #1d66ff !important;
  background-color: #1d66ff !important;
  border-color: #1d66ff !important;
}

body[data-tantan-page="home"] main .semi-input-wrapper-readonly.semi-input-wrapper__with-suffix,
body[data-tantan-page="home"] main .semi-input-wrapper-readonly.semi-input-wrapper__with-suffix .semi-input,
body[data-tantan-page="home"] main .semi-input-wrapper-readonly.semi-input-wrapper__with-suffix input {
  background: #f8fafc !important;
  color: #1f2937 !important;
  -webkit-text-fill-color: #1f2937 !important;
  font-weight: 500 !important;
}

body[data-tantan-page="home"] main .semi-input-wrapper-readonly.semi-input-wrapper__with-suffix *,
body[data-tantan-page="home"] main .semi-input-wrapper-readonly.semi-input-wrapper__with-suffix input::placeholder {
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
}

body[data-tantan-page="home"] main .semi-input-wrapper-readonly.semi-input-wrapper__with-suffix input::selection {
  background: rgba(37, 99, 235, 0.20) !important;
  color: #111827 !important;
}

body[data-tantan-page="home"] main .semi-input-wrapper-readonly.semi-input-wrapper__with-suffix .semi-input-suffix,
body[data-tantan-page="home"] main .semi-input-wrapper-readonly.semi-input-wrapper__with-suffix .semi-input-suffix button,
body[data-tantan-page="home"] main .semi-input-wrapper-readonly.semi-input-wrapper__with-suffix .semi-input-suffix svg,
body[data-tantan-page="home"] main .semi-input-wrapper-readonly.semi-input-wrapper__with-suffix .semi-scrolllist-item-selected {
  color: #2563eb !important;
  -webkit-text-fill-color: #2563eb !important;
  font-weight: 650 !important;
}

body[data-tantan-page="home"] main .semi-input-wrapper-readonly.semi-input-wrapper__with-suffix .semi-scrolllist-selector {
  border-color: rgba(37, 99, 235, 0.28) !important;
}

/* ---------- Model marketplace: remove soft pill/window radii ---------- */
body[data-tantan-page="pricing"] .semi-card,
body[data-tantan-page="pricing"] [class*="card" i],
body[data-tantan-page="pricing"] .semi-modal,
body[data-tantan-page="pricing"] .semi-modal-content,
body[data-tantan-page="pricing"] .semi-popover,
body[data-tantan-page="pricing"] .semi-dropdown,
body[data-tantan-page="pricing"] .semi-select,
body[data-tantan-page="pricing"] .semi-select-selection,
body[data-tantan-page="pricing"] .semi-input-wrapper,
body[data-tantan-page="pricing"] .semi-tag,
body[data-tantan-page="pricing"] .semi-table,
body[data-tantan-page="pricing"] .semi-tabs,
body[data-tantan-page="pricing"] .semi-collapse {
  border-radius: 4px !important;
}

body[data-tantan-page="pricing"] .semi-button,
body[data-tantan-page="pricing"] .sbg-button,
body[data-tantan-page="pricing"] button[class*="rounded"],
body[data-tantan-page="pricing"] a[class*="rounded"],
body[data-tantan-page="pricing"] [role="button"][class*="rounded"] {
  border-radius: 4px !important;
}

body[data-tantan-page="pricing"] .semi-button.semi-button.semi-button.semi-button,
body[data-tantan-page="pricing"] .semi-button.semi-button-primary.semi-button-primary,
body[data-tantan-page="pricing"] .semi-button:not(.semi-button-primary):not(.semi-button-danger),
body[data-tantan-page="pricing"] .sbg-button.sbg-button.sbg-button {
  border-radius: 4px !important;
}

body[data-tantan-page="pricing"] .semi-button-with-icon-only,
body[data-tantan-page="pricing"] button[class*="rounded-full"],
body[data-tantan-page="pricing"] a[class*="rounded-full"] {
  border-radius: 5px !important;
}

body[data-tantan-page="pricing"] .semi-button.semi-button-with-icon-only.semi-button-with-icon-only,
body[data-tantan-page="pricing"] .semi-button[class*="rounded-full"].semi-button {
  border-radius: 5px !important;
}

body[data-tantan-page="pricing"] .semi-button-primary.flex[class*="rounded-r-full"],
body[data-tantan-page="pricing"] .semi-button-tertiary.flex[class*="rounded-l-full"] {
  border-radius: 4px !important;
}

body[data-tantan-page="pricing"] .semi-card.semi-card,
body[data-tantan-page="pricing"] .semi-card[class*="rounded"].semi-card,
body[data-tantan-page="pricing"] [class*="rounded-2xl"],
body[data-tantan-page="pricing"] [class*="!rounded-2xl"] {
  border-radius: 4px !important;
}

body[data-tantan-page="pricing"] header .semi-button.semi-button[class*="rounded"],
body[data-tantan-page="pricing"] header .semi-button.semi-button-with-icon-only {
  border-radius: 5px !important;
}

body[data-tantan-page="pricing"] header .semi-button.flex[class*="rounded-l-full"],
body[data-tantan-page="pricing"] header .semi-button.flex[class*="rounded-r-full"] {
  border-radius: 4px !important;
}

#tt-injected-sections {
  width: 100% !important;
  max-width: none !important;
  margin: 0 auto 16px !important;
  padding: 0 !important;
}

#tt-injected-sections section {
  display: block !important;
  margin: 0 !important;
  padding: 42px 32px !important;
  min-height: 0 !important;
  height: auto !important;
}

#tt-injected-sections .tt-stats-block {
  padding: 0 0 42px !important;
}

#tt-injected-sections .tt-stats-grid,
#tt-injected-sections .tt-features-grid,
#tt-injected-sections .tt-leaderboard {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
  height: auto !important;
}

#tt-injected-sections .tt-stats-grid > div {
  min-height: 172px !important;
  padding: 30px 32px !important;
}

#tt-injected-sections .tt-eyebrow,
#tt-injected-sections .tt-no,
#tt-injected-sections .tt-section-title,
#tt-injected-sections .tt-foot,
#tt-injected-sections .tt-features-grid h3,
#tt-injected-sections .tt-features-grid p {
  padding: 0 !important;
  min-height: 0 !important;
  height: auto !important;
}

#tt-injected-sections .tt-eyebrow {
  margin: 0 0 14px !important;
}

#tt-injected-sections .tt-section-title {
  display: block !important;
  max-width: 780px !important;
  margin: 0 0 28px !important;
  font-size: 40px !important;
  line-height: 1.12 !important;
}

#tt-injected-sections .tt-features-grid > div {
  min-height: 176px !important;
  padding: 28px 26px !important;
  gap: 12px !important;
}

#tt-injected-sections .tt-leaderboard-block {
  padding-bottom: 56px !important;
}

@media (max-width: 980px) {
  body[data-tantan-page="home"] .semi-layout-content [class*="py-20"][class*="mt-10"] {
    padding: 40px 24px 44px !important;
  }

  body[data-tantan-page="home"] h1,
  body[data-tantan-page="home"] .semi-typography-h1 {
    font-size: 48px !important;
    margin-top: 20px !important;
  }

  #tt-injected-sections section {
    padding: 36px 20px !important;
  }

  #tt-injected-sections .tt-section-title {
    font-size: 32px !important;
  }
}

@media (max-width: 560px) {
  body[data-tantan-page="home"] .semi-layout-content [class*="py-20"][class*="mt-10"] {
    padding: 30px 18px 36px !important;
  }

  body[data-tantan-page="home"] h1,
  body[data-tantan-page="home"] .semi-typography-h1 {
    font-size: 42px !important;
    line-height: 1.04 !important;
  }

  body[data-tantan-page="home"] h1 .shine-text,
  body[data-tantan-page="home"] .semi-typography-h1 .shine-text {
    padding-right: 0.14em !important;
    padding-left: 0.14em !important;
  }

  body[data-tantan-page="home"] main .tt-provider-grid.tt-provider-grid {
    grid-template-columns: repeat(4, 64px) !important;
    max-width: calc(100vw - 36px) !important;
    margin-bottom: 28px !important;
  }

  body[data-tantan-page="home"] main .tt-provider-grid.tt-provider-grid > .tt-provider-item {
    width: 64px !important;
    height: 60px !important;
    min-width: 64px !important;
    min-height: 60px !important;
  }

  #tt-injected-sections .tt-stats-grid > div,
  #tt-injected-sections .tt-features-grid > div {
    min-height: 140px !important;
    padding: 24px 22px !important;
  }
}

/* ---------- Console: collapse dashboard accent colors into one blue-gray system ---------- */
body[data-tantan-page="console"] {
  --semi-color-success: #6d9cff !important;
  --semi-color-warning: #8aa4c8 !important;
  --semi-color-danger: #8aa4c8 !important;
  --semi-color-info: #9cb6dc !important;
  --semi-color-primary: #5f8fff !important;
  --tt-console-blue: #5f8fff;
  --tt-console-blue-2: #3f6fc4;
  --tt-console-blue-3: #9fbdff;
  --tt-console-ink: #0b0e14;
  --tt-console-card: #10131b;
  --tt-console-line: rgba(226, 235, 255, 0.15);
  --tt-console-muted: #9ca8ba;
}

body[data-tantan-page="console"] .semi-card,
body[data-tantan-page="console"] .semi-card[style],
body[data-tantan-page="console"] .semi-table,
body[data-tantan-page="console"] .semi-collapse,
body[data-tantan-page="console"] .semi-tabs-content,
body[data-tantan-page="console"] [class*="chart" i],
body[data-tantan-page="console"] [class*="echart" i],
body[data-tantan-page="console"] [class*="rechart" i] {
  background: var(--tt-console-card) !important;
  background-color: var(--tt-console-card) !important;
  background-image: none !important;
  border-color: var(--tt-console-line) !important;
}

body[data-tantan-page="console"] .semi-card-header,
body[data-tantan-page="console"] .semi-card-body,
body[data-tantan-page="console"] .semi-tabs-bar,
body[data-tantan-page="console"] .semi-table-thead > .semi-table-row > .semi-table-row-head,
body[data-tantan-page="console"] .semi-table-tbody > .semi-table-row > .semi-table-row-cell {
  border-color: var(--tt-console-line) !important;
}

body[data-tantan-page="console"] .semi-tabs-tab-active {
  color: var(--tt-console-blue) !important;
}

body[data-tantan-page="console"] .semi-card-header::before,
body[data-tantan-page="console"] .semi-tabs-bar-line .semi-tabs-tab-active::after,
body[data-tantan-page="console"] .semi-navigation-item-selected::before {
  color: var(--tt-console-blue) !important;
  background: var(--tt-console-blue) !important;
}

body[data-tantan-page="console"] .semi-tag,
body[data-tantan-page="console"] .semi-badge,
body[data-tantan-page="console"] [class*="badge" i],
body[data-tantan-page="console"] [class*="tag" i],
body[data-tantan-page="console"] [class*="pill" i] {
  background: rgba(0, 82, 255, 0.12) !important;
  border-color: rgba(137, 175, 255, 0.45) !important;
  color: #dbe8ff !important;
  -webkit-text-fill-color: #dbe8ff !important;
}

body[data-tantan-page="console"] [class*="bg-green"],
body[data-tantan-page="console"] [class*="bg-yellow"],
body[data-tantan-page="console"] [class*="bg-orange"],
body[data-tantan-page="console"] [class*="bg-purple"],
body[data-tantan-page="console"] [class*="bg-cyan"],
body[data-tantan-page="console"] [class*="bg-pink"],
body[data-tantan-page="console"] [class*="bg-red"] {
  background-color: rgba(0, 82, 255, 0.16) !important;
  color: #dbe8ff !important;
  -webkit-text-fill-color: #dbe8ff !important;
  border-color: rgba(137, 175, 255, 0.42) !important;
}

body[data-tantan-page="console"] [class*="text-green"],
body[data-tantan-page="console"] [class*="text-yellow"],
body[data-tantan-page="console"] [class*="text-orange"],
body[data-tantan-page="console"] [class*="text-purple"],
body[data-tantan-page="console"] [class*="text-cyan"],
body[data-tantan-page="console"] [class*="text-pink"],
body[data-tantan-page="console"] [class*="text-red"] {
  background-color: transparent !important;
  color: var(--tt-console-blue-3) !important;
  -webkit-text-fill-color: var(--tt-console-blue-3) !important;
  border-color: rgba(137, 175, 255, 0.38) !important;
}

body[data-tantan-page="console"] canvas,
body[data-tantan-page="console"] [class*="chart" i] canvas,
body[data-tantan-page="console"] [class*="echart" i] canvas,
body[data-tantan-page="console"] [class*="rechart" i] canvas {
  filter: grayscale(1) sepia(1) saturate(2.1) hue-rotate(178deg) brightness(1.02) contrast(0.96) !important;
}

body[data-tantan-page="console"] .recharts-cartesian-grid line,
body[data-tantan-page="console"] .recharts-cartesian-axis line,
body[data-tantan-page="console"] .recharts-cartesian-axis-tick line {
  stroke: rgba(226, 235, 255, 0.16) !important;
}

body[data-tantan-page="console"] .recharts-text,
body[data-tantan-page="console"] .recharts-legend-item-text {
  fill: #c7d2e5 !important;
  color: #c7d2e5 !important;
}

body[data-tantan-page="console"] .recharts-line-curve,
body[data-tantan-page="console"] .recharts-area-curve,
body[data-tantan-page="console"] .recharts-bar-rectangle path,
body[data-tantan-page="console"] .recharts-sector,
body[data-tantan-page="console"] svg path[stroke]:not([stroke="none"]),
body[data-tantan-page="console"] svg line[stroke]:not([stroke="none"]),
body[data-tantan-page="console"] svg polyline[stroke]:not([stroke="none"]) {
  stroke: var(--tt-console-blue-3) !important;
}

body[data-tantan-page="console"] .recharts-bar-rectangle path,
body[data-tantan-page="console"] .recharts-sector,
body[data-tantan-page="console"] svg rect[fill]:not([fill="none"]),
body[data-tantan-page="console"] svg path[fill]:not([fill="none"]) {
  fill: rgba(95, 143, 255, 0.34) !important;
}

body[data-tantan-page="console"] .semi-empty img,
body[data-tantan-page="console"] [class*="empty" i] img,
body[data-tantan-page="console"] [class*="illustration" i] img {
  filter: grayscale(1) sepia(1) saturate(1.8) hue-rotate(176deg) brightness(0.92) !important;
  opacity: 0.82 !important;
}