*{margin:0;padding:0;box-sizing:border-box}#app,body,html{height:100%;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif}.login-container{height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;align-items:center}.login-container .login-form{width:400px;padding:40px;background:#fff;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.2)}.login-container .login-form .title{text-align:center;font-size:24px;font-weight:700;color:#333;margin-bottom:30px}.app-wrapper{height:100vh;display:flex}.app-wrapper .sidebar-container{width:210px;background:#304156;height:100%;transition:width .3s}.app-wrapper .sidebar-container .el-menu{border:none;height:100%;width:100%!important}.app-wrapper .sidebar-container .logo{height:60px;line-height:60px;text-align:center;color:#fff;font-size:18px;font-weight:700;background:#263445;overflow:hidden;white-space:nowrap}.app-wrapper .main-container{flex:1;display:flex;flex-direction:column;overflow:hidden}.app-wrapper .main-container .header{height:60px;background:#fff;box-shadow:0 1px 4px rgba(0,21,41,.08);display:flex;align-items:center;justify-content:space-between;padding:0 20px}.app-wrapper .main-container .header .left{display:flex;align-items:center}.app-wrapper .main-container .header .left .toggle-btn{font-size:20px;cursor:pointer;margin-right:15px}.app-wrapper .main-container .header .left .breadcrumb{font-size:14px;color:#606266}.app-wrapper .main-container .header .right .user-info{display:flex;align-items:center;cursor:pointer}.app-wrapper .main-container .header .right .user-info .avatar{width:30px;height:30px;border-radius:50%;background:#409eff;color:#fff;display:flex;align-items:center;justify-content:center;margin-right:10px}.app-wrapper .main-container .app-main{flex:1;padding:20px;background:#f0f2f5;overflow:auto}.table-container{background:#fff;padding:20px;border-radius:4px}.table-container .table-header{margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.pagination-container{margin-top:20px;display:flex;justify-content:flex-end}