*{margin:0;padding:0;box-sizing:border-box}#app{font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif}#app,.app-container{height:100vh}.sidebar{background-color:#304156;overflow:hidden}.logo{padding:20px;text-align:center;border-bottom:1px solid #434a50}.logo h2{color:#fff;font-size:18px;font-weight:600}.el-menu{border-right:none}.el-sub-menu .el-menu-item{background-color:#263445!important;min-width:200px;padding-left:50px!important;color:#bfcbd9!important;border-left:3px solid transparent;transition:all .3s ease}.el-sub-menu .el-menu-item:hover{background-color:#434a50!important;color:#fff!important;border-left-color:#409eff}.el-sub-menu .el-menu-item.is-active{background-color:#409eff!important;color:#fff!important;border-left-color:#fff;font-weight:600}.el-menu-item{color:#bfcbd9!important;transition:all .3s ease}.el-menu-item:hover{background-color:#434a50!important;color:#409eff!important}.el-menu-item.is-active{background-color:#409eff!important;color:#fff!important;font-weight:600}.el-sub-menu__title{padding-left:20px!important;color:#bfcbd9!important}.el-sub-menu__title:hover{background-color:#434a50!important;color:#409eff!important}.el-sub-menu.is-opened>.el-sub-menu__title{color:#409eff!important}.el-sub-menu .el-sub-menu__icon-arrow{color:#bfcbd9!important}.el-sub-menu.is-opened .el-sub-menu__icon-arrow{color:#409eff!important}.header{background-color:#fff;border-bottom:1px solid #e4e7ed;padding:0 20px}.header,.header-content{display:flex;align-items:center}.header-content{justify-content:space-between;width:100%}.page-title{font-size:20px;font-weight:600;color:#303133}.user-info,.user-name{display:flex;align-items:center}.user-name{cursor:pointer;color:#606266;gap:5px}.main-content{background-color:#f5f5f5;padding:20px}