@import"https://fonts.googleapis.com/css2?family=Caprasimo:wght@400&family=Figtree:wght@400;600;700&display=swap";:root{--color-bg: #fafbf9;--color-surface: #f1f4f1;--color-text: #1c211d;--color-accent: #1f9d5c;--color-accent-2: #4fb0a0;--color-divider: color-mix(in srgb, #1c211d 12%, transparent);--color-neutral-100: #fbfcfa;--color-neutral-200: #f1f3f0;--color-neutral-300: #e1e5e0;--color-neutral-800: #414740;--color-neutral-900: #262b26;--color-accent-100: #e9f8ee;--color-accent-200: #c8eed7;--color-accent-500: #2bad68;--color-accent-600: #1f9d5c;--color-accent-700: #16713f;--color-accent-800: #114f2d;--color-accent-2-100: #eaf7f5;--color-accent-2-800: #204d46;--font-heading: "Caprasimo", system-ui, sans-serif;--font-body: "Figtree", system-ui, sans-serif;--space-1: 4.4px;--space-2: 8.8px;--space-3: 13.2px;--space-4: 17.6px;--space-6: 26.4px;--space-8: 35.2px;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 28px;--shadow-sm: 0 1px 2px color-mix(in srgb, #262b26 10%, transparent);--shadow-md: 0 3px 10px color-mix(in srgb, #262b26 12%, transparent);--shadow-lg: 0 12px 32px color-mix(in srgb, #262b26 16%, transparent)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:15px;line-height:1.55}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:400;line-height:1.12;letter-spacing:-.015em;margin:0 0 var(--space-2)}h1{font-size:42px}h2{font-size:32px}h3{font-size:25px}h4{font-size:20px}p{margin:0 0 var(--space-3)}a{color:var(--color-accent-700);text-underline-offset:3px}a:not(.btn):hover{color:var(--color-accent-600)}img{display:block;max-width:100%}.text-muted{color:color-mix(in srgb,var(--color-text) 55%,transparent)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.i18n-en{display:none}html[data-lang=en] .i18n-en{display:revert}html[data-lang=en] .i18n-zh{display:none}.container{max-width:1100px;margin:0 auto;padding:var(--space-6) var(--space-4) calc(var(--space-8) * 2)}.container--narrow{max-width:760px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;text-decoration:none;font-family:var(--font-heading);font-weight:400;font-size:14px;line-height:1.2;color:var(--color-text);background:transparent;border:1px solid transparent;padding:var(--space-2) calc(var(--space-3) * 1.2);border-radius:999px}.btn-primary{background:var(--color-accent);color:var(--color-bg)}.btn-primary:hover{background:var(--color-accent-600);color:var(--color-bg)}.btn-secondary{border-color:var(--color-divider)}.btn-secondary:hover{background:color-mix(in srgb,var(--color-text) 7%,transparent)}.btn-ghost{color:var(--color-accent);padding-inline:var(--space-1)}.btn-ghost:hover{background:color-mix(in srgb,var(--color-accent) 10%,transparent)}.btn-icon{width:36px;height:36px;padding:0}.btn-block{width:100%}.card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);border-radius:calc(var(--radius-lg) * 1.15);background:var(--color-surface)}.card-kicker{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent)}.card-title{font-family:var(--font-heading);font-weight:400;font-size:17px;line-height:1.2;margin:0}.card-body{margin:0;font-size:13px;opacity:.8;flex:1}.card-meta{display:flex;align-items:center;gap:6px;font-size:11px;color:color-mix(in srgb,var(--color-text) 50%,transparent)}.elev-sm{box-shadow:var(--shadow-sm)}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}@media(max-width:760px){.card-grid{grid-template-columns:1fr}}.card-link{text-decoration:none;color:inherit}.card-image{border-radius:var(--radius-md);overflow:hidden;aspect-ratio:4/3;background:var(--color-neutral-200)}.card-image img{width:100%;height:100%;object-fit:cover}.cover-image{width:100%;max-height:420px;object-fit:cover;border-radius:var(--radius-md);margin-bottom:var(--space-4);display:block}.tag{display:inline-flex;align-items:center;font-size:11px;letter-spacing:.02em;padding:3px 10px;border-radius:999px}.tag-accent{background:var(--color-accent-100);color:var(--color-accent-800)}.tag-accent-2{background:var(--color-accent-2-100);color:var(--color-accent-2-800)}.tag-neutral{background:var(--color-neutral-100);color:var(--color-neutral-800)}.nav{display:flex;align-items:center;gap:var(--space-4);max-width:1100px;margin:0 auto;padding:var(--space-4)}.nav-brand{font-family:var(--font-heading);font-weight:400;font-size:18px;margin-right:auto;color:var(--color-text)}.nav a{color:inherit;text-decoration:none;font-size:14px}.nav a:hover,.nav a[aria-current=page]{color:var(--color-accent)}.nav-links{display:flex;align-items:center;gap:var(--space-4)}@media(max-width:640px){.nav{flex-wrap:wrap;gap:var(--space-2) var(--space-3)}.nav-links{gap:var(--space-3);flex-wrap:wrap}}.site-footer{max-width:1100px;margin:0 auto;padding:var(--space-6) var(--space-4) var(--space-8);font-size:12px;color:color-mix(in srgb,var(--color-text) 55%,transparent);border-top:1px solid var(--color-divider)}.site-footer a{color:inherit}.hero{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-6);align-items:stretch;margin-bottom:var(--space-8)}.hero-copy{padding:var(--space-6);justify-content:center;gap:var(--space-3)}.hero-copy h1{margin:0;font-size:38px}.hero-copy .role{margin:0;font-size:16px;color:var(--color-accent-700);font-weight:600}.hero-copy .about{margin:var(--space-2) 0 0;font-size:15px;line-height:1.7;max-width:56ch}.hero-actions{display:flex;gap:var(--space-3);margin-top:var(--space-3);flex-wrap:wrap}.hero-image{border-radius:calc(var(--radius-lg) * 1.15);overflow:hidden;background:var(--color-surface)}.hero-image img{width:100%;height:100%;object-fit:cover}@media(max-width:760px){.hero{grid-template-columns:1fr}.hero-image{aspect-ratio:4/3}}.section-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-4)}.section-head h2{margin:0;font-size:26px}.resume-grid{display:grid;grid-template-columns:260px 1fr;gap:calc(var(--space-8) * 1.2);align-items:start}.resume-aside{display:flex;flex-direction:column;gap:var(--space-1);position:sticky;top:var(--space-4)}@media(max-width:760px){.resume-grid{grid-template-columns:1fr}.resume-aside{position:static}}.resume-aside h1{margin:var(--space-1) 0 0;font-size:32px;line-height:1.05}.resume-aside .sub{margin:var(--space-2) 0 0;font-size:14px;color:color-mix(in srgb,var(--color-text) 78%,transparent)}.r-h{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;margin:0 0 var(--space-3);padding-bottom:var(--space-2);border-bottom:2px solid var(--color-accent);color:var(--color-text)}.r-sub-h{font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:color-mix(in srgb,var(--color-text) 55%,transparent);margin:var(--space-4) 0 var(--space-2)}.r-entry{padding:var(--space-3) 0;border-bottom:1px solid var(--color-divider)}.r-entry-head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-2);flex-wrap:wrap}.r-entry-head p{margin:0;font-size:16px;font-weight:700}.r-entry-date{font-size:12px;color:color-mix(in srgb,var(--color-text) 55%,transparent)}.r-entry-sub{margin:2px 0 var(--space-2);font-size:13px;color:var(--color-accent-700)}.r-entry ul{margin:0;padding-left:1.15em;font-size:14px;line-height:1.7}.prose{font-size:16px;line-height:1.8}.prose h2{font-size:24px;margin-top:var(--space-8)}.prose h3{font-size:19px;margin-top:var(--space-6)}.prose p,.prose ul,.prose ol,.prose blockquote{margin:0 0 var(--space-4)}.prose ul,.prose ol{padding-left:1.3em}.prose blockquote{border-left:3px solid var(--color-accent);margin:0 0 var(--space-4);padding:var(--space-1) var(--space-4);color:color-mix(in srgb,var(--color-text) 78%,transparent);font-style:italic}.prose code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.88em;background:var(--color-surface);padding:.12em .4em;border-radius:4px}.prose pre{background:var(--color-neutral-900);color:var(--color-neutral-100);padding:var(--space-4);border-radius:var(--radius-md);overflow-x:auto}.prose pre code{background:none;padding:0;color:inherit}.prose table{width:100%;border-collapse:collapse;font-size:14px;margin:0 0 var(--space-4)}.prose th,.prose td{text-align:left;padding:var(--space-2);border-bottom:1px solid var(--color-divider)}.prose th{text-transform:uppercase;font-size:11px;letter-spacing:.06em;color:var(--color-accent-700)}.prose img{max-width:100%;height:auto;border-radius:var(--radius-md);display:block}.prose video{max-width:100%;border-radius:var(--radius-md);display:block;margin:0 0 var(--space-4)}.prose figure{margin:0 0 var(--space-4)}.prose figcaption{font-size:13px;margin-top:var(--space-2);text-align:center;color:color-mix(in srgb,var(--color-text) 55%,transparent)}.muted{color:color-mix(in srgb,var(--color-text) 55%,transparent);font-size:14px}