/* JL Academy Book Report */
.top-summary {
  display: flex; justify-content: space-between; align-items: flex-end;
  background: #f7faff; border-radius: 22px; margin: 36px auto 24px auto; max-width: 720px;
  padding: 2.3rem 2.6rem;
}
.top-summary h1 { font-size: 2.2rem; color: #23428e; margin-bottom: 0.5rem; }
.score-box {
  background: linear-gradient(100deg,#34bbdd,#2f68e5 74%); color: #fff;
  border-radius: 14px; font-size: 2.7rem; padding: 0.7em 1.5em 0.5em 1.5em;
  text-align: center; box-shadow: 0 3px 20px #14acf432;
}
.summary { max-width: 720px; margin: 0 auto 18px auto; padding: 1.15rem 2.1rem;
  background: #f7fcff; border-radius: 15px; color: #274077; }
.chart-container { max-width: 720px; margin: 30px auto; }
.ai-feedback, .question-review, .certificate, .recommend {
  max-width: 720px; margin: 26px auto 19px auto; background: #fafdff;
  border-radius: 14px; padding: 1.25rem 1.7rem;
  box-shadow: 0 2px 9px #e1f2fa16;
}
.ai-feedback h3, .question-review h3, .recommend h3 { color: #3463a6; }
.certificate h2 { color: #22b3c9; }
.question { margin-bottom: 0.7em; padding: 0.45em 1.2em; border-radius: 10px; }
.question.correct { background: #e5ffe8; color: #159658; }
.question.incorrect { background: #ffe8ec; color: #c23545; }
.book-list { display: flex; gap: 1.1em; flex-wrap: wrap; }
.book-card { background: #e4f6ff; color: #114a8b; padding: 1.2em 1.7em; border-radius: 14px; font-weight: 600; box-shadow: 0 1.5px 9px #b6eafc14; }
.lang-switch {
  position: absolute; right: 7vw; top: 32px; background: #0ec9c7; color: #fff;
  font-size: 1.1em; border-radius: 10px; padding: 0.45em 1.4em; cursor: pointer; z-index: 20;
}
@media (max-width: 800px) {
  .top-summary, .summary, .ai-feedback, .question-review, .certificate, .recommend, .chart-container {
    max-width: 99vw; padding-left: 4vw; padding-right: 4vw;
  }
  .lang-switch { right: 1vw; top: 9px; font-size: 0.98em; }
}