@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Serif+TC:wght@500;600;700&display=swap";:root{--ink:#171717;--paper:#f5f3ee;--line:#cec9bf;--lime:#d8f150;--muted:#68655e}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink)}body{margin:0;font-family:"Noto Serif TC",Georgia,serif;font-size:16px;line-height:1.8}a{color:inherit}.site-header,main,footer{width:min(1120px,calc(100% - 48px));margin-inline:auto}.site-header{position:sticky;z-index:3;top:0;display:flex;justify-content:space-between;align-items:center;padding:24px 0;border-bottom:1px solid var(--ink);background:var(--paper);font-family:DM Mono,monospace;font-size:12px;transition:transform .18s ease}.site-header.is-hidden{transform:translateY(-100%)}.brand{font-size:17px;letter-spacing:.08em;font-weight:500;text-decoration:none}.brand span{color:#899b19}.site-nav{display:flex;align-items:center;gap:8px;font-family:DM Mono,monospace;font-size:12px;letter-spacing:.06em}.site-nav a,.toc-toggle{border:1px solid var(--ink);padding:1px 6px;text-decoration:none}.site-nav a:hover,.toc-toggle:hover,.toc-toggle[aria-expanded=true]{background:var(--lime);text-decoration:none}.hero{padding:105px 0 92px;max-width:800px}.eyebrow,.section-label,.date,footer,.tags{font-family:DM Mono,monospace;font-size:12px;letter-spacing:.06em}.eyebrow{margin:0 0 20px;color:#657500}h1,h2,p{margin-top:0}.hero h1{font-size:clamp(42px,7vw,78px);line-height:1.18;letter-spacing:-.05em;margin-bottom:30px}.hero h1 em{font-style:normal;background:var(--lime);box-shadow:7px 0 0 var(--lime),-2px 0 0 var(--lime)}.intro{max-width:620px;font-size:20px;color:#494740}.post-list{border-top:1px solid var(--ink);padding-bottom:80px}.section-label{margin:18px 0 0;color:var(--muted)}.post-card a{display:flex;justify-content:space-between;gap:30px;padding:38px 10px 38px 0;border-bottom:1px solid var(--line);text-decoration:none;transition:padding .18s ease,background .18s ease}.post-card a:hover{padding-left:16px;background:#ebe8df}.date{margin-bottom:8px;color:var(--muted)}.post-card h2{font-size:29px;margin-bottom:5px}.post-card p:not(.date){margin-bottom:0;color:var(--muted)}.arrow{font-family:Arial,sans-serif;font-size:32px}.tag-directory{max-width:800px;padding:80px 0 100px}.tag-directory h1{font-size:clamp(42px,7vw,70px);line-height:1.2;letter-spacing:-.05em;margin-bottom:20px}.tag-cloud{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:42px 0 0;gap:10px}.tag-cloud a{display:block;border:1px solid var(--ink);padding:8px 12px;font-family:DM Mono,monospace;font-size:14px;text-decoration:none}.tag-cloud a:hover{background:var(--lime)}.tag-cloud span{color:var(--muted)}.tag-posts{margin-top:42px;border-top:1px solid var(--ink)}.article-layout{display:grid;grid-template-columns:minmax(0,700px);justify-content:center;padding:52px 0 100px}.article{min-width:0}.back{font-family:DM Mono,monospace;font-size:12px;text-decoration:none}.back:hover{text-decoration:underline}.article-header{padding:84px 0 52px;border-bottom:1px solid var(--ink)}.article-header h1{font-size:clamp(36px,6vw,58px);line-height:1.22;letter-spacing:-.05em;margin-bottom:22px}.dek{font-size:19px;line-height:1.7;color:#4d4a43}.tags{display:flex;list-style:none;padding:0;margin:26px 0 0;gap:8px}.tags li{border:1px solid var(--line);padding:2px 8px}.tags a{display:block;text-decoration:none}.tags a:hover{color:#657500;text-decoration:underline;text-underline-offset:3px}.editors{margin:16px 0 0;color:var(--muted);font-size:14px}.toc-toggle{background:transparent;font:inherit;letter-spacing:inherit;cursor:pointer}.toc-panel{position:fixed;z-index:2;top:88px;right:12px;width:min(220px,46vw);max-height:calc(100dvh - 104px);margin:0;padding:14px 16px;overflow-y:auto;border:1px solid var(--ink);background:var(--paper);box-shadow:-8px 8px #17171714;font-family:DM Mono,monospace;font-size:12px;line-height:1.55;letter-spacing:.06em}.toc-panel ol{margin:0;padding:0;list-style:none}.toc-panel li+li{margin-top:9px}.toc-panel a{color:var(--muted);text-decoration:none}.toc-panel a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.toc-subheading{padding-left:10px}.prose{padding-top:48px;font-size:17px}.prose h2{margin:62px 0 18px;font-size:27px;letter-spacing:-.03em}.anchor-copy{margin-left:8px;border:0;background:transparent;padding:0;color:var(--muted);font-family:DM Mono,monospace;font-size:1em;font-weight:400;line-height:1;vertical-align:middle;cursor:pointer;opacity:0;transition:opacity .15s ease,color .15s ease}.article h1:hover .anchor-copy,.prose h2:hover .anchor-copy,.prose h3:hover .anchor-copy,.anchor-copy:focus-visible{opacity:1}.anchor-copy:hover{color:#657500}.prose p{margin-bottom:25px}.prose code{font-family:DM Mono,monospace;font-size:.82em;background:#e5e2da;padding:2px 5px}.prose pre{background:#20211d;color:#f0efe9;padding:24px;overflow:auto;border-left:5px solid var(--lime);line-height:1.6}.prose pre code{background:transparent;padding:0}.prose table{width:100%;border-collapse:collapse;margin:32px 0;font-size:15px}.prose th{text-align:left;background:#e5e2da}.prose th,.prose td{padding:12px 14px;border:1px solid var(--line);vertical-align:top}footer{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding:21px 0 32px;color:var(--muted)}footer a{text-underline-offset:3px}@media(max-width:600px){.site-header,main,footer{width:min(100% - 32px,1120px)}.site-header p{display:none}.hero{padding:70px 0}.intro{font-size:18px}.article-layout{padding-top:32px}.article-header{padding:60px 0 40px}.prose{font-size:17px}.prose pre{margin-inline:0;padding:18px}.prose table{display:block;overflow-x:auto;white-space:nowrap}footer{display:block}footer span+span{display:block;margin-top:6px}}