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