/* Marrow-Washing study route: mineral teal, clay red and moss. */
body.book-xxj {
  --ink: #24302e;
  --muted: #687773;
  --line: #d3ddda;
  --paper: #fbfcf8;
  --mist: #edf3ef;
  --brand: #39736b;
  --brand-strong: #24514c;
  --brand-soft: #dcece5;
  --accent: #b35d48;
  --accent-soft: #f7e7e1;
  --blue: #4c7f86;
  --blue-soft: #e2eff0;
  --shadow: 0 18px 46px rgba(36, 81, 76, 0.14);
  --stage: #1d2b2b;
  --stage-ink: #f5f7f0;
  --stage-muted: rgba(245, 247, 240, 0.7);
  --stage-line: rgba(245, 247, 240, 0.2);
  --stage-accent: #d3b36b;
  --stage-acid: #b4cba8;
  --stage-secondary: #b35d48;
  --stage-surface: #fbfcf8;
  --stage-surface-strong: #e6f0ea;
  --stage-surface-line: #d3ddda;
  background: #edf3ef;
}

body.book-xxj::before {
  background:
    repeating-linear-gradient(90deg, rgba(57, 115, 107, 0.042) 0 1px, transparent 1px 60px),
    repeating-linear-gradient(0deg, rgba(179, 93, 72, 0.028) 0 1px, transparent 1px 60px);
  opacity: 0.72;
}

body.book-xxj .brand-mark {
  color: #d3b36b;
  border-color: #d3b36b;
  box-shadow: 5px 5px 0 #b35d48;
}

body.book-xxj .hero-band::before {
  content: "PRACTICE / 01";
}

body.book-xxj .hero-band::after {
  content: "息";
  color: transparent;
  -webkit-text-stroke-color: rgba(211, 179, 107, 0.23);
  font-family: "Microsoft YaHei", sans-serif;
}

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

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

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

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

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

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

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