.legacy-content .section-label {font-size:14px;font-weight:800;color:var(--sub);letter-spacing:.3px;margin-bottom:10px}.legacy-content .desc {font-size:16px;color:var(--sub);line-height:1.8}.legacy-content .syntax-grid {display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:14px}.legacy-content .syn-btn {padding:10px 4px;border-radius:8px;border:1.5px solid var(--border);background:var(--card);cursor:pointer;text-align:center;font-family:inherit;transition:all .2s;min-height:44px}.legacy-content .syn-btn:hover {border-color:rgba(124,58,237,.3)}.legacy-content .syn-btn.active {border-color:var(--purple);background:rgba(124,58,237,.06)}.legacy-content .syn-btn .syn-icon {font-size:20px;font-weight:800;color:var(--purple);font-family:'Cascadia Code','Fira Code','SF Mono',Menlo,monospace;line-height:1.1}.legacy-content .syn-btn .syn-name {font-size:11px;color:var(--sub);margin-top:3px;font-weight:600}.legacy-content .compare-panel {display:grid;grid-template-columns:1fr 1fr;gap:10px}.legacy-content .cp-col {border-radius:10px;display:flex;flex-direction:column;overflow:hidden;border:1.5px solid var(--border)}.legacy-content .cp-header {padding:8px 12px;background:rgba(0,0,0,0.03);border-bottom:1px solid var(--border);font-size:13px;font-weight:700;color:var(--sub)}.legacy-content .cp-body {flex:1;overflow:auto;padding:14px 16px;min-height:220px}.legacy-content .src-view {font-family:'Cascadia Code','Fira Code','SF Mono',Menlo,monospace;font-size:14px;line-height:1.8;color:var(--muted);white-space:pre-wrap}.legacy-content .cp-col:first-child .cp-body {background:var(--surface-soft)}.legacy-content .src-view .m {color:var(--muted);font-weight:700}.legacy-content .ren-view {font-size:15px;line-height:1.75;color:var(--text);background:var(--card)}.legacy-content .ren-view h1 {font-size:22px;font-weight:800;margin-bottom:6px}.legacy-content .ren-view h2 {font-size:19px;font-weight:700;margin-bottom:5px}.legacy-content .ren-view h3 {font-size:17px;font-weight:700;margin-bottom:4px}.legacy-content .ren-view p {margin-bottom:8px}.legacy-content .ren-view ul, .legacy-content .ren-view ol {padding-left:22px;margin-bottom:8px}.legacy-content .ren-view li {margin-bottom:3px}.legacy-content .ren-view strong {color:var(--purple);font-weight:700}.legacy-content .ren-view em {font-style:italic;color:var(--amber)}.legacy-content .ren-view code {background:rgba(0,0,0,0.05);padding:1px 6px;border-radius:4px;font-size:13.5px;font-family:monospace;color:var(--danger)}.legacy-content .ren-view blockquote {padding:6px 14px;color:var(--sub);margin-bottom:8px;background:rgba(124,58,237,.03);border-radius:6px}.legacy-content .ren-view pre {background:var(--surface-soft);color:var(--muted);padding:12px;border-radius:8px;font-size:13px;font-family:monospace;overflow-x:auto;margin-bottom:8px;line-height:1.6}.legacy-content .ren-view hr {border:none;border-top:1.5px solid var(--border);margin:10px 0}.legacy-content .ren-view a {color:var(--purple);text-decoration:underline}.legacy-content .ren-view table {width:100%;border-collapse:collapse;margin-bottom:8px;font-size:14px}.legacy-content .ren-view th, .legacy-content .ren-view td {border:1px solid var(--border);padding:6px 10px;text-align:left}.legacy-content .ren-view th {background:rgba(0,0,0,0.03);font-weight:700}.legacy-content .lib-tabs {display:flex;gap:6px;flex-wrap:wrap;margin:14px 0}.legacy-content .lib-btn {padding:10px 14px;border-radius:8px;border:1.5px solid var(--border);background:var(--card);cursor:pointer;font-family:inherit;font-size:14px;font-weight:700;color:var(--text);transition:all .2s;display:flex;align-items:center;gap:6px;min-height:44px}.legacy-content .lib-btn:hover {border-color:rgba(124,58,237,.3)}.legacy-content .lib-btn.active {border-color:var(--purple);background:rgba(124,58,237,.06);color:var(--purple)}.legacy-content .lib-badge {font-size:10px;font-weight:800;padding:1px 5px;border-radius:3px}.legacy-content .lib-detail {background:var(--card);border:1.5px solid var(--border);border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.legacy-content .lib-detail-header {padding:12px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px;flex-wrap:wrap}.legacy-content .lib-detail-header h3 {font-size:18px;font-weight:800;color:var(--text)}.legacy-content .lib-detail-header .size-tag {font-size:12px;color:var(--success);font-weight:700;background:rgba(22,163,74,.08);padding:2px 8px;border-radius:4px}.legacy-content .lib-detail-body {padding:16px;display:flex;flex-direction:column;gap:12px}.legacy-content .detail-section {display:flex;flex-direction:column;gap:6px}.legacy-content .detail-label {font-size:12px;font-weight:800;color:var(--purple);text-transform:uppercase;letter-spacing:.3px}.legacy-content .detail-text {font-size:15px;color:var(--text);line-height:1.7}.legacy-content .code-block {background:var(--surface-soft);color:var(--muted);padding:12px 14px;border-radius:8px;font-family:'Cascadia Code','Fira Code','SF Mono',Menlo,monospace;font-size:13px;line-height:1.65;overflow-x:auto;white-space:pre-wrap}.legacy-content .code-block .k {color:var(--muted)}.legacy-content .code-block .s {color:var(--muted)}.legacy-content .code-block .c {color:#6c7086}.legacy-content .code-block .f {color:var(--muted)}.legacy-content .pros-cons {display:grid;grid-template-columns:1fr 1fr;gap:8px}.legacy-content .pc-item {padding:9px 11px;border-radius:8px;font-size:14px;line-height:1.55}.legacy-content .pc-item.pro {background:rgba(22,163,74,.06);border:1px solid rgba(22,163,74,.18);color:var(--text)}.legacy-content .pc-item.con {background:rgba(220,38,38,.04);border:1px solid rgba(220,38,38,.15);color:var(--text)}.legacy-content .pc-item .pc-label {font-size:11px;font-weight:800;margin-bottom:3px}.legacy-content .pc-item.pro .pc-label {color:var(--success)}.legacy-content .pc-item.con .pc-label {color:var(--danger)}.legacy-content .insight-box {background:rgba(124,58,237,.06);border:1px solid rgba(124,58,237,.18);border-radius:10px;padding:12px 16px;font-size:15px;color:var(--text);line-height:1.7;margin-top:14px}.legacy-content .insight-box b {color:var(--purple)}@media (max-width:768px){.legacy-content .syntax-grid {grid-template-columns:repeat(3,1fr)}.legacy-content .compare-panel {grid-template-columns:1fr}.legacy-content .cp-body {min-height:0}.legacy-content .pros-cons {grid-template-columns:1fr}}

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

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