.student-course-center[data-v-9579d024]{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:calc(100vh - 88px);background:transparent;overflow:hidden}.app-container[data-v-9579d024]{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;overflow:hidden;gap:16px}.section-card[data-v-9579d024]{background:#fff;border-radius:16px;box-shadow:0 2px 12px rgba(0,0,0,.06);padding:20px;overflow:hidden}.left-panel[data-v-9579d024]{width:200px;-ms-flex-negative:0;flex-shrink:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:16px}.card-title[data-v-9579d024]{font-size:16px;font-weight:600;color:#1f1f1f;margin-bottom:16px;padding-left:12px;border-left:3px solid #1890ff}.filter-list[data-v-9579d024]{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:4px}.filter-item[data-v-9579d024]{padding:10px 16px;border-radius:8px;cursor:pointer;transition:all .2s;color:#666}.filter-item[data-v-9579d024]:hover{background:#f5f5f5}.filter-item.active[data-v-9579d024]{background:#e6f7ff;color:#1890ff;font-weight:500}.main-content[data-v-9579d024]{-ms-flex:1;flex:1;overflow-y:auto}.main-content[data-v-9579d024]::-webkit-scrollbar{width:6px}.main-content[data-v-9579d024]::-webkit-scrollbar-track{background:transparent}.main-content[data-v-9579d024]::-webkit-scrollbar-thumb{background:rgba(0,0,0,.08);border-radius:3px}.course-grid[data-v-9579d024]{display:-ms-grid;display:grid;-ms-grid-columns:(minmax(220px,1fr))[auto-fill];grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.course-card[data-v-9579d024]{background:#fff;border-radius:12px;border:1px solid #f0f0f0;overflow:hidden;cursor:pointer;transition:all .3s}.course-card[data-v-9579d024]:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.1)}.course-cover[data-v-9579d024]{height:140px;overflow:hidden;position:relative}.course-cover img[data-v-9579d024]{width:100%;height:100%;object-fit:cover}.course-cover .vip-badge[data-v-9579d024]{position:absolute;top:8px;right:8px;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:600;color:#fff;z-index:2}.course-cover .vip-badge.vip[data-v-9579d024]{background:linear-gradient(135deg,#f5af19,#f12711)}.course-cover .vip-badge.svip[data-v-9579d024]{background:linear-gradient(135deg,#667eea,#764ba2)}.course-info[data-v-9579d024]{padding:12px}.course-name[data-v-9579d024]{font-size:14px;font-weight:500;color:#1f1f1f;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;line-height:1.4;min-height:40px}.course-tags[data-v-9579d024]{display:-ms-flexbox;display:flex;gap:4px;-ms-flex-wrap:wrap;flex-wrap:wrap}.mobile-filter-toggle[data-v-9579d024]{display:none;-ms-flex-align:center;align-items:center;gap:6px;padding:8px 16px;background:#fff;border-radius:8px;margin-bottom:12px;cursor:pointer;color:#1890ff;font-weight:500;box-shadow:0 2px 8px rgba(0,0,0,.05);width:fit-content}.mobile-filter-toggle[data-v-9579d024]:active{background:#f0f5ff}.empty-state[data-v-9579d024]{padding:60px 0;text-align:center}@media (max-width:768px){.student-course-center[data-v-9579d024]{height:auto;min-height:calc(100vh - 100px);padding-bottom:20px;overflow:visible}.app-container[data-v-9579d024]{-ms-flex-direction:column;flex-direction:column;overflow:visible;gap:0}.mobile-filter-toggle[data-v-9579d024]{display:-ms-flexbox;display:flex}.left-panel[data-v-9579d024]{position:static;width:100%;height:auto;background:transparent;box-shadow:none;padding:0;transform:none;z-index:1;display:none;-ms-flex-direction:row;flex-direction:row;gap:8px;overflow-x:auto;margin-bottom:8px}.left-panel.mobile-visible[data-v-9579d024]{display:-ms-flexbox;display:flex}.left-panel.mobile-visible[data-v-9579d024]:before{display:none}.left-panel .section-card[data-v-9579d024]{min-width:200px;-ms-flex-negative:0;flex-shrink:0}.main-content[data-v-9579d024]{overflow:visible;padding:12px}.course-grid[data-v-9579d024]{-ms-grid-columns:1fr;grid-template-columns:1fr;gap:12px}.course-card[data-v-9579d024]{display:-ms-flexbox;display:flex;height:100px}.course-card .course-cover[data-v-9579d024]{width:140px;height:100%;-ms-flex-negative:0;flex-shrink:0}.course-card .course-info[data-v-9579d024]{-ms-flex:1;flex:1;padding:8px 12px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center}.course-card .course-name[data-v-9579d024]{font-size:14px;margin-bottom:4px;min-height:auto;-webkit-line-clamp:1}.course-card .course-tags[data-v-9579d024]{margin-top:4px}}