/* Family-learning route: warm paper, deep plum and a clear protective blue. */
body.book-dxy {
  --ink: #2c2632;
  --muted: #756d79;
  --line: #ded6dc;
  --paper: #fffdfa;
  --mist: #f7f0f1;
  --brand: #6d4b70;
  --brand-strong: #482d4d;
  --brand-soft: #f0e4ef;
  --accent: #d46b4c;
  --accent-soft: #fff0e9;
  --blue: #2f7590;
  --blue-soft: #e3f2f5;
  --shadow: 0 18px 46px rgba(72, 45, 77, 0.13);
  --stage: #211e29;
  --stage-ink: #fcf8f4;
  --stage-muted: rgba(252, 248, 244, 0.7);
  --stage-line: rgba(252, 248, 244, 0.2);
  --stage-accent: #e7b76b;
  --stage-acid: #b9d5c2;
  --stage-secondary: #6d4b70;
  --stage-surface: #fffdfa;
  --stage-surface-strong: #f4eaf0;
  --stage-surface-line: #ded6dc;
  background: #f7f0f1;
}

body.book-dxy::before {
  background:
    repeating-linear-gradient(90deg, rgba(109, 75, 112, 0.04) 0 1px, transparent 1px 56px),
    repeating-linear-gradient(0deg, rgba(47, 117, 144, 0.035) 0 1px, transparent 1px 56px);
  opacity: 0.7;
}

body.book-dxy .brand-mark {
  color: #e7b76b;
  border-color: #e7b76b;
  box-shadow: 5px 5px 0 #d46b4c;
}

body.book-dxy .hero-band::before {
  content: "CARE / 01";
}

body.book-dxy .hero-band::after {
  content: "岸";
  color: transparent;
  -webkit-text-stroke-color: rgba(231, 183, 107, 0.22);
  font-family: "Microsoft YaHei", sans-serif;
}

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

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

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

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

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

body.book-dxy .section:nth-of-type(odd) {
  background: rgba(255, 253, 250, 0.68);
}

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