.class-view[data-v-4658e909]{width:100%;margin:0 auto;display:flex;flex-direction:column;align-items:stretch;position:relative;z-index:2;padding:48px 0 64px;color:#1d2140;background:#fff}.class-view .class-view-header[data-v-4658e909]{width:100%;max-width:1280px;margin:0 auto 48px;padding:0 32px}.class-view .class-view-title-one[data-v-4658e909]{color:#5f6277;font-family:Poppins;font-size:24px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:1.2px}.class-view .class-view-title-two[data-v-4658e909]{color:#14183e;font-family:Noto Sans SC;font-size:42px;font-weight:500;line-height:42px;letter-spacing:.84px;text-transform:capitalize;margin-bottom:10px}.class-view .recommend-section[data-v-4658e909]{width:100%;padding:36px 0 40px;margin-bottom:34px;background:linear-gradient(180deg,#be52f0,#f3c3e1)}.class-view .recommend-section .recommend-inner[data-v-4658e909]{max-width:1280px;margin:0 auto;padding:0 32px}.class-view .recommend-section .recommend-title[data-v-4658e909]{color:#fff;font-size:23px;font-weight:700;margin-bottom:28px}.class-view .recommend-grid[data-v-4658e909]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:34px}.class-view .course-card[data-v-4658e909],.class-view .recommend-card[data-v-4658e909]{background:#f9f9f9;border-radius:16px;box-shadow:0 10px 24px rgba(141,78,170,.08)}.class-view .recommend-card[data-v-4658e909]{overflow:hidden;min-height:390px}.class-view .recommend-card-image[data-v-4658e909]{width:100%;height:176px;-o-object-fit:cover;object-fit:cover;display:block}.class-view .recommend-card-body[data-v-4658e909]{padding:18px 20px 18px;min-height:214px;display:flex;flex-direction:column}.class-view .course-number[data-v-4658e909],.class-view .recommend-card-number[data-v-4658e909]{color:#5e6282;font-size:16px;margin-bottom:8px}.class-view .course-name[data-v-4658e909],.class-view .recommend-card-name[data-v-4658e909]{color:rgba(0,0,0,.8784313725);font-size:20px;font-weight:700;line-height:1.35;margin-bottom:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.class-view .recommend-card-name[data-v-4658e909]{font-size:17px;min-height:54px;margin-bottom:16px}.class-view .recommend-card-meta[data-v-4658e909]{color:#7c7f92;font-size:14px;margin-bottom:18px}.class-view .recommend-card .detail-button[data-v-4658e909]{margin-top:auto}.class-view .detail-button[data-v-4658e909]{width:100%;height:44px;border:none;border-radius:7px;background:#8b3fac;color:#fff;font-size:14px;font-weight:600}.class-view .detail-button[data-v-4658e909]:focus,.class-view .detail-button[data-v-4658e909]:hover{background:#7c309f;color:#fff}.class-view .content-panel[data-v-4658e909]{width:100%;max-width:1280px;margin:0 auto;padding:0 32px;display:grid;grid-template-columns:250px minmax(0,1fr);gap:48px;align-items:start}.class-view .filter-sidebar[data-v-4658e909]{padding:2px 0}.class-view .filter-block[data-v-4658e909]{margin-bottom:34px}.class-view .filter-title[data-v-4658e909]{color:#1f2342;font-size:16px;font-weight:700;margin-bottom:16px}.class-view .filter-list[data-v-4658e909]{display:flex;flex-direction:column;gap:11px}.class-view .quarter-list[data-v-4658e909]{gap:10px}.class-view .filter-link[data-v-4658e909]{border:none;background:transparent;padding:0;text-align:left;color:#6e7183;font-size:15px;line-height:1.3;cursor:pointer}.class-view .filter-link.active[data-v-4658e909]{color:#f0a315;font-weight:700}.class-view .quarter-link[data-v-4658e909]{font-size:16px}.class-view .center-list[data-v-4658e909]{margin-top:16px;display:flex;flex-direction:column;gap:12px}.class-view .center-link[data-v-4658e909]{white-space:normal}.class-view .tag-group[data-v-4658e909]{display:flex;flex-wrap:wrap;gap:8px}.class-view .tag-group.compact[data-v-4658e909]{display:grid;grid-template-columns:repeat(4,50px);gap:8px;width:224px}.class-view .tag-button[data-v-4658e909]{min-width:50px;height:44px;padding:0 10px;border:1px solid #b9b1ab;border-radius:0;background:#fff;color:#626574;font-size:14px;cursor:pointer;transition:all .2s ease}.class-view .tag-button.day[data-v-4658e909]{width:50px;min-width:50px;height:36px;padding:0}.class-view .tag-button.active[data-v-4658e909]{border-color:#f0a315;color:#f0a315}.class-view .sidebar-select[data-v-4658e909]{width:100%}.class-view[data-v-4658e909] .sidebar-select .el-input__inner{height:36px;border-color:#ddd9e2;color:#8b8f9f;font-size:14px;border-radius:6px}.class-view .result-panel[data-v-4658e909]{min-width:0}.class-view .result-toolbar[data-v-4658e909]{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;padding:0 0 14px;border-bottom:1px solid #eee9f1}.class-view .result-count[data-v-4658e909]{color:#44485f;font-size:17px}.class-view .result-actions[data-v-4658e909]{display:flex;align-items:center;gap:18px}.class-view .result-actions[data-v-4658e909] .el-checkbox__label{color:#6d7184;font-size:13px}.class-view .result-actions[data-v-4658e909] .el-checkbox__input.is-checked .el-checkbox__inner,.class-view .result-actions[data-v-4658e909] .el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:#8b3fac;border-color:#8b3fac}.class-view .search-input[data-v-4658e909]{width:316px}.class-view[data-v-4658e909] .search-input .el-input__inner{height:38px;line-height:38px;border-right:none;border-color:#ddd9e2;color:#9498a9;border-radius:6px 0 0 6px}.class-view[data-v-4658e909] .search-input .el-input-group__append{height:38px;padding:0;line-height:38px;vertical-align:middle;border:1px solid #8b3fac;border-left:none;border-color:#8b3fac;background:#8b3fac;border-radius:0 6px 6px 0;overflow:hidden}.class-view[data-v-4658e909] .search-input .el-input-group__append .el-button,.class-view[data-v-4658e909] .search-input .el-input-group__append .search-button{display:inline-flex;align-items:center;justify-content:center;min-width:70px;height:38px;margin:0;padding:0 20px;background:#8b3fac;border:none;border-radius:0;box-shadow:none;color:#fff;font-weight:600;line-height:38px}.class-view .course-grid[data-v-4658e909]{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 34px}.class-view .course-card[data-v-4658e909]{padding:30px 22px 22px;min-height:252px;display:flex;flex-direction:column;border-radius:4px;box-shadow:none;background:#f9f9f9;border:1px solid #f3f1f6}.class-view .course-name[data-v-4658e909]{font-size:20px;min-height:62px;cursor:pointer;margin-bottom:34px}.class-view .course-meta-row[data-v-4658e909]{display:flex;align-items:center;justify-content:flex-start;gap:12px;color:#686c80;font-size:14px;margin-bottom:12px}.class-view .course-meta-row span[data-v-4658e909]{display:inline-flex;align-items:center;gap:6px;min-width:0}.class-view .course-meta-row span+span[data-v-4658e909]{margin-left:26px}.class-view .course-meta-row.light[data-v-4658e909]{color:#8e93a9;margin-bottom:30px}.class-view .empty-state[data-v-4658e909]{padding:60px 0 24px;text-align:center;color:#8e93a9;font-size:15px}.class-view .result-pagination[data-v-4658e909]{margin-top:36px;display:flex;justify-content:flex-end}@media(max-width:1200px){.class-view .class-view-header[data-v-4658e909],.class-view .content-panel[data-v-4658e909],.class-view .recommend-section .recommend-inner[data-v-4658e909]{padding-left:16px;padding-right:16px}.class-view .course-grid[data-v-4658e909],.class-view .recommend-grid[data-v-4658e909]{grid-template-columns:repeat(2,minmax(0,1fr))}.class-view .content-panel[data-v-4658e909]{grid-template-columns:1fr;gap:28px}}@media(max-width:768px){.class-view .class-view-title-two[data-v-4658e909]{font-size:42px}.class-view .recommend-section[data-v-4658e909]{padding:24px 0}.class-view .result-actions[data-v-4658e909],.class-view .result-toolbar[data-v-4658e909]{flex-direction:column;align-items:stretch}.class-view .tag-group.compact[data-v-4658e909]{max-width:none}.class-view .course-grid[data-v-4658e909],.class-view .recommend-grid[data-v-4658e909]{grid-template-columns:1fr}.class-view .search-input[data-v-4658e909]{width:100%}}