.custom-header-bar[data-v-3780b972]{display:flex;align-items:center;justify-content:space-between;width:100%;background-color:#fff9e6;padding:16px 24px;border-radius:8px;margin-bottom:20px;box-sizing:border-box}.custom-header-bar .header-left[data-v-3780b972]{display:flex;align-items:center;gap:12px}.custom-header-bar .header-left .header-icon[data-v-3780b972]{width:48px;height:48px;-o-object-fit:contain;object-fit:contain}.custom-header-bar .header-left .header-title[data-v-3780b972]{font-size:20px;font-weight:600;color:#1e293b}.custom-header-bar .edit-btn[data-v-3780b972]{background-color:#ff9f1c;color:#fff;border:none;border-radius:8px;padding:12px 32px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease}.custom-header-bar .edit-btn[data-v-3780b972]:hover{background-color:#e68a00}.custom-header-bar .edit-btn.active[data-v-3780b972]{background-color:#35f}.custom-header-bar .edit-btn.active[data-v-3780b972]:hover{background-color:#2948e0}.course-list[data-v-3780b972]{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.course-list .course-card[data-v-3780b972]{background-color:#fff;border-radius:12px;overflow:hidden}.course-list .course-card .course-cover[data-v-3780b972]{width:100%;height:160px;overflow:hidden}.course-list .course-card .course-cover img[data-v-3780b972]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.course-list .course-card .course-info[data-v-3780b972]{padding:12px 16px}.course-list .course-card .course-info h4[data-v-3780b972]{font-size:14px;font-weight:500;color:#1e293b;margin:0 0 8px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.course-list .course-card .course-info .course-meta[data-v-3780b972]{display:flex;gap:8px;margin-bottom:12px}.course-list .course-card .course-info .course-meta .meta-tag[data-v-3780b972]{padding:2px 8px;background-color:#eff6ff;color:#3a44f7;border-radius:4px;font-size:12px}.course-list .course-card .course-info .course-footer[data-v-3780b972]{display:flex;justify-content:space-between;align-items:center}.course-list .course-card .course-info .course-footer .meta-study[data-v-3780b972]{font-size:12px;color:#94a3b8}.course-list .course-card .course-info .course-footer .meta-free[data-v-3780b972]{font-size:14px;font-weight:500;color:#ef4444}.course-list .course-card .course-info .course-footer .join-btn[data-v-3780b972]{background-color:#35f}.course-list .course-card .course-info .course-footer .join-btn[data-v-3780b972],.course-list .course-card .course-info .course-footer .remove-btn[data-v-3780b972]{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px;font-size:14px;color:#fff;font-weight:500;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease}.course-list .course-card .course-info .course-footer .remove-btn[data-v-3780b972]{background-color:#f36}.course-list .course-card .course-info .course-footer img[data-v-3780b972]{width:20px;height:20px}.course-list .course-card .course-info .course-footer .join-btn[data-v-3780b972]:hover{background-color:#2948e0}.course-list .course-card .course-info .course-footer .join-btn[data-v-3780b972]:active{background-color:#223dcc;transform:scale(.98)}.empty-state[data-v-3780b972]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.empty-state .empty-image[data-v-3780b972]{width:200px;height:200px;margin-bottom:20px;-o-object-fit:contain;object-fit:contain;opacity:.7}.empty-state .empty-text[data-v-3780b972]{font-size:16px;color:#94a3b8;margin:0}.page[data-v-3780b972]{margin-top:30px}