*{margin:0;padding:0;box-sizing:border-box}#app,body,html{height:100%;font-family:Helvetica Neue,Helvetica,PingFang SC,Microsoft YaHei,Arial,sans-serif}.layout{height:100%;display:flex;flex-direction:column}.topbar{background:linear-gradient(135deg,#001529,#002140)!important;padding:0 28px!important;height:64px!important;box-shadow:0 2px 10px rgba(0,0,0,.12);position:sticky;top:0;z-index:2000}.brand,.topbar{display:flex;align-items:center;flex-shrink:0}.brand{margin-right:36px}.brand-icon{font-size:26px;color:#1677ff;margin-right:10px;background:rgba(22,119,255,.18);padding:6px 8px;border-radius:8px}.brand-title{color:#fff;font-size:18px;font-weight:600;letter-spacing:1px;white-space:nowrap}.nav-menu{flex:1;border-bottom:none!important;display:flex;background:transparent!important;overflow:hidden;min-width:0}.el-menu--horizontal.nav-menu>.el-menu-item,.el-menu--horizontal.nav-menu>.el-submenu>.el-submenu__title{height:64px!important;line-height:64px!important;border-bottom:2px solid transparent!important;font-size:14px;color:hsla(0,0%,100%,.8)!important;background-color:transparent!important;padding:0 20px!important}.el-menu--horizontal.nav-menu>.el-submenu{float:none!important;display:inline-block!important}.el-menu--horizontal.nav-menu>.el-submenu>.el-submenu__icon-arrow{color:hsla(0,0%,100%,.8)!important;margin-left:4px!important;top:50%!important;margin-top:-6px!important}.el-menu--horizontal.nav-menu>.el-menu-item i,.el-menu--horizontal.nav-menu>.el-submenu>.el-submenu__title i{color:inherit!important;margin-right:6px!important;font-size:16px}.el-menu--horizontal.nav-menu>.el-menu-item:hover,.el-menu--horizontal.nav-menu>.el-submenu>.el-submenu__title:hover{background-color:hsla(0,0%,100%,.12)!important;color:#fff!important;border-bottom-color:#1677ff!important}.el-menu--horizontal.nav-menu>.el-menu-item.is-active,.el-menu--horizontal.nav-menu>.el-submenu.is-active>.el-submenu__title{background-color:rgba(22,119,255,.3)!important;color:#fff!important;border-bottom-color:#1677ff!important}.el-menu--horizontal.nav-menu>.el-menu-item.is-active i,.el-menu--horizontal.nav-menu>.el-submenu.is-active>.el-submenu__title i{color:inherit!important}.nav-menu>>>i{margin-right:6px;font-size:16px}.el-menu--popup,.el-submenu .el-menu{background-color:#fff!important;border:1px solid #e4e7ed!important;border-radius:6px!important;box-shadow:0 6px 18px rgba(0,0,0,.12)!important;padding:6px 0!important;min-width:180px!important}.el-menu--popup .el-menu-item,.el-submenu .el-menu .el-menu-item,.el-submenu .el-submenu__title{background-color:#fff!important;color:#303133!important;height:40px!important;line-height:40px!important;padding:0 20px!important;font-size:14px!important}.el-menu--popup .el-menu-item:hover,.el-submenu .el-menu .el-menu-item:hover,.el-submenu .el-submenu__title:hover{background-color:#ecf5ff!important;color:#1677ff!important}.el-menu--popup .el-menu-item.is-active,.el-submenu .el-menu .el-menu-item.is-active{background-color:#1677ff!important;color:#fff!important}.topbar-right{flex-shrink:0;margin-left:20px;padding-left:20px;border-left:1px solid hsla(0,0%,100%,.1)}.user-info{cursor:pointer;color:hsla(0,0%,100%,.8);font-size:14px;display:inline-flex;align-items:center;gap:6px}.user-info:hover{color:#fff}.el-dropdown-menu__item{color:#303133!important;font-size:14px!important;padding:0 20px!important;height:42px!important;line-height:42px!important}.el-dropdown-menu__item:hover{background-color:#ecf5ff!important;color:#1677ff!important}.el-dropdown-menu,.el-popper{border-radius:8px!important;border:1px solid #e4e7ed!important;box-shadow:0 6px 18px rgba(0,0,0,.12)!important;padding:6px 0!important}.main-content{background:#f5f7fa!important;flex:1;padding:24px!important;overflow-y:auto}.global-loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:flex;align-items:center;justify-content:center;pointer-events:none}.global-loading-mask{position:absolute;top:0;left:0;width:100%;height:100%;background:hsla(0,0%,100%,.7);pointer-events:auto}.global-loading-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:12px;background:#fff;padding:24px 40px;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.12);pointer-events:auto}.global-loading-icon{font-size:32px;color:#1677ff}