@font-face{font-family:Inter;src:url(../fonts/inter.woff2)format("woff2");font-weight:400 800;font-style:normal;font-display:swap}@font-face{font-family:Instrument Serif;src:url(../fonts/instrument-serif.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Instrument Serif;src:url(../fonts/instrument-serif-italic.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(../fonts/jetbrains-mono.woff2)format("woff2");font-weight:400 600;font-style:normal;font-display:swap}@font-face{font-family:Noto Sans SC;src:url(../fonts/noto-sans-sc.woff2)format("woff2");font-weight:400 800;font-style:normal;font-display:swap}@font-face{font-family:Noto Serif SC;src:url(../fonts/noto-serif-sc.woff2)format("woff2");font-weight:400 600;font-style:normal;font-display:swap}@font-face{font-family:LXGW Neo ZhiSong;src:url(../fonts/lxgw-neo-zhisong.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--bg:#06060a;--bg-2:#0b0b11;--fg:#f3f3f6;--fg-2:#f3f3f6ad;--fg-3:#f3f3f66b;--fg-4:#f3f3f633;--rule:#f3f3f61f;--rule-2:#f3f3f638;--panel:#101016;--panel-2:#15151c;--card:#1a1a22;--card-line:#f3f3f617;--cyan:#22d3ee;--sky:#0ea5e9;--blue:#60a5fa;--indigo:#4338ca;--amber:#f5b66b;--paper:#ece6da;--paper-ink:#24212e;--shadow:0 1px 0 #ffffff0a inset, 0 30px 60px -30px #000c;--ease:cubic-bezier(.2, .7, .1, 1);--ease-io:cubic-bezier(.7, 0, .2, 1);--m:44px;--gap:24px;--f-sans:"Inter", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--f-cn:"Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--f-serif:"Instrument Serif", "Noto Serif SC", Georgia, serif;--f-cn-serif:"Noto Serif SC", "Songti SC", serif;--f-cn-accent:"LXGW Neo ZhiSong", "Noto Serif SC", "Songti SC", serif;--f-mono:"JetBrains Mono", ui-monospace, Menlo, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--bg:#e9e9ec;--bg-2:#e1e1e5;--fg:#0e0e12;--fg-2:#0e0e12a8;--fg-3:#0e0e1270;--fg-4:#0e0e1233;--rule:#0e0e121f;--rule-2:#0e0e1238;--panel:#f4f4f6;--panel-2:#fff;--card:#fff;--card-line:#0e0e1217;--blue:#2563eb;--paper:#f5f1e8;--shadow:0 1px 0 #ffffffb3 inset, 0 30px 60px -34px #14142859;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (max-width:900px){:root{--m:24px;--gap:16px}}@media (max-width:560px){:root{--m:18px}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{background:var(--bg);color:var(--fg);font-family:var(--f-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;transition:background-color .9s var(--ease);margin:0;font-size:16px;line-height:1.6;overflow-x:clip}html[data-lang=zh] body{font-family:var(--f-cn)}html[data-lang=zh]{--f-sans:"Noto Sans SC", "Inter", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}img,svg,canvas{display:block}h1,h2,h3,h4,p{margin:0}em{font-style:normal}:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:6px}::selection{color:var(--fg);background:#22d3ee59}.wrap{padding-left:var(--m);padding-right:var(--m)}.skip{z-index:300;background:var(--fg);color:var(--bg);border-radius:10px;padding:10px 14px;font-size:14px;position:fixed;top:-60px;left:12px}.skip:focus{top:12px}.display{letter-spacing:-.035em;font-weight:600}html[data-lang=zh] .display{font:600 clamp(54px, 7.8vw, 120px)/1.07 var(--f-cn);letter-spacing:-.035em}html[data-lang=en] .display{font:600 clamp(58px, 9.2vw, 142px)/.9 var(--f-sans);letter-spacing:-.06em}.display em,.sec-title em,.beat h2 em{font-family:var(--f-serif);letter-spacing:-.02em;font-style:italic;font-weight:400}html[data-lang=zh] .display em,html[data-lang=zh] .sec-title em,html[data-lang=zh] .beat h2 em{font-family:var(--f-cn-accent);letter-spacing:0;font-style:normal;font-weight:400}html[data-lang=en] .display em,html[data-lang=en] .sec-title em,html[data-lang=en] .beat h2 em{font-size:1.08em;line-height:.9}.kicker{font:500 11.5px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3);align-items:center;gap:14px;display:flex}.kicker b{background:currentColor;width:22px;height:1px}.kicker.center{justify-content:center}.lede{color:var(--fg-2);text-wrap:pretty;font-size:16px;line-height:1.75}html[data-lang=en] .lede{line-height:1.6}.center{text-align:center}.pill{background:var(--fg);height:42px;color:var(--bg);font:600 14px/1 var(--f-sans);white-space:nowrap;transition:transform .5s var(--ease), background-color .6s;will-change:transform;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 20px;display:inline-flex}.pill.big{height:56px;padding:0 30px;font-size:16px}.ghost{height:42px;font:500 14px/1 var(--f-sans);color:var(--fg);white-space:nowrap;align-items:center;gap:10px;padding:0 4px;display:inline-flex}.ghost i{width:28px;height:28px;box-shadow:inset 0 0 0 1px var(--rule-2);border-radius:50%;place-items:center;font-size:9px;font-style:normal;transition:background .4s,color .4s;display:grid}.ghost:hover i{background:var(--fg);color:var(--bg)}.seg{background:color-mix(in oklab, var(--fg) 8%, transparent);-webkit-backdrop-filter:blur(12px);font:600 12px/1 var(--f-sans);border-radius:999px;padding:3px;display:inline-flex}.seg button{color:var(--fg-3);border-radius:999px;padding:8px 11px;transition:color .3s,background-color .3s}.seg button[aria-pressed=true]{background:var(--fg);color:var(--bg)}.theme-btn{background:color-mix(in oklab, var(--fg) 8%, transparent);-webkit-backdrop-filter:blur(12px);border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.theme-btn svg{width:18px;height:18px;overflow:visible}.theme-btn .sun-rays{transition:transform .6s var(--ease), opacity .4s;transform-origin:12px 12px}.theme-btn .moon-c{transition:transform .6s var(--ease)}:root[data-theme=dark] .theme-btn .sun-rays{opacity:0;transform:rotate(-60deg)scale(.4)}:root[data-theme=dark] .theme-btn .moon-c{transform:translate(-7px,3px)}.loader{z-index:500;background:var(--bg);transition:opacity .8s var(--ease), visibility .8s;place-items:center;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.loader.done{opacity:0;visibility:hidden;pointer-events:none}.loader-mark{width:92px;height:106px;animation:2.4s ease-in-out 1.4s infinite alternate kx-breathe;position:relative}.loader-mark .lp{opacity:0;width:100%;height:100%;animation:1.1s cubic-bezier(.34,1.4,.64,1) forwards kx-piece;position:absolute;top:0;bottom:0;left:0;right:0;overflow:visible}.loader-mark .lp-0{--x:-46px;--y:-10px;--r:-24deg;animation-delay:50ms}.loader-mark .lp-1{--x:34px;--y:-40px;--r:30deg;animation-delay:.12s}.loader-mark .lp-2{--x:40px;--y:36px;--r:-26deg;animation-delay:.19s}.loader-mark .lp-3{--x:-30px;--y:-46px;--r:28deg;animation-delay:.26s}.loader-mark .lp-4{--x:56px;--y:8px;--r:34deg;animation-delay:.33s}.loader-mark .lp-5{--x:-12px;--y:50px;--r:-30deg;animation-delay:.4s}@keyframes kx-piece{0%{opacity:0;transform:translate(var(--x), var(--y)) rotate(var(--r))}to{opacity:1;transform:none}}@keyframes kx-breathe{0%{scale:1}to{scale:1.025}}.loader-bar{background:var(--rule);width:120px;height:1px;margin-left:-60px;position:absolute;bottom:14vh;left:50%;overflow:hidden}.loader-bar i{background:var(--fg);width:40%;animation:1.3s cubic-bezier(.6,0,.4,1) infinite kx-bar;position:absolute;top:0;bottom:0;left:0}@keyframes kx-bar{0%{transform:translate(-100%)}to{transform:translate(250%)}}.loader.leaving .loader-mark{opacity:0;transition:translate .7s cubic-bezier(.22,1,.36,1),opacity .45s;translate:0 -10px}.loader.leaving .loader-bar{opacity:0;transition:opacity .3s}@media (prefers-reduced-motion:reduce){.loader-mark .lp{opacity:1;animation:none}.loader-mark{animation:none}}html.no-loader .loader{display:none}#gl{width:100vw;height:100vh;z-index:0;pointer-events:none;opacity:0;height:100lvh;transition:opacity 1.4s cubic-bezier(.22,1,.36,1);position:fixed;top:0;bottom:0;left:0;right:0}html.gl-on #gl{opacity:1}html.has-preview #gl{transition:none}.preview{width:100vw;height:100vh;object-fit:cover;z-index:0;pointer-events:none;opacity:0;filter:blur(16px)saturate(1.06);height:100lvh;transition:opacity .8s cubic-bezier(.22,1,.36,1);position:fixed;top:0;bottom:0;left:0;right:0;transform:scale(1.06)}.preview.on{opacity:1}.preview.off{opacity:0;transition-duration:1.2s}.preview.portrait{filter:blur(3px)saturate(1.04);transform:scale(1.015)}html.intro .hero>*{animation:1.4s cubic-bezier(.16,1,.3,1) both kx-rise}html.intro .hero>:nth-child(2){animation-delay:80ms}html.intro .hero>:nth-child(3){animation-delay:.16s}html.intro .nav>*,html.intro .story-foot{animation:1s cubic-bezier(.22,1,.36,1) .25s both kx-drop}@keyframes kx-rise{0%{opacity:0;transform:translateY(30px)}}@keyframes kx-drop{0%{opacity:0;transform:translateY(-10px)}}@media (prefers-reduced-motion:reduce){#gl{transition:none}html.intro .hero>*,html.intro .nav>*,html.intro .story-foot{animation:none}}.nav{z-index:100;padding:22px var(--m);transition:transform .6s var(--ease), background-color .5s, padding .5s var(--ease);grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:fixed;top:0;left:0;right:0}.nav.solid{background:color-mix(in oklab, var(--bg) 72%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.3);box-shadow:0 1px 0 var(--rule);padding-top:14px;padding-bottom:14px}.nav.hide{transform:translateY(-110%)}.brand{font:600 17px/1 var(--f-sans);letter-spacing:-.01em;justify-self:start;align-items:center;gap:10px;display:flex}.brand-mark svg{width:22px;height:auto}.links{font:450 13.5px/1 var(--f-sans);color:var(--fg-2);gap:34px;display:flex}.links a{padding:6px 0;transition:color .3s;position:relative}.links a:after{content:"";transform-origin:100%;height:1px;transition:transform .5s var(--ease);background:currentColor;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.links a:hover,.links a.on{color:var(--fg)}.links a:hover:after,.links a.on:after{transform-origin:0;transform:scaleX(1)}.nav-r{justify-content:flex-end;align-items:center;gap:10px;display:flex}.menu-btn{background:color-mix(in oklab, var(--fg) 8%, transparent);border-radius:50%;width:40px;height:40px;display:none;position:relative}.menu-btn span{background:var(--fg);height:1.5px;transition:transform .5s var(--ease), top .5s var(--ease);position:absolute;left:12px;right:12px}.menu-btn span:first-child{top:16px}.menu-btn span:last-child{top:23px}.menu-btn[aria-expanded=true] span:first-child{top:19.5px;transform:rotate(45deg)}.menu-btn[aria-expanded=true] span:last-child{top:19.5px;transform:rotate(-45deg)}.menu{z-index:90;background:var(--bg);padding:110px var(--m) 40px;flex-direction:column;justify-content:space-between;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.menu nav{display:grid}.menu nav a{border-bottom:1px solid var(--rule);font:600 44px/1.1 var(--f-sans);letter-spacing:-.03em;align-items:baseline;gap:16px;padding:12px 0;display:flex}.menu nav a i{font:500 12px/1 var(--f-mono);color:var(--fg-3);font-style:normal}.menu .pill{align-self:flex-start}.story{z-index:2;height:560vh;position:relative}.stage{height:100vh;pointer-events:none;height:100svh;position:sticky;top:0;overflow:hidden}.stage a,.stage button{pointer-events:auto}.stage:before{content:"";pointer-events:none;background:radial-gradient(130% 100% at 55% 45%, transparent 55%, color-mix(in oklab, var(--bg) 45%, transparent) 100%);position:absolute;top:0;bottom:0;left:0;right:0}:root[data-theme=light] .stage:before{background:radial-gradient(130% 100% at 55% 45%,#0000 60%,#0000000f 100%)}.scrim{opacity:0;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.scrim-l{background:linear-gradient(90deg, color-mix(in oklab, var(--bg) 82%, transparent) 0%, color-mix(in oklab, var(--bg) 42%, transparent) 30%, transparent 54%)}.scrim-b{background:linear-gradient(0deg, color-mix(in oklab, var(--bg) 88%, transparent) 0%, color-mix(in oklab, var(--bg) 30%, transparent) 40%, transparent 62%)}.beat{will-change:opacity, transform;position:absolute}.hero{left:var(--m);max-width:min(1000px, calc(100vw - 2 * var(--m)));bottom:104px}.hero h1{margin-top:26px}.hero .row{flex-wrap:wrap;align-items:center;gap:26px;margin-top:34px;display:flex}.hero .lede{max-width:360px;font-size:15px}.chap{left:var(--m);width:min(540px, calc(100vw - 2 * var(--m)));top:50%;transform:translateY(-50%)}.idx{font:500 11.5px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3);gap:12px;display:flex}.idx span:first-child{color:var(--cyan)}.chap h2{margin-top:22px}html[data-lang=zh] .beat h2{font:600 clamp(40px, 4.2vw, 62px)/1.12 var(--f-cn);letter-spacing:-.03em}html[data-lang=en] .beat h2{font:600 clamp(44px, 4.6vw, 66px)/1 var(--f-sans);letter-spacing:-.045em}.chap p{color:var(--fg-2);max-width:360px;margin-top:22px;font-size:15.5px;line-height:1.75}.finale-beat{text-align:center;bottom:74px;left:0;right:0}html[data-lang=zh] .finale-beat h2{font-size:clamp(54px,7.6vw,112px);line-height:1.04}html[data-lang=en] .finale-beat h2{letter-spacing:-.06em;font-size:clamp(58px,8.8vw,128px);line-height:.9}.finale-beat p{color:var(--fg-2);padding:0 var(--m);text-wrap:balance;margin:26px auto 0;font-size:16px;line-height:1.85}html[data-lang=zh] .finale-beat p{letter-spacing:.06em}.chap p{text-wrap:pretty}.story-foot{left:var(--m);right:var(--m);position:absolute;bottom:26px}.story-foot .marks,.story-foot .meta{font:500 11px/1 var(--f-mono);letter-spacing:.1em;color:var(--fg-3);text-transform:uppercase;gap:22px;display:flex;position:absolute;bottom:14px}.story-foot .marks b{font-weight:500}.story-foot .marks{gap:28px;bottom:6px}.mk{font:inherit;letter-spacing:inherit;text-transform:inherit;color:var(--fg-3);cursor:pointer;transition:color .5s var(--ease);background:0 0;border:0;align-items:center;gap:10px;padding:8px 0;display:inline-flex}.mk .n{transition:color .5s var(--ease)}.mk .tk{background:var(--rule);width:26px;height:1px;position:relative;overflow:hidden}.mk .tk i{background:var(--cyan);transform-origin:0;position:absolute;top:0;bottom:0;left:0;right:0;transform:scaleX(0)}.mk.past{color:var(--fg-2)}.mk.past .tk i{background:var(--fg-3)}.mk.on,.mk:hover{color:var(--fg)}.mk.on .n{color:var(--cyan)}.story-foot .marks{left:0}.story-foot .meta{gap:40px;right:0}.bar{background:var(--rule);height:1px;position:absolute;bottom:0;left:0;right:0}.bar i{background:var(--fg);transform-origin:0;position:absolute;top:0;bottom:0;left:0;right:0;transform:scaleX(0)}.poster{object-fit:cover;z-index:-1;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.sec{z-index:3;background:var(--bg);transition:background-color .9s var(--ease);padding:clamp(110px,16vh,180px) 0 clamp(90px,12vh,140px);position:relative}.sec:before{content:"";left:var(--m);right:var(--m);background:var(--rule);height:1px;position:absolute;top:0}.sec-head{column-gap:var(--gap);grid-template-columns:repeat(12,1fr);align-items:end;row-gap:28px;margin-bottom:clamp(56px,9vh,96px);display:grid}.sec-idx{font:500 11.5px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3);grid-column:1/-1;gap:14px;display:flex}.sec-idx span:first-child{color:var(--cyan)}.sec-title{grid-column:1/span 8}html[data-lang=zh] .sec-title{font:600 clamp(44px, 6vw, 92px)/1.1 var(--f-cn);letter-spacing:-.035em}html[data-lang=en] .sec-title{font:600 clamp(46px, 6.6vw, 100px)/.95 var(--f-sans);letter-spacing:-.055em}.sec-lede{color:var(--fg-2);grid-column:9/-1;padding-bottom:.4em;font-size:16px;line-height:1.75}html[data-lang=en] .sec-lede{line-height:1.6}.sec-head-col .sec-idx{margin-bottom:28px}.sec-head-col .sec-lede{max-width:440px;margin-top:30px}.split-line{margin-bottom:-.1em;padding-bottom:.1em;display:block;overflow:hidden}.split-line>span{will-change:transform;display:inline-block}.rail-pin{position:relative}.rail{padding:0 var(--m);will-change:transform;gap:clamp(18px,2vw,28px);width:max-content;display:flex}.fmt{flex:none;width:clamp(300px,31vw,480px)}.plate-art{aspect-ratio:4/4.4;background:var(--panel);box-shadow:inset 0 0 0 1px var(--card-line);border-radius:22px;position:relative;overflow:hidden}.plate-txt{grid-template-columns:auto 1fr;gap:8px 14px;padding:22px 4px 0;display:grid}.plate-txt .tag{box-shadow:inset 0 0 0 1px var(--rule-2);font:500 10.5px/1 var(--f-mono);letter-spacing:.08em;color:var(--fg-2);text-transform:uppercase;white-space:nowrap;border-radius:7px;grid-row:1/span 2;align-self:start;padding:6px 9px}.plate-txt h3{font:600 21px/1.25 var(--f-sans);letter-spacing:-.02em}.plate-txt p{color:var(--fg-2);font-size:14.5px;line-height:1.65}.rail-foot{font:500 11px/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3);align-items:center;gap:22px;margin-top:44px;display:flex}.rail-count b{color:var(--fg);font-weight:500}.rail-track{background:var(--rule);flex:1;height:1px;position:relative}.rail-track i{background:var(--fg);transform-origin:0;position:absolute;top:0;bottom:0;left:0;right:0;transform:scaleX(0)}.art{position:absolute;top:0;bottom:0;left:0;right:0}.doc{color:#2a2735;background:#fbfaf6;border-radius:4px;position:absolute;overflow:hidden;box-shadow:0 1px #0000000a,0 24px 50px -24px #0000008c}.doc .h{font:500 9px/1 var(--f-mono);letter-spacing:.12em;color:#9b968a;text-transform:uppercase;justify-content:space-between;display:flex}.ln{background:#2a273521;border-radius:3px;height:5px;margin-top:9px}.ln.hl{background:#22d3ee8c}.ln.s{width:62%}.ln.m{width:82%}.serif-t{font:400 13px/1.85 var(--f-cn-serif);color:#2a2735}html[data-lang=en] .serif-t{font:400 15px/1.5 var(--f-serif)}.mark-hl{background:linear-gradient(#0000 12%,#22d3ee80 12% 92%,#0000 92%)}.chip{font:500 10px/1 var(--f-mono);border-radius:6px;align-items:center;gap:6px;padding:5px 8px;display:inline-flex}.uiwin{background:var(--panel-2);box-shadow:inset 0 0 0 1px var(--card-line), 0 30px 60px -30px #0009;border-radius:12px;position:absolute;overflow:hidden}.uiwin .bar2{border-bottom:1px solid var(--card-line);align-items:center;gap:6px;height:30px;padding:0 12px;display:flex}.uiwin .bar2 i{background:var(--fg-4);border-radius:50%;width:7px;height:7px}.uiwin .addr{background:color-mix(in oklab, var(--fg) 6%, transparent);height:16px;font:500 9px/16px var(--f-mono);color:var(--fg-3);border-radius:5px;flex:1;margin-left:8px;padding-left:8px}.board-wrap{gap:22px;display:grid}.board-tools{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.panes button{align-items:center;gap:8px;padding:9px 14px;display:inline-flex}.panes svg{fill:none;stroke:currentColor;stroke-width:1.4px;width:20px;height:14px}.hint{font:500 11.5px/1 var(--f-mono);letter-spacing:.1em;color:var(--fg-3);text-transform:uppercase;align-items:center;gap:10px;display:inline-flex}.hint-dot{background:var(--cyan);width:8px;height:8px;animation:ping 2.4s var(--ease) infinite;border-radius:50%;box-shadow:0 0 #22d3ee80}@keyframes ping{0%{box-shadow:0 0 #22d3ee73}80%,to{box-shadow:0 0 0 12px #22d3ee00}}.boardstage{background:var(--panel);height:clamp(460px,72vh,720px);box-shadow:inset 0 0 0 1px var(--card-line);touch-action:none;border-radius:26px;position:relative;overflow:hidden}.pane{background-color:var(--panel-2);box-shadow:inset 0 0 0 1px var(--card-line);background-image:radial-gradient(circle, var(--fg-4) 1px, transparent 1.4px);background-size:22px 22px;border-radius:18px;transition:none;position:absolute;overflow:hidden}.pane-title{font:500 11px/1 var(--f-mono);letter-spacing:.08em;color:var(--fg-3);text-transform:uppercase;z-index:3;align-items:center;gap:8px;display:flex;position:absolute;top:14px;left:16px}.pane-title i{border-radius:2px;width:8px;height:8px}.links-svg{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;overflow:visible}.links-svg path{fill:none;stroke:var(--blue);stroke-width:1.6px}.links-svg path.x{stroke-dasharray:3 6;stroke:var(--cyan)}.links-svg circle{fill:var(--panel-2);stroke:var(--blue);stroke-width:1.6px}.bcard{z-index:2;background:var(--card);width:220px;box-shadow:inset 0 0 0 1px var(--card-line), 0 18px 34px -20px #0009;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;will-change:transform;border-radius:14px;padding:14px 16px;font-size:14px;line-height:1.55;transition:box-shadow .3s;position:absolute}.bcard:active{cursor:grabbing}.bcard.drag{box-shadow:inset 0 0 0 1px var(--rule-2), 0 40px 60px -26px #000000b3}.bcard .k{font:500 10px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-3);margin-bottom:6px;display:block}.bcard.q{border-left:3px solid var(--cyan)}.bcard.big{font:600 19px/1.3 var(--f-sans);letter-spacing:-.01em}.bcard.f{font:italic 400 24px/1.2 var(--f-serif);text-align:center}.bcard .thumb{background:#0f0d2b;border-radius:9px;height:108px;margin:-4px -6px 10px;position:relative;overflow:hidden}.bcard.mini{cursor:default;width:150px;padding:10px 12px;font-size:11.5px}.bcard.topic{width:auto;font:600 15px/1 var(--f-sans);background:var(--fg);color:var(--bg);border-radius:999px;padding:12px 18px}.bcard.topic .k{display:none}.feats{gap:var(--gap);grid-template-columns:repeat(3,1fr);margin:8px 0 0;padding:0;list-style:none;display:grid}.feats li{border-top:1px solid var(--rule);color:var(--fg-2);align-items:flex-start;gap:14px;padding-top:18px;font-size:14.5px;line-height:1.6;display:flex}.feats b{width:28px;height:28px;box-shadow:inset 0 0 0 1px var(--rule-2);font:500 13px/1 var(--f-mono);color:var(--fg);border-radius:8px;flex:none;place-items:center;display:grid}.paper{background:var(--paper);touch-action:none;cursor:none;border-radius:26px;height:clamp(480px,74vh,760px);position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0000000f,0 40px 80px -40px #0009}:root[data-theme=dark] .paper{background:#e7e1d4}.paper:before{content:"";pointer-events:none;opacity:.5;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='300' height='300'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .45  0 0 0 0 .4  0 0 0 0 .32  0 0 0 .22 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:absolute;top:0;bottom:0;left:0;right:0}.paper>canvas{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.paper-hint{text-align:center;font:400 15px/1.5 var(--f-sans);color:#24212e73;pointer-events:none;transition:opacity .6s;position:absolute;top:46%;left:0;right:0}.paper-hint.gone{opacity:0}.brushes{-webkit-backdrop-filter:blur(14px);color:#f3f3f6;cursor:default;background:#14141cdb;border-radius:20px;align-items:center;gap:6px;max-width:calc(100% - 24px);padding:6px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 20px 40px -20px #0009}.brush-list{gap:2px;display:flex}.brush{width:78px;font:500 11px/1 var(--f-sans);color:#f3f3f699;border-radius:14px;justify-items:center;gap:6px;padding:8px 4px 9px;transition:background .3s,color .3s;display:grid}.brush canvas{width:62px;height:22px}.brush[aria-pressed=true]{color:#fff;background:#ffffff1a}.swatches{border-left:1px solid #ffffff1a;border-right:1px solid #ffffff1a;gap:8px;padding:0 10px;display:flex}.swatches button{width:20px;height:20px;transition:transform .3s var(--ease);border-radius:50%;box-shadow:inset 0 0 0 1px #fff3}.swatches button[aria-pressed=true]{transform:scale(1.18);box-shadow:0 0 0 2px #14141c,0 0 0 3.5px #fff}.brush-acts{gap:2px;display:flex}.brush-acts button{font:500 12px/1 var(--f-sans);color:#f3f3f6b3;border-radius:12px;padding:10px 12px}.brush-acts button:hover{color:#fff;background:#ffffff14}.paper-note{font:500 11px/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3);align-items:center;gap:10px;margin-top:16px;display:flex}.paper-note .dot{background:var(--cyan);border-radius:50%;width:6px;height:6px}.recall-grid{column-gap:var(--gap);grid-template-columns:repeat(12,1fr);align-items:start;row-gap:60px;display:grid}.sec-head-col{grid-column:1/span 5;position:sticky;top:120px}.minis{gap:22px;margin-top:44px;display:grid}.minis div{border-top:1px solid var(--rule);padding-top:16px}.minis b{font:600 15px/1.3 var(--f-sans)}.minis p{color:var(--fg-2);margin-top:6px;font-size:14px;line-height:1.65}.deck-wrap{grid-column:7/-1}.deck-top{font:500 11px/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3);justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.due{align-items:center;gap:8px;display:inline-flex}.due i{background:var(--amber);border-radius:50%;width:6px;height:6px}.deck{perspective:1600px;height:340px;position:relative}.fcard{perspective:1600px;transform-origin:50% 100%;will-change:transform, opacity;position:absolute;top:0;bottom:0;left:0;right:0}.fcard .fc-in{transform-style:preserve-3d;transition:transform .8s cubic-bezier(.2,.8,.2,1);position:absolute;top:0;bottom:0;left:0;right:0}.fcard .face{background:var(--card);box-shadow:inset 0 0 0 1px var(--card-line), 0 40px 70px -40px #000000b3;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:22px;flex-direction:column;padding:30px 32px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.fcard .back,.fcard.flip .fc-in{transform:rotateY(180deg)}.face .tag-again{opacity:0;color:var(--amber);transition:opacity .4s}.fcard.again .face .tag-again{opacity:1}.face .k{font:500 10.5px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-3);justify-content:space-between;display:flex}.face .q{font:600 clamp(22px, 2.2vw, 30px)/1.35 var(--f-sans);letter-spacing:-.02em;margin-top:auto;margin-bottom:auto}.face .bq{border-bottom:1px solid var(--rule);font:500 14px/1.5 var(--f-sans);color:var(--fg-2);margin-top:10px;padding-bottom:14px}.face .ak{font:500 10.5px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-3);margin-top:16px}.face .a{font:400 clamp(18px, 1.7vw, 22px)/1.55 var(--f-cn-serif);color:var(--fg);margin-top:auto;margin-bottom:auto}html[data-lang=en] .face .a{font:italic 400 clamp(22px, 2vw, 27px)/1.35 var(--f-serif)}.face .src{font:500 12px/1 var(--f-sans);color:var(--blue)}.rate{height:50px;margin-top:26px}.rate .show{width:100%;height:50px;box-shadow:inset 0 0 0 1px var(--rule-2);font:600 14px/1 var(--f-sans);border-radius:14px;transition:background .3s,color .3s}.rate .show:hover{background:var(--fg);color:var(--bg)}.grades{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.grades button{height:50px;box-shadow:inset 0 0 0 1px var(--rule-2);font:600 14px/1 var(--f-sans);border-radius:14px;transition:background .3s,color .3s,box-shadow .3s}.grades button:hover{background:var(--fg);color:var(--bg)}.grades button[data-g="3"]{box-shadow:inset 0 0 0 1px var(--cyan)}.curve{--acc-ink:var(--cyan);margin:30px 0 0}:root[data-theme=light] .curve{--acc-ink:#0e7490}.curve svg{width:100%;height:252px;display:block;overflow:visible}.curve .axis{stroke:var(--rule-2);stroke-width:1px}.curve .grid{stroke:var(--rule);stroke-width:1px}.curve .goal{stroke:var(--acc-ink);stroke-width:1px;stroke-dasharray:3 5;opacity:.7}.curve .tick{stroke:var(--rule-2)}.curve .c{fill:none;stroke:var(--cyan);stroke-width:2.4px;stroke-linejoin:round}:root[data-theme=light] .curve .c{stroke:#0891b2}.curve .never{fill:none;stroke:var(--fg-3);stroke-width:1.6px;stroke-dasharray:5 5}.curve .area{fill:url(#curveFill)}.curve .cf0{stop-color:#22d3ee;stop-opacity:.22}.curve .cf1{stop-color:#22d3ee;stop-opacity:0}.curve .rv{fill:var(--bg);stroke:var(--fg);stroke-width:1.6px}.curve .rvl{stroke:var(--fg-4);stroke-dasharray:2 4}.curve .duering{fill:none;stroke:var(--acc-ink);stroke-width:1.4px;transform-box:fill-box;transform-origin:50%;animation:2s ease-out infinite duepulse}.curve .duedot{fill:var(--acc-ink)}@keyframes duepulse{0%{opacity:1;transform:scale(.6)}to{opacity:0;transform:scale(2.2)}}.curve .ct{font:500 11px var(--f-mono);fill:var(--fg-3);letter-spacing:.02em}html[data-lang=zh] .curve .ct{font-family:var(--f-cn);font-size:11.5px}.curve .ct.ttl{fill:var(--fg-2);font-weight:600}.curve .ct.acc,.curve .ct.due{fill:var(--acc-ink);font-weight:600}.curve .ct.gr{fill:var(--fg-2);font-size:10.5px}.curve .ct.sub{fill:var(--fg-3);font-size:10.5px}.curve figcaption{font:500 12px/1.4 var(--f-sans);color:var(--fg-2);flex-wrap:wrap;align-items:center;gap:8px 18px;margin-top:12px;display:flex}.curve .lg{align-items:center;gap:8px;display:inline-flex}.curve .lg i{border-top:2.4px solid #22d3ee;width:22px;height:0}:root[data-theme=light] .curve .lg.on i{border-top-color:#0891b2}.curve .lg.off i{border-top:1.6px dashed var(--fg-3)}.curve .lg-note{color:var(--fg-3);margin-left:auto;font-size:11.5px}.diagram{isolation:isolate;background:radial-gradient(70% 90% at 70% 0%, color-mix(in oklab, var(--cyan) 7%, transparent), transparent 70%), var(--panel);height:clamp(460px,64vh,600px);box-shadow:inset 0 0 0 1px var(--card-line);border-radius:26px;position:relative;overflow:hidden}.diagram:before{content:"";z-index:-1;background-image:radial-gradient(circle, var(--fg-4) 1px, transparent 1.3px);opacity:.55;background-size:24px 24px;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:radial-gradient(80% 80%,#000 40%,#0000 100%);mask-image:radial-gradient(80% 80%,#000 40%,#0000 100%)}.sy-lines{pointer-events:none;z-index:3;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;overflow:visible}.sy-cloudline{fill:none;stroke:var(--fg-3);stroke-width:1.3px;stroke-dasharray:1.5 9.5;stroke-linecap:round;animation:2.2s linear infinite sy-flow}.sy-end{fill:var(--panel);stroke:var(--fg-3);stroke-width:1.2px}@keyframes sy-flow{to{stroke-dashoffset:-22px}}.sy-dev{z-index:2;position:absolute;container-type:inline-size}.sy-laptop{width:47%;top:7%;left:5%}.sy-tablet{width:19%;top:27%;left:61%}.sy-dev{--metal:linear-gradient(145deg, #7b7e86 0%, #4a4c53 30%, #2b2c31 62%, #5d6067 100%);--deck:linear-gradient(180deg, #8b8e96 0%, #55575e 26%, #36383d 70%, #222327 100%);--edge:#ffffff38}:root[data-theme=dark] .sy-dev{--edge:#ffffff4d}.sy-lid{background:var(--metal);box-shadow:inset 0 1px 0 var(--edge), 0 40px 70px -30px #0000008c, 0 12px 24px -12px #00000059;border-radius:2.6cqw;padding:.45cqw;position:relative}.sy-glass{background:#08080b;border-radius:2.15cqw;padding:1.5cqw 1.5cqw 1.9cqw;position:relative;box-shadow:inset 0 0 0 1px #ffffff0d}.sy-screen{position:relative}.sy-layer{pointer-events:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;overflow:visible}.sy-layer .sy-card rect{fill:#fff}.sy-layer .sy-card-line{fill:none;stroke:#00000014;stroke-width:1.5px}.sy-layer .sy-hl{fill:none;stroke:#0071e3;stroke-width:3px}.sy-layer .sy-k{font:500 13px var(--f-cn);fill:#a1a1a6;letter-spacing:.04em}.sy-layer .sy-t{font:600 17px var(--f-cn);fill:#1d1d1f}.sy-layer .sy-link{fill:none;stroke:#0071e3;stroke-width:2.2px;opacity:.75}.sy-layer .sy-dot{fill:#fff;stroke:#0071e3;stroke-width:2px}.sy-layer .sy-ink{fill:none;stroke:#1e1b4b;stroke-width:4.5px;stroke-linecap:round;stroke-linejoin:round}.sy-layer .sy-ink-hl{fill:none;stroke:#0071e3;stroke-width:14px;stroke-linecap:round;stroke-linejoin:round;opacity:0}.sy-wire{fill:none;stroke:var(--fg-3);stroke-width:1.4px;stroke-dasharray:3 8;stroke-linecap:round;animation:2.4s linear infinite sy-flow}.sy-packet{fill:var(--cyan);opacity:0;filter:drop-shadow(0 0 5px #22d3eee6)}.sy-packet.tail{filter:none}.sy-ripple{fill:none;stroke:var(--cyan);stroke-width:1.2px;opacity:0}:root[data-theme=light] .sy-packet{fill:#0071e3;filter:drop-shadow(0 0 4px #0071e399)}:root[data-theme=light] .sy-packet.tail{filter:none}:root[data-theme=light] .sy-ripple{stroke:#0071e3}.sy-lid .sy-scr{aspect-ratio:16/10;border-radius:.7cqw;width:100%;display:block}.sy-deck{background:var(--deck);border-radius:.5cqw .5cqw 1.6cqw 1.6cqw/.5cqw .5cqw 1.35cqw 1.35cqw;height:1.35cqw;min-height:5px;margin:-.1cqw -6.5% 0;position:relative}.sy-deck:before{content:"";background:#00000059;height:22%;position:absolute;top:0;left:.6cqw;right:.6cqw}.sy-laptop:after{content:"";z-index:-1;filter:blur(6px);background:radial-gradient(closest-side,#0000004d,#0000);border-radius:50%;height:22px;position:absolute;bottom:-14px;left:-4%;right:-4%}.sy-deck{box-shadow:inset 0 -1px #ffffff1f}.sy-deck:after{content:"";background:#0000001a;border-radius:0 0 1cqw 1cqw;width:14%;height:45%;margin-left:-7%;position:absolute;top:0;left:50%}.sy-tab{background:var(--metal);box-shadow:inset 0 1px 0 var(--edge), 0 40px 70px -26px #0000008c, 0 14px 28px -12px #00000059;border-radius:7.4cqw;padding:.9cqw;position:relative}.sy-tab .sy-glass{border-radius:6.5cqw;padding:4.2cqw}.sy-tab .sy-scr{aspect-ratio:848/948;border-radius:2.4cqw;width:100%;display:block}.sy-cam{background:#23242b;border-radius:50%;width:5px;height:5px;margin-left:-2.5px;position:absolute;top:1%;left:50%}.sy-tab .sy-cam{top:1.6%}.sy-lid .sy-cam{width:.55cqw;min-width:3px;height:.55cqw;min-height:3px;margin-left:-.27cqw;top:.55cqw}.sy-meta{font:600 13px/1 var(--f-sans);color:var(--fg);white-space:nowrap;justify-content:center;align-items:center;gap:8px;margin:0 0 16px;display:flex}.sy-os{font:500 11px/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3);margin-right:4px}.sy-chip{font:500 12px/1 var(--f-sans);color:var(--fg-2);background:color-mix(in oklab, var(--fg) 6%, transparent);white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:5px 10px;display:inline-flex}.sy-chip i{background:#10b981;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #10b9812e}.sy-chip[data-state=syncing] i,.sy-chip[data-state=editing] i,.sy-chip[data-state=writing] i{background:var(--amber);animation:.8s ease-in-out infinite alternate sy-blink;box-shadow:0 0 0 3px #f5b66b40}@keyframes sy-blink{to{opacity:.35}}.sy-pill{z-index:4;background:var(--panel-2);color:var(--fg);font:600 12.5px/1 var(--f-sans);white-space:nowrap;box-shadow:0 0 0 1px var(--card-line), 0 12px 26px -12px #00000059;border-radius:999px;align-items:center;gap:8px;padding:8px 14px 8px 10px;display:inline-flex;position:absolute;transform:translate(-50%,-50%)}.sy-ico{place-items:center;width:20px;height:20px;display:inline-grid}.sy-ico svg,.sy-cloud-ico svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}.sy-pill .sy-ico circle{fill:currentColor;stroke:none}.sy-pill .sy-ico{color:var(--cyan);position:relative}:root[data-theme=light] .sy-pill .sy-ico{color:#0071e3}.sy-pill .sy-ico svg{opacity:.5;transition:opacity .6s cubic-bezier(.22,1,.36,1);position:relative}.sy-pill .sy-ico:before{content:"";background:radial-gradient(closest-side, color-mix(in oklab, currentColor 38%, transparent), transparent);opacity:0;border-radius:50%;transition:opacity .6s cubic-bezier(.22,1,.36,1);position:absolute;top:-9px;bottom:-9px;left:-9px;right:-9px}.sy-pill.busy .sy-ico svg,.sy-pill.busy .sy-ico:before{opacity:1;transition-duration:.3s}.sy-pill.compact{padding:9px}.sy-pill.compact [data-k]{display:none}.sy-cloud{z-index:2;background:var(--panel-2);box-shadow:0 0 0 1px var(--card-line), 0 18px 36px -20px #0006;border-radius:16px;align-items:center;gap:12px;padding:14px 16px;display:flex;position:absolute;top:8%;right:4%}.sy-cloud-ico{width:38px;height:38px;color:var(--fg);background:color-mix(in oklab, var(--fg) 6%, transparent);border-radius:11px;flex:none;padding:8px}.sy-cloud b{font:600 14px/1.25 var(--f-sans);display:block}.sy-cloud div span{font:500 11.5px/1.4 var(--f-mono);color:var(--fg-3);letter-spacing:.04em}.sy-cloud .soon{vertical-align:0;margin-left:4px}.sy-note{z-index:2;font:500 12.5px/1.3 var(--f-sans);color:var(--fg-2);align-items:center;gap:8px;display:inline-flex;position:absolute;bottom:6%;right:4%}@media (max-width:760px){.diagram{aspect-ratio:auto;flex-direction:column;align-items:center;height:auto;padding:92px 7% 30px;display:flex}.sy-dev{position:relative;top:auto;bottom:auto;left:auto;right:auto}.sy-laptop{width:100%}.sy-tablet{width:50%;margin-top:96px}.sy-meta{justify-content:center}.sy-tablet .sy-os{display:none}.sy-cloud{padding:10px 12px;top:18px;right:6%}.sy-note{text-align:center;justify-content:center;margin-top:30px;position:relative;bottom:auto;left:auto;right:auto}}.badges{margin-top:var(--gap);gap:var(--gap);grid-template-columns:repeat(3,1fr);display:grid}.badge{border-top:1px solid var(--rule);padding:22px 0 0}.badge .no{font:500 11px/1 var(--f-mono);color:var(--cyan);letter-spacing:.1em}.badge b{font:600 18px/1.3 var(--f-sans);letter-spacing:-.01em;margin-top:14px;display:block}.badge p{color:var(--fg-2);margin-top:8px;font-size:14.5px;line-height:1.65}.soon{font:500 10px/1 var(--f-mono);letter-spacing:.08em;color:var(--amber);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--amber) 50%, transparent);vertical-align:3px;text-transform:uppercase;border-radius:6px;margin-left:6px;padding:4px 7px;display:inline-block}.join{z-index:2;place-items:center;min-height:110vh;padding:18vh 0;display:grid;position:relative}.join-inner{justify-items:center;gap:28px;display:grid;position:relative}.join .lede{max-width:460px}.join .row{flex-wrap:wrap;justify-content:center;align-items:center;gap:22px;margin-top:10px;display:flex}.join:before{content:"";pointer-events:none;background:radial-gradient(60% 50% at 50% 55%, color-mix(in oklab, var(--bg) 65%, transparent), transparent 75%);position:absolute;top:0;bottom:0;left:0;right:0}.foot{z-index:3;background:var(--bg);transition:background-color .9s var(--ease);padding-top:70px;position:relative;overflow:hidden}.foot-grid{gap:var(--gap);border-top:1px solid var(--rule);grid-template-columns:2fr 1fr 1fr 1fr;padding-top:34px;display:grid}.foot-brand p{max-width:260px;color:var(--fg-2);margin-top:18px;font-size:14px}.foot h4{font:500 11px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-3);margin-bottom:14px}.foot-grid a,.foot-grid button{color:var(--fg-2);text-align:left;padding:5px 0;font-size:14.5px;transition:color .3s;display:block}.foot-grid a:hover,.foot-grid button:hover{color:var(--fg)}.foot-r{justify-self:end}.wordmark{font:600 clamp(120px, 26vw, 420px)/.76 var(--f-sans);letter-spacing:-.07em;text-align:center;color:#0000;white-space:nowrap;-webkit-user-select:none;user-select:none;background:linear-gradient(180deg, var(--fg) 30%, color-mix(in oklab, var(--fg) 10%, var(--bg)) 100%);-webkit-background-clip:text;background-clip:text;margin-top:60px;transform:translateY(6%)}.foot-base{font:500 11px/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3);border-top:1px solid var(--rule);z-index:1;background:var(--bg);justify-content:space-between;padding-top:18px;padding-bottom:26px;display:flex;position:relative}.toast{z-index:400;background:var(--fg);color:var(--bg);font:500 14px/1.4 var(--f-sans);transition:transform .6s var(--ease);pointer-events:none;border-radius:14px;padding:14px 20px;position:fixed;bottom:28px;left:50%;transform:translate(-50%,140%);box-shadow:0 20px 40px -20px #0009}.toast.on{transform:translate(-50%)}.cursor{z-index:450;pointer-events:none;opacity:0;transition:opacity .3s;position:fixed;top:0;left:0}.cursor i{width:34px;height:34px;box-shadow:inset 0 0 0 1px var(--fg-3);transition:width .4s var(--ease), height .4s var(--ease), margin .4s var(--ease), background .4s, box-shadow .4s;border-radius:50%;margin:-17px 0 0 -17px;position:absolute}.cursor.hover i{background:color-mix(in oklab, var(--fg) 8%, transparent);width:64px;height:64px;box-shadow:inset 0 0 0 1px var(--fg-2);margin:-32px 0 0 -32px}.cursor.pen i{width:var(--bs,8px);height:var(--bs,8px);margin:calc(var(--bs,8px) / -2) 0 0 calc(var(--bs,8px) / -2);background:0 0;box-shadow:inset 0 0 0 1.5px #24212eb3}.cursor.hide{opacity:0!important}@media (hover:hover) and (pointer:fine){.cursor.live{opacity:1}}@media (max-width:1100px){.links{gap:22px}}@media (max-width:900px){.nav{grid-template-columns:1fr auto;padding-top:16px;padding-bottom:16px}.links,.nav-r .pill{display:none}.menu-btn{display:block}.sec-title,.sec-lede{grid-column:1/-1}.hero{bottom:92px}.hero .row{gap:16px}.hero .lede{flex-basis:100%;max-width:100%}.chap{top:auto;bottom:110px;transform:none}.story-foot .marks{display:none}.feats,.recall-grid{grid-template-columns:1fr}.sec-head-col,.deck-wrap{grid-column:1/-1;position:static}.badges{grid-template-columns:1fr}.foot-grid{grid-template-columns:1fr 1fr}.foot-brand{grid-column:1/-1}.foot-r{justify-self:start}.brush{width:64px}.brush canvas{width:50px}}@media (max-width:560px){.brushes{border-radius:18px;flex-wrap:wrap;justify-content:center;bottom:12px}.swatches{border:0;padding:4px 0}.brush-list{max-width:100%;overflow-x:auto}.deck{height:300px}.seg.panes button span{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.mark .plate{display:none}:root[data-theme=dark] .mark .plate{display:inline}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}.rail-pin.swipe{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow-x:auto}.rail-pin.swipe::-webkit-scrollbar{display:none}.rail-pin.swipe .fmt{scroll-snap-align:center}.rail-pin.swipe .rail-foot{width:100vw;position:sticky;left:0}.plate-art .art{--ink:#24212e}.plate-art .chip{background:color-mix(in oklab, var(--fg) 8%, transparent);color:var(--fg-2)}.pdf .doc{width:66%;height:80%;padding:22px 22px 0;top:9%;left:17%}.pdf .doc.back{background:#ede9e0;transform:rotate(4deg)translate(12px,6px)}.pdf .doc.front{transition:transform .8s var(--ease);transform:rotate(-1.5deg)}.fmt.hot .pdf .doc.front{transform:rotate(-.5deg)translateY(-6px)}.pdf .doc p{margin-top:12px}.pdf .doc .h{margin-bottom:4px}.pdf .margin-ink{fill:none;stroke:#c2410c;stroke-width:2.2px;stroke-linecap:round;opacity:.8;width:30px;position:absolute;top:46%;right:6px}.pdf .chips{gap:6px;display:flex;position:absolute;bottom:4.5%;left:50%;transform:translate(-50%)}.epub .spread{background:#fbfaf6;border-radius:4px;grid-template-columns:1fr 1fr;display:grid;position:absolute;top:12%;bottom:20%;left:7%;right:7%;overflow:hidden;box-shadow:0 30px 60px -30px #0009}.epub .spread:after{content:"";background:linear-gradient(90deg,#0000,#00000014 45%,#0000001f 50%,#00000014 55%,#0000);width:40px;margin-left:-20px;position:absolute;top:0;bottom:0;left:50%}.epub .pg{padding:22px 18px;position:relative}.epub .cap{float:left;font:500 46px/.9 var(--f-cn-serif);color:#2a2735;margin:4px 8px 0 0}html[data-lang=en] .epub .cap{font:italic 400 58px/.8 var(--f-serif)}.epub .serif-t{font-size:12px}html[data-lang=en] .epub .serif-t{font-size:13.5px}.epub .pno{font:500 9px/1 var(--f-mono);color:#9b968a;position:absolute;bottom:12px;right:18px}.epub .aa{background:var(--panel-2);width:58%;box-shadow:inset 0 0 0 1px var(--card-line), 0 24px 40px -20px #0009;color:var(--fg);transition:transform .8s var(--ease);border-radius:14px;padding:14px;position:absolute;bottom:8%;right:9%}.fmt.hot .epub .aa{transform:translateY(-8px)}.aa-h{color:var(--fg-2);align-items:baseline;gap:10px;font-size:12px;display:flex}.aa-h b{font:italic 400 20px/1 var(--f-serif);color:var(--fg)}.aa-row{font:500 11px/1 var(--f-sans);color:var(--fg-2);align-items:center;gap:10px;margin-top:12px;display:flex}.aa-row .big{font-size:17px}.slider{background:var(--rule-2);border-radius:2px;flex:1;height:3px;position:relative}.slider i{background:var(--fg);border-radius:2px;width:58%;height:100%;position:absolute;left:0}.slider i:after{content:"";background:var(--fg);border-radius:50%;width:14px;height:14px;position:absolute;top:-6px;right:-7px}.aa-fonts{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:12px;display:grid}.aa-fonts span{text-align:center;color:var(--fg-2);box-shadow:inset 0 0 0 1px var(--card-line);border-radius:8px;padding:7px 0;font-size:11px}.aa-fonts .on{background:var(--fg);color:var(--bg);box-shadow:none}.web .uiwin{top:10%;bottom:18%;left:7%;right:7%}.web .page{grid-template-rows:auto 1fr;grid-template-columns:1fr 26%;gap:10px;height:calc(100% - 30px);padding:14px;display:grid;position:relative}.web .clutter{background:repeating-linear-gradient(135deg, color-mix(in oklab, var(--fg) 7%, transparent) 0 6px, transparent 6px 12px);box-shadow:inset 0 0 0 1px var(--card-line);font:600 10px/1 var(--f-mono);color:var(--fg-3);transition:opacity .7s var(--ease), transform .7s var(--ease), filter .7s;border-radius:8px;place-items:center;display:grid}.web .clutter.top{height:34px;transition:opacity .7s var(--ease), height .7s var(--ease), margin .7s var(--ease), filter .7s;grid-column:1/-1}.fmt.hot .web .clutter.top{height:0;margin-bottom:-10px}.web .clutter.side{grid-area:2/2;align-content:start;gap:8px;padding:8px;display:grid}.web .clutter.side i{background:color-mix(in oklab, var(--fg) 8%, transparent);border-radius:6px;height:46px}.web .article{grid-area:2/1}.web .article .kick{font:500 9.5px/1 var(--f-mono);letter-spacing:.06em;color:var(--fg-3);display:block}.web .article h5{font:700 15px/1.25 var(--f-sans);margin:6px 0 8px}.web .article p{font:400 11px/1.6 var(--f-sans);color:var(--fg-2);margin:7px 0 0}html[data-lang=zh] .web .article p{font-family:var(--f-cn)}.web .article mark{color:var(--fg);background:#22d3ee59;border-radius:2px;padding:0 1px}html[data-lang=zh] .web .article h5{font-family:var(--f-cn)}.web .img{border-radius:8px;height:74px;overflow:hidden}.web .img svg{width:100%;height:100%;display:block}.web .ln{background:var(--fg-4)}.fmt.hot .web .clutter{opacity:0;filter:blur(4px);transform:scale(.94)}.web .clip-badge{background:var(--fg);color:var(--bg);font:500 11.5px/1 var(--f-sans);white-space:nowrap;opacity:0;transition:opacity .6s var(--ease) .2s, transform .6s var(--ease) .2s;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;display:inline-flex;position:absolute;bottom:6%;left:50%;transform:translate(-50%,8px)}.web .clip-badge span{color:var(--cyan)}.fmt.hot .web .clip-badge{opacity:1;transform:translate(-50%)}.md .uiwin{top:10%;bottom:10%;left:6%;right:6%}.md .split{grid-template-columns:1fr 1fr;height:calc(100% - 30px);display:grid}.md .src{font:400 10.5px/1.75 var(--f-mono);color:var(--fg-2);border-right:1px solid var(--card-line);white-space:pre-wrap;background:color-mix(in oklab, var(--fg) 3%, transparent);margin:0;padding:16px 14px;overflow:hidden}.md .src b{color:var(--cyan);font-weight:400}.md .out{padding:16px}.md .out h6{font:600 15px/1.2 var(--f-sans);margin:0 0 8px}html[data-lang=zh] .md .out h6{font-family:var(--f-cn)}.md .out ul{color:var(--fg-2);margin:0 0 12px;padding-left:16px;font-size:12px}.md .out i{font-family:var(--f-serif);font-size:1.15em;font-style:italic}.md .tex{text-align:center;font:400 22px/1 var(--f-serif);border-top:1px solid var(--card-line);border-bottom:1px solid var(--card-line);margin:8px 0 14px;padding:12px 0}.md .tex sup{font-size:.6em}.md code{background:color-mix(in oklab, var(--fg) 6%, transparent);font:400 10px/1.4 var(--f-mono);color:var(--fg-2);border-radius:8px;padding:8px 10px;display:block}.media .player{background:#0b0c16;border-radius:14px;position:absolute;top:10%;left:6%;right:6%;overflow:hidden;box-shadow:0 30px 60px -30px #000000b3}.media .frame{aspect-ratio:16/9;background:#0d0f1c;position:relative}.media .frame .slide,.media .mini-frame .slide,.bcard .thumb .slide{width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.media .frame-ink{pointer-events:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.media .frame-ink .rib{fill:#fff}.media .chip.t{color:#fff;background:#0000008c;position:absolute;bottom:10px;left:10px}.media .tl{height:22px;margin:10px 14px 0;position:relative}.media .tl:before{content:"";background:#ffffff2e;border-radius:2px;height:2px;position:absolute;top:10px;left:0;right:0}.media .tl:after{content:"";background:#fff;border-radius:2px;width:47%;height:2px;position:absolute;top:10px;left:0}.media .tl i{background:var(--cyan);border-radius:1px;width:2px;height:10px;position:absolute;top:6px}.media .tl b{background:#fff;border-radius:50%;width:12px;height:12px;margin-left:-6px;position:absolute;top:5px}.media .ab{background:#22d3ee33;border-radius:4px;height:14px;position:absolute;top:4px;box-shadow:inset 0 0 0 1px #22d3ee99}.media .ctrls{font:500 10px/1 var(--f-mono);color:#ffffffb3;gap:14px;padding:6px 14px 12px;display:flex}.media .ctrls .abl{color:var(--cyan)}.media .cap-card{background:var(--panel-2);box-shadow:inset 0 0 0 1px var(--card-line), 0 24px 40px -20px #0009;transition:transform .8s var(--ease);border-radius:14px;align-items:center;gap:12px;padding:10px;display:flex;position:absolute;bottom:7%;left:14%;right:14%}.fmt.hot .media .cap-card{transform:translateY(-8px)}.media .mini-frame{background:#0f0d2b;border-radius:6px;flex:none;width:64px;height:40px;position:relative;overflow:hidden}.media .cap-card b{font:600 12.5px/1.3 var(--f-sans);display:block}.media .cap-card span{color:var(--fg-2);font-size:11.5px}.search .sbox{background:var(--panel-2);height:50px;box-shadow:inset 0 0 0 1px var(--rule-2), 0 0 0 5px color-mix(in oklab, var(--cyan) 16%, transparent);border-radius:14px;align-items:center;gap:12px;padding:0 16px;display:flex;position:absolute;top:11%;left:7%;right:7%}.search .ico{color:var(--fg-3);font-size:20px}.search .q{font:500 16px/1 var(--f-sans)}.search .caret{background:var(--cyan);width:1.5px;height:18px;animation:1.1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.search .kbd{box-shadow:inset 0 0 0 1px var(--rule-2);font:500 10px/1 var(--f-mono);color:var(--fg-3);border-radius:6px;margin-left:auto;padding:5px 7px}.search .results{gap:8px;display:grid;position:absolute;top:calc(11% + 64px);left:7%;right:7%}.search .res{background:var(--panel-2);box-shadow:inset 0 0 0 1px var(--card-line);transition:transform .6s var(--ease), background .4s;border-radius:12px;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.search .res:first-child{box-shadow:inset 0 0 0 1px var(--rule-2)}.fmt.hot .search .res:first-child{transform:translate(6px)}.search .res b{font:600 12.5px/1.3 var(--f-sans);display:block}.search .res p{color:var(--fg-2);margin-top:3px;font-size:11.5px;line-height:1.5}.search mark{color:inherit;background:#22d3ee59;border-radius:2px;padding:0 2px}.search .src{text-align:center;width:42px;font:500 9.5px/1 var(--f-mono);color:var(--fg-2);box-shadow:inset 0 0 0 1px var(--rule-2);border-radius:6px;flex:none;padding:5px 0}.search .src.pdf{color:#f97316}.search .src.vid{color:var(--cyan)}.search .src.brd{color:var(--blue)}.search .src.card{color:var(--amber)}.pane-content{transform-origin:0 0;position:absolute;top:0;left:0}.pane-content .bcard{top:0;left:0}.bink{fill:none;width:100%;height:auto;stroke:var(--fg);stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;opacity:.85}.ptable{grid-template-columns:repeat(10,92px);gap:10px;display:grid;position:absolute;top:110px;left:90px}.ptable span{height:92px;font:600 26px/1 var(--f-sans);color:var(--fg-3);box-shadow:inset 0 0 0 1.5px var(--card-line);background:var(--card);border-radius:12px;place-items:center;transition:color .3s,background-color .3s,box-shadow .3s;display:grid}.ptable .linked{color:var(--bg);background:var(--fg);box-shadow:0 0 0 6px color-mix(in oklab, var(--cyan) 35%, transparent)}.ptable .target,.obs .bcard.mini.target{box-shadow:0 0 0 3px var(--cyan), 0 0 0 12px color-mix(in oklab, var(--cyan) 18%, transparent);color:var(--fg)}.obs .bcard.mini.linked{box-shadow:inset 0 0 0 2px color-mix(in oklab, var(--cyan) 70%, transparent), 0 18px 34px -20px #0009}.todo li.target i,.todo li.linked:not(.done) i{box-shadow:inset 0 0 0 2.5px var(--cyan)}.todo li.target{color:var(--cyan)}.obs .bcard.mini{border-radius:18px;width:360px;padding:22px 26px;font-size:26px;position:absolute}.sketch{fill:none;width:480px;stroke:var(--fg-2);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;position:absolute;top:60px;left:640px}.sketch circle{fill:var(--fg);stroke:none}.todo{font:500 34px/1.2 var(--f-sans);gap:28px;margin:0;padding:0;list-style:none;display:grid;position:absolute;top:110px;left:110px}.todo li{cursor:pointer;transition:color .35s var(--ease);outline:none;align-items:center;gap:22px;display:flex}.todo i{width:40px;height:40px;box-shadow:inset 0 0 0 2.5px var(--rule-2);transition:background-color .3s var(--ease), box-shadow .3s var(--ease), transform .3s var(--ease);border-radius:10px;flex:none;place-items:center;display:grid;position:relative}.todo i:after{content:"";border:4px solid #08121a;border-width:0 4px 4px 0;width:10px;height:20px;margin-top:-5px;transition:transform .4s cubic-bezier(.34,1.56,.64,1);transform:rotate(45deg)scale(0)}.todo span{transition:background-size .45s var(--ease);background:linear-gradient(currentColor,currentColor) 0 58%/0 3px no-repeat}.todo li:hover i{box-shadow:inset 0 0 0 2.5px var(--cyan)}.todo li:focus-visible i{box-shadow:inset 0 0 0 2.5px var(--cyan)}.todo li:active i{transform:scale(.9)}.todo .done{color:var(--fg-3)}.todo .done i{background:var(--cyan);box-shadow:none}.todo .done i:after{transform:rotate(45deg)scale(1)}.todo .done span{background-size:100% 3px}.todo-prog{font:500 22px/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3);margin:0;position:absolute;bottom:80px;left:110px}.bcard .port{z-index:3;background:var(--panel-2);width:12px;height:12px;box-shadow:inset 0 0 0 1.6px var(--blue);opacity:0;cursor:crosshair;touch-action:none;transition:opacity .25s var(--ease), transform .3s var(--ease), background-color .2s;border-radius:50%;margin:-6px 0 0 -6px;position:absolute;transform:scale(.5)}.bcard .port:before{content:"";border-radius:50%;position:absolute;top:-9px;bottom:-9px;left:-9px;right:-9px}.bcard .port.t{top:0;left:50%}.bcard .port.r{top:50%;left:100%}.bcard .port.b{top:100%;left:50%}.bcard .port.l{top:50%;left:0}.bcard:hover .port,.bcard.linking .port{opacity:1;transform:scale(1)}.bcard .port:hover,.bcard.linking .port:active{background:var(--blue);transform:scale(1.4)}.bcard.drag .port{opacity:0}.bcard.target{box-shadow:inset 0 0 0 1.5px var(--cyan), 0 0 0 5px color-mix(in oklab, var(--cyan) 16%, transparent), 0 18px 34px -20px #0009}@media (hover:none){.bcard .port{opacity:0}.bcard.touched .port{opacity:.85;transform:scale(1)}}.links-svg .hit{stroke:#0000;stroke-width:16px;fill:none;pointer-events:stroke;cursor:pointer}.links-svg .lk .ln{transition:stroke .2s}.links-svg .lk:hover .ln{stroke:var(--cyan)}.links-svg .del{opacity:0;pointer-events:auto;cursor:pointer;transition:opacity .2s}.links-svg .del circle{fill:var(--panel-2);stroke:var(--rule-2);stroke-width:1.2px}.links-svg .del path{fill:none;stroke:var(--fg-2);stroke-width:1.6px;stroke-linecap:round}.links-svg .lk:hover .del,.links-svg .lk.sel .del{opacity:1}.links-svg .lk.sel .ln{stroke:var(--cyan)}.links-svg .ghost{fill:none;stroke:var(--cyan);stroke-width:1.6px;stroke-dasharray:4 6;pointer-events:none}.links-svg .ghost-end{fill:var(--cyan);stroke:none;pointer-events:none}.xlink{pointer-events:none;z-index:4;width:100%;height:100%;transition:opacity .6s;position:absolute;top:0;bottom:0;left:0;right:0;overflow:visible}.xlink .xls{transition:opacity .6s}.xlink .ln{fill:none;stroke:var(--cyan);stroke-width:1.6px;stroke-dasharray:4 6;animation:1.2s linear infinite dash}.xlink .xl>circle{fill:var(--cyan)}.xlink .hit{stroke:#0000;stroke-width:12px;fill:none;pointer-events:stroke;cursor:pointer}.xlink .del{opacity:0;pointer-events:auto;cursor:pointer;transition:opacity .2s}.xlink .del circle{fill:var(--panel-2);stroke:var(--rule-2);stroke-width:1.2px}.xlink .del path{fill:none;stroke:var(--fg-2);stroke-width:1.6px;stroke-linecap:round}.xlink .xl:hover .del,.xlink .xl.sel .del{opacity:1}.xlink .xl:hover .ln,.xlink .xl.sel .ln{stroke-width:2.2px}.xlink .xl.fresh .ln{animation:none}.xlink .ghost{fill:none;stroke:var(--cyan);stroke-width:1.6px;stroke-dasharray:4 6}.xlink .ghost-end{fill:var(--cyan)}@keyframes dash{to{stroke-dashoffset:-20px}}.board .hint.used{opacity:.35}.menu[hidden]{display:none}.toast{opacity:0;transition:transform .6s var(--ease), opacity .4s}.toast.on{opacity:1}[hidden]{display:none!important}.foot-brand svg{width:30px;height:auto}.recall-grid .sec-head-col{grid-column:1/span 6}.recall-grid .deck-wrap{grid-column:8/-1}html[data-lang=zh] .recall .sec-title{font-size:clamp(40px,4.8vw,76px)}html[data-lang=en] .recall .sec-title{font-size:clamp(44px,5.2vw,84px)}@media (max-width:900px){.recall-grid .sec-head-col,.recall-grid .deck-wrap{grid-column:1/-1}}@media (min-width:901px){.rail-pin{height:100vh;flex-direction:column;justify-content:center;height:100svh;padding-top:72px;display:flex}.read .sec-head{margin-bottom:40px}}@media (max-width:700px){.boardstage{height:calc((100vw - 2 * var(--m) - 24px) * 1.476 + 54px);max-height:min(700px,66vh);max-height:min(700px,66svh)}.brushes{flex-wrap:wrap;justify-content:space-between;gap:4px;max-width:none;padding:6px;bottom:10px;left:10px;right:10px;transform:none}.brush-list{order:1;justify-content:space-between;width:100%}.brush{flex:1;width:auto;padding:6px 2px 7px;font-size:10px}.brush canvas{width:40px;height:15px}.swatches{border:0;order:2;gap:10px;padding:4px 6px}.brush-acts{order:3}.brush-acts button{padding:8px 10px}.paper{height:min(56vh,460px);height:min(56svh,460px)}.paper-hint{padding:0 24px;top:34%}}.veil{z-index:99;background:var(--bg);opacity:0;pointer-events:none;display:none;position:fixed;top:0;bottom:0;left:0;right:0}