/* mang-ren-mo-xiang — 成语系列水彩主题 */
:root {
  --story-bg: #3e2723;
  --story-primary: #d7ccc8;
  --story-accent: #a1887f;
  --story-gradient: linear-gradient(180deg, #3e2723 0%, #6d4c41 50%, #efebe9 100%);
  --story-card-bg: rgba(255, 255, 255, 0.08);
  --story-text: #fff8e1;
  --story-text-secondary: rgba(255, 248, 225, 0.72);
  --story-glow: 0 0 30px rgba(255, 255, 255, 0.2);
}

body {
  background: var(--story-bg);
  color: var(--story-text);
}

.btn-primary {
  background: linear-gradient(135deg, #d7ccc8, #a1887f);
  color: #3e2723;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
}

.choice-btn {
  background: rgba(255, 255, 255, 0.08);
  border: 2px solid rgba(255, 255, 255, 0.22);
}
.choice-btn:hover {
  border-color: #d7ccc8;
  box-shadow: 0 0 18px rgba(255, 255, 255, 0.15);
}

.confirm-overlay {
  background: rgba(0, 0, 0, 0.88);
}
.confirm-card {
  border: 2px solid rgba(255, 255, 255, 0.18);
}

.knowledge-card {
  border-left: 3px solid #d7ccc8;
}

.parent-hint-toggle {
  color: #d7ccc8;
}