.topbar[data-v-9bb77c54]{height:56px;display:flex;align-items:center;position:relative;padding:0 20px;border-bottom:1px solid #333;background:#000;box-sizing:border-box}.brand[data-v-9bb77c54]{font-weight:700;color:#fff;cursor:pointer;z-index:2}.nav[data-v-9bb77c54]{position:absolute;left:50%;transform:translateX(-50%);display:flex;gap:14px;z-index:1}.right-menu[data-v-9bb77c54]{margin-left:auto;margin-right:20px;display:flex;gap:10px;z-index:2;align-items:center}.nav-btn[data-v-9bb77c54]{padding:8px 14px;border:1px solid #444;background:transparent;color:#fff;border-radius:6px;cursor:pointer;font-weight:600;white-space:nowrap}.nav-btn[data-v-9bb77c54]:hover{background:#222}.right-btn[data-v-9bb77c54]{padding:8px 14px;border:none;background:transparent;color:#fff;cursor:pointer;font-weight:600;white-space:nowrap}.right-btn[data-v-9bb77c54]:hover{text-decoration:underline}.user-dropdown[data-v-9bb77c54]{position:relative;display:inline-block}.user-btn[data-v-9bb77c54]{width:100%}.dropdown-menu[data-v-9bb77c54]{position:absolute;top:42px;left:0;width:100%;background:#111;border:1px solid #333;border-radius:8px;box-sizing:border-box;z-index:10;overflow:hidden;display:none}.user-dropdown:hover .dropdown-menu[data-v-9bb77c54]{display:block}.dropdown-btn[data-v-9bb77c54]{width:100%;padding:8px 14px;border:none;background:transparent;color:#fff;text-align:center;border-radius:0;cursor:pointer;font-weight:600;white-space:nowrap;display:flex;justify-content:center;align-items:center}.dropdown-btn[data-v-9bb77c54]:hover{background:#222}.modal-overlay[data-v-117af7ec]{position:fixed;inset:0;background:rgba(0,0,0,.72);display:flex;justify-content:center;align-items:center;z-index:2000;padding:24px}.modal-card[data-v-117af7ec]{width:100%;max-width:420px;background:#111;border:1px solid #333;border-radius:8px;padding:32px 28px;box-sizing:border-box;position:relative}.close-btn[data-v-117af7ec]{position:absolute;top:14px;right:14px;border:none;background:transparent;color:#fff;font-size:24px;cursor:pointer}.modal-title[data-v-117af7ec]{color:#fff;font-size:32px;font-weight:700;text-align:center;margin:0 0 28px 0}.form-group[data-v-117af7ec]{margin-bottom:18px}.form-label[data-v-117af7ec]{display:block;color:#fff;font-size:14px;margin-bottom:8px}.form-input[data-v-117af7ec]{width:100%;height:46px;padding:0 14px;box-sizing:border-box;border:1px solid #444;border-radius:8px;background:#1b1b1b;color:#fff;font-size:15px;outline:none}.submit-btn[data-v-117af7ec]{width:100%;height:48px;margin-top:8px;border:none;border-radius:8px;background:#fff;color:#000;font-size:16px;font-weight:700;cursor:pointer}.error-text[data-v-117af7ec]{margin-top:12px;color:#ff6b6b;font-size:13px;text-align:center}.modal-overlay[data-v-6849f94c]{position:fixed;inset:0;background:rgba(0,0,0,.72);display:flex;justify-content:center;align-items:center;z-index:2000;padding:20px}.modal-card[data-v-6849f94c]{width:100%;max-width:420px;background:#111;border:1px solid #333;border-radius:8px;padding:24px 22px;box-sizing:border-box;position:relative}.close-btn[data-v-6849f94c]{position:absolute;top:10px;right:12px;border:none;background:transparent;color:#fff;font-size:22px;cursor:pointer}.modal-title[data-v-6849f94c]{color:#fff;font-size:28px;font-weight:700;text-align:center;margin:0 0 20px 0}.form-group[data-v-6849f94c]{margin-bottom:12px}.form-row[data-v-6849f94c]{display:flex;gap:12px}.half[data-v-6849f94c]{flex:1}.form-label[data-v-6849f94c]{display:block;color:#fff;font-size:13px;margin-bottom:6px}.form-input[data-v-6849f94c]{width:100%;height:40px;padding:0 12px;box-sizing:border-box;border:1px solid #444;border-radius:8px;background:#1b1b1b;color:#fff;font-size:14px;outline:none}.form-input[data-v-6849f94c]:focus{border-color:#777}.submit-btn[data-v-6849f94c]{width:100%;height:42px;margin-top:6px;border:none;border-radius:8px;background:#fff;color:#000;font-size:15px;font-weight:700;cursor:pointer}.submit-btn[data-v-6849f94c]:hover{opacity:.9}.error-text[data-v-6849f94c]{margin-top:12px;color:#ff6b6b;font-size:13px;text-align:center}.success-text[data-v-6849f94c]{margin-top:12px;color:#7cfc98;font-size:13px;text-align:center}#app,body,html{margin:0;padding:0}#app,.app-main,body,html{background:#000}.main-area[data-v-e9ca6e22]{background:#000;min-height:calc(100vh - 56px);display:flex;justify-content:center;align-items:center}.main-content[data-v-e9ca6e22]{display:flex;flex-direction:column;align-items:center;gap:24px}.main-text[data-v-e9ca6e22]{font-size:40px;font-weight:700;color:#fff;text-align:center}.detail-btn[data-v-e9ca6e22]{padding:12px 24px;border:1px solid #fff;background:transparent;color:#fff;font-size:16px;font-weight:600;border-radius:8px;cursor:pointer}.detail-btn[data-v-e9ca6e22]:hover{background:#fff;color:#000}.lecture-page[data-v-31a47644]{background:#000;min-height:calc(100vh - 56px);padding:30px;box-sizing:border-box}.lecture-layout[data-v-31a47644]{display:flex;gap:30px;align-items:center;min-height:calc(100vh - 116px)}.lecture-left[data-v-31a47644],.lecture-right[data-v-31a47644]{flex:1}.lecture-left[data-v-31a47644]{display:flex;justify-content:center;align-items:center}.lecture-left-content[data-v-31a47644]{display:flex;flex-direction:column;align-items:center;gap:28px}.lecture-text[data-v-31a47644]{color:#fff;font-size:40px;font-weight:700;line-height:1.5;text-align:center}.go-classroom-btn[data-v-31a47644]{padding:12px 24px;border:1px solid #fff;background:transparent;color:#fff;border-radius:8px;cursor:pointer;font-size:16px;font-weight:700}.go-classroom-btn[data-v-31a47644]:hover{background:#fff;color:#000}.video-section[data-v-31a47644]{width:100%}.video-player[data-v-31a47644]{width:100%;aspect-ratio:16/9;border-radius:8px}.event-page[data-v-9c5a2184]{background:#000;min-height:calc(100vh - 56px);display:flex}.event-box[data-v-9c5a2184]{flex:1;display:flex;justify-content:center;align-items:center;color:#fff;font-size:36px;font-weight:700}.left-box[data-v-9c5a2184]{border-right:1px solid #333}.right-box[data-v-9c5a2184]{border-left:1px solid #111}.classroom-page[data-v-3866e93e]{background:#000;min-height:calc(100vh - 56px);padding:24px;box-sizing:border-box}.top-section[data-v-3866e93e]{margin-bottom:28px}.classroom-layout[data-v-3866e93e]{display:flex;gap:24px;align-items:flex-start}.video-panel[data-v-3866e93e]{flex:2.3;min-width:0}.list-panel[data-v-3866e93e]{flex:1;min-width:280px;background:#111;border:1px solid #333;border-radius:8px;padding:18px;box-sizing:border-box}.video-title[data-v-3866e93e]{color:#fff;font-size:28px;font-weight:700;margin-bottom:16px}.video-wrapper[data-v-3866e93e]{width:100%;background:#111;border:1px solid #333;border-radius:8px;overflow:hidden}.video-player[data-v-3866e93e]{width:100%;aspect-ratio:16/9;display:block}.video-description[data-v-3866e93e]{margin-top:16px;color:#ccc;font-size:15px;line-height:1.6}.list-title[data-v-3866e93e]{color:#fff;font-size:22px;font-weight:700;margin-bottom:14px}.lecture-item[data-v-3866e93e]{width:100%;text-align:left;padding:14px;margin-bottom:12px;border:1px solid #333;background:#1a1a1a;color:#fff;border-radius:8px;cursor:pointer;box-sizing:border-box}.lecture-item[data-v-3866e93e]:hover{background:#222}.lecture-item.active[data-v-3866e93e]{border-color:#777;background:#252525}.lecture-item-title[data-v-3866e93e]{font-size:15px;font-weight:700;margin-bottom:6px}.lecture-item-desc[data-v-3866e93e]{font-size:13px;color:#aaa}.bottom-section[data-v-3866e93e]{background:#111;border:1px solid #333;border-radius:8px;overflow:hidden}.bottom-tabs[data-v-3866e93e]{display:flex;border-bottom:1px solid #333}.tab-btn[data-v-3866e93e]{padding:14px 22px;border:none;background:transparent;color:#ccc;cursor:pointer;font-size:15px;font-weight:600}.tab-btn[data-v-3866e93e]:hover{background:#1b1b1b;color:#fff}.tab-btn.active[data-v-3866e93e]{background:#222;color:#fff}.tab-content[data-v-3866e93e]{padding:22px}.content-box[data-v-3866e93e]{min-height:180px}.content-title[data-v-3866e93e]{color:#fff;font-size:24px;font-weight:700;margin-bottom:14px}.content-text[data-v-3866e93e]{color:#ccc;font-size:15px;line-height:1.7}.comment-box[data-v-3866e93e]{min-height:260px}.comment-list[data-v-3866e93e]{margin-bottom:20px}.comment-item[data-v-3866e93e]{background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:14px;margin-bottom:12px}.comment-header[data-v-3866e93e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.comment-author[data-v-3866e93e]{color:#fff;font-size:14px;font-weight:700}.comment-date[data-v-3866e93e]{color:#999;font-size:12px}.comment-body[data-v-3866e93e]{color:#ddd;font-size:14px;line-height:1.6;white-space:pre-wrap}.empty-comment[data-v-3866e93e]{color:#888;font-size:14px;padding:20px 0}.comment-input-wrap[data-v-3866e93e]{border:1px solid #333;border-radius:8px;background:#1a1a1a;padding:14px;box-sizing:border-box}.comment-textarea[data-v-3866e93e]{width:100%;min-height:120px;resize:vertical;border:none;outline:none;background:transparent;color:#fff;font-size:14px;line-height:1.6;box-sizing:border-box}.comment-textarea[data-v-3866e93e]::-moz-placeholder{color:#888}.comment-textarea[data-v-3866e93e]::placeholder{color:#888}.comment-action[data-v-3866e93e]{display:flex;justify-content:flex-end;margin-top:12px}.comment-submit-btn[data-v-3866e93e]{padding:10px 18px;border:1px solid #fff;background:transparent;color:#fff;border-radius:8px;cursor:pointer;font-size:14px;font-weight:700}.comment-submit-btn[data-v-3866e93e]:hover{background:#fff;color:#000}@media (max-width:1100px){.classroom-layout[data-v-3866e93e]{flex-direction:column}.list-panel[data-v-3866e93e],.video-panel[data-v-3866e93e]{width:100%}.list-panel[data-v-3866e93e]{min-width:auto}.bottom-tabs[data-v-3866e93e]{flex-wrap:wrap}.comment-header[data-v-3866e93e]{flex-direction:column;align-items:flex-start;gap:6px}}