.n-layout-sider[data-v-44e87221]{--n-border-color: rgba(255, 255, 255, .05) !important}.n-menu[data-v-44e87221]{height:100vh;background:rgba(255,255,255,.2);backdrop-filter:blur(5px)}.item-icon[data-v-85b0dbc4]{box-shadow:3px 3px 5px 3px #0003}.item-title[data-v-85b0dbc4]{text-align:center;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.item[data-v-85b0dbc4]{display:flex;flex-direction:column;align-items:center;justify-content:center}.more-btn[data-v-f1dc6365]{padding-right:24px}.item-icon[data-v-f1dc6365]{font-size:25px}.sticky-bar[data-v-ac3d4709]{top:0px;position:sticky;background:rgba(255,255,255,.3);backdrop-filter:blur(10px)}.content-bar[data-v-ac3d4709]{display:flex;height:80px;z-index:999;justify-content:center;align-items:center}.search-wrapper[data-v-ac3d4709]{width:400px;padding-left:25px;padding-right:5px}.search-prefix[data-v-ac3d4709]{color:#00000080;cursor:pointer}.search-icon[data-v-ac3d4709]:hover{cursor:pointer}.base-item[data-v-0f5d0c41]{width:100%}.card-wrapper[data-v-b7e162c0]{padding:24px}.card[data-v-b7e162c0]{border-radius:10px;margin-bottom:24px;background:rgba(255,255,255,.3);backdrop-filter:blur(10px)}.footer[data-v-b7e162c0]{display:flex;position:relative;justify-content:center;bottom:15px}.project[data-v-b7e162c0]{font-size:16px}#app{min-height:100vh;display:flex;justify-content:center}.icon-zoom-in{transition:all .5s}.icon-zoom-in:hover{transform:scale(1.5);transition:all .5s}@keyframes flow{0%{opacity:1}30%{opacity:0;transform:translateY(1em)}60%{opacity:0;transform:translateY(-1em)}to{opacity:1}}.icon-flow:hover{animation:1s flow linear}@keyframes rotate{to{transform:rotate(360deg)}}.icon-rotate:hover{animation:2s rotate linear infinite}@keyframes wobble-vertical{16.65%{transform:translateY(8px)}33.3%{transform:translateY(-6px)}49.95%{transform:translateY(4px)}66.6%{transform:translateY(-2px)}83.25%{transform:translateY(1px)}to{transform:translateY(0)}}.icon-wobble-vertical:hover{animation:1s wobble-vertical linear}@keyframes swing{15%{transform:translate(5px)}40%{transform:translate(-5px)}65%{transform:translate(2px)}85%{transform:translate(-2px)}to{transform:translate(0)}}.icon-swing:hover{animation:1s swing linear}.icon-rotateY:hover{transform:rotateY(360deg);transition:all 1s}.icon-open-folder:after{content:"\1f4c1"}.icon-open-folder:hover:after{content:"\1f4c2"}