.page-transition{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;background:rgba(251,252,253,.95);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .28s ease,visibility .28s;contain:layout style}.page-transition-brand{position:relative;width:min(330px,72vw);text-align:center;padding:40px 22px;color:#24416a}.page-transition-brand>img{position:relative;width:260px;max-width:100%;height:auto;margin:0 auto;z-index:1}.page-transition-brand>p{margin:24px 0 0;font:400 12px/1.7 Arial,'Microsoft JhengHei','PingFang TC',sans-serif;letter-spacing:.1em;color:#4d607a}.page-transition-orbit{position:absolute;inset:-45px 12px -20px;border:1px solid #1d489216;border-radius:50%;transform:rotate(-24deg);animation:page-orbit 12s linear infinite;animation-play-state:paused}.page-transition-orbit::after{content:'';position:absolute;top:9%;left:19%;width:6px;height:6px;border-radius:50%;background:#c5a143;box-shadow:0 0 16px #c5a14350}.page-transition-track{position:relative;width:126px;height:2px;overflow:hidden;background:#dce4eb;margin:30px auto 0}.page-transition-track i{position:absolute;inset:0 auto 0 -50%;width:50%;background:#b49443;animation:page-track 1.2s ease-in-out infinite;animation-play-state:paused}.page-transition.is-leaving,html[data-page-entering=true] .page-transition{opacity:1;visibility:visible}.page-transition.is-leaving :is(.page-transition-orbit,.page-transition-track i),html[data-page-entering=true] .page-transition :is(.page-transition-orbit,.page-transition-track i){animation-play-state:running}.page-transition.is-leaving{transition-duration:.16s}@keyframes page-track{to{transform:translateX(300%)}}@keyframes page-orbit{to{transform:rotate(336deg)}}
@media(prefers-reduced-motion:reduce){.page-transition{transition:none;backdrop-filter:none;-webkit-backdrop-filter:none}.page-transition-orbit,.page-transition-track i{animation:none}.page-transition-track i{left:25%}}