html,body{margin:0;padding:0;height:100%}#app{height:100%}.layout-container{height:100vh;min-width:1200px;overflow-x:auto}.aside-container{background-color:#002140;transition:width .3s;overflow:hidden;border-right:1px solid #0c2135;display:flex;flex-direction:column;box-shadow:2px 0 6px #0000001a}.logo-container{height:60px;display:flex;align-items:center;padding:0 16px;overflow:hidden;background-color:#002140;border-bottom:1px solid #003865;flex-shrink:0}.logo-img{height:32px;width:32px;margin-right:8px;flex-shrink:0}.logo-text{color:#fff;font-size:13px;font-weight:600;white-space:nowrap;opacity:1;transition:opacity .3s;padding-right:8px}.el-header{background-color:#fff;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dcdfe6;padding:0 16px;height:60px;min-width:900px}.header-left{display:flex;align-items:center;gap:16px}.fold-icon{font-size:20px;cursor:pointer;color:#303133}.fold-icon:hover{color:var(--el-color-primary)}.el-menu{border-right:none;background-color:#001f3f!important;overflow-y:auto;overflow-x:hidden}.el-menu-vertical{height:calc(100% - 60px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#0c2135 #001529}.el-menu-vertical::-webkit-scrollbar{width:6px}.el-menu-vertical::-webkit-scrollbar-track{background:#001529}.el-menu-vertical::-webkit-scrollbar-thumb{background-color:#0c2135;border-radius:3px}.el-menu-vertical::-webkit-scrollbar-thumb:hover{background-color:#1890ff}.el-menu-vertical:not(.el-menu--collapse){width:200px}:deep(.el-menu-item.is-active){background-color:#1890ff!important;color:#fff!important;border-right:3px solid #ffffff;font-weight:700}:deep(.el-menu-item:hover){background-color:#1765ad!important;color:#fff!important}:deep(.el-sub-menu__title:hover){background-color:#1765ad!important;color:#fff!important}.header-right{display:flex;align-items:center}.action-icon{font-size:20px;cursor:pointer;color:#606266;padding:0 8px}.action-icon:hover{color:var(--el-color-primary)}.notice-badge :deep(.el-badge__content){z-index:1}.user-info{display:flex;align-items:center;cursor:pointer;padding:0 8px}.username{margin-left:8px;font-size:14px;color:#606266}:deep(.el-dropdown-menu__item i){margin-right:8px}:deep(.el-breadcrumb__inner.is-link){color:#606266;font-weight:400}:deep(.el-breadcrumb__item:last-child .el-breadcrumb__inner){color:#303133;font-weight:500}:deep(.el-sub-menu .el-menu){background-color:#000c17!important;overflow:visible}:deep(.el-menu-item),:deep(.el-sub-menu__title){color:#fff!important;background-color:#001529!important;height:50px;line-height:50px}:deep(.el-menu-item .el-icon),:deep(.el-sub-menu__title .el-icon){color:#fff;margin-right:10px;font-size:18px}:deep(.el-menu-item:hover),:deep(.el-sub-menu__title:hover){background-color:#1765ad!important}:deep(.el-sub-menu .el-menu-item){background-color:#000c17!important;color:#b0b0b0!important;height:46px;line-height:46px;padding-left:50px!important}:deep(.el-sub-menu .el-menu-item .el-icon){color:#b0b0b0}:deep(.el-sub-menu .el-menu-item:hover){background-color:#1765ad!important;color:#fff!important}:deep(.el-sub-menu .el-menu-item:hover .el-icon){color:#fff}:deep(.el-sub-menu .el-menu-item.is-active){background-color:#1890ff!important;color:#fff!important;border-right:3px solid #ffffff}:deep(.el-sub-menu .el-menu-item.is-active .el-icon){color:#fff}:deep(.el-sub-menu){border-bottom:1px solid rgba(255,255,255,.05)}:deep(.el-sub-menu.is-active > .el-sub-menu__title){color:#1890ff!important}:deep(.el-sub-menu.is-active > .el-sub-menu__title .el-icon){color:#1890ff}.el-aside{flex-shrink:0}.el-main{overflow-x:hidden;min-width:900px}.el-table{width:100%!important;min-width:800px}.dialog-footer{display:flex;justify-content:flex-end;gap:10px}.tabs-container{background-color:#fff;padding:6px 16px 0;border-bottom:1px solid #e4e7ed}.tabs-container :deep(.el-tabs__header){margin:0;border:none}.tabs-container :deep(.el-tabs__nav){border:none;display:flex;align-items:center}.tabs-container :deep(.el-tabs__item){height:36px;line-height:36px;padding:0 16px;font-size:13px;color:#666;background-color:transparent;border:none;margin-right:3px;position:relative;transition:all .2s}.tabs-container :deep(.el-tabs__item:hover){color:var(--el-color-primary)}.tabs-container :deep(.el-tabs__item.is-active){color:var(--el-color-primary);background-color:#409eff1a;border-radius:4px 4px 0 0}.tabs-container :deep(.el-tabs__item.is-active):after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background-color:var(--el-color-primary)}.tabs-container :deep(.el-tabs__nav-wrap::after){display:none}.tabs-container :deep(.el-tabs__item .el-icon-close){width:16px;height:16px;margin-left:4px;border-radius:50%;color:#909399;transition:all .2s;vertical-align:middle;position:relative;top:-1px}.tabs-container :deep(.el-tabs__item .el-icon-close:hover){background-color:#f56c6c;color:#fff;transform:scale(1.1)}.el-main{padding:16px;height:calc(100vh - 139px);overflow-y:auto;background-color:#f5f7fa}:deep(.el-menu--popup){max-height:80vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#0c2135 #000c17;padding:0!important;min-width:180px;border-radius:0}:deep(.el-menu--popup::-webkit-scrollbar){width:6px}:deep(.el-menu--popup::-webkit-scrollbar-track){background:#000c17}:deep(.el-menu--popup::-webkit-scrollbar-thumb){background-color:#0c2135;border-radius:3px}:deep(.el-menu--popup::-webkit-scrollbar-thumb:hover){background-color:#1890ff}:deep(.el-menu--popup .el-menu-item){height:46px;line-height:46px}:global(.global-loading){transition:all .3s ease-in-out}:global(.global-loading .el-loading-mask){opacity:.7;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity .3s ease}:global(.global-loading .el-loading-spinner){transition:all .3s ease}:global(.global-loading .el-loading-text){font-size:14px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}html,body{margin:0;padding:0;width:100%;height:100%}#app{width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.el-container{height:100%}.el-aside{background-color:#304156}.el-main{padding:20px;background-color:#f0f2f5}