:root{color-scheme:light dark;--color-bg:#fbfaf7;--color-surface:#fff;--color-text:#20201e;--color-muted:#68665f;--color-border:#dedbd2;--color-accent:#9f2f24;--color-accent-soft:#f7e9e5;--color-accent-contrast:#fff;--content-width:42rem;--list-width:48rem;--radius:.75rem;--shadow:0 .25rem 1.25rem #00000014}*{box-sizing:border-box}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}html{scroll-behavior:smooth;font-size:18px}body{background:var(--color-bg);color:var(--color-text);overflow-wrap:anywhere;text-rendering:optimizelegibility;margin:0;font-family:system-ui,-apple-system,PingFang TC,Noto Sans TC,sans-serif;line-height:1.75}a{color:var(--color-accent);text-underline-offset:.18em;text-decoration-thickness:.08em}a:focus-visible,button:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}.skip-link{background:var(--color-text);color:var(--color-bg);z-index:10;padding:.6rem;position:absolute;top:-5rem;left:1rem}.skip-link:focus{top:1rem}.site-header{border-bottom:1px solid var(--color-border)}.site-footer{border-top:1px solid var(--color-border);margin-top:4rem}.nav,.footer-inner,.list-container,.article-container{padding:1rem max(1rem, env(safe-area-inset-left));margin:auto}.nav,.footer-inner,.list-container{max-width:var(--list-width)}.nav{justify-content:space-between;align-items:center;gap:1rem;display:flex}.nav-links,.tags,.share{flex-wrap:wrap;gap:.5rem;display:flex}.nav a,.button,.tag{align-items:center;min-height:44px;padding:.25rem .65rem;display:inline-flex}.brand{color:var(--color-text);font-weight:800;text-decoration:none}main{min-height:70vh}.hero{max-width:38rem;padding:2.25rem 0 1.35rem}.hero p{color:var(--color-muted);text-wrap:pretty;margin:0;font-size:clamp(1rem,3vw,1.15rem);line-height:1.65}.hero h1,.article-header h1{letter-spacing:-.03em;text-wrap:balance;margin:.2rem 0 1rem;line-height:1.15}.hero h1{font-size:clamp(2rem,7vw,3.6rem)}.article-header h1{font-size:clamp(2rem,8vw,3.5rem)}.muted,.meta{color:var(--color-muted)}.article-grid{gap:.9rem;display:grid}.card{background:var(--color-surface);border:1px solid var(--color-border);border-inline-start:4px solid var(--color-accent);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(1rem,3vw,1.4rem)}.card h2{text-wrap:balance;margin:0;font-size:clamp(1.28rem,4vw,1.55rem);line-height:1.35}.card h2 a{color:var(--color-text);text-decoration:none}.card h2 a:hover{color:var(--color-accent);text-decoration:underline}.card p{text-wrap:pretty;margin:.55rem 0}.card .meta{font-size:.9rem}.tag{border:1px solid var(--color-border);border-radius:99px;font-size:.88rem;line-height:1.2;text-decoration:none}.tag:hover{background:var(--color-accent-soft)}.article-container{max-width:var(--content-width)}.breadcrumb{margin:.75rem 0}.article-header{margin:1.5rem 0 2rem}.article-header>p:not(.meta){color:var(--color-muted);text-wrap:pretty;font-size:1.05rem;line-height:1.65}.cover{aspect-ratio:1200/630;object-fit:cover;border-radius:var(--radius);width:100%;height:auto}.prose{overflow-wrap:anywhere;line-height:1.85}.prose p{margin:1.15em 0}.prose h2,.prose h3{text-wrap:balance;line-height:1.35}.prose h2{margin:2.35em 0 .8em}.prose h3{margin:2.1em 0 .7em;font-size:1.35rem}.prose ul,.prose ol{padding-inline-start:1.45rem}.prose li+li{margin-top:.45rem}.prose blockquote{border-inline-start:4px solid var(--color-accent);color:var(--color-muted);margin:1.4rem 0;padding:.1rem 0 .1rem 1rem}.prose code,.prose pre{max-width:100%}.prose pre{padding:1rem;overflow-x:auto}.source{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);overflow-wrap:anywhere;margin-top:3rem;padding:1rem}.share{margin:1.5rem 0}.button{font:inherit;border:1px solid var(--color-accent);background:var(--color-accent);color:var(--color-accent-contrast);cursor:pointer;border-radius:.5rem;justify-content:center;text-decoration:none}.button.secondary{color:var(--color-accent);background:0 0}[hidden]{display:none!important}@media (width<=600px){html{font-size:17px}.nav{align-items:center;padding-block:.7rem}.hero{padding:1.5rem 0 1rem}.article-grid{gap:.75rem}.card{box-shadow:none;padding:1rem}.article-container{padding-top:.7rem}.article-header{margin:1rem 0 1.5rem}.article-header h1{font-size:clamp(1.85rem,9vw,2.45rem)}.prose{line-height:1.8}.prose h2{margin-top:2em;font-size:1.45rem}.prose h3{margin-top:1.9em;font-size:1.25rem}.prose blockquote{padding-inline-start:.8rem}.source{margin-top:2.25rem}.share .button{width:100%}}@media (prefers-color-scheme:dark){:root{--color-bg:#171715;--color-surface:#22221f;--color-text:#efede7;--color-muted:#bbb7ad;--color-border:#47453f;--color-accent:#f08a7d;--color-accent-soft:#392522;--color-accent-contrast:#181614;--shadow:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}