.layout[data-v-d0257e06]{display:flex;min-height:100vh}.sidebar[data-v-d0257e06]{width:230px;flex-shrink:0;background:var(--bg-soft);border-right:1px solid var(--panel-border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand[data-v-d0257e06]{padding:20px 18px 14px;border-bottom:1px solid var(--panel-border)}.brand-title[data-v-d0257e06]{font-size:17px;font-weight:800;line-height:1.35;color:#fff}.brand-sub[data-v-d0257e06]{font-size:11px;color:var(--text-faint);margin-top:6px}nav[data-v-d0257e06]{padding:12px 10px;display:flex;flex-direction:column;gap:4px;flex:1}.course-link[data-v-d0257e06]{display:flex;gap:10px;align-items:flex-start;padding:9px 10px;border-radius:8px;color:var(--text-dim);border:1px solid transparent}.course-link[data-v-d0257e06]:hover{background:#33415566;text-decoration:none;color:var(--text)}.course-link.active[data-v-d0257e06]{background:#38bdf81a;border-color:#38bdf859;color:#fff}.course-icon[data-v-d0257e06]{margin-top:2px}.course-name[data-v-d0257e06]{display:block;font-size:13px;font-weight:600}.course-desc[data-v-d0257e06]{display:block;font-size:10.5px;color:var(--text-faint);margin-top:1px}.sidebar-foot[data-v-d0257e06]{padding:12px 18px;font-size:10px;color:var(--text-faint);border-top:1px solid var(--panel-border);line-height:1.6}.content[data-v-d0257e06]{flex:1;min-width:0}@media(max-width:760px){.layout[data-v-d0257e06]{flex-direction:column}.sidebar[data-v-d0257e06]{width:100%;height:auto;position:static}nav[data-v-d0257e06]{flex-direction:row;flex-wrap:wrap}}.slot-right[data-v-c05216bf]{margin-left:auto;display:flex;align-items:center}.codeblock[data-v-1a5a3977]{border:1px solid var(--panel-border);border-radius:8px;background:#0d1117;overflow:hidden}.cb-head[data-v-1a5a3977]{display:flex;align-items:center;gap:8px;background:#33415580;border-bottom:1px solid var(--panel-border);padding:5px 10px}.dots[data-v-1a5a3977]{display:inline-flex;gap:4px}.dots i[data-v-1a5a3977]{width:9px;height:9px;border-radius:50%}.dots i[data-v-1a5a3977]:nth-child(1){background:#ef4444b3}.dots i[data-v-1a5a3977]:nth-child(2){background:#f59e0bb3}.dots i[data-v-1a5a3977]:nth-child(3){background:#10b981b3}.cb-title[data-v-1a5a3977]{font-size:11px;color:var(--text-dim);margin-left:4px}.cb-copy[data-v-1a5a3977]{margin-left:auto;display:inline-flex;align-items:center;gap:4px;background:none;border:none;color:var(--text-dim);font-size:11px;cursor:pointer;padding:2px 6px;border-radius:5px}.cb-copy[data-v-1a5a3977]:hover{background:var(--panel);color:var(--text)}pre[data-v-1a5a3977]{margin:0;padding:10px 12px;overflow:auto;font-size:12px;line-height:1.6;color:#cbd5e1;font-family:Consolas,Courier New,monospace}.ln[data-v-1a5a3977]{display:block;white-space:pre}.controls[data-v-80992aa8]{position:sticky;top:0;z-index:20;display:flex;flex-wrap:wrap;align-items:center;gap:8px;background:#020617eb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--panel-border);border-radius:var(--radius);padding:10px 12px;margin-bottom:14px}.counter[data-v-80992aa8]{margin-left:auto;font-size:12px;color:var(--text-dim)}.roles[data-v-80992aa8]{display:flex;gap:12px;margin-bottom:4px}.role[data-v-80992aa8]{flex:1;display:flex;gap:10px;align-items:center;border-radius:var(--radius);padding:10px 14px}.role.left[data-v-80992aa8]{border:1px solid rgba(56,189,248,.3);background:#38bdf80f;color:var(--sky)}.role.right[data-v-80992aa8]{border:1px solid rgba(52,211,153,.3);background:#34d3990f;color:var(--emerald)}.role-name[data-v-80992aa8]{font-size:13px;font-weight:700}.role-desc[data-v-80992aa8]{font-size:11px;color:var(--text-dim)}.timeline[data-v-80992aa8]{position:relative;margin-top:10px}.empty-hint[data-v-80992aa8]{border:1px dashed var(--panel-border);border-radius:var(--radius);text-align:center;color:var(--text-faint);padding:40px 0;font-size:13px}.msg[data-v-80992aa8]{max-width:720px;border-radius:var(--radius);padding:12px 14px;background:#1e293b99;margin:10px 0}.msg.to-right[data-v-80992aa8]{border:1px solid rgba(56,189,248,.25);margin-right:auto}.msg.to-left[data-v-80992aa8]{border:1px solid rgba(52,211,153,.25);margin-left:auto}.msg.internal[data-v-80992aa8],.msg.decision[data-v-80992aa8]{border:1px dashed var(--panel-border);margin-left:auto;margin-right:auto}.msg.decision[data-v-80992aa8]{border-color:#e879f973}.msg-head[data-v-80992aa8]{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;flex-wrap:wrap}.msg-step[data-v-80992aa8]{font-size:11px;font-weight:600;color:var(--text-dim)}.msg-title[data-v-80992aa8]{font-size:13.5px;font-weight:600;color:#fff;margin-bottom:8px;display:flex;align-items:center;gap:7px}.msg-explain[data-v-80992aa8]{font-size:12.5px;color:var(--text);margin:10px 0 0}.msg-note[data-v-80992aa8]{margin:8px 0 0;padding:6px 10px;border-radius:6px;background:#020617b3;font-size:11px;color:var(--amber);font-family:Consolas,monospace}.choices[data-v-80992aa8]{display:flex;flex-direction:column;gap:8px;margin-top:10px}.choice-btn[data-v-80992aa8]{justify-content:flex-start;text-align:left;padding:9px 13px}.choice-btn[data-v-80992aa8]:not(:disabled):hover{border-color:var(--fuchsia)}.choice-label[data-v-80992aa8]{font-weight:600}.choice-hint[data-v-80992aa8]{color:var(--text-dim);font-size:11px}.end-banner[data-v-80992aa8]{margin-top:14px;border:1px solid rgba(52,211,153,.35);background:#34d39914;border-radius:var(--radius);padding:12px;text-align:center;font-size:13px;color:var(--emerald)}.real-code[data-v-f9db7a7f]{border:1px solid rgba(52,211,153,.3);border-radius:var(--radius);background:#34d3990a;margin-bottom:12px;overflow:hidden}summary[data-v-f9db7a7f]{display:flex;align-items:center;gap:8px;padding:11px 14px;cursor:pointer;list-style:none;color:var(--emerald);font-size:13px;-webkit-user-select:none;user-select:none}summary[data-v-f9db7a7f]::-webkit-details-marker{display:none}summary[data-v-f9db7a7f]:hover{background:#34d3990f}.rc-title[data-v-f9db7a7f]{font-weight:700;color:var(--text)}.rc-file[data-v-f9db7a7f]{font-size:11px;color:var(--text-faint);font-family:Consolas,monospace}.rc-toggle[data-v-f9db7a7f]{margin-left:auto;font-size:11px;color:var(--emerald)}details[open] .rc-toggle[data-v-f9db7a7f]{display:none}.rc-body[data-v-f9db7a7f]{padding:0 14px 14px}.rc-map[data-v-f9db7a7f]{width:100%;border-collapse:collapse;margin-bottom:10px;font-size:12px}.rc-map th[data-v-f9db7a7f],.rc-map td[data-v-f9db7a7f]{border:1px solid var(--panel-border);padding:6px 10px;text-align:left}.rc-map th[data-v-f9db7a7f]{background:#33415566;color:var(--text-dim);font-weight:600}.rc-map td[data-v-f9db7a7f]:first-child{color:var(--text);width:55%}.rc-map td code[data-v-f9db7a7f]{color:var(--emerald)}.course-header h1[data-v-03665870]{font-size:21px;color:#fff;margin:6px 0 4px}.grad[data-v-03665870]{background:linear-gradient(90deg,var(--sky),var(--emerald));-webkit-background-clip:text;background-clip:text;color:transparent}.intro[data-v-03665870]{font-size:12.5px;color:var(--text-dim);margin:0 0 16px}.mono[data-v-03665870]{font-family:Consolas,monospace;font-size:11.5px;color:var(--text-dim)}.anatomy-line[data-v-03665870]{display:flex;gap:10px;align-items:baseline}.anatomy .note[data-v-03665870]{font-size:11px;color:var(--text-faint)}.flow[data-v-03665870]{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-family:Consolas,monospace;font-size:12px}.flow-item[data-v-03665870]{background:#02061799;border:1px solid var(--panel-border);border-radius:6px;padding:4px 9px}.arrow[data-v-03665870]{color:var(--text-faint);margin-left:6px}.code-title[data-v-03665870]{font-size:14px;color:#fff;margin:16px 0 6px}.course-header h1[data-v-a899a27a]{font-size:21px;color:#fff;margin:6px 0 4px}.grad[data-v-a899a27a]{background:linear-gradient(90deg,var(--sky),var(--fuchsia));-webkit-background-clip:text;background-clip:text;color:transparent}.intro[data-v-a899a27a]{font-size:12.5px;color:var(--text-dim);margin:0 0 16px}.course-header h1[data-v-1ae1f9c9]{font-size:21px;color:#fff;margin:6px 0 4px}.grad[data-v-1ae1f9c9]{color:var(--amber)}.intro[data-v-1ae1f9c9]{font-size:12.5px;color:var(--text-dim);margin:0 0 16px}.section-title[data-v-1ae1f9c9]{font-size:15px;color:#fff;display:flex;align-items:center;gap:8px;margin:18px 0 10px}.sim-row[data-v-1ae1f9c9]{margin-bottom:12px}.sim-row label[data-v-1ae1f9c9]{display:block;font-size:12.5px;color:var(--text);margin-bottom:4px}.query-input[data-v-1ae1f9c9]{width:100%;background:#020617b3;border:1px solid var(--panel-border);border-radius:8px;color:var(--text);padding:8px 12px;font-size:13px;outline:none}.query-input[data-v-1ae1f9c9]:focus{border-color:var(--sky)}.token-bars[data-v-1ae1f9c9]{margin:14px 0;display:flex;flex-direction:column;gap:8px}.tbar[data-v-1ae1f9c9]{display:flex;align-items:center;gap:10px}.tbar-label[data-v-1ae1f9c9]{font-size:11px;color:var(--text-dim);width:52px;text-align:right}.tbar-track[data-v-1ae1f9c9]{flex:1;position:relative;background:#020617b3;border-radius:6px;height:22px;overflow:hidden}.tbar-fill[data-v-1ae1f9c9]{height:100%;background:var(--sky);border-radius:6px;transition:width .3s}.tbar-fill.over[data-v-1ae1f9c9]{background:var(--red)}.tbar-fill.kept[data-v-1ae1f9c9]{background:var(--emerald)}.tbar-num[data-v-1ae1f9c9]{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:11px;color:var(--text);font-family:Consolas,monospace}.compress-result[data-v-1ae1f9c9]{border-top:1px dashed var(--panel-border);padding-top:12px;font-size:13px}.compress-result.ok p[data-v-1ae1f9c9]{color:var(--emerald);margin:0}.history-visual[data-v-1ae1f9c9]{display:flex;flex-direction:column;gap:6px;margin:10px 0}.msg-chip[data-v-1ae1f9c9]{background:#33415566;border:1px solid var(--panel-border);border-radius:8px;padding:7px 11px;font-size:12px;color:var(--text)}.msg-chip.summary[data-v-1ae1f9c9]{border-color:#fbbf2480;color:var(--amber);background:#fbbf2412}.presets[data-v-1ae1f9c9]{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.preset[data-v-1ae1f9c9]{font-size:11px;padding:5px 10px}.dim-row[data-v-1ae1f9c9]{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:12px}.dim-chip[data-v-1ae1f9c9]{font-size:11px;border:1px solid var(--panel-border);border-radius:20px;padding:2px 10px;color:var(--text-faint)}.dim-chip.on[data-v-1ae1f9c9]{color:var(--sky);border-color:#38bdf880;background:#38bdf81a}.chunk-list[data-v-1ae1f9c9]{display:flex;flex-direction:column;gap:10px}.chunk[data-v-1ae1f9c9]{border:1px solid var(--panel-border);border-radius:8px;padding:10px 12px;background:#02061766}.chunk.top[data-v-1ae1f9c9]{border-color:#34d39980;background:#34d3990d}.chunk-head[data-v-1ae1f9c9]{display:flex;justify-content:space-between;font-size:12px;margin-bottom:5px}.chunk-id[data-v-1ae1f9c9],.chunk-score[data-v-1ae1f9c9]{color:var(--text-dim);font-family:Consolas,monospace}.chunk-score.top[data-v-1ae1f9c9]{color:var(--emerald);font-weight:700}.chunk-bar[data-v-1ae1f9c9]{height:5px;background:#33415580;border-radius:3px;overflow:hidden;margin-bottom:7px}.chunk-bar-fill[data-v-1ae1f9c9]{height:100%;background:var(--sky);border-radius:3px;transition:width .3s}.chunk.top .chunk-bar-fill[data-v-1ae1f9c9]{background:var(--emerald)}.chunk-text[data-v-1ae1f9c9]{font-size:12.5px;margin:0}.chunk-src[data-v-1ae1f9c9]{font-size:10.5px;color:var(--text-faint);margin:5px 0 0;font-family:Consolas,monospace}.course-header h1[data-v-c36c2a67]{font-size:21px;color:#fff;margin:6px 0 4px}.grad[data-v-c36c2a67]{color:var(--fuchsia)}.intro[data-v-c36c2a67]{font-size:12.5px;color:var(--text-dim);margin:0 0 16px}.section-title[data-v-c36c2a67]{font-size:15px;color:#fff;display:flex;align-items:center;gap:8px;margin:18px 0 10px}.skill-strip[data-v-c36c2a67]{display:flex;align-items:stretch;gap:8px;flex-wrap:wrap}.skill-step[data-v-c36c2a67]{flex:1;min-width:190px;padding:12px 14px}.skill-title[data-v-c36c2a67]{font-size:12.5px;font-weight:700;margin-bottom:4px}.skill-step p[data-v-c36c2a67]{font-size:12px;margin:0}.skill-arrow[data-v-c36c2a67]{align-self:center;color:var(--text-faint)}.controls[data-v-c36c2a67]{display:flex;flex-wrap:wrap;align-items:center;gap:8px;background:#020617eb;border:1px solid var(--panel-border);border-radius:var(--radius);padding:10px 12px;margin-bottom:12px;position:sticky;top:0;z-index:20}.counter[data-v-c36c2a67]{margin-left:auto;font-size:12px;color:var(--text-dim)}.vs-grid[data-v-c36c2a67]{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:900px){.vs-grid[data-v-c36c2a67]{grid-template-columns:1fr}}.vs-col[data-v-c36c2a67]{border:1px solid var(--panel-border);border-radius:var(--radius);padding:12px;background:#1e293b59}.vs-col.fc[data-v-c36c2a67]{border-top:2px solid var(--emerald)}.vs-col.react[data-v-c36c2a67]{border-top:2px solid var(--amber)}.vs-head[data-v-c36c2a67]{font-size:14px;font-weight:700;color:#fff;margin-bottom:10px;display:flex;align-items:center;gap:8px}.vs-empty[data-v-c36c2a67]{color:var(--text-faint);font-size:12px;text-align:center;padding:24px 0;border:1px dashed var(--panel-border);border-radius:8px}.vs-beat[data-v-c36c2a67]{margin-bottom:12px}.vs-beat-title[data-v-c36c2a67]{font-size:12px;font-weight:600;color:var(--text);margin-bottom:5px}.vs-note[data-v-c36c2a67]{font-size:11.5px;color:var(--amber);margin:6px 0 0}.end-banner[data-v-c36c2a67]{margin-top:14px;border:1px solid rgba(52,211,153,.35);background:#34d39914;border-radius:var(--radius);padding:12px;text-align:center;font-size:13px;color:var(--emerald)}:root{--bg: #020617;--bg-soft: #0f172a;--panel: #1e293b;--panel-border: #334155;--text: #e2e8f0;--text-dim: #94a3b8;--text-faint: #64748b;--sky: #38bdf8;--emerald: #34d399;--amber: #fbbf24;--red: #f87171;--fuchsia: #e879f9;--radius: 10px;font-size:14px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Segoe UI,PingFang SC,Microsoft YaHei,system-ui,sans-serif;line-height:1.65}#app{min-height:100vh}a{color:var(--sky);text-decoration:none}a:hover{text-decoration:underline}code{background:#020617b3;border:1px solid var(--panel-border);border-radius:5px;padding:1px 6px;font-size:.86em;font-family:Consolas,Courier New,monospace;color:var(--emerald)}.course-wrap{max-width:980px;margin:0 auto;padding:18px 16px 48px}.subtabs{display:flex;gap:4px;border-bottom:1px solid var(--panel-border);margin-bottom:18px;flex-wrap:wrap}.subtab{background:none;border:none;border-bottom:2px solid transparent;color:var(--text-dim);padding:8px 14px;cursor:pointer;font-size:13px;display:flex;align-items:center;gap:6px}.subtab:hover{color:var(--text)}.subtab.active{color:#fff;border-bottom-color:var(--sky);font-weight:600}.card{background:#1e293b8c;border:1px solid var(--panel-border);border-radius:var(--radius);padding:16px 18px}.card h3{margin:0 0 6px;font-size:15px;color:#fff}.card .sub{font-size:11px;color:var(--text-faint);margin-bottom:8px}.card p{margin:6px 0;font-size:13px;color:var(--text)}.grid{display:grid;gap:14px}.grid.cols-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.grid.cols-3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.hint{font-size:12px;color:var(--text-dim)}.hint-box{background:#0ea5e914;border:1px solid rgba(56,189,248,.3);border-radius:var(--radius);padding:12px 14px;font-size:13px;color:var(--text);display:flex;gap:10px;align-items:flex-start}.hint-box .icon{flex-shrink:0;margin-top:2px}.badge{display:inline-block;border-radius:5px;border:1px solid;padding:1px 7px;font-size:10px;font-weight:600;letter-spacing:.02em}.badge.request{color:var(--sky);border-color:#38bdf866;background:#38bdf81f}.badge.response{color:var(--emerald);border-color:#34d39966;background:#34d3991f}.badge.notification{color:var(--amber);border-color:#fbbf2466;background:#fbbf241f}.badge.decision{color:var(--fuchsia);border-color:#e879f966;background:#e879f91f}.badge.blocked{color:var(--red);border-color:#f8717166;background:#f871711f}.btn{display:inline-flex;align-items:center;gap:6px;background:#33415599;border:1px solid var(--panel-border);color:var(--text);border-radius:8px;padding:7px 13px;font-size:12px;cursor:pointer;transition:background .15s}.btn:hover{background:#475569b3}.btn.primary{background:#0284c7;border-color:#0284c7;color:#fff;font-weight:600}.btn.primary:hover{background:#0ea5e9}.btn:disabled{opacity:.4;cursor:not-allowed}input[type=range]{width:100%;accent-color:var(--sky)}