/* 手机端：≤768px */
@media (max-width: 768px) {
  :root {
    --radius: 16px;
  }

  body {
    background-attachment: scroll;
  }

  .page {
    padding: 16px 12px 34px;
  }

  .home-paper,
  .guide-card,
  .question-shell,
  .complete-card,
  .final-hero,
  .badge-wall,
  .certificate-box {
    border-radius: 20px;
  }

  .chapter-intro {
    border-radius: 20px;
  }

  .chapter-intro__image {
    min-height: 190px;
  }

  .hero__title {
    letter-spacing: 0.01em;
  }

  .hero__actions {
    gap: 10px;
  }

  .question-title {
    margin-top: 20px;
  }

  .option {
    padding: 12px 13px;
  }

  .badge-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
  }

  .badge-card {
    padding: 12px 8px;
  }

  .badge-card img {
    width: 60px;
    height: 60px;
  }
}

/* 平板：769-1024px */
@media (min-width: 769px) and (max-width: 1024px) {
  .hero__actions {
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
  }

  .badge-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* 桌面：>1024px */
@media (min-width: 1025px) {
  .page {
    padding-top: 42px;
  }

  .hero__actions {
    max-width: 440px;
    margin-left: auto;
    margin-right: auto;
    flex-direction: row;
  }

  .badge-grid {
    grid-template-columns: repeat(6, 1fr);
  }
}