@font-face {
  font-family: "Plus Jakarta Sans";
  src: url("./636a5ac981f94f8b-s.p.woff2") format("woff2");
  font-weight: 200 800;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "Plus Jakarta Sans";
  src: url("./9e7b0a821b9dfcb4-s.woff2") format("woff2");
  font-weight: 200 800;
  font-style: italic;
  font-display: block;
}
@font-face {
  font-family: "Plus Jakarta Sans";
  src: url("./8ebc6e9dde468c4a-s.woff2") format("woff2");
  font-weight: 200 800;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "Plus Jakarta Sans";
  src: url("./6fe53d21e6e7ebd8-s.woff2") format("woff2");
  font-weight: 200 800;
  font-style: normal;
  font-display: block;
}

:root {
  --qv-page-base: #05070b;
  --qv-panel: rgba(10, 14, 22, 0.88);
  --qv-line: rgba(255, 255, 255, 0.08);
  --qv-text-1: rgba(255, 255, 255, 0.97);
  --qv-text-2: rgba(255, 255, 255, 0.74);
  --qv-text-3: rgba(255, 255, 255, 0.48);
  --qv-cyan: #34e3f4;
}

html,
body {
  background-color: var(--qv-page-base);
  overflow-x: clip;
}

body {
  color: var(--qv-text-1);
  font-family: "Plus Jakarta Sans", "Noto Sans SC", "Microsoft YaHei", sans-serif !important;
  overflow-x: clip;
  background-image:
    radial-gradient(ellipse at 51% 0%, rgba(52, 227, 244, 0.055), transparent 30%),
    radial-gradient(ellipse at 74% 0%, rgba(47, 67, 255, 0.12), transparent 42%),
    linear-gradient(180deg, #060b12 0%, #07111c 34%, #05070b 74%, #05070b 100%) !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
}

main,
article,
.page-shell,
.section-hero {
  background-color: transparent !important;
}

header:not(article header):not(main header),
footer,
.site-footer,
.qv-footer {
  background-color: #05070b !important;
}

html body h1,
html body h1#heroH1,
html body h1[data-qv-i18n-en],
html body main article header h1,
html body main article.language-panel header h1,
main h1,
article h1,
.hero h1 {
  max-width: 820px;
  font-family: "Plus Jakarta Sans", "Noto Sans SC", "Microsoft YaHei", sans-serif !important;
  font-size: 56px !important;
  font-weight: 350 !important;
  line-height: 59.36px !important;
  letter-spacing: -3.08px !important;
}

html body h2,
main h2,
article h2 {
  font-family: "Plus Jakarta Sans", "Noto Sans SC", "Microsoft YaHei", sans-serif !important;
  font-size: 42px !important;
  font-weight: 400 !important;
  line-height: 47.04px !important;
  letter-spacing: -1.89px !important;
}

main p,
article p,
main li,
article li,
main td,
article td {
  font-family: "Plus Jakarta Sans", "Noto Sans SC", "Microsoft YaHei", sans-serif !important;
  font-size: 16px;
  font-weight: 350;
  line-height: 28px;
  letter-spacing: -0.24px;
}

.lead,
.lede,
.hero-lead,
.meta-desc,
#heroSub {
  color: var(--qv-text-2) !important;
  font-size: 17px !important;
  font-weight: 350 !important;
  line-height: 29.75px !important;
}

.card,
.panel,
.callout,
.comparison-card,
.table-wrap,
.faq-item {
  background-color: var(--qv-panel);
  border-color: var(--qv-line);
}

.qv-breadcrumb {
  width: min(1180px, calc(100% - 40px));
  margin: 38px auto 24px;
  padding: 0 !important;
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--qv-text-3);
  font-family: "Plus Jakarta Sans", "Noto Sans SC", "Microsoft YaHei", sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 19.5px;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.qv-breadcrumb a {
  color: var(--qv-text-3);
  text-decoration: none;
}

.qv-breadcrumb a:first-child {
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  color: transparent !important;
  font-size: 0 !important;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid var(--qv-line);
  border-radius: 12px;
}

.qv-breadcrumb a:first-child::before {
  content: "←";
  color: var(--qv-text-2);
  font-size: 17px;
  line-height: 1;
}

.qv-breadcrumb > span:not(.en):not(.zh):not([data-qv-i18n-en]) {
  color: var(--qv-text-3);
}

.qv-breadcrumb .zh {
  display: none;
}

html[lang^="zh"] .qv-breadcrumb .en {
  display: none;
}

html[lang^="zh"] .qv-breadcrumb .zh {
  display: inline;
}

.article-visual {
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.article-visual img,
main img:not(.qv-logo img),
article img {
  max-width: 100%;
  height: auto;
  object-fit: contain;
}

@media (max-width: 700px) {
  html body h1,
  html body h1#heroH1,
  html body h1[data-qv-i18n-en],
  html body main article header h1,
  html body main article.language-panel header h1,
  main h1,
  article h1,
  .hero h1 {
    font-size: 36px !important;
    font-weight: 350 !important;
    line-height: 38.16px !important;
    letter-spacing: -1.98px !important;
  }

  html body h2,
  main h2,
  article h2 {
    font-size: 30px !important;
    font-weight: 400 !important;
    line-height: 33.6px !important;
    letter-spacing: -1.35px !important;
  }

  .qv-breadcrumb {
    width: min(100% - 28px, 1180px);
    margin-top: 22px;
    margin-bottom: 18px;
  }

  main table,
  article table {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0 !important;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
  }
}