*{margin:0;padding:0;box-sizing:border-box}body{font-family:Microsoft YaHei,sans-serif;background-color:#f5f7fa;color:#333}.header{background-color:#1890ff;color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.15);position:sticky;top:0;z-index:1000}.logo h1{font-size:24px;font-weight:700;margin:0;line-height:60px;float:left}.el-menu.nav-menu{float:right;background-color:#1890ff!important;border-bottom:none!important}.el-menu.nav-menu .el-menu-item,.el-menu.nav-menu .el-submenu__title{color:#fff!important;height:60px;line-height:60px;border-bottom:none!important;background-color:#1890ff!important}.el-menu.nav-menu .el-menu-item:hover,.el-menu.nav-menu .el-submenu__title:hover{background-color:hsla(0,0%,100%,.1)!important}.el-menu.nav-menu .el-menu-item.is-active{background-color:hsla(0,0%,100%,.2)!important;color:#fff!important;border-bottom:2px solid #fff!important}.user-menu{float:right}.main-content{min-height:calc(100vh - 120px);padding:20px 0}.footer{background-color:#1890ff;color:#fff;padding:20px 0;text-align:center}@media (max-width:768px){.logo h1{font-size:20px}.nav-menu{text-align:center}.nav-menu,.user-menu{float:none}}