:root{color-scheme:light;--paper:#fffdfa;--ink:#202538;--muted:#596277;--blue:#285dff;--pale:#edf3ff;--line:#e5e8ef;font-family:"Segoe UI Variable","PingFang SC","Microsoft YaHei",system-ui,sans-serif}*{box-sizing:border-box}html{scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font-size:16px;line-height:1.85}a{color:var(--blue);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}button,summary{font:inherit}img{max-width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.35;letter-spacing:-.035em}.shell{width:min(1200px,calc(100% - 96px));margin-inline:auto}.header{border-bottom:1px solid var(--line);background:#fff}.topbar{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:80px}.brand{display:flex;gap:10px;align-items:center;font-weight:750;color:var(--ink);text-decoration:none;white-space:nowrap}.brand img{border-radius:9px}.topbar>div{display:flex;align-items:center;gap:26px}.topbar>div>a{font-size:13px;text-decoration:none;color:var(--muted)}.topbar>div>a.current{color:var(--blue)}.button,.topbar>div>.button{display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:10px 18px;border-radius:10px;background:var(--blue);color:#fff;text-decoration:none;font-size:14px;font-weight:650}.button:hover{background:#174ce8}.quiet{font-size:14px;font-weight:600;text-decoration:none}.skip{position:absolute;top:8px;left:8px;z-index:10;padding:10px 18px;background:white;transform:translateY(-180%)}.skip:focus{transform:none}:focus-visible{outline:3px solid #285dff;outline-offset:5px}.cover{padding:78px 0 62px;display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:70px;border-bottom:1px solid var(--line)}.eyebrow,.chapter{font-size:12px;font-weight:650;color:var(--blue);letter-spacing:.06em}.cover h1{font-size:clamp(35px,4.5vw,57px);margin:16px 0 22px;font-weight:740}.intro{font-size:15px;line-height:1.9;color:var(--muted)}.cover-actions{display:flex;gap:24px;align-items:center;margin-top:27px}.route{padding:32px;border:1px solid #dbe5ff;border-radius:20px;background:linear-gradient(150deg,#f6f9ff,#edf3ff)}.route>span{display:block;font-size:12px;color:var(--muted)}.route b{display:block;font-size:20px;color:var(--ink);margin-top:4px}.route i{display:block;width:2px;height:34px;background:#aac0ff;margin:13px 0 13px 10px;position:relative}.route i:after{content:"";display:block;width:7px;height:7px;border:2px solid var(--blue);background:#fff;border-radius:50%;position:absolute;bottom:0;left:-4px}.route p{padding-top:22px;margin-top:23px;border-top:1px solid #dbe5ff;font-size:13px;line-height:1.8;color:var(--muted)}.reading{display:grid;grid-template-columns:245px minmax(0,1fr);gap:70px;align-items:start}.sidebar{position:sticky;top:24px;padding-top:46px;padding-bottom:25px}.contents summary{font-weight:700;font-size:13px;cursor:pointer;margin-bottom:16px}.contents nav{display:grid;gap:3px}.contents a{font-size:13px;padding:5px 9px;border-left:2px solid transparent;text-decoration:none;color:var(--muted);line-height:1.7;border-radius:0 6px 6px 0}.contents a:hover,.contents a[aria-current="location"]{border-color:var(--blue);background:var(--pale);color:var(--blue)}.side-note{font-size:12px;color:var(--muted);line-height:1.8;margin:28px 0 0 11px}.article{min-width:0}.article section{padding:48px 0;border-bottom:1px solid var(--line);scroll-margin-top:28px}.chapter{font-family:Consolas,"Microsoft YaHei",monospace;margin-bottom:11px}.article h2{font-size:28px;margin-bottom:21px;font-weight:700}.article h3{font-size:18px;margin:28px 0 10px}.article p+p,.article p+ul,.article p+ol{margin-top:17px}.article p,.article li{font-size:15px;line-height:1.95}.article ul,.article ol{padding-left:23px;margin-block:18px}.article li{padding-left:5px;margin-bottom:13px}.article li::marker{color:var(--blue);font-weight:600}.article strong{font-weight:650}.article a{overflow-wrap:anywhere}.checkpoint{padding:21px 25px;border-left:3px solid var(--blue);background:var(--pale);margin-top:24px;border-radius:0 10px 10px 0}.checkpoint b{font-size:14px}.checkpoint p{font-size:14px;margin-top:5px;color:#43506b}.note{color:var(--muted);font-size:14px!important}.article blockquote{padding:21px 25px;margin:22px 0;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:15px}.article details{border:1px solid var(--line);background:white;border-radius:10px;margin-top:13px;padding:0 20px}.article details summary{font-size:15px;font-weight:650;cursor:pointer;padding:16px 0}.article details[open] summary{border-bottom:1px solid var(--line);margin-bottom:15px}.article details p:last-child{margin-bottom:20px}.support{margin-top:27px!important}.finish{padding:40px 0 48px;display:flex;align-items:center;gap:22px;flex-wrap:wrap}.finish p{flex-basis:100%;font-size:21px;font-weight:650}.footer{display:flex;justify-content:space-between;gap:20px;padding-block:28px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.footer nav{display:flex;gap:20px;flex-wrap:wrap}.footer a{color:inherit;text-decoration:none}video{display:block;width:100%;background:#16213b;border-radius:12px}.video-chapters{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.video-chapters a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;font-size:13px;padding:8px 12px;border:1px solid var(--line);background:#fff;color:var(--blue);border-radius:7px;cursor:pointer}.video-chapters a:hover{background:var(--pale)}
.video-section>p:not(.chapter){margin-bottom:20px}.video-frame{margin-top:22px;overflow:hidden;border:1px solid var(--line);border-radius:13px;background:var(--pale)}.video-frame video{aspect-ratio:16/9;object-fit:contain;border-radius:0}.video-chapters a[aria-current="step"]{border-color:var(--blue);background:var(--pale);color:var(--blue)}.video-section>.note{margin:20px 0 0!important}.cover-actions{flex-wrap:wrap}
@media(min-width:1000px){.contents summary{list-style:none;pointer-events:none}.contents summary::-webkit-details-marker{display:none}.contents>nav{display:grid!important}}
@media(max-width:1000px){.shell{width:calc(100% - 56px)}.reading{grid-template-columns:200px minmax(0,1fr);gap:36px}.cover{gap:32px}.route{padding:24px}.route b{font-size:18px}.article h2{font-size:25px}.topbar>div{gap:18px}}
@media(max-width:720px){.shell{width:calc(100% - 36px)}.topbar{min-height:72px;gap:14px;flex-wrap:wrap;padding-block:14px}.brand{font-size:14px;gap:8px}.brand img{width:25px}.topbar>div{gap:14px}.topbar>div>.button{padding:8px 11px;min-height:36px;font-size:12px}.topbar>div>a{font-size:12px}.cover{grid-template-columns:1fr;padding:40px 0 32px;gap:28px}.cover h1{font-size:36px}.intro br{display:none}.route{padding:23px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.route>i{display:none}.route b{font-size:15px}.route p{grid-column:1/-1;padding-top:14px;margin-top:0;font-size:12px}.reading{display:block}.sidebar{position:static;padding-top:24px;padding-bottom:0}.contents{padding:14px 17px;background:#fff;border:1px solid var(--line);border-radius:10px}.contents summary{margin:0}.contents[open] summary{margin-bottom:12px}.contents nav{grid-template-columns:1fr 1fr}.contents a{font-size:12px;padding:6px}.side-note{display:none}.article section{padding-block:35px}.article h2{font-size:25px}.article p,.article li{font-size:14px}.article li{margin-bottom:12px}.checkpoint{padding:17px 18px}.footer{display:block}.footer nav{margin-top:12px;gap:16px}.article details{padding-inline:15px}.finish{padding-block:32px}}
@media(max-width:390px){.topbar>div{width:100%;justify-content:space-between}.cover h1{font-size:32px}.contents nav{grid-template-columns:1fr}.route{gap:10px}.route b{font-size:13px}}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
@media print{body{background:#fff}.shell{width:100%}.header,.sidebar,.cover-actions,.finish,.footer,.video-chapters,video{display:none}.cover{padding:0 0 25px;gap:25px}.cover h1{font-size:30px}.reading{display:block}.article section{break-inside:avoid;padding-block:22px}.article h2{font-size:22px}details>*{display:block!important}a{color:inherit}}