/* animation.css — 全部关键帧与动画绑定（火焰/光标/淡入）
   来源：原站内联 <style>。仅做文件拆分，未改任何取值与行为。 */

/* 标题火焰摇曳 */
#titleScreen .flame { font-size: 2.2rem; margin-bottom: 2rem; animation: flicker 2.4s infinite; }
@keyframes flicker {
  0%, 100% { opacity: 1; transform: scale(1); }
  30% { opacity: .75; transform: scale(.97); }
  55% { opacity: .95; transform: scale(1.02); }
  80% { opacity: .8; transform: scale(.98); }
}

/* 打字机光标 */
.cursor { display: inline-block; width: .55em; border-bottom: 2px solid var(--ember); animation: blink .8s step-end infinite; }
@keyframes blink { 50% { border-color: transparent; } }

/* 场景切换淡入 */
.fade-in { animation: fadeIn .6s ease; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }