/* Biology route: leaf green, ink blue, warm amber and coral. */
body.book-bio {
  --ink: #253b36;
  --muted: #6a7b76;
  --line: #d7e2dd;
  --paper: #fbfdf9;
  --mist: #edf5f0;
  --brand: #2f735a;
  --brand-strong: #20503f;
  --brand-soft: #dcefe5;
  --accent: #c76b3e;
  --accent-soft: #f8e5dc;
  --blue: #477f93;
  --blue-soft: #e0eff2;
  --shadow: 0 18px 46px rgba(32, 80, 63, 0.14);
  --stage: #203630;
  --stage-ink: #f5f8ee;
  --stage-muted: rgba(245, 248, 238, 0.7);
  --stage-line: rgba(245, 248, 238, 0.2);
  --stage-accent: #dfb65c;
  --stage-acid: #b2d3a9;
  --stage-secondary: #c76b3e;
  --stage-surface: #fbfdf9;
  --stage-surface-strong: #e5f1e9;
  --stage-surface-line: #d7e2dd;
  background: #edf5f0;
}

body.book-bio::before {
  background:
    repeating-linear-gradient(90deg, rgba(47, 115, 90, 0.045) 0 1px, transparent 1px 62px),
    repeating-linear-gradient(0deg, rgba(199, 107, 62, 0.028) 0 1px, transparent 1px 62px);
  opacity: 0.72;
}

body.book-bio .brand-mark {
  color: #dfb65c;
  border-color: #dfb65c;
  box-shadow: 5px 5px 0 #c76b3e;
}

body.book-bio .hero-band::before {
  content: "BIOLOGY / 01";
}

body.book-bio .hero-band::after {
  content: "生";
  color: transparent;
  -webkit-text-stroke-color: rgba(223, 182, 92, 0.22);
  font-family: "Microsoft YaHei", sans-serif;
}

body.book-bio .book-preview::after {
  content: "SOURCE / 10P";
}

body.book-bio .hero-band .primary-button,
body.book-bio .primary-button {
  box-shadow: 5px 5px 0 #c76b3e;
}

body.book-bio .hero-band .primary-button:hover,
body.book-bio .primary-button:hover {
  box-shadow: 1px 1px 0 #c76b3e;
}

body.book-bio .stat::before,
body.book-bio .course-item::before,
body.book-bio .practice-item::before,
body.book-bio .paper-card::before,
body.book-bio .progress-bar span,
body.book-bio .quiz-meter span {
  background: #c76b3e;
}

body.book-bio .hero-grid h1,
body.book-bio .focus-card h2,
body.book-bio .stat strong {
  letter-spacing: 0;
}

body.book-bio .section:nth-of-type(odd) {
  background: rgba(255, 255, 255, 0.64);
}

@media (max-width: 720px) {
  body.book-bio .hero-band::after {
    font-size: 180px;
  }
}