.panda-btn{position:relative;width:var(--nav-action-item-size);height:var(--nav-action-item-size);background:var(--nav-panda-primary-bg);border-radius:var(--nav-action-item-size);transition:background .3s .1s cubic-bezier(.6,.6,0,1),transform .3s cubic-bezier(.6,.6,0,1);overflow:hidden;cursor:pointer}.panda-btn:before,.panda-btn:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;transform:scale(0);border-radius:var(--nav-action-item-size);transition:background .3s cubic-bezier(.6,.6,0,1);animation-timing-function:cubic-bezier(.6,.6,0,1);animation-duration:.8s;animation-fill-mode:forwards}.panda-btn:before{animation-name:toggle-after;animation-delay:0s;background:var(--nav-panda-primary-bg)}.panda-btn:after{animation-name:toggle-before;animation-delay:.15s;background:var(--nav-panda-secondary-bg)}.panda-btn.active{background:var(--nav-panda-secondary-bg)}.panda-btn.active:before{animation-name:toggle-before;animation-delay:.15s;background:var(--nav-panda-primary-bg);z-index:1}.panda-btn.active:after{animation-name:toggle-after;animation-delay:0s;background:var(--nav-panda-secondary-bg)}@keyframes toggle-before{0%{transform:scale(0)}to{transform:scale(.35)}}@keyframes toggle-after{0%{transform:scale(.35)}to{transform:scale(1)}}.filter-bar{align-self:center;position:sticky;top:60px;border-radius:100px;padding:6px 8px;display:flex;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:2024;color:var(--nav-filter-color);background:var(--nav-filter-bg);box-shadow:var(--nav-shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:.3s}.filter-bar:hover{background:var(--nav-filter-bg-hover)}.filter-bar>*:not(:last-child){margin-right:6px}.filter-bar__btn{display:flex}.filter-bar__btn>*:not(:last-child){margin-right:6px}.filter-bar__toggle-btn{display:flex;justify-content:center;align-items:center;width:var(--nav-action-item-size);height:var(--nav-action-item-size);border-radius:50%;background:var(--nav-action-item-bg);background-size:var(--nav-action-item-bg-size);transition:transform .3s cubic-bezier(.6,.6,0,1),all .3s;cursor:pointer;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.filter-bar__toggle-btn:hover,.filter-bar__toggle-btn:active{background-size:var(--nav-action-item-bg-size-hover)}.filter-bar__toggle-btn .icon{font-size:15px}.filter-bar__logo-btn{display:flex;justify-content:center;align-items:center;border-radius:50%;transition:transform .3s cubic-bezier(.6,.6,0,1),all .3s}.filter-bar__logo-btn .icon{font-size:15px}.filter-bar__input-warp{position:relative}.filter-bar__input-warp:hover .search-input{background-size:var(--nav-action-item-bg-size-hover)}.filter-bar__input-warp .search-input{outline:none;height:var(--nav-action-item-size);line-height:var(--nav-action-item-size);width:80px;padding-left:28px;padding-right:20px;border:none;border-radius:100px;font-size:14px;color:var(--nav-color-primary);background:var(--nav-action-item-bg);background-size:var(--nav-action-item-bg-size);transition:.4s cubic-bezier(.6,.6,0,1);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);will-change:width,background,padding}.filter-bar__input-warp .search-input:focus,.filter-bar__input-warp .search-input:not([value=""]){width:210px;padding-left:15px;padding-right:28px}.filter-bar__input-warp .search-input:focus~.input-icon-wrap,.filter-bar__input-warp .search-input:not([value=""])~.input-icon-wrap{transform:translate(218px)}.filter-bar__input-warp .search-input:focus~.input-icon-wrap .search-icon,.filter-bar__input-warp .search-input:not([value=""])~.input-icon-wrap .search-icon{opacity:0}.filter-bar__input-warp .search-input:focus~.input-icon-wrap .clear-icon,.filter-bar__input-warp .search-input:not([value=""])~.input-icon-wrap .clear-icon{opacity:1}.filter-bar__input-warp .input-icon-wrap{position:absolute;top:10px;left:10px;border-radius:50px;transform:translate(0);will-change:transform;transition:transform .4s cubic-bezier(.6,.6,0,1)}.filter-bar__input-warp .input-icon-wrap .search-icon{opacity:1;position:absolute;top:0;left:0;will-change:opacity;transition:color .3s,opacity .4s cubic-bezier(.6,.6,0,1)}.filter-bar__input-warp .input-icon-wrap .clear-icon{opacity:0;position:absolute;top:0;left:0;margin-top:-1px;z-index:10;will-change:opacity;transition:color .3s,opacity .4s cubic-bezier(.6,.6,0,1);cursor:pointer}.cell{display:grid;grid-template:15px 1fr 15px / 10px 1fr 10px;transform-style:preserve-3d;perspective:500px}.cell .app{position:relative;display:grid;grid-area:2 / 2;grid-template:70px 28px / 100%;border-radius:8px;transform-origin:bottom;transition:background .2s,transform .8s cubic-bezier(.6,.6,0,1);backface-visibility:hidden;overflow:hidden;background:var(--nav-app-bg)}.cell .app:hover{background:var(--nav-app-bg-hover);box-shadow:var(--nav-shadow);animation:2.5s 2s rock infinite}.cell .app:hover .corner{width:22px;height:22px;transition-duration:.3s;transition-delay:.1s}.cell .app .img-box{display:flex;justify-content:center;align-items:center}.cell .app .img-box img{width:50px;height:-moz-fit-content;height:fit-content;max-height:50px;border-radius:11px;opacity:var(--nav-app-logo-op);transition:filter .3s;filter:none}.cell .app .img-box img.less-radius{border-radius:3px}.cell .app .img-box img.dark-invert{filter:var(--nav-app-logo-filter-invert)}.cell .app .title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 4px;line-height:18px;font-size:14px;color:var(--nav-color-primary);transition:color .3s}.cell .app .title[data-size=small]{font-size:13px}.cell .app .title[data-size=tiny]{font-size:12px}.cell .app .title[data-size=mini]{font-size:11px}.cell .app .title[data-size=micro]{font-size:10px}.cell .app .corner{overflow:hidden;position:absolute;top:0;right:0;width:0px;height:0px;transition-duration:.15s;transition-timing-function:cubic-bezier(.6,.6,0,1);border-radius:0 8px;background:var(--nav-app-corner-bg);box-shadow:0 2px 6px #80808014,0 2px 2px #3a3a3a14}.cell .app .corner:hover{width:28px;height:28px;transition-duration:.3s}.cell .app .corner:hover .corner-icon-wrap .corner-icon{transform:rotate(45deg) translateY(6px);transition-duration:.2s}.cell .app .corner:active{width:30px;height:30px;transition-duration:.2s}.cell .app .corner:active .corner-icon-wrap .corner-icon{transform:rotate(45deg) translateY(5px)}.cell .app .corner .corner-icon-wrap{overflow:hidden;position:absolute;top:0;left:2px;bottom:2px;right:0;clip-path:polygon(0 0,100% 0,100% 100%,0 0)}.cell .app .corner .corner-icon-wrap .corner-icon{position:absolute;top:0;right:0;width:13px;height:13px;transform:rotate(45deg) translateY(12px);transition:.2s .1s cubic-bezier(.6,.6,0,1)}.cell .app-back{display:grid;grid-area:2 / 2;grid-template-rows:1fr 1fr;width:100px;height:98px;border-radius:8px;transition:color .3s,background .3s,transform .8s cubic-bezier(.6,.6,0,1);transform-origin:center;transform:rotateY(180deg);backface-visibility:hidden;background:var(--nav-app-bg);color:var(--nav-color-primary)}.cell .app-back .app-setting-head{padding:14px 0 0;font-size:13px}.cell .app-back .app-setting-head img{width:26px;height:-moz-fit-content;height:fit-content;max-height:26px;border-radius:4px;opacity:var(--nav-app-logo-op);transition:filter .3s;vertical-align:middle;filter:none}.cell .app-back .app-setting-head img.less-radius{border-radius:1px}.cell .app-back .app-setting-head img.dark-invert{filter:var(--nav-app-logo-filter-invert)}.cell .app-back .app-setting-head .title{line-height:13px;overflow:hidden;margin-top:8px;text-overflow:ellipsis;white-space:nowrap;color:var(--nav-color-primary);transition:color .3s}.cell .app-back .app-setting-head .title[data-size=mini]{font-size:12px}.cell .app-back .app-setting-head .title[data-size=micro]{font-size:11px}.cell .app-back .app-setting-content{display:flex;justify-content:center;flex:1;margin-top:5px}.cell .app-back .app-setting-content .icon{padding:3px;font-size:18px;cursor:pointer;border-radius:6px;font-family:iconfont;vertical-align:top;line-height:1}.cell .app-back .app-setting-content .icon:hover:not(.disabled){background:var(--nav-app-icon-bg-hover)}.cell .app-back .app-setting-content .icon.disabled{color:var(--nav-color-secondary);cursor:not-allowed}.cell .app-back .app-setting-content .icon-favorite-active{color:#ffc107}.cell.favorite+.cell:not(.favorite):before{content:"";position:absolute;top:50%;left:-1.5px;margin-top:-11px;border-radius:3px;width:3px;height:22px;transition:background .3s;background:var(--nav-line-color-primary)!important}.cell .app-placeholder{display:flex;justify-content:center;align-items:center;width:100px;height:98px;grid-area:2 / 2;border-radius:8px;font-size:40px;transition:all .3s,transform .8s cubic-bezier(.6,.6,0,1);transform-origin:center;transform:rotateY(180deg);backface-visibility:hidden;background:var(--nav-app-bg);color:var(--nav-color-secondary);animation:.8s app-reverse forwards cubic-bezier(.6,.6,0,1);cursor:pointer}.cell .app-placeholder:hover{background:var(--nav-bg-secondary)!important}.cell .app-placeholder .icon{font-size:30px;cursor:pointer;border-radius:6px;font-family:iconfont}@keyframes app-reverse{0%{transform:rotateY(180deg)}to{transform:rotateY(0)}}@keyframes rock{75%{transform:rotate(0)}80%{transform:rotate(-4deg)}85%{transform:rotate(3deg)}90%{transform:rotate(-2deg)}95%{transform:rotate(1deg)}}.contain-wrap{padding:80px 4vw 0;margin-bottom:55px}.contain-wrap .category-item:not(:last-child){margin-bottom:50px}.contain-wrap .category-item__title{font-size:36px;font-style:italic;font-weight:700;font-family:bi;margin-bottom:15px;color:var(--nav-header-color);transition:color .3s}.contain-wrap .category-item .app-list{justify-content:center}.contain-wrap .app-list{display:grid;grid-template-columns:repeat(auto-fill,120px);justify-content:center}.contain-wrap.reverse .app{transform:rotateY(-180deg)}.contain-wrap.reverse .app-back,.contain-wrap.reverse .app-placeholder{transform:rotateY(0);background:var(--nav-app-bg-setting)}@media screen and (max-width: 700px){.contain-wrap{padding-left:1vw;padding-right:1vw}}.err-message{line-height:30px;text-align:center;margin-top:25vh;font-size:24px;color:var(--nav-color-regular);transition:color .3s}.err-message .error-tips{font-size:20px;margin-top:8px;color:var(--nav-color-secondary)}.err-message a{display:inline-flex;align-items:center;vertical-align:bottom;padding:0 4px;border-radius:6px;text-decoration:underline;color:var(--nav-color-regular);transition:color .1s,background .1s}.err-message a:hover{background:var(--nav-bg-secondary);color:var(--nav-color-primary)}.err-message a:hover .icon{fill:var(--nav-color-primary)}.err-message a .icon{display:inline-block;color:var(--nav-color-regular);transition:color .1s;margin-right:2px}.err-message a .icon>div{height:100%}.err-message a .icon>div svg{vertical-align:top}.result-tips{height:0;color:var(--nav-color-secondary)}.footer__wrap{display:flex;justify-content:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-top:70px;font-size:12px;line-height:1.2;color:var(--nav-color-secondary)}.footer__wrap .footer__copyright{text-align:left;opacity:.8}.footer__wrap .logo{display:inline-block;width:26px;height:26px;margin-right:10px;font-size:0;background:url(/favicon/favicon-512.png) center / cover;color:transparent;filter:var(--nav-logo-filter);transition:.4s}.footer__wrap .logo:hover{filter:var(--nav-logo-filter-hover)}.footer__wrap .heart{color:#f44336}.footer__wrap .bold{font-weight:700}.footer__wrap .bener-link{color:var(--nav-color-regular);transition:.3s}.footer__wrap .bener-link:hover{color:var(--nav-color-primary)}@font-face{font-family:iconfont;src:url(data:font/woff;base64,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) format("woff")}.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-right:before{content:"\e6d7"}.icon-left:before{content:"\e6da"}.icon-hide:before{content:"\e6d5"}.icon-show:before{content:"\e6d6"}.icon-edit:before{content:"\e6d4"}.icon-favorite-active:before{content:"\e6d2"}.icon-favorite:before{content:"\e6d3"}.icon-add:before{content:"\e6d9"}:root{--nav-bg-primary: #ffffff;--nav-bg-regular: #f6f7f9;--nav-bg-secondary: #eeeeee;--nav-color-primary: #504f4f;--nav-color-regular: #7f7f7f;--nav-color-secondary: #a8a8a8;--nav-line-color-primary: #e4e4e4;--nav-shadow: 0 2px 20px rgba(0, 0, 0, .08);--nav-filter-color: #939393;--nav-filter-bg: rgba(255, 255, 255, .7);--nav-filter-bg-hover: rgba(255, 255, 255, .9);--nav-header-color: #606060;--nav-action-item-bg: linear-gradient(rgba(0, 0, 0, .04), rgba(0, 0, 0, .08));--nav-action-item-bg-size: 200% 200%;--nav-action-item-bg-size-hover: 100% 100%;--nav-action-item-size: 32px;--nav-panda-primary-bg: #f4f4f4;--nav-panda-secondary-bg: var(--nav-color-regular);--nav-app-bg: none;--nav-app-bg-hover: var(--nav-bg-primary);--nav-app-bg-setting: var(--nav-bg-primary);--nav-app-logo-op: 1;--nav-app-logo-filter-invert: none;--nav-app-corner-bg: linear-gradient(45deg, #fff 36%, #d3d3d3 44%, #2f3242 52%);--nav-app-icon-bg-hover: #f4f4f4;--nav-logo-filter: grayscale(1) opacity(.8);--nav-logo-filter-hover: grayscale(0) opacity(1)}:root.theme--dark{--nav-bg-primary: #292929;--nav-bg-regular: #1e1e1e;--nav-bg-secondary: #303030;--nav-color-primary: #c6c6c6;--nav-color-regular: #a0a0a0;--nav-color-secondary: #808080;--nav-line-color-primary: #464646;--nav-shadow: 0 2px 20px rgba(0, 0, 0, .08);--nav-filter-color: #a0a0a0;--nav-filter-bg: rgba(60, 60, 60, .6);--nav-filter-bg-hover: rgba(60, 60, 60, .8);--nav-header-color: var(--nav-color-primary);--nav-action-item-bg: linear-gradient(rgba(255, 255, 255, .04), rgba(255, 255, 255, .08));--nav-action-item-bg-size: 200% 200%;--nav-action-item-bg-size-hover: 100% 100%;--nav-action-item-size: 32px;--nav-panda-primary-bg: var(--nav-color-regular);--nav-panda-secondary-bg: #434343;--nav-app-bg: var(--nav-bg-primary);--nav-app-bg-hover: rgba(39, 39, 39, .75);--nav-app-bg-setting: var(--nav-bg-primary);--nav-app-logo-op: .8;--nav-app-logo-filter-invert: invert(.6);--nav-app-corner-bg: linear-gradient(45deg, #383838 36%, #636363 44%, #1e2022 52%);--nav-app-icon-bg-hover: #404040;--nav-logo-filter: opacity(.4) grayscale(1);--nav-logo-filter-hover: opacity(1) brightness(.8)}@font-face{font-family:bi;src:url(/assets/bi.72f0bf5a.woff) format("woff"),url(/assets/bi.ec4dbe40.ttf)}@font-face{font-family:DINAlternate;src:url(/assets/DINAlternate.2479db63.woff) format("woff")}*{margin:0;padding:0;list-style:none;text-decoration:none;-webkit-tap-highlight-color:transparent}html{background:var(--nav-bg-regular)}body{background:var(--nav-bg-regular);font-size:14px;font-family:DINAlternate,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:.3s;transition-property:background,color}body:before{content:"";position:fixed;top:-50px;left:0;width:100%;height:50px;box-shadow:0 0 30px #16161633;z-index:2024}h1{height:0;line-height:0;width:0;text-indent:-99999px;overflow:hidden;visibility:hidden;font-family:bi}.icon{width:1em;height:1em;fill:currentColor;overflow:hidden}#root{display:flex;flex-direction:column;padding:86px 0;text-align:center;min-height:100vh;box-sizing:border-box}.body{flex:1;display:flex;flex-direction:column}.main{flex:1;min-height:300px}.vertical-center{vertical-align:middle}