body,html{height:100vh;margin:0;padding:0}.navbar{z-index:999;position:fixed;top:0;width:100vw;height:23vh;background-image:url(/img/bg.46bcbac7.png);background-repeat:no-repeat;background-size:cover}.navbar .navtitle{height:65%;border-bottom:2px solid #fff3c3;display:flex;text-align:center;align-items:center;justify-content:space-between;padding:0 3vw}.navbar .navtitle .title{color:#f5f5f5;margin-left:25vw}.navbar .navtitle .title :first-child{font-size:2.4vw;font-weight:600}.navbar .navtitle .title :nth-child(2){font-size:1.4vw}.navbar .navtitle img{width:12.6vw;height:12.2vw}.navbar .navtitle .user-info{display:flex;align-items:center;color:#fff;font-size:1.2vw}.navbar .navtitle .user-info .username{color:#fff;margin-right:15px;font-weight:500;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navbar .navtitle .user-info .logout-btn{background-color:#2e79dc;color:#fff;border:none;border-radius:4px;padding:8px 15px;cursor:pointer;font-size:1vw;transition:all .3s ease;position:relative}.navbar .navtitle .user-info .logout-btn:hover{background-color:#1b79d8;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.2)}.navbar .navtitle .user-info .logout-btn.loading:after{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:12px;height:12px;border:2px solid #fff;border-radius:50%;border-top-color:transparent;animation:spin 1s linear infinite}.navbar .navtitle .login-container .login-btn{background-color:hsla(0,0%,100%,.2);color:#fff;border:1px solid hsla(0,0%,100%,.4);border-radius:4px;padding:8px 15px;cursor:pointer;font-size:1vw;transition:all .3s ease}.navbar .navtitle .login-container .login-btn:hover{background-color:hsla(0,0%,100%,.3);transform:translateY(-2px)}.navbar .tabs{display:flex;height:35%}.navbar .tabs .tab-item{flex:1;cursor:pointer;padding-top:2.3vh;text-align:center;font-size:.18rem;font-weight:600;color:#fff;position:relative}.navbar .tabs .tab-item:after{content:"";position:absolute;top:50%;right:0;height:50%;width:1px;background-color:#fdac6e;transform:translateY(-50%)}.navbar .tabs .tab-item:last-child:after{display:none}.navbar .tabs .tab-item:hover{height:100%;color:#372727;background:#fff;border-bottom:13px solid #204fdc}body::-webkit-scrollbar{width:0}#app{height:100vh;font-family:SourceHanSansCN}.fade-enter,.fade-leave-to{visibility:hidden;opacity:0}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-to,.fade-leave{visibility:visible;opacity:1}@keyframes spin{to{transform:translateY(-50%) rotate(1turn)}}