/**
 * CSS files with the .module.css suffix will be treated as CSS modules
 * and scoped locally.
 */

.heroBanner {
  padding: 4rem 0;
  text-align: center;
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, #0d1a36 0%, #12306b 100%);
  color: #fff;
}

/* 图谱点线背景 */
.heroBanner::before {
  content: '';
  position: absolute;
  left: 0; right: 0; top: 0; bottom: 0;
  background-image: url('/img/graph-bg.svg');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.15;
  z-index: 0;
}

.hero__title, .hero__subtitle {
  position: relative;
  z-index: 1;
}

.hero__title {
  font-size: 2.4rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}

.hero__subtitle {
  font-size: 1.25rem;
  font-weight: 400;
  margin-bottom: 1.2rem;
}

.buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  margin-top: 2rem;
  position: relative;
  z-index: 1;
}

.button--main {
  background: #fff;
  color: #1976d2;
  border: none;
  font-weight: bold;
  font-size: 1.2rem;
  padding: 0.9rem 2.2rem;
  border-radius: 2rem;
  box-shadow: 0 2px 12px rgba(25, 118, 210, 0.15);
  transition: background 0.2s, color 0.2s;
}
.button--main:hover {
  background: #1976d2;
  color: #fff;
}

.button--github {
  background: #24292f;
  color: #fff;
  border: none;
  font-weight: bold;
  font-size: 1.1rem;
  padding: 0.8rem 2rem;
  border-radius: 2rem;
  box-shadow: 0 2px 12px rgba(36, 41, 47, 0.12);
  transition: background 0.2s, color 0.2s;
}
.button--github:hover {
  background: #1976d2;
  color: #fff;
}

.license {
  margin-top: 2.5rem;
  font-size: 1.1rem;
  color: #e3f2fd;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 996px) {
  .heroBanner {
    padding: 2rem;
  }
}

:root {
  --ifm-heading-font-size: 1.8rem;
  --ifm-h1-font-size: 2.1rem;
  --ifm-h2-font-size: 1.5rem;
  --ifm-h3-font-size: 1.2rem;
  --ifm-h4-font-size: 1.05rem;
}

.markdown h1 {
  font-size: var(--ifm-h1-font-size) !important;
}
.markdown h2 {
  font-size: var(--ifm-h2-font-size) !important;
}
.markdown h3 {
  font-size: var(--ifm-h3-font-size) !important;
}
.markdown h4 {
  font-size: var(--ifm-h4-font-size) !important;
}
