body{height:100vh;width:100vw;padding:0;margin:0;overflow:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background-color:hsla(0,0%,100%,.2)}::-webkit-scrollbar-thumb{background-color:hsla(0,0%,100%,.5)}::-webkit-scrollbar-thumb:hover{cursor:pointer}.el-dialog__title,.el-form-item__label{color:#fff}.el-dialog{background-color:rgba(0,0,0,.3);backdrop-filter:blur(10px)}.el-dialog__header{padding:0;text-align:left}.el-dialog__body{color:#fff;border-radius:10px;padding:0 5px;margin:5px 0;background-color:hsla(0,0%,100%,.1)}.el-dialog__footer{text-align:center;padding:0}.el-dialog__headerbtn .el-dialog__close{color:red}.el-button.is-text{color:#fff}.el-drawer{background-color:rgba(0,0,0,.3);backdrop-filter:blur(10px)}.el-drawer__header{color:#fff;margin:10px;padding:0}.el-drawer__body{padding:0;margin:0 10px 10px 10px;border-radius:10px;background-color:hsla(0,0%,100%,.1)}.el-drawer__close-btn{color:red;transform:scale(1.5)}.el-drawer__close-btn i:hover{color:#fff}.card-list-box{display:flex;flex-wrap:wrap;gap:20px 35px;justify-content:flex-start;padding:.5rem}.card-item{width:12.5rem;max-width:20%;min-width:12.5rem;background-color:rgba(0,0,0,.2);backdrop-filter:blur(10px);border-radius:10px;padding:1rem;box-sizing:border-box;display:flex;flex-direction:column;transition:background-color .5s;margin:.5rem .1rem}.card-item:hover{cursor:pointer;background-color:hsla(0,0%,100%,.2)}.card-item .item-top-box{display:flex;align-items:center}.card-item .item-top-box img{height:22px;width:22px;margin-right:1rem}.card-item .item-top-box .item-name{font-weight:bolder;font-size:1.4rem;color:#fff}.card-item .item-des{text-align:left;font-size:1.2rem;color:#aaa}.msg-item{display:flex;justify-content:space-between;padding:0 5px;margin-top:5px;font-weight:bolder;font-size:1.4rem;word-wrap:break-word;overflow-wrap:break-word;box-sizing:border-box;border-bottom:1px solid #666}.msg-item:hover{cursor:pointer;border-bottom:1px solid #fff}.msg-item .key{color:#fff;text-align:left;width:40%}.msg-item .val{color:#aaa;width:60%;text-align:right}.cropper-line,.cropper-point{background-color:#fff!important}.cropper-view-box{outline-color:#fff!important;outline:1px solid #fff!important}.dialog-com[data-v-5cc3c34c]{display:flex;flex-direction:column}.dialog-com .img-box[data-v-5cc3c34c]{margin:2rem auto;display:flex;flex-direction:column}.dialog-com .img-box img[data-v-5cc3c34c]{height:10rem;width:10rem;border-radius:50%}.dialog-com .img-box .img-name[data-v-5cc3c34c]{text-align:center;font-weight:bolder;font-size:1.4rem}.sidebar-menu .el-menu-item[data-v-6c51d971]{height:60px}.sidebar-menu .el-menu-item.is-active[data-v-6c51d971],.sidebar-menu .el-menu-item[data-v-6c51d971]:hover{background-color:#00342c!important}.sidebar-container[data-v-6c51d971]{height:100vh;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-around}.sidebar-container .bottom-box[data-v-6c51d971],.sidebar-container .top-box[data-v-6c51d971]{height:50px;width:100%;color:#fff}.sidebar-container .top-box[data-v-6c51d971]{display:flex;align-items:center;justify-content:center;padding:5% 0}.sidebar-container .top-box img[data-v-6c51d971]{height:25px;width:25px;margin-right:10px;border:1px solid #fff;border-radius:50%}.sidebar-container .top-box span[data-v-6c51d971]{font-size:1.2rem;font-weight:bolder}.sidebar-container .sidebar-menu[data-v-6c51d971]{padding:20px 0;height:80%;width:100%;border-right:0 solid #e6e6e6;overflow:auto}.sidebar-container .sidebar-menu img[data-v-6c51d971]{width:20px;height:20px;margin-right:10px}.sidebar-container .sidebar-menu span[data-v-6c51d971]{font-size:1.3rem;font-weight:bolder}.sidebar-container .bottom-box[data-v-6c51d971]{display:flex;justify-content:center;align-items:center;font-size:13px;padding:5% 0}.sidebar-container .bottom-box[data-v-6c51d971]:hover{cursor:pointer}.sidebar-container .bottom-box .about-btn[data-v-6c51d971]{margin:auto 10px}.sidebar-container .bottom-box div[data-v-6c51d971]{font-size:1.1rem}html{font-size:10px}.app-container{height:100vh;width:100vw;display:flex}.app-container .sidebar-container{width:120px}.app-container .main-content{box-sizing:border-box;height:100vh;width:calc(100vw - 120px);background:url(../img/bj.4fb11921.jpg);background-size:cover;background-position:50%;color:#fff}@media(max-width:600px){.sidebar-container{width:70px!important}.sidebar-container .top-box{flex-direction:column}.sidebar-container .top-box img{margin:auto!important}.sidebar-container .sidebar-menu img{display:none}.sidebar-container .bottom-box{flex-direction:column}.main-content{width:calc(100% - 70px)!important}}