.main[data-v-7328a30a]{padding-top:var(--nav-h);min-height:calc(100vh - var(--nav-h) - 120px)}.hero[data-v-b4e7db28]{padding:120px 0 80px}.hero__eyebrow[data-v-b4e7db28]{margin-bottom:26px}.hero__title[data-v-b4e7db28]{font-family:var(--serif);font-weight:400;font-size:clamp(4.5rem,14vw,9rem);line-height:.9;letter-spacing:-.03em;margin-bottom:30px}.hero__sub[data-v-b4e7db28]{font-family:var(--serif);font-style:italic;font-size:clamp(1.15rem,2.6vw,1.5rem);color:var(--ink-60);margin-bottom:34px}.hero__intro[data-v-b4e7db28]{color:var(--ink-60);margin-bottom:46px}.hero__cta[data-v-b4e7db28]{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:100px}.hero__entries[data-v-b4e7db28]{max-width:700px}.entry[data-v-b4e7db28]{display:grid;grid-template-columns:60px 1fr auto;gap:22px;align-items:center;border-top:1px solid var(--ink-10);padding:26px 4px;transition:border-color .4s ease}.entry[data-v-b4e7db28]:last-child{border-bottom:1px solid var(--ink-10)}.entry[data-v-b4e7db28]:hover{border-top-color:var(--ink-40)}.entry[data-v-b4e7db28]:last-child:hover{border-bottom-color:var(--ink-40)}.entry__no[data-v-b4e7db28]{font-family:var(--serif);font-size:1.4rem;font-weight:300;color:var(--ink-40);transition:color .4s ease}.entry:hover .entry__no[data-v-b4e7db28]{color:var(--ink)}.entry__label[data-v-b4e7db28]{font-family:var(--serif);font-size:1.35rem;font-weight:400;color:var(--ink);letter-spacing:-.01em}.entry__hint[data-v-b4e7db28]{font-size:.85rem;color:var(--ink-60);margin-top:3px}.entry__arrow[data-v-b4e7db28]{font-size:1.1rem;color:var(--ink-40)}@media (max-width: 768px){.hero[data-v-b4e7db28]{padding:80px 0 56px}.entry[data-v-b4e7db28]{grid-template-columns:44px 1fr auto;gap:14px;padding:20px 2px}}.project[data-v-0e84cd65]{margin-bottom:88px}.project__grid[data-v-0e84cd65]{display:grid;grid-template-columns:repeat(12,1fr);gap:48px;align-items:start}.project__sticky[data-v-0e84cd65]{grid-column:1 / 6;position:sticky;top:calc(var(--nav-h) + 24px)}.project__no[data-v-0e84cd65]{display:block;font-family:var(--serif);font-size:2.6rem;font-weight:300;color:var(--ink);line-height:1;margin-bottom:18px}.project__plate[data-v-0e84cd65]{border:1px solid var(--ink-10);overflow:hidden;transition:border-color .4s ease}.project__plate[data-v-0e84cd65]:hover{border-color:var(--ink-40)}.project__zoom[data-v-0e84cd65]{background:var(--ink);display:flex;align-items:center;justify-content:center;height:min(400px,56vh);transition:transform 1s ease}.group:hover .project__zoom[data-v-0e84cd65]{transform:scale(1.05)}.project__initial[data-v-0e84cd65]{font-family:var(--serif);font-weight:400;font-size:clamp(5rem,10vw,7.5rem);color:#f9f8f6;line-height:1}.project__info[data-v-0e84cd65]{grid-column:6 / 13;padding-top:10px}.project__title[data-v-0e84cd65]{font-family:var(--serif);font-weight:400;font-size:clamp(1.7rem,3.5vw,2.4rem);letter-spacing:-.02em;margin-bottom:18px}.project__blurb[data-v-0e84cd65]{color:var(--ink-60);max-width:var(--measure);margin-bottom:24px}.project__tech[data-v-0e84cd65]{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.tag[data-v-0e84cd65]{font-size:.75rem;letter-spacing:.06em;border:1px solid var(--ink-10);padding:4px 12px;color:var(--ink-60);transition:border-color .3s ease}.tag[data-v-0e84cd65]:hover{border-color:var(--ink-40)}.project__note[data-v-0e84cd65]{border-top:1px solid var(--ink-10);padding-top:18px}.project__link[data-v-0e84cd65]{font-size:.9rem;margin-right:18px}.project__link--repo[data-v-0e84cd65]{color:var(--ink-60)}.project__link--repo[data-v-0e84cd65]:hover{color:var(--ink)}@media (max-width: 768px){.project[data-v-0e84cd65]{margin-bottom:64px}.project__grid[data-v-0e84cd65]{grid-template-columns:1fr;gap:24px}.project__sticky[data-v-0e84cd65]{position:static}.project__zoom[data-v-0e84cd65]{height:220px}}.toc[data-v-617fbe7f]{max-width:800px}.toc__row[data-v-617fbe7f]{display:grid;grid-template-columns:68px 1fr auto;gap:24px;align-items:center;border-bottom:1px solid var(--ink-10);padding:28px 4px;transition:border-color .4s ease}.toc__row[data-v-617fbe7f]:first-child{border-top:1px solid var(--ink-10)}.toc__row[data-v-617fbe7f]:hover{border-bottom-color:var(--ink-40)}.toc__no[data-v-617fbe7f]{font-family:var(--serif);font-size:1.5rem;font-weight:300;color:var(--ink-40);transition:color .4s ease}.toc__row:hover .toc__no[data-v-617fbe7f]{color:var(--ink)}.toc__title[data-v-617fbe7f]{font-family:var(--serif);font-weight:400;font-size:1.3rem;letter-spacing:-.01em;line-height:1.5;margin-bottom:10px}.toc__meta[data-v-617fbe7f]{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.toc__date[data-v-617fbe7f]{font-size:.78rem;color:var(--ink-40)}.toc__tag[data-v-617fbe7f]{font-size:.72rem;letter-spacing:.08em;border:1px solid var(--ink-10);padding:2px 10px;color:var(--ink-60)}.toc__arrow[data-v-617fbe7f]{font-size:1.1rem;color:var(--ink-40)}.toc__row:hover .toc__arrow[data-v-617fbe7f]{color:var(--ink)}@media (max-width: 768px){.toc__row[data-v-617fbe7f]{grid-template-columns:44px 1fr auto;gap:14px;padding:22px 2px}.toc__title[data-v-617fbe7f]{font-size:1.1rem}}.post[data-v-afaa42f5]{max-width:820px}.post__back[data-v-afaa42f5]{display:inline-block;color:var(--ink-60);font-size:.85rem;letter-spacing:.05em;margin-bottom:40px;transition:color .25s ease}.post__back[data-v-afaa42f5]:hover{color:var(--ink)}.post__head[data-v-afaa42f5]{border-top:1px solid var(--ink-10);padding-top:24px;margin-bottom:48px}.post__title[data-v-afaa42f5]{font-family:var(--serif);font-weight:400;font-size:clamp(1.9rem,4.5vw,3rem);line-height:1.25;letter-spacing:-.025em;margin:14px 0 20px}.post__meta[data-v-afaa42f5]{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.post__date[data-v-afaa42f5]{font-size:.78rem;color:var(--ink-40)}.post__tag[data-v-afaa42f5]{font-size:.72rem;letter-spacing:.08em;border:1px solid var(--ink-10);padding:2px 10px;color:var(--ink-60)}.post__end[data-v-afaa42f5]{margin-top:56px;border-top:1px solid var(--ink-10);padding-top:24px;display:flex;justify-content:space-between;align-items:center}.post__sign[data-v-afaa42f5]{font-family:var(--serif);font-weight:400;color:var(--ink-40);font-size:.9rem}.chapter[data-v-c6d67472]{margin-bottom:72px}.chapter__grid[data-v-c6d67472]{display:grid;grid-template-columns:220px 1fr;gap:48px;margin-top:30px}.chapter__body p[data-v-c6d67472]{margin-bottom:12px;color:var(--ink-60)}.stats[data-v-c6d67472]{display:flex;gap:48px;flex-wrap:wrap;padding-top:4px}.stat[data-v-c6d67472]{display:flex;flex-direction:column}.stat__num[data-v-c6d67472]{font-family:var(--serif);font-weight:300;font-size:2.8rem;line-height:1;color:var(--ink);margin-bottom:8px}.stat__label[data-v-c6d67472]{font-size:.9rem;color:var(--ink-60)}.skills[data-v-c6d67472]{list-style:none}.skill[data-v-c6d67472]{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--ink-10);padding:16px 2px}.skill__name[data-v-c6d67472]{font-family:var(--serif);font-weight:400;font-size:1.05rem}.skill__level[data-v-c6d67472]{color:var(--ink-60);font-size:.88rem}.about__btns[data-v-c6d67472]{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}@media (max-width: 768px){.chapter[data-v-c6d67472]{margin-bottom:56px}.chapter__grid[data-v-c6d67472]{grid-template-columns:1fr;gap:20px}}:root{--paper: #f9f8f6;--ink: #1c1c1c;--ink-80: rgba(28, 28, 28, .8);--ink-60: rgba(28, 28, 28, .6);--ink-40: rgba(28, 28, 28, .4);--ink-10: rgba(28, 28, 28, .1);--ink-20: rgba(28, 28, 28, .2);--serif: "Fraunces", Georgia, "Songti SC", "STSong", "SimSun", serif;--sans: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;--mono: ui-monospace, "SF Mono", Consolas, "Courier New", monospace;--nav-h: 64px;--measure: 68ch;--container: 1180px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--sans);background:var(--paper);color:var(--ink-80);line-height:1.7;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font-family:inherit;cursor:pointer}::selection{background:var(--ink);color:var(--paper)}.container{max-width:var(--container);margin:0 auto;padding:0 24px}.section{padding:96px 0}.measure{max-width:var(--measure)}.label{font-family:var(--sans);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-40)}.link-underline{position:relative;transition:color .3s ease}.link-underline:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right center;transition:transform .4s ease}.link-underline:hover:after{transform:scaleX(1);transform-origin:left center}.group-hover-italic{transition:font-style .5s ease,color .5s ease}.group:hover .group-hover-italic{font-style:italic}.group-arrow{transition:transform .4s ease,color .4s ease}.group:hover .group-arrow{transform:translate(8px)}.page-head{border-top:1px solid var(--ink-10);padding-top:24px;margin-bottom:72px}.page-title{font-family:var(--serif);font-weight:400;font-size:clamp(2.6rem,6vw,4.4rem);line-height:1;letter-spacing:-.03em;margin-top:14px}.page-sub{color:var(--ink-60);margin-top:18px;max-width:var(--measure)}.chapter{border-top:1px solid var(--ink-10);padding-top:26px;margin-bottom:64px}.chapter__no{display:block;font-family:var(--serif);font-size:2.8rem;font-weight:300;color:var(--ink);line-height:1;margin-bottom:12px}.chapter__title{font-family:var(--serif);font-weight:400;font-size:clamp(1.6rem,3.5vw,2.2rem);letter-spacing:-.02em}.chapter__lead{color:var(--ink-60);margin-top:10px;max-width:var(--measure)}.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 26px;background:var(--ink);color:var(--paper);font-size:.9rem;letter-spacing:.05em;border:1px solid var(--ink);border-radius:0;transition:opacity .25s ease,background .25s ease,color .25s ease}.btn:hover{opacity:.85}.btn--ghost{background:transparent;color:var(--ink)}.btn--ghost:hover{background:var(--ink);color:var(--paper);opacity:1}.nav{position:fixed;top:0;left:0;right:0;z-index:50;height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:#f9f8f6e6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--ink-10)}.nav__brand{font-family:var(--serif);font-size:1.1rem;font-weight:400;letter-spacing:.3em;text-transform:uppercase}.nav__links{display:flex;gap:30px}.nav__link{position:relative;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-60);transition:color .25s ease}.nav__link:after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right center;transition:transform .4s ease}.nav__link:hover,.nav__link.router-link-active{color:var(--ink)}.nav__link:hover:after,.nav__link.router-link-active:after{transform:scaleX(1);transform-origin:left center}.scroll-progress{position:fixed;top:0;left:0;z-index:100;height:2px;width:100%;transform-origin:left;background:var(--ink);transform:scaleX(var(--progress, 0))}[v-reveal]{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease}[v-reveal].is-visible{opacity:1;transform:none}.footer{padding:56px 0 64px;background:var(--ink);color:#f9f8f6a6;text-align:center;font-size:.85rem;letter-spacing:.05em}.footer a{position:relative;color:#f9f8f6d9;transition:color .25s ease}.footer a:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right center;transition:transform .4s ease}.footer a:hover{color:#f9f8f6}.footer a:hover:after{transform:scaleX(1);transform-origin:left center}.prose{max-width:var(--measure);font-size:1rem;line-height:1.75;color:var(--ink-80)}.prose p{margin:18px 0}.prose h1,.prose h2,.prose h3{font-family:var(--serif);font-weight:400;letter-spacing:-.02em;margin:42px 0 14px;line-height:1.35;color:var(--ink)}.prose h2{font-size:1.6rem;border-top:1px solid var(--ink-10);padding-top:20px}.prose h3{font-size:1.25rem}.prose ul,.prose ol{margin:14px 0 14px 26px}.prose li{margin:6px 0}.prose a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--ink-40);text-underline-offset:3px;transition:text-decoration-color .25s ease}.prose a:hover{text-decoration-color:var(--ink)}.prose code{font-family:var(--mono);font-size:.88em;background:#1c1c1c0f;padding:2px 7px}.prose pre{background:var(--ink);color:var(--paper);padding:20px 22px;overflow-x:auto;margin:20px 0;font-size:.875rem;line-height:1.6}.prose pre code{background:none;padding:0;color:inherit}.prose blockquote{font-family:var(--serif);font-style:italic;font-size:1.3em;line-height:1.55;padding:8px 0;margin:32px 0;color:var(--ink-60)}.drop-cap:first-letter{float:left;font-family:var(--serif);font-size:3.2em;line-height:.82;padding:6px 12px 0 0;color:var(--ink);font-weight:400}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}[v-reveal]{opacity:1;transform:none}.link-underline:after,.nav__link:after,.footer a:after{transform:none}.group:hover .group-hover-italic{font-style:normal}.group:hover .group-arrow{transform:none}.scroll-progress{display:none}}@media (max-width: 768px){.section{padding:64px 0}.nav{padding:0 16px}.nav__links{gap:18px}}