@font-face{font-family:Course-sans;src:url(/zh/learn/fonts/NotoSansSC.ttf)format("truetype");font-weight:100 900;font-display:swap}@font-face{font-family:Course-display;src:url(/zh/learn/fonts/SmileySans-Oblique.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Course-latin;src:url(/zh/learn/fonts/SpaceGrotesk.ttf)format("truetype");font-weight:300 700;font-display:swap;unicode-range:U+20-7E,U+A0-FF,U+2013,U+2212}:root{--paper:#fff4e0;--ink:#111;--lime:#c6f432;--violet:#a78bfa;--coral:#ff6b4a;--sky:#7dd3fc;--sun:#ffd23f;--white:#fff;--mute:#8a8172;--grid:#11111124;--olive:#6f8f00;--sky-deep:#1f8ac0;--bw:4px;--sh:8px;--gut:16px;--sans:"Course-latin", "Course-sans", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;--display:"Course-display", var(--sans);--num:"Course-latin", "Course-sans", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:88px}body{background:var(--paper);color:var(--ink);font-family:var(--sans);margin:0;font-size:17px;line-height:1.75}a{color:inherit;text-underline-offset:3px;text-decoration-thickness:2px}code{font-family:var(--num);background:var(--white);border:2px solid var(--ink);overflow-wrap:anywhere;padding:0 5px;font-size:.92em}img{max-width:100%}.num{font-family:var(--num);font-variant-numeric:tabular-nums;font-weight:700}.wrap{width:100%;max-width:1120px;padding:0 var(--gut);margin:0 auto}.main{min-height:70vh;padding-top:32px;padding-bottom:64px}.muted{color:#4d473e}.topbar{z-index:10;background:var(--paper);border-bottom:var(--bw) solid var(--ink);position:sticky;top:0}.topbar-in{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;min-height:68px;display:flex}.brand{align-items:center;gap:10px;line-height:1.15;text-decoration:none;display:flex}.brand img{border:3px solid var(--ink);object-fit:cover;border-radius:50%;width:40px;height:40px}.brand b{font-family:var(--num);font-size:18px;display:block}.brand small{font-size:13px;font-weight:700}.nav{gap:8px;display:flex}.nav a{border:3px solid var(--ink);background:var(--white);box-shadow:3px 3px 0 var(--ink);padding:4px 12px;font-weight:700;text-decoration:none;transition:transform 80ms,box-shadow 80ms}.nav a:hover,.nav a.on{background:var(--lime)}.nav a:active{box-shadow:none;transform:translate(3px,3px)}.footer{border-top:var(--bw) solid var(--ink);background:var(--ink);color:var(--paper);font-size:14px}.footer-in{flex-direction:column;gap:4px;padding-top:24px;padding-bottom:32px;display:flex}.sticker{border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);white-space:nowrap;padding:2px 12px;font-size:15px;font-weight:700;line-height:1.5;display:inline-block}.tag{border:2px solid var(--ink);background:var(--white);padding:0 8px;font-size:12px;font-weight:700;line-height:1.6;display:inline-block}.tag.on{background:var(--lime)}.card{border:var(--bw) solid var(--ink);box-shadow:var(--sh) var(--sh) 0 var(--ink);background:var(--white);padding:20px}.card h3{margin:12px 0 4px}.display{font-family:var(--display);letter-spacing:.01em;margin:18px 0 12px;font-size:clamp(40px,9vw,84px);font-weight:400;line-height:1.05}.display-sm{font-family:var(--display);margin:0 0 8px;font-size:clamp(30px,6vw,52px);font-weight:400;line-height:1.1}.display-sm a{text-decoration:none}.lede{max-width:44em;margin:0 0 8px;font-size:19px}.hero{padding:24px 0 40px}.hero-sm{padding-bottom:24px}.cta{flex-wrap:wrap;gap:16px;margin-top:28px;display:flex}.btn{border:var(--bw) solid var(--ink);background:var(--white);box-shadow:6px 6px 0 var(--ink);align-items:center;gap:10px;padding:10px 22px;font-size:18px;font-weight:700;text-decoration:none;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.btn-main{background:var(--lime)}.btn:hover{box-shadow:8px 8px 0 var(--ink);transform:translate(-2px,-2px)}.btn:active{box-shadow:none;transform:translate(6px,6px)}.arrow{vertical-align:-.12em;flex:none}.block{margin-top:48px}.block-title{border-bottom:var(--bw) solid var(--ink);flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 18px;padding-bottom:8px;font-size:26px;line-height:1.3;display:flex}.block h3{font-size:20px}.grid2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}ul.plain{padding-left:1.2em}ul.plain li{margin:6px 0}.crumbs{margin-bottom:16px;font-size:14px;font-weight:700}.warn{border-left:8px solid var(--coral);background:var(--white);padding:10px 14px;font-weight:700}.linkish{font:inherit;cursor:pointer;color:inherit;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline;text-decoration-thickness:2px}.pipeline{grid-template-columns:repeat(5,1fr);gap:18px;margin:0 0 20px;padding:0;list-style:none;display:grid}.pipeline li{border:var(--bw) solid var(--ink);box-shadow:var(--sh) var(--sh) 0 var(--ink);position:relative}.pipeline li:nth-child(odd){transform:rotate(-1deg)}.pipeline li:nth-child(2n){transform:rotate(1deg)}.pipeline a{flex-direction:column;gap:4px;height:100%;padding:14px 14px 16px;text-decoration:none;display:flex}.pipe-stage{font-family:var(--display);font-size:40px;line-height:1}.pipe-unit{font-size:14px;font-weight:700}.pipe-out{border-top:2px solid var(--ink);margin-top:auto;padding-top:6px;font-size:14px;line-height:1.5}.unit-strip{grid-template-columns:repeat(5,1fr);gap:16px;display:grid}.strip-col{flex-direction:column;gap:8px;display:flex}.strip-head{border:3px solid var(--ink);padding:4px 10px;font-weight:700;text-decoration:none}.strip-item{border-bottom:2px dashed var(--grid);gap:8px;padding:4px 0;font-size:15px;line-height:1.45;text-decoration:none;display:flex}.strip-item:hover span:last-child{text-decoration:underline}.unit-head{border:var(--bw) solid var(--ink);box-shadow:var(--sh) var(--sh) 0 var(--ink);padding:20px 22px 14px}.unit-head .sticker{margin-bottom:14px}.unit-head p{margin:4px 0}.lesson-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:24px;display:grid}.lesson-card{border:var(--bw) solid var(--ink);background:var(--white);box-shadow:6px 6px 0 var(--ink);gap:14px;padding:14px;text-decoration:none;transition:transform 80ms,box-shadow 80ms;display:flex}.lesson-card:hover{box-shadow:8px 8px 0 var(--ink);transform:translate(-2px,-2px)}.lc-num{border:3px solid var(--ink);flex:none;place-items:center;width:56px;height:56px;font-size:24px;display:grid}.lc-body{flex-direction:column;gap:4px;min-width:0;display:flex}.lc-body b{font-size:18px;line-height:1.35}.lc-q{color:#4d473e;font-size:14px;line-height:1.55}.lc-tags{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.pager{grid-template-columns:1fr 1fr;gap:20px;margin-top:56px;display:grid}.pager a{border:var(--bw) solid var(--ink);background:var(--white);box-shadow:6px 6px 0 var(--ink);flex-direction:column;padding:12px 16px;font-weight:700;line-height:1.45;text-decoration:none;display:flex}.pager small{color:#4d473e;font-size:13px}.pager-next{text-align:right;align-items:flex-end}.lesson-head{border:var(--bw) solid var(--ink);box-shadow:var(--sh) var(--sh) 0 var(--ink);align-items:flex-start;gap:24px;padding:24px;display:flex}.big-num{font-family:var(--num);-webkit-text-stroke:3px var(--ink);color:var(--white);text-shadow:4px 4px 0 var(--ink);font-size:88px;font-weight:700;line-height:.9}.core-q{flex-wrap:wrap;align-items:baseline;gap:10px 12px;margin:8px 0 12px;font-size:19px;font-weight:700;display:flex}.meta{flex-wrap:wrap;gap:8px;margin:0;font-size:14px;font-weight:700;display:flex}.meta span{border:2px solid var(--ink);background:var(--paper);padding:0 8px}.progress{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:28px;font-weight:700;display:flex}.dots{gap:8px;display:flex}.dot{border:3px solid var(--ink);background:var(--white);place-items:center;width:40px;height:32px;font-size:14px;text-decoration:none;display:grid}.dot.on{box-shadow:3px 3px 0 var(--ink)}.toc{border-top:2px dashed var(--ink);border-bottom:2px dashed var(--ink);flex-wrap:wrap;gap:8px;margin-top:18px;padding:12px 0;display:flex}.toc a{border:2px solid var(--ink);background:var(--white);padding:0 10px;font-size:14px;font-weight:700;text-decoration:none}.toc a:hover{background:var(--sun)}.video{aspect-ratio:16/9;border:var(--bw) solid var(--ink);box-shadow:var(--sh) var(--sh) 0 var(--ink);background:var(--ink);position:relative}.video iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.video-wip{text-align:center;background:repeating-linear-gradient(-45deg, var(--white) 0 18px, var(--paper) 18px 36px);flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:20px;display:flex}.video-wip .sticker{font-size:28px;font-family:var(--display);padding:4px 20px;font-weight:400}.video-wip p{background:var(--white);border:2px solid var(--ink);max-width:30em;margin:0;padding:6px 12px;font-weight:700}.goals{counter-reset:g;gap:12px;margin:0;padding:0;list-style:none;display:grid}.goals li{counter-increment:g;background:var(--white);border:3px solid var(--ink);align-items:flex-start;gap:14px;padding:10px 14px;display:flex}.goals li:before{content:counter(g);font-family:var(--num);background:var(--lime);border:3px solid var(--ink);flex:none;place-items:center;width:30px;height:30px;margin-top:2px;font-weight:700;line-height:1;display:grid}.figures{gap:40px;display:grid}.fig{margin:0}.fig-img{border:var(--bw) solid var(--ink);box-shadow:var(--sh) var(--sh) 0 var(--ink);background:var(--paper);display:block}.fig-img img{width:100%;height:auto;display:block}.fig figcaption{align-items:flex-start;gap:12px;margin-top:18px;font-weight:600;line-height:1.6;display:flex}.fig-n{background:var(--ink);color:var(--paper);flex:none;margin-top:3px;padding:2px 6px;font-size:13px}.wip{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.wip p{margin:0}.ai h3{margin:28px 0 8px}.prompt{border:var(--bw) solid var(--ink);box-shadow:6px 6px 0 var(--violet);background:var(--ink);color:var(--paper);padding:16px;position:relative}.prompt pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:15px;line-height:1.7}.prompt pre code{color:inherit;background:0 0;border:0;padding:0}.prompt .copy{float:right;color:var(--ink);background:var(--lime);box-shadow:4px 4px 0 var(--paper);cursor:pointer;margin:0 0 10px 12px;padding:6px 14px;font-family:inherit;font-size:15px}.prompt details{clear:both;border-top:2px dashed var(--paper);margin-top:14px;padding-top:10px}.prompt summary{cursor:pointer;font-size:14px;font-weight:700}.prompt details pre{opacity:.9;margin-top:8px;font-size:13px}.expect{margin:0;padding-left:1.3em}.expect li{margin:6px 0}.quiz{counter-reset:q;gap:20px;margin:0;padding:0;list-style:none;display:grid}.quiz>li{counter-increment:q}.quiz .q{margin:0 0 10px;font-weight:700}.quiz .q:before{content:counter(q) ". ";font-family:var(--num)}.quiz .opts{margin:0 0 10px;padding:0;list-style:none}.quiz .opts li{margin:4px 0}.quiz summary{cursor:pointer;border:2px solid var(--ink);background:var(--sun);padding:0 10px;font-weight:700;display:inline-block}.quiz details p{margin:10px 0 0}.pitfalls{gap:12px;margin:0;padding:0;list-style:none;display:grid}.pitfalls li{background:var(--white);border:3px solid var(--ink);border-left:14px solid var(--coral);padding:10px 14px;font-weight:700;position:relative}.bridge{margin:0 0 16px;font-size:20px;font-weight:700}.next-card{border:var(--bw) solid var(--ink);box-shadow:var(--sh) var(--sh) 0 var(--ink);align-items:center;gap:18px;padding:16px 20px;text-decoration:none;display:flex}.next-card .big-num{font-size:56px}.next-card .nc-text{flex-direction:column;flex:1;min-width:0;display:flex}.next-card b{font-size:20px}.next-card small{font-size:14px}.next-card .arrow{font-size:28px}.demo-card h3{margin-top:0}.controls{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px 24px;margin-bottom:16px;display:grid}.slider{flex-direction:column;gap:4px;font-size:14px;font-weight:700;display:flex}.slider-head{justify-content:space-between;gap:8px;display:flex}.slider-head b{background:var(--sun);border:2px solid var(--ink);padding:0 6px}input[type=range]{appearance:none;background:0 0;width:100%;height:28px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:var(--white);border:3px solid var(--ink);height:10px}input[type=range]::-moz-range-track{background:var(--white);border:3px solid var(--ink);height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--coral);border:3px solid var(--ink);width:22px;height:22px;box-shadow:2px 2px 0 var(--ink);cursor:grab;margin-top:-9px}input[type=range]::-moz-range-thumb{background:var(--coral);border:3px solid var(--ink);cursor:grab;border-radius:0;width:16px;height:16px}input[type=range]:focus-visible{outline:3px dashed var(--ink);outline-offset:2px}.readouts{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:16px;display:grid}.readouts div{border:3px solid var(--ink);background:var(--paper);flex-direction:column;padding:6px 12px;display:flex}.readouts small{font-size:13px;font-weight:700}.readouts b{font-size:26px;line-height:1.2}.readouts b.hot{color:#c2361b}.plot{background:var(--paper);border:3px solid var(--ink);width:100%;max-width:680px;height:auto;font-family:var(--num);font-size:14px;font-weight:600;display:block}.plot text{fill:var(--ink)}.plot .grid{stroke:var(--grid);stroke-width:1px}.plot .zero{stroke:var(--ink);stroke-width:1.5px}.plot .axis-label{font-family:var(--sans);font-size:13px;font-weight:700}.plots{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.plots figure{margin:0}.plots figcaption{margin-bottom:6px;font-weight:700}.legend{flex-wrap:wrap;gap:6px 16px;margin-top:6px;font-size:13px;font-weight:700;display:flex}.legend i{vertical-align:middle;width:18px;height:6px;margin-right:6px;display:inline-block}.demo-note{color:#4d473e;margin:12px 0 0;font-size:14px}.costbar{border:3px solid var(--ink);background:var(--white);height:40px;margin-bottom:8px;font-size:14px;font-weight:700;display:flex}.costbar span{white-space:nowrap;justify-content:center;align-items:center;display:flex;overflow:hidden}.costbar .keep{background:var(--lime)}.costbar .eat{background:var(--coral)}.costbar .keep+.eat{border-left:3px solid var(--ink)}.formula{margin:0 0 12px;font-size:14px}.limits{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:20px;margin-bottom:16px;display:grid}.limit{flex-direction:column;padding:12px 16px;display:flex}.limit b{font-size:30px}.table-wrap{border:var(--bw) solid var(--ink);box-shadow:6px 6px 0 var(--ink);background:var(--white);overflow-x:auto}table.budget{border-collapse:collapse;width:100%;font-size:15px}.budget th,.budget td{text-align:left;border-bottom:2px solid var(--ink);vertical-align:top;padding:8px 12px}.budget th{background:var(--sun)}.budget tr:last-child td{border-bottom:0}.budget a{font-weight:700;text-decoration:none}.meta-line{font-weight:700}.checks{gap:8px;margin:0;padding:0;list-style:none;display:grid}.check label{background:var(--white);border:3px solid var(--ink);cursor:pointer;align-items:flex-start;gap:12px;padding:8px 12px;font-weight:700;display:flex}.check input{opacity:0;width:1px;height:1px;position:absolute}.check .box{border:3px solid var(--ink);background:var(--white);flex:none;place-items:center;width:24px;height:24px;margin-top:3px;display:grid}.check.done .box{background:var(--lime)}.check.done .box:after{content:"";border-left:3px solid var(--ink);border-bottom:3px solid var(--ink);width:10px;height:5px;transform:translateY(-2px)rotate(-45deg)}.check.done label>span:last-child{text-decoration:line-through;text-decoration-thickness:2px}.check input:focus-visible+.box{outline:3px dashed var(--ink);outline-offset:2px}.check-unit h3{align-items:center;gap:10px;margin:32px 0 8px;display:flex}.chip{border:3px solid var(--ink);place-items:center;width:32px;height:32px;display:inline-grid}.check-lesson{margin:14px 0}.check-title{margin-bottom:6px;font-weight:700;display:inline-block}.about-hero{align-items:flex-start;gap:28px;display:flex}.avatar{border:var(--bw) solid var(--ink);box-shadow:6px 6px 0 var(--ink);border-radius:50%;flex:none;transform:rotate(-4deg)}@media (width<=900px){.pipeline,.unit-strip{grid-template-columns:1fr 1fr}}@media (width<=640px){:root{--bw:3px;--sh:6px}body{font-size:16px}.topbar{position:static}.topbar-in{padding-top:10px;padding-bottom:12px}.nav{width:100%}.nav a{text-align:center;flex:1;padding:4px 0}.lede{font-size:17px}.pipeline{grid-template-columns:1fr}.pipeline a{flex-flow:wrap;align-items:baseline;gap:4px 12px}.pipe-out{flex-basis:100%}.unit-strip,.lesson-list{grid-template-columns:1fr}.lesson-head{flex-direction:column;gap:8px;padding:18px}.big-num{font-size:64px}.pager{grid-template-columns:1fr}.card{padding:16px}.about-hero{flex-direction:column}.avatar{width:96px;height:96px}.next-card{gap:12px;padding:14px}.next-card .big-num{font-size:44px}.plot{font-size:20px}.plot .axis-label{font-size:18px}}