:root{--paper:#fbfaf6;--raise:#fff;--ink:#1e1b17;--ink-2:#57514a;--ink-3:#6e685c;--line:#1e1b171c;--line-2:#1e1b170e;--cyan:#0e7c97;--cyan-soft:#0e7c971c;--code-bg:#fcfbf8;--code-bar:#efede7;--serif:Georgia, "Times New Roman", "Songti SC", "Source Han Serif SC", "SimSun", serif;--sans:-apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--mono:"SF Mono", "JetBrains Mono", "Menlo", "Consolas", "Liberation Mono", monospace;--s--1:.8rem;--s-0:1.0625rem;--s-1:clamp(1.12rem, 1.05rem + .3vw, 1.28rem);--s-2:clamp(1.4rem, 1.25rem + .6vw, 1.75rem);--s-3:clamp(1.9rem, 1.55rem + 1.5vw, 2.7rem);--s-4:clamp(2.6rem, 1.9rem + 3vw, 4rem);--measure:40rem;--col:720px;color-scheme:light}:root[data-theme=dark]{--paper:#191713;--raise:#211e19;--ink:#eae5dc;--ink-2:#ada79b;--ink-3:#8f887a;--line:#eae5dc21;--line-2:#eae5dc12;--cyan:#58c6de;--cyan-soft:#58c6de21;--code-bg:#100e0b;--code-bar:#1a1712;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#191713;--raise:#211e19;--ink:#eae5dc;--ink-2:#ada79b;--ink-3:#8f887a;--line:#eae5dc21;--line-2:#eae5dc12;--cyan:#58c6de;--cyan-soft:#58c6de21;--code-bg:#100e0b;--code-bar:#1a1712;color-scheme:dark}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:var(--s-0);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.8}.col{max-width:var(--col);margin:0 auto;padding:0 clamp(1.3rem,5vw,2rem)}a{color:inherit}::selection{background:var(--cyan-soft)}:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:2px}.bar{z-index:10;max-width:var(--col);background:color-mix(in srgb, var(--paper) 86%, transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line-2);align-items:center;gap:1.4rem;margin:0 auto;padding:.75rem clamp(1.3rem,5vw,2rem);display:flex;position:sticky;top:0}.bar-brand{font-family:var(--serif);letter-spacing:-.01em;font-size:1.15rem;font-weight:600;text-decoration:none}.bar nav{gap:1.2rem;margin-left:auto;display:flex}.mast{padding-top:clamp(3rem,8vw,5rem);padding-bottom:2rem}.brand-link{text-decoration:none}.brand{font-family:var(--serif);font-size:var(--s-4);letter-spacing:-.01em;color:var(--ink);margin:0;font-weight:600;line-height:1}.tagline{font-family:var(--serif);color:var(--ink-2);font-style:italic;font-size:var(--s-1);margin:.7rem 0 0}.rule{background:var(--ink);opacity:.9;height:1px;margin-top:1.5rem;position:relative}.rule:after{content:"";background:var(--cyan);width:3.2rem;height:1px;position:absolute;top:0;left:0}.mast-nav-row{align-items:center;gap:1rem;margin-top:1rem;display:flex}.mast-nav-row nav{flex-wrap:wrap;gap:1.6rem;display:flex}nav a{font-family:var(--mono);font-size:var(--s--1);letter-spacing:.06em;color:var(--ink-2);border-bottom:1.5px solid #0000;padding-bottom:2px;text-decoration:none;transition:color .2s,border-color .2s}nav a:hover,nav a[aria-current=page]{color:var(--cyan);border-color:var(--cyan)}.toggle{font-family:var(--mono);font-size:var(--s--1);letter-spacing:.08em;color:var(--ink-2);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;margin-left:auto;padding:.3rem .8rem;transition:border-color .2s,color .2s}.toggle:hover{border-color:var(--cyan);color:var(--cyan)}.hero-blocks{margin-top:1.2rem}#hero-canvas{width:100%;height:clamp(96px,15vw,148px);display:block}.reveal{transition:opacity .6s cubic-bezier(.22,.61,.36,1),transform .6s cubic-bezier(.22,.61,.36,1)}html.js-reveal .reveal{opacity:0;transform:translateY(14px)}html.js-reveal .reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal{transition:none}html.js-reveal .reveal{opacity:1;transform:none}}.home{flex-direction:column;gap:2.8rem;margin-top:2.6rem;padding-bottom:3rem;display:flex}.home-sec{flex-direction:column;display:flex}.sec-hd{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1.3rem;padding-bottom:.85rem;display:flex}.sec-hd h2{font-family:var(--serif);font-size:var(--s-2);font-weight:600}.sec-hd a{font-family:var(--mono);font-size:var(--s--1);color:var(--cyan);white-space:nowrap;text-decoration:none}.sec-hd a:hover{text-decoration:underline}.home-sec .posts,.home-sec .works,.home-sec .albums{margin:0}.works.compact .work{min-height:auto}.home-more{flex-wrap:wrap;gap:1.6rem;padding-top:.5rem;display:flex}.home-more a{font-family:var(--mono);font-size:var(--s-0);color:var(--cyan);text-decoration:none}.home-more a:hover{text-decoration:underline}.home-intro{padding-top:.4rem}.intro-line{font-family:var(--serif);font-size:var(--s-1);color:var(--ink-2);max-width:58ch;margin:0;line-height:1.75}.topics{flex-wrap:wrap;align-items:baseline;gap:.5rem 1.15rem;margin-top:1.4rem;display:flex}.topics-label{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3);font-size:.66rem}.topic{color:var(--ink);border-bottom:1px solid #0000;text-decoration:none;transition:color .2s,border-color .2s}.topic .tc{font-family:var(--mono);color:var(--ink-3);font-variant-numeric:tabular-nums;margin-left:.2em;font-size:.7rem}.topic:hover{color:var(--cyan);border-color:var(--cyan)}.topic.more{font-family:var(--mono);font-size:var(--s--1);color:var(--cyan)}.list{padding:.5rem 0 3rem}.yeargroup{border-top:1px solid var(--line);grid-template-columns:4.5rem 1fr;gap:.5rem 1.4rem;padding:1.9rem 0;display:grid}.yeargroup:first-of-type{border-top:none}.year{font-family:var(--mono);color:var(--ink-3);font-variant-numeric:tabular-nums;letter-spacing:.04em;align-self:start;font-size:1.05rem;position:sticky;top:4rem}.posts{flex-direction:column;gap:1.35rem;margin:0;padding:0;list-style:none;display:flex}.post{color:inherit;flex-direction:column;gap:.28rem;text-decoration:none;display:flex}.ptitle{font-family:var(--serif);font-size:var(--s-1);color:var(--ink);background-image:linear-gradient(var(--cyan), var(--cyan));background-position:0 100%;background-repeat:no-repeat;background-size:0% 1.5px;width:fit-content;max-width:100%;padding-bottom:2px;font-weight:600;line-height:1.35;transition:background-size .28s,color .2s}.post:hover .ptitle,.post:focus-visible .ptitle{color:var(--cyan);background-size:100% 1.5px}.post:focus-visible{outline:2px solid var(--cyan);outline-offset:4px;border-radius:3px}.pmeta{font-family:var(--mono);font-size:var(--s--1);color:var(--ink-3);font-variant-numeric:tabular-nums;letter-spacing:.02em}.pmeta .cat{color:var(--cyan)}.pmeta .dot,.ameta .dot{opacity:.5;margin:0 .5em}@media (width<=560px){.yeargroup{grid-template-columns:1fr;gap:.9rem}.year{position:static}}article{padding:1.6rem 0 4rem}.crumb{font-family:var(--mono);font-size:var(--s--1);color:var(--ink-3);letter-spacing:.04em;margin-bottom:1.5rem}.crumb a{color:var(--ink-3);text-decoration:none}.crumb a:hover{color:var(--cyan)}.h1{font-family:var(--serif);font-size:var(--s-3);letter-spacing:-.01em;text-wrap:balance;margin:0;font-weight:600;line-height:1.22}.ameta{font-family:var(--mono);font-size:var(--s--1);color:var(--ink-3);font-variant-numeric:tabular-nums;letter-spacing:.03em;margin-top:.9rem}.ameta .cat{color:var(--cyan)}.prose{max-width:var(--measure);margin-top:2.2rem}.prose>*+*{margin-top:1.3rem}.prose p{margin:0}.prose p+p{margin-top:1.6rem}.prose h2,.prose h3,.prose h4{font-family:var(--serif);letter-spacing:-.005em;text-wrap:balance;margin-top:2.4rem;font-weight:600;line-height:1.3}.prose h2{font-size:var(--s-2);align-items:baseline;gap:.6rem;display:flex}.prose h2:before{content:"§";color:var(--cyan);font-size:.78em}.prose h3{font-size:var(--s-1)}.prose h4{font-size:var(--s-0);color:var(--ink-2)}.prose a{color:var(--cyan);border-bottom:1px solid var(--cyan-soft);text-decoration:none;transition:border-color .2s}.prose a:hover{border-color:var(--cyan)}.prose ul,.prose ol{flex-direction:column;gap:.5rem;margin:0;padding-left:1.4rem;display:flex}.prose li{line-height:1.75}.prose li::marker{color:var(--ink-3)}.prose blockquote{border-left:2px solid var(--cyan);color:var(--ink-2);font-family:var(--serif);font-style:italic;font-size:var(--s-1);margin:0;padding:.2rem 0 .2rem 1.2rem}.prose picture{display:block}.prose img{border-radius:4px;max-width:100%;height:auto;display:block}.prose hr{border:none;border-top:1px solid var(--line);margin:2.4rem 0}.prose strong{font-weight:650}.prose :not(pre)>code{font-family:var(--mono);background:var(--cyan-soft);color:var(--ink);word-break:break-word;border-radius:3px;padding:.1em .42em;font-size:.86em}.prose table{border-collapse:collapse;width:100%;font-size:var(--s--1);display:block;overflow-x:auto}.prose th,.prose td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);font-family:var(--sans);color:var(--ink);padding:.5rem .8rem;font-style:normal}.prose thead th{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);background:var(--line-2);border-bottom:1px solid var(--line);font-size:.7rem}.prose .codewin{border:1px solid var(--line);background:var(--code-bg);border-radius:9px;margin:0;overflow:hidden;box-shadow:0 1px 2px #0000000a}.prose .codewin-bar{background:var(--code-bar);border-bottom:1px solid var(--line);align-items:center;gap:8px;height:36px;padding:0 14px;display:flex}.prose .codewin-dot{border-radius:50%;flex:none;width:11px;height:11px}.prose .codewin-dot:first-child{background:#ff5f56}.prose .codewin-dot:nth-child(2){background:#ffbd2e}.prose .codewin-dot:nth-child(3){background:#27c93f}.prose pre.astro-code{font-family:var(--mono);background:var(--code-bg);border:none;border-radius:0;margin:0;padding:1.05rem 1.2rem;font-size:.85rem;line-height:1.7;overflow-x:auto}.prose pre.astro-code code{background:0 0;font-family:inherit}.prose .astro-code,.prose .astro-code span{color:var(--shiki-light);font-style:var(--shiki-light-font-style);font-weight:var(--shiki-light-font-weight);text-decoration:var(--shiki-light-text-decoration)}:root[data-theme=dark] .prose .astro-code,:root[data-theme=dark] .prose .astro-code span{color:var(--shiki-dark);font-style:var(--shiki-dark-font-style);font-weight:var(--shiki-dark-font-weight);text-decoration:var(--shiki-dark-text-decoration)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .prose .astro-code,:root:not([data-theme=light]) .prose .astro-code span{color:var(--shiki-dark);font-style:var(--shiki-dark-font-style);font-weight:var(--shiki-dark-font-weight);text-decoration:var(--shiki-dark-text-decoration)}}.toc{border:1px solid var(--line);border-left:2px solid var(--cyan);background:var(--raise);max-width:var(--measure);border-radius:3px;margin-top:1.8rem;padding:1rem 1.2rem}.toc-label{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3);font-size:.66rem}.toc ol{counter-reset:toc;flex-direction:column;gap:.42rem;margin:.6rem 0 0;padding:0;list-style:none;display:flex}.toc li{font-size:var(--s--1);line-height:1.5}.toc li.sub{padding-left:1.1rem}.toc a{color:var(--ink-2);border-bottom:1px solid #0000;text-decoration:none;transition:color .2s,border-color .2s}.toc a:hover{color:var(--cyan);border-color:var(--cyan)}.prose .mermaid{text-align:center;background:0 0;border:none;margin:1rem 0;padding:0;overflow-x:auto}.prose .mermaid:not([data-processed]){font-family:var(--mono);color:var(--ink-3);white-space:pre;font-size:.8rem}.prose .mermaid svg{max-width:100%;height:auto}.postnav{border-top:1px solid var(--line);max-width:var(--measure);grid-template-columns:1fr 1fr;gap:1rem;margin-top:3rem;padding-top:1.8rem;display:grid}.pn{border:1px solid var(--line);border-radius:3px;flex-direction:column;gap:.35rem;padding:.9rem 1rem;text-decoration:none;transition:border-color .2s,transform .2s;display:flex}.pn:hover{border-color:var(--cyan);transform:translateY(-2px)}.pn-empty{border:none}.pn-next{text-align:right;align-items:flex-end}.pn-k{font-family:var(--mono);letter-spacing:.1em;color:var(--cyan);text-transform:uppercase;font-size:.68rem}.pn-t{font-family:var(--serif);font-size:var(--s-0);color:var(--ink);line-height:1.35}@media (width<=560px){.postnav{grid-template-columns:1fr}.pn-next{text-align:left;align-items:flex-start}}.backlink{font-family:var(--mono);font-size:var(--s--1);letter-spacing:.04em;color:var(--ink-2);border-bottom:1px solid var(--line);margin-top:2rem;text-decoration:none;transition:color .2s,border-color .2s;display:inline-block}.backlink:hover{color:var(--cyan);border-color:var(--cyan)}.empty{color:var(--ink-2);font-size:var(--s--1);margin-top:2rem}.albums{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;margin:2.2rem 0 3rem;display:grid}.album-card{color:inherit;border:1px solid var(--line);background:var(--raise);border-radius:8px;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s;overflow:hidden}.album-card:hover{border-color:var(--cyan);box-shadow:0 10px 24px -16px var(--cyan);transform:translateY(-3px)}.album-cover{aspect-ratio:3/2;background:var(--line-2);overflow:hidden}.album-cover :is(img,picture){width:100%;height:100%}.album-cover img{object-fit:cover}.album-meta{padding:.75rem 1rem}.album-title{font-family:var(--serif);font-size:var(--s-0);color:var(--ink)}.album-count{font-family:var(--mono);font-size:var(--s--1);color:var(--ink-3);margin-top:.2rem}.gallery{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.6rem;margin:2.2rem 0 3rem;display:grid}.photo{background:var(--line-2);cursor:zoom-in;aspect-ratio:4/3;border:none;border-radius:6px;padding:0;overflow:hidden}.photo :is(img,picture){width:100%;height:100%;display:block}.photo img{object-fit:cover;transition:transform .25s}.photo:hover img{transform:scale(1.04)}.photo:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.lb{z-index:100;background:#000000eb;justify-content:center;align-items:center;padding:2rem;display:none;position:fixed;inset:0}.lb.open{display:flex}.lb #lb-img,.lb img{object-fit:contain;border-radius:4px;max-width:92vw;max-height:82vh}.lb-cap{text-align:center;color:#ffffffd1;font-family:var(--mono);font-size:var(--s--1);padding:0 1rem;position:absolute;bottom:1.1rem;left:0;right:0}.lb-btn{color:#fff;cursor:pointer;opacity:.65;background:0 0;border:none;padding:.6rem 1rem;font-size:2.4rem;line-height:1;transition:opacity .15s;position:absolute;top:50%;transform:translateY(-50%)}.lb-btn:hover{opacity:1}.lb-prev{left:.3rem}.lb-next{right:.3rem}.lb-close{color:#fff;cursor:pointer;opacity:.7;background:0 0;border:none;font-size:1.5rem;position:absolute;top:.9rem;right:1.1rem}.lb-close:hover{opacity:1}@media (prefers-reduced-motion:reduce){.photo img{transition:none}}.timeline{margin:2.4rem 0 3rem;padding:0;list-style:none}.tl-item{border-left:1px solid var(--line);padding:0 0 2rem 1.6rem;position:relative}.tl-item:last-child{padding-bottom:.3rem}.tl-dot{background:var(--cyan);width:9px;height:9px;box-shadow:0 0 0 3px var(--paper);border-radius:50%;position:absolute;top:.35rem;left:-5px}.tl-year{font-family:var(--mono);font-size:var(--s--1);color:var(--ink-3);font-variant-numeric:tabular-nums;letter-spacing:.03em}.tl-title{font-family:var(--serif);font-size:var(--s-1);margin-top:.15rem;font-weight:600}.tl-desc{color:var(--ink-2);font-size:var(--s--1);max-width:60ch;margin-top:.35rem;line-height:1.65}.tl-link{margin-top:.5rem}.tl-link a{font-family:var(--mono);font-size:var(--s--1);color:var(--cyan);border-bottom:1px solid var(--cyan-soft);text-decoration:none}.tl-link a:hover{border-color:var(--cyan)}.works{grid-template-columns:repeat(2,1fr);gap:1.1rem;margin:2.2rem 0 3rem;display:grid}@media (width<=620px){.works{grid-template-columns:1fr}}.work{background:var(--raise);border:1px solid var(--line);min-height:9rem;color:inherit;border-radius:8px;flex-direction:column;gap:.7rem;padding:1.3rem 1.4rem;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex}.work:hover{box-shadow:6px 8px 0 var(--cyan-soft);border-color:var(--cyan);transform:translate(-2px,-3px)}.work:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.work-top{justify-content:space-between;align-items:baseline;gap:.6rem;display:flex}.work-name{font-family:var(--serif);font-size:var(--s-1);color:var(--ink);font-weight:600}.work-status{font-family:var(--mono);letter-spacing:.08em;white-space:nowrap;border-radius:999px;padding:.16em .5em;font-size:.62rem}.work-status.live{color:#2f9e6a;background:#2f9e6a24}.work-status.wip{color:#c9902f;background:#c9902f26}.work-status.archived{color:var(--ink-3);background:var(--line-2)}.work-desc{color:var(--ink-2);font-size:var(--s--1);line-height:1.65}.work-desc p{margin:0}.work-foot{justify-content:space-between;align-items:center;gap:.6rem;margin-top:auto;padding-top:.4rem;display:flex}.work-tags{flex-wrap:wrap;gap:.4rem;display:flex}.work-tag{font-family:var(--mono);color:var(--ink-3);background:var(--line-2);border-radius:4px;padding:.1em .5em;font-size:.66rem}.work-go{font-family:var(--mono);font-size:var(--s--1);color:var(--cyan);white-space:nowrap}.taxo-list{flex-wrap:wrap;gap:.7rem;margin:2rem 0 3rem;display:flex}.taxo{border:1px solid var(--line);border-radius:999px;align-items:baseline;gap:.5rem;padding:.45rem .9rem;text-decoration:none;transition:border-color .2s,transform .15s;display:inline-flex}.taxo:hover{border-color:var(--cyan);transform:translateY(-2px)}.taxo .tn{font-family:var(--serif);font-size:var(--s-0);color:var(--ink)}.taxo:hover .tn{color:var(--cyan)}.taxo .tc{font-family:var(--mono);font-size:var(--s--1);color:var(--ink-3);font-variant-numeric:tabular-nums}#search{--pagefind-ui-scale:.9;--pagefind-ui-primary:var(--cyan);--pagefind-ui-text:var(--ink);--pagefind-ui-background:var(--raise);--pagefind-ui-border:var(--line);--pagefind-ui-tag:var(--code-bar);--pagefind-ui-border-width:1px;--pagefind-ui-border-radius:8px;--pagefind-ui-font:var(--sans);margin-top:2rem}#search .pagefind-ui__result-title{font-family:var(--serif)}#search .pagefind-ui__result-link{color:var(--ink)}#search .pagefind-ui__result-link:hover{color:var(--cyan)}.site-footer{border-top:1px solid var(--line);max-width:var(--col);font-family:var(--mono);font-size:var(--s--1);color:var(--ink-3);letter-spacing:.03em;flex-direction:column;gap:.9rem;margin:0 auto;padding:2rem clamp(1.3rem,5vw,2rem) 3rem;display:flex}.foot-browse{flex-wrap:wrap;gap:.5rem 1.2rem;display:flex}.foot-credit{color:var(--ink-3)}.site-footer a{color:var(--ink-3);text-decoration:none}.site-footer a:hover{color:var(--cyan)}@media (width<=640px){nav a{padding-top:.55rem;padding-bottom:.55rem}.toggle{padding:.55rem .9rem}.foot-browse a{padding:.3rem 0}.topic{padding:.25rem 0}}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}