body,html{margin:0;padding:0;height:100%}#app{height:100%;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif}.layout-container[data-v-316c41ee]{height:100vh}.sidebar[data-v-316c41ee]{background-color:#304156;transition:width .3s;overflow:hidden;display:flex;flex-direction:column}.logo[data-v-316c41ee]{height:60px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background-color:#263445}.sidebar-menu-wrapper[data-v-316c41ee]{flex:1;overflow-x:hidden;overflow-y:auto}.sidebar-menu-wrapper[data-v-316c41ee]::-webkit-scrollbar{width:6px}.sidebar-menu-wrapper[data-v-316c41ee]::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:3px}.sidebar-menu-wrapper[data-v-316c41ee]::-webkit-scrollbar-track{background:transparent}.logo-text[data-v-316c41ee]{color:#fff;font-size:18px;font-weight:700;white-space:nowrap}.logo-text-mini[data-v-316c41ee]{color:#fff;font-size:14px;font-weight:700}.sidebar-menu[data-v-316c41ee]{border-right:none}.sidebar-menu[data-v-316c41ee]:not(.el-menu--collapse){width:220px}.main-container[data-v-316c41ee]{display:flex;flex-direction:column;overflow:hidden}.header[data-v-316c41ee]{background-color:#fff;box-shadow:0 1px 4px rgba(0,21,41,.08);justify-content:space-between;padding:0 20px;z-index:1}.header-left[data-v-316c41ee],.header[data-v-316c41ee]{display:flex;align-items:center}.collapse-btn[data-v-316c41ee]{font-size:20px;cursor:pointer;color:#606266;transition:color .3s}.collapse-btn[data-v-316c41ee]:hover{color:#409eff}.header-right[data-v-316c41ee]{display:flex;align-items:center}.admin-name[data-v-316c41ee]{margin-right:20px;color:#606266;font-size:14px}.admin-name i[data-v-316c41ee]{margin-right:5px}.logout-btn[data-v-316c41ee]{color:#909399;font-size:14px}.logout-btn[data-v-316c41ee]:hover{color:#f56c6c}.main-content[data-v-316c41ee]{background-color:#f0f2f5;padding:20px;overflow-y:auto;flex:1}