/* 石头下的小黄豆 — 东北打谷场夏日主题 */
:root {
  --story-bg: #5d4037;
  --story-primary: #ffe082;
  --story-accent: #aed581;
  --story-gradient: linear-gradient(180deg, #87ceeb 0%, #fff8e1 40%, #d4a574 100%);
  --story-card-bg: rgba(212, 165, 116, 0.18);
  --story-text: #fff8e1;
  --story-text-secondary: rgba(255, 248, 225, 0.75);
  --story-glow: 0 0 30px rgba(255, 224, 130, 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, 224, 130, 0.4), inset 0 0 12px rgba(174, 213, 129, 0.25);
}

.btn-primary {
  background: linear-gradient(135deg, #ffe082, #ffb300);
  color: #4e342e;
  box-shadow: 0 4px 20px rgba(255, 224, 130, 0.45);
}
.btn-primary:hover {
  box-shadow: 0 6px 28px rgba(255, 224, 130, 0.6);
}

.choice-btn {
  background: rgba(174, 213, 129, 0.15);
  border: 2px solid rgba(255, 224, 130, 0.35);
}
.choice-btn:hover {
  border-color: #ffe082;
  box-shadow: 0 0 18px rgba(255, 224, 130, 0.35);
}

.confirm-overlay {
  background: rgba(62, 39, 35, 0.92);
}
.confirm-card {
  border: 2px solid rgba(255, 224, 130, 0.35);
  box-shadow: 0 0 36px rgba(255, 224, 130, 0.2);
}

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

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

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