/* ============================================================
   chap2.css —— 第二章：残影
   ============================================================ */

/* 属性字 */
.c2-char {
  font-weight: 400;
  transition: transform 0.3s ease, text-shadow 0.3s ease;
  animation: c2CharFloat 2.6s ease-in-out infinite;
}
@keyframes c2CharFloat {
  0%, 100% { transform: translateY(-1px); }
  50%      { transform: translateY(2px); }
}

/* 光属性: 暖金 */
.c2-char.nature-light {
  color: #f2e6bf;
  text-shadow: 0 0 16px rgba(240,220,150,0.85);
}
/* 暗属性: 暗红/紫 */
.c2-char.nature-void {
  color: #c98a9a;
  text-shadow: 0 0 16px rgba(160,50,80,0.8);
}
/* 记忆属性: 冷蓝 */
.c2-char.nature-memory {
  color: #a8c8e0;
  text-shadow: 0 0 16px rgba(120,170,210,0.8);
}
/* 情感属性: 粉红 */
.c2-char.nature-emotion {
  color: #e0a8b8;
  text-shadow: 0 0 16px rgba(210,110,140,0.8);
}

/* 残影 NPC */
.c2-npc {
  color: #9aa0b0;
  opacity: 0.75;
  font-size: 1em;
  text-shadow: 0 0 20px rgba(140,160,200,0.6);
  filter: blur(0.4px);
  animation: c2NpcBreath 3.4s ease-in-out infinite;
}
@keyframes c2NpcBreath {
  0%, 100% { opacity: 0.55; filter: blur(0.6px); }
  50%      { opacity: 0.95; filter: blur(0.2px); }
}

/* 玩家在第二章略暗 */
.c2-player {
  color: #d8d0c0;
  background: rgba(120, 100, 60, 0.14);
  border-color: rgba(160, 130, 80, 0.5);
}

/* HUD 手上物品 */
.c2-inv { color: #c9b89a; }

/* 属性门(未来用) */
.c2-gate-light { color:#f2e6bf; border-color:rgba(220,190,110,0.8); }
.c2-gate-void  { color:#c98a9a; border-color:rgba(160,50,80,0.8); }

/* 小屏 */
@media (max-width: 480px) {
  .c2-char, .c2-npc { font-size: 1.1rem; }
}

/* ============================================================
   第二章模式: 隐藏序章界面
   ============================================================ */
#chapter2 {
  position: fixed;
  inset: 0;
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: rgba(2,2,3,0.82);
  z-index: 700;
  overflow: hidden;
}
body.chapter2-mode #chapter2 { display: flex; }

body.chapter2-mode #game,
body.chapter2-mode #chapter1,
body.chapter2-mode #ending,
body.chapter2-mode #memory,
body.chapter2-mode #narration,
body.chapter2-mode #hud {
  display: none !important;
}

@media (orientation: landscape) and (max-height: 520px) {
  #chapter2 { padding-bottom: 0; padding-right: 180px; }
}