@keyframes _si{to{opacity:1}}.legacy-content .lesson-header h1 em {font-style:normal;color:var(--cyan)}.legacy-content .boundary-layout {display:grid;grid-template-columns:1fr 1.1fr;gap:20px;align-items:start}.legacy-content .left-desc {font-size:14px;color:var(--sub);line-height:1.7;margin-bottom:12px}.legacy-content .left-desc strong {color:var(--text)}.legacy-content .quad-wrap {position:relative;display:flex;flex-direction:column}.legacy-content .axis-label-y {position:absolute;left:-4px;top:50%;transform:translateY(-50%) rotate(-90deg);font-size:10px;font-weight:700;color:var(--muted);letter-spacing:.5px;white-space:nowrap;z-index:2}.legacy-content .axis-label-x {position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);font-size:10px;font-weight:700;color:var(--muted);letter-spacing:.5px;z-index:2}.legacy-content .quad-grid {display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-left:18px;margin-bottom:18px}.legacy-content .quad {border-radius:12px;padding:16px 14px;border:2px solid;cursor:pointer;transition:all .25s;display:flex;flex-direction:column;gap:5px;min-height:110px}.legacy-content .quad:hover {transform:scale(1.02);box-shadow:0 4px 16px rgba(0,0,0,.08)}.legacy-content .quad.active {transform:scale(1.03);box-shadow:0 6px 24px rgba(0,0,0,.12)}.legacy-content .quad-badge {display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:7px;font-size:11px;font-weight:800;width:fit-content}.legacy-content .quad-title {font-size:15px;font-weight:800;line-height:1.3}.legacy-content .quad-hint {font-size:12px;opacity:.75;line-height:1.4}.legacy-content .q-safe {background:rgba(8,145,178,.06);border-color:rgba(8,145,178,.25);color:#0e7490}.legacy-content .q-safe.active {border-color:#0891b2;background:rgba(8,145,178,.12)}.legacy-content .q-safe .quad-badge {background:rgba(8,145,178,.18);color:#0e7490}.legacy-content .q-danger {background:rgba(220,38,38,.06);border-color:rgba(220,38,38,.25);color:#991b1b}.legacy-content .q-danger.active {border-color:#dc2626;background:rgba(220,38,38,.12)}.legacy-content .q-danger .quad-badge {background:rgba(220,38,38,.18);color:#991b1b}.legacy-content .q-feed {background:rgba(217,119,6,.06);border-color:rgba(217,119,6,.25);color:#92400e}.legacy-content .q-feed.active {border-color:#d97706;background:rgba(217,119,6,.12)}.legacy-content .q-feed .quad-badge {background:rgba(217,119,6,.18);color:#92400e}.legacy-content .q-dream {background:rgba(107,114,128,.06);border-color:rgba(107,114,128,.25);color:#4b5563}.legacy-content .q-dream.active {border-color:#6b7280;background:rgba(107,114,128,.12)}.legacy-content .q-dream .quad-badge {background:rgba(107,114,128,.18);color:#4b5563}.legacy-content .detail-panel {display:flex;flex-direction:column;gap:10px}.legacy-content .detail-header {display:flex;align-items:center;gap:10px}.legacy-content .detail-icon {width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.legacy-content .detail-title {font-size:18px;font-weight:800;color:var(--text)}.legacy-content .detail-sub {font-size:12px;margin-top:2px}.legacy-content .detail-card {background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px 16px}.legacy-content .dc-label {font-size:11px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;margin-bottom:6px}.legacy-content .dc-body {font-size:14px;color:var(--sub);line-height:1.7}.legacy-content .dc-body strong {color:var(--text)}.legacy-content .example-list {display:flex;flex-direction:column;gap:6px}.legacy-content .example-item {display:flex;align-items:flex-start;gap:8px;font-size:14px;color:var(--sub);line-height:1.5}.legacy-content .example-dot {width:6px;height:6px;border-radius:50%;flex-shrink:0;margin-top:7px}.legacy-content .strategy-box {border-radius:12px;padding:14px 16px;font-size:14px;line-height:1.7}.legacy-content .strategy-box strong {font-weight:800}.legacy-content .tip-box {display:flex;gap:8px;padding:12px 14px;border-radius:10px;font-size:13px;line-height:1.6}.legacy-content .tip-icon {flex-shrink:0;font-size:14px;margin-top:1px}@media (max-width:768px){.legacy-content .boundary-layout {grid-template-columns:1fr}.legacy-content .quad {min-height:96px}}