<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* below 1200px */
@media (max-width: 75em) {
  html {
    font-size: 56.25%;
  }
  .age-pic-img {
    width: 40rem;
  }
  .age-intro-box {
    max-width: 61rem;
  }
}

/* below 944px */
@media (max-width: 59em) {
  html {
    font-size: 50%;
  }
  .hero-title-grid {
    gap: 3.2rem;
  }
  .age-pic {
    display: none;
  }
  .age-pic-sm {
    display: block;
    position: absolute;
    top: -5rem;
    left: 50%;
    transform: translateX(-50%);
  }
  .age-pic-sm-img {
    width: 40rem;
  }
  .age-intro-felx-end,
  .age-intro-felx-start {
    justify-content: center;
  }
  .age-intro-box {
    margin-top: 24rem;
    text-align: center;
  }
  .age-subtitle {
    margin-bottom: 2rem;
  }
  .book-grid {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 3.2rem;
    margin-top: 3.2rem;
    margin-bottom: 8rem;
    border-bottom: none;
  }
  .book-recommend-grid {
    grid-template-columns: 1fr 2fr;
    gap: 3.2rem;
    margin-bottom: 3.2rem;
  }
  .more-link {
    right: auto;
    left: 50%;
    transform: translateX(-50%);
  }
}

/* below 752px */
@media (max-width: 47em) {
  .main-container {
    padding: 0 3.2rem;
  }
  .hero-title-grid {
    gap: 1rem;
  }
  .age-box,
  .hero-intro-box {
    padding: 4.6rem;
  }
  .book-img {
    height: 28rem;
  }
}

/* below 544px */
@media (max-width: 34em) {
  body {
    background: url("images/bg-hero-sm.jpg") top fixed;
    /* ��//閮剖�朞�峕艶��𣇉������𣶹�䲮撘�.jpg */
  }
  .main-container {
    padding: 0 2.4rem;
  }
  .age-box,
  .hero-intro-box,
  .editor-note {
    padding: 2.4rem;
  }
  .age-intro-box {
    margin-top: 25rem;
  }
  .margin-bottom {
    margin-bottom: 10rem;
  }
  .age-title-img {
    height: 7rem;
  }
  .age-pic-sm-img {
    width: 36rem;
  }
  .book-recommend-grid {
    grid-template-columns: 1fr;
  }
  .book-recommend-box {
    text-align: center;
  }
  .book-grid {
    gap: 2rem;
    margin-bottom: 6.4rem;
  }
  .book-img {
    height: 25rem;
  }
  .recommend-title {
    margin-bottom: 1rem;
  }
  .recommend-btns-flex {
    gap: 2.4rem;
    margin-top: 2rem;
    margin-bottom: 3.2rem;
  }
}
</pre></body></html>