.qt-home {
  --qt-home-width: 1160px;
  --qt-brand: #1d50a3;
  --qt-brand-hover: #2f66bf;
  --qt-text: rgb(60, 60, 67);
  --qt-text-strong: rgb(60, 60, 67);
  --qt-text-muted: rgba(60, 60, 67, 0.78);
  --qt-border: #e2e2e3;
  --qt-card-bg: rgba(142, 150, 170, 0.1);
  --qt-card-hover-bg: rgba(142, 150, 170, 0.16);
  --qt-card-border: transparent;
  --qt-card-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.15);
  --qt-info-bg: rgba(20, 99, 184, 0.14);
  --qt-info-border: var(--qt-brand);
  --qt-footer-bg: #141621;
  --qt-footer-text: #aba7b8;
  --qt-gitee-bg: rgba(199, 29, 35, 0.06);
  --qt-github-bg: var(--qt-card-bg);
  color: var(--qt-text);
  font-family: Inter, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 16px;
}

html[data-theme^="gitea-light"] .qt-home {
  --qt-card-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.15);
  --qt-gitee-bg: rgba(199, 29, 35, 0.06);
  background: #fbfbfb;
}

html[data-theme="gitea-auto"] .qt-home {
  --qt-card-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.15);
  background: #fbfbfb;
}

html[data-theme^="gitea-light"] .qt-home .vp-page.vp-project-home,
html[data-theme="gitea-auto"] .qt-home .vp-page.vp-project-home {
  background: #fbfbfb;
}

@media (prefers-color-scheme: dark) {
  html[data-theme="gitea-auto"] .qt-home {
    --qt-brand: #1d50a3;
    --qt-brand-hover: #2f66bf;
    --qt-text: rgba(235, 235, 245, 0.86);
    --qt-text-strong: rgba(235, 235, 245, 0.92);
    --qt-text-muted: rgba(235, 235, 245, 0.602);
    --qt-border: #2e2e32;
    --qt-card-bg: rgba(101, 117, 133, 0.12);
    --qt-card-hover-bg: rgba(101, 117, 133, 0.18);
    --qt-card-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.3);
    --qt-info-bg: rgba(20, 99, 184, 0.16);
    --qt-gitee-bg: rgba(199, 29, 35, 0.08);
  }
}

html[data-theme^="gitea-dark"] .qt-home {
  --qt-brand: #1d50a3;
  --qt-brand-hover: #2f66bf;
  --qt-text: rgba(235, 235, 245, 0.86);
  --qt-text-strong: rgba(235, 235, 245, 0.92);
  --qt-text-muted: rgba(235, 235, 245, 0.602);
  --qt-border: #2e2e32;
  --qt-card-bg: rgba(101, 117, 133, 0.12);
  --qt-card-hover-bg: rgba(101, 117, 133, 0.18);
  --qt-card-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.3);
  --qt-info-bg: rgba(20, 99, 184, 0.16);
  --qt-gitee-bg: rgba(199, 29, 35, 0.08);
  background: #222222;
}

html[data-theme^="gitea-dark"] .qt-home .vp-page.vp-project-home {
  background: #222222;
}

@media (prefers-color-scheme: dark) {
  html[data-theme="gitea-auto"] .qt-home,
  html[data-theme="gitea-auto"] .qt-home .vp-page.vp-project-home {
    background: #222222;
  }
}

html[data-theme^="gitea-dark"] .qt-home .qt-platform-image {
  background: #292929;
}

@media (prefers-color-scheme: dark) {
  html[data-theme="gitea-auto"] .qt-home .qt-platform-image {
    background: #222222;
  }
}

.qt-home .vp-page.vp-project-home {
  max-width: none;
  padding: calc(var(--navbar-height) + 1.5rem) 2rem 2rem;
}

.qt-home a,
.qt-home a:hover,
.qt-home a:focus,
.qt-home a:active,
.qt-home a *,
.qt-home a:hover *,
.qt-home a:focus *,
.qt-home a:active * {
  text-decoration: none !important;
  text-underline-offset: 0 !important;
}

.qt-home .vp-hero-info-wrapper {
  max-width: var(--qt-home-width);
  margin: 0 auto;
  padding: 2rem 0 3.75rem;
}

.qt-home .vp-hero-info {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7rem;
  width: 100%;
  padding: 0;
}

.qt-home .vp-hero-image {
  width: 368px;
  max-width: 36vw;
  max-height: none;
  margin: 0;
  flex: 0 0 auto;
}

.qt-home .vp-hero-infos {
  flex: 0 1 34rem;
  margin: 0;
}

.qt-home .vp-hero-title {
  margin: 0 0 1.8rem;
  background: none;
  -webkit-text-fill-color: var(--qt-brand);
  color: var(--qt-brand);
  font-size: 3.6rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
}

.qt-home #main-description {
  max-width: 35rem;
  margin: 0 0 1.8rem;
  color: var(--qt-text-muted);
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 500;
}

.qt-home .vp-hero-actions {
  display: flex;
  gap: 0.9rem;
  margin: 0;
  align-items: center;
}

.qt-home .vp-hero-action {
  min-width: 0;
  margin: 0;
  padding: 0 1.75rem;
  height: 3.1rem;
  line-height: 3.1rem;
  border-radius: 999px;
  border: 1px solid transparent;
  font-size: 1.2rem;
  font-weight: 600;
  box-shadow: none;
  text-decoration: none;
}

.qt-home .vp-hero-action.primary {
  background: var(--qt-brand);
  border-color: var(--qt-brand);
  color: #fff;
}

.qt-home .vp-hero-action.primary:hover {
  background: var(--qt-brand-hover);
  border-color: var(--qt-brand-hover);
  text-decoration: none;
}

.qt-home .vp-hero-action.default {
  background: #eef6ff !important;
  border-color: rgba(29, 80, 163, 0.26) !important;
  color: var(--qt-brand) !important;
}

.qt-home .vp-hero-action.default:hover {
  background: #ddecff !important;
  border-color: rgba(29, 80, 163, 0.38) !important;
  color: var(--qt-brand-hover) !important;
  text-decoration: none;
}

html[data-theme^="gitea-dark"] .qt-home .vp-hero-action.default {
  background: #3a3a3a !important;
  border-color: #505050 !important;
  color: var(--qt-brand) !important;
}

html[data-theme^="gitea-dark"] .qt-home .vp-hero-action.default:hover {
  background: #454545 !important;
  border-color: #5a5a5a !important;
  color: var(--qt-brand-hover) !important;
}

@media (prefers-color-scheme: dark) {
  html[data-theme="gitea-auto"] .qt-home .vp-hero-action.default {
    background: #3a3a3a !important;
    border-color: #505050 !important;
    color: var(--qt-brand) !important;
  }

  html[data-theme="gitea-auto"] .qt-home .vp-hero-action.default:hover {
    background: #454545 !important;
    border-color: #5a5a5a !important;
    color: var(--qt-brand-hover) !important;
  }
}

.qt-home [vp-content] {
  max-width: none;
  padding: 0;
}

.qt-home #markdown-content {
  max-width: var(--qt-home-width);
  margin: 0 auto;
}

.qt-home #markdown-content > h2 {
  margin: 0 0 1rem;
  padding: 0 0 0.3rem;
  border-bottom: 1px solid var(--qt-border);
  color: var(--qt-text-strong);
  font-size: 1.65rem;
  line-height: 1.15;
}

.qt-home #markdown-content > h2 + p {
  margin-top: 0;
}

.qt-home #markdown-content > p {
  margin: 0 0 1.5rem;
  color: var(--qt-text);
  font-size: 16px;
  line-height: 1.7;
  text-align: left;
  hyphens: none;
}

.qt-home .qt-platform-image {
  margin: 1.8rem 0 2.2rem;
  padding: 0;
  aspect-ratio: 1705 / 877;
  border-radius: 0.75rem;
  background: transparent;
  box-shadow: none;
  overflow: hidden;
}

.qt-home .qt-platform-image img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 0.45rem;
}

.qt-home .qt-platform-image.is-loading img {
  visibility: hidden;
}

html[data-theme^="gitea-dark"] .qt-home .qt-platform-image img {
  background: #292929;
}

@media (prefers-color-scheme: dark) {
  html[data-theme="gitea-auto"] .qt-home .qt-platform-image img {
    background: #292929;
  }
}

.qt-home .vp-card-container {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin: 1.5rem 0 0;
}

.qt-home .vp-card {
  position: relative;
  display: flex;
  align-items: center;
  max-width: none;
  min-height: 96px;
  margin: 0;
  padding: 1rem;
  border-radius: 0.5rem;
  border: 1px solid var(--qt-card-border);
  background: var(--qt-card-bg);
  box-shadow: var(--qt-card-shadow);
  text-decoration: none;
}

.qt-home .vp-card:hover {
  background: var(--qt-card-hover-bg);
  transform: translateY(-1px);
  text-decoration: none;
}

.qt-home .vp-card.card-gitee {
  background: var(--qt-gitee-bg);
}

.qt-home .vp-card.card-github {
  background: var(--qt-github-bg) !important;
}

.qt-home .vp-card-logo {
  width: 3em;
  height: 3em;
  margin-inline-end: 1rem;
  border-radius: 0;
  flex: 0 0 auto;
}

.qt-home .vp-card-content {
  min-width: 0;
}

.qt-home .vp-card-title {
  color: var(--qt-text-strong);
  font-size: 1.1em;
  font-weight: 500;
}

.qt-home .vp-card hr {
  margin: 0.45rem 0 0.4rem;
  border-bottom-color: var(--qt-border);
}

.qt-home .vp-card-desc {
  color: #888;
  font-size: 0.9em;
  line-height: 1.5;
}

.qt-home .vp-footer-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.25rem 1.25rem;
  margin-top: 1.75rem;
  padding: 0.85rem 2rem;
  border-top: 0;
  background: var(--qt-footer-bg);
  color: var(--qt-footer-text);
  text-align: center;
}

.qt-home .vp-footer {
  margin: 0.5rem 1rem;
  color: var(--qt-footer-text);
  font-size: 14px;
  line-height: 1.5;
}

.qt-home .qt-footer-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.35rem 0.75rem;
  width: 100%;
  color: var(--qt-footer-text);
  font-size: 13px;
  line-height: 1.5;
}

.qt-home .qt-footer-links span {
  color: #d8d4e4;
  font-weight: 600;
}

.qt-home .qt-footer-links a {
  color: var(--qt-footer-text);
}

.qt-home .qt-footer-links a:hover {
  color: #d8d4e4;
}

.qt-home .vp-copyright {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.35rem 0.5rem;
  margin: 6px 0;
  color: var(--qt-footer-text);
  font-size: 13px;
  line-height: 1.5;
}

.qt-home .vp-copyright a {
  color: var(--qt-footer-text);
}

.qt-home .vp-copyright a:hover {
  color: #d8d4e4;
}

.qt-home .fx-fadein {
  animation: qt-home-fade-up 0.7s ease both;
}

.qt-home .fx-delay-1 { animation-delay: 0.08s; }
.qt-home .fx-delay-2 { animation-delay: 0.16s; }
.qt-home .fx-delay-3 { animation-delay: 0.24s; }
.qt-home .fx-delay-4 { animation-delay: 0.32s; }

@keyframes qt-home-fade-up {
  from {
    opacity: 0;
    transform: translateY(18px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 1100px) {
  .qt-home .vp-page.vp-project-home {
    padding-inline: 1.5rem;
  }

  .qt-home .vp-hero-info {
    gap: 4rem;
  }

  .qt-home .vp-hero-title {
    font-size: 3.3rem;
  }
}

@media (max-width: 959px) {
  .qt-home .vp-hero-info-wrapper {
    padding: 1.75rem 0 2.5rem;
  }

  .qt-home .vp-hero-info {
    flex-direction: column;
    gap: 2rem;
    text-align: center;
  }

  .qt-home .vp-hero-image {
    width: min(300px, 62vw);
    max-width: 100%;
    margin: 0 auto;
  }

  .qt-home .vp-hero-infos {
    flex-basis: auto;
  }

  .qt-home .vp-hero-title,
  .qt-home #main-description {
    text-align: center;
  }

  .qt-home #main-description {
    margin-inline: auto;
  }

  .qt-home .vp-hero-actions {
    justify-content: center;
  }

  .qt-home .vp-card-container {
    grid-template-columns: 1fr;
  }

}

@media (max-width: 719px) {
  .qt-home .vp-page.vp-project-home {
    padding-inline: 1rem;
  }

  .qt-home .vp-hero-title {
    font-size: 2.8rem;
  }

  .qt-home #main-description {
    font-size: 1rem;
  }

  .qt-home #markdown-content > h2 {
    font-size: 1.7rem;
  }

  .qt-home .vp-copyright {
    gap: 0.4rem;
    flex-direction: column;
  }
}