.base-layout-container[data-v-a2221bdf]{height:100vh;overflow:hidden}.base-layout-aside[data-v-a2221bdf]{z-index:100;background:#fff;border-right:1px solid #e4e7ed;flex-direction:column;transition:width .3s;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden}.class-header[data-v-a2221bdf]{color:#fff;background:linear-gradient(135deg,#1890ff 0%,#36cfc9 100%);flex-shrink:0;justify-content:space-between;align-items:center;height:56px;padding:0 12px;display:flex}.class-info[data-v-a2221bdf]{align-items:center;gap:8px;display:flex;overflow:hidden}.class-info .el-icon[data-v-a2221bdf]{flex-shrink:0;font-size:20px}.class-name[data-v-a2221bdf]{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.collapse-btn[data-v-a2221bdf]{cursor:pointer;border-radius:4px;flex-shrink:0;padding:4px;font-size:16px;transition:background .3s}.collapse-btn[data-v-a2221bdf]:hover{background:#fff3}.base-menu[data-v-a2221bdf]{border-right:none;flex:1}.base-menu[data-v-a2221bdf]:not(.el-menu--collapse){width:200px}.base-menu[data-v-a2221bdf] .el-menu-item,.base-menu[data-v-a2221bdf] .el-sub-menu__title{height:48px;line-height:48px}.base-menu[data-v-a2221bdf] .el-menu-item.is-active{color:#1890ff;background:#e6f7ff;border-right:3px solid #1890ff}.base-menu[data-v-a2221bdf] .el-menu-item:hover,.base-menu[data-v-a2221bdf] .el-sub-menu__title:hover{color:#1890ff;background:#f0f7ff}.base-layout-main[data-v-a2221bdf]{background:#f0f2f5;flex-direction:column;padding:0;transition:margin-left .3s;display:flex;overflow:hidden}.base-content-container[data-v-a2221bdf]{background-color:#f2f6fc;flex-direction:column;flex:1;display:flex;overflow:hidden}.base-page-content[data-v-a2221bdf]{flex-direction:column;flex:1;padding:10px;display:flex;overflow:hidden}@media screen and (width<=768px){.base-layout-aside[data-v-a2221bdf]{z-index:999;height:100vh;position:fixed;top:0;left:0;box-shadow:2px 0 8px #00000026}}