/* 闪电的故事 — 雷电风暴主题 */
:root {
  --story-bg: #0f0f2e;
  --story-primary: #ffd700;
  --story-accent: #7b68ee;
  --story-gradient: linear-gradient(180deg, #0a0a2e 0%, #1a1a3e 40%, #2d1b69 70%, #1a1a3e 100%);
  --story-card-bg: rgba(123, 104, 238, 0.12);
  --story-text: #f0e6ff;
  --story-text-secondary: rgba(240, 230, 255, 0.65);
  --story-glow: 0 0 30px rgba(255, 215, 0, 0.3);
}

body {
  background: var(--story-bg);
  color: var(--story-text);
  font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
}

/* 闪电特有的金色光晕 */
.scene-start .anim-zone {
  filter: drop-shadow(0 0 20px rgba(255, 215, 0, 0.4));
}

/* 角色徽章光晕 */
.role-badge {
  box-shadow: 0 0 25px rgba(255, 215, 0, 0.5), inset 0 0 15px rgba(123, 104, 238, 0.3);
}

/* 闪电主题按钮 */
.btn-primary {
  background: linear-gradient(135deg, #ffd700, #ffaa00);
  color: #1a1a3e;
  box-shadow: 0 4px 20px rgba(255, 215, 0, 0.4);
}
.btn-primary:hover {
  box-shadow: 0 6px 30px rgba(255, 215, 0, 0.6);
}

/* 决策按钮 */
.choice-btn {
  background: rgba(123, 104, 238, 0.15);
  border: 2px solid rgba(255, 215, 0, 0.3);
}
.choice-btn:hover {
  border-color: #ffd700;
  box-shadow: 0 0 20px rgba(255, 215, 0, 0.3);
}

/* 确认弹窗 */
.confirm-overlay {
  background: rgba(10, 10, 46, 0.95);
}
.confirm-card {
  border: 2px solid rgba(255, 215, 0, 0.3);
  box-shadow: 0 0 40px rgba(255, 215, 0, 0.2);
}