/* =========================
   全站统一页面过渡
   跟随主题背景色：
   退出时页面淡出，进入时页面淡入
========================= */

/* =========================
   过渡遮罩
   颜色跟随主题背景，衔接自然
========================= */

#page-transition {
  position: fixed;
  inset: 0;

  z-index: 9999;
  pointer-events: none;

  background-color: var(--page-bg);

  opacity: 0;
  visibility: hidden;

  transition:
    opacity 0.3s ease,
    visibility 0.3s ease;
}

#page-transition.is-active {
  opacity: 1;
  visibility: visible;
}


/* =========================
   减少动态效果
========================= */

@media (prefers-reduced-motion: reduce) {
  #page-transition {
    transition: none;
  }
}