/* ============ scene1.css · 封面（3D 信封）HUD ============ */

#scene1 { justify-content: flex-start; }

.cover-head {
  position: absolute;
  top: clamp(26px, 8vh, 84px);
  left: 0; right: 0;
  text-align: center;
  pointer-events: none;
}
.cover-title {
  font-size: clamp(34px, 7.5vw, 58px);
  font-weight: normal;
  letter-spacing: 10px;
  color: var(--ink);
  text-shadow:
    0 2px 0 rgba(255, 255, 255, 0.65),
    0 8px 30px rgba(228, 121, 154, 0.35);
}
.cover-sub {
  margin-top: 12px;
  font-size: clamp(14px, 3vw, 18px);
  letter-spacing: 5px;
  color: var(--ink-soft);
}

/* 开信提示（呼吸） */
#open-hint {
  position: absolute;
  bottom: clamp(88px, 16vh, 150px);
  left: 0; right: 0;
  text-align: center;
  font-size: 15px;
  letter-spacing: 4px;
  color: var(--pink-deep);
  text-shadow: 0 1px 8px rgba(255, 240, 235, 0.9);
  pointer-events: none;
  opacity: 0.9;
  animation: hintBreath 2.6s ease-in-out infinite;
  transition: opacity 0.5s ease;
}
#open-hint.gone { opacity: 0; }
@keyframes hintBreath {
  0%, 100% { transform: translateY(0); opacity: 0.55; }
  50% { transform: translateY(-6px); opacity: 0.95; }
}

/* 手机竖屏时信封 HUD 文字避开 3D 物体 */
@media (max-width: 640px) {
  .cover-title { letter-spacing: 6px; }
}