.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);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-color-regular);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__btn{display:flex}.filter-bar__btn>*{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:.2s ease-in-out;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:14px}.filter-bar__toggle-btn .list-icon{font-size:15px}.filter-bar__input-warp{position:relative}.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:.3s ease-out;backdrop-filter:blur(3px);will-change:width,background,padding}.filter-bar__input-warp .search-input:hover{background-size:var(--nav-action-item-bg-size-hover)}.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(220px)}.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:11px;border-radius:50px;transform:translate(0);will-change:transform;transition:transform .3s ease-out}.filter-bar__input-warp .input-icon-wrap .search-icon{opacity:1;position:absolute;top:0;left:0;will-change:opacity;transition:opacity .3s ease-out}.filter-bar__input-warp .input-icon-wrap .clear-icon{opacity:0;position:absolute;top:0;left:0;font-size:11px;z-index:10;will-change:opacity;transition:opacity .3s ease-out;cursor:pointer}.cell{display:grid;grid-template:15px 1fr 15px / 10px 1fr 10px}.cell .app{position:relative;display:grid;grid-area:2 / 2;grid-template:70px 28px / 100%;border-radius:8px;transform-origin:bottom;transition:.1s;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;transition:filter .3s;filter:var(--nav-app-logo-filter)}.cell .app .img-box img.less-radius{border-radius:4px}.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;inset:0 0 2px 2px;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)}@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}.contain-wrap .category-item{margin-bottom:55px}.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}@media screen and (max-width: 700px){.contain-wrap{padding-left:4vw;padding-right:4vw}}.err-message{line-height:30px;text-align:center;margin-top:200px;font-size:20px;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-secondary)}:root{--nav-bg-primary: #ffffff;--nav-bg-regular: #f6f7f9;--nav-color-primary: #504f4f;--nav-color-regular: #7f7f7f;--nav-color-secondary: #808080;--nav-shadow: 0 2px 20px rgba(0, 0, 0, .08);--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-logo-filter: none;--nav-app-logo-filter-invert: none;--nav-app-corner-bg: linear-gradient(45deg, #fff 36%, #d3d3d3 44%, #2f3242 52%);--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-color-primary: #c6c6c6;--nav-color-regular: #a0a0a0;--nav-color-secondary: #808080;--nav-shadow: 0 2px 20px rgba(0, 0, 0, .08);--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, .6);--nav-app-logo-filter: brightness(.8);--nav-app-logo-filter-invert: brightness(.7) invert(.6);--nav-app-corner-bg: linear-gradient(45deg, #383838 36%, #636363 44%, #1e2022 52%);--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)}*{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:-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;vertical-align:-.15em;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}