/* 父与子·剪纸纪 — 朱红剪纸 / 宣纸底（无声翻页）
 * 对齐：memory-engine + 套色剪纸横构图 1536×1024
 */
:root {
  --story-bg: #4a1515;
  --story-primary: #ffcdd2;
  --story-accent: #e53935;
  --story-gradient: linear-gradient(180deg, #fff8f5 0%, #fdecea 70%, #ffcdd2 100%);
  --story-card-bg: rgba(229, 57, 53, 0.18);
  --story-text: #fff8f5;
  --story-text-secondary: rgba(255, 248, 245, 0.72);
  --story-glow: 0 0 22px rgba(229, 57, 53, 0.35);
  --paper-warm: #fbf6ef;
  --ink-warm: #2c2416;
}

.memory-app .anim-zone,
.memory-app .anim-zone.has-scene-image {
  background: var(--paper-warm);
}

.memory-app .scene-image {
  display: block;
  width: 100%;
  max-height: min(52vh, 440px);
  margin: 0 auto;
  padding: 12px 16px 6px;
  object-fit: contain;
  object-position: center;
  border-radius: 4px;
}

.memory-app .text-zone {
  background: linear-gradient(180deg, rgba(74, 21, 21, 0) 0%, rgba(74, 21, 21, 0.96) 14%);
}

.memory-app .narrator-chip {
  letter-spacing: 0.02em;
}

.story-credit {
  font-size: 11px;
  line-height: 1.55;
  color: rgba(255, 248, 245, 0.48);
  max-width: 400px;
  margin-top: 8px;
}

.memory-app {
  --ctl-glass-bg: rgba(255, 248, 245, 0.12);
  --ctl-glass-bg-active: rgba(255, 248, 245, 0.2);
  --ctl-glass-border: rgba(255, 205, 210, 0.35);
  --ctl-glass-text: #fff8f5;
  --ctl-primary-bg: #e53935;
  --ctl-primary-text: #fff8f5;
  --ctl-shadow: 0 2px 12px rgba(74, 21, 21, 0.35);
}

.memory-app .btn-primary {
  background: #e53935;
  border-color: rgba(255, 205, 210, 0.25);
}

.mem-chrome-btn,
.memory-app .btn-back {
  border-color: rgba(255, 205, 210, 0.32);
}

/* 无配音：隐藏喇叭，避免误点 TTS */
.audio-ctrl-btn {
  display: none !important;
}