/* 小鸣的夏日之歌 — 夏日森林主题 */
:root {
  --story-bg: #1b5e20;
  --story-primary: #ffd54f;
  --story-accent: #689f38;
  --story-gradient: linear-gradient(180deg, #1b5e20 0%, #388e3c 40%, #ffd54f 100%);
  --story-card-bg: rgba(104, 159, 56, 0.15);
  --story-text: #fff8e1;
  --story-text-secondary: rgba(255, 248, 225, 0.7);
  --story-glow: 0 0 30px rgba(255, 213, 79, 0.35);
}

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

.scene-start .anim-zone,
.anim-zone:has(.scene-image) {
  filter: drop-shadow(0 4px 16px rgba(0, 0, 0, 0.25));
}

.role-badge {
  box-shadow: 0 0 20px rgba(255, 213, 79, 0.4), inset 0 0 12px rgba(104, 159, 56, 0.25);
}

.btn-primary {
  background: linear-gradient(135deg, #ffd54f, #ffb300);
  color: #1b5e20;
  box-shadow: 0 4px 20px rgba(255, 213, 79, 0.45);
}
.btn-primary:hover {
  box-shadow: 0 6px 28px rgba(255, 213, 79, 0.6);
}

.choice-btn {
  background: rgba(104, 159, 56, 0.18);
  border: 2px solid rgba(255, 213, 79, 0.35);
}
.choice-btn:hover {
  border-color: #ffd54f;
  box-shadow: 0 0 18px rgba(255, 213, 79, 0.35);
}

.confirm-overlay {
  background: rgba(27, 94, 32, 0.92);
}
.confirm-card {
  border: 2px solid rgba(255, 213, 79, 0.35);
  box-shadow: 0 0 36px rgba(255, 213, 79, 0.2);
}

.achievement-badge {
  border-color: rgba(255, 213, 79, 0.4);
}

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

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