/** * 由 Fantastic-admin 提供技术支持 * Powered by Fantastic-admin * Gitee https://gitee.com/hooray/fantastic-admin * Github https://github.com/hooray/fantastic-admin */ [data-mode=mobile] .sidebar-container[data-v-096f3f7e]{transform:translate(calc((var(--g-main-sidebar-width) + var(--g-sub-sidebar-width)) * -1))}[data-mode=mobile] .sidebar-container.show[data-v-096f3f7e]{transform:translate(0)}[data-mode=mobile] .main-container[data-v-096f3f7e]{margin-left:0!important}[data-mode=mobile][data-menu-mode=single] .sidebar-container[data-v-096f3f7e]{transform:translate(calc(var(--g-sub-sidebar-width) * -1))}[data-mode=mobile][data-menu-mode=single] .sidebar-container.show[data-v-096f3f7e]{transform:translate(0)}.layout[data-v-096f3f7e]{height:100%}#app-main[data-v-096f3f7e]{width:100%;height:100%;margin:0 auto;transition:all .2s}.wrapper[data-v-096f3f7e]{position:relative;width:100%;height:100%;box-shadow:-1px 0 0 0 var(--g-box-shadow-color);transition:padding-top .3s}.wrapper .sidebar-container[data-v-096f3f7e]{position:fixed;z-index:1010;top:0;bottom:0;display:flex;transition:transform .3s,top .3s;width:calc(var(--g-main-sidebar-actual-width) + var(--g-sub-sidebar-actual-width))}.wrapper .sidebar-mask[data-v-096f3f7e]{position:fixed;z-index:1000;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(transparent 1px,rgba(0,0,0,.3) 1px);background-size:4px 4px;-webkit-backdrop-filter:saturate(50%) blur(4px);backdrop-filter:saturate(50%) blur(4px);transition:all .2s;opacity:0;visibility:hidden}.wrapper .sidebar-mask.show[data-v-096f3f7e]{opacity:1;visibility:visible}.wrapper .main-sidebar-container:not(.main-sidebar-leave-active)+.sub-sidebar-container[data-v-096f3f7e]{left:var(--g-main-sidebar-width)}.wrapper .main-container[data-v-096f3f7e]{display:flex;flex-direction:column;min-height:100%;margin-left:calc(var(--g-main-sidebar-actual-width) + var(--g-sub-sidebar-actual-width));background-color:var(--g-main-bg);transition:margin-left .3s,background-color .3s}.wrapper .main-container .topbar-container[data-v-096f3f7e]{top:0;z-index:998}.wrapper .main-container .main[data-v-096f3f7e]{height:100%;flex:auto;position:relative;overflow:hidden;transition:.3s}.wrapper .main-container .topbar-container+.main[data-v-096f3f7e]{margin:var(--g-topbar-height) 0 0}header:not(.header-leave-active)+.wrapper[data-v-096f3f7e]{padding-top:var(--g-header-height)}header:not(.header-leave-active)+.wrapper .sidebar-container[data-v-096f3f7e]{top:var(--g-header-height)}header:not(.header-leave-active)+.wrapper .sidebar-container[data-v-096f3f7e] .sidebar-logo{display:none}header:not(.header-leave-active)+.wrapper .sidebar-container[data-v-096f3f7e] .el-menu{padding-top:0}header:not(.header-leave-active)+.wrapper .main-container .topbar-container[data-v-096f3f7e]{top:var(--g-header-height)}header:not(.header-leave-active)+.wrapper .main-container .topbar-container[data-v-096f3f7e] .tools{display:none}.app-setting[data-v-096f3f7e]{position:fixed;z-index:10;right:0;top:calc(50% + 250px);width:50px;height:50px;border-top-left-radius:5px;border-bottom-left-radius:5px;font-size:24px;color:#fff;background-color:var(--el-color-primary);cursor:pointer}.app-setting svg[data-v-096f3f7e]{animation:rotate-096f3f7e 5s linear infinite}@keyframes rotate-096f3f7e{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.main-enter-active[data-v-096f3f7e]{transition:.2s}.main-leave-active[data-v-096f3f7e]{transition:.15s}.main-enter-from[data-v-096f3f7e]{opacity:0;margin-left:-20px}.main-leave-to[data-v-096f3f7e]{opacity:0;margin-left:20px}