*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--c-normal: #4a9eff;--c-compare: #ffa726;--c-swap: #ef5350;--c-sorted: #66bb6a;--c-pivot: #c792ea;--c-active: #4dd0e1;--c-dim: #2e3147;--bg: #0c0e1a;--panel: #111320;--border: #1e2240;--text: #c0ccd8;--dim: #555577}#app{display:contents}body{background:var(--bg);color:var(--text);font-family:Segoe UI,Microsoft YaHei,sans-serif;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;gap:12px}header{text-align:center}header h1{font-size:1.5rem;color:#7eb8f7;letter-spacing:.05em}#progress{font-size:.88rem;color:var(--c-compare);margin-top:4px}main{display:grid;grid-template-columns:1fr 1.5fr;gap:12px;width:100%;max-width:1280px}main>section{min-width:0}.panel-label{font-size:.75rem;color:var(--dim);text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px}#code-panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:14px 12px;display:flex;flex-direction:column;gap:14px}#code-block{font-family:Courier New,monospace;font-size:.73rem;line-height:1}.code-line{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:5px;transition:background .2s;white-space:pre;color:#89a}.code-line .ptr{width:14px;text-align:center;color:transparent;font-size:.8rem}.code-line.active{background:#1e2450;color:#d0dcea}.code-line.active .ptr{color:var(--c-compare)}.kw{color:#c792ea}.fn{color:#82aaff}.ty{color:#ffcb6b}.cm{color:#546480}.op{color:#89ddff}.nm{color:#f78c6c}#var-box{background:#0a0c18;border:1px solid var(--border);border-radius:8px;padding:10px 14px;font-family:Courier New,monospace;font-size:.82rem;line-height:1.8;white-space:pre}#var-box .label{color:var(--dim);font-size:.72rem;letter-spacing:.08em}#var-box .val{color:var(--text)}#var-box .val.highlight{color:var(--c-compare);font-weight:700}#var-box .sep{border-top:1px solid var(--border);margin:6px 0}#viz-panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:14px 12px;display:flex;flex-direction:column;gap:12px}#stage{padding:0 4px;border-bottom:1px solid #2a2d4a;min-height:222px;overflow-x:auto;overflow-y:visible;width:100%;box-sizing:border-box}#stage[data-view=bars],#stage[data-view=bars-stack]{display:flex;align-items:flex-end;gap:6px;height:222px}#stage[data-view=bars-multi]{display:flex;flex-direction:column;gap:10px;padding:10px 4px;min-height:200px}#stage[data-view=tokens]{display:block;min-height:140px;padding:4px}#stage[data-view=expr-chain]{display:block;min-height:200px;padding:8px 4px}#stage[data-view=list]{display:block;min-height:180px;padding:8px 4px}#stage[data-view=grid]{display:block;min-height:200px;padding:8px 4px}#stage[data-view=number-line]{display:block;min-height:180px;padding:8px 4px}#stage[data-view=tree]{display:block;min-height:220px;padding:8px 4px;overflow:auto}#stage[data-view=graph]{display:block;min-height:240px;padding:8px 4px;overflow:auto}.graph-caption,.sc2-caption{font-size:.9rem;color:var(--c-compare);text-align:center;margin-bottom:8px;min-height:1.2em;font-weight:600}.sc2-host{display:flex;justify-content:center}.sc2-svg{max-width:100%;height:auto}.sc2-svg circle{transition:cx .35s ease,cy .35s ease,fill .25s ease,r .2s ease}.sc2-svg g{transition:transform .4s ease}.cv1-caption{font-size:.9rem;color:var(--c-compare);text-align:center;margin-bottom:8px;min-height:1.2em;font-weight:600}.cv1-host{display:flex;justify-content:center}.cv1-svg{max-width:100%;height:auto}.cv1-svg circle{transition:cx .4s ease,cy .4s ease}.mx-caption{font-size:.9rem;color:var(--c-compare);text-align:center;margin-bottom:10px;min-height:1.2em;font-weight:600}.mx-host{display:flex;justify-content:center;overflow:auto}.mx-grid{display:grid;gap:3px;padding:6px}.mx-hd{display:flex;align-items:center;justify-content:center;height:34px;font-weight:700;font-size:.82rem;color:#cbd5e1}.mx-hd.mx-corner{color:#64748b}.mx-cell{display:flex;align-items:center;justify-content:center;height:34px;border-radius:7px;font-size:.86rem;font-weight:600;color:#e2e8f0;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);transition:background .3s ease,transform .25s ease,box-shadow .3s ease,color .25s}.mx-cell.mx-empty{color:#475569}.mx-cell.mx-done{background:#3b82f629;border-color:#3b82f64d;color:#bfdbfe}.mx-cell.mx-from{background:#94a3b838;border-color:#94a3b880;color:#fff;transform:scale(1.04)}.mx-cell.mx-fill{background:#10b98147;border-color:#10b9818c;color:#d1fae5}.mx-cell.mx-active{background:linear-gradient(135deg,#7eb8f7,#4a9eff);border-color:#93c5fd;color:#0b1220;transform:scale(1.12);box-shadow:0 0 16px 2px #4a9eff99}.mx-cell.mx-path{background:linear-gradient(135deg,#fcd34d,#f59e0b);border-color:#fde68a;color:#422006;box-shadow:0 0 12px 1px #f59e0b8c}.mx-cell.mx-best{background:linear-gradient(135deg,#fb7185,#f43f5e);border-color:#fecdd3;color:#fff;transform:scale(1.14);box-shadow:0 0 18px 3px #f43f5e99}.graph-host{overflow:auto}.graph-canvas{position:relative;margin:0 auto}.graph-edges{position:absolute;left:0;top:0;pointer-events:none}.graph-edge{stroke:#3a3f5c;stroke-width:2}.graph-edge-active{stroke:var(--c-compare);stroke-width:3}.graph-edge-path{stroke:var(--c-active);stroke-width:4}.graph-edge-relaxed{stroke:var(--c-sorted);stroke-width:3}.graph-weight-bg{fill:#0a0c18;stroke:#2a2d4a}.graph-weight{fill:var(--text);font-size:11px;font-family:Courier New,monospace;text-anchor:middle;font-weight:700}.graph-node{position:absolute;box-sizing:border-box;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#2a2d4a;color:var(--text);border:2px solid #3a3f5c;font-family:Courier New,monospace;font-size:.85rem;font-weight:700;transition:all .2s;z-index:1}.graph-node-sub{font-size:.6rem;color:var(--c-active);font-weight:400;line-height:1}.graph-normal{background:#2a2d4a}.graph-active{background:var(--c-compare);color:#1a1a1a;border-color:#fff}.graph-visited{background:var(--c-normal);color:#fff;border-color:var(--c-normal)}.graph-frontier{background:#2d3f5a;border-color:var(--c-compare)}.graph-start{background:var(--c-sorted);color:#1a1a1a;border-color:#fff}.graph-end,.graph-path{background:var(--c-active);color:#1a1a1a;border-color:#fff}.graph-dim{background:#1a1d2e;color:var(--dim);border-color:#2a2d4a}.tree-caption{font-size:.9rem;color:var(--c-compare);text-align:center;margin-bottom:8px;min-height:1.2em;font-weight:600}.tree-host{overflow:auto}.tree-canvas{position:relative;margin:0 auto}.tree-edges{position:absolute;left:0;top:0;pointer-events:none}.tree-edge{stroke:#2e3147;stroke-width:2}.tree-edge-active{stroke:var(--c-compare);stroke-width:3}.tree-node{position:absolute;box-sizing:border-box;min-height:34px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:7px;background:#2a2d4a;color:var(--text);border:2px solid transparent;font-family:Courier New,monospace;font-size:.8rem;font-weight:700;transition:all .2s;z-index:1;padding:2px}.tree-node-label{line-height:1.1}.tree-node-sub{font-size:.62rem;color:var(--dim);font-weight:400}.tree-normal{background:#2a2d4a}.tree-active{background:var(--c-compare);color:#1a1a1a;border-color:#fff}.tree-path{background:#3a2f1a;border-color:var(--c-compare)}.tree-visited{background:#2d3f5a;border-color:var(--c-normal)}.tree-pruned{background:var(--c-dim);color:#fff6;border-color:var(--c-swap)}.tree-solution{background:var(--c-sorted);color:#1a1a1a;border-color:#fff}.tree-dim{background:#1a1d2e;color:var(--dim)}.nl-caption{font-size:.9rem;color:var(--c-compare);text-align:center;margin-bottom:14px;min-height:1.2em;font-weight:600}.nl-track{display:flex;flex-wrap:nowrap;gap:4px;align-items:flex-end;overflow-x:auto;padding:24px 4px 8px}.nl-cell{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:31px;flex-shrink:0;position:relative}.nl-ptr{font-size:.7rem;font-weight:700;color:var(--c-active);height:18px;line-height:18px;white-space:nowrap}.nl-ptr-empty{color:transparent}.nl-val{width:100%;text-align:center;padding:8px 3px;border-radius:6px;font-family:Courier New,monospace;font-weight:700;font-size:.88rem;background:#2a2d4a;color:var(--text);border:2px solid transparent;transition:all .2s}.nl-label{font-size:.68rem;color:var(--dim);white-space:nowrap}.nl-normal .nl-val{background:#2a2d4a}.nl-range .nl-val{background:#2d3f5a;border-color:var(--c-normal)}.nl-active .nl-val{background:var(--c-compare);color:#1a1a1a}.nl-mid .nl-val{background:var(--c-active);color:#1a1a1a;border-color:#fff}.nl-lo .nl-val,.nl-hi .nl-val{background:#1a3a2a;border-color:var(--c-sorted)}.nl-excluded .nl-val{background:var(--c-dim);color:#fff6;text-decoration:line-through}.nl-prime .nl-val{background:var(--c-sorted);color:#1a1a1a}.nl-composite .nl-val{background:var(--c-dim);color:#ffffff73;text-decoration:line-through}.nl-marked .nl-val{background:var(--c-swap);color:#fff}.bar-col{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;flex:1 1 0;min-width:36px;height:100%}.val-label{font-size:.78rem;font-weight:700;color:#fff;font-family:Courier New,monospace;line-height:1;flex-shrink:0}.bar{width:100%;border-radius:4px 4px 0 0;flex-shrink:0;transition:height .32s ease,background .22s ease}.idx-label{font-size:.65rem;color:var(--dim);font-family:Courier New,monospace;flex-shrink:0;padding-top:4px}.ptr-slot{min-height:14px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:2px}.ptr-tag{font-size:.7rem;font-weight:700;color:var(--c-compare);font-family:Courier New,monospace;line-height:1}.tokens-row{display:flex;align-items:stretch;gap:4px;flex-wrap:nowrap;padding:16px 8px;min-height:100px;border-bottom:1px solid #2a2d4a;position:relative;overflow-x:auto}.token-cell{flex-shrink:0}.token-cell{min-width:44px;height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:6px;border:2px solid transparent;transition:all .18s ease;font-family:Courier New,monospace}.token-label{font-size:1.2rem;font-weight:700;color:#fff;line-height:1}.token-idx{font-size:.65rem;color:#ffffff80;margin-top:4px}.token-cell.token-normal{background:#2a2d4a}.token-cell.token-in-window{background:#2d3f5a;border-color:var(--c-normal)}.token-cell.token-active{background:var(--c-compare)}.token-cell.token-active .token-label,.token-cell.token-active .token-idx{color:#1a1a1a}.token-cell.token-matched{background:var(--c-sorted)}.token-cell.token-duplicate{background:var(--c-swap)}.token-cell.token-dim{background:var(--c-dim);opacity:.5}.tokens-pointers{position:relative;height:22px;margin-top:-6px}.token-ptr-tag{position:absolute;top:0;text-align:center;font-size:.78rem;font-weight:700;font-family:Courier New,monospace;color:var(--c-compare)}.bm-row{display:flex;align-items:stretch;gap:10px;margin-bottom:12px;width:100%}.bm-row:last-child{margin-bottom:0}.bm-row-label{width:92px;flex-shrink:0;align-self:flex-end;font-size:.75rem;color:var(--c-compare);font-family:Courier New,monospace;padding-bottom:24px;letter-spacing:.04em}.bm-row-stage{flex:1;min-width:0;display:flex;align-items:flex-end;gap:4px;border-bottom:1px solid #2a2d4a;padding-bottom:4px;overflow-x:auto}.bm-row-stage .bar-col{min-width:28px}.bar.bar-empty{background:#1a1d2e;border:1px dashed #2e3147}.expr-formula{padding:10px 14px;background:#0a0c18;border-radius:6px;font-family:Courier New,monospace;font-size:.95rem;color:var(--c-compare);margin-bottom:14px;text-align:center;border:1px solid var(--border);min-height:38px;line-height:1.5}.expr-chain-row{display:flex;align-items:center;justify-content:flex-start;gap:6px;flex-wrap:nowrap;padding:8px 0;margin-bottom:14px;overflow-x:auto}.expr-box,.expr-arrow{flex-shrink:0}.expr-box{background:#2a2d4a;border:2px solid #2a2d4a;border-radius:6px;padding:8px 14px;min-width:64px;display:flex;flex-direction:column;align-items:center;transition:all .2s;font-family:Courier New,monospace}.expr-box-label{font-size:.72rem;color:var(--dim)}.expr-box-value{font-size:1rem;font-weight:700;color:#d0dcea;margin-top:2px}.expr-box-active{border-color:var(--c-compare);background:#3a2f1a}.expr-box-active .expr-box-value{color:var(--c-compare)}.expr-box-contributed{border-color:var(--c-sorted);background:#1a3a2a}.expr-box-contributed .expr-box-value{color:var(--c-sorted)}.expr-box-skipped{opacity:.4;border-color:#2a2d4a}.expr-arrow{font-size:1.2rem;color:var(--dim)}.expr-bits-row{padding:12px 8px;border-top:1px solid #2a2d4a;display:flex;align-items:center;gap:4px;flex-wrap:nowrap;font-family:Courier New,monospace;overflow-x:auto}.bit-cell,.bits-label{flex-shrink:0}.bits-label{color:var(--dim);font-size:.78rem;margin-right:8px}.bit-cell{display:inline-block;min-width:26px;height:26px;line-height:22px;text-align:center;border-radius:4px;font-size:.88rem;font-weight:700;border:2px solid transparent;transition:all .18s}.bit-cell.bit-0{background:#2a2d4a;color:#ffffff80}.bit-cell.bit-1{background:var(--c-normal);color:#fff}.bit-cell.bit-current{border-color:var(--c-compare)}.bs-row{display:flex;align-items:stretch;gap:14px;min-height:200px}.bs-bars{flex:1;display:flex;align-items:flex-end;gap:6px;border-bottom:1px solid #2a2d4a;padding:0 4px 4px}.bs-stack{width:130px;flex-shrink:0;background:#0a0c18;border:1px solid var(--border);border-radius:6px;display:flex;flex-direction:column;padding:8px}.bs-stack-label{font-size:.78rem;color:var(--dim);text-align:center;letter-spacing:.08em;margin-bottom:6px}.bs-stack-body{flex:1;display:flex;flex-direction:column-reverse;gap:4px;justify-content:flex-start;align-items:stretch}.bs-stack-item{background:var(--c-normal);color:#fff;padding:6px 10px;border-radius:4px;font-family:Courier New,monospace;font-size:.85rem;display:flex;justify-content:space-between;align-items:center;transition:all .18s;border:2px solid transparent}.bs-stack-item.bs-top{background:var(--c-compare);color:#1a1a1a}.bs-stack-item.bs-popping{background:var(--c-swap);animation:bs-pop .4s}.bs-stack-val{font-weight:700}.bs-stack-tag{font-size:.7rem;opacity:.7}.bs-stack-base{font-size:.7rem;color:var(--dim);text-align:center;padding-top:6px;border-top:1px dashed var(--border);margin-top:6px}@keyframes bs-pop{0%{transform:translate(0);opacity:1}to{transform:translate(20px);opacity:0}}.list-row{display:flex;align-items:center;gap:4px;flex-wrap:nowrap;padding:18px 8px;min-height:100px;position:relative;overflow-x:auto;overflow-y:visible}.list-node,.list-arrow,.list-null{flex-shrink:0}.list-node{background:var(--c-normal);color:#fff;border:2px solid transparent;border-radius:6px;padding:10px 14px;min-width:56px;display:flex;flex-direction:column;align-items:center;font-family:Courier New,monospace;transition:all .2s}.list-node.node-active{background:var(--c-compare);color:#1a1a1a}.list-node.node-pop{background:var(--c-swap);animation:list-fade-out .4s}.list-node.node-push{animation:list-fade-in .4s}.list-node-val{font-size:1.05rem;font-weight:700}.list-node-label{font-size:.78rem;font-weight:700;color:#c792ea;margin-top:4px;font-family:Courier New,monospace;background:#c792ea26;padding:1px 6px;border-radius:3px}.list-arrow{font-size:1.3rem;color:var(--dim);padding:0 2px;flex-shrink:0}.list-arrow.list-arrow-rev{color:#c792ea;font-weight:700}.list-arrow.list-arrow-none{color:var(--dim);opacity:.4;font-size:.95rem;letter-spacing:1px}.list-null{color:var(--dim);font-size:.85rem;font-family:Courier New,monospace;border:1px dashed var(--dim);padding:6px 10px;border-radius:4px;flex-shrink:0}.list-pointers{position:relative;height:22px;margin-top:-6px}.list-ptr-tag{position:absolute;top:0;text-align:center;font-size:.78rem;font-weight:700;font-family:Courier New,monospace;color:var(--c-compare)}@keyframes list-fade-out{0%{opacity:1}to{opacity:.3;transform:scale(.9)}}@keyframes list-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.stack-frame{display:flex;flex-direction:column;align-items:center;max-width:180px;margin:0 auto;padding:12px;background:#0a0c18;border:1px solid var(--border);border-radius:6px}.stack-label{font-size:.78rem;color:var(--dim);margin-bottom:6px}.stack-body{display:flex;flex-direction:column-reverse;gap:4px;width:100%;min-height:60px}.stack-cell{background:var(--c-normal);color:#fff;padding:8px 12px;border-radius:4px;font-family:Courier New,monospace;display:flex;justify-content:space-between;align-items:center;border:2px solid transparent;transition:all .2s}.stack-cell.node-active{background:var(--c-compare);color:#1a1a1a}.stack-cell.node-pop{background:var(--c-swap);animation:list-fade-out .4s}.stack-cell.node-push{animation:list-fade-in .4s}.stack-cell-val{font-weight:700}.stack-cell-label{font-size:.7rem;opacity:.7}.stack-base{font-size:.7rem;color:var(--dim);margin-top:6px;padding-top:6px;border-top:1px dashed var(--border);width:100%;text-align:center}.queue-frame{display:flex;align-items:center;gap:8px;padding:12px 8px;background:#0a0c18;border:1px solid var(--border);border-radius:6px;overflow-x:auto}.queue-side{font-size:.78rem;color:var(--dim);white-space:nowrap;flex-shrink:0}.queue-body{display:flex;gap:4px;flex:1;min-height:50px;align-items:center;flex-wrap:nowrap}.queue-cell{flex-shrink:0}.queue-cell{background:var(--c-normal);color:#fff;padding:8px 12px;border-radius:4px;font-family:Courier New,monospace;display:flex;flex-direction:column;align-items:center;border:2px solid transparent;transition:all .2s;min-width:44px}.queue-cell.node-active{background:var(--c-compare);color:#1a1a1a}.queue-cell.node-pop{background:var(--c-swap);animation:list-fade-out .4s}.queue-cell.node-push{animation:list-fade-in .4s}.queue-cell-val{font-weight:700}.queue-cell-label{font-size:.65rem;opacity:.7}.grid-title{color:var(--c-compare);font-size:.88rem;font-family:Courier New,monospace;padding:4px 0 10px;text-align:center;min-height:24px}.grid-wrap{overflow-x:auto;overflow-y:visible;padding:4px;display:block;max-width:100%}.grid-table{border-collapse:separate;border-spacing:2px;font-family:Courier New,monospace;margin:0 auto}.grid-corner{background:transparent;min-width:60px}.grid-rowlabel{color:var(--c-compare);font-size:.74rem;font-weight:700;padding:0 6px;text-align:right;white-space:nowrap;position:sticky;left:0;background:var(--panel);z-index:1}.grid-collabel{color:var(--c-compare);font-size:.74rem;font-weight:700;padding:4px 2px;text-align:center;white-space:nowrap;position:sticky;top:0;background:var(--panel);z-index:1}.grid-cell{background:#1a1d2e;color:var(--text);min-width:32px;height:32px;text-align:center;border-radius:3px;font-size:.82rem;font-weight:600;border:2px solid transparent;transition:all .18s;padding:0 4px;white-space:nowrap}.grid-cell.grid-normal{background:#1a1d2e}.grid-cell.grid-compare{background:var(--c-compare);color:#1a1a1a}.grid-cell.grid-active{background:var(--c-active);color:#1a1a1a}.grid-cell.grid-sorted{background:var(--c-sorted);color:#1a1a1a}.grid-cell.grid-swapping{background:var(--c-swap);color:#fff}.grid-cell.grid-dim{background:#2e3147;color:#fff6}.grid-cell.grid-blocked{background:#3a2a55;color:#fff}.grid-cell.grid-water{background:#1a3a55;color:#88c0ff}.grid-cell.grid-land{background:#5a4a2a;color:#ffcb6b}.grid-cell.grid-current{border-color:var(--c-compare);box-shadow:0 0 0 2px var(--c-compare)}.grid-cell.grid-path{background:var(--c-active);color:#1a1a1a}.compare-table-wrap{overflow-x:auto;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:12px}.compare-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.88rem}.compare-table th{text-align:left;padding:10px 12px;color:var(--c-compare);font-weight:600;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid var(--border)}.compare-table td{padding:12px;border-bottom:1px solid #1e2240;color:var(--text);vertical-align:top}.compare-table tr:last-child td{border-bottom:none}.compare-table tr:hover td{background:#0e1020}.cmp-algo-link{color:#7eb8f7;text-decoration:none;font-weight:600}.cmp-algo-link:hover{color:#a8d0fa;text-decoration:underline}.cmp-meta{margin-top:4px}.cmp-view-badge{font-size:.72rem;background:#2a3155;color:#7eb8f7;padding:2px 8px;border-radius:3px;font-family:Courier New,monospace}.cmp-intuition{color:var(--dim);font-size:.82rem;max-width:400px;line-height:1.6}.tut-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tut-modal{background:var(--panel);border:1px solid var(--border);border-radius:12px;max-width:880px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080}.tut-modal-head{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid var(--border);flex-shrink:0}.tut-modal-title{color:#7eb8f7;font-size:1.15rem;font-weight:600;margin:0}.tut-modal-close{background:transparent;border:none;color:var(--dim);font-size:1.4rem;cursor:pointer;padding:4px 12px;border-radius:4px;transition:all .15s}.tut-modal-close:hover{background:#2a2d4a;color:var(--c-swap)}.tut-modal-body{overflow-y:auto;padding:22px 28px;color:var(--text)}.tut-modal-foot{padding:10px 24px;border-top:1px solid var(--border);flex-shrink:0;text-align:right}.tut-modal-hint{color:var(--dim);font-size:.78rem}.tut-h2{color:#d0dcea;font-size:1.05rem;font-weight:600;margin:22px 0 10px;padding-bottom:6px;border-bottom:1px solid #1e2240}.tut-h2:first-child{margin-top:0}.tut-h3{color:var(--c-compare);font-size:.92rem;font-weight:600;margin:16px 0 8px}.tut-p{color:var(--text);font-size:.92rem;line-height:1.75;margin:8px 0}.tut-ul,.tut-ol{padding-left:22px;margin:8px 0}.tut-ul li,.tut-ol li{color:var(--text);font-size:.9rem;line-height:1.75;margin-bottom:4px}.tut-ul li::marker{color:var(--c-normal)}.tut-ol li::marker{color:var(--c-normal);font-weight:700}.tut-inline-code{background:#0a0c18;color:#ffa726;padding:2px 7px;border-radius:3px;font-family:Courier New,monospace;font-size:.85em}.tut-code{background:#06080f;color:var(--text);border:1px solid #1e2240;padding:14px 16px;border-radius:6px;overflow-x:auto;font-family:Courier New,monospace;font-size:.85rem;line-height:1.55;margin:10px 0;white-space:pre}.btn-tutorial{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#4a9eff,#7eb8f7);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .18s;box-shadow:0 2px 8px #4a9eff4d}.btn-tutorial:hover{transform:translateY(-1px);box-shadow:0 4px 12px #4a9eff80}.btn-tutorial:disabled{background:#2e3147;color:var(--dim);cursor:not-allowed;box-shadow:none;transform:none}.bar.normal{background:var(--c-normal)}.bar.compare{background:var(--c-compare)}.bar.swapping{background:var(--c-swap)}.bar.sorted{background:var(--c-sorted)}.bar.pivot{background:var(--c-pivot)}.bar.active{background:var(--c-active)}.bar.dim{background:var(--c-dim)}#cmp-box{background:#0a0c18;border:1px solid var(--border);border-radius:8px;padding:12px 16px;min-height:74px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;transition:border-color .2s}#cmp-box.comparing{border-color:var(--c-compare)}#cmp-box.swapping{border-color:var(--c-swap)}#cmp-box.no-swap,#cmp-box.found{border-color:var(--c-sorted)}#cmp-vals{display:flex;align-items:center;gap:18px;font-family:Courier New,monospace;font-size:.92rem}#cmp-vals .cv{color:var(--c-compare);font-weight:700;font-size:1rem}#cmp-vals .vs{color:var(--dim)}#cmp-msg{font-size:.85rem;color:var(--text);text-align:center}footer{width:100%;max-width:1280px;display:flex;flex-direction:column;gap:8px}#controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}button{padding:8px 18px;border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:600;transition:opacity .15s}button:hover{opacity:.82}#btn-reset{background:#1e2240;color:#aaa;border:1px solid #333}#btn-step{background:var(--c-compare);color:#111}#btn-play{background:var(--c-normal);color:#fff;min-width:110px}.speed-row{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--dim);margin-left:auto}input[type=range]{accent-color:var(--c-normal);width:100px}#status-bar{background:var(--panel);border:1px solid var(--border);border-radius:7px;padding:9px 14px;font-size:.85rem;color:#89a;min-height:36px;max-width:1280px;width:100%}.page{width:100%;display:flex;flex-direction:column;align-items:center}.site-header{width:100%;max-width:1280px;display:flex;align-items:center;justify-content:space-between;padding:14px 4px;margin-bottom:8px}.site-header .brand{color:#7eb8f7;font-size:1.3rem;font-weight:600;letter-spacing:.05em;cursor:pointer}.site-header .brand:hover{color:#a8d0fa}.site-header .home-link{color:var(--dim);font-size:.85rem;text-decoration:none}.site-header .home-link:hover{color:var(--text)}.site-header .header-right{display:flex;align-items:center;gap:16px}.site-header .member-entry{color:#1a1205;font-weight:700;background:linear-gradient(135deg,#f59e0b,#fbbf24);padding:6px 14px;border-radius:9px}.site-header .member-entry:hover{color:#1a1205;filter:brightness(1.06)}.home-tabs{display:flex;gap:4px;width:100%;max-width:1280px;border-bottom:1px solid var(--border);margin-bottom:22px}.home-tabs .tab{padding:10px 18px;cursor:pointer;color:var(--dim);font-size:.95rem;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}.home-tabs .tab:hover{color:var(--text)}.home-tabs .tab.active{color:#7eb8f7;border-bottom-color:#4a9eff}.cat-tabs{display:flex;flex-wrap:wrap;gap:8px;width:100%;max-width:1280px;margin:0 0 18px}.cat-tab{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;cursor:pointer;border:1px solid var(--border);border-radius:999px;background:#ffffff08;color:var(--dim);font-size:.88rem;transition:all .15s}.cat-tab:hover{color:var(--text);border-color:#4a9eff55}.cat-tab.active{color:#1a1205;font-weight:700;background:linear-gradient(135deg,#7eb8f7,#4a9eff);border-color:transparent}.cat-tab .cat-count{font-size:.75rem;opacity:.7}.cat-tab.active .cat-count{opacity:.85}.home-section{width:100%;max-width:1280px}.home-section h2{color:#d0dcea;font-size:.95rem;font-weight:500;margin:18px 0 10px;letter-spacing:.05em}.home-section h2 .count{color:var(--dim);font-weight:400;margin-left:8px;font-size:.85rem}.cat-subgroup{margin:0 0 6px}.cat-sub-h{display:flex;align-items:center;gap:8px;font-size:.96rem;font-weight:700;color:#cbd5e1;margin:14px 0 10px;padding-left:10px;border-left:3px solid #4a9eff}.cat-sub-h .count{color:var(--dim);font-weight:400;font-size:.8rem}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}@media (max-width: 720px){.card-grid{grid-template-columns:1fr 1fr}}@media (max-width: 480px){.card-grid{grid-template-columns:1fr}}.card{display:flex;flex-direction:column;gap:4px;text-decoration:none;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:16px 14px;cursor:pointer;transition:border-color .18s,transform .18s}.card:hover{border-color:#4a9eff;transform:translateY(-2px)}.card .name{color:#d0dcea;font-size:1rem;font-weight:600}.card .en{color:#4a9eff;font-size:.72rem;font-family:Courier New,monospace}.card-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.bank-badge{font-size:.68rem;padding:2px 8px;border-radius:3px;font-weight:500;letter-spacing:.04em;white-space:nowrap}.bank-badge.bank-oi{background:#1a3a2a;color:#66bb6a}.bank-badge.bank-interview{background:#2a3155;color:#7eb8f7}.bank-badge.bank-member{background:#3a2e12;color:#fbbf24}.card.card-oi:hover{border-color:#66bb6a}.card.card-interview:hover{border-color:#7eb8f7}.card.card-locked{opacity:.62}.card.card-locked:hover{opacity:.85;border-color:#fbbf24}.member-banner{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;background:#f59e0b14;border:1px solid rgba(245,158,11,.22);border-radius:12px;padding:12px 16px;margin:0 0 18px;font-size:.9rem;color:#e2e8f0}.member-banner .mb-text b{color:#fbbf24}.member-banner .mb-cta{margin-left:auto;color:#1a1205;background:linear-gradient(135deg,#f59e0b,#fbbf24);padding:6px 14px;border-radius:9px;text-decoration:none;font-weight:700;white-space:nowrap}.paywall-card{max-width:560px;margin:48px auto;text-align:center;background:#ffffff08;border:1px solid rgba(245,158,11,.25);border-radius:16px;padding:36px 28px;color:#e2e8f0}.paywall-card .pw-lock{font-size:42px}.paywall-card h2{margin:10px 0 4px;font-size:22px}.paywall-card .pw-name{color:#fbbf24;font-weight:600;margin:0 0 12px}.paywall-card .pw-desc{color:#94a3b8;font-size:14px;line-height:1.7;margin:0 0 22px}.paywall-card .pw-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.paywall-card .pw-btn-primary{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#1a1205;font-weight:700;padding:10px 20px;border-radius:10px;text-decoration:none}.paywall-card .pw-btn-ghost{border:1px solid rgba(255,255,255,.16);color:#cbd5e1;padding:10px 20px;border-radius:10px;text-decoration:none}.paywall-card .pw-hint{color:#64748b;font-size:12px;margin:18px 0 0}.bank-ico{margin-right:6px}.card .meta{display:flex;gap:8px;margin-top:4px;flex-wrap:wrap}.card .meta .tag{font-size:.68rem;color:var(--dim);background:#0a0c18;padding:2px 7px;border-radius:3px}.card .meta .difficulty{font-size:.68rem;padding:2px 7px;border-radius:3px;font-weight:500}.card .meta .difficulty.入门{background:#1a3a2a;color:#66bb6a}.card .meta .difficulty.普及{background:#2a3155;color:#7eb8f7}.card .meta .difficulty.提高{background:#3a2a55;color:#c792ea}.card .desc{color:#667;font-size:.75rem;line-height:1.5;margin-top:6px}.solve-page{width:100%;max-width:720px}.solve-page textarea{width:100%;min-height:200px;padding:12px;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:8px;font-family:Segoe UI,Microsoft YaHei,sans-serif;font-size:.95rem;resize:vertical}.solve-page textarea:focus{outline:none;border-color:#4a9eff}.solve-page .hint{color:var(--dim);font-size:.8rem;margin:8px 0 14px}.solve-page .actions{display:flex;gap:10px;justify-content:flex-end}.solve-page button.primary{background:var(--c-normal);color:#fff;padding:10px 22px;border:none;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer}.solve-page button.primary:hover{opacity:.85}.solve-page button.primary:disabled{opacity:.5;cursor:not-allowed}.solve-history{margin-top:28px}.solve-history-title{font-size:1.05rem;font-weight:600;color:var(--text);border-top:1px solid var(--border);padding-top:20px;display:flex;align-items:center;gap:8px}.solve-history-title .count{font-size:.75rem;color:var(--dim);background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:1px 9px}.history-grid{display:grid;grid-template-columns:1fr;gap:10px;margin-top:10px}@media (min-width: 720px){.history-grid{grid-template-columns:1fr 1fr}}.history-item{display:block;min-width:0;text-decoration:none;background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:12px 14px;transition:border-color .15s,transform .1s}.history-item:hover{border-color:#4a9eff;transform:translateY(-1px)}.history-main{display:flex;align-items:center;gap:8px;min-width:0}.history-name{flex:1;min-width:0;font-size:.95rem;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-statement{color:var(--dim);font-size:.8rem;margin-top:5px;line-height:1.5;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;word-break:break-word}.history-time{color:var(--dim);font-size:.72rem;margin-top:6px;opacity:.8}.fallback-card{background:#2a1f1a;border:1px solid #6a4a2a;border-radius:8px;padding:18px;margin-bottom:14px}.fallback-card .title{color:#ffa726;font-weight:600;margin-bottom:6px}.fallback-card .msg{color:#c0b09a;font-size:.88rem;line-height:1.6}.fallback-card .validation-errors{margin-top:10px;font-size:.82rem}.fallback-card .validation-errors summary{cursor:pointer;color:#ffa726;outline:none;-webkit-user-select:none;user-select:none}.fallback-card .validation-errors ul{margin-top:6px;padding-left:18px;list-style:disc;color:#a0907a}.fallback-card .validation-errors li{white-space:pre-wrap;word-break:break-all;font-family:Courier New,monospace;font-size:.78rem;line-height:1.5}.loading{color:var(--dim);padding:40px;text-align:center;font-size:.9rem}.error{color:var(--c-swap);padding:20px;text-align:center}.problem-page,.algo-page{width:100%;max-width:1280px;display:flex;flex-direction:column;align-items:stretch}.lesson-stack{width:100%;max-width:1280px;display:flex;flex-direction:column;gap:0;margin-top:18px}.card-block{width:100%;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:22px 24px;margin-bottom:14px}.card-block h2{color:#d0dcea;font-size:1.05rem;font-weight:600;margin-bottom:12px;display:flex;align-items:center;gap:8px}.card-block h2 .ico{font-size:1.1rem}.card-block p{color:var(--text);font-size:.92rem;line-height:1.75}.card-block .subsection-label{color:var(--dim);font-size:.78rem;letter-spacing:.08em;margin:14px 0 6px;text-transform:uppercase}.card-block ul.bullet{list-style:none;padding-left:0}.card-block ul.bullet li{color:var(--text);font-size:.9rem;line-height:1.75;padding-left:18px;position:relative;margin-bottom:4px}.card-block ul.bullet li:before{content:"·";color:#4a9eff;position:absolute;left:6px;font-weight:700;font-size:1.3rem;line-height:1.3}.card-block code{background:#0a0c18;color:#ffa726;padding:2px 7px;border-radius:3px;font-family:Courier New,monospace;font-size:.85rem}.card-block pre{background:#0a0c18;color:var(--text);padding:12px 14px;border-radius:6px;overflow-x:auto;font-family:Courier New,monospace;font-size:.85rem;line-height:1.5}.card-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.card-head h2{margin-bottom:0}.card-head .sub-hint{color:var(--dim);font-size:.78rem}.problem-header{padding:22px 24px 18px}.problem-title{color:#d0dcea;font-size:1.55rem;font-weight:600;letter-spacing:.02em;margin-bottom:10px}.problem-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:.78rem}.problem-meta .difficulty{padding:3px 9px;border-radius:3px;font-weight:500}.problem-meta .difficulty.入门{background:#1a3a2a;color:#66bb6a}.problem-meta .difficulty.普及{background:#2a3155;color:#7eb8f7}.problem-meta .difficulty.提高{background:#3a2a55;color:#c792ea}.problem-meta .tag{background:#0a0c18;color:var(--dim);padding:3px 8px;border-radius:3px}.problem-meta .source{color:var(--dim);margin-left:6px}.statement{white-space:pre-wrap;color:var(--text)}.sample-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:10px}@media (max-width: 640px){.sample-row{grid-template-columns:1fr}}.sample-side{background:#0a0c18;border:1px solid var(--border);border-radius:6px;padding:10px 12px}.sample-label{color:var(--dim);font-size:.72rem;letter-spacing:.08em;margin-bottom:4px;text-transform:uppercase}.sample-side pre{background:transparent;padding:0;font-size:.86rem;white-space:pre-wrap;word-break:break-all}.complexity-row{display:flex;gap:18px;flex-wrap:wrap}.complexity-item{display:flex;align-items:center;gap:8px;background:#0a0c18;padding:8px 14px;border-radius:6px}.complexity-item .lbl{color:var(--dim);font-size:.78rem}.full-code-card pre.full-code{background:#06080f;border:1px solid #1e2240;white-space:pre;max-height:520px;overflow:auto;font-size:.83rem;line-height:1.55}.full-code-card .hint-sub{color:var(--dim);font-size:.78rem;margin-bottom:10px;margin-top:-6px}.btn-copy{background:#1e2240;color:var(--text);border:1px solid #2a3055;padding:5px 14px;border-radius:5px;font-size:.8rem;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.btn-copy:hover{background:#2a3055;border-color:#4a9eff;color:#d0dcea}.btn-copy.copied{background:#1a3a2a;color:#66bb6a;border-color:#66bb6a}.pitfall-card{border-color:#6a4a2a;background:#1a1410}.pitfall-card h2{color:#ffa726}.pitfall-card ul.bullet li:before{color:#ffa726}.animation-section{padding-bottom:14px}.animation-section #play-viewport{margin-top:10px}.animation-section #play-viewport header{text-align:left;padding:6px 0 10px;border-bottom:1px solid #1e2240;margin-bottom:12px}.animation-section #play-viewport header h1{font-size:1.05rem;color:#7eb8f7}.animation-section #play-viewport #progress{font-size:.82rem}.progress-bare{color:var(--c-compare);font-size:.82rem;padding:4px 0 10px;border-bottom:1px solid #1e2240;margin-bottom:12px}.solution-tabs{display:flex;gap:4px;margin:4px 0 10px;border-bottom:1px solid var(--border)}.solution-tabs .tab{padding:8px 14px;cursor:pointer;color:var(--dim);font-size:.85rem;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}.solution-tabs .tab:hover{color:var(--text)}.solution-tabs .tab.active{color:#7eb8f7;border-bottom-color:#4a9eff}.export-row{display:flex;align-items:center;gap:14px;margin:16px 0;justify-content:flex-end}.export-row #export-status{color:var(--dim);font-size:.85rem}.export-row .export-hint{color:var(--dim);font-size:.78rem}.data-input{width:100%;max-width:1040px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:12px;padding:10px 14px;background:var(--panel);border:1px solid var(--border);border-radius:8px}.data-input .label{color:var(--dim);font-size:.82rem;margin-right:4px}.data-input .data-gen{background:#1e2240;color:var(--text);border:1px solid #2a3055;padding:5px 12px;border-radius:5px;font-size:.82rem;cursor:pointer;transition:background .15s,border-color .15s}.data-input .data-gen:hover{background:#2a3055;border-color:#4a9eff}.search-bar{width:100%;max-width:1040px;display:flex;gap:10px;margin-bottom:14px}.search-bar input{flex:1;padding:8px 12px;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:6px;font-size:.9rem}.search-bar input:focus{outline:none;border-color:#4a9eff}.search-bar select{padding:8px 12px;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:6px;font-size:.9rem;cursor:pointer}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal{background:var(--panel);border:1px solid var(--border);border-radius:12px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid var(--border)}.modal-head h2{color:#d0dcea;font-size:1.1rem;margin:0}.modal-close{background:transparent;color:var(--dim);border:none;font-size:1.5rem;cursor:pointer;padding:0 4px}.modal-close:hover{color:var(--text)}.modal-body{padding:18px 22px}.modal-body .field{margin-bottom:14px}.modal-body .field label{display:block;color:var(--dim);font-size:.82rem;margin-bottom:6px}.modal-body input[type=number],.modal-body select{width:100%;padding:8px 10px;background:#0a0c18;color:var(--text);border:1px solid var(--border);border-radius:5px;font-size:.9rem}.modal-body .radio-row{display:flex;gap:14px;flex-wrap:wrap}.modal-body .radio-row label{display:flex;align-items:center;gap:6px;color:var(--text);font-size:.88rem;margin-bottom:0;cursor:pointer}.modal-foot{display:flex;justify-content:flex-end;gap:10px;padding:14px 22px;border-top:1px solid var(--border)}.modal-foot .btn-cancel{background:transparent;color:var(--dim);border:1px solid var(--border);padding:8px 18px;border-radius:6px;cursor:pointer}.modal-foot .btn-cancel:hover{color:var(--text);border-color:#4a9eff}.hint{color:var(--dim);font-size:.82rem}.algo-page #play-viewport{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:18px 20px}@media (max-aspect-ratio: 1/1){body{padding:26px 18px;gap:18px}header h1{font-size:2.1rem}#progress{font-size:1.15rem;margin-top:8px}main{grid-template-columns:1fr;max-width:680px;gap:18px}#viz-panel{order:1}#code-panel{order:2}.panel-label{font-size:.95rem}#stage{height:340px;gap:9px}.val-label{font-size:1.2rem}.idx-label{font-size:.95rem}.bar{border-radius:6px 6px 0 0}#cmp-box{padding:16px 20px;min-height:100px}#cmp-vals{font-size:1.35rem;gap:26px}#cmp-vals .cv{font-size:1.45rem}#cmp-msg{font-size:1.18rem}#code-block{font-size:1.05rem}.code-line{padding:7px 10px;gap:10px}#var-box{font-size:1.08rem;line-height:2}#var-box .label{font-size:.92rem}footer{max-width:680px}#status-bar{font-size:1.12rem;padding:14px 18px;min-height:54px}}#fb-fab{position:fixed;right:18px;bottom:18px;z-index:9000;padding:10px 16px;border:0;border-radius:22px;cursor:pointer;background:linear-gradient(135deg,#4f8cf7,#7b5cf0);color:#fff;font-size:.92rem;font-weight:600;letter-spacing:.02em;box-shadow:0 6px 18px #4f8cf766;transition:transform .15s ease,box-shadow .15s ease}#fb-fab:hover{transform:translateY(-2px);box-shadow:0 10px 26px #4f8cf780}.fb-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9001;display:flex;align-items:center;justify-content:center;background:#0608129e;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.fb-overlay[hidden]{display:none}.fb-modal{width:min(440px,92vw);background:#151829;color:#e7ecf5;border:1px solid rgba(126,184,247,.18);border-radius:14px;box-shadow:0 24px 60px #00000080;overflow:hidden}.fb-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;font-size:1.05rem;font-weight:700;border-bottom:1px solid rgba(255,255,255,.06)}.fb-close{background:none;border:0;color:#8b94a8;font-size:1.4rem;line-height:1;cursor:pointer;padding:0 4px}.fb-close:hover{color:#fff}.fb-body{padding:16px 18px;display:flex;flex-direction:column;gap:6px}.fb-label{font-size:.82rem;color:#9aa3b8;margin-top:8px}.fb-req{color:#ff6b6b}.fb-input{width:100%;box-sizing:border-box;background:#0e1120;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#e7ecf5;padding:9px 11px;font-size:.92rem;font-family:inherit}.fb-input:focus{outline:none;border-color:#4f8cf7}textarea.fb-input{resize:vertical;min-height:88px}.fb-msg{font-size:.85rem;min-height:18px;margin-top:4px}.fb-msg.ok{color:#4ade80}.fb-msg.err{color:#ff7a7a}.fb-foot{display:flex;justify-content:flex-end;gap:10px;padding:12px 18px 16px;border-top:1px solid rgba(255,255,255,.06)}.fb-cancel,.fb-submit{padding:8px 18px;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600}.fb-cancel{background:transparent;border:1px solid rgba(255,255,255,.16);color:#c7cede}.fb-cancel:hover{background:#ffffff0f}.fb-submit{background:linear-gradient(135deg,#4f8cf7,#7b5cf0);border:0;color:#fff}.fb-submit:disabled{opacity:.55;cursor:default}.today-hero{width:100%;max-width:1040px;margin:0 auto 14px;background:linear-gradient(135deg,#16203f,#1a1734);border:1px solid #2a3260;border-radius:16px;padding:16px 18px;box-shadow:0 8px 26px #00000047}.today-hero .th-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.today-hero .th-kicker{font-size:.8rem;font-weight:700;color:#ffb454;letter-spacing:.04em}.today-hero .th-streak{font-size:.82rem;color:#cdd6e8}.today-hero .th-streak b{color:#ff8a3d;font-size:1rem}.today-hero .th-label{font-size:.8rem;color:#8b95ad;margin-bottom:4px}.today-hero .th-name{font-size:1.5rem;font-weight:800;color:#eaf1ff;line-height:1.2}.today-hero .th-name .th-en{font-size:.85rem;font-weight:500;color:#7f8aa6;margin-left:8px}.today-hero .th-desc{font-size:.9rem;color:#aab4c8;line-height:1.55;margin-top:6px}.today-hero .th-cta{display:block;text-align:center;margin-top:14px;padding:13px;background:linear-gradient(135deg,#4f8cf7,#7b5cf0);color:#fff;font-size:1.02rem;font-weight:700;border-radius:12px;text-decoration:none;box-shadow:0 8px 18px #4f8cf757}.today-hero .th-cta:active{transform:scale(.99)}.landscape-hint{display:none}.algo-page .cmp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;max-width:680px;margin:0 auto 10px;cursor:pointer;font-family:inherit;background:linear-gradient(135deg,#4f8cf7,#7b5cf0);color:#fff;border:none;padding:12px;border-radius:12px;font-size:.95rem;font-weight:700;box-shadow:0 6px 16px #4f8cf74d}.algo-page .cmp-btn:active{transform:scale(.99)}.cmp-exit{display:none}.cmp-toast{position:fixed;left:50%;bottom:84px;transform:translate(-50%);z-index:10000;background:#121626f5;color:#e8eefc;border:1px solid rgba(126,184,247,.4);padding:12px 18px;border-radius:12px;font-size:.92rem;max-width:86vw;text-align:center;box-shadow:0 12px 30px #00000073;opacity:0;transition:opacity .4s;pointer-events:none}@media (orientation: landscape) and (max-height: 600px){body{padding:0;gap:0;min-height:100vh;min-height:100dvh;align-items:stretch;justify-content:flex-start}.algo-page{width:100%;max-width:none;padding:0}.algo-page .site-header,.algo-page #data-input-row,.algo-page .lesson-stack,.algo-page #export-area,.algo-page .landscape-hint,.algo-page .cmp-btn,.algo-page>div[style*=flex-end],#fb-fab{display:none!important}.algo-page .cmp-exit{display:inline-flex!important;align-items:center;position:fixed;top:8px;right:8px;z-index:10001;background:#121626d1;color:#cdd8ee;border:1px solid rgba(255,255,255,.2);padding:6px 13px;border-radius:20px;font-size:.8rem;font-weight:600;font-family:inherit;cursor:pointer}.algo-page #play-viewport{border:none;border-radius:0;padding:4px 8px 2px;height:100vh;height:100dvh;display:flex;flex-direction:column;gap:4px}#play-viewport>header{display:none}#play-viewport>main{grid-template-columns:1fr 1.45fr;gap:8px;max-width:none;flex:1 1 auto;min-height:0}#play-viewport>main>section{min-height:0;overflow:auto;padding:8px;gap:6px}#code-panel #code-block{font-size:.72rem}#code-panel .code-line{padding:3px 6px}#viz-panel{gap:6px}#stage{min-height:0;height:auto;flex:1 1 auto}#var-box{font-size:.74rem;line-height:1.5;padding:6px 8px}#cmp-box{padding:6px 8px;min-height:0}#play-viewport>footer{flex:0 0 auto}#controls{gap:8px;padding:2px 0;flex-wrap:wrap;align-items:center}#controls button{padding:6px 12px;font-size:.8rem}#controls .speed-row{font-size:.78rem}#status-bar{font-size:.78rem;padding:4px 8px;min-height:0}}body.has-nav{justify-content:flex-start;padding-bottom:calc(64px + env(safe-area-inset-bottom))}.app-nav{position:fixed;left:50%;transform:translate(-50%);bottom:0;width:100%;max-width:500px;z-index:8000;display:flex;background:#0c0e1af0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom)}.app-nav button{flex:1;background:none;border:none;color:var(--dim);cursor:pointer;padding:7px 0 8px;font-size:10.5px;font-family:inherit;display:flex;flex-direction:column;align-items:center;gap:2px}.app-nav button .ic{font-size:19px;line-height:1;opacity:.62}.app-nav button.on{color:#6ea8ff}.app-nav button.on .ic{opacity:1}.app-page{width:100%;max-width:500px;margin:0 auto}.app-top{display:flex;align-items:center;justify-content:space-between;padding:4px 2px 2px}.app-brand{font-size:1.05rem;font-weight:800;color:#7eb8f7;letter-spacing:.04em}.app-top-act{font-size:.82rem;color:var(--dim);text-decoration:none;padding:5px 11px;border:1px solid var(--border);border-radius:999px}.app-page-head{padding:8px 2px 12px}.app-page-title{font-size:1.6rem;font-weight:800;color:#eaf1ff}.app-page-sub{font-size:.85rem;color:var(--dim);margin-top:3px;line-height:1.5}.app-page .search-bar{margin:0 0 12px}.app-page .card-grid{grid-template-columns:1fr;gap:10px}.app-page .cat-tabs{margin-bottom:14px}.today-page{padding-top:6px}.t-ring-wrap{display:flex;flex-direction:column;align-items:center;margin:20px 0 4px}.t-ring{width:138px;height:138px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:conic-gradient(#ff8a3d var(--deg, 0deg),#2a2140 0)}.t-ring-in{width:114px;height:114px;border-radius:50%;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center}.t-ring-num{font-size:40px;font-weight:800;color:#ffce8a;line-height:1}.t-ring-lab{font-size:12px;color:var(--dim);margin-top:6px}.t-stat{font-size:.9rem;color:var(--dim);margin-top:16px}.t-stat b{color:#cdd6e8}.t-today{margin-top:26px;padding:26px 4px 6px;border-top:1px solid var(--border)}.t-kicker{font-size:.86rem;color:#ffb454;font-weight:700}.t-name{font-size:2rem;font-weight:800;color:#eaf1ff;margin:14px 0 0;line-height:1.22}.t-en{font-size:.92rem;color:#7f8aa6;margin-top:5px}.t-desc{font-size:1rem;color:#b3bdd0;line-height:1.8;margin-top:18px}.t-cta{display:block;text-align:center;margin-top:28px;padding:16px;border-radius:14px;background:linear-gradient(135deg,#4f8cf7,#7b5cf0);color:#fff;font-size:1.08rem;font-weight:700;text-decoration:none;box-shadow:0 12px 26px #4f8cf75c}.t-cta:active{transform:scale(.99)}.t-mini{text-align:center;font-size:.84rem;color:var(--dim);margin-top:16px}#back-home,#sso-badge,#sso-toast,body.has-nav #fb-fab{display:none!important}body.app-light{--abg:#f5f6fa;--acard:#fff;--aink:#1b1d24;--asub:#8a8d99;--aline:#ececf1;--aacc:#5b6ef5;--aacc-d:#4453d6;--aacc-soft:#eef0ff;--aacc-line:#cdd4ff;--aok:#22c55e;--alock:#c7cbd4;--awarn:#f59e0b;background:var(--abg);color:var(--aink);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;justify-content:flex-start;align-items:center;padding:0;gap:0}body.app-light .app-shell{width:100%;max-width:480px;margin:0 auto;min-height:100vh;padding:0 0 calc(74px + env(safe-area-inset-bottom))}body.app-light .av{padding:6px 18px 8px}.ab-brand{display:flex;align-items:center;gap:11px;padding:16px 18px 6px}.ab-brand .logo{width:36px;height:36px;border-radius:10px;flex:none;background:linear-gradient(135deg,var(--aacc),#7d8bff);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:18px;box-shadow:0 5px 12px #5b6ef559}.ab-brand .bt{font-size:17px;font-weight:800;color:var(--aink)}.ab-brand .bs{font-size:11.5px;color:var(--asub);margin-top:1px}.ab-brand .bz{margin-left:auto;font-size:12px;color:var(--asub);text-decoration:none;border:1px solid var(--aline);padding:5px 11px;border-radius:20px;background:var(--acard)}.hero{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-radius:18px;padding:20px;box-shadow:0 12px 28px #6366f142}.hero .tag{font-size:12px;opacity:.85;letter-spacing:.05em}.hero h2{margin:9px 0 3px;font-size:25px;line-height:1.22;font-weight:800}.hero .en{font-size:13px;opacity:.82}.hero .sub{font-size:14px;opacity:.95;line-height:1.75;margin-top:11px}.hero .go{margin-top:18px;display:inline-flex;align-items:center;gap:8px;background:#fff;color:#4f46e5;border:none;font-weight:800;font-size:15.5px;padding:12px 22px;border-radius:99px;text-decoration:none}.hero .go:active{transform:scale(.97)}.chips{display:flex;gap:10px;margin-top:14px}.chips .chip{flex:1;background:var(--acard);border:1px solid var(--aline);border-radius:14px;padding:13px 6px;text-align:center}.chips .chip b{display:block;font-size:23px;font-weight:800;color:var(--aink);line-height:1.1}.chips .chip span{font-size:11.5px;color:var(--asub);margin-top:3px;display:block}.sec-h{font-size:13px;color:var(--asub);font-weight:800;margin:24px 4px 11px;letter-spacing:.03em}.cat-h{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--aacc);font-weight:800;margin:18px 4px 9px}.cat-h .cc{margin-left:auto;color:var(--asub);font-weight:600;font-size:11.5px}.lrow{display:flex;align-items:center;gap:13px;background:var(--acard);border:1px solid var(--aline);border-radius:14px;padding:13px 14px;margin-bottom:9px;text-decoration:none;color:var(--aink)}.lrow:active{transform:scale(.995)}.lrow .lic{width:34px;height:34px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;background:var(--aacc-soft);color:var(--aacc)}.lrow .lic.done{background:var(--aok);color:#fff}.lrow .lx{flex:1;min-width:0}.lrow .lx b{font-size:15px;font-weight:700;display:block}.lrow .lx span{font-size:12px;color:var(--asub);display:block;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lrow .lk{font-size:10.5px;font-weight:700;padding:3px 8px;border-radius:20px;flex:none}.lrow .lk.free{background:#eafaf0;color:#16a34a}.lrow .lk.mem{background:#fff4e6;color:#d97706}.lrow .arr{color:var(--alock);font-size:18px;flex:none}.asearch{margin:2px 0 4px}.asearch input{width:100%;background:var(--acard);border:1px solid var(--aline);border-radius:12px;padding:12px 14px;font-size:14px;color:var(--aink);font-family:inherit}.asearch input::placeholder{color:#abb0bd}.fchips{display:flex;gap:8px;overflow-x:auto;padding:10px 0 4px;-webkit-overflow-scrolling:touch}.fchips::-webkit-scrollbar{display:none}.fchip{flex:none;background:var(--acard);border:1px solid var(--aline);border-radius:20px;padding:7px 14px;font-size:13px;color:var(--asub);white-space:nowrap;cursor:pointer}.fchip.on{background:var(--aacc);border-color:var(--aacc);color:#fff;font-weight:700}.acta{display:block;width:100%;text-align:center;background:var(--aacc);color:#fff;border:none;padding:15px;border-radius:14px;font-size:16px;font-weight:800;text-decoration:none;cursor:pointer;box-shadow:0 8px 18px #5b6ef54d;font-family:inherit}.acta:active{transform:scale(.99)}.acta:disabled{opacity:.5;box-shadow:none}.atext{width:100%;min-height:140px;background:var(--acard);border:1px solid var(--aline);border-radius:14px;padding:14px;font-size:14.5px;line-height:1.7;color:var(--aink);font-family:inherit;resize:vertical}.ahint{font-size:12.5px;color:var(--asub);line-height:1.7;margin:10px 2px}.ahint a{color:var(--aacc)}.acard{background:var(--acard);border:1px solid var(--aline);border-radius:16px;padding:16px}.aerror{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;border-radius:12px;padding:12px 14px;font-size:13.5px}.aloading{text-align:center;color:var(--asub);padding:30px 16px;font-size:14px}.merow{display:flex;align-items:center;background:var(--acard);border:1px solid var(--aline);border-radius:13px;padding:14px 15px;margin-bottom:10px;font-size:14px;color:var(--aink);text-decoration:none}.merow .mv{margin-left:auto;font-weight:700;color:var(--asub)}.merow .arr{margin-left:auto;color:var(--alock);font-size:18px}.mereset{width:100%;background:#fef2f2;border:1px solid #fecaca;color:#dc2626;border-radius:13px;padding:13px;font-size:14px;font-weight:700;font-family:inherit;cursor:pointer}.afoot{text-align:center;font-size:11.5px;color:var(--asub);margin:22px 0 8px;line-height:1.7}body.app-light .app-nav{max-width:480px;background:#fffffff5;border-top:1px solid var(--aline)}body.app-light .app-nav button{color:var(--asub);padding:8px 0 10px;font-size:11px}body.app-light .app-nav button .ic{font-size:22px;opacity:1}body.app-light .app-nav button.on{color:var(--aacc);font-weight:700}