/* =========================================
   Cross Dissolve + Scale 页面切换
   方案：固定覆盖层 fade，内容层 scale
   ========================================= */

/* ── 覆盖层：常驻 DOM，控制 opacity ── */
#page-veil {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: #F3E5D3;
  pointer-events: none;
  opacity: 1;                       /* 初始不透明，入场时淡出 */
  transition: opacity .28s cubic-bezier(.4, 0, .2, 1);
}

/* 覆盖层淡出（入场完成状态） */
#page-veil.veil-hidden {
  opacity: 0;
}

/* 覆盖层遮住（离场状态） */
#page-veil.veil-visible {
  opacity: 1;
  pointer-events: all;             /* 离场时阻止点击穿透 */
}

/* ── 内容包裹层：入场时从 scale(0.97) → scale(1) ── */
#page-content {
  animation: contentEnter .35s cubic-bezier(.4, 0, .2, 1) both;
  animation-delay: .05s;           /* 稍晚于覆盖层开始淡出 */
}

@keyframes contentEnter {
  from { opacity: .4; transform: scale(.97); }
  to   { opacity: 1;  transform: scale(1);   }
}