:root{color-scheme:light;--background: #f5f4ef;--surface: #fbfaf6;--text: #18201f;--muted: #69716f;--faint: #8a9290;--line: #d4d8d4;--line-strong: #afb8b4;--accent: #456f6c;--accent-soft: #dde8e5;--code-background: #111817;--code-text: #edf3f1;--content-width: 72rem;--reading-width: 44rem;--font-sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans TC", sans-serif;--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace}:root[data-theme=dark]{color-scheme:dark;--background: #111615;--surface: #171d1c;--text: #edf1ef;--muted: #a2aaa7;--faint: #7f8985;--line: #303836;--line-strong: #4b5753;--accent: #82aaa6;--accent-soft: #20312f;--code-background: #090d0c;--code-text: #edf3f1}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--background);color:var(--text);font-family:var(--font-sans);font-size:1rem;line-height:1.65;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration-color:var(--accent);text-decoration-thickness:.08em;text-underline-offset:.2em}a:hover{color:var(--accent)}button,a{transition:color .16s ease,border-color .16s ease,background-color .16s ease}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}::selection{background:var(--accent);color:var(--background)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:100;top:.75rem;left:.75rem;padding:.65rem .9rem;background:var(--text);color:var(--background);transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.site-shell{width:min(100% - 3rem,var(--content-width));margin-inline:auto}.site-header{min-height:5.5rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;border-bottom:1px solid var(--line)}.site-wordmark{display:inline-flex;align-items:center;gap:.65rem;font-weight:700;letter-spacing:-.02em;text-decoration:none}.site-wordmark span:first-child{display:grid;place-items:center;width:2rem;height:2rem;border:1px solid var(--line-strong);color:var(--accent);font-family:var(--font-mono);font-size:.75rem;letter-spacing:0}.site-nav,.footer-links{display:flex;align-items:center;gap:1.25rem}.site-nav a{color:var(--muted);font-size:.875rem;text-decoration:none}.site-nav a:hover,.site-nav a.active{color:var(--text)}.site-nav a.active{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:.35rem}.theme-toggle{display:grid;width:2rem;height:2rem;place-items:center;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--muted);cursor:pointer}.theme-toggle:hover{border-color:var(--line-strong);color:var(--text)}.site-footer{min-height:7rem;margin-top:6rem;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:2rem;color:var(--muted);font-size:.78rem}.site-footer p{margin:0}.site-footer a{text-decoration:none}.home-grid{display:grid;grid-template-columns:minmax(16rem,4fr) minmax(0,8fr);min-height:calc(100vh - 5.5rem)}.profile-panel{min-height:42rem;padding:clamp(4rem,8vw,8rem) clamp(2rem,5vw,4.5rem) 4rem 0;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;gap:5rem}.section-label,.detail-title,.article-meta,.article-byline,.topic-number{margin:0;color:var(--muted);font-family:var(--font-mono);font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.profile-panel h1{max-width:8.5em;margin:1.25rem 0 1.5rem;font-size:clamp(2.55rem,5vw,5rem);line-height:.98;letter-spacing:-.065em}.profile-intro{max-width:23rem;margin:0;color:var(--muted);font-size:1.08rem}.profile-details{display:grid;gap:2rem}.detail-title{margin-bottom:.7rem;color:var(--faint)}.focus-list,.tag-list{display:flex;flex-wrap:wrap;gap:.55rem;padding:0;margin:0;list-style:none}.focus-list li,.tag-list a{display:inline-block;padding:.28rem .55rem;border:1px solid var(--line);color:var(--muted);font-family:var(--font-mono);font-size:.72rem;text-decoration:none}.tag-list a:hover{border-color:var(--accent);color:var(--accent)}.text-link{color:var(--accent);font-weight:650}.writing-panel{padding:clamp(4rem,8vw,8rem) 0 4rem clamp(2rem,5vw,5rem)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;padding-bottom:1.25rem;border-bottom:1px solid var(--line-strong)}.section-heading h2{margin:.4rem 0 0;font-size:clamp(1.6rem,3vw,2.25rem);letter-spacing:-.04em}.article-list{padding:0;margin:0;list-style:none}.article-list>li{border-bottom:1px solid var(--line)}.article-list article{padding:2rem 0}.article-meta,.article-byline{display:flex;flex-wrap:wrap;gap:.65rem}.article-list h2{max-width:25em;margin:.75rem 0;font-size:clamp(1.45rem,3vw,2.25rem);line-height:1.2;letter-spacing:-.035em}.article-list h2 a{text-decoration:none}.article-list p{max-width:42rem;margin:0 0 1.25rem;color:var(--muted)}.empty-state{margin-top:2.5rem;padding:clamp(2.5rem,6vw,5rem);border:1px solid var(--line);background:var(--surface)}.empty-state h2{max-width:15em;margin:.75rem 0 1rem;font-size:clamp(1.75rem,3vw,2.5rem);line-height:1.15;letter-spacing:-.04em}.empty-state p:not(.section-label){max-width:35rem;color:var(--muted)}.page-header{padding:clamp(4.5rem,10vw,8rem) 0 3rem;border-bottom:1px solid var(--line-strong)}.page-header.compact{padding-bottom:2rem}.page-header h1,.status-page h1{max-width:12em;margin:.75rem 0 1rem;font-size:clamp(2.8rem,7vw,5.5rem);line-height:.98;letter-spacing:-.065em}.page-header>p:last-child,.status-page>p{max-width:42rem;margin-bottom:0;color:var(--muted);font-size:1.08rem}.prose-page,.listing-page,.article-page{width:min(100%,var(--reading-width));margin-inline:auto}.article-page{padding-top:clamp(4.5rem,10vw,8rem)}.article-header{padding-bottom:2.5rem;border-bottom:1px solid var(--line-strong)}.article-header h1{margin:.9rem 0 1.25rem;font-size:clamp(2.5rem,7vw,5rem);line-height:1;letter-spacing:-.06em}.article-deck{max-width:38rem;color:var(--muted);font-size:1.15rem}.article-byline{margin:1.5rem 0 1.25rem}.article-content{padding-top:2.5rem;font-size:1.05rem}.article-content>*{max-width:var(--reading-width)}.article-content h2,.article-content h3,.article-content h4{position:relative;scroll-margin-top:2rem;line-height:1.25;letter-spacing:-.035em}.article-content h2{margin:3.75rem 0 1rem;font-size:clamp(1.75rem,4vw,2.4rem)}.article-content h3{margin:2.75rem 0 .75rem;font-size:1.45rem}.heading-anchor{margin-left:.45em;color:var(--faint);font-family:var(--font-mono);font-size:.65em;opacity:0;text-decoration:none}.article-content :is(h2,h3,h4):hover .heading-anchor,.heading-anchor:focus-visible{opacity:1}.article-content p,.article-content li{color:color-mix(in srgb,var(--text) 88%,var(--muted))}.article-content li+li{margin-top:.45rem}.article-content blockquote{margin:2rem 0;padding:.1rem 0 .1rem 1.25rem;border-left:3px solid var(--accent);color:var(--muted)}.article-content :not(pre)>code{padding:.12em .35em;border:1px solid var(--line);background:var(--surface);font-family:var(--font-mono);font-size:.88em}.article-content pre{max-width:100%;overflow-x:auto;margin:2rem 0;padding:1.25rem;border:1px solid var(--line);background:var(--code-background)!important;color:var(--code-text);font-family:var(--font-mono);font-size:.86rem;line-height:1.65;tab-size:2}.article-content img{max-width:100%;height:auto;border:1px solid var(--line)}.article-content table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}.article-content th,.article-content td{padding:.65rem .85rem;border:1px solid var(--line);text-align:left}.topic-index{padding:0;margin:2rem 0 0;list-style:none;border-top:1px solid var(--line)}.topic-index li{display:grid;grid-template-columns:3rem minmax(0,1fr) auto;align-items:center;gap:1rem;padding:1.25rem 0;border-bottom:1px solid var(--line)}.topic-index a{font-size:1.25rem;font-weight:650;text-decoration:none}.topic-index li>span:last-child{color:var(--muted);font-size:.82rem}.status-page{min-height:65vh;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.button-link{display:inline-flex;margin-top:1.5rem;padding:.7rem 1rem;border:1px solid var(--accent);color:var(--accent);font-weight:650;text-decoration:none}.button-link:hover{background:var(--accent);color:var(--background)}@media(max-width:800px){.site-shell{width:min(100% - 2rem,var(--content-width))}.site-header{min-height:auto;padding:1.25rem 0;align-items:flex-start}.site-wordmark span:last-child{display:none}.site-nav{gap:.8rem;flex-wrap:wrap;justify-content:flex-end}.home-grid{display:block;min-height:auto}.profile-panel{min-height:auto;padding:4.5rem 0 3rem;border-right:0;border-bottom:1px solid var(--line);gap:3.5rem}.profile-panel h1{font-size:clamp(2.8rem,14vw,4.5rem)}.writing-panel{padding:3.5rem 0 2rem}.section-heading{align-items:flex-start}.empty-state{padding:2rem}.site-footer{padding:2rem 0;flex-direction:column;align-items:flex-start}.topic-index li{grid-template-columns:2.5rem minmax(0,1fr)}.topic-index li>span:last-child{grid-column:2}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}