/* Final public-page overrides loaded after theme.css. */

body[data-tantan-page="home"],
body[data-tantan-page="pricing"],
body[data-tantan-page="auth"] {
  --ink: #0e1117;
  --ink-2: #161b22;
  --ink-3: #1f242c;
  --paper: #f4f1ea;
  --paper-2: #c9c5b8;
  --line: rgba(244, 241, 234, 0.10);
  --line-strong: rgba(244, 241, 234, 0.16);
  --mute: #a09e98;
  --mute-2: #4b5563;
  --hot: #0052ff;
  --semi-color-bg-0: #0e1117;
  --semi-color-bg-1: #161b22;
  --semi-color-bg-2: #1f242c;
  --semi-color-fill-0: rgba(244, 241, 234, 0.05);
  --semi-color-fill-1: rgba(244, 241, 234, 0.08);
  --semi-color-fill-2: rgba(244, 241, 234, 0.12);
  --semi-color-text-0: #f4f1ea;
  --semi-color-text-1: #c9c5b8;
  --semi-color-text-2: #a09e98;
  --semi-color-text-3: #7a7a78;
  --semi-color-border: rgba(244, 241, 234, 0.10);
  --semi-color-primary: #0052ff;
  --semi-color-primary-hover: #003fcc;
  --semi-color-primary-active: #003fcc;
  background: #0e1117 !important;
  color: #f4f1ea !important;
  color-scheme: dark;
}

body[data-tantan-page="home"]::before,
body[data-tantan-page="home"]::after,
body[data-tantan-page="pricing"]::before,
body[data-tantan-page="pricing"]::after,
body[data-tantan-page="auth"]::before,
body[data-tantan-page="auth"]::after {
  display: none !important;
}

body[data-tantan-page="home"] *,
body[data-tantan-page="pricing"] *,
body[data-tantan-page="auth"] * {
  letter-spacing: 0 !important;
}

body[data-tantan-page="home"] .app-layout.semi-layout,
body[data-tantan-page="pricing"] .app-layout.semi-layout,
body[data-tantan-page="auth"] .app-layout.semi-layout {
  display: block !important;
  flex-direction: initial !important;
  padding-top: 64px !important;
  min-height: 100vh !important;
  height: auto !important;
  background: #0e1117 !important;
}

body[data-tantan-page="home"] .semi-layout,
body[data-tantan-page="home"] .semi-layout-content,
body[data-tantan-page="home"] .semi-layout-header,
body[data-tantan-page="home"] .semi-layout-footer,
body[data-tantan-page="pricing"] .semi-layout,
body[data-tantan-page="pricing"] .semi-layout-content,
body[data-tantan-page="pricing"] .semi-layout-header,
body[data-tantan-page="pricing"] .semi-layout-footer,
body[data-tantan-page="auth"] .semi-layout,
body[data-tantan-page="auth"] .semi-layout-content,
body[data-tantan-page="auth"] .semi-layout-header {
  background: #0e1117 !important;
  border-color: rgba(244, 241, 234, 0.08) !important;
  color: #f4f1ea !important;
}

body[data-tantan-page="home"] section.semi-layout,
body[data-tantan-page="home"] section.app-layout,
body[data-tantan-page="pricing"] section.semi-layout,
body[data-tantan-page="pricing"] section.app-layout {
  border-top: 0 !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body[data-tantan-page="home"] section.semi-layout::before,
body[data-tantan-page="home"] section.app-layout::before,
body[data-tantan-page="pricing"] section.semi-layout::before,
body[data-tantan-page="pricing"] section.app-layout::before {
  display: none !important;
}

body[data-tantan-page="home"] .semi-layout-header,
body[data-tantan-page="pricing"] .semi-layout-header,
body[data-tantan-page="auth"] .semi-layout-header {
  position: fixed !important;
  inset: 0 0 auto 0 !important;
  height: 64px !important;
  z-index: 80 !important;
  background: rgba(14, 17, 23, 0.94) !important;
  border-bottom: 1px solid rgba(244, 241, 234, 0.08) !important;
  box-shadow: none !important;
  backdrop-filter: blur(16px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(180%) !important;
}

body[data-tantan-page="home"] header,
body[data-tantan-page="home"] header *,
body[data-tantan-page="pricing"] header,
body[data-tantan-page="pricing"] header *,
body[data-tantan-page="auth"] header,
body[data-tantan-page="auth"] header * {
  color: #f4f1ea !important;
  -webkit-text-fill-color: #f4f1ea !important;
}

body[data-tantan-page="home"] header img,
body[data-tantan-page="pricing"] header img,
body[data-tantan-page="auth"] header img {
  filter: none !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
}

body[data-tantan-page="home"] header h4,
body[data-tantan-page="home"] header .semi-typography-h4,
body[data-tantan-page="pricing"] header h4,
body[data-tantan-page="pricing"] header .semi-typography-h4 {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  font-family: var(--sans) !important;
  font-size: 18px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

body[data-tantan-page="home"] header a::after,
body[data-tantan-page="pricing"] header a::after,
body[data-tantan-page="auth"] header a::after {
  display: none !important;
}

body[data-tantan-page="home"] header nav a,
body[data-tantan-page="pricing"] header nav a,
body[data-tantan-page="auth"] header nav a,
body[data-tantan-page="home"] header nav a[class*="primary"],
body[data-tantan-page="pricing"] header nav a[class*="primary"],
body[data-tantan-page="auth"] header nav a[class*="primary"] {
  width: auto !important;
  min-width: 0 !important;
  height: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 8px 10px !important;
  border: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  font-family: var(--sans) !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  text-transform: none !important;
  color: #f4f1ea !important;
  -webkit-text-fill-color: #f4f1ea !important;
}

body[data-tantan-page="home"] header nav a *,
body[data-tantan-page="pricing"] header nav a *,
body[data-tantan-page="auth"] header nav a * {
  background: transparent !important;
  color: #f4f1ea !important;
  -webkit-text-fill-color: #f4f1ea !important;
}

body[data-tantan-page="home"] header nav a:hover,
body[data-tantan-page="pricing"] header nav a:hover,
body[data-tantan-page="auth"] header nav a:hover {
  background: rgba(0, 82, 255, 0.08) !important;
  color: #0052ff !important;
  -webkit-text-fill-color: #0052ff !important;
}

body[data-tantan-page="home"] header nav a:hover *,
body[data-tantan-page="pricing"] header nav a:hover *,
body[data-tantan-page="auth"] header nav a:hover * {
  color: #0052ff !important;
  -webkit-text-fill-color: #0052ff !important;
}

body[data-tantan-page="home"] header .semi-button,
body[data-tantan-page="pricing"] header .semi-button,
body[data-tantan-page="auth"] header .semi-button {
  min-width: 32px !important;
  height: 32px !important;
  padding: 0 12px !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  background: rgba(244, 241, 234, 0.05) !important;
  font-family: var(--sans) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  text-transform: none !important;
  transform: none !important;
}

body[data-tantan-page="home"] header .semi-button-with-icon-only,
body[data-tantan-page="pricing"] header .semi-button-with-icon-only {
  width: 32px !important;
  padding: 0 !important;
}

body[data-tantan-page="home"] header .semi-button-primary,
body[data-tantan-page="pricing"] header .semi-button-primary,
body[data-tantan-page="auth"] header .semi-button-primary,
body[data-tantan-page="home"] header .semi-button-primary *,
body[data-tantan-page="pricing"] header .semi-button-primary *,
body[data-tantan-page="auth"] header .semi-button-primary * {
  background: #0052ff !important;
  color: #0e1117 !important;
  -webkit-text-fill-color: #0e1117 !important;
}

body[data-tantan-page="home"] header .semi-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 4px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #ef4444 !important;
  color: #0e1117 !important;
  -webkit-text-fill-color: #0e1117 !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

body[data-tantan-page="home"] .semi-layout-content,
body[data-tantan-page="pricing"] .semi-layout-content {
  width: 100% !important;
  max-width: none !important;
  min-height: calc(100vh - 64px) !important;
  padding: 0 !important;
  overflow: visible !important;
}

body[data-tantan-page="home"] .semi-layout-content::before {
  content: none !important;
}

body[data-tantan-page="home"] .semi-layout-content > div[class*="overflow-x-hidden"] {
  width: 100% !important;
  margin: 0 !important;
  background: #0e1117 !important;
}

body[data-tantan-page="home"] .semi-layout-content > div[class*="overflow-x-hidden"] > div[class*="border-b"] {
  min-height: 748px !important;
  height: auto !important;
  border-bottom: 1px solid rgba(244, 241, 234, 0.08) !important;
  background: #0e1117 !important;
  overflow: visible !important;
}

body[data-tantan-page="home"] .semi-layout-content [class*="py-20"][class*="mt-10"] {
  display: block !important;
  width: min(1240px, 100%) !important;
  height: auto !important;
  margin: 0 auto !important;
  padding: 76px 58px 108px !important;
}

body[data-tantan-page="home"] .semi-layout-content [class*="max-w-4xl"] {
  width: 100% !important;
  max-width: 1125px !important;
  margin: 0 !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  text-align: left !important;
}

body[data-tantan-page="home"] .semi-layout-content [class*="max-w-4xl"] > div {
  align-items: flex-start !important;
  text-align: left !important;
}

body[data-tantan-page="home"] h1,
body[data-tantan-page="home"] .semi-typography-h1 {
  max-width: 1125px !important;
  margin: 54px 0 28px !important;
  padding: 0 !important;
  border-left: 0 !important;
  font-family: var(--sans) !important;
  font-size: clamp(56px, 5vw, 72px) !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 0.96 !important;
  text-align: left !important;
  color: #f4f1ea !important;
  -webkit-text-fill-color: #f4f1ea !important;
}

body[data-tantan-page="home"] h1::after,
body[data-tantan-page="home"] .semi-typography-h1::after {
  display: none !important;
}

body[data-tantan-page="home"] h1 span,
body[data-tantan-page="home"] h1 .shine-text,
body[data-tantan-page="home"] .semi-typography-h1 span {
  color: #f4f1ea !important;
  -webkit-text-fill-color: #f4f1ea !important;
  background: transparent !important;
  font-style: normal !important;
}

body[data-tantan-page="home"] .semi-typography-paragraph,
body[data-tantan-page="home"] p {
  max-width: 760px !important;
  margin: 0 0 48px !important;
  font-family: var(--sans) !important;
  font-size: 18px !important;
  font-style: normal !important;
  line-height: 1.7 !important;
  text-align: left !important;
  color: #4b5563 !important;
}

body[data-tantan-page="home"] input,
body[data-tantan-page="home"] .semi-input,
body[data-tantan-page="home"] .semi-input-wrapper,
body[data-tantan-page="home"] [class*="copy"],
body[data-tantan-page="home"] [class*="url"] {
  border: 0 !important;
  border-radius: 6px !important;
  background: #f3f4f6 !important;
  color: #f4f1ea !important;
  box-shadow: none !important;
}

body[data-tantan-page="home"] [class*="copy"] button,
body[data-tantan-page="home"] [class*="copy"] [class*="icon"] {
  border: 0 !important;
  border-radius: 6px !important;
  background: #0e1117 !important;
  color: #f4f1ea !important;
  box-shadow: none !important;
}

body[data-tantan-page="home"] main .semi-button-primary,
body[data-tantan-page="home"] main .semi-button-primary * {
  border: 0 !important;
  border-radius: 6px !important;
  background: #0052ff !important;
  color: #0e1117 !important;
  -webkit-text-fill-color: #0e1117 !important;
  box-shadow: none !important;
  font-family: var(--sans) !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  text-transform: none !important;
  transform: none !important;
}

body[data-tantan-page="home"] main .semi-button-primary .semi-button-content,
body[data-tantan-page="home"] main .semi-button-primary .semi-button-content-right,
body[data-tantan-page="home"] main .semi-button-primary .semi-icon,
body[data-tantan-page="home"] main .semi-button-primary svg,
body[data-tantan-page="home"] main .semi-button-primary path {
  background: transparent !important;
  background-color: transparent !important;
}

body[data-tantan-page="home"] main .semi-button:not(.semi-button-primary):not(.semi-button-danger) {
  border: 0 !important;
  border-radius: 6px !important;
  background: #eaf2ff !important;
  color: #f4f1ea !important;
  -webkit-text-fill-color: #f4f1ea !important;
  box-shadow: none !important;
  font-family: var(--sans) !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  text-transform: none !important;
}

body[data-tantan-page="home"] [class*="supporter"],
body[data-tantan-page="home"] [class*="support"]:not(.semi-button) {
  margin: 0 !important;
  padding: 72px 0 28px !important;
  border-top: 1px solid rgba(244, 241, 234, 0.08) !important;
  font-family: var(--sans) !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  text-align: center !important;
  text-transform: none !important;
  color: #a09e98 !important;
}

body[data-tantan-page="home"] main [class*="provider"],
body[data-tantan-page="home"] main [class*="sponsor"],
body[data-tantan-page="home"] main [class*="logo-list"],
body[data-tantan-page="home"] main [class*="brand"] {
  justify-content: center !important;
  gap: 28px !important;
}

body[data-tantan-page="home"] main [class*="provider"] > *,
body[data-tantan-page="home"] main [class*="sponsor"] > *,
body[data-tantan-page="home"] main [class*="logo-list"] > *,
body[data-tantan-page="home"] main [class*="brand"] > *,
body[data-tantan-page="home"] main [class*="provider"] img,
body[data-tantan-page="home"] main [class*="sponsor"] img,
body[data-tantan-page="home"] main [class*="logo-list"] img,
body[data-tantan-page="home"] main [class*="brand"] img {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

body[data-tantan-page="home"] [class*="stat"]:not(.stat),
body[data-tantan-page="home"] [class*="grid"]:not(.semi-grid),
body[data-tantan-page="home"] [class*="stat"]:not(.stat) > *,
body[data-tantan-page="home"] [class*="grid"]:not(.semi-grid) > * {
  background: transparent !important;
  border-color: rgba(244, 241, 234, 0.08) !important;
}

body[data-tantan-page="home"] [class*="num"],
body[data-tantan-page="home"] [class*="count"],
body[data-tantan-page="home"] [class*="value"] {
  font-family: var(--sans) !important;
  color: #f4f1ea !important;
}

body[data-tantan-page="home"] .semi-modal.semi-modal-large {
  width: min(920px, calc(100vw - 48px)) !important;
  max-width: min(920px, calc(100vw - 48px)) !important;
}

body[data-tantan-page="home"] .semi-modal,
body[data-tantan-page="home"] .semi-modal-content,
body[data-tantan-page="home"] .semi-modal-header,
body[data-tantan-page="home"] .semi-modal-body,
body[data-tantan-page="home"] .semi-modal-footer {
  background: #0e1117 !important;
  color: #f4f1ea !important;
  border-color: rgba(244, 241, 234, 0.10) !important;
  box-shadow: none !important;
}

body[data-tantan-page="home"] .semi-modal-content {
  border-radius: 8px !important;
}

body[data-tantan-page="home"] .semi-modal-title.semi-typography-primary,
body[data-tantan-page="home"] .semi-modal-title.semi-typography-primary *,
body[data-tantan-page="pricing"] .semi-modal-title.semi-typography-primary,
body[data-tantan-page="pricing"] .semi-modal-title.semi-typography-primary * {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #f4f1ea !important;
  -webkit-text-fill-color: #f4f1ea !important;
}

body[data-tantan-page="home"] .semi-modal-title {
  font-family: var(--sans) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
  padding: 0 !important;
}

body[data-tantan-page="home"] .notice-content-scroll {
  border: 0 !important;
  background: #0e1117 !important;
  color: #f4f1ea !important;
  font-family: var(--sans) !important;
  font-size: 16px !important;
  padding: 0 !important;
}

@media (max-width: 768px) {
  body[data-tantan-page="home"] .app-layout.semi-layout,
  body[data-tantan-page="pricing"] .app-layout.semi-layout,
  body[data-tantan-page="auth"] .app-layout.semi-layout {
    padding-top: 56px !important;
  }

  body[data-tantan-page="home"] .semi-layout-header,
  body[data-tantan-page="pricing"] .semi-layout-header,
  body[data-tantan-page="auth"] .semi-layout-header {
    height: 56px !important;
  }

  body[data-tantan-page="home"] .semi-layout-content [class*="py-20"][class*="mt-10"] {
    width: 100% !important;
    padding: 48px 20px 72px !important;
  }

  body[data-tantan-page="home"] .semi-layout-content > div[class*="overflow-x-hidden"] > div[class*="border-b"] {
    min-height: auto !important;
  }

  body[data-tantan-page="home"] h1,
  body[data-tantan-page="home"] .semi-typography-h1 {
    font-size: 46px !important;
    line-height: 1 !important;
    margin-top: 40px !important;
  }

  body[data-tantan-page="home"] .semi-typography-paragraph,
  body[data-tantan-page="home"] p {
    font-size: 16px !important;
    margin-bottom: 32px !important;
  }
}

body[data-tantan-page="home"] main [class*="copy"] .semi-button-primary,
body[data-tantan-page="home"] main [class*="copy"] .semi-button-primary *,
body[data-tantan-page="home"] main [class*="url"] .semi-button-primary,
body[data-tantan-page="home"] main [class*="url"] .semi-button-primary * {
  background: #0e1117 !important;
  background-color: #0e1117 !important;
  color: #f4f1ea !important;
  -webkit-text-fill-color: #f4f1ea !important;
  box-shadow: none !important;
}

body[data-tantan-page="home"] main [class*="provider"] .semi-typography-primary,
body[data-tantan-page="home"] main [class*="provider"] .semi-typography-primary *,
body[data-tantan-page="home"] main [class*="sponsor"] .semi-typography-primary,
body[data-tantan-page="home"] main [class*="sponsor"] .semi-typography-primary *,
body[data-tantan-page="home"] main [class*="logo-list"] .semi-typography-primary,
body[data-tantan-page="home"] main [class*="logo-list"] .semi-typography-primary *,
body[data-tantan-page="home"] main [class*="brand"] .semi-typography-primary,
body[data-tantan-page="home"] main [class*="brand"] .semi-typography-primary * {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #0052ff !important;
  -webkit-text-fill-color: #0052ff !important;
}

body[data-tantan-page="home"] main .semi-typography-primary {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #0052ff !important;
  -webkit-text-fill-color: #0052ff !important;
}

body[data-tantan-page="home"] main .semi-button-primary.semi-button-with-icon-only,
body[data-tantan-page="home"] main .semi-button-primary.semi-button-with-icon-only * {
  background: #0e1117 !important;
  background-color: #0e1117 !important;
  color: #f4f1ea !important;
  -webkit-text-fill-color: #f4f1ea !important;
  box-shadow: none !important;
}

@media (max-width: 768px) {
  body[data-tantan-page="home"] header nav,
  body[data-tantan-page="pricing"] header nav,
  body[data-tantan-page="auth"] header nav {
    flex: 0 1 116px !important;
    max-width: 116px !important;
    overflow: hidden !important;
  }

  body[data-tantan-page="home"] header nav a:nth-of-type(n+3),
  body[data-tantan-page="pricing"] header nav a:nth-of-type(n+3),
  body[data-tantan-page="auth"] header nav a:nth-of-type(n+3) {
    display: none !important;
  }

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

  body[data-tantan-page="home"] main [class*="copy"],
  body[data-tantan-page="home"] main [class*="url"],
  body[data-tantan-page="home"] main .semi-input-wrapper {
    width: 100% !important;
    max-width: calc(100vw - 40px) !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  body[data-tantan-page="home"] main [class*="copy"] *,
  body[data-tantan-page="home"] main [class*="url"] *,
  body[data-tantan-page="home"] main .semi-input-wrapper * {
    min-width: 0 !important;
  }

  body[data-tantan-page="home"] main .semi-button-primary.semi-button-with-icon-only {
    width: 40px !important;
    min-width: 40px !important;
    flex: 0 0 40px !important;
  }

  html,
  body[data-tantan-page="home"],
  body[data-tantan-page="home"] #root,
  body[data-tantan-page="home"] .app-layout,
  body[data-tantan-page="home"] .semi-layout-content,
  body[data-tantan-page="home"] .semi-layout-content > div[class*="overflow-x-hidden"] {
    width: 100vw !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }

  body[data-tantan-page="home"] main .semi-input-suffix .semi-scrolllist {
    display: none !important;
  }

  body[data-tantan-page="home"] main [class*="provider"],
  body[data-tantan-page="home"] main [class*="sponsor"],
  body[data-tantan-page="home"] main [class*="logo-list"],
  body[data-tantan-page="home"] main [class*="brand"] {
    max-width: calc(100vw - 40px) !important;
    gap: 16px !important;
  }
}