:root{--ink:#10213c;--ocean:#0788ae;--muted:#687f93;--line:#d9e7eb}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;min-width:320px;color:var(--ink);font:15px/1.85 "Microsoft YaHei UI","Microsoft YaHei",sans-serif;background:radial-gradient(circle at 85% 8%,#dff1f5,transparent 32rem),#f5fafb}a{color:var(--ocean);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,summary:focus-visible{outline:3px solid #38bdf8;outline-offset:4px}main,footer{width:min(1180px,calc(100% - 36px));margin:auto}.hero{padding:56px 0 34px;max-width:850px}.eyebrow{color:var(--ocean);font-size:12px;font-weight:800;letter-spacing:.16em}.hero h1{font-size:clamp(32px,4.5vw,48px);line-height:1.3;margin:12px 0 16px;letter-spacing:-.04em}.hero p{color:var(--muted);margin:0;max-width:720px;font-size:16px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.button{display:inline-flex;align-items:center;justify-content:center;padding:9px 20px;border:1px solid var(--line);border-radius:12px;background:white;color:var(--ink);font-size:14px;font-weight:700}.button.primary{background:var(--ocean);color:white;border-color:var(--ocean)}.layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:32px;align-items:start;padding-bottom:40px}.toc{position:sticky;top:96px;border:1px solid var(--line);border-radius:20px;background:#ffffffc9;padding:20px}.toc strong{display:block;font-size:13px;margin-bottom:12px}.toc a{display:block;padding:8px 0;color:#486175;font-size:13px}.toc .faq-link{border-top:1px solid var(--line);margin-top:10px;padding-top:16px}.content{min-width:0}.checklist,.lesson,.faq{border:1px solid var(--line);border-radius:22px;background:#fff;padding:28px;margin-bottom:20px}.checklist{background:#edf8fa}.checklist h2{font-size:18px;margin:0 0 10px}.checklist p{margin:6px 0;color:#486175;font-size:14px}.lesson-heading{display:flex;align-items:center;gap:14px;margin-bottom:18px}.number{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:12px;background:#edf8fa;color:var(--ocean);font-size:15px;font-weight:800}.lesson h2,.faq h2{font-size:22px;margin:0;line-height:1.5}.path{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:12px 0 18px;color:var(--muted);font-size:12px}.path span{padding:4px 10px;border:1px solid var(--line);border-radius:7px;background:#f7fafb;color:#486175}.lesson ol{padding-left:22px;margin:0}.lesson li{padding-left:4px;margin:9px 0}.lesson p{margin:12px 0}.note{padding:12px 16px;border-left:3px solid #a8d9e5;border-radius:0 10px 10px 0;background:#f2f8fa;color:#486175;font-size:13px}.result{display:flex;gap:10px;align-items:baseline;padding-top:16px;margin-top:18px;border-top:1px solid #edf2f4;color:#486175;font-size:13px}.result b{color:#087758;white-space:nowrap}.faq h2{margin-bottom:18px}.faq details{border-top:1px solid var(--line);padding:16px 0}.faq details:last-child{padding-bottom:0}.faq summary{cursor:pointer;font-weight:700;font-size:15px}.faq details p{margin:12px 0 0;color:#486175;font-size:14px}.closing{padding:8px 0 28px;color:var(--muted);font-size:13px}footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;border-top:1px solid var(--line);padding:24px 0 32px;color:var(--muted);font-size:12px}@media(max-width:800px){.layout{grid-template-columns:1fr;gap:20px}.toc{position:static;display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.toc strong{grid-column:1/-1}.toc .faq-link{border:0;margin:0;padding:8px 0}.hero{padding:32px 0 24px}.checklist,.lesson,.faq{padding:22px}.lesson h2,.faq h2{font-size:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

@media(max-width:860px){html{scroll-padding-top:155px}.toc{top:145px}}