*{margin:0;padding:0;box-sizing:border-box!important}body,html{margin:0!important;padding:0!important;height:100%!important;width:100%!important;overflow:hidden!important}body{font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif!important}#app{height:100%!important;width:100%!important;overflow:hidden!important}.app-container{height:100vh;overflow:hidden}.el-container{height:100%}.el-header{background-color:#545c64;color:#fff;padding:0}.header-container{display:flex;align-items:center;height:100%;position:relative}.header-container .menu-container{position:absolute;left:420px}.header-container .user-info{margin-left:auto}.logo{margin-right:20px;padding-left:20px;width:350px}.system-title{font-size:18px;white-space:nowrap;font-weight:500;letter-spacing:1px;line-height:1.2}.menu-container,.menu-item{display:flex;height:100%}.menu-item{align-items:center;padding:0 20px;color:#fff;text-decoration:none;font-size:16px;transition:all .3s}.menu-item:hover{background-color:#434a50;color:#fff}.menu-item.active{color:#ffd04b;background-color:#434a50}.el-main{background-color:#f0f2f5;padding:20px}.mobile-main{padding:0;background-color:transparent;height:100vh;overflow-x:hidden}.user-info{display:flex;align-items:center;gap:15px}.username{color:#fff;font-size:14px;font-weight:500}.logout-btn{color:#fff!important;font-size:14px;padding:8px 16px;border-radius:4px;transition:all .3s ease}.logout-btn:hover{background-color:hsla(0,0%,100%,.1)!important;color:#fff!important}.el-footer{background-color:#545c64;color:#fff;display:flex;justify-content:center;align-items:center;padding:0 20px}.footer-container{text-align:center;width:100%;font-size:14px;line-height:1.5}.footer-container p{margin:0;white-space:normal;word-break:break-all}.mobile-layout[data-v-7be8beb6]{width:100%;min-height:100vh;background-color:#f0f2f5;display:flex;flex-direction:column}