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

.legacy-content .lesson-header .kicker {color:var(--vibe)}.legacy-content .desc {font-size:15px;color:var(--sub);line-height:1.8}.legacy-content .tri-grid {display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.legacy-content .tri-grid .l-card h3 {font-size:16px;margin-bottom:6px}.legacy-content .tri-num {display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:var(--vibe-soft);color:var(--vibe-deep);font-size:14px;font-weight:800;margin-bottom:10px}.legacy-content .tri-grid p {font-size:13.5px;color:var(--sub);line-height:1.7}.legacy-content .tab-row {display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.legacy-content .tab-btn {display:flex;align-items:center;gap:12px;padding:13px 16px;border-radius:12px;border:1.5px solid var(--border);background:var(--card);cursor:pointer;transition:all .2s;font-family:inherit;text-align:left;width:100%;min-height:44px;box-shadow:var(--shadow-card)}.legacy-content .tab-btn:hover {border-color:rgba(0,0,0,.15)}.legacy-content .tab-btn.active {border-color:var(--vibe);background:rgba(13,148,136,.05)}.legacy-content .tab-btn h4 {font-size:15px;font-weight:800;color:var(--text);margin-bottom:2px}.legacy-content .tab-btn.active h4 {color:var(--vibe-deep)}.legacy-content .tab-btn p {font-size:13px;color:var(--sub)}.legacy-content .tab-mark {width:34px;height:34px;border-radius:9px;background:rgba(0,0,0,.05);color:var(--sub);font-size:15px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.legacy-content .tab-btn.active .tab-mark {background:var(--vibe);color:#fff}.legacy-content .code-panel {margin-top:14px;background:var(--card);border:1.5px solid var(--border);border-radius:14px;overflow:hidden}.legacy-content .code-panel-hd {padding:10px 16px;border-bottom:1px solid var(--border);background:rgba(0,0,0,.02);display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.legacy-content .code-panel-hd .fname {font-family:"SF Mono",Menlo,monospace;font-size:13px;font-weight:700;color:var(--sub)}.legacy-content .legend {display:flex;gap:8px;flex-wrap:wrap}.legacy-content .legend span {font-size:12px;font-weight:700;padding:2px 9px;border-radius:5px}.legacy-content .lg-bg {background:rgba(13,148,136,.16);color:var(--vibe-deep)}.legacy-content .lg-int {background:rgba(217,119,6,.16);color:var(--amber)}.legacy-content .lg-con {background:rgba(124,58,237,.14);color:var(--purple)}.legacy-content .code-box {margin:0;padding:16px 18px;font-family:"SF Mono","Fira Code",Menlo,monospace;font-size:13px;line-height:1.85;color:var(--text);white-space:pre-wrap;word-break:break-word;overflow-x:auto;background:transparent}.legacy-content .hl {border-radius:4px;padding:1px 4px}.legacy-content .hl-bg {background:rgba(13,148,136,.16)}.legacy-content .hl-int {background:rgba(217,119,6,.16)}.legacy-content .hl-con {background:rgba(124,58,237,.14)}.legacy-content .hidden {display:none}.legacy-content .verdict {padding:12px 16px;border-radius:10px;font-size:13.5px;line-height:1.7;margin-top:12px;border:1.5px solid transparent}.legacy-content .verdict.bad {background:rgba(220,38,38,.05);border-color:rgba(220,38,38,.22);color:#991b1b}.legacy-content .verdict.good {background:rgba(22,163,74,.06);border-color:rgba(22,163,74,.25);color:#166534}.legacy-content .quiz-card {margin-top:14px}.legacy-content .quiz-scene {font-size:14.5px;color:var(--text);line-height:1.75;padding:12px 15px;background:var(--vibe-soft);border:1.5px solid rgba(13,148,136,.2);border-radius:10px}.legacy-content .quiz-scene b {color:var(--vibe-deep)}.legacy-content .opts {display:flex;flex-direction:column;gap:8px;margin-top:12px}.legacy-content .opt {display:block;width:100%;text-align:left;padding:12px 15px;border:1.5px solid var(--border);border-radius:10px;background:var(--card);cursor:pointer;min-height:44px;font-family:inherit;font-size:14px;line-height:1.6;color:var(--text);transition:all .15s}.legacy-content .opt:hover:not(:disabled) {border-color:rgba(0,0,0,.18)}.legacy-content .opt:disabled {cursor:default}.legacy-content .opt.right {border-color:rgba(22,163,74,.5);background:rgba(22,163,74,.07);color:#15803d;font-weight:700}.legacy-content .opt.wrong {border-color:rgba(220,38,38,.45);background:rgba(220,38,38,.06);color:#b91c1c}.legacy-content .opt.dim {opacity:.45}.legacy-content .fb {display:none;margin-top:10px;padding:12px 15px;border-radius:10px;font-size:13.5px;line-height:1.7;border:1.5px solid transparent}.legacy-content .fb.show {display:block}.legacy-content .fb.ok {background:rgba(22,163,74,.06);border-color:rgba(22,163,74,.25);color:#166534}.legacy-content .fb.no {background:rgba(220,38,38,.05);border-color:rgba(220,38,38,.22);color:#991b1b}.legacy-content .fb b {color:inherit}.legacy-content .quiz-score {font-size:13px;color:var(--sub);margin-top:12px}.legacy-content .quiz-score b {color:var(--vibe-deep)}.legacy-content .src-note {margin-top:24px;font-size:12.5px;color:var(--sub)}.legacy-content .src-note a {color:var(--vibe-deep)}.legacy-content .ctrl-row {display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:12px}.legacy-content .btn {padding:11px 22px;border-radius:9px;font-size:15px;font-weight:700;border:none;cursor:pointer;font-family:inherit;transition:all .2s;min-height:44px}.legacy-content .btn-p {background:var(--vibe);color:#fff}.legacy-content .btn-p:hover {filter:brightness(1.1)}.legacy-content .btn-p:disabled {opacity:.35;cursor:not-allowed}.legacy-content .btn-r {background:rgba(0,0,0,.05);color:var(--sub);border:1px solid var(--border)}@media (max-width:768px){.legacy-content .tri-grid {grid-template-columns:1fr}.legacy-content .tab-row {grid-template-columns:1fr}}

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