.legacy-content .problem-box {background:rgba(220,38,38,.05);border:1.5px solid rgba(220,38,38,.18);border-radius:12px;padding:16px 18px;display:flex;flex-direction:column;gap:12px}.legacy-content .problem-box .label {font-size:14px;font-weight:800;color:var(--danger)}.legacy-content .problem-item {display:flex;gap:10px;align-items:flex-start}.legacy-content .problem-icon {width:36px;height:36px;border-radius:8px;background:rgba(220,38,38,.08);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px}.legacy-content .problem-text h4 {font-size:16px;font-weight:700;color:var(--text)}.legacy-content .problem-text p {font-size:14px;color:var(--sub);line-height:1.6;margin-top:2px}.legacy-content .solution-chain {display:flex;flex-direction:column;gap:8px;margin-top:16px;position:relative}.legacy-content .btn-replay {position:absolute;top:-38px;right:0;background:var(--card);color:var(--sub);border:1px solid rgba(0,0,0,0.12);padding:4px 14px;border-radius:999px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.legacy-content .btn-replay:hover {background:rgba(0,0,0,0.05);color:var(--text)}.legacy-content .chain-step {display:flex;align-items:center;gap:10px;padding:13px 15px;border-radius:10px;border:1.5px solid var(--border);background:var(--card)}.legacy-content .chain-num {width:28px;height:28px;border-radius:8px;background:var(--purple);font-size:15px;font-weight:800;color:white;display:flex;align-items:center;justify-content:center;flex-shrink:0}.legacy-content .chain-text {font-size:15px;font-weight:600;color:var(--text);line-height:1.5}.legacy-content .chain-text span {color:var(--purple);font-weight:800}.legacy-content .chain-arrow {text-align:center;font-size:16px;color:var(--sub)}.legacy-content .compare-wrap {display:flex;flex-direction:column;gap:10px;margin-top:24px}.legacy-content .compare-label {font-size:14px;font-weight:700;color:var(--sub)}.legacy-content .code-box {background:var(--surface-soft);border-radius:10px;padding:14px 16px;font-family:'Cascadia Code','Fira Code','SF Mono',Menlo,monospace;font-size:13.5px;line-height:1.7;color:var(--muted);overflow-x:auto;white-space:pre;tab-size:2}.legacy-content .code-box .c {color:#6c7086}.legacy-content .code-box .k {color:var(--muted)}.legacy-content .code-box .s {color:var(--muted)}.legacy-content .code-box .tag {color:var(--muted)}.legacy-content .render-box {background:var(--card);border:1.5px solid var(--border);border-radius:10px;padding:16px 18px;font-size:15px;line-height:1.7;color:var(--text)}.legacy-content .render-box h2 {font-size:18px;font-weight:800;margin-bottom:6px;color:var(--text)}.legacy-content .render-box ul {padding-left:20px;margin:6px 0}.legacy-content .render-box li {margin-bottom:3px}.legacy-content .render-box strong {color:var(--purple)}.legacy-content .render-box code {background:rgba(0,0,0,0.05);padding:1px 5px;border-radius:3px;font-size:13px;font-family:monospace}.legacy-content .insight-box {background:rgba(124,58,237,.06);border:1px solid rgba(124,58,237,.18);border-radius:10px;padding:14px 18px;font-size:15px;color:var(--text);line-height:1.75}.legacy-content .insight-box b {color:var(--purple)}.legacy-content #finalInsight {margin-top:24px}

@keyframes _si{from{opacity:0}to{opacity:1}}