.nb-tools{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,480px),1fr));gap:18px}.nb-tool img{object-fit:cover;object-position:left top}.nb-home{max-width:none;margin:0;padding:0 max(3vw,20px) 40px}@media(min-width:1280px){.nb-home{max-width:var(--nb-w);margin:0 auto;padding-left:0;padding-right:0}}.nb-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:48px;align-items:center;padding:48px 0 22px}.nb-who{display:grid;grid-template-columns:120px minmax(0,1fr);gap:20px;align-items:start}.nb-who>img{width:120px;height:120px;object-fit:contain}.nb-hero h1{font-size:clamp(32px,4.2vw,52px);line-height:1.1;margin:10px 0 14px;text-wrap:balance}.nb-hero h1:lang(zh-CN){line-height:1.3}.nb-mark{padding:0 .15rem;background:linear-gradient(transparent 45%,var(--hl) 45%,var(--hl) 92%,transparent 92%);-webkit-box-decoration-break:clone;box-decoration-break:clone}.nb-h1-en{font-family:var(--f-display);font-size:22px;color:var(--muted);margin:0 0 12px}.nb-lede{font-size:19px;color:var(--muted);margin:0 0 22px;max-width:36rem}.nb-btns{display:flex;flex-wrap:wrap;gap:12px}.nb-btn{display:inline-flex;padding:11px 20px;border-radius:999px;font-weight:600;font-size:16px;border:1px solid var(--muted);color:var(--ink)}.nb-btn.primary{background:var(--brand);color:#f8f6ee;border-color:var(--brand)}.nb-btn.primary:hover{color:#fff;background:#2d4a3c}.nb-newvid{position:relative;display:block;background:var(--sheet);border:1px solid var(--line);border-radius:10px;padding:10px;transform:rotate(1deg);box-shadow:0 18px 34px -26px #23302a8c;color:var(--ink)}.nb-newvid:before{content:"";position:absolute;width:80px;height:20px;background:var(--tape);top:-10px;left:42%;transform:rotate(-4deg)}.nb-new{position:absolute;right:-6px;top:-28px;font:700 22px/1 var(--f-hand);color:var(--pen-red);transform:rotate(4deg)}.nb-thumb{position:relative;display:block;border-radius:6px;overflow:hidden;border:1px solid var(--line)}.nb-thumb img{width:100%;aspect-ratio:16 / 9;object-fit:cover}.nb-play{position:absolute;inset:0;margin:auto;width:68px;height:48px;border-radius:14px;background:#d23b2f;display:grid;place-items:center}.nb-play:before{content:"";border-left:18px solid #fff;border-top:11px solid transparent;border-bottom:11px solid transparent;margin-left:4px}.nb-cap{display:flex;justify-content:space-between;gap:16px;padding:10px 4px 2px;font-size:15px}.nb-cap time{font:500 12px/1.6 var(--f-mono);color:var(--muted)}.nb-sec{padding:46px 0 8px}.nb-sec-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 18px;margin-bottom:22px}.nb-sec-head h2{font:650 28px/1.25 var(--f-display);margin:0}.nb-sec-head p{margin:0;color:var(--muted)}.nb-sec-head .nb-course,.nb-sec-head a{color:var(--pen-blue);text-decoration:underline;text-underline-offset:3px}.nb-course-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin:6px 0 16px;font:600 18px/1.35 var(--f-display)}.nb-course-h .nb-course{color:var(--pen-blue);text-decoration:underline;text-underline-offset:3px}.nb-course-h small{font:500 12px/1.4 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.nb-course2{margin-top:44px}.nb-path{position:relative;list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:22px}.nb-route{position:absolute;left:18px;top:0;height:36px;pointer-events:none;width:calc(((100% - (var(--n) - 1) * 22px) / var(--n) + 22px) * (var(--k) - 1))}.nb-route path{fill:none;stroke:var(--hl-strong);stroke-width:3;stroke-linecap:round;stroke-dasharray:2 9;vector-effect:non-scaling-stroke}.nb-station{position:relative;z-index:1;min-width:0}.nb-station>a,.nb-station>div{display:flex;flex-direction:column;gap:8px;color:var(--ink)}.nb-pin{width:36px;height:36px;border-radius:50%;background:var(--paper);border:3px solid var(--hl-strong);display:grid;place-items:center;font:500 15px/1 var(--f-mono);color:var(--hl-strong)}.nb-start{font:700 20px/1 var(--f-hand);color:var(--pen-red);min-height:20px}.nb-card{display:block;background:var(--sheet);border:1px solid var(--line);border-radius:8px;padding:6px;transition:transform .2s,box-shadow .2s}.nb-card img{border-radius:4px;width:100%;aspect-ratio:3 / 2;object-fit:cover}.nb-station>a:hover .nb-card{transform:translateY(-3px) rotate(-.4deg);box-shadow:0 16px 28px -22px #23302a99}.nb-station b{font:600 16px/1.35 var(--f-display)}.nb-what{font-size:14px;color:var(--muted);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.nb-next .nb-pin{border-style:dashed}.nb-next .nb-card{border-style:dashed;background:transparent;aspect-ratio:3 / 2.1;display:grid;place-items:center;text-align:center;color:var(--hl-strong);font:700 22px/1.15 var(--f-hand);padding:12px}.nb-branch{position:relative;display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;align-items:center;margin-top:26px;color:var(--ink)}.nb-branch:before{content:"";position:absolute;left:40px;top:-26px;height:26px;border-left:3px dotted var(--pen-blue)}.nb-sheet{display:block;background:var(--sheet);border:1px solid var(--line);padding:4px;box-shadow:3px 3px 0 var(--line);transform:rotate(-1.5deg)}.nb-branch small{display:block;font:700 18px/1.1 var(--f-hand);color:var(--pen-blue)}.nb-branch b{font:600 14px/1.35 var(--f-display);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.nb-shelves{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:44px}.nb-shelf-h{font:700 30px/1 var(--f-hand);margin:0 0 16px}.nb-violet{color:var(--hl-strong)}.nb-blue{color:var(--pen-blue)}.nb-item{display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;padding:14px 0;border-top:1px solid var(--line);color:var(--ink)}.nb-item:last-of-type{border-bottom:1px solid var(--line)}.nb-item img{border-radius:4px;border:1px solid var(--line);aspect-ratio:3 / 2;object-fit:cover;width:100%;background:#fff}.nb-meta{font:500 11.5px/1.4 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.nb-item b{display:block;font:600 18px/1.35 var(--f-display);margin:4px 0}.nb-item:hover b{color:var(--hl-strong)}.nb-sum{display:block;font-size:14.5px;color:var(--muted);line-height:1.55}.nb-printout{display:block;background:var(--sheet);border:1px solid var(--line);padding:16px 18px;box-shadow:4px 4px 0 var(--line);color:var(--ink);margin-bottom:16px}.nb-printout img{margin-bottom:12px;border:1px solid var(--line)}.nb-printout .nb-sum{color:var(--ink);margin:8px 0;font-size:15px}.nb-redpen{display:block;font:700 20px/1.2 var(--f-hand);color:var(--pen-red)}.nb-soon{font:600 19px/1.3 var(--f-hand);color:var(--muted)}.nb-strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr);gap:18px;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x mandatory}.nb-vid{scroll-snap-align:start;color:var(--ink)}.nb-vid img{border-radius:6px;border:1px solid var(--line);aspect-ratio:16 / 9;object-fit:cover;width:100%;background:#fff}.nb-vid b{display:block;font-size:15px;margin-top:8px;line-height:1.35}.nb-vid span{font:500 12px/1.6 var(--f-mono);color:var(--muted)}@media(max-width:980px){.nb-hero{grid-template-columns:minmax(0,1fr);gap:34px;padding-top:30px}.nb-path{grid-template-columns:minmax(0,1fr);gap:22px;padding-left:46px}.nb-route{display:none}.nb-path:before{content:"";position:absolute;left:17px;top:18px;bottom:18px;border-left:3px dotted var(--hl-strong)}.nb-station>a,.nb-station>div{display:grid;grid-template-columns:160px minmax(0,1fr);gap:4px 16px}.nb-pin{position:absolute;left:-46px;top:0}.nb-start{grid-column:1 / -1;min-height:0}.nb-card{grid-row:span 2}.nb-next .nb-card{aspect-ratio:auto}.nb-shelves{grid-template-columns:minmax(0,1fr)}}@media(max-width:560px){.nb-who{grid-template-columns:72px minmax(0,1fr);gap:12px}.nb-who>img{width:72px;height:72px}.nb-station>a,.nb-station>div{grid-template-columns:minmax(0,1fr)}.nb-card{grid-row:auto}.nb-item{grid-template-columns:92px minmax(0,1fr)}}