:root{--bg:#f7f7f7;--bg-2:#f1f3f5;--card:#fff;--chip:#eef2f6;--tint:#e7eef5;--line:#dfe4ea;--ink:#174876;--ink-press:#123a5f;--ink-2:#457eab;--t1:#16202a;--t2:#45525e;--t3:#5e6b78;--display:"Outfit","Noto Sans TC",system-ui,sans-serif;--sans:"Noto Sans TC","Outfit",system-ui,sans-serif;--wordmark:var(--display);--r-pill:999px;--r-card:24px;--r-media:18px;--r-chip:12px;--sh-nav:0 1px 2px #1748760d, 0 8px 28px #17487617;--sh-card:0 1px 2px #1748760a, 0 6px 22px #1748760f;--sh-card-h:0 2px 4px #1748760d, 0 14px 36px #1748761f;--maxw:1180px;--type-page-title-size:clamp(2.2rem,4.6vw,3.6rem);--type-hero-size:clamp(2.2rem,4.6vw,3.6rem);--fs-display:var(--type-page-title-size);--fs-h2:1.6875rem;--fs-h3:1.25rem;--fs-lead:1.09375rem;--fs-body:1rem;--fs-meta:.8125rem;--space-2xs:4px;--space-xs:8px;--space-sm:16px;--space-md:24px;--space-lg:32px;--space-xl:48px;--space-2xl:64px;--space-3xl:96px;--space-card:18px;--space-section:52px;--type-about-section-size:2.125rem;--type-blog-mobile-title-size:1.125rem;--r-menu-item:16px;--control-min-size:44px;--leading-body:2;--leading-compact:1.85;--leading-list:1.8;--type-metric-size:2rem;--type-metric-primary-size:3.125rem;--content-blog-max:900px;--motion-enter-duration:.6s;--motion-enter-distance:12px;--motion-enter-ease:cubic-bezier(.22,1,.36,1);--motion-enter-stagger:80ms;--color-bg-page:var(--bg);--color-bg-surface:var(--card);--color-text-primary:var(--t1);--color-text-secondary:var(--t2);--color-text-muted:var(--t3);--color-action-primary:var(--ink);--color-text-on-accent:#fff;--color-border-subtle:var(--line)}.skip-link{z-index:9999;color:#fff;background:#174876;border-radius:12px;padding:12px 20px;position:fixed;top:-100px;left:16px}.skip-link:focus{top:16px}@media (width<=600px){.filters{flex-wrap:wrap}.filters button{white-space:normal}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{font-size:var(--fs-body)}:is(.btn,.back,.filters button,.blog-filters a,.blog-footer a){min-height:var(--control-min-size);justify-content:center;align-items:center;display:inline-flex}.filters button[aria-pressed=true]{font-weight:700}:is(.btn,.back,.filters button,.blog-filters a,.blog-footer a):focus-visible{outline:2px solid var(--ink);outline-offset:3px}:is(.btn,.back,.filters button,.blog-filters a):active{box-shadow:inset 0 0 0 2px var(--ink)}.btn-solid:active{box-shadow:inset 0 0 0 2px var(--color-text-on-accent)}:is(h1,h2,h3,h4,p,.chip,.idx){overflow-wrap:anywhere}.chips>*{min-width:0;max-width:100%}#main-content .motion-enter{animation:home-content-enter var(--motion-enter-duration) var(--motion-enter-ease) backwards}.about-hero h1,.blog-heading h1,#main-content>.title h1{animation:page-title-enter var(--motion-enter-duration) var(--motion-enter-ease) backwards}@keyframes home-content-enter{0%{opacity:.35;transform:translateY(var(--motion-enter-distance))}to{opacity:1;transform:translateY(0)}}@keyframes page-title-enter{0%{transform:translateY(8px)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){#main-content .motion-enter,.about-hero h1,.blog-heading h1,#main-content>.title h1{animation:none!important}}body{isolation:isolate}.cursor-glow{z-index:-1;aspect-ratio:1;pointer-events:none;opacity:0;will-change:transform;background:radial-gradient(circle,#5ba0d324 0%,#79b4dd14 32%,#5ba0d308 52%,#0000 70%);border-radius:50%;width:400px;transition:opacity .28s ease-out;position:fixed;top:0;left:0}.cursor-glow.is-visible{opacity:1}@media (prefers-reduced-motion:reduce){.cursor-glow{display:none}}.site-header{z-index:40;padding:0 var(--space-lg,32px);margin:0 0 var(--space-xs,8px);flex-shrink:0;position:relative;top:16px}.site-header.is-floating{position:sticky}.site-nav{max-width:var(--maxw,1180px);min-height:80px;box-shadow:none;background:0 0;border:1px solid #0000;border-radius:0;align-items:center;gap:16px;margin:0 auto;padding:8px 24px;transition:background-color .2s,border-color .2s,box-shadow .2s,border-radius .2s;display:flex;position:relative}.site-header.is-floating .site-nav{background:var(--card,#fff);border-color:var(--line,#dfe4ea);border-radius:var(--r-pill,999px);box-shadow:var(--sh-nav,0 8px 28px #17487617)}.site-brand-track{--logo-size:52px;flex:1;min-width:52px;height:52px;position:relative}.site-wordmark{width:var(--logo-size);height:var(--logo-size);justify-content:center;align-items:center;animation:90s linear infinite logo-walk,6s ease-in-out infinite logo-bob;display:flex;position:absolute;left:0}.site-wordmark img{object-fit:contain;width:100%;height:100%;animation:90s step-end infinite logo-turn;display:block}@keyframes logo-walk{0%,5%,95%,to{left:0}45%,55%{left:calc(100% - var(--logo-size))}}@keyframes logo-bob{0%,to{transform:translateY(0)}25%{transform:translateY(-2px)}75%{transform:translateY(2px)}}@keyframes logo-turn{0%,to{transform:scaleX(1)}50%{transform:scaleX(-1)}}.site-brand-track.is-static .site-wordmark,.site-brand-track.is-static img{animation:none}.site-nav .site-links{gap:4px;margin:0;padding:0;list-style:none}.site-nav .site-desktop-links{align-items:center;display:flex}.site-nav .site-links a{min-height:44px;font-family:var(--display,system-ui);font-size:var(--fs-body,1rem);color:var(--t2,#45525e);white-space:nowrap;border-radius:var(--r-pill,999px);align-items:center;padding:8px 16px;font-weight:500;line-height:1.7;transition:background-color .15s,color .15s;display:flex}.site-nav .site-links a[aria-current=page]{background:var(--tint,#e7eef5);color:var(--ink,#174876);font-weight:600}.site-nav details{flex-shrink:0;position:relative}.site-nav summary{cursor:pointer;min-height:44px;font:500 var(--fs-body,1rem)/1.7 var(--display,system-ui);color:var(--t1,#16202a);white-space:nowrap;border:1px solid var(--line,#dfe4ea);border-radius:var(--r-pill,999px);background:0 0;justify-content:center;align-items:center;gap:8px;padding:8px 16px;list-style:none;display:flex}.site-nav summary::-webkit-details-marker{display:none}.site-nav summary svg{flex-shrink:0;width:16px;height:16px}.site-nav details[open]>summary{background:var(--tint,#e7eef5);color:var(--ink,#174876)}.site-nav .language-options,.site-nav .site-mobile-links{background:var(--card,#fff);border:1px solid var(--line,#dfe4ea);border-radius:var(--r-card,24px);box-shadow:var(--sh-nav,0 8px 28px #17487617);min-width:176px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 128px);padding:8px;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto}.site-nav .language-options>*{min-height:44px;font:500 var(--fs-body,1rem)/1.7 var(--display,system-ui);border-radius:var(--r-menu-item);white-space:nowrap;justify-content:space-between;align-items:center;gap:16px;padding:8px 16px;display:flex}.language-current{background:var(--tint,#e7eef5);color:var(--ink,#174876)}.language-unavailable{color:var(--t3,#5e6b78);font-size:var(--fs-meta,13px)!important}.site-nav .site-menu{display:none}.site-nav :is(a,summary):focus-visible{outline:2px solid var(--ink,#174876);outline-offset:3px}@media (hover:hover) and (pointer:fine){.site-nav .site-links a:hover,.site-nav summary:hover,.site-nav .language-switch:hover{background:var(--chip,#eef2f6);color:var(--ink,#174876)}}@media (width<=1000px){.site-header{padding:0 16px}.site-nav{gap:8px;min-height:64px;padding:8px 16px}.site-nav .site-desktop-links{display:none}.site-nav .site-menu{display:block;position:static}.site-nav .site-mobile-links{flex-direction:column;min-width:224px;display:flex}.site-nav .site-mobile-links a{width:100%}.site-brand-track{--logo-size:44px;min-width:44px;height:44px}.site-wordmark,.site-wordmark img{animation:none}}@media (width<=360px){.site-nav{gap:4px;padding:8px}.site-nav summary{padding:8px}.site-wordmark{font-size:var(--fs-meta,13px)}}@media (prefers-reduced-motion:reduce){.site-nav,.site-nav *{transition:none!important}.site-wordmark,.site-wordmark img{animation:none!important}}