.toast-host[data-v-941ce538]{z-index:9999;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%)}.toast[data-v-941ce538]{pointer-events:auto;background:var(--ink-1);color:#fff;border-radius:var(--radius-s);box-shadow:var(--shadow-2);cursor:pointer;align-items:center;gap:10px;max-width:70vw;padding:11px 18px;font-size:14px;display:flex}.toast-icon[data-v-941ce538]{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;font-weight:700;display:inline-flex}.toast-success .toast-icon[data-v-941ce538]{background:var(--success)}.toast-error .toast-icon[data-v-941ce538]{background:var(--danger)}.toast-info .toast-icon[data-v-941ce538]{background:var(--accent)}.toast-enter-active[data-v-941ce538],.toast-leave-active[data-v-941ce538]{transition:all .25s}.toast-enter-from[data-v-941ce538]{opacity:0;transform:translateY(-14px)scale(.96)}.toast-leave-to[data-v-941ce538]{opacity:0;transform:translateY(-8px)scale(.96)}.topbar[data-v-20e5dc87]{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#ffffffd1;position:-webkit-sticky;position:sticky;top:0}.topbar-inner[data-v-20e5dc87]{align-items:center;gap:32px;max-width:1280px;height:58px;margin:0 auto;padding:0 28px;display:flex}.brand[data-v-20e5dc87]{align-items:center;gap:10px;text-decoration:none;display:flex}.brand-logo[data-v-20e5dc87]{font-family:var(--font-mono);color:var(--accent);font-size:17px;font-weight:700}.brand-name[data-v-20e5dc87]{letter-spacing:.5px;font-size:17px;font-weight:800}.nav[data-v-20e5dc87]{flex:1;gap:4px;display:flex}.nav-link[data-v-20e5dc87]{border-radius:var(--radius-s);color:var(--ink-2);padding:7px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:all .15s}.nav-link[data-v-20e5dc87]:hover{color:var(--accent);background:var(--accent-soft)}.nav-link.router-link-active[data-v-20e5dc87]{color:var(--accent);background:var(--accent-soft);font-weight:600}.user-area[data-v-20e5dc87]{border-left:1px solid var(--border);align-items:center;gap:18px;margin-left:auto;padding-left:20px;display:flex}.quota-chips[data-v-20e5dc87]{align-items:center;gap:10px;display:flex}.quota-chip[data-v-20e5dc87]{font-size:14px;font-weight:700;font-family:var(--font-mono);color:var(--ink-1);background:var(--bg-soft);border:1px solid var(--border);border-radius:999px;align-items:center;gap:4px;padding:3px 11px;line-height:1.4;display:inline-flex}.quota-chip[data-v-20e5dc87]:hover{border-color:var(--cat-implementation)}.user-chip[data-v-20e5dc87]{color:var(--ink-2);align-items:center;gap:7px;font-size:14px;font-weight:600;display:flex}.user-dot[data-v-20e5dc87]{background:var(--success);border-radius:50%;width:9px;height:9px}.user-dot.teacher[data-v-20e5dc87]{background:var(--accent)}.notif[data-v-20e5dc87]{position:relative}.notif-btn[data-v-20e5dc87]{border:1px solid var(--border);background:var(--bg-soft);cursor:pointer;border-radius:999px;padding:6px 9px;font-size:18px;line-height:1;transition:all .15s;position:relative}.notif-btn[data-v-20e5dc87]:hover,.notif-btn.active[data-v-20e5dc87]{border-color:var(--cat-implementation);background:var(--accent-soft)}.notif-badge[data-v-20e5dc87]{background:var(--danger);color:#fff;min-width:18px;height:18px;font-size:11px;font-weight:800;font-family:var(--font-mono);border-radius:999px;justify-content:center;align-items:center;padding:0 5px;display:flex;position:absolute;top:-6px;right:-6px;box-shadow:0 0 0 2px #fff}.notif-panel[data-v-20e5dc87]{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-m);width:320px;max-height:380px;box-shadow:var(--shadow-2);z-index:200;position:absolute;top:calc(100% + 12px);right:0;overflow-y:auto}.notif-head[data-v-20e5dc87]{border-bottom:1px solid var(--border);color:var(--ink-1);background:var(--surface);justify-content:space-between;align-items:center;padding:12px 14px;font-size:14px;font-weight:800;display:flex;position:-webkit-sticky;position:sticky;top:0}.notif-readall[data-v-20e5dc87]{color:var(--accent);cursor:pointer;background:0 0;border:none;font-size:12.5px;font-weight:600}.notif-empty[data-v-20e5dc87]{text-align:center;color:var(--ink-3);padding:28px 14px;font-size:13px}.notif-list[data-v-20e5dc87]{margin:0;padding:0;list-style:none}.notif-list li[data-v-20e5dc87]{border-bottom:1px solid var(--border);border-left:3px solid #0000;padding:11px 14px}.notif-list li.unread[data-v-20e5dc87]{border-left-color:var(--danger);background:#fff6f6}.notif-msg[data-v-20e5dc87]{color:var(--ink-1);font-size:13px;font-weight:700}.notif-meta[data-v-20e5dc87]{color:var(--ink-3);margin-top:3px;font-size:11.5px}.notif-detail[data-v-20e5dc87]{font-family:var(--font-mono);color:var(--ink-3);white-space:pre-wrap;word-break:break-all;background:var(--bg-soft);border-radius:var(--radius-s);max-height:72px;margin-top:6px;padding:6px 8px;font-size:11px;overflow:hidden}.ai-banner[data-v-20e5dc87]{z-index:99;background:var(--accent-soft);color:var(--accent);border-bottom:1px solid var(--accent);text-align:center;padding:8px 16px;font-size:13px;font-weight:600;line-height:1.5;position:-webkit-sticky;position:sticky;top:58px}:root{--bg:#f5f6fa;--bg-soft:#eef0f7;--surface:#fff;--border:#e4e7f0;--border-strong:#d3d8e6;--ink-1:#171a26;--ink-2:#4a5068;--ink-3:#8a90a8;--accent:#5b5bd6;--accent-strong:#4848c2;--accent-soft:#ececfa;--gradient:linear-gradient(135deg, #6366f1 0%, #8b5cf6 55%, #a855f7 100%);--gradient-text:linear-gradient(120deg, #4f46e5, #9333ea);--cat-comprehension:#2563eb;--cat-comprehension-bg:#e7eefd;--cat-approach:#7c3aed;--cat-approach-bg:#f1eafd;--cat-implementation:#ea580c;--cat-implementation-bg:#fdf0e4;--cat-syntax:#dc2626;--cat-syntax-bg:#fdeaea;--cat-runtime:#ca8a04;--cat-runtime-bg:#fbf3dc;--sev-high:#dc2626;--sev-medium:#d97706;--sev-low:#059669;--success:#059669;--danger:#dc2626;--code-bg:#1b1e2e;--code-border:#2a2e45;--radius-s:8px;--radius-m:12px;--radius-l:18px;--shadow-1:0 1px 2px #171a260d, 0 4px 16px #171a260f;--shadow-2:0 8px 32px #171a261f;--font-sans:"PingFang SC", "Microsoft YaHei", "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Cascadia Code", Consolas, "Courier New", monospace}*{box-sizing:border-box}html,body,#app{min-height:100vh;margin:0;padding:0}body{background:var(--bg);color:var(--ink-1);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.6}.btn{border-radius:var(--radius-s);font-size:14px;font-weight:600;font-family:var(--font-sans);cursor:pointer;border:none;justify-content:center;align-items:center;gap:6px;padding:9px 20px;transition:transform .12s,box-shadow .12s,opacity .12s;display:inline-flex}.btn:active{transform:translateY(1px)scale(.99)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--gradient);color:#fff;box-shadow:0 4px 14px #6366f159}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #6366f173}.btn-ghost{background:var(--surface);color:var(--ink-2);border:1px solid var(--border-strong)}.btn-ghost:hover:not(:disabled){color:var(--accent);border-color:var(--accent)}.btn-small{padding:5px 12px;font-size:13px}.input,.textarea{background:var(--surface);border:1.5px solid var(--border-strong);border-radius:var(--radius-s);width:100%;font-size:14px;font-family:var(--font-sans);color:var(--ink-1);padding:10px 14px;transition:border-color .15s,box-shadow .15s}.input:focus,.textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #5b5bd626}.textarea{resize:vertical;line-height:1.55}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-m);box-shadow:var(--shadow-1)}.page{max-width:1280px;margin:0 auto;padding:24px 28px 48px}.text-gradient{background:var(--gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#c9cede;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#aab1c8}::-webkit-scrollbar-track{background:0 0}