:root{--paper: #eef2f1;--paper-2: #e3e9e8;--paper-3: #d8e1e0;--ink: #16283a;--ink-soft: #42586b;--bearing: #2d5a7b;--magenta: #d6336c;--hairline: #c6d1ce;--font-display: "Space Grotesk", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;color-scheme:light}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{background:var(--paper);color:var(--ink);font-family:var(--font-display);line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--bearing);text-decoration:none}a:hover{color:var(--magenta)}.mono{font-family:var(--font-mono);letter-spacing:.02em}.container{max-width:1060px;margin:0 auto;padding:0 40px}.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 40px;border-bottom:1px solid var(--hairline)}.nav .logo{font-family:var(--font-mono);font-weight:500;font-size:18px;letter-spacing:.14em;color:var(--ink);white-space:nowrap}.nav .logo .tick{color:var(--magenta)}.nav-links{display:flex;gap:30px;font-size:14px}.nav-links a{color:var(--ink-soft);letter-spacing:.05em;padding-bottom:4px;border-bottom:2px solid transparent;transition:color .18s ease,border-color .18s ease}.nav-links a:hover{color:var(--ink)}.nav-links a.active{color:var(--ink);border-bottom-color:var(--magenta)}.nav-right{display:flex;align-items:center;gap:18px}.nav-search{font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;color:var(--ink-soft);border:1px solid var(--hairline);padding:5px 10px;transition:border-color .18s ease,color .18s ease}.nav-search:hover{border-color:var(--bearing);color:var(--bearing)}.nav-meta{font-family:var(--font-mono);font-size:12px;color:var(--ink-soft)}.hero{position:relative;overflow:hidden;padding:90px 40px 110px;border-bottom:1px solid var(--hairline)}.hero-sm{padding:60px 40px 66px}.hero-svg{position:absolute;inset:0;width:100%;height:100%;animation:drift 11s ease-in-out infinite}@keyframes drift{0%,to{transform:translateY(0)}50%{transform:translateY(7px)}}.hero-inner{position:relative;max-width:860px}.eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:.24em;color:var(--bearing);text-transform:uppercase;margin-bottom:26px;display:flex;align-items:center;justify-content:space-between;gap:16px}.crumb{color:var(--bearing);letter-spacing:.1em}.crumb:hover{color:var(--magenta)}.hero h1{font-size:clamp(34px,6vw,64px);font-weight:600;line-height:1.08;letter-spacing:-.01em;margin-bottom:22px}.hero .h1-sm{font-size:clamp(30px,5vw,48px)}.hero .sub{font-size:17px;color:var(--ink-soft);max-width:38em;margin-bottom:0}.hero .sub a{border-bottom:1px solid var(--bearing)}.hero-sm .sub{margin-bottom:0}.hero .sounding{margin-top:40px}.sounding{display:inline-flex;align-items:baseline;gap:14px;border:1px solid var(--hairline);background:#ffffff8c;padding:14px 20px;font-family:var(--font-mono);font-size:13px;color:var(--ink-soft);flex-wrap:wrap}.sounding .marker{color:var(--magenta)}.sounding .depth{font-size:22px;color:var(--ink);font-weight:500}.sounding .depth .u{font-size:12px;color:var(--bearing)}.live-dot{display:inline-flex;align-items:center;gap:8px;letter-spacing:.18em;white-space:nowrap}.live-dot .dot{width:8px;height:8px;border-radius:50%;background:var(--magenta);position:relative;flex:none}.live-dot .dot:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1px solid var(--magenta);animation:ping 1.9s ease-out infinite}@keyframes ping{0%{transform:scale(.5);opacity:.85}to{transform:scale(2.4);opacity:0}}.cursor{display:inline-block;width:8px;height:1em;background:var(--magenta);vertical-align:-.12em;margin-left:3px;animation:blink 1.1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.readout-band{border-bottom:1px solid var(--hairline);background:var(--paper-2)}.readout{display:flex;max-width:1060px;margin:0 auto}.readout-item{flex:1;min-width:0;padding:20px 26px;display:flex;flex-direction:column;gap:2px;border-left:1px solid var(--hairline)}.readout-item:first-child{border-left:none}.readout-item .k{font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;color:var(--bearing)}.readout-item .v{font-family:var(--font-mono);font-size:30px;font-weight:500;line-height:1.15;color:var(--ink)}.readout-item .v.sm{font-size:17px;padding-top:10px;letter-spacing:.02em}.readout-item .u{font-family:var(--font-mono);font-size:11px;color:var(--ink-soft)}.stack .readout{display:grid;grid-template-columns:1fr 1fr;gap:1px;max-width:none;background:var(--hairline);border:1px solid var(--hairline);margin-top:14px}.stack .readout-item{border:none;background:var(--paper-2);padding:18px 20px}.section{padding:80px 40px}.section-tight{padding-top:30px}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;border-bottom:2px solid var(--ink);padding-bottom:14px;margin-bottom:6px}.section-head h2{font-size:22px;font-weight:600}.section-head .mono{font-size:12px;color:var(--ink-soft)}.head-link{font-size:12px;letter-spacing:.06em;color:var(--bearing);white-space:nowrap}.head-link:hover{color:var(--magenta)}.lead{color:var(--ink-soft);max-width:50em;margin:18px auto 26px;text-align:center}.empty{color:var(--ink-soft);padding:26px 4px}.empty code{font-family:var(--font-mono);font-size:.9em;background:var(--paper-2);padding:.15em .4em}.topics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-top:26px}.topic-card{position:relative;display:flex;flex-direction:column;gap:8px;padding:24px 22px 22px;border:1px solid var(--hairline);background:#fff6;color:var(--ink);transition:border-color .2s ease,transform .2s ease,background .2s ease}.topic-card:hover{border-color:var(--bearing);background:#ffffffbf;transform:translateY(-3px);color:var(--ink)}.topic-card .tc-count{font-size:11px;letter-spacing:.14em;color:var(--magenta)}.topic-card h3{font-size:21px;font-weight:600}.topic-card p{font-size:14px;color:var(--ink-soft);line-height:1.6}.topic-card .tc-arrow{position:absolute;right:20px;top:22px;color:var(--magenta);opacity:0;transform:translate(-6px);transition:opacity .2s ease,transform .2s ease}.topic-card:hover .tc-arrow{opacity:1;transform:none}.topic-row{display:grid;grid-template-columns:44px 1fr auto 24px;gap:20px;align-items:start;padding:24px 4px;border-bottom:1px solid var(--hairline);color:var(--ink);transition:transform .22s ease}.topic-row:hover{transform:translate(7px);color:var(--ink)}.tr-idx{font-size:13px;color:var(--magenta);padding-top:4px}.tr-main h3{font-size:21px;font-weight:600;margin-bottom:4px}.topic-row:hover .tr-main h3{color:var(--bearing)}.tr-main p{font-size:14px;color:var(--ink-soft);margin-bottom:8px}.tr-preview{display:block;font-size:11px;color:var(--ink-soft);opacity:.75;line-height:1.9}.tr-count{font-size:12px;color:var(--ink-soft);padding-top:6px;white-space:nowrap}.tr-arrow{color:var(--magenta);opacity:0;transform:translate(-6px);transition:opacity .2s ease,transform .2s ease;padding-top:4px}.topic-row:hover .tr-arrow{opacity:1;transform:none}.feature-card{display:block;padding:26px 26px 24px;margin:26px 0 10px;border:1px solid var(--hairline);border-left:3px solid var(--magenta);background:#ffffff80;color:var(--ink);transition:background .2s ease,border-color .2s ease}.feature-card:hover{background:#fffc;color:var(--ink)}.feature-card .fc-label{font-size:11px;letter-spacing:.14em;color:var(--magenta)}.feature-card h3{font-size:24px;font-weight:600;margin:8px 0;letter-spacing:-.01em}.feature-card:hover h3{color:var(--bearing)}.feature-card p{font-size:15px;color:var(--ink-soft);max-width:46em}.feature-card .fc-meta{display:block;font-size:11px;color:var(--ink-soft);margin-top:12px}.card{display:grid;grid-template-columns:110px 1fr auto;gap:22px;align-items:baseline;padding:26px 4px;border-bottom:1px solid var(--hairline);position:relative;transition:transform .22s ease}.card:hover{transform:translate(7px)}.card .idx{font-size:12px;color:var(--magenta);line-height:1.7}.card .meta{font-family:var(--font-mono);font-size:12px;color:var(--ink-soft);white-space:nowrap}.card h3{font-size:19px;font-weight:600;margin-bottom:4px}.card h3 a{color:var(--ink)}.card h3 a:hover{color:var(--bearing)}.card .tag{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--ink-soft)}.tag-link{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:var(--bearing);border-bottom:1px solid transparent;white-space:nowrap}.tag-link:hover{border-bottom-color:var(--magenta)}.tag-desc{color:var(--ink-soft);overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.card .arrow{font-family:var(--font-mono);color:var(--magenta);opacity:0;transform:translate(-6px);transition:opacity .22s ease,transform .22s ease;margin-left:6px;display:inline-block}.card:hover .arrow{opacity:1;transform:none}.chip-row{display:flex;flex-wrap:wrap;gap:10px;padding:22px 40px 0;max-width:1060px;margin:0 auto}.chip{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-soft);border:1px solid var(--hairline);padding:6px 12px;transition:border-color .18s ease,color .18s ease}.chip:hover{border-color:var(--bearing);color:var(--bearing)}.chip-n{font-family:var(--font-mono);font-size:11px;color:var(--magenta)}.prog{position:fixed;top:0;left:0;right:0;height:2px;background:var(--magenta);transform:scaleX(0);transform-origin:0 50%;z-index:50;will-change:transform}.article-wrap{display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:48px;max-width:1010px;margin:0 auto;padding:64px 40px 100px;align-items:start}.article-wrap-single{grid-template-columns:minmax(0,1fr);padding-top:0}.article-main{min-width:0}.article-head{margin-bottom:40px}.article-head .eyebrow{margin-bottom:18px;text-transform:none;letter-spacing:.1em}.article-head h1{font-size:clamp(28px,4.4vw,42px);font-weight:600;line-height:1.18;letter-spacing:-.01em;margin-bottom:16px}.article-desc{font-size:16px;color:var(--ink-soft);border-left:2px solid var(--hairline);padding-left:14px}.head-date{color:var(--ink-soft);text-transform:none;letter-spacing:.08em}.toc{position:sticky;top:90px;font-size:13px}.toc-inner{border-left:1px solid var(--hairline);padding-left:16px}.toc-title{display:block;font-size:10px;letter-spacing:.2em;color:var(--bearing);margin-bottom:12px}.toc-link{display:block;color:var(--ink-soft);line-height:1.5;border-left:2px solid transparent;margin-left:-18px;padding:4px 0 4px 16px;transition:color .18s ease,border-color .18s ease}.toc-link.d3{padding-left:28px;font-size:12px}.toc-link:hover{color:var(--ink)}.toc-link.current{color:var(--ink);border-left-color:var(--magenta)}.prevnext{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:64px;padding-top:28px;border-top:2px solid var(--ink)}.pn{display:flex;flex-direction:column;gap:6px;padding:16px 18px;border:1px solid var(--hairline);color:var(--ink);transition:border-color .2s ease,background .2s ease}.pn:hover{border-color:var(--bearing);background:#fff9;color:var(--ink)}.pn-next{text-align:right;align-items:flex-end}.pn-label{font-size:11px;letter-spacing:.12em;color:var(--magenta)}.pn-title{font-size:15px;font-weight:600;line-height:1.45}.pn-empty{border:1px dashed var(--hairline);opacity:.4}.related,.stack{margin-top:56px}.related-head{border-bottom:2px solid var(--ink);padding-bottom:12px;margin-bottom:4px}.related-head .mono{font-family:var(--font-mono);font-size:12px;letter-spacing:.16em;color:var(--ink-soft)}.related-item{display:grid;grid-template-columns:96px 1fr auto;gap:16px;align-items:baseline;padding:16px 2px;border-bottom:1px solid var(--hairline);color:var(--ink);transition:transform .2s ease}.related-item:hover{transform:translate(6px);color:var(--ink)}.ri-tag{font-size:11px;color:var(--bearing)}.ri-title{font-size:16px;font-weight:600}.related-item:hover .ri-title{color:var(--bearing)}.prose{max-width:760px;font-size:17px;line-height:1.85}.prose h2{font-size:26px;font-weight:600;margin:2.2em 0 .6em;letter-spacing:-.01em}.prose h3{font-size:20px;font-weight:600;margin:1.8em 0 .5em}.prose p{margin:0 0 1.2em;color:var(--ink)}.prose a{border-bottom:1px solid var(--bearing)}.prose code{font-family:var(--font-mono);font-size:.88em;background:var(--paper-2);padding:.15em .4em;border-radius:3px}.prose pre{background:var(--ink);color:var(--paper);padding:18px 20px;border-radius:6px;overflow-x:auto;margin:0 0 1.4em;font-size:14px}.prose pre code{background:none;color:inherit;padding:0}.prose ul,.prose ol{margin:0 0 1.2em;padding-left:1.5em}.prose li{margin:.35em 0}.prose blockquote{border-left:3px solid var(--magenta);padding-left:1em;margin:1.5em 0;color:var(--ink-soft);font-style:italic}.prose img{max-width:100%;height:auto;border:1px solid var(--hairline)}.prose img[alt]:not([src]),.prose img[src=""]{min-height:120px;width:100%;background:repeating-linear-gradient(45deg,var(--paper-2),var(--paper-2) 10px,var(--paper-3) 10px,var(--paper-3) 20px)}.prose hr{border:none;border-top:1px solid var(--hairline);margin:2.4em 0}.prose .todo{color:var(--ink-soft);font-size:15px}.prose strong{font-weight:600}.search-box{display:flex;align-items:center;gap:12px;border:1px solid var(--hairline);background:#fff9;padding:4px 16px;max-width:640px}.search-box:focus-within{border-color:var(--bearing)}.search-mark{color:var(--magenta);font-size:14px}.search-box input{flex:1;border:none;outline:none;background:transparent;font-family:var(--font-display);font-size:16px;color:var(--ink);padding:14px 0}.search-box input::placeholder{color:var(--ink-soft);opacity:.75}.search-results{margin-top:26px;max-width:760px}.search-item{display:block;padding:18px 2px;border-bottom:1px solid var(--hairline);color:var(--ink);transition:transform .2s ease}.search-item:hover{transform:translate(6px);color:var(--ink)}.si-head{display:flex;justify-content:space-between;gap:12px;font-size:11px;margin-bottom:6px}.si-tag{color:var(--bearing);letter-spacing:.06em}.si-date{color:var(--ink-soft)}.si-title{display:block;font-size:17px;font-weight:600;margin-bottom:4px}.search-item:hover .si-title{color:var(--bearing)}.si-desc{display:block;font-size:14px;color:var(--ink-soft)}.notfound{position:relative;overflow:hidden;min-height:68vh;display:flex;align-items:center;padding:80px 40px;border-bottom:1px solid var(--hairline)}.nf-svg{position:absolute;inset:0;width:100%;height:100%}.nf-inner{position:relative;max-width:620px}.nf-code{display:block;font-size:12px;letter-spacing:.22em;color:var(--magenta);margin-bottom:18px}.nf-inner h1{font-size:clamp(28px,4.5vw,44px);font-weight:600;letter-spacing:-.01em;margin-bottom:16px}.nf-inner p{color:var(--ink-soft);max-width:34em;margin-bottom:30px}.nf-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{font-family:var(--font-mono);font-size:13px;letter-spacing:.08em;padding:11px 20px;background:var(--ink);color:var(--paper);border:1px solid var(--ink);transition:background .2s ease,color .2s ease}.btn:hover{background:var(--bearing);border-color:var(--bearing);color:#fff}.btn-ghost{background:transparent;color:var(--ink)}.btn-ghost:hover{background:transparent;color:var(--magenta);border-color:var(--magenta)}footer{border-top:1px solid var(--hairline);padding:34px 40px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-family:var(--font-mono);font-size:12px;color:var(--ink-soft);flex-wrap:wrap}.footer-links{display:flex;gap:18px}.footer-links a{color:var(--ink-soft)}.footer-links a:hover{color:var(--magenta)}.reveal{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease}.reveal.in{opacity:1;transform:none}@media(max-width:1024px){.article-wrap{grid-template-columns:minmax(0,1fr);gap:0}.toc{display:none}}@media(max-width:860px){.readout{flex-wrap:wrap}.readout-item{flex:1 1 50%;border-top:1px solid var(--hairline)}.readout-item:nth-child(-n+2){border-top:none}.readout-item:nth-child(odd){border-left:none}}@media(max-width:640px){.nav{padding:18px 22px}.nav-links,.nav-meta{display:none}.hero{padding:60px 22px 74px}.hero-sm{padding:44px 22px 50px}.section{padding:52px 22px}.chip-row,.article-wrap,.notfound{padding-left:22px;padding-right:22px}.card{grid-template-columns:1fr;gap:8px}.card .meta{order:3}.topic-row{grid-template-columns:1fr auto;gap:10px}.tr-idx{display:none}.related-item{grid-template-columns:1fr auto}.ri-tag{grid-column:1 / -1}.prevnext{grid-template-columns:1fr}.readout-item{flex:1 1 100%;border-left:none}footer{padding:26px 22px;flex-direction:column;align-items:flex-start;gap:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-svg{animation:none}.live-dot .dot:after,.cursor{animation:none}.reveal{opacity:1;transform:none;transition:none}.card:hover,.topic-row:hover,.related-item:hover,.search-item:hover,.topic-card:hover{transform:none}}