.has-site-navigation{--site-nav-expanded-height:66px}
#site-navigation{position:fixed;left:0;right:0;bottom:0;height:var(--site-nav-expanded-height);padding:10px 22px;z-index:1095;display:flex;gap:8px;align-items:center;justify-content:flex-end;border-top:1px solid #34455a;background:#0b1829;font:14px/1.45 "Microsoft YaHei",sans-serif;color:#edf4ff;transform:translateY(calc(100% - 7px));transition:transform .2s ease,box-shadow .2s ease;will-change:transform}
#site-navigation::before{content:"";position:absolute;left:50%;top:0;width:min(180px,38vw);height:4px;border-radius:0 0 999px 999px;background:linear-gradient(90deg,transparent,#65dbdf 22%,#8fe9ff 78%,transparent);opacity:.82;transform:translateX(-50%);transition:opacity .2s ease}
#site-navigation::after{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,transparent 0%,transparent 100%);opacity:0;pointer-events:none;transition:opacity .2s ease}
#site-navigation.has-social-unread::after{background:linear-gradient(90deg,transparent 0%,#ff667d 5%,#ff8a68 31%,transparent 42%,transparent 58%,#8f7bff 69%,#5ed8ef 95%,transparent 100%);opacity:1;animation:site-nav-unread-edge 2.4s ease-in-out infinite}
#site-navigation.has-social-unread::before{width:min(240px,42vw);height:4px;background:linear-gradient(90deg,transparent,#ffcb69 18%,#ff6f91 50%,#9a7cff 82%,transparent);opacity:1;box-shadow:0 0 12px rgba(255,111,145,.42)}
#site-navigation:hover,#site-navigation:focus-within,#site-navigation.is-expanded{transform:translateY(0);box-shadow:0 -12px 38px #0005}
#site-navigation:hover::before,#site-navigation:focus-within::before,#site-navigation.is-expanded::before{opacity:0}
#site-navigation:hover::after,#site-navigation:focus-within::after,#site-navigation.is-expanded::after{opacity:0;animation:none}
#site-navigation[hidden],#site-navigation [hidden]{display:none!important}
#site-navigation button{font:inherit;border:1px solid #526078;border-radius:12px;padding:10px 14px;color:#e9f3ff;background:#15263c;cursor:pointer;box-shadow:0 4px 16px #0002}
#site-navigation button:hover,#site-navigation button[aria-current="page"]{border-color:#65dbdf;background:#194454}
#site-navigation button:disabled{opacity:.6;cursor:wait}
#site-navigation button:focus-visible{outline:2px solid #75e8ed;outline-offset:3px}
#site-nav-menu{position:absolute;right:22px;bottom:calc(var(--site-nav-expanded-height) + 8px);width:min(310px,calc(100vw - 24px));max-height:calc(100dvh - var(--site-nav-expanded-height) - 24px);overflow:auto;padding:16px;background:#102033;border:1px solid #455c74;border-radius:18px;box-shadow:0 14px 45px #0006}
#site-nav-menu>strong{display:block;margin:0 4px 10px;color:#8daabe;font-size:12px}
#site-nav-menu button{display:block;width:100%;text-align:left;border-color:transparent;box-shadow:none;margin-top:4px}
#site-nav-menu b,#site-nav-menu small{display:block}#site-nav-menu small{color:#9cb1c4;font-size:12px;margin-top:4px}
#site-nav-status{position:absolute;bottom:calc(var(--site-nav-expanded-height) + 8px);right:22px;width:min(360px,calc(100vw - 24px));border:1px solid #807044;border-radius:12px;padding:14px;background:#272c33;color:#ffe3a6;box-shadow:0 8px 30px #0005}
.has-site-navigation #wk-space-return{display:none!important}
#site-nav-label{display:inline-block;max-width:260px;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}
@media(hover:none),(pointer:coarse){#site-navigation{left:10px;right:auto;bottom:calc(10px + env(safe-area-inset-bottom));width:auto;height:auto;padding:0;border:0;background:transparent;transform:none;box-shadow:none}#site-navigation::before{display:none}#site-navigation:hover,#site-navigation:focus-within,#site-navigation.is-expanded{box-shadow:none}#site-nav-return{display:none!important}#site-nav-label{max-width:none;font-size:0}#site-nav-label::after{content:"工作台";font-size:12px}#site-nav-menu{position:fixed;left:10px;right:auto;bottom:calc(62px + env(safe-area-inset-bottom));max-height:calc(100dvh - 82px - env(safe-area-inset-bottom))}#site-nav-status{position:fixed;left:10px;right:auto;bottom:calc(62px + env(safe-area-inset-bottom))}}
@media(max-width:720px){#site-navigation{gap:5px}#site-navigation button{font-size:12px;padding:9px 10px}#site-nav-label{max-width:150px}}
@keyframes site-nav-unread-edge{50%{filter:brightness(1.28);opacity:.76}}
@media(prefers-reduced-motion:reduce){#site-navigation{transition:none}#site-navigation.has-social-unread::after{animation:none}}