:root{--c-orange: oklch(70% .155 45);--c-orange-dark: oklch(61% .165 45);--c-orange-soft: oklch(95% .028 60);--c-blue: oklch(33% .058 255);--c-blue-dark: oklch(24% .05 255);--c-blue-soft: oklch(94% .02 250);--c-cream: oklch(97.5% .012 75);--c-surface: oklch(99.2% .006 75);--c-surface-alt: oklch(96.2% .011 72);--c-ink: oklch(26% .018 260);--c-text: oklch(36% .02 258);--c-text-muted: oklch(51% .014 258);--c-line: oklch(90% .012 70);--bg: var(--c-cream);--bg-card: var(--c-surface);--bg-alt: var(--c-surface-alt);--text: var(--c-text);--text-muted: var(--c-text-muted);--ink: var(--c-ink);--border: var(--c-line);--accent: var(--c-orange);--accent-strong: var(--c-orange-dark);--accent-soft: var(--c-orange-soft);--primary: var(--c-blue);--primary-strong: var(--c-blue-dark);--primary-soft: var(--c-blue-soft);--radius: 14px;--radius-sm: 9px;--radius-xs: 5px;--radius-pill: 999px;--shadow-xs: 0 1px 2px oklch(33% .058 255 / .05);--shadow-sm: 0 2px 6px oklch(33% .058 255 / .06);--shadow: 0 8px 24px oklch(33% .058 255 / .08);--shadow-lg: 0 18px 50px oklch(33% .058 255 / .12);--container: 1120px;--container-narrow: 760px;--nav-h: 64px;--ease: cubic-bezier(.22, 1, .36, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--dur-1: .14s;--dur-2: .24s;--dur-3: .42s;--font-sans: "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", -apple-system, sans-serif}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + 16px)}body{margin:0;font-family:var(--font-sans);font-size:16px;line-height:1.75;color:var(--text);background:var(--bg);font-feature-settings:"kern" 1,"liga" 1,"calt" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}::selection{background:#eb7b4438;color:var(--ink)}img{max-width:100%;height:auto;display:block}a{color:var(--primary);text-decoration:none;text-underline-offset:3px}a:hover{color:var(--accent-strong);text-decoration:underline}:where(a,button,summary,input,[tabindex]):focus-visible{outline:2.5px solid var(--accent);outline-offset:2px;border-radius:var(--radius-xs)}h1,h2,h3,h4{color:var(--primary-strong);line-height:1.28;font-weight:750;font-family:var(--font-display);letter-spacing:-.005em;text-wrap:balance}h1{font-size:clamp(1.8rem,1.2rem + 2.6vw,2.7rem);letter-spacing:-.012em;margin:0 0 .5em}h2{font-size:clamp(1.35rem,1.08rem + 1.2vw,1.8rem);margin:2.2em 0 .6em;letter-spacing:-.008em}h3{font-size:1.16rem;margin:0 0 .4em}p{margin:0 0 1em;text-wrap:pretty}.container{max-width:var(--container);margin:0 auto;padding:0 1.25rem}.container.narrow{max-width:var(--container-narrow)}main{display:block;padding:2rem 0 4rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-xs);transition:box-shadow var(--dur-2) var(--ease),transform var(--dur-2) var(--ease),border-color var(--dur-2) var(--ease)}.card a{display:block;color:inherit;padding:1.2rem 1.3rem;border-radius:var(--radius)}.card a:hover{text-decoration:none;color:inherit}.card:hover{box-shadow:var(--shadow);transform:translateY(-3px);border-color:#e3c8b6}.grid{display:grid;gap:1.15rem;list-style:none;padding:0;margin:0}.grid.cols-3{grid-template-columns:repeat(auto-fill,minmax(262px,1fr))}.grid.cols-4{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.tag{display:inline-flex;align-items:center;gap:.3rem;padding:.22rem .72rem;font-size:.8rem;font-weight:600;background:var(--accent-soft);color:var(--accent-strong);border-radius:var(--radius-pill);letter-spacing:.01em}.tag.blue{background:var(--primary-soft);color:var(--primary)}.tag.muted{background:var(--bg-alt);color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.78rem 1.5rem;min-height:44px;border-radius:var(--radius-pill);font-weight:650;font-size:.97rem;border:1px solid transparent;cursor:pointer;transition:background var(--dur-1) var(--ease),color var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease),transform var(--dur-1) var(--ease)}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 4px 12px #eb7b444d}.btn-primary:hover{background:var(--accent-strong);color:#fff;text-decoration:none;transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--primary);border-color:var(--border)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent-strong);text-decoration:none;background:var(--accent-soft)}.crumbs{font-size:.86rem;color:var(--text-muted);margin-bottom:1.25rem;display:flex;flex-wrap:wrap;align-items:center;gap:.45rem}.crumbs a{color:var(--text-muted)}.crumbs a:hover{color:var(--accent-strong)}.crumbs .sep{color:#c2bdb7}.empty{color:var(--text-muted);background:var(--bg-alt);padding:1.6rem 1.5rem;border-radius:var(--radius);border:1px dashed var(--border);text-align:center}.prose{max-width:var(--container-narrow);margin:0 auto;color:var(--text);font-size:1.02rem}.prose h2{margin-top:2.4em;padding-bottom:.35em;border-bottom:1px solid var(--border)}.prose h3{margin-top:1.9em}.prose ul,.prose ol{padding-left:1.4em;margin:0 0 1.2em}.prose li{margin-bottom:.45em}.prose li::marker{color:var(--accent)}.prose img{border-radius:var(--radius);margin:1.6em auto;box-shadow:var(--shadow-sm)}.prose blockquote{margin:1.6em 0;padding:.9em 1.25em;border-left:3px solid var(--accent);background:var(--accent-soft);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--ink)}.prose blockquote p{margin:0}.prose code{background:var(--bg-alt);padding:.15em .42em;border-radius:var(--radius-xs);font-size:.9em;color:var(--primary-strong)}.prose a{text-decoration:underline;text-underline-offset:3px}.prose strong{color:var(--ink);font-weight:700}.demo-note{background:#feedc9;border:1px solid oklch(88% .06 85);color:#65452a;padding:.85rem 1.15rem;border-radius:var(--radius-sm);font-size:.88rem;line-height:1.6;margin:1.6rem 0}.demo-note code{background:#eddcb999;color:#573312}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.rise{animation:rise var(--dur-3) var(--ease-out) both}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header[data-astro-cid-dmqpwcec]{background:var(--bg-card);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:50}.nav-inner[data-astro-cid-dmqpwcec]{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:64px}.brand[data-astro-cid-dmqpwcec]{display:inline-flex;align-items:center;gap:.55rem;color:var(--primary-strong);font-weight:800;font-size:1.15rem}.brand[data-astro-cid-dmqpwcec]:hover{text-decoration:none;color:var(--accent-strong)}.nav-menu[data-astro-cid-dmqpwcec]{display:flex;align-items:center;gap:.4rem}.nav-link[data-astro-cid-dmqpwcec],.nav-dropdown[data-astro-cid-dmqpwcec]>summary[data-astro-cid-dmqpwcec]{padding:.6rem .95rem;min-height:40px;display:inline-flex;align-items:center;border-radius:var(--radius-sm);color:var(--primary);font-weight:600;cursor:pointer;list-style:none;transition:background var(--dur-1) var(--ease),color var(--dur-1) var(--ease)}.nav-link[data-astro-cid-dmqpwcec]:hover,.nav-dropdown[data-astro-cid-dmqpwcec]:hover>summary[data-astro-cid-dmqpwcec],.nav-dropdown[data-astro-cid-dmqpwcec][open]>summary[data-astro-cid-dmqpwcec]{background:var(--accent-soft);color:var(--accent-strong);text-decoration:none}.nav-link[data-astro-cid-dmqpwcec][aria-current=page]{color:var(--accent-strong);background:var(--accent-soft)}.nav-dropdown[data-astro-cid-dmqpwcec]>summary[data-astro-cid-dmqpwcec]::-webkit-details-marker,.nav-dropdown[data-astro-cid-dmqpwcec]>summary[data-astro-cid-dmqpwcec]::marker{display:none;content:""}.nav-cta[data-astro-cid-dmqpwcec]{margin-left:.4rem;padding:.5rem 1rem;min-height:40px;display:inline-flex;align-items:center;background:var(--accent);color:#fff;border-radius:var(--radius-pill);font-weight:700;box-shadow:0 3px 10px #eb7b444d;transition:background var(--dur-1) var(--ease),transform var(--dur-1) var(--ease)}.nav-cta[data-astro-cid-dmqpwcec]:hover{background:var(--accent-strong);color:#fff;text-decoration:none;transform:translateY(-1px)}.nav-cta[data-astro-cid-dmqpwcec][aria-current=page]{box-shadow:0 0 0 2px var(--bg-card),0 0 0 4px var(--accent)}.nav-dropdown[data-astro-cid-dmqpwcec]{position:relative}.nav-dropdown[data-astro-cid-dmqpwcec] ul[data-astro-cid-dmqpwcec]{position:absolute;top:100%;left:0;min-width:200px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:.4rem;margin:.4rem 0 0;list-style:none;display:none}.nav-dropdown[data-astro-cid-dmqpwcec][open] ul[data-astro-cid-dmqpwcec]{display:block}.nav-dropdown[data-astro-cid-dmqpwcec] ul[data-astro-cid-dmqpwcec] li[data-astro-cid-dmqpwcec] a[data-astro-cid-dmqpwcec]{display:block;padding:.5rem .7rem;border-radius:var(--radius-sm);color:var(--text)}.nav-dropdown[data-astro-cid-dmqpwcec] ul[data-astro-cid-dmqpwcec] li[data-astro-cid-dmqpwcec] a[data-astro-cid-dmqpwcec]:hover{background:var(--bg-alt);text-decoration:none}.nav-burger[data-astro-cid-dmqpwcec]{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:.5rem}.nav-burger[data-astro-cid-dmqpwcec] span[data-astro-cid-dmqpwcec]{width:24px;height:2px;background:var(--primary);border-radius:2px}@media(max-width:760px){.nav-burger[data-astro-cid-dmqpwcec]{display:flex}.nav-menu[data-astro-cid-dmqpwcec]{position:absolute;top:64px;left:0;right:0;flex-direction:column;align-items:stretch;background:var(--bg-card);border-bottom:1px solid var(--border);box-shadow:var(--shadow);padding:.75rem 1.25rem 1.25rem;gap:.25rem;display:none}.nav-toggle[data-astro-cid-dmqpwcec]:checked~.nav-menu[data-astro-cid-dmqpwcec]{display:flex}.nav-dropdown[data-astro-cid-dmqpwcec] ul[data-astro-cid-dmqpwcec]{position:static;box-shadow:none;border:none;padding-left:.75rem}}.site-footer[data-astro-cid-sz7xmlte]{background:var(--primary-strong);color:#d8e3ec;padding:2.5rem 0 1.5rem;margin-top:3rem}.footer-grid[data-astro-cid-sz7xmlte]{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:2rem}.f-brand[data-astro-cid-sz7xmlte]{display:inline-flex;align-items:center;gap:.55rem;color:#fff;font-weight:800;font-size:1.1rem;margin-bottom:.5rem}.f-brand[data-astro-cid-sz7xmlte]:hover{color:var(--accent);text-decoration:none}.tagline[data-astro-cid-sz7xmlte]{color:#b8c8d4;font-size:.92rem;line-height:1.6}.copy[data-astro-cid-sz7xmlte]{color:#8fa3b3;font-size:.82rem;margin-top:.5rem}.site-footer[data-astro-cid-sz7xmlte] h4[data-astro-cid-sz7xmlte]{color:#fff;font-size:.95rem;margin:0 0 .75rem}.site-footer[data-astro-cid-sz7xmlte] ul[data-astro-cid-sz7xmlte]{list-style:none;padding:0;margin:0}.site-footer[data-astro-cid-sz7xmlte] li[data-astro-cid-sz7xmlte]{margin-bottom:.45rem}.site-footer[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]{color:#cfdde7;font-size:.9rem}.site-footer[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]:hover{color:var(--accent);text-decoration:none}.foot-note[data-astro-cid-sz7xmlte]{text-align:center;color:#8fa3b3;font-size:.78rem;padding:1.2rem 1.25rem 0;margin:1.5rem auto 0;border-top:1px solid rgba(255,255,255,.1);max-width:var(--container)}@media(max-width:760px){.footer-grid[data-astro-cid-sz7xmlte]{grid-template-columns:1fr 1fr}.brand-col[data-astro-cid-sz7xmlte]{grid-column:1 / -1}}