.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;user-select:none;z-index:2024;color:var(--nav-filter-color);background:var(--nav-filter-bg);box-shadow:var(--nav-shadow);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;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__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);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.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{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: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: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=small]{font-size:12px}.cell .app-back .app-setting-head .title[data-size=tiny]{font-size:11px}.cell .app-back .app-setting-head .title[data-size=mini]{font-size:10px}.cell .app-back .app-setting-head .title[data-size=micro]{font-size:9px}.cell .app-back .app-setting-content{display:flex;justify-content:center;flex:1;margin-top:3px;gap:2px}.cell .app-back .app-setting-content .icon{padding:4px;font-size:19px;cursor:pointer;border-radius:6px;font-family:iconfont;vertical-align:top;line-height:1}.cell .app-back .app-setting-content .icon:hover{background:var(--nav-app-icon-bg-hover)}.cell .app-back .app-setting-content .icon-favorite-active{color:#ffc107}.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;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-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}