:root{color-scheme:dark;--bg-0:#0B0F0E;--bg-1:#111815;--bg-2:#182220;--text-1:#E6EDEA;--text-2:#A3B4AC;--text-3:#7A8B82;--accent:#3DDC84;--accent-hover:#59E699;--accent-ink:#08130C;--accent-soft:rgba(61, 220, 132, 0.08);--border-1:#24312B;--border-2:#33443C;--border-input:#7A8B82;--code-comment:#7A8B82;--focus:#3DDC84;--shadow-1:0 1px 2px rgba(3, 15, 9, 0.5);--shadow-2:0 8px 24px rgba(3, 15, 9, 0.45);--radius-1:4px;--radius-2:10px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--space-10:128px;--z-nav:10;--z-menu:20;--z-progress:30;--z-skip:40;--container:1200px;--gutter:24px;--font-display:"Space Grotesk", var(--font-body);--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "PingFang TC", "Microsoft JhengHei",
    "Noto Sans TC", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo,
    Consolas, "PingFang TC", monospace;--fs-display:clamp(3rem, 2.2rem + 4vw, 4.5rem);--fs-h1:clamp(2rem, 1.6rem + 1.8vw, 2.625rem);--fs-h2:clamp(1.5rem, 1.35rem + 0.8vw, 1.875rem);--fs-h3:1.3125rem;--fs-h4:1.125rem;--fs-body:1rem;--fs-article:1.0625rem;--fs-small:0.875rem;--fs-mono-label:0.75rem;--fs-mono-stat:clamp(1.75rem, 1.4rem + 1.5vw, 2.5rem);--ease:cubic-bezier(0.16, 1, 0.3, 1)}html[data-theme=light],body.pdf-export{color-scheme:light;--bg-0:#F4F7F5;--bg-1:#FCFDFC;--bg-2:#E9EFEB;--text-1:#1A211D;--text-2:#46564D;--text-3:#64756B;--accent:#15803D;--accent-hover:#0F6630;--accent-ink:#F4F7F5;--accent-soft:rgba(21, 128, 61, 0.07);--border-1:#D5DED8;--border-2:#B9C6BE;--border-input:#64756B;--code-comment:#46564D;--focus:#15803D;--shadow-1:0 1px 2px rgba(15, 35, 25, 0.06);--shadow-2:0 8px 24px rgba(15, 35, 25, 0.10)}@font-face{font-family:space grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/SpaceGrotesk-var-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:jetbrains mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/fonts/JetBrainsMono-var-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}*,*::before,*::after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{font-family:var(--font-body);font-size:var(--fs-body);line-height:1.6;color:var(--text-1);background-color:var(--bg-0);-webkit-font-smoothing:antialiased}img,svg,video{display:block;max-width:100%}img,video{height:auto}input,button,textarea,select{font:inherit;color:inherit}h1,h2,h3{font-family:var(--font-display);font-weight:600;line-height:1.2;text-wrap:balance}h1{font-size:var(--fs-h1);font-weight:700;line-height:1.12}h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-h3);line-height:1.3}h4,h5,h6{font-size:var(--fs-h4);font-weight:600;line-height:1.4}:lang(en) h1,:lang(en) h2,:lang(en) .display{letter-spacing:-.02em}:lang(zh-tw) h1,:lang(zh-tw) h2,:lang(zh-tw) h3,:lang(zh-tw) .display{letter-spacing:0}:lang(zh-tw){font-synthesis-weight:none}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover);text-decoration:underline;text-underline-offset:3px}::selection{background:var(--accent);color:var(--accent-ink)}code,kbd,pre{font-family:var(--font-mono)}time,.num{font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}:focus:not(:focus-visible){outline:none}.skip-link{position:absolute;top:0;left:var(--space-4);z-index:var(--z-skip);padding:var(--space-2)var(--space-4);background:var(--accent);color:var(--accent-ink);border-radius:0 0 var(--radius-1)var(--radius-1);font-weight:600;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0);color:var(--accent-ink);text-decoration:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.container{max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}@media(max-width:767px){.container{padding-inline:var(--space-4)}}.icon{display:inline-block;width:1.25em;height:1.25em;vertical-align:-.25em}@media(prefers-reduced-motion:no-preference){body,.site-nav,.cell,.card{transition:background-color 200ms var(--ease),color 200ms var(--ease),border-color 200ms var(--ease)}}body.pdf-export *,body.pdf-export *::before,body.pdf-export *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}.site-nav{position:sticky;top:0;z-index:var(--z-nav);height:64px;background:color-mix(in srgb,var(--bg-0) 85%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-1)}.nav-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);height:100%}.nav-brand{display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-display);font-weight:600;font-size:1.0625rem;color:var(--text-1)}.nav-brand:hover{color:var(--text-1);text-decoration:none}.nav-brand img{width:28px;height:28px;border-radius:var(--radius-1)}.nav-links{display:flex;align-items:center;gap:var(--space-5);list-style:none;padding:0}.nav-links a{color:var(--text-2);font-size:var(--fs-small);font-weight:500;padding-block:var(--space-2);text-decoration:none;background-image:linear-gradient(var(--accent),var(--accent));background-repeat:no-repeat;background-position:0 100%;background-size:0 2px}.nav-links a:hover{color:var(--text-1)}.nav-links a[aria-current=page],.nav-links a[aria-current=true]{color:var(--text-1);background-size:100% 2px}@media(prefers-reduced-motion:no-preference){.nav-links a{transition:background-size 150ms var(--ease),color 150ms var(--ease)}.nav-links a:hover{background-size:100% 2px}}.nav-actions{display:flex;align-items:center;gap:var(--space-4)}.lang-switch{font-family:var(--font-mono);font-size:var(--fs-mono-label);color:var(--text-2);border:1px solid var(--border-input);border-radius:var(--radius-1);padding:var(--space-1)var(--space-2)}.lang-switch:hover{color:var(--accent);border-color:var(--accent);text-decoration:none}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:0 0;border:1px solid var(--border-input);border-radius:var(--radius-1);color:var(--text-2);cursor:pointer}.theme-toggle:hover{color:var(--accent);border-color:var(--accent)}.theme-toggle .icon{width:18px;height:18px;vertical-align:0}html[data-theme=dark] .theme-toggle .icon-sun{display:block}html[data-theme=dark] .theme-toggle .icon-moon{display:none}html[data-theme=light] .theme-toggle .icon-sun{display:none}html[data-theme=light] .theme-toggle .icon-moon{display:block}.nav-menu{position:relative;display:none}.nav-menu>summary{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border-input);border-radius:var(--radius-1);color:var(--text-2);cursor:pointer;list-style:none}.nav-menu>summary::-webkit-details-marker{display:none}.nav-menu>summary .icon{width:18px;height:18px;vertical-align:0}.nav-menu[open]>summary{color:var(--accent);border-color:var(--accent)}.nav-menu[open]>summary .icon-menu{display:none}.nav-menu>summary .icon-close{display:none}.nav-menu[open]>summary .icon-close{display:block}.nav-panel{position:absolute;top:calc(100% + var(--space-3));right:0;z-index:var(--z-menu);min-width:220px;padding:var(--space-2);background:var(--bg-1);border:1px solid var(--border-1);border-radius:var(--radius-2);box-shadow:var(--shadow-2)}.nav-panel ul{list-style:none;margin:0;padding:0}.nav-panel a{display:block;padding:var(--space-3)var(--space-4);color:var(--text-1);border-radius:var(--radius-1);text-decoration:none}.nav-panel a:hover{background:var(--bg-2);color:var(--accent)}.nav-panel a[aria-current=page]{color:var(--accent)}@media(prefers-reduced-motion:no-preference){.nav-panel{transition:opacity 150ms var(--ease),translate 150ms var(--ease)}@starting-style{.nav-menu[open] .nav-panel {
      opacity: 0;
      translate: 0 -4px;
    }
  }}@media(max-width:767px){.nav-desktop{display:none}.nav-menu{display:block}}.site-footer{margin-top:var(--space-9);border-top:1px solid var(--border-1);background:var(--bg-1)}.footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-7);padding-block:var(--space-8)}.footer-brand{display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-display);font-weight:600;color:var(--text-1)}.footer-brand img{width:32px;height:32px;border-radius:var(--radius-1)}.footer-tagline{margin-top:var(--space-4);color:var(--text-2);font-size:var(--fs-small);max-width:32ch}.footer-col h2{font-size:var(--fs-h4);margin-bottom:var(--space-4)}.footer-col ul{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-3)}.footer-col a{color:var(--text-2);font-size:var(--fs-small)}.footer-col a:hover{color:var(--accent)}.footer-col .icon{width:1em;height:1em;vertical-align:-.125em;margin-right:var(--space-2)}.footer-bottom{border-top:1px solid var(--border-1);padding-block:var(--space-5);color:var(--text-3);font-size:var(--fs-small)}@media(max-width:767px){.footer-grid{grid-template-columns:1fr;gap:var(--space-6);padding-block:var(--space-7)}}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-5);border-radius:var(--radius-1);font-family:var(--font-display);font-weight:600;font-size:var(--fs-body);line-height:1;white-space:nowrap;cursor:pointer;text-decoration:none;border:1px solid transparent}.btn:hover{text-decoration:none}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-primary:hover{background:var(--accent-hover);color:var(--accent-ink)}.btn-outline{border-color:var(--border-2);color:var(--text-1);background:0 0}.btn-outline:hover{border-color:var(--accent);color:var(--accent)}@media(prefers-reduced-motion:no-preference){.btn{transition:background-color 200ms var(--ease),color 200ms var(--ease),border-color 200ms var(--ease),transform 150ms var(--ease)}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(1px)}}.badge{display:inline-block;font-family:var(--font-mono);font-size:var(--fs-mono-label);font-weight:500;letter-spacing:.08em;text-transform:uppercase;padding:var(--space-1)var(--space-2);border-radius:var(--radius-1);line-height:1.4}.badge-planned{border:1px solid var(--border-2);color:var(--text-2)}.badge-building{border:1px solid var(--accent);color:var(--accent)}.badge-live{background:var(--accent);color:var(--accent-ink)}.tag{display:inline-block;font-family:var(--font-mono);font-size:var(--fs-mono-label);color:var(--text-2);border:1px solid var(--border-1);border-radius:var(--radius-1);padding:var(--space-1)var(--space-2);line-height:1.4;text-decoration:none}a.tag:hover{color:var(--accent);border-color:var(--accent);text-decoration:none}.tag-list{display:flex;flex-wrap:wrap;gap:var(--space-2);list-style:none;margin:0;padding:0}.card,.cell{background:var(--bg-1);border:1px solid var(--border-1);border-radius:var(--radius-2);overflow:hidden}@media(prefers-reduced-motion:no-preference){a.card,a.cell,.card:has(>a),.hoverable{transition:border-color 200ms var(--ease),transform 200ms var(--ease),box-shadow 200ms var(--ease)}}a.card:hover,a.cell:hover,.hoverable:hover{border-color:var(--border-2);transform:translateY(-2px);box-shadow:var(--shadow-2);text-decoration:none}.mono-label{font-family:var(--font-mono);font-size:var(--fs-mono-label);font-weight:500;color:var(--text-3);line-height:1.2}.mono-stat{font-family:var(--font-mono);font-size:var(--fs-mono-stat);font-weight:500;font-variant-numeric:tabular-nums;color:var(--text-1);line-height:1.1}.meta{color:var(--text-3);font-size:var(--fs-small);font-variant-numeric:tabular-nums}.pagination{display:flex;justify-content:center;gap:var(--space-2);list-style:none;margin:var(--space-8)0 0;padding:0;font-family:var(--font-mono);font-size:var(--fs-small)}.pagination a,.pagination span{display:inline-block;min-width:36px;padding:var(--space-2)var(--space-3);text-align:center;border:1px solid var(--border-1);border-radius:var(--radius-1);color:var(--text-2);text-decoration:none}.pagination a:hover{color:var(--accent);border-color:var(--accent)}.pagination .current{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}.pagination .disabled{opacity:.4}.text-link{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-weight:600;color:var(--accent)}.text-link .icon{width:1em;height:1em;vertical-align:0}@media(prefers-reduced-motion:no-preference){.text-link .icon{transition:transform 150ms var(--ease)}.text-link:hover .icon{transform:translateX(3px)}}.home-section{padding-block:var(--space-9)}@media(max-width:767px){.home-section{padding-block:56px}}.home-section>.container>h2{margin-bottom:var(--space-6)}.hero-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--space-6);align-items:center}.hero-copy{grid-column:1/8}.hero-visual{grid-column:8/13}.hero-eyebrow{font-family:var(--font-mono);font-size:var(--fs-small);color:var(--text-2);margin-bottom:var(--space-4)}.hero-title{font-size:var(--fs-display);font-weight:700;line-height:1.02;margin-bottom:var(--space-5)}.hero-title .accent-dot{color:var(--accent)}.hero-sub{color:var(--text-2);font-size:1.125rem;line-height:1.6;max-width:46ch;margin-bottom:var(--space-6)}.hero-ctas{display:flex;flex-wrap:wrap;gap:var(--space-4)}.hero-card{background:var(--bg-1);background-image:radial-gradient(var(--border-1) 1px,transparent 1px);background-size:16px 16px;border:1px solid var(--border-1);border-radius:var(--radius-2);box-shadow:var(--shadow-2);padding:var(--space-6)}.hero-card img{margin-inline:auto;border-radius:var(--radius-2)}@media(prefers-reduced-motion:no-preference){@keyframes rise-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.hero-eyebrow,.hero-title,.hero-sub,.hero-ctas,.hero-visual{animation:rise-in 500ms var(--ease)backwards}.hero-title{animation-delay:60ms}.hero-sub{animation-delay:120ms}.hero-ctas{animation-delay:180ms}.hero-visual{animation-delay:240ms}}@media(max-width:767px){.hero-copy,.hero-visual{grid-column:1/-1}.hero-visual{max-width:280px}.hero-ctas .btn{flex:auto;justify-content:center}}.status-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-6)}.status-head h2{margin-bottom:0}.status-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-template-areas:"latest latest latest latest latest latest posts posts posts tags tags tags" "latest latest latest latest latest latest build build build build build build" "inv    inv    inv    inv    life   life   life   life   clip  clip  clip  clip";grid-auto-rows:minmax(110px,auto);gap:var(--space-4)}.cell-latest{grid-area:latest}.cell-posts{grid-area:posts}.cell-tags{grid-area:tags}.cell-build{grid-area:build}.cell-inv{grid-area:inv}.cell-life{grid-area:life}.cell-clip{grid-area:clip}.cell{display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-3);padding:var(--space-5)}.cell-latest{position:relative;padding:0;min-height:236px}.cell-latest img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cell-latest .cell-overlay{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:var(--space-2);height:100%;padding:var(--space-5);background:linear-gradient( 180deg,rgba(4,10,7,0) 30%,rgba(4,10,7,.82) 78% )}.cell-latest h3{color:#e6edea;font-size:var(--fs-h3)}.cell-latest .mono-label,.cell-latest .meta{color:#a3b4ac}.cell-stat .mono-stat{margin-top:auto}.cell-build{flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3)}.cell-build .mono-stat{font-size:1.125rem}.cell-stub{background-image:linear-gradient( 135deg,var(--accent-soft),transparent 60% )}.cell-stub h3{font-size:var(--fs-h4)}.cell-stub p{color:var(--text-2);font-size:var(--fs-small);line-height:1.5}.cell-stub .badge{align-self:flex-start}@media(max-width:1023px){.status-grid{grid-template-areas:"latest latest latest latest latest latest latest latest latest latest latest latest" "posts  posts  posts  posts  posts  posts  tags   tags   tags   tags   tags   tags" "build  build  build  build  build  build  build  build  build  build  build  build" "inv    inv    inv    inv    inv    inv    inv    inv    inv    inv    inv    inv" "life   life   life   life   life   life   life   life   life   life   life   life" "clip   clip   clip   clip   clip   clip   clip   clip   clip   clip   clip   clip"}}.projects-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--space-5)}.project-card{display:flex;flex-direction:column}.project-card:nth-child(4n+1){grid-column:span 7}.project-card:nth-child(4n+2){grid-column:span 5}.project-card:nth-child(4n+3){grid-column:span 5}.project-card:nth-child(4n+4){grid-column:span 7}.project-card .project-shot{aspect-ratio:16/9;overflow:hidden;border-bottom:1px solid var(--border-1)}.project-card:nth-child(4n+2) .project-shot,.project-card:nth-child(4n+3) .project-shot{aspect-ratio:4/3}.project-shot img{width:100%;height:100%;object-fit:cover}.project-body{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);flex:1}.project-body p{color:var(--text-2);font-size:var(--fs-small);line-height:1.55}.project-links{display:flex;align-items:center;gap:var(--space-4);margin-top:auto;padding-top:var(--space-2)}.project-links a{color:var(--text-2);display:inline-flex}.project-links a:hover{color:var(--accent)}.project-links img{width:20px;height:20px}.project-links .icon{width:20px;height:20px;vertical-align:0}@media(max-width:1023px){.project-card:nth-child(n){grid-column:1/-1}}.writing-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-6)}.writing-row{display:grid;grid-template-columns:8ch 1fr;gap:var(--space-5);align-items:baseline}.writing-row time{font-family:var(--font-mono);font-size:var(--fs-small);color:var(--text-3)}.writing-row h3{margin-bottom:var(--space-1)}.writing-row h3 a{color:var(--text-1)}.writing-row h3 a:hover{color:var(--accent);text-decoration:none}.writing-row p{color:var(--text-2);font-size:var(--fs-small);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.writing-more{margin-top:var(--space-6)}@media(max-width:767px){.writing-row{grid-template-columns:1fr;gap:var(--space-1)}}.about-head{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6)}.about-head img{width:56px;height:56px;border-radius:var(--radius-2);object-fit:cover}.about-head h2{margin-bottom:0}.about-prose{max-width:65ch;display:grid;gap:var(--space-4);color:var(--text-2);line-height:1.7}.skills-row{margin-top:var(--space-6)}.skills-row h3{font-size:var(--fs-h4);margin-bottom:var(--space-3)}.experience-block{margin-top:var(--space-7)}.experience-block>h3{font-size:var(--fs-h4);margin-bottom:var(--space-5)}.timeline{list-style:none;margin:0;padding:0;border-left:2px solid var(--border-1);display:grid;gap:var(--space-6)}.timeline li{padding-left:var(--space-5)}.timeline .role{font-weight:600;color:var(--text-1)}.timeline .org a{color:var(--text-2)}.timeline .org a:hover{color:var(--accent)}.timeline time{display:block;font-family:var(--font-mono);font-size:var(--fs-small);color:var(--text-3);margin-top:var(--space-1)}.contact-band{background:var(--bg-1);border-top:1px solid var(--border-1);border-bottom:1px solid var(--border-1);text-align:center}.contact-band p{color:var(--text-2);max-width:44ch;margin:var(--space-4)auto var(--space-6)}.list-page{padding-block:var(--space-8)}.list-page>.container>h1{margin-bottom:var(--space-6)}.list-intro{color:var(--text-2);max-width:65ch;margin-bottom:var(--space-7)}.post-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-7)}.post-row{display:grid;grid-template-columns:200px 1fr;gap:var(--space-5);align-items:start}.post-thumb{aspect-ratio:16/9;border-radius:var(--radius-2);border:1px solid var(--border-1);overflow:hidden}.post-thumb img{width:100%;height:100%;object-fit:cover}@media(prefers-reduced-motion:no-preference){.post-thumb img{transition:transform 300ms var(--ease)}.post-row:hover .post-thumb img{transform:scale(1.02)}}.post-row h2,.post-row h3{font-size:var(--fs-h3);margin-bottom:var(--space-2)}.post-row h2 a,.post-row h3 a{color:var(--text-1)}.post-row h2 a:hover,.post-row h3 a:hover{color:var(--accent);text-decoration:none}.post-row .meta{margin-bottom:var(--space-2)}.post-row .summary{color:var(--text-2);font-size:var(--fs-small);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:var(--space-3)}@media(max-width:767px){.post-row{grid-template-columns:1fr}.post-thumb{max-width:100%}}.term-cloud{display:flex;flex-wrap:wrap;gap:var(--space-3);list-style:none;margin:0;padding:0}.term-cloud .tag{font-size:var(--fs-small);padding:var(--space-2)var(--space-3)}.term-cloud .count{color:var(--text-3)}.article-page{padding-block:var(--space-8)}.article-grid{display:grid;grid-template-columns:minmax(0,65ch)260px;gap:var(--space-8);justify-content:center}@media(max-width:1199px){.article-grid{grid-template-columns:minmax(0,65ch)}.article-aside{display:none}}.article-header{margin-bottom:var(--space-6)}.article-header h1{margin-bottom:var(--space-4)}.article-meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);color:var(--text-3);font-size:var(--fs-small);font-variant-numeric:tabular-nums}.lang-toggle{display:inline-flex;gap:var(--space-1);font-family:var(--font-mono)}.lang-toggle a,.lang-toggle span{padding:0 var(--space-1)}.lang-toggle .active{color:var(--accent);font-weight:600}.article-cover{border-radius:var(--radius-2);border:1px solid var(--border-1);overflow:hidden;margin-block:var(--space-6)}.toc-inline{margin-block:var(--space-6);border:1px solid var(--border-1);border-radius:var(--radius-2);background:var(--bg-1)}.toc-inline summary{padding:var(--space-4);font-family:var(--font-display);font-weight:600;cursor:pointer}.toc-inline>nav{padding:0 var(--space-4)var(--space-4)}@media(min-width:1200px){.toc-inline{display:none}}.article-aside .toc-sticky{position:sticky;top:88px}.toc-sticky h2{font-size:var(--fs-h4);margin-bottom:var(--space-3)}#TableOfContents ul{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2);font-size:var(--fs-small)}#TableOfContents ul ul{padding-left:var(--space-4);margin-top:var(--space-2)}#TableOfContents a{color:var(--text-2)}#TableOfContents a:hover{color:var(--accent)}.article-body{font-size:var(--fs-article);line-height:1.75;overflow-wrap:anywhere}.article-body:lang(zh-tw){line-height:1.9}.article-body>*+*{margin-top:var(--space-5)}.article-body h2{font-size:var(--fs-h3);margin-top:var(--space-7)}.article-body h3{font-size:var(--fs-h4);margin-top:var(--space-6)}.article-body h2:target,.article-body h3:target{color:var(--accent)}.article-body ul,.article-body ol{padding-left:1.4em;display:grid;gap:var(--space-2)}.article-body blockquote{border-left:3px solid var(--accent);padding-left:var(--space-4);color:var(--text-2)}.article-body img{border-radius:var(--radius-2);margin-inline:auto}.article-body figcaption{color:var(--text-3);font-size:var(--fs-small);text-align:center;margin-top:var(--space-2)}.article-body table{width:100%;border-collapse:collapse;font-size:var(--fs-small);display:block;overflow-x:auto}.article-body th,.article-body td{text-align:left;padding:var(--space-2)var(--space-3);border-bottom:1px solid var(--border-1)}.article-body th{color:var(--text-1);font-weight:600}.article-body hr{border:0;border-top:1px solid var(--border-1)}.article-body code{background:var(--bg-2);border-radius:var(--radius-1);padding:.15em .35em;font-size:.9em}.article-body pre code{background:0 0;padding:0;font-size:var(--fs-small)}.highlight{position:relative}.highlight pre,.article-body pre{background:var(--bg-2);border:1px solid var(--border-1);border-radius:var(--radius-2);padding:var(--space-5);overflow-x:auto;line-height:1.6}.highlight [data-lang]::before{content:attr(data-lang);position:absolute;top:var(--space-2);right:var(--space-3);font-family:var(--font-mono);font-size:var(--fs-mono-label);color:var(--text-3);text-transform:lowercase}.chroma{color:var(--text-1)}.chroma .c,.chroma .ch,.chroma .cm,.chroma .c1,.chroma .cs,.chroma .cp,.chroma .cpf{color:var(--code-comment);font-style:italic}.chroma .k,.chroma .kc,.chroma .kd,.chroma .kn,.chroma .kp,.chroma .kr,.chroma .kt,.chroma .nf,.chroma .fm,.chroma .nt{color:var(--accent)}.chroma .s,.chroma .sa,.chroma .sb,.chroma .sc,.chroma .dl,.chroma .sd,.chroma .s2,.chroma .s1,.chroma .ss,.chroma .m,.chroma .mb,.chroma .mf,.chroma .mh,.chroma .mi,.chroma .il,.chroma .mo{color:var(--text-2)}.mermaid-container{background:var(--bg-1);border:1px solid var(--border-1);border-radius:var(--radius-2);padding:var(--space-4);margin-block:var(--space-5)}.mermaid{background:0 0!important;font-family:inherit!important;text-align:center}.article-foot{margin-top:var(--space-7);display:grid;gap:var(--space-5)}.share-row{display:flex;align-items:center;gap:var(--space-4);color:var(--text-3);font-size:var(--fs-small)}.share-row a{color:var(--text-2);display:inline-flex}.share-row a:hover{color:var(--accent)}.post-nav{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-top:var(--space-7);padding-top:var(--space-6);border-top:1px solid var(--border-1)}.post-nav a{display:grid;gap:var(--space-1);color:var(--text-1);padding:var(--space-4);border:1px solid var(--border-1);border-radius:var(--radius-2)}.post-nav a:hover{border-color:var(--border-2);color:var(--accent);text-decoration:none}.post-nav .direction{font-family:var(--font-mono);font-size:var(--fs-mono-label);color:var(--text-3)}.post-nav .next{text-align:right}@media(max-width:767px){.post-nav{grid-template-columns:1fr}}.read-progress{position:fixed;inset:0 0 auto 0;height:2px;background:var(--accent);transform-origin:0 50%;transform:scaleX(0);z-index:var(--z-progress);animation:grow-progress linear both;animation-timeline:scroll(root)}@keyframes grow-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}.donate-page{padding-block:var(--space-8)}.donate-page .narrow{max-width:65ch;margin-inline:auto;display:grid;gap:var(--space-5);text-align:center;justify-items:center}.notfound{min-height:60dvh;display:grid;place-content:center;justify-items:center;gap:var(--space-5);text-align:center;padding-block:var(--space-9)}.notfound .code{font-family:var(--font-mono);font-size:var(--fs-display);font-weight:500;color:var(--text-3);line-height:1}.notfound img{width:160px;border-radius:var(--radius-2)}.notfound-links{display:flex;gap:var(--space-5)}.earnings-page{padding-block:var(--space-8)}.earnings-page .earn-wrap{max-width:45rem;margin-inline:auto}.earnings-page h1{margin-bottom:var(--space-4)}.earnings-page .cal-wrap{max-width:60rem;margin-inline:auto}.earn-updated{margin-block:var(--space-4)}.cal-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4);margin-block:var(--space-5)}.cal-toggle{display:inline-flex;border:1px solid var(--border-1);border-radius:var(--radius-1);overflow:hidden}.cal-toggle button{font-family:var(--font-mono);font-size:var(--fs-mono-label);letter-spacing:.08em;background:0 0;border:0;color:var(--text-2);padding:var(--space-2)var(--space-4);cursor:pointer}.cal-toggle button.is-active{background:var(--accent);color:var(--accent-ink)}.cal-nav{display:flex;align-items:center;gap:var(--space-3)}.cal-nav button{background:0 0;border:1px solid var(--border-1);border-radius:var(--radius-1);color:var(--text-2);font-size:var(--fs-body);line-height:1;padding:var(--space-1)var(--space-3);cursor:pointer}.cal-nav button:hover:not(:disabled){color:var(--accent);border-color:var(--accent)}.cal-nav button:disabled{opacity:.35;cursor:default}.cal-week{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-3)}.cal-view[hidden],.cal-week[hidden],.cal-month[hidden]{display:none}.cal-day{background:var(--bg-1);border:1px solid var(--border-1);border-radius:var(--radius-2);padding:var(--space-3);min-height:9rem}.cal-day.is-today,.cal-cell.is-today{border-color:var(--accent)}.cal-day-head{font-size:var(--fs-small);font-weight:500;color:var(--text-2);margin-bottom:var(--space-3)}.cal-rows{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2)}.cal-entry{display:flex;align-items:center;gap:var(--space-2);min-width:0}.earn-logo{position:relative;flex:0 0 20px;width:20px;height:20px;border-radius:var(--radius-1);background:var(--bg-2);display:grid;place-content:center}.earn-logo::before{content:attr(data-mono);font-family:var(--font-mono);font-size:.6875rem;color:var(--text-3)}.earn-logo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;border-radius:var(--radius-1)}.cal-sym{color:var(--text-1);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.cal-sym:hover{color:var(--accent)}.cal-sess{font-family:var(--font-mono);font-size:.6875rem;line-height:1;padding:2px 4px;border:1px solid var(--border-1);border-radius:var(--radius-1);color:var(--text-3);flex:none}.cal-sess-bmo{border-color:var(--accent);color:var(--accent)}.cal-sess-amc{border-color:var(--border-2);color:var(--text-2)}.cal-month-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-2)}.cal-wd{text-align:center;padding-bottom:var(--space-1)}.cal-cell{background:var(--bg-1);border:1px solid var(--border-1);border-radius:var(--radius-1);padding:var(--space-2);min-height:7rem}.cal-cell.is-out{background:0 0;border-color:transparent}.cal-daynum{display:block;text-align:right;font-family:var(--font-mono);font-size:var(--fs-mono-label);color:var(--text-3);margin-bottom:var(--space-1)}.cal-more{display:block;margin-top:var(--space-1);font-family:var(--font-mono);font-size:.6875rem;color:var(--text-3)}.earn-credit{margin-top:var(--space-7);font-size:var(--fs-body);color:var(--text-2)}.earn-credit a{color:var(--text-2)}.earn-disclaimer{margin-top:var(--space-2)}@media(max-width:640px){.cal-week,.cal-month-grid{grid-template-columns:1fr}.cal-wd{display:none}.cal-cell.is-out{display:none}.cal-day,.cal-cell{min-height:0}}