@view-transition{navigation:auto}

::view-transition-old(root){animation:baiyun-nav-out .12s ease both}
::view-transition-new(root){animation:baiyun-nav-in .2s ease both}

html:before,
html:after{position:fixed;z-index:2147483646;content:"";pointer-events:none;opacity:0}
html:before{top:0;right:0;left:0;height:3px;background:linear-gradient(90deg,#4f8cff,#76e4c4,#4f8cff);background-size:200% 100%;transform:scaleX(.08);transform-origin:left center}
html:after{inset:0;background:rgba(255,255,255,.08);backdrop-filter:saturate(.92);transition:opacity .16s ease}
html.baiyun-fast-navigation-pending:before{opacity:1;animation:baiyun-nav-progress 1.1s cubic-bezier(.2,.7,.2,1) infinite}
html.baiyun-fast-navigation-pending:after{opacity:1}

.baiyun-fast-navigation-entry{position:fixed;inset:0;z-index:2147483645;display:flex;align-items:center;justify-content:center;background:#fff;color:#15283a;opacity:1;visibility:visible;pointer-events:none;transition:opacity .28s ease,visibility 0s linear 0s}
.baiyun-fast-navigation-entry--ready{opacity:0;visibility:hidden;transition:opacity .28s ease,visibility 0s linear .28s}
.baiyun-fast-navigation-entry__brand{display:flex;min-width:160px;max-width:min(56vw,320px);flex-direction:column;align-items:center;gap:18px;transform:translateY(0);transition:transform .34s cubic-bezier(.2,.75,.25,1)}
.baiyun-fast-navigation-entry--ready .baiyun-fast-navigation-entry__brand{transform:translateY(-4px)}
.baiyun-fast-navigation-entry__logo{display:block;width:auto;max-width:240px;height:auto;max-height:64px;object-fit:contain}
.baiyun-fast-navigation-entry__name{font-size:clamp(22px,3vw,36px);font-weight:700;letter-spacing:.04em}
.baiyun-fast-navigation-entry__line{display:block;width:100%;height:2px;overflow:hidden;border-radius:2px;background:rgba(79,140,255,.16)}
.baiyun-fast-navigation-entry__line:after{display:block;width:42%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4f8cff,#76e4c4);content:"";animation:baiyun-entry-line 1s cubic-bezier(.45,0,.55,1) infinite}

@keyframes baiyun-nav-out{to{opacity:.72;transform:scale(.997)}}
@keyframes baiyun-nav-in{from{opacity:.55;transform:translateY(3px)}}
@keyframes baiyun-nav-progress{0%{transform:scaleX(.08);background-position:0 0}65%{transform:scaleX(.72)}100%{transform:scaleX(.94);background-position:100% 0}}
@keyframes baiyun-entry-line{0%{transform:translateX(-115%)}100%{transform:translateX(340%)}}

@media (prefers-color-scheme:dark){html:after{background:rgba(0,0,0,.08)}.baiyun-fast-navigation-entry{background:#111820;color:#fff}}
@media (prefers-reduced-motion:reduce){@view-transition{navigation:auto}::view-transition-old(root),::view-transition-new(root){animation:none}html:before{animation:none!important;transform:scaleX(.72)}html:after,.baiyun-fast-navigation-entry,.baiyun-fast-navigation-entry__brand{transition:none}.baiyun-fast-navigation-entry__line:after{animation:none;transform:none;width:100%}}