.sort-demo[data-v-943e303e]{min-height:70vh}.page-header[data-v-943e303e]{background:linear-gradient(135deg, var(--kd-primary) 0%, var(--kd-primary-light) 100%);color:#fff;text-align:center;padding:60px 0 48px}.back-link[data-v-943e303e]{margin-bottom:18px}.back-link a[data-v-943e303e]{color:#ffffffe6;font-size:14px;text-decoration:none;transition:opacity .2s}.back-link a[data-v-943e303e]:hover{opacity:.8;text-decoration:underline}.page-header h1[data-v-943e303e]{margin-bottom:10px;font-size:34px;font-weight:700}.page-header p[data-v-943e303e]{opacity:.9;font-size:16px}.demo-section[data-v-943e303e]{padding:32px 0 60px}.demo-layout[data-v-943e303e]{grid-template-columns:320px 1fr;align-items:start;gap:24px;max-width:1200px;margin:0 auto;padding:0 24px;display:grid}.control-panel[data-v-943e303e]{background:var(--kd-surface);border:1px solid var(--kd-border);border-radius:var(--kd-radius-lg);box-shadow:var(--kd-shadow);padding:24px 20px;position:sticky;top:88px}.panel-title[data-v-943e303e]{color:var(--kd-primary);border-bottom:1px solid var(--kd-border);margin-bottom:20px;padding-bottom:12px;font-size:16px;font-weight:700}.control-group[data-v-943e303e]{margin-bottom:22px}.control-label[data-v-943e303e]{color:var(--kd-text-muted);margin-bottom:10px;font-size:13px;font-weight:600;display:block}.algo-list[data-v-943e303e]{flex-direction:column;gap:8px;display:flex}.algo-btn[data-v-943e303e]{border:1.5px solid var(--kd-border);border-radius:var(--kd-radius);cursor:pointer;text-align:left;background:#fff;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 14px;transition:all .2s;display:flex}.algo-btn[data-v-943e303e]:hover{border-color:var(--kd-accent)}.algo-btn.active[data-v-943e303e]{background:linear-gradient(135deg, var(--kd-primary), var(--kd-primary-light));border-color:#0000}.algo-btn.active .algo-name[data-v-943e303e],.algo-btn.active .algo-meta[data-v-943e303e]{color:#fff}.algo-name[data-v-943e303e]{color:var(--kd-text);font-size:14px;font-weight:600}.algo-meta[data-v-943e303e]{color:var(--kd-text-muted);font-family:Courier New,monospace;font-size:11px}.range-row[data-v-943e303e]{align-items:center;gap:12px;display:flex}.slider[data-v-943e303e]{accent-color:var(--kd-primary);flex:1}.range-val[data-v-943e303e]{text-align:right;min-width:36px;color:var(--kd-primary);flex-shrink:0;font-family:Courier New,monospace;font-size:14px;font-weight:700}.num-input[data-v-943e303e]{border:1.5px solid var(--kd-border);border-radius:var(--kd-radius);width:100%;color:var(--kd-text);background:#fff;margin-bottom:8px;padding:10px 12px;font-family:Courier New,monospace;font-size:14px;transition:border-color .2s}.num-input[data-v-943e303e]:focus{border-color:var(--kd-primary);outline:none;box-shadow:0 0 0 3px #7030a01a}.custom-actions[data-v-943e303e]{gap:8px;display:flex}.mini-btn[data-v-943e303e]{border:1.5px solid var(--kd-primary);border-radius:var(--kd-radius);background:var(--kd-primary);color:#fff;cursor:pointer;flex:1;padding:7px 0;font-size:13px;font-weight:600;transition:all .2s}.mini-btn[data-v-943e303e]:hover{opacity:.9}.mini-btn.ghost[data-v-943e303e]{color:var(--kd-primary);background:#fff}.btn-row[data-v-943e303e]{gap:10px;margin-bottom:10px;display:flex}.ctrl-btn[data-v-943e303e]{border:1.5px solid var(--kd-border);border-radius:var(--kd-radius);color:var(--kd-text);cursor:pointer;background:#fff;flex:1;padding:11px 0;font-size:14px;font-weight:600;transition:all .2s}.ctrl-btn[data-v-943e303e]:hover:not(:disabled){border-color:var(--kd-accent);color:var(--kd-primary)}.ctrl-btn[data-v-943e303e]:disabled{opacity:.45;cursor:not-allowed}.ctrl-btn.primary[data-v-943e303e]{background:linear-gradient(135deg, var(--kd-primary), var(--kd-primary-light));color:#fff;border-color:#0000}.status-box[data-v-943e303e]{background:var(--kd-bg);border-radius:var(--kd-radius);flex-direction:column;gap:8px;margin-top:4px;padding:14px 16px;display:flex}.status-row[data-v-943e303e]{justify-content:space-between;font-size:13px;display:flex}.status-label[data-v-943e303e]{color:var(--kd-text-muted)}.status-value[data-v-943e303e]{color:var(--kd-text);font-family:Courier New,monospace;font-weight:700}.status-value.idle[data-v-943e303e]{color:var(--kd-text-muted)}.status-value.running[data-v-943e303e]{color:var(--kd-success)}.status-value.done[data-v-943e303e]{color:var(--kd-primary)}.stage-panel[data-v-943e303e]{background:var(--kd-surface);border:1px solid var(--kd-border);border-radius:var(--kd-radius-lg);box-shadow:var(--kd-shadow);min-height:400px;padding:28px 32px}.stage-head[data-v-943e303e]{margin-bottom:20px}.stage-head h2[data-v-943e303e]{color:var(--kd-primary);margin-bottom:6px;font-size:22px;font-weight:700}.stage-head p[data-v-943e303e]{color:var(--kd-text-muted);font-size:14px}.code-panel[data-v-943e303e]{border:1px solid var(--kd-border);border-radius:var(--kd-radius);background:#1e1e2e;margin-bottom:20px;overflow:hidden}.code-head[data-v-943e303e]{background:#181825;border-bottom:1px solid #313244;align-items:center;gap:10px;padding:9px 14px;display:flex}.code-lang[data-v-943e303e]{color:#fff;background:#7c3aed;border-radius:4px;padding:1px 8px;font-family:Courier New,monospace;font-size:11px;font-weight:700}.code-title[data-v-943e303e]{color:#cdd6f4;font-size:13px;font-weight:600}.code-block[data-v-943e303e]{counter-reset:ln;margin:0;padding:12px 0;font-family:Courier New,SFMono-Regular,monospace;font-size:13px;line-height:1.7;overflow-x:auto}.code-line[data-v-943e303e]{white-space:pre;color:#cdd6f4;border-left:3px solid #0000;align-items:flex-start;padding:0 14px;transition:background .2s,border-color .2s;display:flex;position:relative}.code-line.active[data-v-943e303e]{color:#f5f6fb;background:linear-gradient(90deg,#89dceb38,#89dceb0f);border-left-color:#89dceb;font-weight:600}.code-line.active[data-v-943e303e]:before{content:"▶";color:#89dceb;font-size:10px;line-height:1.7;position:absolute;top:0;left:6px}.line-no[data-v-943e303e]{text-align:right;color:#6c7086;user-select:none;flex-shrink:0;width:26px;margin-right:14px}.code-line.active .line-no[data-v-943e303e]{color:#89dceb;font-weight:700}.line-text[data-v-943e303e]{flex:1}.code-init[data-v-943e303e]{color:#89dceb;font-weight:600}.code-line.active .code-init[data-v-943e303e]{color:#f9e2af}.bars-wrap[data-v-943e303e]{padding:16px 0 8px}.bars[data-v-943e303e]{justify-content:center;align-items:flex-end;gap:6px;height:300px;padding-bottom:4px;display:flex}.bar[data-v-943e303e]{background:linear-gradient(180deg, var(--kd-primary-light), var(--kd-primary));color:#fff;border-radius:8px 8px 0 0;flex:1 1 0;justify-content:center;align-items:flex-start;min-width:0;max-width:64px;padding-top:6px;font-family:Courier New,monospace;font-size:13px;font-weight:700;transition:height .25s,background .2s,transform .2s;display:flex}.bar-value[data-v-943e303e]{text-shadow:0 1px 2px #00000040}.bar.compare[data-v-943e303e]{background:linear-gradient(#fbbf24,#f59e0b);transform:translateY(-4px)}.bar.swap[data-v-943e303e]{background:linear-gradient(#ef4444,#dc2626);transform:translateY(-8px)}.bar.sorted[data-v-943e303e]{background:linear-gradient(#34d399,#059669)}.bar.selected[data-v-943e303e]{background:linear-gradient(#60a5fa,#2563eb);transform:translateY(-6px);box-shadow:0 0 0 3px #2563eb47}.bar.pivot[data-v-943e303e]{background:linear-gradient(#a78bfa,#7c3aed);box-shadow:0 0 0 3px #7c3aed4d}.index-row[data-v-943e303e]{justify-content:center;gap:6px;margin-top:6px;display:flex}.idx[data-v-943e303e]{text-align:center;min-width:0;max-width:64px;color:var(--kd-text-muted);flex:1 1 0;font-family:Courier New,monospace;font-size:11px}.idx.active[data-v-943e303e]{color:var(--kd-primary);font-weight:700}.idx.sel[data-v-943e303e]{color:#2563eb;font-weight:700;text-decoration:underline}.step-box[data-v-943e303e]{border:1px solid var(--kd-accent);border-radius:var(--kd-radius);background:#7030a00f;align-items:center;gap:10px;margin:16px 0;padding:12px 16px;font-size:14px;display:flex}.step-box.muted[data-v-943e303e]{background:#05966914;border-color:#0596694d}.step-tag[data-v-943e303e]{background:var(--kd-primary);color:#fff;border-radius:20px;flex-shrink:0;padding:2px 10px;font-size:12px;font-weight:700}.step-tag.done[data-v-943e303e]{background:var(--kd-success)}.step-tag.tag-select[data-v-943e303e]{background:#2563eb}.step-tag.tag-compare[data-v-943e303e]{background:#f59e0b}.step-tag.tag-swap[data-v-943e303e]{background:#dc2626}.step-desc[data-v-943e303e]{color:var(--kd-text)}.complexity[data-v-943e303e]{flex-wrap:wrap;gap:10px;margin:18px 0;display:flex}.cmp-card[data-v-943e303e]{background:var(--kd-bg);border:1px solid var(--kd-border);border-radius:var(--kd-radius);flex-direction:column;flex:1 1 0;align-items:center;gap:4px;min-width:90px;padding:10px 8px;display:flex}.cmp-label[data-v-943e303e]{color:var(--kd-text-muted);font-size:12px}.cmp-val[data-v-943e303e]{color:var(--kd-primary);font-family:Courier New,monospace;font-size:14px;font-weight:700}.legend[data-v-943e303e]{border-top:1px dashed var(--kd-border);flex-wrap:wrap;gap:16px;padding-top:14px;display:flex}.lg[data-v-943e303e]{color:var(--kd-text-muted);align-items:center;gap:6px;font-size:13px;display:flex}.dot[data-v-943e303e]{border-radius:4px;width:14px;height:14px;display:inline-block}.dot.default[data-v-943e303e]{background:var(--kd-primary)}.dot.selected[data-v-943e303e]{background:#2563eb}.dot.compare[data-v-943e303e]{background:#f59e0b}.dot.swap[data-v-943e303e]{background:#dc2626}.dot.sorted[data-v-943e303e]{background:#059669}.dot.pivot[data-v-943e303e]{background:#7c3aed}.knowledge-wrap[data-v-943e303e]{max-width:1200px;margin:32px auto 0;padding:0 24px}.knowledge-card[data-v-943e303e]{background:var(--kd-surface);border:1px solid var(--kd-border);border-left:4px solid var(--kd-primary);border-radius:var(--kd-radius-lg);padding:28px 24px}.knowledge-card h2[data-v-943e303e]{color:var(--kd-text);margin-bottom:12px;font-size:20px;font-weight:700}.knowledge-desc[data-v-943e303e]{color:var(--kd-text);margin-bottom:16px;font-size:14px;line-height:1.8}.knowledge-list[data-v-943e303e]{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;padding:0;list-style:none;display:grid}.knowledge-list li[data-v-943e303e]{color:var(--kd-text);padding-left:22px;font-size:14px;line-height:1.7;position:relative}.knowledge-list li[data-v-943e303e]:before{content:"•";color:var(--kd-primary);font-weight:700;position:absolute;top:0;left:6px}@media (width<=960px){.demo-layout[data-v-943e303e]{grid-template-columns:1fr}.control-panel[data-v-943e303e]{position:static}}@media (width<=768px){.page-header[data-v-943e303e]{padding:48px 0 36px}.page-header h1[data-v-943e303e]{font-size:26px}.stage-panel[data-v-943e303e]{padding:20px 16px}.bar[data-v-943e303e]{font-size:11px}.complexity .cmp-card[data-v-943e303e]{min-width:70px}}