@import "https://cdn.jsdelivr.net/npm/@vp-tw/taipei-sans-tc/dist/Regular/TaipeiSansTCBeta-Regular.css";@import "https://cdn.jsdelivr.net/npm/@vp-tw/taipei-sans-tc/dist/Bold/TaipeiSansTCBeta-Bold.css";@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=IBM+Plex+Sans:wght@400;500;600;700&family=Noto+Sans+TC:wght@400;500;700&display=swap";:root{--bg:#12110f;--bg-elev:#1a1916;--border:#2e2c28;--text:#ede6da;--text-muted:#a39e94;--accent:#e0a45a;--accent-hover:#ebb56f;--accent-subtle:#2a2418;--cat-guides:#e0a45a;--cat-guides-bg:#2a2418;--cat-guides-border:#5c4a2e;--cat-workflows:#7bc4b0;--cat-workflows-bg:#1a2a26;--cat-workflows-border:#3d5c52;--cat-news:#8aa4c4;--cat-news-bg:#1a222c;--cat-news-border:#3d4e63;--cat-pitfalls:#d9897a;--cat-pitfalls-bg:#2a1e1c;--cat-pitfalls-border:#5c3f38;--focus:#e0a45a;--danger:#d9897a;--radius-sm:6px;--radius-md:10px;--radius-hub:22px;--font-display:"Taipei Sans TC", "IBM Plex Sans", "Noto Sans TC", sans-serif;--font-body:"Taipei Sans TC", "Noto Sans TC", sans-serif;--font-ui:"Taipei Sans TC", "IBM Plex Sans", "Noto Sans TC", sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--measure:38rem;--shell:72rem;--rail:16rem;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:40px;--space-7:64px;--ease:cubic-bezier(.2, .8, .2, 1);--dur:.18s}*,:before,:after{box-sizing:border-box}html{color-scheme:dark}body{background:var(--bg);min-height:100vh;color:var(--text);font-family:var(--font-body);margin:0;font-size:1.125rem;line-height:1.7}a{color:var(--accent);transition:color var(--dur) var(--ease);text-decoration:none}a:hover{color:var(--accent-hover);text-decoration:underline}a:focus-visible{outline:2px solid var(--focus);outline-offset:3px}img{max-width:100%;height:auto}code,pre{font-family:var(--font-mono)}.site-wrap{flex-direction:column;min-height:100vh;display:flex}.container{width:min(100% - 2rem, var(--shell));margin-inline:auto}.site-header{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--bg-elev) 92%, transparent);backdrop-filter:blur(8px);z-index:10;position:sticky;top:0}.site-header .inner{justify-content:space-between;align-items:center;gap:var(--space-3) var(--space-5);padding:var(--space-4) 0;flex-wrap:wrap;display:flex}.brand{font-family:var(--font-ui);color:var(--text);font-size:1.05rem;font-weight:700}.nav{gap:var(--space-4) var(--space-5);font-family:var(--font-ui);flex-wrap:nowrap;max-width:100%;font-size:.9375rem;font-weight:500;line-height:1.4;display:flex;overflow-x:auto}.nav a{color:var(--text-muted);white-space:nowrap}.nav a:hover{color:var(--accent);text-decoration:none}.nav a[aria-current=page]:not([data-cat]){color:var(--accent);box-shadow:inset 0 -2px 0 var(--accent)}.nav a[data-cat=guides][aria-current=page]{color:var(--cat-guides);box-shadow:inset 0 -2px 0 var(--cat-guides)}.nav a[data-cat=workflows][aria-current=page]{color:var(--cat-workflows);box-shadow:inset 0 -2px 0 var(--cat-workflows)}.nav a[data-cat=news][aria-current=page]{color:var(--cat-news);box-shadow:inset 0 -2px 0 var(--cat-news)}.nav a[data-cat=pitfalls][aria-current=page]{color:var(--cat-pitfalls);box-shadow:inset 0 -2px 0 var(--cat-pitfalls)}main{padding:var(--space-6) 0 var(--space-7);flex:1}.hero{margin-bottom:var(--space-7);max-width:var(--measure)}.hero h1{margin:0 0 var(--space-5);font-family:var(--font-display);font-size:clamp(2rem,4vw,2.75rem);font-weight:600;line-height:1.25}.btn{min-height:44px;padding:0 var(--space-5);border-radius:var(--radius-sm);font-family:var(--font-ui);transition:background var(--dur) var(--ease), color var(--dur) var(--ease), border-color var(--dur) var(--ease);border:1px solid #0000;justify-content:center;align-items:center;font-size:.9375rem;font-weight:600;line-height:1.2;display:inline-flex}.btn:hover{text-decoration:none}.btn-primary{background:var(--accent);color:#12110f}.btn-primary:hover{background:var(--accent-hover);color:#12110f}.path-row{gap:var(--space-3) var(--space-5);margin:0 0 var(--space-7);padding:0 0 var(--space-5);border-bottom:1px solid var(--border);font-family:var(--font-ui);flex-wrap:wrap;font-size:.9375rem;display:flex}.path-row a{color:var(--text)}.path-row a:hover{color:var(--accent)}.path-note{margin:0 0 var(--space-4);color:var(--text-muted);max-width:var(--measure);font-size:.95rem}.section-title{margin:0 0 var(--space-5);font-family:var(--font-display);font-size:1.5rem;font-weight:600;line-height:1.3}.post-list{gap:var(--space-5);max-width:var(--measure);margin:0;padding:0;list-style:none;display:grid}.post-card{color:inherit;background:0 0;border:none;padding:0;display:block}.post-card:hover{text-decoration:none}.post-card h2,.post-card h3{margin:0 0 var(--space-2);font-family:var(--font-display);color:var(--text);font-size:1.25rem;font-weight:600;line-height:1.35}.post-card:hover h2,.post-card:hover h3{color:var(--accent)}.meta{gap:var(--space-2) var(--space-4);color:var(--text-muted);font-family:var(--font-ui);margin-bottom:var(--space-2);flex-wrap:wrap;font-size:.8125rem;line-height:1.45;display:flex}.summary{color:var(--text-muted);margin:0;font-size:1rem}.prose{max-width:var(--measure)}.prose h1,.prose h2,.prose h3{font-family:var(--font-display);font-weight:600}.prose h1{margin-top:0;font-size:clamp(2rem,4vw,2.75rem);line-height:1.25}.prose :where(p,ul,ol){color:var(--text)}.tagline{color:var(--text-muted);margin:0 0 var(--space-5);max-width:var(--measure);font-size:1.05rem}.empty{max-width:var(--measure);padding:var(--space-5);background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-muted);text-align:left;margin:0}.empty p{margin:0 0 var(--space-4)}.empty a{font-family:var(--font-ui);font-weight:500}.site-footer{border-top:1px solid var(--border);padding:var(--space-6) 0 var(--space-7);color:var(--text-muted);font-family:var(--font-ui);font-size:.9rem}.site-footer .inner{gap:var(--space-4);display:grid}.disclaimer{color:var(--text-muted);margin:0}.footer-links{gap:var(--space-3) var(--space-5);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.footer-links a{color:var(--text-muted)}.footer-links a:hover{color:var(--accent)}.badge{border-radius:var(--radius-sm);border:1px solid var(--cat-guides-border);background:var(--cat-guides-bg);color:var(--cat-guides);font-family:var(--font-ui);padding:.1rem .45rem;font-size:.75rem;display:inline-block}.badge[data-cat=guides]{border-color:var(--cat-guides-border);background:var(--cat-guides-bg);color:var(--cat-guides)}.badge[data-cat=workflows]{border-color:var(--cat-workflows-border);background:var(--cat-workflows-bg);color:var(--cat-workflows)}.badge[data-cat=news]{border-color:var(--cat-news-border);background:var(--cat-news-bg);color:var(--cat-news)}.badge[data-cat=pitfalls]{border-color:var(--cat-pitfalls-border);background:var(--cat-pitfalls-bg);color:var(--cat-pitfalls)}.hero-row{gap:var(--space-6);margin-bottom:var(--space-7);align-items:center;display:grid}@media (width>=960px){.hero-row{gap:var(--space-7);grid-template-columns:minmax(0,1fr) minmax(0,.95fr)}}.hero-row .hero{max-width:var(--measure);margin-bottom:0}.hero-art{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elev);margin:0;overflow:hidden}.hero-art img{width:100%;height:auto;display:block}.empty-with-art{gap:var(--space-5);max-width:calc(var(--measure) + 12rem);align-items:start;display:grid}@media (width>=720px){.empty-with-art{grid-template-columns:minmax(0,1fr) minmax(10rem,14rem)}}.empty-art{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elev);margin:0;overflow:hidden}.empty-art img{width:100%;height:auto;display:block}.prose figure,figure.content-figure{margin:var(--space-6) 0;max-width:var(--measure);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elev);padding:0;overflow:hidden}.prose figure img,figure.content-figure img{width:100%;height:auto;display:block}.prose figcaption,figure.content-figure figcaption{padding:var(--space-3) var(--space-4);color:var(--text-muted);font-family:var(--font-ui);border-top:1px solid var(--border);margin:0;font-size:.8125rem;line-height:1.45}.brand{font-family:var(--font-ui);color:var(--text);align-items:center;gap:.55rem;font-size:1.05rem;font-weight:700;line-height:1.2;display:inline-flex}.brand-mark{flex-shrink:0;width:30px;height:auto;display:block}.brand-text{white-space:nowrap}.brand:hover{color:var(--accent);text-decoration:none}main h1{font-family:var(--font-display);font-weight:600;line-height:1.25}.list-blurb{margin:0 0 var(--space-5);color:var(--text-muted);font-family:var(--font-ui);max-width:var(--measure);font-size:.95rem}.reading-path{margin:0 0 var(--space-7)}.list-intro-full .reading-path{max-width:none;margin-bottom:var(--space-6)}.reading-path-list{margin:var(--space-5) 0 0;gap:var(--space-3);padding:0;list-style:none;display:grid}.reading-path-list li{gap:var(--space-3);font-family:var(--font-ui);align-items:baseline;font-size:.975rem;display:flex}.reading-path-num{width:1.5rem;color:var(--accent);flex-shrink:0;font-weight:600}.related-reading{margin-top:var(--space-7);padding-top:var(--space-5);border-top:1px solid var(--border);max-width:var(--measure)}.related-reading-title{margin:0 0 var(--space-4);font-family:var(--font-display);font-size:1.25rem;font-weight:600}.related-reading-list{gap:var(--space-2);font-family:var(--font-ui);margin:0;padding-left:1.25rem;display:grid}.article-layout{gap:var(--space-6);width:min(100%, calc(var(--measure) + var(--rail) + var(--space-6)));align-items:start;margin-inline:0;display:grid}@media (width>=960px){.article-layout{grid-template-columns:minmax(0, var(--measure)) var(--rail);gap:var(--space-6)}}.article-main{min-width:0;max-width:var(--measure)}.article-main .prose{max-width:none}.article-rail{display:none}@media (width>=960px){.article-rail{gap:var(--space-5);align-self:start;display:grid;position:sticky;top:5.5rem}}.toc-rail,.next-read{padding:var(--space-4);background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-md)}.toc-rail-title,.next-read-title{margin:0 0 var(--space-3);font-family:var(--font-ui);letter-spacing:.02em;color:var(--text-muted);text-transform:none;font-size:.8125rem;font-weight:600}.toc-rail ol,.next-read ol{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.toc-rail a,.next-read a{font-family:var(--font-ui);color:var(--text-muted);font-size:.875rem;line-height:1.4}.toc-rail a:hover,.next-read a:hover{color:var(--accent)}.toc-rail .toc-h3{padding-left:var(--space-4)}.toc-mobile{margin:0 0 var(--space-5);max-width:var(--measure);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elev);padding:var(--space-3) var(--space-4)}@media (width>=960px){.toc-mobile{display:none}}.toc-mobile summary{font-family:var(--font-ui);cursor:pointer;color:var(--text);font-weight:600}.toc-mobile ol{margin:var(--space-3) 0 0;gap:var(--space-2);padding:0;list-style:none;display:grid}.list-layout{gap:var(--space-6);display:grid}.category-intro{max-width:none;margin:0 0 var(--space-5);padding:var(--space-5);background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-md)}.list-intro-full{gap:var(--space-5);margin:0 0 var(--space-6);max-width:none;display:grid}.list-intro-full .category-intro .start-here{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))}@media (width>=960px){.list-intro-full .reading-path-list{gap:var(--space-3) var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr))}}.category-intro .lead{margin:0 0 var(--space-4);color:var(--text-muted);font-family:var(--font-ui);font-size:.975rem}.category-intro .start-here{gap:var(--space-2);font-family:var(--font-ui);margin:0;padding:0;font-size:.9375rem;list-style:none;display:grid}.category-intro .start-label{margin:0 0 var(--space-2);font-family:var(--font-ui);color:var(--text-muted);font-size:.8125rem;font-weight:600}.post-grid{gap:var(--space-5);margin:0;padding:0;list-style:none;display:grid}@media (width>=960px){.post-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none}}.prose .next-read{margin-top:var(--space-6)}.hub-tiles{margin:var(--space-6) 0 var(--space-7)}.hub-tiles-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width>=960px){.hub-tiles-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem}}.hub-tile{--hub-fg:var(--cat-guides);--hub-border:var(--cat-guides-border);--hub-bg:var(--cat-guides-bg);aspect-ratio:16/10;gap:var(--space-2);padding:var(--space-4) var(--space-5);border-radius:var(--radius-hub);background:var(--bg-elev);border:1px solid var(--hub-border);border-top:4px solid var(--hub-fg);color:inherit;transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);flex-direction:column;text-decoration:none;display:flex}.hub-tile:hover{border-color:var(--hub-fg);background:var(--hub-bg);text-decoration:none}.hub-tile:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.hub-tile[data-cat=guides]{--hub-fg:var(--cat-guides);--hub-border:var(--cat-guides-border);--hub-bg:var(--cat-guides-bg)}.hub-tile[data-cat=workflows]{--hub-fg:var(--cat-workflows);--hub-border:var(--cat-workflows-border);--hub-bg:var(--cat-workflows-bg)}.hub-tile[data-cat=news]{--hub-fg:var(--cat-news);--hub-border:var(--cat-news-border);--hub-bg:var(--cat-news-bg)}.hub-tile[data-cat=pitfalls]{--hub-fg:var(--cat-pitfalls);--hub-border:var(--cat-pitfalls-border);--hub-bg:var(--cat-pitfalls-bg)}.hub-tile-title{font-family:var(--font-ui);color:var(--hub-fg);font-size:1.125rem;font-weight:700;line-height:1.3}.hub-tile-blurb{font-family:var(--font-body);color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.9375rem;font-weight:400;line-height:1.45;display:-webkit-box;overflow:hidden}.article-header{margin-bottom:var(--space-5)}.article-header .summary{margin-top:var(--space-4)}.article-meta-row{justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.article-meta-row .meta{margin-bottom:0}.copy-for-ai{gap:var(--space-2);display:grid}.copy-for-ai-btn{appearance:none;border-radius:var(--radius-sm);border:1px solid var(--border);min-height:2.5rem;color:var(--text-muted);font-family:var(--font-ui);cursor:pointer;transition:color var(--dur) var(--ease), background var(--dur) var(--ease), border-color var(--dur) var(--ease), opacity var(--dur) var(--ease);background:0 0;justify-content:center;align-items:center;padding:.5rem .875rem;font-size:.875rem;font-weight:500;line-height:1.2;display:inline-flex}.copy-for-ai-btn:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-subtle)}.copy-for-ai-btn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.copy-for-ai-btn.is-copying{opacity:.6;cursor:wait}.copy-for-ai-btn.is-success{color:var(--accent);border-color:var(--accent)}.copy-for-ai[data-cat=guides] .copy-for-ai-btn.is-success{color:var(--cat-guides);border-color:var(--cat-guides)}.copy-for-ai[data-cat=workflows] .copy-for-ai-btn.is-success{color:var(--cat-workflows);border-color:var(--cat-workflows)}.copy-for-ai[data-cat=news] .copy-for-ai-btn.is-success{color:var(--cat-news);border-color:var(--cat-news)}.copy-for-ai[data-cat=pitfalls] .copy-for-ai-btn.is-success{color:var(--cat-pitfalls);border-color:var(--cat-pitfalls)}.copy-for-ai-fallback{color:var(--text-muted);font-family:var(--font-ui);margin:0;font-size:.8125rem}.copy-for-ai-md-link{color:var(--accent);margin-left:.35rem}.copy-for-ai-md-link:hover{text-decoration:underline}@media (width<=719px){.article-meta-row{flex-direction:column;align-items:flex-start}.copy-for-ai-btn{min-height:44px}}