:root{--p:#7c3aed;--soft:#f3e8ff;--navy:#12324a;--gold:#d97706;--green:#059669;--cyan:#0891b2;--pink:#be185d;--bg:#f5f8fc;--text:#1e293b;--muted:#64748b;--line:#dbe5ef}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding:18px;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.8}.wrap{max-width:980px;margin:auto}.nav{display:flex;justify-content:space-between;gap:14px;padding:10px 15px;margin-bottom:16px;border:1px solid var(--line);border-radius:10px;background:#fff}.nav a{text-decoration:none;font-weight:800}.brand{color:var(--navy);font-size:14px}.back{color:var(--p);font-size:13px;white-space:nowrap}.hero{padding:28px;margin-bottom:18px;border-radius:16px;color:#fff;background:linear-gradient(135deg,#4c1d95,#7c3aed);box-shadow:0 16px 34px rgba(124,58,237,.2)}h1{margin:0 0 7px;font-size:27px;line-height:1.35}.hero p{margin:0;opacity:.9}.tag{display:inline-block;margin:12px 7px 0 0;padding:3px 11px;border-radius:99px;background:#ffffff2b;font-size:12px}.card{margin-bottom:18px;padding:22px 26px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(18,50,74,.08)}h2{margin:0 0 14px;color:var(--navy);font-size:19px}.problem{padding:16px 18px;border-left:4px solid var(--gold);border-radius:0 9px 9px 0;background:#fff9e9}.formula{display:inline-block;margin:2px 3px;padding:2px 8px;border-radius:6px;background:#f1f5f9;color:var(--pink);font-family:"Cambria Math","Times New Roman",serif}.block{display:block;margin:12px 0;padding:11px;border-radius:8px;background:var(--soft);color:#6b21a8;text-align:center;font:700 18px/1.55 "Cambria Math","Times New Roman",serif}.muted{color:var(--muted);font-size:13px}.diagram{display:block;width:100%;max-width:760px;height:auto;margin:12px auto;border:1px solid var(--line);border-radius:12px;background:#fbfdff}.base{fill:none;stroke:#7c3aed;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.aux{fill:none;stroke:#0891b2;stroke-width:3;stroke-dasharray:8 6;stroke-linecap:round;stroke-linejoin:round}.goal{fill:none;stroke:#ea580c;stroke-width:4;stroke-linecap:round}.mark{fill:none;stroke:#d97706;stroke-width:2.5}.pt{fill:#12324a}.lbl{fill:#12324a;font:700 17px sans-serif}.note{fill:#64748b;font:700 14px sans-serif}.accent{fill:#be185d;font:700 15px sans-serif}[data-stage]{transition:opacity .25s}.control{display:flex;align-items:center;gap:10px;max-width:760px;margin:10px auto;color:var(--muted);font-size:13px;font-weight:800}.control input{min-width:80px;flex:1;accent-color:var(--p)}.value{min-width:76px;padding:3px 7px;border-radius:6px;background:var(--soft);color:var(--p);text-align:center}details{margin-bottom:10px;border:1px solid var(--line);border-radius:10px;overflow:hidden}summary{padding:12px 15px;background:#f8fafc;cursor:pointer;font-weight:850}details[open] summary{background:var(--soft);color:#6b21a8}.proof{padding:13px 18px}.proof p{margin:6px 0}.answer{padding:11px;border-radius:9px;background:#ecfdf5;color:#047857;text-align:center;font-weight:900}.summary{width:100%;border-collapse:collapse;font-size:14px}.summary th,.summary td{padding:9px;border:1px solid var(--line);text-align:center}.summary th{background:var(--soft);color:#6b21a8}.footer{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 15px;padding:14px;color:var(--muted);font-size:12px}.footer a{color:inherit}@media(max-width:680px){body{padding:10px}.nav{align-items:flex-start}.brand{max-width:57%}.hero{padding:22px 17px}h1{font-size:22px}.card{padding:17px 14px}.summary{font-size:12px}.summary th,.summary td{padding:6px 4px}.lbl{font-size:15px}.note{font-size:12px}}