@font-face{font-family:lora;font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/lora/lora-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:lora;font-style:italic;font-weight:400 700;font-display:swap;src:url(../fonts/lora/lora-latin-italic.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:eb garamond;font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/eb-garamond/eb-garamond-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:eb garamond;font-style:italic;font-weight:400 700;font-display:swap;src:url(../fonts/eb-garamond/eb-garamond-latin-italic.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:jetbrains mono;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/jetbrains-mono/jetbrains-mono-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light dark;--color-bg-warm:#F2F0EB;--color-bg-base:#FAFAF8;--color-bg-pure:#FFFFFF;--color-bg-subtle:#F0EDE7;--color-text-primary:#3A3837;--color-text-secondary:#888580;--color-text-muted:#B0ABA4;--color-text-tertiary:#C8C3BA;--color-text-heading:#2C2B29;--color-accent:#8B3525;--color-accent-hover:#A84030;--color-accent-subtle:#F5E8E5;--color-border-subtle:#E5E1DA;--color-border-strong:#C8C3BA;--color-link:#3A3837;--color-link-hover:#8B3525;--color-focus:rgba(139, 53, 37, 0.4);--font-display:"Lora", "Noto Serif SC", "Source Han Serif SC", "Songti SC",
    "SimSun", serif;--font-body:"EB Garamond", "Noto Serif SC", "Source Han Serif SC",
    "Songti SC", "SimSun", serif;--font-ui:system-ui, -apple-system, "PingFang SC", "Hiragino Sans GB",
    "Microsoft YaHei", "Noto Sans SC", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Cascadia Code", ui-monospace,
    monospace;--text-xs:0.694rem;--text-sm:0.833rem;--text-base:1rem;--text-md:1.0625rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:1.875rem;--text-3xl:2.25rem;--text-4xl:3rem;--text-5xl:4.5rem;--leading-tight:1.25;--leading-snug:1.45;--leading-normal:1.6;--leading-relaxed:1.85;--leading-loose:2.0;--tracking-tight:-0.02em;--tracking-normal:0;--tracking-wide:0.05em;--tracking-wider:0.15em;--tracking-chinese:0.1em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-24:96px;--space-32:128px;--width-article:clamp(520px, 55vw, 640px);--width-content:clamp(620px, 65vw, 760px);--width-showcase:clamp(700px, 72vw, 920px);--padding-page-x:clamp(20px, 5vw, 72px);--icon-sm:16px;--icon-md:20px;--icon-lg:24px;--duration-instant:80ms;--duration-fast:180ms;--duration-base:260ms;--duration-slow:420ms;--duration-crawl:600ms;--ease-default:cubic-bezier(0.25, 0.1, 0.25, 1);--ease-out:cubic-bezier(0, 0, 0.2, 1);--ease-in:cubic-bezier(0.4, 0, 1, 1);--stagger-1:60ms;--stagger-2:120ms;--stagger-3:180ms;--stagger-4:240ms;--stagger-5:300ms;--stagger-6:360ms;--stagger-7:420ms;--stagger-8:480ms}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}img,video{max-width:100%;height:auto}a,button,[role=button]{-webkit-tap-highlight-color:transparent;touch-action:manipulation}body{background-color:var(--color-bg-warm);color:var(--color-text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:var(--leading-normal);hyphens:auto;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");background-blend-mode:multiply;transition:background-color var(--duration-fast),color var(--duration-fast)}a{color:inherit;text-decoration:none;transition:color var(--duration-fast)var(--ease-default)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:2px}[tabindex="-1"]:focus,[tabindex="-1"]:focus-visible{outline:none}*{scrollbar-width:thin;scrollbar-color:var(--color-border-subtle)transparent}*::-webkit-scrollbar{width:4px;height:4px}*::-webkit-scrollbar-track{background:0 0}*::-webkit-scrollbar-thumb{background-color:var(--color-border-subtle);border-radius:2px}*::-webkit-scrollbar-thumb:hover{background-color:var(--color-border-strong)}@media(prefers-color-scheme:dark){:root{--color-bg-warm:#1A1816;--color-bg-base:#201E1B;--color-bg-pure:#242220;--color-bg-subtle:#2A2724;--color-text-primary:#E8E3DC;--color-text-secondary:#8A857D;--color-text-muted:#5A5550;--color-text-tertiary:#6B6560;--color-text-heading:#F0EBE3;--color-accent:#C4533E;--color-accent-hover:#D9614A;--color-accent-subtle:#2E1A16;--color-border-subtle:#2E2B27;--color-border-strong:#403C37;--color-link:#E8E3DC;--color-link-hover:#C4533E;--color-focus:rgba(196, 83, 62, 0.4)}}#browser-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;background:#8b3525;color:#fff;font-family:system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5;position:sticky;top:0;z-index:10000}#browser-banner a{color:#fff;text-underline-offset:2px}#browser-banner button{background:0 0;border:1px solid rgba(255,255,255,.6);color:#fff;cursor:pointer;padding:2px 8px;font-size:16px;border-radius:2px;flex-shrink:0;line-height:1}.page-layout{display:grid;grid-template-columns:280px 1fr;gap:var(--space-32);max-width:1200px;margin:0 auto;padding:var(--space-32)clamp(24px,6vw,72px);min-height:100vh;min-height:100dvh;animation:fadeUp var(--duration-slow)var(--ease-out)forwards}body{max-width:1600px;margin-inline:auto}.nav-progress{position:fixed;top:0;top:env(safe-area-inset-top,0);left:0;width:0;height:2px;background:var(--color-accent);z-index:9998;opacity:0;transition:opacity var(--duration-fast)var(--ease-out);pointer-events:none}.nav-progress.is-loading{opacity:1;animation:navProgressAdvance var(--duration-slow)var(--ease-out)forwards}.nav-progress.is-complete{width:100%!important;animation:none;opacity:0;transition:width 100ms var(--ease-out),opacity 300ms var(--ease-out)100ms}@keyframes navProgressAdvance{from{width:0}to{width:85%}}.pjax-toast{position:fixed;bottom:max(var(--space-6),calc(env(safe-area-inset-bottom,0px) + var(--space-4)));right:max(var(--space-6),calc(env(safe-area-inset-right,0px) + var(--space-4)));background:var(--color-accent);color:#fff;padding:var(--space-3)var(--space-5);border-radius:2px;font-family:var(--font-ui);font-size:var(--text-sm);z-index:9999;opacity:0;transition:opacity var(--duration-base)var(--ease-out);pointer-events:none}.pjax-toast.is-visible{opacity:1}.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;z-index:1000;padding:var(--space-3)var(--space-4);background:var(--color-bg-pure);color:var(--color-text-primary);font-family:var(--font-ui);font-size:var(--text-sm);text-decoration:none;border:1px solid var(--color-border-strong)}.skip-link:focus{position:fixed;top:var(--space-4);left:var(--space-4);width:auto;height:auto;overflow:visible}.site-footer{text-align:center;padding:var(--space-24)var(--space-4)var(--space-8);max-width:1200px;margin:0 auto}.site-footer-text{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--color-text-muted);letter-spacing:var(--tracking-wide)}.sidebar{position:sticky;top:var(--space-32);height:fit-content;min-height:calc(61.8vh - var(--space-32));display:flex;flex-direction:column;gap:var(--space-12)}.brand-area .brand-name{font-family:var(--font-display);font-size:3.5rem;font-weight:700;color:var(--color-text-heading);letter-spacing:var(--tracking-chinese);line-height:var(--leading-tight);display:flex;align-items:baseline;margin-bottom:var(--space-6)}.brand-mark{display:inline-block;width:8px;height:8px;background-color:var(--color-accent);margin-left:4px;flex-shrink:0;animation:pulseBrand 4s ease-in-out infinite}.bio{font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed);white-space:nowrap}.site-nav{display:flex;flex-direction:column;gap:var(--space-4);font-family:var(--font-ui);font-size:var(--text-sm);letter-spacing:var(--tracking-wide)}.site-nav a{color:var(--color-text-secondary);display:inline-flex;align-items:center;width:fit-content}.site-nav a::before{content:"—";margin-right:var(--space-2);color:transparent;transition:color var(--duration-fast)}.site-nav a:hover,.site-nav a.active{color:var(--color-text-primary)}.site-nav a.active::before,.site-nav a:hover::before{color:var(--color-accent)}.sidebar-footer{margin-top:auto;display:flex;flex-direction:row;gap:var(--space-5);align-items:center;padding-bottom:env(safe-area-inset-bottom,0px)}.social-icon{color:var(--color-text-muted);font-size:var(--icon-md);display:inline-flex;transition:color var(--duration-fast),transform var(--duration-fast)}.social-icon:hover{color:var(--color-text-secondary)}@media(hover:hover) and (pointer:fine){.social-icon:hover{transform:translateY(-2px)}}@keyframes pulseBrand{0%,100%{opacity:1}50%{opacity:.6}}@keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUpStagger{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){:root{--text-5xl:3.5rem;--text-4xl:2.5rem}}@media(max-width:1024px) and (min-width:861px){.page-layout{grid-template-columns:clamp(220px,24vw,260px)1fr;gap:var(--space-16);padding:var(--space-16)clamp(20px,3.5vw,48px)}.sidebar{top:var(--space-16);gap:var(--space-10)}.brand-area .brand-name{font-size:2.75rem}.sidebar-footer{display:none}}@media(max-width:860px) and (min-width:640px){.page-layout{grid-template-columns:clamp(200px,23vw,230px)1fr;gap:var(--space-12);padding:var(--space-12)clamp(16px,3vw,36px)}.sidebar{top:var(--space-12);gap:var(--space-8)}.brand-area .brand-name{font-size:2.5rem}.bio{white-space:normal}.sidebar-footer{display:none}}@media(max-width:639px){.page-layout{grid-template-columns:1fr;gap:var(--space-6);padding-top:var(--space-6);padding-bottom:var(--space-8)}.sidebar{position:static;min-height:0;border-bottom:1px solid var(--color-border-subtle);padding-bottom:var(--space-4);gap:var(--space-3)}.brand-area .brand-name{font-size:1.75rem;margin-bottom:var(--space-2)}.brand-mark{width:6px;height:6px}.bio{white-space:normal;font-size:var(--text-sm);line-height:var(--leading-normal)}.site-nav{flex-direction:row;flex-wrap:wrap;gap:var(--space-6)}.site-nav a::before{display:none}.site-nav a{border-bottom:1px solid transparent;padding-bottom:1px;transition:border-color var(--duration-fast),color var(--duration-fast)}.site-nav a.active,.site-nav a:hover{border-bottom-color:var(--color-accent)}.sidebar-footer{display:none}a{-webkit-touch-callout:none}.site-nav,.brand-area{-webkit-user-select:none;user-select:none}:root{--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.625rem;--text-4xl:2rem;--text-5xl:2.5rem}}@media(pointer:coarse){.site-nav a{min-height:44px;display:flex;align-items:center;padding-block:var(--space-2)}.social-icon{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.taxonomy-tag{min-height:44px;padding-block:var(--space-3)}.tag{min-height:36px;padding-block:var(--space-2)}.post-nav a{min-height:44px;display:flex;align-items:flex-start;padding-block:var(--space-2)}.contact-link{display:inline-block;padding-block:var(--space-2)}.post-link{padding-block:var(--space-2)}}@media(hover:hover) and (pointer:fine){.social-icon:hover{transform:translateY(-2px)}.skill-tag:hover{color:var(--color-accent);border-color:var(--color-accent)}.post-item:hover::before{background-color:var(--color-accent)}}@media(hover:none){.social-icon:active{color:var(--color-text-secondary);transform:scale(.9);transition:transform 80ms}.taxonomy-tag:active,.tag:active{color:var(--color-accent);border-color:var(--color-accent);opacity:.8}.post-link:active .post-title{color:var(--color-accent)}.contact-link:active{color:var(--color-accent);opacity:.8}.site-nav a:active{color:var(--color-text-primary);opacity:.7}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(forced-colors:active){:focus-visible{outline:3px solid ButtonText;outline-offset:2px}a{color:LinkText}a:visited{color:VisitedText}.skip-link:focus{background:Canvas;color:CanvasText;border:2px solid ButtonText}}@media(prefers-contrast:more){:root{--color-text:#1a1816;--color-text-muted:#3a3837;--color-border:#3a3837;--color-border-subtle:#5a5855}:focus-visible{outline-width:3px}}@media(prefers-contrast:more) and (prefers-color-scheme:dark){:root{--color-text:#f5f3ee;--color-text-muted:#d5d3ce;--color-border:#c5c3be;--color-border-subtle:#a5a3a0}}html.lenis{height:auto}.lenis.lenis-smooth{scroll-behavior:auto}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-scrolling iframe{pointer-events:none}@media print{.sidebar{display:none}.page-layout{display:block;padding:0;max-width:100%}body{background:#fff;color:#000;font-size:12pt;line-height:1.5}a{color:#000;text-decoration:underline}a[href]::after{content:" (" attr(href)")";font-size:.8em;color:#666}.social-icon,.sidebar-footer{display:none}*{animation:none!important;transition:none!important}}