.blog,.story,.more{--violet:#b69cff}[data-theme=light] :is(.blog,.story,.more){--violet:#6a4fd6}.post-cover{--pc:var(--accent);width:100%;height:100%;display:block}.pc-p1{--pc:var(--tip)}.pc-p2{--pc:var(--violet)}.pc-bg{fill:var(--surface)}.pc-glow-a{stop-color:var(--pc);stop-opacity:.18}.pc-glow-b{stop-color:var(--pc);stop-opacity:0}.pc-dot{fill:var(--line-2)}.pc-edge{fill:none;stroke:var(--line-2);stroke-width:1.5px;transition:stroke-width .25s}.pc-edge.is-hot{stroke:var(--pc);stroke-width:2.5px}.pc-loop{fill:none;stroke:var(--pc);stroke-opacity:.5;stroke-width:1.5px;stroke-dasharray:4 7}.pc-node{fill:var(--bg);stroke:var(--faint);stroke-width:1.5px}.pc-node.is-hot{stroke:var(--pc);stroke-width:2.25px}.pc-node.is-hot.is-end{fill:var(--pc)}.pc-particle{fill:var(--pc);filter:drop-shadow(0 0 6px var(--pc))}@media (prefers-reduced-motion:reduce){.pc-particle{display:none}}.blog{max-width:1200px;padding:clamp(40px, 6vw, 80px) var(--gutter) 112px;margin:0 auto}.blog-head{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px 40px;padding-bottom:36px;display:flex}.blog-kicker{font:500 .76rem var(--f-mono);color:var(--accent);margin:0 0 14px}.blog-kicker a{color:inherit;text-decoration:none}.blog-head h1{letter-spacing:-.045em;margin:0 0 16px;font-size:clamp(2.6rem,6.4vw,4.8rem);line-height:.98}.blog-intro{max-width:38em;color:var(--sub);margin:0;font-size:1.1rem}.blog-subscribe{border:1px solid var(--line-2);background:var(--surface);min-height:44px;color:var(--text);font:500 .9rem var(--f-body);border-radius:10px;align-items:center;gap:9px;padding:0 16px;text-decoration:none;display:inline-flex}.blog-subscribe:hover{border-color:var(--accent-line)}.blog-subscribe svg{color:var(--accent)}.feature{border:1px solid var(--line);background:var(--surface);border-radius:20px;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);margin-top:40px;display:grid;overflow:hidden}.feature-art{border-right:1px solid var(--line);min-height:360px;display:block}.feature-body{flex-direction:column;justify-content:center;gap:4px;padding:clamp(24px,3.6vw,48px);display:flex}.feature-label{font:500 .74rem var(--f-mono);color:var(--accent);margin:0}.feature h2{letter-spacing:-.03em;margin:10px 0 12px;font-size:clamp(1.7rem,2.9vw,2.45rem);line-height:1.07}.feature h2 a{color:var(--text);text-decoration:none}.feature h2 a:hover{color:var(--accent)}.feature-desc{color:var(--sub);margin:0;font-size:1.02rem}.feature .byline{margin:22px 0 0}.feature .post-card-tags{margin-top:18px}.feature:hover .pc-edge.is-hot{stroke-width:3.25px}@media (width<=860px){.feature{grid-template-columns:minmax(0,1fr)}.feature-art{aspect-ratio:1200/520;border-right:0;border-bottom:1px solid var(--line);min-height:0}}.topics{margin:48px 0 24px}.kinds+.topics{margin-top:0}.topics ul{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.topics a{border:1px solid var(--line-2);min-height:36px;color:var(--muted);font:400 .78rem var(--f-mono);border-radius:999px;align-items:center;gap:7px;padding:0 14px;text-decoration:none;display:inline-flex}.topics a span{color:var(--faint)}.topics a:hover{color:var(--text);border-color:var(--accent-line)}.topics a[aria-current=page]{background:var(--text);border-color:var(--text);color:var(--bg)}.topics a[aria-current=page] span{color:var(--bg);opacity:.7}.post-grid-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:20px;display:grid}.post-card{border:1px solid var(--line);background:var(--surface);border-radius:16px;flex-direction:column;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.post-card:hover{border-color:var(--accent-line);transform:translateY(-3px);box-shadow:0 18px 40px -24px #00000080}.post-card .post-cover{aspect-ratio:640/300;border-bottom:1px solid var(--line);height:auto}.post-card:hover .pc-edge.is-hot{stroke-width:3.5px}.post-card-body{flex-direction:column;flex:1;gap:10px;padding:20px 22px 22px;display:flex}.post-card-meta{font:400 .74rem var(--f-mono);color:var(--faint);gap:12px;margin:0;display:flex}.post-card-title{font:650 1.28rem/1.2 var(--f-display);letter-spacing:-.02em;margin:0}.post-card-title a{color:var(--text);text-decoration:none}.post-card-title a:after{content:"";position:absolute;inset:0}.post-card-desc{color:var(--muted);margin:0;font-size:.94rem;line-height:1.55}.post-card-tags{flex-wrap:wrap;gap:6px;margin:auto 0 0;padding:6px 0 0;list-style:none;display:flex}.post-card-tags li,.post-card-tags a{font:400 .72rem var(--f-mono);color:var(--faint)}.post-card-tags li{border:1px solid var(--line);border-radius:999px;padding:2px 9px}.post-card-tags a{text-decoration:none}.post-card-tags a:hover{color:var(--text)}.read-progress{z-index:49;pointer-events:none;height:2px;position:fixed;top:61px;left:0;right:0}.read-progress span{background:var(--accent);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.story{--measure:700px;max-width:1200px;padding:clamp(40px, 6vw, 72px) var(--gutter) 0;margin:0 auto}.story-head{text-align:center;max-width:880px;margin:0 auto}.story-crumbs{font:400 .76rem var(--f-mono);flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.story-crumbs a{border:1px solid var(--line-2);min-height:28px;color:var(--muted);border-radius:999px;align-items:center;padding:0 11px;text-decoration:none;display:inline-flex}.story-crumbs a:first-child{color:var(--accent);border-color:#0000}.story-crumbs a:hover{color:var(--text)}.story-head h1{letter-spacing:-.042em;margin:22px 0 18px;font-size:clamp(2.3rem,5.4vw,4.2rem);line-height:1.03}.story-dek{max-width:40em;color:var(--sub);margin:0 auto;font-size:clamp(1.08rem,1.6vw,1.3rem);line-height:1.55}.story-head .byline{justify-content:center;margin:28px 0 0}.story-head .byline-text{text-align:left}.story-cover{aspect-ratio:1200/360;border:1px solid var(--line);border-radius:20px;margin:44px 0 0;overflow:hidden}.story-grid{grid-template-columns:minmax(0, 1fr) minmax(0, var(--measure)) minmax(0, 1fr);gap:48px;padding-top:56px;display:grid}.story-toc{grid-column:1;place-self:start end;width:220px;max-height:calc(100vh - 130px);font-size:.88rem;position:sticky;top:100px;overflow-y:auto}.story-main{grid-column:2;min-width:0}@media (width<=1100px){.story-grid{grid-template-columns:minmax(0,1fr)}.story-toc{display:none}.story-main{width:100%;max-width:var(--measure);grid-column:1;margin:0 auto}}.story-prose{color:var(--sub);font-size:1.12rem;line-height:1.8}.story-prose>p:first-child{color:var(--text);font-size:1.27rem;line-height:1.65}.story-prose>p:first-child:first-letter{float:left;font:700 3.4em/.8 var(--f-display);color:var(--accent);margin:.08em .12em 0 0}.story-prose h2{margin:2.3em 0 .7em;scroll-margin-top:90px;font-size:clamp(1.6rem,2.6vw,2.1rem)}.story-prose h2:before{content:"";background:var(--accent);border-radius:2px;width:40px;height:3px;margin-bottom:18px;display:block}.story-prose h3{scroll-margin-top:90px}.story-prose blockquote{border-left:3px solid var(--accent);color:var(--text);font:500 clamp(1.3rem, 2.1vw, 1.6rem)/1.45 var(--f-display);letter-spacing:-.015em;margin:1.8em 0;padding:4px 0 4px 26px}.story-prose blockquote p{margin:0}@media (width>=1101px){.story-prose>:is(.code-frame,table,.tabs,.file-tree){margin-inline:-40px}}.story-end{border-top:1px solid var(--line);gap:22px;margin-top:56px;padding-top:32px;display:grid}.story-tags{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.story-tags a{border:1px solid var(--line-2);min-height:32px;color:var(--muted);font:400 .76rem var(--f-mono);border-radius:999px;align-items:center;padding:0 12px;text-decoration:none;display:inline-flex}.story-tags a:hover{color:var(--text);border-color:var(--accent-line)}.author-card{border:1px solid var(--line);background:var(--surface);border-radius:16px;align-items:center;gap:16px;padding:20px;display:flex}.avatar-lg{width:56px;height:56px;font-size:.95rem}.author-kicker{font:400 .72rem var(--f-mono);color:var(--faint);margin:0}.author-name{color:var(--text);margin:2px 0;font-size:1.08rem;font-weight:600}.author-role{color:var(--muted);margin:0;font-size:.9rem}.share{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.share-label{font:400 .74rem var(--f-mono);color:var(--faint);margin-right:4px}.share-btn{border:1px solid var(--line-2);background:var(--surface);width:40px;height:40px;color:var(--sub);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:0;text-decoration:none;transition:color .15s,border-color .15s;display:inline-flex}.share-btn:hover{color:var(--text);border-color:var(--accent-line)}.share-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.share-btn svg{width:17px;height:17px}.share-btn .share-done,.share-btn.is-copied .share-copy{display:none}.share-btn.is-copied .share-done{display:block}.share-btn.is-copied{color:var(--text);border-color:var(--accent-line)}.story-end .ai-note{margin-top:0}.more{max-width:1200px;padding:88px var(--gutter) 112px;margin:0 auto}.more-head{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:24px;padding-top:40px;display:flex}.more-head h2{margin:0;font-size:clamp(1.6rem,2.6vw,2.1rem)}.more-rss,.more-all a{font:400 .82rem var(--f-mono);color:var(--muted)}.more-all{margin:24px 0 0}.blog-actions{flex-wrap:wrap;gap:10px;display:flex}.blog-more{font:400 .84rem var(--f-mono);margin:32px 0 0}.blog-more a{color:var(--muted)}.blog-more a:hover{color:var(--text)}.archive{margin-top:40px}.archive-year{border-bottom:1px solid var(--line);grid-template-columns:160px minmax(0,1fr);gap:24px;padding:28px 0;display:grid}.archive-year h2{letter-spacing:-.04em;color:var(--text);align-self:start;margin:0;font-size:clamp(2rem,4vw,2.8rem);position:sticky;top:84px}.archive-month+.archive-month{margin-top:24px}.archive-month h3{font:500 .76rem var(--f-mono);color:var(--faint);margin:6px 0 8px}.archive-month ol{margin:0;padding:0;list-style:none}.archive-row{border-top:1px solid var(--line);grid-template-columns:64px minmax(0,1fr) auto;align-items:baseline;gap:16px;padding:12px 0;display:grid}.archive-row time{font:400 .78rem var(--f-mono);color:var(--faint)}.archive-row>a{color:var(--text);font-size:1.04rem;font-weight:500;text-decoration:none}.archive-row>a:hover{color:var(--accent)}.archive-meta{font:400 .74rem var(--f-mono);color:var(--faint);gap:12px;display:flex}.archive-meta a{color:var(--muted);text-decoration:none}.archive-meta a:hover{color:var(--text)}@media (width<=700px){.archive-year{grid-template-columns:minmax(0,1fr);gap:8px}.archive-year h2{position:static}.archive-row{grid-template-columns:56px minmax(0,1fr)}.archive-meta{grid-column:2}}