@keyframes _si{to{opacity:1}}

.legacy-content .desc {font-size:16px;color:var(--sub);line-height:1.8;margin-bottom:8px}.legacy-content .scenario-grid {display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-top:8px}@media(max-width:768px){.legacy-content .scenario-grid {grid-template-columns:1fr}}.legacy-content .scenario-card {background:var(--card);border:1.5px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:10px}.legacy-content .scenario-card .sc-icon {width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.legacy-content .scenario-card .sc-icon.red {background:rgba(220,38,38,.08);color:var(--danger)}.legacy-content .scenario-card .sc-icon.amber {background:rgba(217,119,6,.08);color:var(--amber)}.legacy-content .scenario-card .sc-icon.purple {background:rgba(124,58,237,.08);color:var(--purple)}.legacy-content .scenario-card h4 {font-size:15px;font-weight:800;color:var(--text);margin:0}.legacy-content .scenario-card p {font-size:13.5px;color:var(--sub);line-height:1.7;margin:0}.legacy-content .think-compare {display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:8px}@media(max-width:768px){.legacy-content .think-compare {grid-template-columns:1fr}}.legacy-content .think-box {background:var(--card);border:1.5px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:14px}.legacy-content .think-box h3 {font-size:17px;font-weight:800;margin:0;display:flex;align-items:center;gap:8px}.legacy-content .think-box.ext h3 {color:var(--purple)}.legacy-content .think-box.tool h3 {color:var(--accent)}.legacy-content .think-tag {font-size:11px;font-weight:700;padding:3px 10px;border-radius:6px;letter-spacing:.5px}.legacy-content .think-tag.ext {background:rgba(124,58,237,.1);color:var(--purple)}.legacy-content .think-tag.tool {background:rgba(0,102,255,.1);color:var(--accent)}.legacy-content .timeline {display:flex;flex-direction:column;gap:0;position:relative;padding-left:24px}.legacy-content .timeline::before {content:'';position:absolute;left:7px;top:8px;bottom:8px;width:2px;background:var(--border)}.legacy-content .tl-node {position:relative;padding:8px 0 8px 16px;font-size:13px;line-height:1.5}.legacy-content .tl-node::before {content:'';position:absolute;left:-20px;top:12px;width:10px;height:10px;border-radius:50%;border:2px solid var(--border);background:var(--card)}.legacy-content .tl-node.think::before {background:rgba(0,102,255,.15);border-color:var(--accent)}.legacy-content .tl-node.ext-think::before {background:rgba(124,58,237,.15);border-color:var(--purple)}.legacy-content .tl-node.action::before {background:rgba(22,163,74,.15);border-color:var(--success)}.legacy-content .tl-node .tl-label {font-weight:700;font-size:12px;letter-spacing:.3px;margin-bottom:2px}.legacy-content .tl-node.think .tl-label {color:var(--accent)}.legacy-content .tl-node.ext-think .tl-label {color:var(--purple)}.legacy-content .tl-node.action .tl-label {color:var(--success)}.legacy-content .tl-node .tl-content {color:var(--sub)}.legacy-content .code-panel {background:var(--card);border:1.5px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-card);margin-top:8px}.legacy-content .code-header {padding:10px 16px;border-bottom:1px solid var(--border);background:var(--bg);font-size:13px;font-weight:700;color:var(--sub);display:flex;align-items:center;gap:8px}.legacy-content .code-body {padding:16px 20px;font-family:"SF Mono","Fira Code",Menlo,monospace;font-size:13px;line-height:1.7;color:var(--text);overflow-x:auto;white-space:pre-wrap}.legacy-content .code-body .hl-key {color:var(--accent);font-weight:700}.legacy-content .code-body .hl-str {color:var(--success)}.legacy-content .code-body .hl-comment {color:var(--sub);font-style:italic}.legacy-content .stat-grid {display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:8px}@media(max-width:768px){.legacy-content .stat-grid {grid-template-columns:1fr}}.legacy-content .stat-card {background:var(--card);border:1.5px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-card);text-align:center;display:flex;flex-direction:column;gap:8px}.legacy-content .stat-card .stat-label {font-size:13px;font-weight:700;color:var(--sub);letter-spacing:.3px}.legacy-content .stat-card .stat-row {display:flex;align-items:baseline;justify-content:center;gap:12px;flex-wrap:wrap}.legacy-content .stat-card .stat-before {font-size:22px;font-weight:700;color:var(--sub);text-decoration:line-through;opacity:.6}.legacy-content .stat-card .stat-arrow {color:var(--sub)}.legacy-content .stat-card .stat-after {font-size:28px;font-weight:900;color:var(--success)}.legacy-content .stat-card .stat-delta {font-size:15px;font-weight:800;color:var(--success);background:rgba(22,163,74,.08);padding:3px 12px;border-radius:6px;display:inline-block}.legacy-content .use-cases {display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:8px}@media(max-width:768px){.legacy-content .use-cases {grid-template-columns:1fr}}.legacy-content .use-card {background:var(--card);border:1.5px solid var(--border);border-radius:var(--radius);padding:20px 22px;box-shadow:var(--shadow-card)}.legacy-content .use-card h4 {font-size:15px;font-weight:800;margin:0 0 10px;display:flex;align-items:center;gap:8px}.legacy-content .use-card.good h4 {color:var(--success)}.legacy-content .use-card.bad h4 {color:var(--danger)}.legacy-content .use-card ul {list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.legacy-content .use-card li {font-size:13.5px;color:var(--sub);line-height:1.6;padding-left:20px;position:relative}.legacy-content .use-card.good li::before {content:'';position:absolute;left:0;top:7px;width:8px;height:8px;border-radius:50%;background:rgba(22,163,74,.2);border:2px solid var(--success)}.legacy-content .use-card.bad li::before {content:'';position:absolute;left:0;top:7px;width:8px;height:8px;border-radius:50%;background:rgba(220,38,38,.2);border:2px solid var(--danger)}.legacy-content .takeaway {background:rgba(0,102,255,.04);border:1.5px solid rgba(0,102,255,.18);border-radius:var(--radius);padding:16px 20px;font-size:15px;color:var(--text);display:flex;gap:10px;line-height:1.7;margin-top:20px}.legacy-content .takeaway b {color:var(--accent)}.legacy-content .update-badge {display:inline-block;font-size:11px;font-weight:700;padding:2px 8px;border-radius:4px;background:rgba(217,119,6,.1);color:var(--amber);margin-left:6px;vertical-align:2px}.legacy-content .sim-demo {background:var(--card);border:1.5px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-card)}.legacy-content .sim-tabs {display:flex;border-bottom:1.5px solid var(--border);background:var(--bg)}.legacy-content .sim-tab {flex:1;padding:12px 16px;font-size:14px;font-weight:700;border:none;background:none;cursor:pointer;color:var(--sub);transition:all .2s}.legacy-content .sim-tab.active {color:var(--accent);background:var(--card);box-shadow:inset 0 -2.5px 0 var(--accent)}.legacy-content .sim-tab:hover:not(.active) {background:rgba(0,102,255,.03)}.legacy-content .sim-scene {padding:12px 20px;background:rgba(0,102,255,.03);border-bottom:1px solid var(--border)}.legacy-content .sim-scene-label {font-size:13px;color:var(--sub);display:flex;align-items:center;gap:8px;line-height:1.6}.legacy-content .sim-chat {padding:20px;min-height:120px;display:flex;flex-direction:column;gap:12px}.legacy-content .sim-msg {padding:12px 16px;border-radius:12px;font-size:13.5px;line-height:1.7;max-width:88%;opacity:0;transform:translateY(12px);transition:opacity .3s ease,transform .3s ease}.legacy-content .sim-msg.show {opacity:1;transform:translateY(0)}.legacy-content .sim-msg.user {background:var(--bg);border:1px solid var(--border);align-self:flex-end;color:var(--text)}.legacy-content .sim-msg.agent {background:rgba(0,102,255,.06);border:1px solid rgba(0,102,255,.15);align-self:flex-start;color:var(--text)}.legacy-content .sim-msg.think {background:rgba(234,179,8,.06);border:2px dashed rgba(234,179,8,.4);align-self:flex-start;color:var(--text)}.legacy-content .sim-msg.tool {background:rgba(22,163,74,.04);border:1px solid rgba(22,163,74,.2);align-self:flex-start;font-family:"SF Mono","Fira Code",Menlo,monospace;font-size:12.5px;color:var(--text)}.legacy-content .sim-msg.result-bad {background:rgba(220,38,38,.05);border:2px solid rgba(220,38,38,.4);align-self:flex-start;color:var(--danger);font-weight:600}.legacy-content .sim-msg.result-good {background:rgba(22,163,74,.05);border:2px solid rgba(22,163,74,.4);align-self:flex-start;color:var(--success);font-weight:600}.legacy-content .sim-msg-label {font-size:11px;font-weight:700;letter-spacing:.3px;margin-bottom:4px;display:flex;align-items:center;gap:6px}.legacy-content .sim-msg.user .sim-msg-label {color:var(--sub)}.legacy-content .sim-msg.agent .sim-msg-label {color:var(--accent)}.legacy-content .sim-msg.think .sim-msg-label {color:rgba(180,130,0,1)}.legacy-content .sim-msg.tool .sim-msg-label {color:var(--success)}.legacy-content .sim-msg.result-bad .sim-msg-label {color:var(--danger)}.legacy-content .sim-msg.result-good .sim-msg-label {color:var(--success)}.legacy-content .sim-controls {padding:16px 20px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px;background:var(--bg)}.legacy-content .sim-btn {display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:8px;border:1.5px solid var(--accent);background:rgba(0,102,255,.06);color:var(--accent);font-size:13px;font-weight:700;cursor:pointer;transition:all .15s}.legacy-content .sim-btn:hover {background:var(--accent);color:#fff}.legacy-content .sim-btn:disabled {opacity:.4;cursor:not-allowed}.legacy-content .sim-btn:disabled:hover {background:rgba(0,102,255,.06);color:var(--accent)}.legacy-content .sim-btn-reset {border-color:var(--border);background:none;color:var(--sub)}.legacy-content .sim-btn-reset:hover {background:var(--border);color:var(--text)}.legacy-content .sim-step-count {font-size:12px;color:var(--sub);margin-left:auto}

.legacy-content .xa-tldr {margin:18px 0 4px;padding:14px 18px;background:rgba(0,102,255,0.04);border:1px solid rgba(0,102,255,0.16);border-radius:10px}.legacy-content .xa-tldr .xa-tldr-tag {display:block;font-size:11px;font-weight:800;letter-spacing:1px;color:var(--accent,#0066ff);margin-bottom:6px}.legacy-content .xa-tldr p {margin:0;font-size:15px;line-height:1.8;color:var(--text,#1f2937)}