.modal-overlay[data-v-9a8bef6e]{z-index:300;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-box[data-v-9a8bef6e]{background:#fff;border-radius:12px;width:420px;max-width:90vw;padding:32px 32px 28px;box-shadow:0 8px 32px #0003}.modal-title[data-v-9a8bef6e]{color:#111;text-align:center;margin:0 0 8px;font-size:22px;font-weight:700}.modal-hint[data-v-9a8bef6e]{color:#999;text-align:center;margin-bottom:22px;font-size:13px}.field[data-v-9a8bef6e]{margin-bottom:16px}.field label[data-v-9a8bef6e]{color:#666;margin-bottom:6px;font-size:13px;font-weight:500;display:block}.field input[data-v-9a8bef6e]{color:#111;box-sizing:border-box;border:1px solid #e0e0e0;border-radius:8px;outline:none;width:100%;padding:11px 14px;font-size:15px;transition:border-color .2s}.field input[data-v-9a8bef6e]:focus{border-color:#ff6b00}.error[data-v-9a8bef6e]{color:#e53e3e;text-align:center;margin-bottom:12px;font-size:13px}.btn-submit[data-v-9a8bef6e]{color:#fff;cursor:pointer;background:#ff6b00;border:none;border-radius:8px;width:100%;margin-top:6px;padding:13px;font-size:16px;font-weight:600}.btn-submit[data-v-9a8bef6e]:hover:not(:disabled){background:#e05e00}.btn-submit[data-v-9a8bef6e]:disabled{opacity:.6;cursor:not-allowed}.modal-overlay[data-v-28fa0154]{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-box[data-v-28fa0154]{background:#fff;border-radius:12px;width:420px;max-width:90vw;padding:36px 32px 32px;box-shadow:0 8px 32px #0003}.modal-title[data-v-28fa0154]{color:#111;text-align:center;margin:0 0 8px;font-size:24px;font-weight:700}.modal-hint[data-v-28fa0154]{color:#999;text-align:center;margin-bottom:24px;font-size:13px}.tab-switch[data-v-28fa0154]{background:#f5f5f5;border-radius:8px;margin-bottom:24px;padding:3px;display:flex}.tab-switch button[data-v-28fa0154]{cursor:pointer;color:#666;background:0 0;border:none;border-radius:6px;flex:1;padding:9px 0;font-size:14px;transition:all .2s}.tab-switch button.active[data-v-28fa0154]{color:#111;background:#fff;font-weight:600;box-shadow:0 1px 3px #00000014}.field[data-v-28fa0154]{margin-bottom:18px}.field label[data-v-28fa0154]{color:#666;margin-bottom:6px;font-size:13px;font-weight:500;display:block}.field input[data-v-28fa0154]{color:#111;box-sizing:border-box;border:1px solid #e0e0e0;border-radius:8px;outline:none;width:100%;padding:11px 14px;font-size:15px;transition:border-color .2s}.field input[data-v-28fa0154]:focus{border-color:#ff6b00}.field input[data-v-28fa0154]::placeholder{color:silver}.sms-row[data-v-28fa0154]{gap:10px;display:flex}.sms-row input[data-v-28fa0154]{flex:1}.btn-sms[data-v-28fa0154]{color:#666;cursor:pointer;white-space:nowrap;background:#fafafa;border:1px solid #e0e0e0;border-radius:8px;padding:11px 18px;font-size:13px;transition:all .2s}.btn-sms[data-v-28fa0154]:hover:not(:disabled){color:#ff6b00;border-color:#ff6b00}.btn-sms[data-v-28fa0154]:disabled{opacity:.5;cursor:not-allowed}.role-list[data-v-28fa0154]{flex-wrap:wrap;gap:10px;display:flex}.role-list button[data-v-28fa0154]{cursor:pointer;color:#666;background:#fff;border:1px solid #e0e0e0;border-radius:20px;padding:7px 18px;font-size:13px;transition:all .2s}.role-list button.active[data-v-28fa0154]{color:#ff6b00;background:#fff6f0;border-color:#ff6b00}.role-list button[data-v-28fa0154]:hover:not(.active){border-color:silver}.error[data-v-28fa0154]{color:#e53e3e;text-align:center;margin-bottom:12px;font-size:13px}.btn-submit[data-v-28fa0154]{color:#fff;cursor:pointer;background:#ff6b00;border:none;border-radius:8px;width:100%;margin-top:6px;padding:13px;font-size:16px;font-weight:600;transition:background .2s,opacity .2s}.btn-submit[data-v-28fa0154]:hover:not(:disabled){background:#e05e00}.btn-submit[data-v-28fa0154]:disabled{opacity:.6;cursor:not-allowed}.topbar[data-v-99494b73]{height:var(--topbar-h);background:var(--bg-darker);z-index:100;align-items:center;display:flex;position:sticky;top:0}.topbar-inner[data-v-99494b73]{justify-content:space-between;align-items:center;gap:32px;width:100%;display:flex}.logo[data-v-99494b73]{color:var(--primary);letter-spacing:2px;align-items:center;gap:10px;font-size:24px;font-weight:900;text-decoration:none;display:flex}.logo-img[data-v-99494b73]{object-fit:contain;border-radius:4px;width:auto;height:28px}.topnav[data-v-99494b73]{flex:1;gap:32px;margin-left:40px;display:flex}.nav-item[data-v-99494b73]{color:#ffffffd9;padding:8px 0;font-size:15px;text-decoration:none;transition:color .2s;position:relative}.nav-item[data-v-99494b73]:hover{color:#fff}.nav-item.router-link-active[data-v-99494b73]{color:#fff;font-weight:600}.nav-item.router-link-active[data-v-99494b73]:after{content:"";background:var(--primary);width:24px;height:2px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.topbar-right[data-v-99494b73]{align-items:center;gap:16px;display:flex;position:relative}.admin-link[data-v-99494b73]{color:var(--primary);border:1px solid var(--primary);border-radius:4px;padding:4px 12px;font-size:13px;font-weight:600}.admin-link[data-v-99494b73]:hover{background:var(--primary);color:#fff}.btn-login[data-v-99494b73]{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:6px 20px;font-size:14px;font-weight:600;transition:background .2s}.btn-login[data-v-99494b73]:hover{background:var(--primary-hover)}.user-avatar[data-v-99494b73]{background:linear-gradient(135deg, var(--primary), #ff8a65);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:transform .15s,box-shadow .15s;display:flex;position:relative}.user-avatar[data-v-99494b73]:hover{transform:scale(1.08);box-shadow:0 0 0 3px #ff6b0040}.avatar-text[data-v-99494b73]{color:#fff;font-size:15px;font-weight:700}.user-dropdown[data-v-99494b73]{background:var(--bg-card);border:1px solid var(--border-color);width:240px;box-shadow:var(--shadow-lg);z-index:200;border-radius:12px;padding:8px;animation:.15s dropFade-99494b73;position:absolute;top:52px;right:0}@keyframes dropFade-99494b73{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.dropdown-header[data-v-99494b73]{border-bottom:1px solid var(--border-color);align-items:center;gap:12px;margin-bottom:4px;padding:10px 12px;display:flex}.dropdown-avatar[data-v-99494b73]{background:linear-gradient(135deg, var(--primary), #ff8a65);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:700;display:flex}.dropdown-name[data-v-99494b73]{color:var(--text-primary);font-size:14px;font-weight:600}.dropdown-role[data-v-99494b73]{color:var(--text-tertiary);margin-top:2px;font-size:11px}.dropdown-item[data-v-99494b73]{color:var(--text-primary);cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;text-decoration:none;transition:background .12s;display:flex}.dropdown-item[data-v-99494b73]:hover{color:var(--primary);background:#ff6b001a}.dropdown-item svg[data-v-99494b73]{opacity:.7;flex-shrink:0}.dropdown-divider[data-v-99494b73]{background:var(--border-color);height:1px;margin:4px 0}.logout-item[data-v-99494b73]{color:var(--danger,#e34d59)}.logout-item[data-v-99494b73]:hover{color:var(--danger);background:#e34d591a}:root{--primary:#ff6b00;--primary-hover:#ff8533;--primary-dark:#e55a00;--bg-page:#1a1a1a;--bg-card:#242424;--bg-dark:#1e1e1e;--bg-darker:#1a1a1a;--bg-dark-section:#1e1e1e;--text-on-dark:#fff;--text-primary:#e0e0e0;--text-secondary:#999;--text-tertiary:#666;--text-link:#4da3ff;--border-color:#2a2a2a;--border-dark:#ffffff1a;--danger:#e34d59;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 28px #00000080;--shadow-xl:0 16px 48px #00000080;--radius-sm:4px;--radius:6px;--radius-lg:12px;--radius-xl:20px;--topbar-h:64px;--max-w:1240px}*{box-sizing:border-box;margin:0;padding:0}html,body{color:var(--text-primary);background:var(--bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior:none;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;font-size:14px}a{color:inherit;text-decoration:none;transition:color .2s}a:hover{color:var(--primary)}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,select,textarea,button{touch-action:manipulation;outline:none;font-family:inherit}.btn-primary{background:var(--primary);color:#fff;border-radius:var(--radius);border:none;justify-content:center;align-items:center;padding:10px 28px;font-size:14px;font-weight:600;transition:background .2s,transform .2s;display:inline-flex}.btn-primary:hover{background:var(--primary-hover);color:#fff}.btn-primary:active{transform:scale(.98)}.btn-ghost{color:#fff;border-radius:var(--radius);background:0 0;border:1px solid #ffffff4d;padding:8px 20px;font-size:14px}.btn-ghost:hover{color:#fff;background:#ffffff1a}.section-title{color:var(--primary);letter-spacing:1px;align-items:center;gap:12px;margin-bottom:18px;font-size:26px;font-weight:800;display:flex}.section-title:before{content:"";background:var(--primary);border-radius:3px;width:5px;height:22px}.section-subtabs{border-bottom:1px solid var(--border-color);gap:0;margin-bottom:24px;display:flex}.section-subtabs .subtab{color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;border-bottom:none;border-radius:4px 4px 0 0;margin-right:-1px;padding:10px 18px;font-size:14px;transition:all .2s}.section-subtabs .subtab.active{background:var(--bg-dark);color:#fff;border-color:var(--bg-dark)}.course-card{background:var(--bg-card);border-radius:var(--radius-lg);cursor:pointer;border:1px solid #2a2a2a;transition:transform .3s,box-shadow .3s;overflow:hidden}.course-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.course-cover{aspect-ratio:16/9;color:#ffffffb3;background:linear-gradient(135deg,#2c3e50,#4a6378);justify-content:center;align-items:center;width:100%;font-size:12px;display:flex;position:relative;overflow:hidden}.course-cover img{object-fit:cover;width:100%;height:100%}.course-cover-badge{background:var(--primary);color:#fff;border-radius:0 0 6px;padding:4px 10px;font-size:11px;font-weight:600;position:absolute;top:0;left:0}.course-cover-tag{color:#fff;background:#000000b3;border-radius:3px;padding:3px 8px;font-size:11px;position:absolute;top:8px;right:8px}.course-info{padding:12px 14px 14px}.course-instructor{color:var(--text-secondary);margin-bottom:4px;font-size:12px}.course-title-text{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:42px;font-size:15px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.course-meta{color:var(--text-tertiary);justify-content:space-between;align-items:center;margin-top:10px;font-size:12px;display:flex}.page-container{max-width:var(--max-w);margin:0 auto;padding:0 24px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-track{background:0 0}@media (width<=768px){html,body{font-size:14px}.page-container{padding:0 16px}.section-title{margin-bottom:14px;font-size:20px}.section-title:before{width:4px;height:18px}.section-subtabs .subtab{padding:8px 12px;font-size:13px}.course-title-text{min-height:auto;font-size:14px}.btn-primary,.btn-ghost{padding:10px 20px;font-size:14px}}@media (width<=480px){.page-container{padding:0 14px}.section-title{gap:8px;font-size:18px}.btn-primary,.btn-ghost{padding:9px 16px;font-size:13px}}