*{margin:0;padding:0;box-sizing:border-box}body{font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif;background-color:#f0f2f5}#app,.app-container,.sidebar{height:100vh}.sidebar{background-color:#001529;overflow-y:auto}.brand{height:60px;line-height:60px;text-align:center;color:#fff;font-size:18px;font-weight:700;background-color:#002140;border-bottom:1px solid #1f1f1f}.header{background-color:#fff;border-bottom:1px solid #e8e8e8;display:flex;align-items:center;justify-content:space-between;padding:0 24px;box-shadow:0 1px 4px rgba(0,21,41,.08)}.title{font-size:20px;font-weight:600;color:#262626}.header-actions,.user-avatar{display:flex;align-items:center}.user-avatar{cursor:pointer;padding:8px 12px;border-radius:6px;transition:background-color .3s}.user-avatar:hover{background-color:#f5f5f5}.username{margin:0 8px;color:#262626;font-size:14px}.main{background-color:#f0f2f5;padding:24px;overflow-y:auto}.footer{text-align:center;color:#909399;background:transparent;padding:12px 0 16px;font-size:12px}.el-menu{border-right:none}.el-menu-item{color:#bfbfbf}.el-menu-item.is-active,.el-menu-item:hover{background-color:#1890ff!important;color:#fff!important}.el-submenu__title{color:#bfbfbf}.el-submenu__title:hover{background-color:#1890ff!important;color:#fff!important}.el-submenu .el-menu-item{background-color:#000c17!important;color:#bfbfbf!important}.el-submenu .el-menu-item.is-active,.el-submenu .el-menu-item:hover{background-color:#1890ff!important;color:#fff!important}.dialog-footer{text-align:right}@media (max-width:768px){.sidebar{width:60px!important}.brand{font-size:14px}.username{display:none}.main{padding:16px}}