.site-footer[data-astro-cid-jo6i4kqk]{border-block-start:var(--rule-hair) solid var(--color-rule)}.site-footer__inner[data-astro-cid-jo6i4kqk]{gap:var(--space-lg) var(--space-2xl);padding-block:var(--space-2xl) var(--space-xl);grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);display:grid}.site-footer__name[data-astro-cid-jo6i4kqk]{color:var(--color-ink);font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:-.03em;font-weight:800}.site-footer[data-astro-cid-jo6i4kqk] nav[data-astro-cid-jo6i4kqk]{justify-content:flex-end;align-items:center;gap:var(--space-xs) var(--space-lg);flex-wrap:wrap;display:flex}.site-footer[data-astro-cid-jo6i4kqk] a[data-astro-cid-jo6i4kqk]{white-space:nowrap;min-height:2.75rem;font-family:var(--font-display);align-items:center;font-weight:700;display:inline-flex}.site-footer__legal[data-astro-cid-jo6i4kqk]{border-block-start:var(--rule-hair) solid var(--color-rule);color:var(--color-muted);font-size:var(--text-sm);grid-column:1/-1;padding-block-start:var(--space-md)}@media (width<=39.99rem){.site-footer__inner[data-astro-cid-jo6i4kqk]{grid-template-columns:minmax(0,1fr)}.site-footer[data-astro-cid-jo6i4kqk] nav[data-astro-cid-jo6i4kqk]{justify-content:flex-start}}.site-header[data-astro-cid-nen7h5rs]{z-index:var(--z-sticky);border-block-end:var(--rule-hair) solid var(--color-rule);background:var(--color-paper);position:sticky;inset-block-start:0}.site-header__inner[data-astro-cid-nen7h5rs]{align-items:center;gap:var(--space-md);grid-template-columns:auto minmax(0,1fr) auto auto;min-height:4.5rem;display:grid}.wordmark[data-astro-cid-nen7h5rs]{color:var(--color-ink);font-family:var(--font-mono);letter-spacing:-.04em;white-space:nowrap;font-weight:700;text-decoration:none}.wordmark[data-astro-cid-nen7h5rs] span[data-astro-cid-nen7h5rs]{color:var(--color-accent)}.desktop-nav[data-astro-cid-nen7h5rs]{justify-content:center;gap:clamp(var(--space-xs), 2vw, var(--space-lg));display:flex}.desktop-nav[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs],.mobile-nav[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs]{min-height:2.75rem;color:var(--color-ink-2);font-family:var(--font-display);font-size:var(--text-sm);white-space:nowrap;align-items:center;font-weight:700;text-decoration:none;display:inline-flex}.desktop-nav[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs][aria-current=page],.desktop-nav[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs][aria-current=location],.mobile-nav[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs][aria-current=page],.mobile-nav[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs][aria-current=location]{color:var(--color-accent);text-underline-offset:.4em;text-decoration:underline 2px}.search-pill[data-astro-cid-nen7h5rs],.theme-toggle[data-astro-cid-nen7h5rs],.mobile-nav[data-astro-cid-nen7h5rs]>summary[data-astro-cid-nen7h5rs],.cmdk__head[data-astro-cid-nen7h5rs] button[data-astro-cid-nen7h5rs]{border:var(--rule-hair) solid var(--color-rule-2);border-radius:var(--radius-sm);background:var(--color-paper-2);min-height:2.75rem;color:var(--color-ink-2)}.search-pill[data-astro-cid-nen7h5rs]{align-items:center;gap:var(--space-xs);padding-inline:var(--space-sm);white-space:nowrap;display:flex}kbd[data-astro-cid-nen7h5rs]{font-family:var(--font-mono);font-size:var(--text-xs)}.theme-toggle[data-astro-cid-nen7h5rs]{width:2.75rem}.mobile-nav[data-astro-cid-nen7h5rs]{font-family:var(--font-display);display:none;position:relative}.mobile-nav[data-astro-cid-nen7h5rs]>summary[data-astro-cid-nen7h5rs]{min-width:3.75rem;padding-inline:var(--space-sm);font-size:var(--text-sm);white-space:nowrap;place-items:center;font-weight:700;list-style:none;display:grid}.mobile-nav[data-astro-cid-nen7h5rs]>summary[data-astro-cid-nen7h5rs]::-webkit-details-marker{display:none}.mobile-nav[data-astro-cid-nen7h5rs] nav[data-astro-cid-nen7h5rs]{z-index:var(--z-dropdown);min-width:12rem;padding:var(--space-xs) var(--space-md);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-paper);display:grid;position:absolute;inset-block-start:calc(100% + var(--space-xs));inset-inline-end:0}.cmdk[data-astro-cid-nen7h5rs]{border-radius:var(--radius-lg);background:var(--color-paper);width:min(38rem,100% - 2rem);height:fit-content;max-height:min(80svh,40rem);color:var(--color-ink-2);border:0;margin:auto;padding:0;position:fixed;inset:0}.cmdk[data-astro-cid-nen7h5rs]::backdrop{background:var(--color-overlay)}.cmdk__panel[data-astro-cid-nen7h5rs]{gap:var(--space-md);padding:var(--space-lg);display:grid}.cmdk__head[data-astro-cid-nen7h5rs]{justify-content:space-between;align-items:center;gap:var(--space-md);color:var(--color-ink);font-family:var(--font-display);display:flex}.cmdk__head[data-astro-cid-nen7h5rs] button[data-astro-cid-nen7h5rs]{padding-inline:var(--space-sm);white-space:nowrap}.cmdk[data-astro-cid-nen7h5rs] label[data-astro-cid-nen7h5rs]{color:var(--color-ink);font-family:var(--font-display);font-weight:700}.cmdk[data-astro-cid-nen7h5rs] p[data-astro-cid-nen7h5rs]{color:var(--color-muted);font-size:var(--text-sm)}@media (hover:hover) and (pointer:fine){.desktop-nav[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs]:hover,.mobile-nav[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs]:hover{color:var(--color-accent)}.search-pill[data-astro-cid-nen7h5rs]:hover,.theme-toggle[data-astro-cid-nen7h5rs]:hover,.mobile-nav[data-astro-cid-nen7h5rs]>summary[data-astro-cid-nen7h5rs]:hover{border-color:var(--color-accent)}}@media (width<=59.99rem){.site-header__inner[data-astro-cid-nen7h5rs]{grid-template-columns:minmax(0,1fr) auto auto auto}.desktop-nav[data-astro-cid-nen7h5rs]{display:none}.mobile-nav[data-astro-cid-nen7h5rs]{display:block}}@media (width<=31rem){.site-header__inner[data-astro-cid-nen7h5rs]{gap:var(--space-xs)}.search-pill__label[data-astro-cid-nen7h5rs],.search-pill[data-astro-cid-nen7h5rs] kbd[data-astro-cid-nen7h5rs],.theme-toggle[data-astro-cid-nen7h5rs]{display:none}.search-pill[data-astro-cid-nen7h5rs]{justify-content:center;width:2.75rem;padding:0}}:root{--color-paper:oklch(97.5% .008 248);--color-paper-2:oklch(94% .012 248);--color-paper-3:oklch(90% .014 248);--color-ink:oklch(20% .025 252);--color-ink-2:oklch(31% .022 252);--color-muted:oklch(43% .018 252);--color-rule:oklch(81% .014 248);--color-rule-2:oklch(68% .018 248);--color-accent:oklch(45% .16 252);--color-accent-ink:oklch(98% .006 248);--color-focus:oklch(48% .19 252);--color-error:oklch(48% .18 28);--color-success:oklch(43% .12 154);--color-code:oklch(18% .02 252);--color-code-ink:oklch(91% .012 248);--color-overlay:oklch(12% .02 252/.68);--font-display:"Avenir Next", "PingFang TC", "Microsoft JhengHei", sans-serif;--font-body:ui-serif, "Noto Serif TC", "Songti TC", serif;--font-mono:ui-monospace, "SFMono-Regular", Menlo, Monaco, Consolas, monospace;--space-3xs:.125rem;--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2.5rem;--space-2xl:4rem;--space-3xl:6rem;--space-4xl:9rem;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-md:1.25rem;--text-lg:1.5625rem;--text-xl:1.953rem;--text-2xl:2.441rem;--text-3xl:3.052rem;--text-display:clamp(2.6rem, 6vw, 5.25rem);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-micro:.12s;--dur-short:.22s;--dur-long:.42s;--rule-hair:1px;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--page-gutter:clamp(1rem, 4vw, 3.5rem);--page-width:76rem;--prose-width:48rem;--z-base:1;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-modal:400;--z-toast:500;--z-tooltip:600}:root[data-theme=dark]{--color-paper:oklch(16% .014 248);--color-paper-2:oklch(21% .016 248);--color-paper-3:oklch(25% .018 248);--color-ink:oklch(95% .008 248);--color-ink-2:oklch(86% .012 248);--color-muted:oklch(72% .014 248);--color-rule:oklch(35% .018 248);--color-rule-2:oklch(48% .02 248);--color-accent:oklch(78% .13 248);--color-accent-ink:oklch(17% .018 248);--color-focus:oklch(82% .15 248);--color-error:oklch(72% .14 28);--color-success:oklch(72% .11 154);--color-code:oklch(11% .014 252);--color-code-ink:oklch(91% .012 248);--color-overlay:oklch(7% .015 252/.78)}@media (prefers-color-scheme:dark){:root:not([data-theme]){--color-paper:oklch(16% .014 248);--color-paper-2:oklch(21% .016 248);--color-paper-3:oklch(25% .018 248);--color-ink:oklch(95% .008 248);--color-ink-2:oklch(86% .012 248);--color-muted:oklch(72% .014 248);--color-rule:oklch(35% .018 248);--color-rule-2:oklch(48% .02 248);--color-accent:oklch(78% .13 248);--color-accent-ink:oklch(17% .018 248);--color-focus:oklch(82% .15 248);--color-error:oklch(72% .14 28);--color-success:oklch(72% .11 154);--color-code:oklch(11% .014 252);--color-code-ink:oklch(91% .012 248);--color-overlay:oklch(7% .015 252/.78)}}*,:before,:after{box-sizing:border-box}html,body{overflow-x:clip}html{color-scheme:light dark;background:var(--color-paper);scroll-behavior:smooth}body{background:var(--color-paper);min-width:20rem;color:var(--color-ink-2);font-family:var(--font-body);font-size:var(--text-base);letter-spacing:.012em;text-rendering:optimizelegibility;margin:0;line-height:1.7}button,input,summary{font:inherit}button,summary{cursor:pointer}a{color:var(--color-accent);text-underline-offset:.22em;text-decoration-thickness:1px}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}a:active{color:var(--color-ink)}button:active,summary:active{border-color:var(--color-accent)}button:disabled,input:disabled{cursor:not-allowed;opacity:.55}img,svg{max-width:100%;display:block}h1,h2,h3,h4{min-width:0;color:var(--color-ink);font-family:var(--font-display);letter-spacing:-.025em;overflow-wrap:anywhere;margin:0;font-style:normal;line-height:1.16}p,ul,ol,figure,blockquote{margin-block:0}.skip-link{z-index:var(--z-tooltip);padding:var(--space-xs) var(--space-md);background:var(--color-ink);color:var(--color-paper);position:fixed;inset-block-start:var(--space-sm);inset-inline-start:var(--space-sm);transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.shell{width:min(100%, var(--page-width));padding-inline:var(--page-gutter);margin-inline:auto}.page{min-height:58svh;padding-block:var(--space-2xl) var(--space-4xl)}.page-header{gap:var(--space-md);max-width:52rem;margin-block-end:var(--space-2xl);display:grid}.page-header h1{font-size:clamp(2.4rem, 5vw, var(--text-3xl))}.page-header p{max-width:60ch;font-size:var(--text-md)}.section{padding-block:var(--space-2xl);border-block-start:var(--rule-hair) solid var(--color-rule)}.section:nth-of-type(2n){padding-block:var(--space-3xl) var(--space-2xl)}.section-head{justify-content:space-between;align-items:baseline;gap:var(--space-md);flex-wrap:wrap;margin-block-end:var(--space-xl);display:flex}.section-head h2{font-size:var(--text-xl)}.section-head a,.text-link{white-space:nowrap;min-height:2.75rem;font-family:var(--font-display);align-items:center;font-weight:700;display:inline-flex}.muted{color:var(--color-muted)}.eyebrow{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase}.tag-list{gap:var(--space-xs);flex-wrap:wrap;padding:0;list-style:none;display:flex}.tag{min-height:2.25rem;padding-inline:var(--space-sm);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-sm);color:var(--color-ink-2);font-family:var(--font-display);font-size:var(--text-sm);white-space:nowrap;align-items:center;text-decoration:none;display:inline-flex}.tag[data-count]:after{content:attr(data-count);color:var(--color-muted);font-family:var(--font-mono);margin-inline-start:var(--space-xs)}@media (hover:hover) and (pointer:fine){a:hover{text-decoration-thickness:2px}.tag:hover,.article-card:hover,.project-card:hover{border-color:var(--color-accent)}}.empty-state{gap:var(--space-sm);max-width:42rem;padding:var(--space-xl);border:var(--rule-hair) dashed var(--color-rule-2);border-radius:var(--radius-md);background:var(--color-paper-2);color:var(--color-ink-2);display:grid}.empty-state strong{color:var(--color-ink);font-family:var(--font-display);font-size:var(--text-md)}.article-grid,.project-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));display:grid}.article-list{gap:0;display:grid}.article-card,.project-card{gap:var(--space-md);min-width:0;padding:var(--space-lg);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-md);color:var(--color-ink-2);text-decoration:none;display:grid}.article-list .article-card{border-width:0 0 var(--rule-hair);border-radius:0;grid-template-columns:minmax(0,1fr) auto;padding-inline:0}.article-card h3,.project-card h2,.project-card h3{font-size:var(--text-lg)}.project-card__cover{aspect-ratio:16/9;border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-sm);object-fit:cover;width:100%}.article-card__meta,.project-card__meta,.article-meta{gap:var(--space-xs) var(--space-md);color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums;flex-wrap:wrap;display:flex}.topic-cloud{gap:var(--space-xs);grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));padding:0;list-style:none;display:grid}.topic-cloud a{min-height:3.5rem;padding:var(--space-sm) var(--space-md);border-block-end:var(--rule-hair) solid var(--color-rule);color:var(--color-ink);font-family:var(--font-display);justify-content:space-between;align-items:center;text-decoration:none;display:flex}.prose{max-width:var(--prose-width);color:var(--color-ink-2);margin-inline:auto;font-size:clamp(1rem,1.5vw,1.125rem);line-height:1.9}.prose>*+*{margin-block-start:var(--space-lg)}.prose h2,.prose h3,.prose h4{margin-block-start:var(--space-2xl)}.prose h2{font-size:var(--text-xl)}.prose h3{font-size:var(--text-lg)}.prose blockquote{border-inline-start:3px solid var(--color-accent);color:var(--color-muted);padding-inline-start:var(--space-lg)}.prose pre,.mermaid-source{max-width:100%;padding:var(--space-lg);border-radius:var(--radius-md);color:var(--color-code-ink);font-family:var(--font-mono);font-size:var(--text-sm);tab-size:2;line-height:1.65;overflow-x:auto;background:var(--color-code)!important}.prose :not(pre)>code{padding:var(--space-3xs) var(--space-2xs);border-radius:var(--radius-sm);background:var(--color-paper-2);color:var(--color-ink);font-family:var(--font-mono);font-size:.92em}.prose table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;display:block;overflow-x:auto}.prose th,.prose td{min-width:8rem;padding:var(--space-sm);border-block-end:var(--rule-hair) solid var(--color-rule);text-align:start;vertical-align:top}.prose img{border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-md);width:auto;height:auto;margin-inline:auto}.mermaid-frame{padding:var(--space-md);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-paper-2);color:var(--color-ink-2);overflow-x:auto}.mermaid-frame svg{min-width:36rem;margin-inline:auto}.article-header{max-width:var(--prose-width);gap:var(--space-lg);margin-block-end:var(--space-2xl);margin-inline:auto;display:grid}.article-header h1{font-size:clamp(2.35rem,6vw,4.6rem)}.article-header__description{font-size:var(--text-md)}.article-cover{width:min(100%, var(--page-width));max-height:42rem;margin:0 auto var(--space-2xl);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-md);object-fit:cover}.article-footer{max-width:var(--prose-width);gap:var(--space-xl);margin:var(--space-3xl) auto 0;border-block-start:var(--rule-hair) solid var(--color-rule);padding-block-start:var(--space-xl);display:grid}.post-nav{gap:var(--space-md);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.post-nav a{gap:var(--space-xs);min-height:5rem;padding:var(--space-md);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-md);color:var(--color-ink-2);text-decoration:none;display:grid}.post-nav a:last-child{text-align:end}.post-nav span{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs)}.search-shell{gap:var(--space-lg);display:grid}.search-form{gap:var(--space-xs);grid-template-columns:minmax(0,1fr) auto;max-width:48rem;display:grid}.search-form label{color:var(--color-ink);font-family:var(--font-display);grid-column:1/-1;font-weight:700}.search-form input,.cmdk__input{min-width:0;min-height:2.75rem;padding-inline:var(--space-md);border:var(--rule-hair) solid var(--color-rule-2);border-radius:var(--radius-sm);outline-offset:1px;background:var(--color-paper);color:var(--color-ink);outline:2px solid #0000}.search-form input:hover,.cmdk__input:hover{border-color:var(--color-accent)}.search-form input:focus-visible,.cmdk__input:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px}.button{min-height:2.75rem;padding-inline:var(--space-md);border:var(--rule-hair) solid var(--color-ink);border-radius:var(--radius-sm);background:var(--color-ink);color:var(--color-paper);font-family:var(--font-display);white-space:nowrap;font-weight:700}.button:active{transform:translateY(1px)}.search-results{gap:var(--space-lg);max-width:56rem;display:grid}.search-result{gap:var(--space-xs);border-block-end:var(--rule-hair) solid var(--color-rule);padding-block-end:var(--space-lg);display:grid}.search-result h2{font-size:var(--text-lg)}mark{background:var(--color-paper-3);color:var(--color-ink)}@media (width<=39.99rem){.page{padding-block-start:var(--space-xl)}.section-head{display:grid}.article-list .article-card,.post-nav,.search-form{grid-template-columns:minmax(0,1fr)}.post-nav a:last-child{text-align:start}.search-form .button{width:100%}.mermaid-frame svg{min-width:32rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.15s!important;animation-duration:.15s!important;animation-iteration-count:1!important}.button:active{transform:none}}