.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}:root{color-scheme:light dark;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 48px;--s-8: 64px;--s-9: 96px;--s-10: 128px;--fs-xs: .75rem;--fs-sm: .875rem;--fs-base: 1rem;--fs-md: 1.125rem;--fs-lg: 1.375rem;--fs-xl: 1.75rem;--fs-2xl: 2.25rem;--fs-3xl: 2.875rem;--max-width: 720px;--max-width-wide: 1080px;--font-sans: "Inter Variable", "Inter", "Noto Sans TC Variable", "Noto Sans TC", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang TC", "Microsoft JhengHei", system-ui, sans-serif;--font-serif: "Noto Serif TC", "Source Han Serif TC", Georgia, serif;--font-mono: "JetBrains Mono Variable", "JetBrains Mono", "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;--ease: cubic-bezier(.22, 1, .36, 1);--t-fast: .12s;--t-base: .2s;--t-slow: .36s;--r-sm: 4px;--r-md: 8px;--r-lg: 14px;--r-pill: 999px}:root,[data-theme=light]{--bg: #fdfaf6;--bg-alt: #f5efe6;--bg-elev: #ffffff;--fg: #1f1b16;--fg-soft: #4e473d;--fg-muted: #8a7e6c;--accent: #c8633f;--accent-hover: #a84f2f;--accent-soft: #f3dccf;--border: #e5ddd0;--border-strong: #cec3af;--code-bg: #201b15;--code-fg: #f1e8d9;--selection: #f3dccf;--shadow-sm: 0 1px 2px rgba(31, 27, 22, .06);--shadow-md: 0 8px 24px rgba(31, 27, 22, .08)}[data-theme=dark]{--bg: #14110d;--bg-alt: #1d1914;--bg-elev: #221d18;--fg: #f1e8d9;--fg-soft: #b8ad99;--fg-muted: #7a6f5e;--accent: #e89778;--accent-hover: #f0a98e;--accent-soft: #3a2a22;--border: #2e2822;--border-strong: #443c33;--code-bg: #0c0a07;--code-fg: #f1e8d9;--selection: #3a2a22;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 8px 24px rgba(0, 0, 0, .4)}@media(prefers-color-scheme:dark){:root:not([data-theme]){--bg: #14110d;--bg-alt: #1d1914;--bg-elev: #221d18;--fg: #f1e8d9;--fg-soft: #b8ad99;--fg-muted: #7a6f5e;--accent: #e89778;--accent-hover: #f0a98e;--accent-soft: #3a2a22;--border: #2e2822;--border-strong: #443c33;--code-bg: #0c0a07;--code-fg: #f1e8d9;--selection: #3a2a22}}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:var(--font-sans);font-size:var(--fs-base);line-height:1.72;font-feature-settings:"kern","liga","clig","calt";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;transition:background-color var(--t-base) var(--ease),color var(--t-base) var(--ease)}::selection{background:var(--selection);color:var(--fg)}a{color:var(--accent);text-decoration:none;transition:color var(--t-fast) var(--ease)}a:hover{color:var(--accent-hover)}img,svg,video{max-width:100%;height:auto;display:block}hr{border:none;border-top:1px solid var(--border);margin:var(--s-7) 0}h1,h2,h3,h4,h5{color:var(--fg);font-weight:700;letter-spacing:-.015em;line-height:1.25}p,ul,ol{margin:0 0 var(--s-5)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:0ms!important;transition-duration:0ms!important;scroll-behavior:auto!important}}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--s-5)}.container-wide{max-width:var(--max-width-wide);margin:0 auto;padding:0 var(--s-5)}main{padding:var(--s-7) 0 var(--s-9);min-height:70vh}.reading-progress{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--accent),var(--accent-hover));z-index:100;transition:width var(--t-fast) linear;pointer-events:none}header.site-header{position:sticky;top:0;background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:saturate(180%) blur(16px);-webkit-backdrop-filter:saturate(180%) blur(16px);border-bottom:1px solid var(--border);z-index:50;transition:background-color var(--t-base) var(--ease)}header.site-header .container{display:flex;align-items:center;justify-content:space-between;padding:var(--s-3) var(--s-5);gap:var(--s-4)}.brand{display:flex;align-items:center;gap:var(--s-3);font-weight:700;color:var(--fg);font-size:var(--fs-base);letter-spacing:-.015em}.brand:hover{color:var(--fg)}.brand-avatar{width:32px;height:32px;border-radius:var(--r-pill);object-fit:cover;border:2px solid var(--border);transition:border-color var(--t-base) var(--ease),transform var(--t-base) var(--ease)}.brand:hover .brand-avatar{border-color:var(--accent);transform:rotate(-4deg) scale(1.04)}.site-nav{display:flex;align-items:center;gap:var(--s-5)}.site-nav a{color:var(--fg-soft);font-size:var(--fs-sm);font-weight:500;position:relative}.site-nav a:after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:2px;background:var(--accent);border-radius:var(--r-pill);transform:scaleX(0);transform-origin:left;transition:transform var(--t-base) var(--ease)}.site-nav a:hover{color:var(--fg)}.site-nav a:hover:after,.site-nav a[aria-current=page]:after{transform:scaleX(1)}.theme-toggle{background:transparent;border:1px solid var(--border);border-radius:var(--r-pill);width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;color:var(--fg-soft);cursor:pointer;transition:all var(--t-base) var(--ease);padding:0}.theme-toggle:hover{color:var(--accent);border-color:var(--accent);transform:rotate(20deg)}.theme-toggle svg{width:16px;height:16px}.theme-toggle .sun{display:none}.theme-toggle .moon,[data-theme=dark] .theme-toggle .sun{display:block}[data-theme=dark] .theme-toggle .moon{display:none}.hero{padding:var(--s-8) 0 var(--s-6);border-bottom:1px solid var(--border);margin-bottom:var(--s-8)}.hero h1{margin:0 0 var(--s-3);font-size:var(--fs-3xl);letter-spacing:-.03em}.hero p{margin:0;color:var(--fg-soft);font-size:var(--fs-md);max-width:52ch}@media(max-width:640px){.hero{padding:var(--s-6) 0 var(--s-5);margin-bottom:var(--s-6)}.hero h1{font-size:var(--fs-2xl)}.hero p{font-size:var(--fs-base)}}.post-preview{margin:0 0 var(--s-8);padding:0 0 var(--s-6);border-bottom:1px dashed var(--border);transition:transform var(--t-base) var(--ease)}.post-preview:last-child{border-bottom:none}.post-preview a{color:inherit;display:block}.post-preview a:hover .post-title{color:var(--accent)}.post-preview .post-title{font-size:var(--fs-xl);margin:0 0 var(--s-2);transition:color var(--t-base) var(--ease)}.post-preview .post-subtitle{font-size:var(--fs-md);color:var(--fg-soft);font-weight:500;margin:0 0 var(--s-3)}.post-preview .post-meta{color:var(--fg-muted);font-size:var(--fs-xs);margin:var(--s-3) 0 0;display:flex;align-items:center;gap:var(--s-3);flex-wrap:wrap}.post-preview .post-excerpt{margin:var(--s-3) 0 0;color:var(--fg-soft);line-height:1.65}.pager{display:flex;justify-content:space-between;list-style:none;padding:0;margin:var(--s-8) 0 0;gap:var(--s-3)}.pager li{flex:1}.pager li.next{text-align:right}.pager a{display:inline-block;padding:var(--s-3) var(--s-5);border:1px solid var(--border);border-radius:var(--r-md);color:var(--fg-soft);font-size:var(--fs-sm);font-weight:500;transition:all var(--t-base) var(--ease)}.pager a:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.post-hero{margin:calc(-1 * var(--s-7)) 0 var(--s-7);padding:var(--s-9) 0 var(--s-7);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 18%,var(--bg)) 0%,var(--bg) 70%);border-bottom:1px solid var(--border)}.post-hero .container{text-align:left}.post-hero.has-image{background-size:cover;background-position:center;background-repeat:no-repeat;color:#fff;position:relative;overflow:hidden;min-height:320px;display:flex;align-items:flex-end}.post-hero.has-image:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#0003,#000000b3)}.post-hero.has-image .container{position:relative;color:#fff}.post-hero.has-image .post-title,.post-hero.has-image .post-subtitle,.post-hero.has-image .post-meta{color:#fff}.post-hero.has-image .post-meta{opacity:.9}.post-hero .post-title{font-size:var(--fs-3xl);margin:0 0 var(--s-3);letter-spacing:-.03em;line-height:1.15}.post-hero .post-subtitle{font-size:var(--fs-md);color:var(--fg-soft);font-weight:500;margin:0 0 var(--s-4)}.post-hero .post-meta{display:flex;align-items:center;gap:var(--s-3);flex-wrap:wrap;color:var(--fg-muted);font-size:var(--fs-sm);margin:0}.post-meta .dot{width:3px;height:3px;border-radius:var(--r-pill);background:currentColor;opacity:.4}@media(max-width:640px){.post-hero{padding:var(--s-6) 0 var(--s-5)}.post-hero.has-image{min-height:220px}.post-hero .post-title{font-size:var(--fs-xl)}}article.post{font-size:var(--fs-base)}article.post h2{margin:var(--s-8) 0 var(--s-3);font-size:var(--fs-xl);scroll-margin-top:80px}article.post h3{margin:var(--s-6) 0 var(--s-2);font-size:var(--fs-lg);scroll-margin-top:80px}article.post h4{margin:var(--s-5) 0 var(--s-2);font-size:var(--fs-md);scroll-margin-top:80px}article.post p,article.post li{color:var(--fg)}article.post ul,article.post ol{padding-left:var(--s-5)}article.post li{margin-bottom:var(--s-2)}article.post blockquote{border-left:3px solid var(--accent);margin:var(--s-5) 0;padding:var(--s-3) var(--s-5);color:var(--fg-soft);background:var(--bg-alt);border-radius:0 var(--r-md) var(--r-md) 0;font-style:italic}article.post blockquote p:last-child{margin-bottom:0}article.post img{border-radius:var(--r-md);margin:var(--s-5) auto;box-shadow:var(--shadow-sm)}.code-block{position:relative;margin:var(--s-5) 0;border-radius:var(--r-md);overflow:hidden;background:var(--code-bg);box-shadow:var(--shadow-sm)}.code-block .code-header{display:flex;justify-content:space-between;align-items:center;padding:var(--s-2) var(--s-4);background:#ffffff0a;border-bottom:1px solid rgba(255,255,255,.06);font-size:var(--fs-xs);color:#fff9;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em}.code-block .copy-btn{background:transparent;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;padding:2px var(--s-2);border-radius:var(--r-sm);cursor:pointer;font-size:var(--fs-xs);font-family:inherit;transition:all var(--t-fast) var(--ease)}.code-block .copy-btn:hover{color:#fff;border-color:#ffffff4d;background:#ffffff14}.code-block .copy-btn.copied{color:#7ee89a;border-color:#7ee89a66}article.post pre{margin:0;background:transparent;color:var(--code-fg);padding:var(--s-4);overflow-x:auto;font-family:var(--font-mono);font-size:.88rem;line-height:1.6}article.post pre:not(.code-block pre){background:var(--code-bg);color:var(--code-fg);border-radius:var(--r-md)}article.post code{background:var(--bg-alt);padding:.1em .4em;border-radius:var(--r-sm);font-family:var(--font-mono);font-size:.92em;color:var(--accent)}article.post pre code{background:transparent;padding:0;font-size:inherit;color:inherit}article.post table{border-collapse:collapse;width:100%;margin:var(--s-5) 0;font-size:var(--fs-sm)}article.post th,article.post td{border:1px solid var(--border);padding:var(--s-2) var(--s-3);text-align:left}article.post th{background:var(--bg-alt);font-weight:600}.tag{display:inline-flex;align-items:center;background:var(--bg-alt);color:var(--fg-soft);padding:2px var(--s-3);border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:500;letter-spacing:.01em;transition:all var(--t-base) var(--ease);border:1px solid transparent}a.tag:hover{color:var(--accent);background:var(--accent-soft);border-color:var(--accent)}.tag.tag-accent{background:var(--accent-soft);color:var(--accent-hover)}.post-tags{display:flex;flex-wrap:wrap;gap:var(--s-2);margin:var(--s-5) 0 0}.toc-wrapper{position:relative}.toc{position:sticky;top:96px;font-size:var(--fs-sm);max-height:calc(100vh - 120px);overflow-y:auto;padding-left:var(--s-5);border-left:1px solid var(--border)}.toc-title{font-size:var(--fs-xs);font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--fg-muted);margin:0 0 var(--s-3)}.toc ul{list-style:none;padding:0;margin:0}.toc li{margin:var(--s-2) 0}.toc li.depth-3{padding-left:var(--s-4);font-size:var(--fs-xs)}.toc a{color:var(--fg-muted);display:block;padding:2px 0;border-left:2px solid transparent;padding-left:var(--s-3);margin-left:calc(-1 * var(--s-5) - 2px);transition:all var(--t-fast) var(--ease);line-height:1.4}.toc a:hover,.toc a.active{color:var(--accent);border-left-color:var(--accent)}footer.site-footer{border-top:1px solid var(--border);padding:var(--s-7) 0;color:var(--fg-muted);font-size:var(--fs-sm);text-align:center}footer.site-footer a{margin:0 var(--s-2);color:var(--fg-soft)}footer.site-footer a:hover{color:var(--accent)}footer.site-footer p{margin:var(--s-2) 0}.archive-year{margin:var(--s-7) 0 var(--s-3);color:var(--fg-muted);font-size:var(--fs-xs);letter-spacing:.12em;text-transform:uppercase;font-weight:600}.archive-item{display:flex;justify-content:space-between;align-items:baseline;padding:var(--s-3) 0;border-bottom:1px dashed var(--border);gap:var(--s-4);transition:padding var(--t-base) var(--ease)}.archive-item:hover{padding-left:var(--s-2)}.archive-item time{color:var(--fg-muted);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;white-space:nowrap}.archive-item a{color:var(--fg);font-weight:500}.archive-item a:hover{color:var(--accent)}.tag-cloud{display:flex;flex-wrap:wrap;gap:var(--s-2);margin:var(--s-5) 0}.tag-cloud .tag{font-size:var(--fs-sm);padding:var(--s-2) var(--s-3)}.tag-cloud .tag sup{color:var(--fg-muted);font-weight:400;margin-left:4px;font-size:.75em}@media(max-width:520px){body{font-size:16px}.site-nav{gap:var(--s-3)}.site-nav a{font-size:var(--fs-xs)}.brand{font-size:var(--fs-sm)}.brand-avatar{width:28px;height:28px}.post-preview .post-title{font-size:var(--fs-lg)}}