:root{--n:#12324a;--b:#2563eb;--a:#d97706;--bg:#f5f8fc;--line:#dbe5ef;--t:#1e293b;--m:#64748b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--t);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.8;padding:18px}.wrap{max-width:980px;margin:auto}.nav{display:flex;justify-content:space-between;gap:16px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 16px;margin-bottom:16px}.nav a{text-decoration:none;font-weight:700}.brand{color:var(--n)}.back{color:var(--b);font-size:14px;white-space:nowrap}.hero{background:linear-gradient(135deg,#173b55,#2563eb);color:#fff;border-radius:16px;padding:28px 30px;margin-bottom:18px}.hero h1{font-size:28px;line-height:1.3;margin:0 0 8px}.hero p{margin:0;opacity:.9}.pill{display:inline-block;margin:14px 8px 0 0;padding:2px 12px;border-radius:99px;background:#ffffff2e;font-size:13px}.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px 26px;margin-bottom:18px;box-shadow:0 4px 12px #1e293b0f}.card h2{color:var(--n);font-size:20px;margin:0 0 14px}.problem{padding:15px 18px;border-left:4px solid var(--a);background:#fffaf0;border-radius:0 9px 9px 0}.problem p{margin:6px 0}.step{padding:14px 0;border-bottom:1px dashed var(--line)}.step:last-child{border:0}.step h3{color:var(--n);font-size:16px;margin:0 0 7px}.step h3:before{content:counter(step);counter-increment:step;display:inline-grid;place-items:center;width:25px;height:25px;margin-right:8px;border-radius:50%;background:#dbeafe;color:var(--b);font-size:13px}.steps{counter-reset:step}.formula{display:block;text-align:center;margin:10px 0;padding:9px;border-radius:8px;background:#eef5ff;color:#174ea6;font-weight:800}.answer{padding:14px 16px;border-radius:9px;background:#f0fdf4;border:1px solid #bbf7d0;color:#166534;font-weight:700}.figure-card{overflow:hidden}.lesson-figure{display:block;width:100%;height:auto;max-height:360px;border:1px solid var(--line);border-radius:12px;background:#f8fbff}.lesson-figure .base{fill:none;stroke:#2563eb;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.lesson-figure .aux{fill:none;stroke:#d97706;stroke-width:3;stroke-dasharray:8 6}.lesson-figure .goal{fill:none;stroke:#059669;stroke-width:4;stroke-linecap:round}.lesson-figure .point{fill:#12324a}.lesson-figure .panel{fill:#eef5ff;stroke:#b9d3f2;stroke-width:2}.lesson-figure text{fill:#12324a;font:700 18px "Microsoft YaHei",sans-serif}.lesson-figure .small{fill:#64748b;font-size:15px;font-weight:500}.figure-caption{margin:10px 0 0;text-align:center;color:var(--m);font-size:14px}.footer{text-align:center;color:var(--m);font-size:13px;padding:10px}@media(max-width:680px){body{padding:10px}.nav{align-items:flex-start}.brand{max-width:58%}.hero{padding:22px 18px}.hero h1{font-size:23px}.card{padding:18px 16px}.lesson-figure text{font-size:15px}.lesson-figure .small{font-size:12px}}