:root {
  --tf-text: #1b1b1f;
  --tf-text-soft: #3d3d43;
  --tf-muted: #64656b;
  --tf-line: #dedfe4;
  --tf-line-strong: #c7c8d0;
  --tf-page: #ffffff;
  --tf-panel: #ffffff;
  --tf-panel-soft: #f7f7fa;
  --tf-black: #050505;
  --tf-black-hover: #242424;
  --tf-link: #0067b8;
  --tf-focus: #0f6cbd;
  --tf-cyan: #22c7b8;
  --tf-blue: #4b7dff;
  --tf-violet: #8b5cf6;
  --tf-magenta: #d84d8b;
  --tf-orange: #ef8a32;
  --tf-shadow-sm: 0 4px 18px rgba(0, 0, 0, .08);
  --tf-shadow-md: 0 20px 60px rgba(33, 35, 40, .12);
  --semi-color-primary: var(--tf-black) !important;
  --semi-color-primary-hover: var(--tf-black-hover) !important;
  --semi-color-primary-active: #3a3a3a !important;
  --semi-color-link: var(--tf-link) !important;
  --semi-color-link-hover: #004f8f !important;
  --semi-color-focus-border: var(--tf-focus) !important;
  --semi-border-radius-small: 6px !important;
  --semi-border-radius-medium: 8px !important;
  --semi-border-radius-large: 8px !important;
}

html.tf-theme-ready {
  color-scheme: light;
}

html.tf-theme-ready body {
  color: var(--tf-text) !important;
  background: var(--tf-page) !important;
  letter-spacing: 0;
}

html.tf-theme-ready .blur-ball,
html.tf-theme-ready .with-pastel-balls::before {
  display: none !important;
}

html.tf-theme-ready a {
  color: var(--tf-link) !important;
}

html.tf-theme-ready body,
html.tf-theme-ready main,
html.tf-theme-ready section,
html.tf-theme-ready article,
html.tf-theme-ready .semi-layout,
html.tf-theme-ready .semi-layout-content {
  color: var(--tf-text) !important;
  -webkit-text-fill-color: var(--tf-text) !important;
}

html.tf-theme-ready p,
html.tf-theme-ready h1,
html.tf-theme-ready h2,
html.tf-theme-ready h3,
html.tf-theme-ready h4,
html.tf-theme-ready h5,
html.tf-theme-ready h6,
html.tf-theme-ready .semi-typography,
html.tf-theme-ready .semi-typography-primary,
html.tf-theme-ready .semi-empty-description,
html.tf-theme-ready .semi-card-header,
html.tf-theme-ready .semi-card-header *,
html.tf-theme-ready .semi-card-body,
html.tf-theme-ready .semi-card-body * {
  color: var(--tf-text) !important;
  -webkit-text-fill-color: var(--tf-text) !important;
}

html.tf-theme-ready [style*="color: rgba(255, 255, 255"],
html.tf-theme-ready [style*="color: white"],
html.tf-theme-ready [style*="color:#fff"],
html.tf-theme-ready [style*="color: #fff"] {
  color: var(--tf-text) !important;
  -webkit-text-fill-color: var(--tf-text) !important;
}

html.tf-route-home .semi-button-primary,
html.tf-route-home .semi-button-primary *,
html.tf-route-home .semi-button[theme="solid"][type="primary"],
html.tf-route-home .semi-button[theme="solid"][type="primary"] *,
html.tf-route-home a[href="/console"],
html.tf-route-home a[href="/console"] *,
html.tf-route-home a[href="/login"],
html.tf-route-home a[href="/login"] * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html.tf-theme-ready .shine-text,
html.tf-theme-ready [class*="shine"] {
  background: none !important;
  animation: none !important;
  color: var(--tf-text) !important;
  -webkit-text-fill-color: var(--tf-text) !important;
}

html.tf-theme-ready .semi-button,
html.tf-theme-ready .semi-input-wrapper,
html.tf-theme-ready .semi-select,
html.tf-theme-ready .semi-tag,
html.tf-theme-ready .semi-card,
html.tf-theme-ready .semi-modal,
html.tf-theme-ready .semi-tabs-tab-button,
html.tf-theme-ready .semi-navigation-item,
html.tf-theme-ready .semi-navigation-sub-title {
  border-radius: 8px !important;
}

html.tf-theme-ready .semi-button-primary,
html.tf-theme-ready .semi-button-primary:not(.semi-button-disabled),
html.tf-theme-ready .semi-button[theme="solid"][type="primary"] {
  background: var(--tf-black) !important;
  border-color: var(--tf-black) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 700 !important;
}

html.tf-theme-ready .semi-button-primary *,
html.tf-theme-ready .semi-button-primary:not(.semi-button-disabled) *,
html.tf-theme-ready .semi-button[theme="solid"][type="primary"] * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html.tf-theme-ready .semi-button-primary:hover,
html.tf-theme-ready .semi-button-primary:not(.semi-button-disabled):hover {
  background: var(--tf-black-hover) !important;
  border-color: var(--tf-black-hover) !important;
}

html.tf-theme-ready .semi-button-tertiary,
html.tf-theme-ready .semi-button-light {
  color: var(--tf-text) !important;
  -webkit-text-fill-color: var(--tf-text) !important;
}

html.tf-theme-ready .semi-input-wrapper,
html.tf-theme-ready .semi-select,
html.tf-theme-ready .semi-input-textarea-wrapper {
  background: #ffffff !important;
  border: 1px solid var(--tf-line) !important;
  box-shadow: none !important;
}

html.tf-theme-ready .semi-input-wrapper:hover,
html.tf-theme-ready .semi-select:hover,
html.tf-theme-ready .semi-input-wrapper:focus-within,
html.tf-theme-ready .semi-select:focus-within {
  border-color: var(--tf-focus) !important;
  box-shadow: 0 0 0 3px rgba(15, 108, 189, .12) !important;
}

html.tf-theme-ready .semi-table,
html.tf-theme-ready:not(.tf-route-console) .tf-surface-card,
html.tf-theme-ready.tf-route-console .tf-surface-card {
  background: var(--tf-panel) !important;
  border: 1px solid var(--tf-line) !important;
  box-shadow: 0 8px 28px rgba(33, 35, 40, .06) !important;
}

html.tf-theme-ready .semi-table,
html.tf-theme-ready .semi-card,
html.tf-theme-ready .tf-surface-card {
  border: 1px solid var(--tf-line) !important;
  box-shadow: 0 8px 28px rgba(33, 35, 40, .06) !important;
}

html.tf-theme-ready .tf-brand-logo {
  border-radius: 10px;
  opacity: 1 !important;
}

html.tf-theme-ready .tf-top-nav {
  min-height: 64px !important;
  background: rgba(255, 255, 255, .92) !important;
  border-bottom: 1px solid rgba(222, 223, 228, .9) !important;
  box-shadow: 0 1px 0 rgba(0, 0, 0, .02) !important;
  backdrop-filter: blur(18px);
}

html.tf-theme-ready .tf-top-nav,
html.tf-theme-ready .tf-top-nav a,
html.tf-theme-ready .tf-top-nav span,
html.tf-theme-ready .tf-top-nav div {
  color: var(--tf-text) !important;
  -webkit-text-fill-color: var(--tf-text) !important;
}

html.tf-theme-ready .tf-top-nav a:hover,
html.tf-theme-ready .tf-top-nav button:hover {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}

html.tf-theme-ready .tf-top-nav .tf-nav-brand {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 132px !important;
  color: var(--tf-text) !important;
  -webkit-text-fill-color: var(--tf-text) !important;
  font-weight: 700 !important;
  opacity: 1 !important;
}

html.tf-theme-ready .tf-top-nav .tf-nav-brand .semi-skeleton {
  display: none !important;
}

html.tf-theme-ready .tf-top-nav .tf-nav-logo {
  width: 24px !important;
  height: 24px !important;
  flex: none !important;
  border-radius: 6px !important;
}

html.tf-theme-ready .tf-top-nav .semi-button,
html.tf-theme-ready .tf-top-nav button {
  min-height: 34px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  border: 1px solid var(--tf-line) !important;
  color: var(--tf-text) !important;
  -webkit-text-fill-color: var(--tf-text) !important;
  box-shadow: none !important;
}

html.tf-theme-ready .tf-top-nav .semi-button:hover,
html.tf-theme-ready .tf-top-nav button:hover {
  background: #f5f5f7 !important;
  border-color: var(--tf-line-strong) !important;
}

html.tf-theme-ready .tf-top-nav .tf-nav-icon-button {
  width: 34px !important;
  min-width: 34px !important;
  height: 34px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #ffffff !important;
  border: 1px solid var(--tf-line) !important;
}

html.tf-theme-ready .tf-top-nav .tf-nav-icon-button:hover {
  background: #f5f5f7 !important;
  border-color: var(--tf-line-strong) !important;
}

html.tf-theme-ready .tf-top-nav .tf-nav-login {
  min-width: auto !important;
  width: auto !important;
  height: 34px !important;
  padding: 0 18px !important;
  background: #ffffff !important;
  border: 1px solid var(--tf-black) !important;
  color: var(--tf-black) !important;
  -webkit-text-fill-color: var(--tf-black) !important;
  font-weight: 700 !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html.tf-theme-ready .tf-top-nav .tf-nav-register,
html.tf-theme-ready .tf-top-nav .semi-button-primary.tf-nav-register {
  min-width: auto !important;
  width: auto !important;
  height: 34px !important;
  padding: 0 18px !important;
  background: var(--tf-black) !important;
  border-color: var(--tf-black) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 700 !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html.tf-theme-ready .tf-top-nav .tf-nav-register *,
html.tf-theme-ready .tf-top-nav .semi-button-primary.tf-nav-register * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html.tf-theme-ready .tf-top-nav a.tf-nav-login,
html.tf-theme-ready .tf-top-nav a.tf-nav-register {
  width: auto !important;
}

html.tf-theme-ready .tf-top-nav a.tf-nav-login .tf-nav-login,
html.tf-theme-ready .tf-top-nav a.tf-nav-register .tf-nav-register {
  width: auto !important;
}

html.tf-theme-ready .tf-top-nav .tf-nav-login span,
html.tf-theme-ready .tf-top-nav .tf-nav-register span {
  padding: 0 !important;
}

html.tf-theme-ready .tf-top-nav svg {
  color: var(--tf-text) !important;
  stroke: currentColor !important;
}

html.tf-route-auth body,
html.tf-route-login body,
html.tf-route-register body {
  min-height: 100vh;
  background:
    radial-gradient(circle at 50% 24%, rgba(75, 125, 255, .12), transparent 24%),
    radial-gradient(circle at 39% 30%, rgba(216, 77, 139, .11), transparent 20%),
    radial-gradient(circle at 61% 30%, rgba(34, 199, 184, .12), transparent 22%),
    linear-gradient(180deg, #ffffff 0%, #ffffff 62%, #f7f7fa 100%) !important;
}

html.tf-route-auth body *,
html.tf-route-login body *,
html.tf-route-register body * {
  color: var(--tf-text) !important;
  -webkit-text-fill-color: var(--tf-text) !important;
}

html.tf-route-auth .tf-auth-shell,
html.tf-route-login .tf-auth-shell,
html.tf-route-register .tf-auth-shell {
  padding-top: 88px !important;
}

html.tf-route-auth .tf-auth-card,
html.tf-route-login .tf-auth-card,
html.tf-route-register .tf-auth-card {
  width: min(430px, calc(100vw - 32px)) !important;
  background: rgba(255, 255, 255, .94) !important;
  border: 1px solid rgba(222, 223, 228, .95) !important;
  border-radius: 8px !important;
  box-shadow: var(--tf-shadow-md) !important;
  overflow: hidden !important;
  backdrop-filter: blur(18px);
}

html.tf-route-auth .tf-auth-card::before,
html.tf-route-login .tf-auth-card::before,
html.tf-route-register .tf-auth-card::before {
  content: "";
  display: block;
  height: 4px;
  margin: -1px -1px 28px;
  background: linear-gradient(90deg, var(--tf-blue), var(--tf-magenta), var(--tf-orange), var(--tf-cyan));
}

html.tf-route-auth .tf-auth-card h1,
html.tf-route-auth .tf-auth-card h2,
html.tf-route-auth .tf-auth-card h3,
html.tf-route-login .tf-auth-card h1,
html.tf-route-login .tf-auth-card h2,
html.tf-route-login .tf-auth-card h3,
html.tf-route-register .tf-auth-card h1,
html.tf-route-register .tf-auth-card h2,
html.tf-route-register .tf-auth-card h3 {
  color: var(--tf-text) !important;
  -webkit-text-fill-color: var(--tf-text) !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}

html.tf-route-auth .tf-auth-card label,
html.tf-route-login .tf-auth-card label,
html.tf-route-register .tf-auth-card label {
  color: var(--tf-text) !important;
  -webkit-text-fill-color: var(--tf-text) !important;
  font-weight: 700 !important;
}

html.tf-route-auth .tf-auth-card .semi-button-primary,
html.tf-route-auth .tf-auth-card .semi-button[theme="solid"][type="primary"],
html.tf-route-login .tf-auth-card .semi-button-primary,
html.tf-route-login .tf-auth-card .semi-button[theme="solid"][type="primary"],
html.tf-route-register .tf-auth-card .semi-button-primary,
html.tf-route-register .tf-auth-card .semi-button[theme="solid"][type="primary"] {
  min-height: 42px !important;
  border-radius: 999px !important;
  background: var(--tf-black) !important;
  border-color: var(--tf-black) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 700 !important;
}

html.tf-route-auth .tf-auth-card .semi-button-primary *,
html.tf-route-auth .tf-auth-card .semi-button[theme="solid"][type="primary"] *,
html.tf-route-login .tf-auth-card .semi-button-primary *,
html.tf-route-login .tf-auth-card .semi-button[theme="solid"][type="primary"] *,
html.tf-route-register .tf-auth-card .semi-button-primary *,
html.tf-route-register .tf-auth-card .semi-button[theme="solid"][type="primary"] * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html.tf-route-auth .tf-brand-lockup,
html.tf-route-login .tf-brand-lockup,
html.tf-route-register .tf-brand-lockup {
  color: var(--tf-text) !important;
  -webkit-text-fill-color: var(--tf-text) !important;
  font-weight: 700 !important;
  text-shadow: none !important;
}

html.tf-route-auth .tf-brand-lockup img,
html.tf-route-login .tf-brand-lockup img,
html.tf-route-register .tf-brand-lockup img {
  width: 44px !important;
  height: 44px !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}

html.tf-theme-ready .tf-console-nav,
html.tf-theme-ready .semi-navigation {
  background: #ffffff !important;
  border-color: var(--tf-line) !important;
}

html.tf-theme-ready .tf-console-nav,
html.tf-theme-ready .tf-console-nav *,
html.tf-theme-ready .semi-navigation,
html.tf-theme-ready .semi-navigation * {
  color: var(--tf-text) !important;
  -webkit-text-fill-color: var(--tf-text) !important;
}

html.tf-theme-ready .semi-navigation-item-selected,
html.tf-theme-ready .semi-navigation-item:hover {
  background: #f2f6ff !important;
  color: var(--tf-text) !important;
  -webkit-text-fill-color: var(--tf-text) !important;
}

html.tf-theme-ready .semi-tag {
  border-radius: 999px !important;
}

html.tf-theme-ready .semi-toast,
html.tf-theme-ready .semi-notification-notice {
  color: var(--tf-text) !important;
  -webkit-text-fill-color: var(--tf-text) !important;
}

html.tf-route-console .semi-tag:not(.semi-tag-red):not(.semi-tag-green):not(.semi-tag-blue):not(.semi-tag-orange):not(.semi-tag-light-blue):not(.semi-tag-indigo):not(.semi-tag-purple):not(.semi-tag-teal):not(.semi-tag-cyan) {
  background: #f6f7fb !important;
  border-color: var(--tf-line) !important;
}

html.tf-route-console .semi-tag:not(.semi-tag-red):not(.semi-tag-green):not(.semi-tag-blue):not(.semi-tag-orange):not(.semi-tag-light-blue):not(.semi-tag-indigo):not(.semi-tag-purple):not(.semi-tag-teal):not(.semi-tag-cyan),
html.tf-route-console .semi-tag:not(.semi-tag-red):not(.semi-tag-green):not(.semi-tag-blue):not(.semi-tag-orange):not(.semi-tag-light-blue):not(.semi-tag-indigo):not(.semi-tag-purple):not(.semi-tag-teal):not(.semi-tag-cyan) * {
  color: var(--tf-text) !important;
  -webkit-text-fill-color: var(--tf-text) !important;
}

html.tf-route-console .semi-badge-count {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 700 !important;
}

html.tf-route-console .semi-card:not(.tf-media-card),
html.tf-route-console .semi-card:not(.tf-media-card) .semi-card-body,
html.tf-route-console .semi-card:not(.tf-media-card) .semi-card-body *,
html.tf-route-console .tf-surface-card,
html.tf-route-console .tf-surface-card * {
  background-color: var(--tf-panel) !important;
  color: var(--tf-text) !important;
  -webkit-text-fill-color: var(--tf-text) !important;
  text-shadow: none !important;
}

html.tf-route-console canvas,
html.tf-route-console svg[class*="recharts"],
html.tf-route-console .recharts-wrapper,
html.tf-route-console .recharts-surface,
html.tf-route-console [class*="echarts"],
html.tf-route-console [class*="chart"] {
  color: var(--tf-text) !important;
  -webkit-text-fill-color: var(--tf-text) !important;
}

html.tf-route-console .recharts-cartesian-axis-tick-value,
html.tf-route-console .recharts-legend-item-text,
html.tf-route-console .recharts-text,
html.tf-route-console .recharts-label,
html.tf-route-console svg text {
  fill: var(--tf-text) !important;
  color: var(--tf-text) !important;
}

html.tf-route-console .tf-media-card {
  overflow: hidden !important;
}

html.tf-route-console .tf-media-card,
html.tf-route-console .tf-media-card .semi-card-cover,
html.tf-route-console .tf-media-card [style*="url("],
html.tf-route-console .tf-media-card [style*="--palette-primary-darkerChannel"] {
  background-color: #073b42 !important;
}

html.tf-route-console .tf-media-card > .semi-card-body,
html.tf-route-console .tf-media-card > .semi-card-body > *,
html.tf-route-console .tf-media-card > .semi-card-body .semi-typography,
html.tf-route-console .tf-media-card > .semi-card-body [class*="text-"],
html.tf-route-console .tf-media-card > .semi-card-body .semi-badge,
html.tf-route-console .tf-media-card > .semi-card-body .semi-badge > div {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .34);
}

html.tf-route-console .tf-media-card > .semi-card-body .semi-input-wrapper,
html.tf-route-console .tf-media-card > .semi-card-body .semi-input,
html.tf-route-console .tf-media-card > .semi-card-body .semi-input *,
html.tf-route-console .tf-media-card > .semi-card-body input,
html.tf-route-console .tf-media-card > .semi-card-body textarea,
html.tf-route-console .tf-media-card > .semi-card-body .semi-select,
html.tf-route-console .tf-media-card > .semi-card-body .semi-select *,
html.tf-route-console .tf-media-card > .semi-card-body .semi-table,
html.tf-route-console .tf-media-card > .semi-card-body .semi-table *,
html.tf-route-console .tf-media-card > .semi-card-body .tf-surface-card,
html.tf-route-console .tf-media-card > .semi-card-body .tf-surface-card * {
  color: var(--tf-text) !important;
  -webkit-text-fill-color: var(--tf-text) !important;
  text-shadow: none !important;
}

html.tf-route-console .tf-media-card > .semi-card-body .semi-banner,
html.tf-route-console .tf-media-card > .semi-card-body .semi-banner *,
html.tf-route-console .semi-banner,
html.tf-route-console .semi-banner * {
  color: var(--tf-text) !important;
  -webkit-text-fill-color: var(--tf-text) !important;
  text-shadow: none !important;
}

html.tf-route-console .semi-banner-info {
  background: #eaf5ff !important;
  border-color: #b9dcff !important;
}

html.tf-route-console .semi-banner-warning {
  background: #fff8ea !important;
  border-color: #f2d28c !important;
}

html.tf-route-console [style*="url("],
html.tf-route-console [style*="--palette-primary-darkerChannel"] {
  background-color: #073b42 !important;
}

html.tf-route-console .tf-bg-image-panel {
  background-color: #073b42 !important;
}

html.tf-route-console .tf-media-card .semi-card-cover,
html.tf-route-console .tf-media-card .semi-card-cover *,
html.tf-route-console .tf-media-card [style*="url("],
html.tf-route-console .tf-media-card [style*="url("] *,
html.tf-route-console .tf-media-card [style*="--palette-primary-darkerChannel"],
html.tf-route-console .tf-media-card [style*="--palette-primary-darkerChannel"] *,
html.tf-route-console .tf-media-card [style*="color: white"],
html.tf-route-console .tf-media-card [style*="color:white"],
html.tf-route-console .tf-media-card [style*="color: rgb(255, 255, 255)"] {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .38);
}

html.tf-route-console .tf-media-card [style*="url("] .semi-button:not(.semi-button-disabled),
html.tf-route-console .tf-media-card [style*="--palette-primary-darkerChannel"] .semi-button:not(.semi-button-disabled) {
  background: rgba(255, 255, 255, .16) !important;
  border-color: rgba(255, 255, 255, .34) !important;
}

html.tf-route-console .semi-button:not(.semi-button-primary):not(.semi-button-danger),
html.tf-route-console .semi-button-light:not(.semi-button-disabled),
html.tf-route-console .semi-button-tertiary:not(.semi-button-disabled) {
  background: #ffffff !important;
  border-color: var(--tf-line) !important;
  color: var(--tf-text) !important;
  -webkit-text-fill-color: var(--tf-text) !important;
}

html.tf-route-console .semi-button:not(.semi-button-primary):not(.semi-button-danger) *,
html.tf-route-console .semi-button-light:not(.semi-button-disabled) *,
html.tf-route-console .semi-button-tertiary:not(.semi-button-disabled) * {
  color: var(--tf-text) !important;
  -webkit-text-fill-color: var(--tf-text) !important;
}

html.tf-route-console .tf-media-card [style*="url("] .semi-button:not(.semi-button-disabled),
html.tf-route-console .tf-media-card [style*="url("] .semi-button:not(.semi-button-disabled) *,
html.tf-route-console .tf-media-card [style*="--palette-primary-darkerChannel"] .semi-button:not(.semi-button-disabled),
html.tf-route-console .tf-media-card [style*="--palette-primary-darkerChannel"] .semi-button:not(.semi-button-disabled) * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html.tf-route-console [style*="url("],
html.tf-route-console [style*="url("] *,
html.tf-route-console [style*="--palette-primary-darkerChannel"],
html.tf-route-console [style*="--palette-primary-darkerChannel"] * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .38);
}

html.tf-route-console .tf-bg-image-panel,
html.tf-route-console .tf-bg-image-panel * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .38);
}

html.tf-route-console [style*="url("] .semi-button:not(.semi-button-disabled),
html.tf-route-console [style*="--palette-primary-darkerChannel"] .semi-button:not(.semi-button-disabled) {
  background: rgba(255, 255, 255, .16) !important;
  border-color: rgba(255, 255, 255, .34) !important;
}

html.tf-route-console .tf-bg-image-panel .semi-button:not(.semi-button-disabled) {
  background: rgba(255, 255, 255, .16) !important;
  border-color: rgba(255, 255, 255, .34) !important;
}

html.tf-route-console [style*="url("] .semi-button:not(.semi-button-disabled),
html.tf-route-console [style*="url("] .semi-button:not(.semi-button-disabled) *,
html.tf-route-console [style*="--palette-primary-darkerChannel"] .semi-button:not(.semi-button-disabled),
html.tf-route-console [style*="--palette-primary-darkerChannel"] .semi-button:not(.semi-button-disabled) * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html.tf-route-console .tf-bg-image-panel .semi-button:not(.semi-button-disabled),
html.tf-route-console .tf-bg-image-panel .semi-button:not(.semi-button-disabled) * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html.tf-route-console .semi-avatar-label {
  background: #16616b !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .32);
}

html.tf-route-console .tf-top-nav .semi-avatar-label,
html.tf-route-console .tf-top-nav .semi-avatar-label *,
html.tf-route-console .semi-avatar .semi-avatar-label,
html.tf-route-console .semi-avatar .semi-avatar-label * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html.tf-theme-ready.tf-route-console .tf-top-nav .semi-button .semi-avatar .semi-avatar-label,
html.tf-theme-ready.tf-route-console .tf-top-nav .semi-button .semi-avatar .semi-avatar-label *,
html.tf-theme-ready.tf-route-console .tf-top-nav .semi-button-content .semi-avatar-label,
html.tf-theme-ready.tf-route-console .tf-top-nav .semi-button-content .semi-avatar-label * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html.tf-route-console .semi-badge-danger.semi-badge-solid,
html.tf-route-console .semi-badge-danger.semi-badge-count {
  background: #b91c1c !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html.tf-route-console .semi-switch-unchecked .semi-switch-unchecked-text,
html.tf-route-console .semi-switch-unchecked-text {
  color: var(--tf-text) !important;
  -webkit-text-fill-color: var(--tf-text) !important;
}

html.tf-route-console .semi-badge > .text-2xl,
html.tf-route-console .semi-badge > .text-3xl,
html.tf-route-console .semi-badge > .text-4xl {
  display: inline-block !important;
  padding-top: 10px !important;
}

html.tf-route-console .semi-badge > .semi-badge-count {
  transform: translate(8px, -8px) !important;
}

@media (max-width: 767px) {
  html.tf-theme-ready .tf-top-nav {
    min-height: 56px !important;
    padding: 0 10px !important;
  }

  html.tf-theme-ready .tf-top-nav .tf-nav-brand {
    min-width: 34px !important;
    width: 34px !important;
    overflow: hidden !important;
  }

  html.tf-theme-ready .tf-top-nav .tf-nav-brand .hidden,
  html.tf-theme-ready .tf-top-nav .tf-nav-brand span,
  html.tf-theme-ready .tf-top-nav .tf-nav-brand div:not(:first-child) {
    display: none !important;
  }

  html.tf-theme-ready .tf-top-nav .semi-skeleton,
  html.tf-theme-ready .tf-top-nav .semi-skeleton *,
  html.tf-theme-ready .tf-top-nav [class*="skeleton"],
  html.tf-theme-ready .tf-top-nav [class*="Skeleton"] {
    display: none !important;
  }

  html.tf-theme-ready .tf-top-nav div:empty,
  html.tf-theme-ready .tf-top-nav span:empty {
    display: none !important;
  }

  html.tf-theme-ready .tf-top-nav .tf-nav-brand .relative,
  html.tf-theme-ready .tf-top-nav .tf-nav-brand img {
    display: block !important;
    width: 28px !important;
    height: 28px !important;
    opacity: 1 !important;
  }

  html.tf-theme-ready .tf-top-nav a:not(.tf-nav-brand):not(.tf-nav-login):not(.tf-nav-register) {
    display: none !important;
  }

  html.tf-route-auth header nav,
  html.tf-route-login header nav,
  html.tf-route-register header nav {
    display: none !important;
  }

  html.tf-theme-ready .tf-top-nav .tf-nav-login,
  html.tf-theme-ready .tf-top-nav .tf-nav-register {
    display: none !important;
  }

  html.tf-route-auth header a[href="/login"],
  html.tf-route-login header a[href="/login"],
  html.tf-route-register header a[href="/login"],
  html.tf-route-auth header a[href="/register"],
  html.tf-route-login header a[href="/register"],
  html.tf-route-register header a[href="/register"] {
    display: none !important;
  }

  html.tf-route-auth .tf-auth-shell,
  html.tf-route-login .tf-auth-shell,
  html.tf-route-register .tf-auth-shell {
    padding: 72px 16px 24px !important;
  }

  html.tf-route-auth .tf-auth-card,
  html.tf-route-login .tf-auth-card,
  html.tf-route-register .tf-auth-card {
    width: 100% !important;
  }
}

html.tf-theme-ready.dark,
html.tf-theme-ready.dark body {
  color-scheme: dark;
  --tf-text: #f7f4ff;
  --tf-text-soft: #d9d4ee;
  --tf-muted: #a79fbe;
  --tf-line: rgba(167, 139, 250, .24);
  --tf-line-strong: rgba(125, 211, 252, .36);
  --tf-page: #0c0a1d;
  --tf-panel: rgba(21, 20, 44, .88);
  --tf-panel-soft: rgba(33, 31, 66, .82);
  --tf-black: #a855f7;
  --tf-black-hover: #c084fc;
  --tf-link: #67e8f9;
  --tf-focus: #a78bfa;
  --tf-cyan: #5eead4;
  --tf-blue: #93c5fd;
  --tf-violet: #b983ff;
  --tf-magenta: #f0abfc;
  --tf-orange: #fbbf24;
  --tf-shadow-sm: 0 10px 28px rgba(0, 0, 0, .32);
  --tf-shadow-md: 0 24px 70px rgba(0, 0, 0, .42);
  --semi-color-primary: #a855f7 !important;
  --semi-color-primary-hover: #c084fc !important;
  --semi-color-primary-active: #8b5cf6 !important;
  --semi-color-link: #67e8f9 !important;
  --semi-color-link-hover: #a5f3fc !important;
  --semi-color-focus-border: #a78bfa !important;
}

html.tf-theme-ready.dark body {
  background:
    radial-gradient(circle at 18% 14%, rgba(147, 51, 234, .28), transparent 31%),
    radial-gradient(circle at 82% 10%, rgba(37, 99, 235, .22), transparent 30%),
    radial-gradient(circle at 78% 74%, rgba(20, 184, 166, .13), transparent 24%),
    linear-gradient(180deg, #0b071b 0%, #11102a 48%, #0c0a1d 100%) !important;
}

html.tf-theme-ready.dark body,
html.tf-theme-ready.dark main,
html.tf-theme-ready.dark section,
html.tf-theme-ready.dark article,
html.tf-theme-ready.dark .semi-layout,
html.tf-theme-ready.dark .semi-layout-content,
html.tf-theme-ready.dark p,
html.tf-theme-ready.dark h1,
html.tf-theme-ready.dark h2,
html.tf-theme-ready.dark h3,
html.tf-theme-ready.dark h4,
html.tf-theme-ready.dark h5,
html.tf-theme-ready.dark h6,
html.tf-theme-ready.dark .semi-typography,
html.tf-theme-ready.dark .semi-typography-primary,
html.tf-theme-ready.dark .semi-empty-description,
html.tf-theme-ready.dark .semi-card-header,
html.tf-theme-ready.dark .semi-card-header *,
html.tf-theme-ready.dark .semi-card-body,
html.tf-theme-ready.dark .semi-card-body * {
  color: var(--tf-text) !important;
  -webkit-text-fill-color: var(--tf-text) !important;
}

html.tf-theme-ready.dark a {
  color: var(--tf-link) !important;
}

html.tf-theme-ready.dark .tf-top-nav {
  background: rgba(12, 10, 29, .88) !important;
  border-bottom: 1px solid rgba(167, 139, 250, .18) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, .04) !important;
  backdrop-filter: blur(20px);
}

html.tf-theme-ready.dark .tf-top-nav,
html.tf-theme-ready.dark .tf-top-nav a,
html.tf-theme-ready.dark .tf-top-nav span,
html.tf-theme-ready.dark .tf-top-nav div,
html.tf-theme-ready.dark .tf-top-nav svg {
  color: var(--tf-text) !important;
  -webkit-text-fill-color: var(--tf-text) !important;
}

html.tf-theme-ready.dark .tf-top-nav .semi-button,
html.tf-theme-ready.dark .tf-top-nav button,
html.tf-theme-ready.dark .tf-top-nav .tf-nav-icon-button {
  background: rgba(255, 255, 255, .07) !important;
  border: 1px solid rgba(167, 139, 250, .24) !important;
  color: var(--tf-text) !important;
  -webkit-text-fill-color: var(--tf-text) !important;
}

html.tf-theme-ready.dark .tf-top-nav .semi-button:hover,
html.tf-theme-ready.dark .tf-top-nav button:hover,
html.tf-theme-ready.dark .tf-top-nav .tf-nav-icon-button:hover {
  background: rgba(168, 85, 247, .18) !important;
  border-color: rgba(192, 132, 252, .48) !important;
}

html.tf-theme-ready.dark .tf-top-nav .tf-nav-login {
  background: rgba(255, 255, 255, .06) !important;
  border-color: rgba(192, 132, 252, .58) !important;
  color: #f7f4ff !important;
  -webkit-text-fill-color: #f7f4ff !important;
}

html.tf-theme-ready.dark .tf-top-nav .tf-nav-register,
html.tf-theme-ready.dark .tf-top-nav .semi-button-primary.tf-nav-register,
html.tf-theme-ready.dark .semi-button-primary,
html.tf-theme-ready.dark .semi-button-primary:not(.semi-button-disabled),
html.tf-theme-ready.dark .semi-button[theme="solid"][type="primary"] {
  background: linear-gradient(135deg, #8b5cf6 0%, #c084fc 100%) !important;
  border-color: rgba(216, 180, 254, .55) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 14px 34px rgba(139, 92, 246, .28) !important;
}

html.tf-theme-ready.dark .semi-button-primary *,
html.tf-theme-ready.dark .semi-button[theme="solid"][type="primary"] * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html.tf-theme-ready.dark .tf-console-nav,
html.tf-theme-ready.dark .semi-navigation {
  background: rgba(10, 8, 26, .74) !important;
  border-color: rgba(167, 139, 250, .16) !important;
  box-shadow: inset -1px 0 0 rgba(255, 255, 255, .04) !important;
}

html.tf-theme-ready.dark .tf-console-nav,
html.tf-theme-ready.dark .tf-console-nav *,
html.tf-theme-ready.dark .semi-navigation,
html.tf-theme-ready.dark .semi-navigation * {
  color: var(--tf-text-soft) !important;
  -webkit-text-fill-color: var(--tf-text-soft) !important;
}

html.tf-theme-ready.dark .semi-navigation-sub-title,
html.tf-theme-ready.dark .semi-typography-tertiary,
html.tf-theme-ready.dark .semi-typography-secondary,
html.tf-theme-ready.dark .text-gray-500,
html.tf-theme-ready.dark .text-gray-600,
html.tf-theme-ready.dark [class*="text-semi-color-text-2"],
html.tf-theme-ready.dark [class*="text-semi-color-text-3"] {
  color: var(--tf-muted) !important;
  -webkit-text-fill-color: var(--tf-muted) !important;
}

html.tf-theme-ready.dark .semi-navigation-item-selected,
html.tf-theme-ready.dark .semi-navigation-item:hover {
  background: rgba(139, 92, 246, .18) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html.tf-theme-ready.dark .semi-navigation-item-selected *,
html.tf-theme-ready.dark .semi-navigation-item:hover * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html.tf-theme-ready.dark .semi-card,
html.tf-theme-ready.dark .tf-surface-card,
html.tf-theme-ready.dark .semi-table,
html.tf-theme-ready.dark .semi-modal,
html.tf-theme-ready.dark .semi-popover,
html.tf-theme-ready.dark .semi-popover-wrapper,
html.tf-theme-ready.dark .semi-dropdown,
html.tf-theme-ready.dark .semi-dropdown-menu,
html.tf-theme-ready.dark .semi-select-option-list,
html.tf-theme-ready.dark .semi-tooltip-wrapper {
  background: var(--tf-panel) !important;
  border-color: var(--tf-line) !important;
  box-shadow: var(--tf-shadow-sm) !important;
  backdrop-filter: blur(18px);
}

html.tf-theme-ready.dark .semi-card-header,
html.tf-theme-ready.dark .semi-card-header-bordered,
html.tf-theme-ready.dark .semi-table-thead > .semi-table-row > .semi-table-row-head,
html.tf-theme-ready.dark .semi-table-tbody > .semi-table-row > .semi-table-row-cell {
  background: transparent !important;
  border-color: rgba(167, 139, 250, .16) !important;
}

html.tf-theme-ready.dark .semi-table-thead,
html.tf-theme-ready.dark .semi-table-tbody,
html.tf-theme-ready.dark .semi-table-row,
html.tf-theme-ready.dark .semi-table-row-cell,
html.tf-theme-ready.dark .semi-table-row-head {
  background: transparent !important;
  color: var(--tf-text) !important;
  -webkit-text-fill-color: var(--tf-text) !important;
}

html.tf-theme-ready.dark .semi-table-row:hover,
html.tf-theme-ready.dark .semi-dropdown-item:hover,
html.tf-theme-ready.dark .semi-select-option:hover,
html.tf-theme-ready.dark .semi-tabs-tab:hover {
  background: rgba(139, 92, 246, .12) !important;
}

html.tf-theme-ready.dark .semi-input-wrapper,
html.tf-theme-ready.dark .semi-input,
html.tf-theme-ready.dark .semi-input-textarea-wrapper,
html.tf-theme-ready.dark input,
html.tf-theme-ready.dark textarea,
html.tf-theme-ready.dark .semi-select {
  background: rgba(255, 255, 255, .06) !important;
  border-color: rgba(167, 139, 250, .24) !important;
  color: var(--tf-text) !important;
  -webkit-text-fill-color: var(--tf-text) !important;
  box-shadow: none !important;
}

html.tf-theme-ready.dark .semi-input-wrapper:hover,
html.tf-theme-ready.dark .semi-select:hover,
html.tf-theme-ready.dark .semi-input-wrapper:focus-within,
html.tf-theme-ready.dark .semi-select:focus-within {
  border-color: rgba(103, 232, 249, .55) !important;
  box-shadow: 0 0 0 3px rgba(103, 232, 249, .12) !important;
}

html.tf-theme-ready.dark .semi-button:not(.semi-button-primary):not(.semi-button-danger),
html.tf-theme-ready.dark .semi-button-light:not(.semi-button-disabled),
html.tf-theme-ready.dark .semi-button-tertiary:not(.semi-button-disabled) {
  background: rgba(255, 255, 255, .07) !important;
  border-color: rgba(167, 139, 250, .24) !important;
  color: var(--tf-text) !important;
  -webkit-text-fill-color: var(--tf-text) !important;
}

html.tf-theme-ready.dark .semi-button:not(.semi-button-primary):not(.semi-button-danger) *,
html.tf-theme-ready.dark .semi-button-light:not(.semi-button-disabled) *,
html.tf-theme-ready.dark .semi-button-tertiary:not(.semi-button-disabled) * {
  color: var(--tf-text) !important;
  -webkit-text-fill-color: var(--tf-text) !important;
}

html.tf-theme-ready.dark .semi-button:not(.semi-button-primary):not(.semi-button-danger):hover,
html.tf-theme-ready.dark .semi-button-light:not(.semi-button-disabled):hover,
html.tf-theme-ready.dark .semi-button-tertiary:not(.semi-button-disabled):hover {
  background: rgba(139, 92, 246, .17) !important;
  border-color: rgba(192, 132, 252, .45) !important;
}

html.tf-theme-ready.dark .semi-tag:not(.semi-tag-red):not(.semi-tag-green):not(.semi-tag-blue):not(.semi-tag-orange):not(.semi-tag-light-blue):not(.semi-tag-indigo):not(.semi-tag-purple):not(.semi-tag-teal):not(.semi-tag-cyan) {
  background: rgba(255, 255, 255, .08) !important;
  border-color: rgba(167, 139, 250, .22) !important;
}

html.tf-theme-ready.dark .semi-tag,
html.tf-theme-ready.dark .semi-tag * {
  color: var(--tf-text-soft) !important;
  -webkit-text-fill-color: var(--tf-text-soft) !important;
}

html.tf-theme-ready.dark .semi-empty,
html.tf-theme-ready.dark .semi-empty *,
html.tf-theme-ready.dark .semi-empty-description {
  color: var(--tf-text-soft) !important;
  -webkit-text-fill-color: var(--tf-text-soft) !important;
}

html.tf-theme-ready.dark .semi-empty-title,
html.tf-theme-ready.dark .semi-empty-title * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html.tf-theme-ready.dark .semi-banner,
html.tf-theme-ready.dark .semi-banner * {
  color: var(--tf-text) !important;
  -webkit-text-fill-color: var(--tf-text) !important;
}

html.tf-theme-ready.dark .semi-banner-info {
  background: rgba(14, 116, 144, .18) !important;
  border-color: rgba(103, 232, 249, .28) !important;
}

html.tf-theme-ready.dark .semi-banner-warning {
  background: rgba(180, 83, 9, .2) !important;
  border-color: rgba(251, 191, 36, .3) !important;
}

html.tf-theme-ready.dark.tf-route-console .semi-card:not(.tf-media-card),
html.tf-theme-ready.dark.tf-route-console .semi-card:not(.tf-media-card) .semi-card-body,
html.tf-theme-ready.dark.tf-route-console .semi-card:not(.tf-media-card) .semi-card-body *,
html.tf-theme-ready.dark.tf-route-console .tf-surface-card,
html.tf-theme-ready.dark.tf-route-console .tf-surface-card * {
  background-color: transparent !important;
  color: var(--tf-text) !important;
  -webkit-text-fill-color: var(--tf-text) !important;
  text-shadow: none !important;
}

html.tf-theme-ready.dark.tf-route-console .semi-card:not(.tf-media-card),
html.tf-theme-ready.dark.tf-route-console .tf-surface-card {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .075), rgba(255, 255, 255, .04)),
    rgba(21, 20, 44, .84) !important;
  border-color: rgba(167, 139, 250, .24) !important;
  box-shadow: 0 18px 52px rgba(0, 0, 0, .28) !important;
}

html.tf-theme-ready.dark.tf-route-console canvas,
html.tf-theme-ready.dark.tf-route-console svg[class*="recharts"],
html.tf-theme-ready.dark.tf-route-console .recharts-wrapper,
html.tf-theme-ready.dark.tf-route-console .recharts-surface,
html.tf-theme-ready.dark.tf-route-console [class*="echarts"],
html.tf-theme-ready.dark.tf-route-console [class*="chart"] {
  background-color: transparent !important;
  color: var(--tf-text) !important;
  -webkit-text-fill-color: var(--tf-text) !important;
}

html.tf-theme-ready.dark.tf-route-console canvas {
  mix-blend-mode: screen !important;
}

html.tf-theme-ready.dark.tf-route-console .recharts-cartesian-axis-tick-value,
html.tf-theme-ready.dark.tf-route-console .recharts-legend-item-text,
html.tf-theme-ready.dark.tf-route-console .recharts-text,
html.tf-theme-ready.dark.tf-route-console .recharts-label,
html.tf-theme-ready.dark.tf-route-console svg text {
  fill: var(--tf-text-soft) !important;
  color: var(--tf-text-soft) !important;
}

html.tf-theme-ready.dark.tf-route-console .semi-avatar-label {
  background: linear-gradient(135deg, #14b8a6, #8b5cf6) !important;
}

html.tf-theme-ready.dark .tf-media-card,
html.tf-theme-ready.dark .tf-media-card .semi-card-cover,
html.tf-theme-ready.dark .tf-media-card [style*="url("],
html.tf-theme-ready.dark .tf-media-card [style*="--palette-primary-darkerChannel"],
html.tf-theme-ready.dark [style*="url("],
html.tf-theme-ready.dark [style*="--palette-primary-darkerChannel"] {
  background-color: #17122f !important;
}

html.tf-theme-ready.dark .tf-media-card > .semi-card-body,
html.tf-theme-ready.dark .tf-media-card > .semi-card-body > *,
html.tf-theme-ready.dark .tf-media-card [style*="url("],
html.tf-theme-ready.dark .tf-media-card [style*="url("] *,
html.tf-theme-ready.dark .tf-media-card [style*="--palette-primary-darkerChannel"],
html.tf-theme-ready.dark .tf-media-card [style*="--palette-primary-darkerChannel"] * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .42);
}

html.tf-theme-ready.dark .semi-modal-content,
html.tf-theme-ready.dark .semi-modal-header,
html.tf-theme-ready.dark .semi-modal-body,
html.tf-theme-ready.dark .semi-modal-footer,
html.tf-theme-ready.dark .semi-drawer-content,
html.tf-theme-ready.dark .semi-drawer-header,
html.tf-theme-ready.dark .semi-drawer-body,
html.tf-theme-ready.dark .semi-drawer-footer {
  background: rgba(21, 20, 44, .96) !important;
  border-color: rgba(167, 139, 250, .2) !important;
  color: var(--tf-text) !important;
  -webkit-text-fill-color: var(--tf-text) !important;
}

html.tf-theme-ready.dark .semi-dropdown-menu,
html.tf-theme-ready.dark .semi-dropdown-menu *,
html.tf-theme-ready.dark .semi-popover,
html.tf-theme-ready.dark .semi-popover *,
html.tf-theme-ready.dark .semi-select-option-list,
html.tf-theme-ready.dark .semi-select-option-list * {
  color: var(--tf-text) !important;
  -webkit-text-fill-color: var(--tf-text) !important;
}

html.tf-theme-ready.dark .semi-dropdown-item-selected,
html.tf-theme-ready.dark .semi-select-option-selected {
  background: rgba(139, 92, 246, .2) !important;
}

html.tf-theme-ready.dark .semi-spin,
html.tf-theme-ready.dark .semi-spin-children {
  background: transparent !important;
}

html.tf-theme-ready.dark .semi-divider,
html.tf-theme-ready.dark .semi-divider-horizontal,
html.tf-theme-ready.dark .semi-divider-vertical {
  border-color: rgba(167, 139, 250, .2) !important;
}


html.tf-theme-ready.tf-route-home body.tf-icp-footer-visible {
  padding-bottom: 52px !important;
}

html.tf-theme-ready .tf-icp-footer {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 120;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 10px 16px 11px;
  border-top: 1px solid rgba(15, 118, 110, .14);
  background: rgba(255, 255, 255, .94);
  color: var(--tf-muted);
  font-size: 12px;
  line-height: 1.45;
  text-align: center;
  letter-spacing: 0;
  white-space: normal;
  overflow-wrap: anywhere;
  box-shadow: 0 -8px 24px rgba(17, 24, 22, .06);
  backdrop-filter: blur(10px);
}

html.tf-theme-ready .tf-icp-footer a {
  color: inherit !important;
  text-decoration: none !important;
}

html.tf-theme-ready .tf-icp-footer a:hover {
  color: var(--tf-primary) !important;
  text-decoration: underline !important;
}

html.tf-theme-ready .tf-icp-footer-separator {
  color: rgba(102, 115, 111, .72);
}

html.dark.tf-theme-ready .tf-icp-footer {
  border-top-color: rgba(255, 255, 255, .08);
  background: rgba(17, 24, 22, .92);
  color: rgba(236, 244, 241, .82);
}