/* 全站页面切换 — 与 auth 模态同曲线，自下而上推入 */
#site-page-transition{
  position:fixed;inset:0;z-index:4500;
  background:#fff;
  transform:translate3d(0,100%,0);
  pointer-events:none;
  will-change:transform;
}
#site-page-transition.is-active,
#site-page-transition.is-pending{
  pointer-events:auto;
  transform:translate3d(0,0,0);
  transition:transform .52s cubic-bezier(.32,.72,0,1);
}
#site-page-transition.is-reveal{
  pointer-events:none;
  transform:translate3d(0,100%,0);
  transition:transform .52s cubic-bezier(.32,.72,0,1);
}

html.site-nav-transition-pending #site-page-transition{
  transform:translate3d(0,0,0);
}
html.site-nav-transition-pending body{
  overflow:hidden!important;
}

body.site-page-enter #site-topbar,
body.site-page-enter #site-body-wrap{
  transform:translate3d(0,100%,0);
  will-change:transform;
}
body.site-page-enter.site-page-enter-active #site-topbar,
body.site-page-enter.site-page-enter-active #site-body-wrap{
  transform:translate3d(0,0,0);
  transition:transform .52s cubic-bezier(.32,.72,0,1);
}

@media(prefers-reduced-motion:reduce){
  #site-page-transition,
  body.site-page-enter #site-topbar,
  body.site-page-enter #site-body-wrap{
    transition:none!important;
  }
}
