@keyframes _si{to{opacity:1}}

.legacy-content .pattern-grid {display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:8px}@media(max-width:768px){.legacy-content .pattern-grid {grid-template-columns:1fr}}.legacy-content .pattern-card {background:var(--card);border:1.5px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-card);cursor:pointer;transition:all .25s ease}.legacy-content .pattern-card:hover {border-color:var(--danger);box-shadow:0 4px 20px rgba(220,38,38,.1)}.legacy-content .pattern-card .head {display:flex;align-items:center;gap:10px;margin-bottom:12px}.legacy-content .pattern-card .icon {width:36px;height:36px;border-radius:10px;background:rgba(220,38,38,.08);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.legacy-content .pattern-card .name {font-size:16px;font-weight:800;color:var(--text)}.legacy-content .pattern-card .brief {font-size:13px;color:var(--sub);line-height:1.6;margin-bottom:12px}.legacy-content .pattern-card .detail {overflow:hidden;max-height:0;transition:max-height .4s ease;font-size:14px;line-height:1.7;color:var(--text)}.legacy-content .pattern-card.open .detail {max-height:400px}.legacy-content .detail-inner {padding-top:12px;border-top:1px solid var(--border)}.legacy-content .detail-inner .scene {background:rgba(220,38,38,.04);border-radius:var(--radius-sm);padding:10px 14px;margin-bottom:8px}.legacy-content .detail-inner .scene-title {font-size:12px;font-weight:700;color:var(--danger);margin-bottom:4px}.legacy-content .detail-inner .user-says {font-size:13px;color:var(--sub);font-style:italic}.legacy-content .expand-hint {font-size:12px;color:var(--accent);font-weight:600;display:flex;align-items:center;gap:4px;transition:all .2s}.legacy-content .pattern-card.open .expand-hint {color:var(--sub)}.legacy-content .pattern-card.open .expand-hint .arrow {transform:rotate(180deg)}.legacy-content .expand-hint .arrow {transition:transform .3s;display:inline-block}.legacy-content .sim-box {background:var(--card);border:1.5px solid var(--border);border-radius:var(--radius);padding:20px;margin-top:8px;box-shadow:var(--shadow-card)}.legacy-content .sim-box h3 {font-size:16px;font-weight:800;color:var(--text);margin-bottom:14px}.legacy-content .sim-log {font-family:"SF Mono","Fira Code",Menlo,monospace;font-size:12px;line-height:1.8;background:rgba(0,0,0,.03);border-radius:var(--radius-sm);padding:14px 16px;max-height:200px;overflow-y:auto}.legacy-content .sim-log .line {opacity:0;transition:opacity .3s}.legacy-content .sim-log .line.show {opacity:1}.legacy-content .sim-log .line.warn {color:var(--amber)}.legacy-content .sim-log .line.err {color:var(--danger)}.legacy-content .sim-log .line.dim {color:var(--sub)}.legacy-content .sim-btns {display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.legacy-content .sim-btn {padding:8px 16px;border-radius:8px;border:1.5px solid var(--border);background:var(--card);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit;color:var(--text)}.legacy-content .sim-btn:hover {border-color:var(--danger);background:rgba(220,38,38,.04)}.legacy-content .sim-btn.active {border-color:var(--danger);background:rgba(220,38,38,.08);color:var(--danger)}.legacy-content .takeaway {background:rgba(220,38,38,.04);border:1.5px solid rgba(220,38,38,.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(--danger)}