:root{--primary:#cc785c;--primary-active:#a9583e;--primary-disabled:#e6dfd8;--ink:#141413;--body:#3d3d3a;--body-strong:#252523;--muted:#6c6a64;--hairline:#e6dfd8;--hairline-soft:#ebe6df;--canvas:#faf9f5;--surface-soft:#f5f0e8;--surface-card:#efe9de;--surface-cream-strong:#e8e0d2;--surface-dark:#181715;--surface-dark-elevated:#252320;--surface-dark-soft:#1f1e1b;--on-primary:#fff;--on-dark:#faf9f5;--on-dark-soft:#a09d96;--on-coral:#141413;--on-coral-soft:#36231e;--accent-teal:#5db8a6;--accent-amber:#e8a55a;--success:#5db872;--warning:#d4a017;--error:#c64545;--code-text:#d6d3cb;--code-comment:#6f6b62;--code-keyword:#d68f6f;--code-string:#93b8a6;--code-number:#d9b168;--code-fn:#9fb4c9;--code-punct:#8e8b82;--code-linenum:#55524b;--focus-ring:#cc785c26;--font-display:"Newsreader", "Source Serif 4", "Noto Serif SC", Georgia, serif;--font-body:"Inter", "Noto Sans SC", system-ui, sans-serif;--font-code:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--display-xs:32px;--lh-cjk-body:1.8;--lh-cjk-prose:1.9;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--space-xxs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-xxl:48px;--section-space:96px;--nav-height:64px;--main-top:72px;--scroll-offset:88px}*{box-sizing:border-box}html{background:var(--canvas);color:var(--body);scroll-padding-top:var(--scroll-offset)}body{font:400 16px/1.55 var(--font-body);-webkit-font-smoothing:antialiased;margin:0}::selection{background:var(--surface-cream-strong);color:var(--ink)}a{color:inherit;text-decoration:none}button,input{font:inherit}button,summary{cursor:pointer}img,svg{max-width:100%}img{height:auto}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{color:var(--ink);font-family:var(--font-display);letter-spacing:-.5px;font-weight:400}h1{letter-spacing:-1px;font-size:48px;line-height:1.1}h2{font-size:36px;line-height:1.15}h3{letter-spacing:-.3px;font-size:28px;line-height:1.2}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;box-shadow:0 0 0 5px var(--focus-ring)}[hidden]{display:none!important}.container{width:min(1200px,100% - 64px);margin-inline:auto}.site-main{min-height:55vh;padding-block:var(--main-top) var(--section-space)}.page-heading{margin-bottom:var(--space-xxl);max-width:820px}.eyebrow{color:var(--muted);letter-spacing:1.5px;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:24px;font-size:12px;font-weight:500;display:flex}.diamond{background:var(--primary);flex-shrink:0;width:9px;height:9px;display:inline-block;transform:rotate(45deg)}.lead{font-size:18px;line-height:var(--lh-cjk-body);color:var(--body);max-width:600px;margin-top:24px}.muted{color:var(--muted)}.text-link{color:var(--primary-active);text-underline-offset:4px;text-decoration:underline}.section{margin-top:var(--section-space)}.section-heading{justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:32px;display:flex}.section-heading>a{white-space:nowrap;font-size:14px}.button{border-radius:var(--radius-md);border:1px solid #0000;justify-content:center;align-items:center;min-height:40px;padding:12px 20px;font-size:14px;font-weight:500;line-height:1;display:inline-flex}.button-primary{background:var(--primary);color:var(--on-primary)}.button-primary:active{background:var(--primary-active)}.button-secondary{background:var(--canvas);border-color:var(--hairline);color:var(--ink)}.button-dark{background:var(--surface-dark-elevated);color:var(--on-dark)}.actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.badge{background:var(--surface-card);color:var(--ink);border-radius:9999px;padding:4px 12px;font-size:13px;display:inline-block}.card{border-radius:var(--radius-lg);background:var(--surface-card);padding:32px}.card p{margin-top:16px}.dark-card{background:var(--surface-dark);color:var(--on-dark);border-radius:var(--radius-lg);padding:32px}.dark-card h2,.dark-card h3{color:var(--on-dark)}.dark-card p{color:var(--on-dark-soft)}.callout-card-coral{background:var(--primary);color:var(--on-coral);border-radius:var(--radius-lg);padding:var(--space-xxl)}.cta-band-coral{background:var(--primary);color:var(--on-coral);border-radius:var(--radius-lg);padding:64px}.callout-card-coral h2,.callout-card-coral h3,.cta-band-coral h2,.cta-band-coral h3{color:var(--on-coral)}.callout-card-coral p,.cta-band-coral p,.callout-card-coral .eyebrow,.cta-band-coral .eyebrow{color:var(--on-coral-soft)}.callout-card-coral .diamond,.cta-band-coral .diamond{background:var(--on-coral)}.callout-card-coral .lead,.cta-band-coral .lead{color:var(--on-coral-soft)}.button-on-coral{background:var(--canvas);color:var(--ink)}.callout-card-coral :focus-visible,.cta-band-coral :focus-visible{outline-color:var(--ink);box-shadow:none}.post-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.post-card{background:var(--surface-card);border-radius:var(--radius-lg);flex-direction:column;gap:20px;min-width:0;padding:32px;display:flex}.post-card h3{font:500 18px/1.6 var(--font-body);letter-spacing:0;overflow-wrap:anywhere}.post-card .excerpt{color:var(--muted);font-size:14px;line-height:var(--lh-cjk-body);-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.post-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:12px;font-size:13px;display:flex}.post-card .post-meta{margin-top:auto;padding-top:8px}.tags{color:var(--muted);flex-wrap:wrap;gap:8px 12px;font-size:12px;display:flex}.post-category{color:var(--muted);letter-spacing:1px;font-size:12px}.site-nav{z-index:30;background:var(--canvas);border-bottom:1px solid var(--hairline-soft);position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;gap:32px;height:64px;display:flex}.wordmark{color:var(--ink);font:400 28px/1 var(--font-display);letter-spacing:-.5px;align-items:center;gap:12px;display:inline-flex}.desktop-nav{align-items:center;gap:32px;margin-left:auto;display:flex}.desktop-nav a{color:var(--muted);font-size:14px;font-weight:500}.desktop-nav a[aria-current=page]{color:var(--ink);text-decoration:underline;text-decoration-color:var(--primary);text-underline-offset:8px}.nav-external{margin-left:24px;font-size:14px}.menu-toggle{border:1px solid var(--hairline);border-radius:var(--radius-md);width:44px;height:44px;color:var(--ink);background:0 0;display:none}.mobile-menu{background:var(--canvas);width:100%;max-width:none;height:100dvh;max-height:none;color:var(--ink);border:0;margin:0;padding:24px}.mobile-menu[open]{flex-direction:column;display:flex}.mobile-menu header{justify-content:space-between;align-items:center;display:flex}.mobile-menu nav{font:400 var(--display-xs) var(--font-display);flex-direction:column;gap:32px;margin-top:64px;display:flex}.mobile-menu .menu-toggle{display:block}body:has(.mobile-menu[open]){overflow:hidden}.skip-link{z-index:100;background:var(--canvas);padding:12px;position:fixed;top:-100px;left:16px}.skip-link:focus{top:8px}.site-footer{background:var(--surface-dark);color:var(--on-dark-soft);padding-block:64px 32px}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;display:grid}.site-footer .wordmark{color:var(--on-dark)}.site-footer p{margin-top:20px;font-size:14px}.site-footer nav{flex-direction:column;align-items:flex-start;gap:12px;font-size:14px;display:flex}.footer-label{color:var(--on-dark);margin-bottom:8px;font-size:13px}.footer-bottom{border-top:1px solid var(--surface-dark-elevated);justify-content:space-between;gap:16px;margin-top:48px;padding-top:24px;font-size:12px;display:flex}.hero{padding-block:var(--section-space);grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}.hero h1{letter-spacing:-1.5px;font-size:64px;line-height:1.05}.hero h1 em{color:var(--primary-active);font-style:normal}.hero-note{color:var(--muted);margin-top:32px;font-size:13px}.code-window{background:var(--surface-dark);color:var(--on-dark);border-radius:var(--radius-xl);min-width:0;overflow:hidden}.code-toolbar{background:var(--surface-dark-elevated);color:var(--on-dark-soft);font:12px var(--font-code);justify-content:space-between;gap:16px;padding:16px 24px;display:flex}.code-window pre{color:var(--code-text);font:14px/1.6 var(--font-code);margin:0;padding:32px 24px;overflow-x:auto}.code-window .code-comment{color:var(--code-comment)}.code-window .code-keyword{color:var(--code-keyword)}.code-window .code-value{color:var(--code-string)}.code-footer{border-top:1px solid var(--surface-dark-elevated);color:var(--on-dark-soft);justify-content:space-between;gap:16px;padding:16px 24px;font-size:12px;display:flex}.home-main{padding-bottom:var(--section-space)}.feature-band{grid-template-columns:1fr 1fr;align-items:center;gap:64px;padding:48px;display:grid}.feature-band.cta-band-coral{padding:64px}.feature-band.cta-band-coral .eyebrow{color:var(--on-coral-soft)}.feature-band.cta-band-coral .eyebrow .diamond{background:var(--on-coral)}.feature-band .eyebrow{color:var(--on-dark-soft)}.feature-band p{line-height:var(--lh-cjk-body);margin-top:20px}.project-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.project-card{border-radius:var(--radius-lg);background:var(--surface-card);flex-direction:column;gap:24px;padding:32px;display:flex}.project-card h2{font-size:var(--display-xs)}.project-card p{line-height:var(--lh-cjk-body)}.project-card .text-link{margin-top:auto;font-size:14px}.project-card.dark-card{background:var(--surface-dark)}.project-card.dark-card .text-link{color:var(--on-dark)}.project-card.dark-card .badge{background:var(--surface-dark-elevated);color:var(--on-dark)}.filters{border-block:1px solid var(--hairline);margin-bottom:32px;padding-block:24px}.filter-line{align-items:flex-start;gap:20px;display:flex}.filter-line+.filter-line{margin-top:16px}.filter-label{min-width:32px;color:var(--muted);padding-top:10px;font-size:13px}.filter-options{gap:var(--space-xs);flex-wrap:wrap;display:flex}.filter-button{border-radius:var(--radius-md);min-height:40px;color:var(--muted);background:0 0;border:0;padding:8px 12px;font-size:13px}.filter-button[aria-pressed=true]{background:var(--surface-card);color:var(--ink)}.clear-filter{color:var(--primary-active);background:0 0;border:0;padding:8px 0;font-size:13px;text-decoration:underline}.filter-more{border-radius:var(--radius-md);min-height:40px;color:var(--primary-active);text-underline-offset:4px;background:0 0;border:0;padding:8px 12px;font-size:13px;text-decoration:underline}.empty-state{text-align:center;background:var(--surface-soft);border-radius:var(--radius-lg);grid-column:1/-1;padding:48px 24px}.empty-state p{color:var(--muted);margin-top:16px}.timeline{margin:0;padding:0;list-style:none}.timeline li{border-top:1px solid var(--hairline);grid-template-columns:220px 1fr;gap:48px;padding:32px 0;display:grid}.timeline li:last-child{border-bottom:1px solid var(--hairline)}.timeline .period{color:var(--muted);padding-top:8px;font-size:14px}.timeline h2{font-size:var(--display-xs)}.timeline p{color:var(--muted);margin-top:8px}.timeline .badge{vertical-align:middle;font-family:var(--font-body);letter-spacing:0;margin-left:16px}.about-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;display:grid}.contact-list{grid-template-columns:100px minmax(0,1fr);gap:20px;margin:32px 0 0;font-size:14px;display:grid}.contact-list dt{color:var(--muted)}.contact-list dd{overflow-wrap:anywhere;margin:0}.qr-card img{border-radius:var(--radius-md);width:160px;display:block}.friends{flex-wrap:wrap;gap:24px;margin-top:24px;display:flex}.article{max-width:800px}.article-header{border-bottom:1px solid var(--hairline);margin-block:32px 48px;padding-bottom:32px}.article-header h1{overflow-wrap:anywhere;margin-block:24px}.article-nav{grid-template-columns:1fr 1fr;gap:24px;margin-top:64px;display:grid}.article-nav a{background:var(--surface-card);border-radius:var(--radius-lg);padding:24px}.article-nav span{color:var(--muted);margin-bottom:12px;font-size:13px;display:block}.error-page{text-align:center;padding-block:96px}.error-page .error-code{font:400 64px/1 var(--font-display);color:var(--primary);letter-spacing:-1.5px}.error-page h1{margin-top:24px}.error-page .actions{justify-content:center}@media (width>=768px) and (width<=1023px){.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{gap:32px}.hero h1{font-size:48px}}@media (width<=767px){:root{--section-space:64px}.container{width:calc(100% - 40px)}.desktop-nav,.nav-external{display:none}.menu-toggle{display:block}.site-main{padding-top:48px}.page-heading{margin-bottom:32px}h1{font-size:var(--display-xs);letter-spacing:-.5px}h2{font-size:28px}.hero{grid-template-columns:1fr;gap:40px;padding-block:48px}.hero h1{font-size:var(--display-xs);letter-spacing:-.5px}.lead{font-size:16px}.post-grid,.project-list,.feature-band,.about-grid,.footer-grid,.article-nav{grid-template-columns:1fr}.card,.post-card,.project-card,.dark-card,.callout-card-coral{padding:24px}.cta-band-coral,.feature-band.cta-band-coral{padding:32px}.feature-band{gap:32px}.section-heading{align-items:flex-start;gap:16px}.section-heading h2{font-size:28px}.timeline li{grid-template-columns:1fr;gap:16px}.timeline h2{font-size:28px}.footer-grid{gap:32px}.footer-bottom{flex-direction:column}.filter-line{gap:8px}.filter-button{padding-inline:10px}.article-header h1{font-size:32px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}.language-switch{color:var(--muted);font:500 13px var(--font-body);flex-shrink:0;align-items:center;gap:8px;display:inline-flex}.language-toggle{border-radius:var(--radius-md);cursor:pointer;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:inline-flex}.language-track{background:var(--surface-cream-strong);border-radius:9999px;width:40px;height:24px;padding:3px;display:block}.language-thumb{background:var(--canvas);border-radius:50%;width:18px;height:18px;display:block;transform:translate(0)}html[lang=zh-CN] .language-track{background:var(--primary)}html[lang=zh-CN] .language-thumb{transform:translate(16px)}html[lang=en] .language-label-en,html[lang=zh-CN] .language-label-zh{color:var(--ink);font-weight:600}@media (prefers-reduced-motion:no-preference){.language-thumb{transition:transform .16s}.language-track{transition:background-color .16s}}.blog-search{max-width:760px;margin-bottom:24px;position:relative}.search-field{background:var(--surface-soft);border:1px solid var(--hairline);border-radius:var(--radius-lg);height:52px;color:var(--muted);align-items:center;gap:12px;padding:0 16px;display:flex}.search-field:focus-within{border-color:var(--primary);outline:3px solid var(--focus-ring)}.search-field input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:none;padding:12px 0;font-size:14px}.search-field input::-webkit-search-cancel-button{display:none}.search-field svg{flex-shrink:0}.search-field kbd{white-space:nowrap;background:var(--canvas);border:1px solid var(--hairline);font:11px var(--font-code);border-radius:4px;padding:3px 6px}.blog-search:has(.clear-search) kbd{margin-right:32px}.clear-search{width:40px;height:40px;color:var(--muted);background:0 0;border:0;font-size:24px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.search-summary{min-height:40px;color:var(--muted);justify-content:space-between;align-items:center;margin:-16px 0 24px;font-size:13px;display:flex}.search-summary .clear-filter{min-height:40px}html[lang=en] .hero h1{font-size:clamp(40px,4.4vw,64px)}@media (width>=768px) and (width<=1023px){.desktop-nav,.nav-inner{gap:16px}.nav-external{margin-left:0}}@media (width<=767px){.nav-inner{gap:12px}.nav-inner>.language-switch{margin-left:auto}.search-field kbd{display:none}.search-field:has(+.clear-search){padding-right:48px}html[lang=en] .hero h1{font-size:var(--display-xs)}}