@view-transition{navigation:auto}::view-transition-old(root){animation:route-out .1s ease-out both}::view-transition-new(root){animation:route-in .18s ease-out both}@keyframes route-out{to{opacity:.65}}@keyframes route-in{from{opacity:.3;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}#pageTransition{position:fixed;z-index:9999;top:16px;left:calc(50% + var(--nav-width,144px)/2);transform:translate(-50%,-7px);display:flex;align-items:center;gap:10px;padding:10px 18px;border:1px solid #bdd5c6;border-radius:25px;background:#f8fcf6;color:#225f4f;box-shadow:0 5px 22px #193d3920;font:600 13px/1.5 'Microsoft YaHei',sans-serif;opacity:0;pointer-events:none;transition:opacity .1s,transform .1s}#pageTransition.visible{opacity:1;transform:translate(-50%,0)}.route-spinner{width:15px;height:15px;flex:none;border:2px solid #c9dfd1;border-top-color:#166b60;border-radius:50%;animation:route-spin .65s linear infinite}@keyframes route-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}#pageTransition{transition:none}.route-spinner{animation:none}}@media print{#pageTransition{display:none}}