@keyframes _si{to{opacity:1}}

.legacy-content .spectrum-wrap {margin-top:8px}.legacy-content .spectrum-card {background:var(--card);border:1.5px solid var(--border);border-radius:var(--radius);padding:28px 24px 24px;box-shadow:var(--shadow-card)}.legacy-content .spectrum-labels {display:flex;justify-content:space-between;font-size:12px;font-weight:700;color:var(--sub);margin-bottom:18px}.legacy-content .spectrum-labels .left {color:var(--success)}.legacy-content .spectrum-labels .right {color:var(--danger)}.legacy-content .spectrum-track {position:relative;height:8px;background:linear-gradient(90deg,var(--success),var(--amber),var(--danger));border-radius:999px;margin:0 0 12px;cursor:pointer}.legacy-content .spectrum-thumb {position:absolute;top:50%;width:28px;height:28px;border-radius:50%;background:var(--card);border:3px solid var(--accent);box-shadow:0 2px 10px rgba(0,0,0,.15);transform:translate(-50%,-50%);cursor:grab;transition:left .35s ease;z-index:2}.legacy-content .spectrum-thumb:active {cursor:grabbing}.legacy-content .spectrum-dots {display:flex;justify-content:space-between;position:relative;margin-top:6px}.legacy-content .spectrum-dot {width:10px;height:10px;border-radius:50%;background:var(--border);cursor:pointer;transition:background .2s,transform .2s;z-index:1}.legacy-content .spectrum-dot.active {background:var(--accent);transform:scale(1.4)}.legacy-content .spectrum-dot-labels {display:flex;justify-content:space-between;margin-top:8px}.legacy-content .spectrum-dot-labels span {font-size:11px;color:var(--sub);font-weight:600;text-align:center;width:0;display:flex;justify-content:center}.legacy-content .mode-detail {margin-top:20px;background:var(--card);border:1.5px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-card);min-height:220px;transition:border-color .3s}.legacy-content .mode-header {display:flex;align-items:center;gap:12px;margin-bottom:14px}.legacy-content .mode-icon {width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.legacy-content .mode-title {font-size:20px;font-weight:800;color:var(--text)}.legacy-content .mode-subtitle {font-size:13px;color:var(--sub);font-weight:600}.legacy-content .mode-body {font-size:14px;color:var(--text);line-height:1.8}.legacy-content .mode-tags {display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.legacy-content .mode-tag {font-size:12px;font-weight:700;padding:5px 12px;border-radius:999px}.legacy-content .mode-tag.pro {background:rgba(22,163,74,.08);color:var(--success);border:1px solid rgba(22,163,74,.2)}.legacy-content .mode-tag.con {background:rgba(220,38,38,.06);color:var(--danger);border:1px solid rgba(220,38,38,.15)}.legacy-content .mode-tag.scene {background:rgba(0,102,255,.06);color:var(--accent);border:1px solid rgba(0,102,255,.15)}.legacy-content .mode-grid {display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:20px}@media(max-width:768px){.legacy-content .mode-grid {grid-template-columns:repeat(3,1fr)}}@media(max-width:480px){.legacy-content .mode-grid {grid-template-columns:1fr}}.legacy-content .mode-mini {background:var(--card);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:12px;text-align:center;cursor:pointer;transition:all .2s}.legacy-content .mode-mini:hover {border-color:var(--accent);box-shadow:var(--shadow-pop)}.legacy-content .mode-mini.active {border-color:var(--accent);box-shadow:0 0 0 3px rgba(0,102,255,.1)}.legacy-content .mode-mini .mi {font-size:22px;margin-bottom:6px}.legacy-content .mode-mini .mn {font-size:12px;font-weight:700;color:var(--text)}.legacy-content .takeaway {background:rgba(0,102,255,.04);border:1.5px solid rgba(0,102,255,.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(--accent)}