.learning-center[data-v-19002d6c]{width:1200px;margin:0 auto;padding:20px 0 50px;display:flex;gap:20px;align-items:flex-start}.sidebar[data-v-19002d6c]{width:200px;flex-shrink:0;background:#fff;border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,.06);overflow:hidden;position:sticky;top:20px}.sidebar-header[data-v-19002d6c]{display:flex;align-items:center;gap:8px;padding:18px 20px;font-size:17px;font-weight:600;color:#303133;border-bottom:1px solid #f0f0f0;background:linear-gradient(135deg,#f8fbff,#f0f7ff)}.sidebar-header i[data-v-19002d6c]{font-size:20px;color:#1787fb}.sidebar-menu[data-v-19002d6c]{border-right:none!important}.sidebar-menu[data-v-19002d6c] .el-menu-item{height:46px;line-height:46px;font-size:14px;color:#606266;padding-left:20px!important;border-left:3px solid transparent;transition:all .2s}.sidebar-menu[data-v-19002d6c] .el-menu-item i{color:#909399;margin-right:8px;font-size:16px;transition:color .2s}.sidebar-menu[data-v-19002d6c] .el-menu-item:hover{background:#f5f7fa}.sidebar-menu[data-v-19002d6c] .el-menu-item.is-active{color:#1787fb;background:#ecf5ff;border-left-color:#1787fb;font-weight:500}.sidebar-menu[data-v-19002d6c] .el-menu-item.is-active i{color:#1787fb}.main-content[data-v-19002d6c]{flex:1;min-width:0;background:#fefefe;padding:20px}.mobile-center-header[data-v-19002d6c]{display:none}@media(max-width:992px){.learning-center[data-v-19002d6c]{width:100%;gap:12px}}@media(max-width:768px){.mobile-center-header[data-v-19002d6c]{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 2px 14px}.mobile-center-header .menu-btn[data-v-19002d6c]{font-size:22px;color:#1787fb;cursor:pointer;padding:4px;flex-shrink:0}.mobile-center-header .center-title[data-v-19002d6c]{flex:1;min-width:0;text-align:center;font-size:14px;font-weight:600;color:#333;padding:0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-center-header .home-link[data-v-19002d6c]{font-size:20px;color:#1787fb;padding:4px;flex-shrink:0}.learning-center[data-v-19002d6c]{padding:12px 0 30px;gap:0;display:block}.sidebar[data-v-19002d6c]{display:none}.main-content[data-v-19002d6c]{padding:12px;border-radius:8px}}.learning-drawer .el-drawer__header{margin-bottom:0;padding:16px 20px;font-size:16px;font-weight:600;color:#303133;border-bottom:1px solid #f0f0f0;background:linear-gradient(135deg,#f8fbff,#f0f7ff)}.learning-drawer .el-drawer__header span{outline:none}.learning-drawer .el-drawer__body{padding:0}.learning-drawer .drawer-menu{border-right:none!important}.learning-drawer .drawer-menu .el-menu-item{height:48px;line-height:48px;font-size:14px;color:#606266}.learning-drawer .drawer-menu .el-menu-item i{color:#909399;margin-right:8px;font-size:16px}.learning-drawer .drawer-menu .el-menu-item:hover{background:#f5f7fa}.learning-drawer .drawer-menu .el-menu-item.is-active{color:#1787fb;background:#ecf5ff;border-left:3px solid #1787fb;font-weight:500}.learning-drawer .drawer-menu .el-menu-item.is-active i{color:#1787fb}