@keyframes _si{to{opacity:1}}

.legacy-content .demo-wrap {display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:8px}@media(max-width:768px){.legacy-content .demo-wrap {grid-template-columns:1fr}}.legacy-content .demo-panel {background:var(--card);border:1.5px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-card);min-height:320px;display:flex;flex-direction:column}.legacy-content .demo-panel .panel-title {font-size:14px;font-weight:800;margin-bottom:14px;display:flex;align-items:center;gap:8px}.legacy-content .demo-panel.bad .panel-title {color:var(--danger)}.legacy-content .demo-panel.good .panel-title {color:var(--success)}.legacy-content .chat-area {flex:1;display:flex;flex-direction:column;gap:8px;overflow:hidden}.legacy-content .chat-msg {padding:10px 14px;border-radius:12px;font-size:13px;line-height:1.6;max-width:85%;opacity:0;transform:translateY(8px);transition:all .3s ease}.legacy-content .chat-msg.show {opacity:1;transform:translateY(0)}.legacy-content .chat-msg.user {background:var(--accent);color:#fff;align-self:flex-end;border-bottom-right-radius:4px}.legacy-content .chat-msg.bot {background:rgba(0,0,0,.04);color:var(--text);align-self:flex-start;border-bottom-left-radius:4px}.legacy-content .chat-msg.status {background:rgba(217,119,6,.08);color:var(--amber);align-self:flex-start;border-bottom-left-radius:4px;font-size:12px;font-weight:600}.legacy-content .chat-msg.typing {background:rgba(0,0,0,.04);color:var(--sub);align-self:flex-start;border-bottom-left-radius:4px}.legacy-content .typing-dots {display:inline-flex;gap:4px}.legacy-content .typing-dots span {width:6px;height:6px;border-radius:50%;background:var(--sub);animation:blink-dot 1.4s infinite}.legacy-content .typing-dots span:nth-child(2) {animation-delay:.2s}.legacy-content .typing-dots span:nth-child(3) {animation-delay:.4s}@keyframes blink-dot{0%,80%,100%{opacity:.3}40%{opacity:1}}.legacy-content .stream-text {white-space:pre-wrap}.legacy-content .stream-cursor {display:inline-block;width:2px;height:14px;background:var(--accent);animation:cursor-blink .8s infinite;vertical-align:middle;margin-left:2px}@keyframes cursor-blink{0%,50%{opacity:1}51%,100%{opacity:0}}.legacy-content .play-demo-btn {display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:12px;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--card);font-size:14px;font-weight:700;cursor:pointer;margin-top:16px;transition:all .2s;font-family:inherit;color:var(--accent)}.legacy-content .play-demo-btn:hover {border-color:var(--accent);background:rgba(0,102,255,.04)}.legacy-content .principle-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:8px}@media(max-width:768px){.legacy-content .principle-grid {grid-template-columns:1fr}}.legacy-content .principle-card {background:var(--card);border:1.5px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow-card);text-align:center}.legacy-content .principle-card .p-icon {font-size:28px;margin-bottom:10px}.legacy-content .principle-card .p-title {font-size:15px;font-weight:800;color:var(--text);margin-bottom:6px}.legacy-content .principle-card .p-desc {font-size:13px;color:var(--sub);line-height:1.6}.legacy-content .takeaway {background:rgba(22,163,74,.04);border:1.5px solid rgba(22,163,74,.18);border-radius:var(--radius);padding:16px 20px;font-size:15px;color:var(--text);display:flex;gap:10px;line-height:1.7;margin-top:24px}.legacy-content .takeaway b {color:var(--success)}

.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)}