@keyframes _si{to{opacity:1}}

.legacy-content .compare-wrap {display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:8px}@media(max-width:768px){.legacy-content .compare-wrap {grid-template-columns:1fr}}.legacy-content .compare-box {background:var(--card);border:1.5px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-card);position:relative}.legacy-content .compare-box h3 {font-size:16px;font-weight:800;margin-bottom:4px;display:flex;align-items:center;gap:8px}.legacy-content .compare-box.eager h3 {color:var(--danger)}.legacy-content .compare-box.lazy h3 {color:var(--success)}.legacy-content .compare-box .box-desc {font-size:12px;color:var(--sub);margin-bottom:14px;line-height:1.5}.legacy-content .svc-list {display:flex;flex-direction:column;gap:6px}.legacy-content .svc-item {display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;transition:all .4s ease;opacity:0;transform:translateX(-6px)}.legacy-content .svc-item.show {opacity:1;transform:translateX(0)}.legacy-content .svc-icon {width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.legacy-content .svc-name {flex:1;color:var(--text)}.legacy-content .svc-status {font-size:11px;font-weight:700;padding:3px 10px;border-radius:999px;white-space:nowrap}.legacy-content .svc-status.ok {background:rgba(22,163,74,.08);color:var(--success)}.legacy-content .svc-status.fail {background:rgba(220,38,38,.08);color:var(--danger)}.legacy-content .svc-status.wait {background:rgba(217,119,6,.08);color:var(--amber)}.legacy-content .svc-status.idle {background:rgba(0,0,0,.04);color:var(--sub)}.legacy-content .svc-item.failed {background:rgba(220,38,38,.04);border:1px solid rgba(220,38,38,.1)}.legacy-content .svc-item.connected {background:rgba(22,163,74,.04);border:1px solid rgba(22,163,74,.1)}.legacy-content .svc-item.waiting {background:rgba(217,119,6,.04);border:1px solid rgba(217,119,6,.1)}.legacy-content .timing-bar {margin-top:14px;padding:12px 14px;border-radius:var(--radius-sm);background:var(--bg)}.legacy-content .timing-label {font-size:12px;font-weight:700;margin-bottom:6px}.legacy-content .timing-track {height:10px;background:rgba(0,0,0,.06);border-radius:999px;overflow:hidden;position:relative}.legacy-content .timing-fill {height:100%;border-radius:999px;transition:width 1.5s ease}.legacy-content .timing-value {font-size:20px;font-weight:900;margin-top:6px}.legacy-content .eager .timing-value {color:var(--danger)}.legacy-content .lazy .timing-value {color:var(--success)}.legacy-content .play-btn {display:inline-flex;align-items:center;gap:6px;background:var(--accent);color:#fff;border:none;padding:10px 24px;border-radius:999px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;font-family:inherit}.legacy-content .play-btn:hover {transform:translateY(-1px);box-shadow:0 4px 16px rgba(0,102,255,.3)}.legacy-content .play-btn:disabled {background:#c4c8cf;cursor:not-allowed;box-shadow:none;transform:none}.legacy-content .principle-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:12px;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:16px;box-shadow:var(--shadow-card);text-align:center}.legacy-content .principle-card .pi {font-size:28px;margin-bottom:8px}.legacy-content .principle-card h4 {font-size:14px;font-weight:800;color:var(--text);margin-bottom:6px}.legacy-content .principle-card p {font-size:12px;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)}