body,html{margin:0;padding:0;height:100%;font-family:PingFang SC,Microsoft YaHei,Arial,sans-serif}#app,.app-container{height:100vh;width:100%}:root{--primary-color:#1890ff;--success-color:#52c41a;--warning-color:#faad14;--error-color:#f5222d;--font-size-base:14px;--header-height:64px;--sidebar-width:256px}.el-menu-item.is-active[data-v-7ccc17a4]{background-color:rgba(64,158,255,.1)!important}i[data-v-7ccc17a4]{margin-right:8px;font-size:16px}.app-wrapper[data-v-1850235b]{position:relative;height:100%;width:100%;display:flex;background-color:#f0f2f5}.sidebar-container[data-v-1850235b]{width:210px;flex-shrink:0;height:100vh;background-color:#001529;transition:width .3s ease,transform .3s ease;display:flex;flex-direction:column;z-index:1001}.sidebar-container.collapsed[data-v-1850235b]{width:64px}.sidebar-container.mobile[data-v-1850235b]{position:fixed;top:0;left:0;width:210px;transform:translateX(-100%)}.sidebar-container.mobile.mobile-open[data-v-1850235b]{transform:translateX(0)}.logo-container[data-v-1850235b]{display:flex;align-items:center;justify-content:center;padding:0 10px;height:64px;flex-shrink:0}.logo-container .logo-icon[data-v-1850235b]{font-size:32px}.logo-container .logo-title[data-v-1850235b]{margin-left:12px;color:#fff;font-size:18px;font-weight:600}.sidebar-menu[data-v-1850235b]{flex-grow:1;overflow-y:auto;border-right:none;background-color:#001529}.sidebar-menu[data-v-1850235b] .el-menu-item,.sidebar-menu[data-v-1850235b] .el-sub-menu__title{color:#a6adb4}.sidebar-menu[data-v-1850235b] .el-menu-item:hover,.sidebar-menu[data-v-1850235b] .el-sub-menu__title:hover{background-color:#000c17;color:#fff}.sidebar-menu[data-v-1850235b] .el-menu-item.is-active{color:#fff;background-color:var(--el-color-primary)}.mobile-mask[data-v-1850235b]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:1000}.main-container[data-v-1850235b]{flex-grow:1;display:flex;flex-direction:column;overflow:hidden}.main-container.mobile-main[data-v-1850235b]{margin-left:0;width:100%}.navbar[data-v-1850235b]{height:50px;justify-content:space-between;background:#fff;box-shadow:0 1px 4px rgba(0,21,41,.08);padding:0 15px}.navbar .navbar-left[data-v-1850235b],.navbar[data-v-1850235b]{display:flex;align-items:center}.navbar .hamburger[data-v-1850235b]{cursor:pointer;font-size:20px}.navbar .breadcrumb[data-v-1850235b]{margin-left:15px}.navbar .navbar-right[data-v-1850235b]{display:flex;align-items:center}.navbar .user-dropdown[data-v-1850235b]{margin-left:20px}.navbar .user-dropdown .user-info[data-v-1850235b]{display:flex;align-items:center;cursor:pointer}.navbar .user-dropdown .user-avatar[data-v-1850235b]{width:32px;height:32px;border-radius:50%;background-color:var(--el-color-primary);color:#fff;display:flex;align-items:center;justify-content:center;margin-right:8px}.navbar .user-dropdown .dropdown-icon[data-v-1850235b]{margin-left:5px}.app-main[data-v-1850235b]{flex-grow:1;padding:20px;overflow-y:auto}.fade-transform-enter-active[data-v-1850235b],.fade-transform-leave-active[data-v-1850235b]{transition:all .5s}.fade-transform-enter-from[data-v-1850235b]{opacity:0;transform:translateX(-30px)}.fade-transform-leave-to[data-v-1850235b]{opacity:0;transform:translateX(30px)}