:root{color-scheme:dark;--color-bg:#0b151b;--color-surface:#14242c;--color-text:#f2f5f3;--color-muted:#b7c7cb;--color-accent:#b5dbce;--color-border:#546a72;--color-control-border:#7c8d92;--color-on-accent:#0b151b;--container:1248px;--reading-width:768px;--gutter:48px;--section-gap:64px;--sticky-offset:128px;--font-body:Inter,"Noto Sans TC",system-ui,"PingFang TC","Microsoft JhengHei",sans-serif;--bg:var(--color-bg);--surface:var(--color-surface);--ink:var(--color-text);--text:var(--color-text);--muted:var(--color-muted);--accent:var(--color-accent);--line:var(--color-border);--radius:8px}html[lang="en"]{--font-body:Inter,system-ui,"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--sticky-offset) + 24px)}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:16px;line-height:28px;font-weight:400;padding-bottom:80px}h1,h2,h3,h4,strong,b{font-weight:600}h1,h2,h3{margin:0;text-wrap:balance;overflow-wrap:anywhere}h1{font-size:48px;line-height:64px}h2{font-size:32px;line-height:48px}h3{font-size:24px;line-height:36px}p{margin:0 0 24px;text-wrap:pretty;overflow-wrap:anywhere}a{color:inherit;text-underline-offset:4px}button,input,select,textarea{font:inherit}img,svg{max-width:100%;height:auto}img{display:block}a,button,summary,input,textarea,select,[tabindex]{scroll-margin-top:calc(var(--sticky-offset) + 24px)}:focus-visible{outline:4px solid var(--color-accent);outline-offset:4px}main section[id],main h2[id],main h3[id]{scroll-margin-top:calc(var(--sticky-offset) + 24px)}[hidden]{display:none!important}.site-container{width:100%;max-width:var(--container);padding-inline:var(--gutter);margin-inline:auto}.muted,time,.meta{color:var(--color-muted);font-size:16px;line-height:24px}.numeric,.metric-value,.calc-result strong{font-variant-numeric:lining-nums tabular-nums}code,pre{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}pre{font-size:16px;line-height:24px;overflow:auto;max-width:100%;padding:24px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;white-space:pre}code{overflow-wrap:normal;word-break:normal}@media(max-width:1000px){:root{--gutter:32px}}@media(max-width:720px){:root{--gutter:24px;--section-gap:48px;--sticky-offset:112px}h1{font-size:32px;line-height:48px}h2{font-size:24px;line-height:36px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:0s!important;transition-duration:0s!important}}