/* Chemistry route: indigo, mineral teal, amber and coral. */
body.book-gchem {
  --ink: #30334b;
  --muted: #70758a;
  --line: #dddfea;
  --paper: #fcfcfb;
  --mist: #f0f1f8;
  --brand: #5c5a9a;
  --brand-strong: #403f73;
  --brand-soft: #e9e8f7;
  --accent: #c86445;
  --accent-soft: #f9e7df;
  --blue: #4e8a8b;
  --blue-soft: #e0f0ef;
  --shadow: 0 18px 46px rgba(64, 63, 115, 0.14);
  --stage: #28283c;
  --stage-ink: #f7f7ee;
  --stage-muted: rgba(247, 247, 238, 0.7);
  --stage-line: rgba(247, 247, 238, 0.2);
  --stage-accent: #dfb54e;
  --stage-acid: #b4d0b0;
  --stage-secondary: #c86445;
  --stage-surface: #fcfcfb;
  --stage-surface-strong: #ececf8;
  --stage-surface-line: #dddfea;
  background: #f0f1f8;
}

body.book-gchem::before {
  background:
    repeating-linear-gradient(90deg, rgba(92, 90, 154, 0.045) 0 1px, transparent 1px 60px),
    repeating-linear-gradient(0deg, rgba(200, 100, 69, 0.028) 0 1px, transparent 1px 60px);
  opacity: 0.72;
}

body.book-gchem .brand-mark {
  color: #dfb54e;
  border-color: #dfb54e;
  box-shadow: 5px 5px 0 #c86445;
}

body.book-gchem .hero-band::before {
  content: "CHEMISTRY / 01";
}

body.book-gchem .hero-band::after {
  content: "化";
  color: transparent;
  -webkit-text-stroke-color: rgba(223, 181, 78, 0.22);
  font-family: "Microsoft YaHei", sans-serif;
}

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

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

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

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

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

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

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