.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;--container-max: 76rem;--content-max: 42rem;--container-pad: clamp(1rem, 4vw, 2rem);--font-display: "Noto Serif TC", "Iowan Old Style", Georgia, "Times New Roman", serif;--font-sans: "Noto Sans TC", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang TC", "Microsoft JhengHei", Roboto, Helvetica, Arial, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-base: 1rem;--text-md: clamp(1.05rem, 1rem + .2vw, 1.125rem);--text-lg: clamp(1.125rem, 1.05rem + .35vw, 1.3rem);--text-xl: clamp(1.3rem, 1.15rem + .65vw, 1.6rem);--text-2xl: clamp(1.55rem, 1.3rem + 1vw, 1.95rem);--text-3xl: clamp(1.9rem, 1.5rem + 1.6vw, 2.5rem);--text-4xl: clamp(2.2rem, 1.6rem + 2.6vw, 3.25rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--space-9: 6rem;--radius-sm: .375rem;--radius-md: .625rem;--radius-lg: 1.1rem;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .05);--shadow-md: 0 8px 24px -8px rgba(15, 23, 42, .16);--shadow-lg: 0 20px 48px -12px rgba(15, 23, 42, .24);--color-bg: #faf9f5;--color-bg-elevated: #ffffff;--color-text: #14181f;--color-text-muted: #4c5567;--color-text-faint: #7c8496;--color-border: #e4e1d8;--color-border-strong: #cfcbbd;--color-surface: #f1efe6;--color-surface-accent: #eaf1ff;--color-accent: #1e49c9;--color-accent-hover: #16379e;--color-accent-ink: #0f1f4d;--color-signal: #b25b00;--color-signal-soft: #fff3e2;--color-code-bg: #0d1117;--color-code-text: #e6edf3;--color-code-border: #262c36;--grid-line: rgba(30, 73, 201, .07)}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--color-bg: #0b0e16;--color-bg-elevated: #121728;--color-text: #e9ebf3;--color-text-muted: #a3aac0;--color-text-faint: #7982a0;--color-border: #262c42;--color-border-strong: #343c59;--color-surface: #161c30;--color-surface-accent: #16223f;--color-accent: #7fa2ff;--color-accent-hover: #a3bdff;--color-accent-ink: #dbe6ff;--color-signal: #f5a24d;--color-signal-soft: #2c2010;--color-code-border: #1f2531;--grid-line: rgba(127, 162, 255, .09)}}:root[data-theme=dark]{color-scheme:dark;--color-bg: #0b0e16;--color-bg-elevated: #121728;--color-text: #e9ebf3;--color-text-muted: #a3aac0;--color-text-faint: #7982a0;--color-border: #262c42;--color-border-strong: #343c59;--color-surface: #161c30;--color-surface-accent: #16223f;--color-accent: #7fa2ff;--color-accent-hover: #a3bdff;--color-accent-ink: #dbe6ff;--color-signal: #f5a24d;--color-signal-soft: #2c2010;--color-code-border: #1f2531;--grid-line: rgba(127, 162, 255, .09)}:root[data-theme=light]{color-scheme:light;--color-bg: #faf9f5;--color-bg-elevated: #ffffff;--color-text: #14181f;--color-text-muted: #4c5567;--color-text-faint: #7c8496;--color-border: #e4e1d8;--color-border-strong: #cfcbbd;--color-surface: #f1efe6;--color-surface-accent: #eaf1ff;--color-accent: #1e49c9;--color-accent-hover: #16379e;--color-accent-ink: #0f1f4d;--color-signal: #b25b00;--color-signal-soft: #fff3e2;--color-code-border: #262c36;--grid-line: rgba(30, 73, 201, .07)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:42px 42px;transition:background-color .2s ease,color .2s ease}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover);text-decoration:underline}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);line-height:1.28;font-weight:700;letter-spacing:-.01em;margin-top:2em;margin-bottom:.6em;color:var(--color-text)}h1{font-size:var(--text-4xl)}::selection{background:var(--color-accent);color:#fff}.site-main,.container,.site-header,.site-footer{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-pad);box-sizing:border-box}.site-main{display:block;min-height:40vh}img,iframe,video{max-width:100%;height:auto}iframe{aspect-ratio:16 / 9;width:100%;border:0}.site-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-block:var(--space-4);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:40;background-color:color-mix(in srgb,var(--color-bg) 88%,transparent);backdrop-filter:saturate(140%) blur(10px);-webkit-backdrop-filter:saturate(140%) blur(10px)}.site-header__brand{display:inline-flex;align-items:baseline;gap:.4em;font-family:var(--font-display);font-weight:700;font-size:1.2rem;color:var(--color-text);white-space:nowrap}.site-header__brand:hover{color:var(--color-text);text-decoration:none}.site-header__brand-mark{font-family:var(--font-mono);font-size:.7rem;font-weight:600;letter-spacing:.06em;color:var(--color-accent);border:1px solid var(--color-accent);border-radius:var(--radius-sm);padding:.1em .35em}.site-header__nav{display:flex;align-items:center;gap:var(--space-5);font-size:.95rem}.site-header__nav a:not(.site-header__cta){color:var(--color-text-muted)}.site-header__nav a:not(.site-header__cta):hover{color:var(--color-accent)}.site-header__cta{padding:.45rem 1rem;border-radius:var(--radius-pill);background-color:var(--color-accent);color:#fff!important;font-weight:600;font-size:.875rem;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease}.site-header__cta:hover{background-color:var(--color-accent-hover);text-decoration:none;transform:translateY(-1px);box-shadow:var(--shadow-md)}.theme-toggle,.nav-toggle{display:inline-flex;align-items:center;justify-content:center;width:2.1rem;height:2.1rem;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg-elevated);color:var(--color-text-muted);cursor:pointer;font-size:1rem;line-height:1;transition:border-color .15s ease,color .15s ease}.theme-toggle:hover,.nav-toggle:hover{border-color:var(--color-accent);color:var(--color-accent)}.theme-toggle .icon-dark{display:none}:root[data-theme=dark] .theme-toggle .icon-light{display:none}:root[data-theme=dark] .theme-toggle .icon-dark{display:inline}.nav-toggle{display:none}.site-footer{margin-top:var(--space-9);padding-block:var(--space-7);border-top:1px solid var(--color-border);display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:var(--space-6)}.site-footer__brand h2{font-size:1.05rem;margin:0 0 .5rem}.site-footer__brand p{color:var(--color-text-muted);font-size:.875rem;line-height:1.7;margin:0;max-width:26rem}.site-footer__col h3{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-faint);margin:0 0 .75rem;font-weight:600}.site-footer__col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.site-footer__col a{color:var(--color-text-muted);font-size:.9rem}.site-footer__col a:hover{color:var(--color-accent)}.site-footer__bottom{grid-column:1 / -1;margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:.5rem 1rem;justify-content:space-between;color:var(--color-text-faint);font-size:.8rem}.breadcrumbs{max-width:var(--content-max);margin:var(--space-5) auto 0;padding:0}.breadcrumbs ol{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;margin:0;padding:0;font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-faint)}.breadcrumbs a{color:var(--color-text-faint)}.breadcrumbs a:hover{color:var(--color-accent)}.breadcrumbs li[aria-current=page]{color:var(--color-text-muted)}.breadcrumbs .sep{opacity:.6}.prose{max-width:var(--content-max);margin:0 auto;line-height:1.85;font-size:var(--text-md)}.prose p{margin:0 0 1.3em}.prose ul,.prose ol{margin:0 0 1.3em;padding-left:1.5em}.prose li{margin-bottom:.45em}.prose blockquote{margin:1.75em 0;padding:.75em 1.4em;border-left:3px solid var(--color-accent);color:var(--color-text-muted);background-color:var(--color-surface);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.prose blockquote p:last-child{margin-bottom:0}blockquote.case-box,blockquote.info-box{position:relative;border-left-width:4px;padding-left:1.6em}blockquote.case-box{border-left-color:var(--color-signal);background-color:var(--color-signal-soft)}blockquote.case-box:before{content:"📋 案例";display:block;font-family:var(--font-mono);font-size:.7rem;font-weight:700;letter-spacing:.06em;color:var(--color-signal);margin-bottom:.5em}blockquote.info-box{border-left-color:var(--color-accent);background-color:var(--color-surface-accent)}blockquote.info-box:before{content:"💡 重點";display:block;font-family:var(--font-mono);font-size:.7rem;font-weight:700;letter-spacing:.06em;color:var(--color-accent);margin-bottom:.5em}.prose img{max-width:100%;height:auto;border-radius:var(--radius-md)}.prose hr{border:none;border-top:1px solid var(--color-border);margin:2.5em 0}.prose table{width:100%;border-collapse:collapse;margin:1.5em 0;font-size:.92em}.prose th,.prose td{border:1px solid var(--color-border);padding:.5em .75em;text-align:left}.prose th{background:var(--color-surface);font-family:var(--font-mono);font-size:.8em}code{font-family:var(--font-mono);font-size:.88em;background-color:var(--color-surface);border-radius:4px;padding:.15em .4em}.prose pre,pre.astro-code{position:relative;font-family:var(--font-mono);background-color:var(--color-code-bg)!important;color:var(--color-code-text);border:1px solid var(--color-code-border);border-radius:var(--radius-md);padding:2.25rem 1.25rem 1.25rem;overflow-x:auto;margin:1.75em 0}.prose pre:before{content:"● ● ●";position:absolute;top:.7rem;left:1.1rem;font-size:.6rem;letter-spacing:.3em;color:var(--color-code-border)}.prose pre code{background:none;padding:0;font-size:.875em;color:inherit}.code-copy{position:absolute;top:.6rem;right:.75rem;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.03em;color:var(--color-code-text);background:#ffffff14;border:1px solid var(--color-code-border);border-radius:var(--radius-sm);padding:.25rem .55rem;cursor:pointer;opacity:0;transition:opacity .15s ease,background-color .15s ease}.prose pre:hover .code-copy,.code-copy:focus-visible{opacity:1}.code-copy:hover{background:#ffffff29}.code-copy[data-copied=true]{color:#6ee7a8;border-color:#6ee7a8;opacity:1}.post-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:var(--space-5)}.post-list.view-list{grid-template-columns:1fr;gap:0}.post-card{display:flex;flex-direction:column;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-elevated);overflow:hidden;text-decoration:none;color:inherit;position:relative;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.post-card:hover{border-color:var(--color-accent);transform:translateY(-3px);box-shadow:var(--shadow-md);text-decoration:none}.post-card:after{content:"";position:absolute;top:.6rem;right:.6rem;width:.9rem;height:.9rem;border-top:2px solid var(--color-accent);border-right:2px solid var(--color-accent);opacity:0;transition:opacity .18s ease}.post-card:hover:after{opacity:1}.post-card__thumb{position:relative;width:100%;aspect-ratio:16 / 9;background:var(--color-surface);overflow:hidden}.post-card__thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.post-card:hover .post-card__thumb img{transform:scale(1.04)}.post-card__body{display:flex;flex-direction:column;gap:.5rem;padding:1.15rem 1.25rem 1.4rem;flex:1}.post-card__category{font-family:var(--font-mono);font-size:.7rem;font-weight:600;letter-spacing:.04em;color:var(--color-accent)}.post-card__body h3{margin:0;font-size:1.08rem;line-height:1.4;font-family:var(--font-display)}.post-card__body p{margin:0;font-size:.875rem;color:var(--color-text-muted);line-height:1.65;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-card__meta{margin-top:auto;padding-top:.35rem;font-family:var(--font-mono);font-size:.72rem;color:var(--color-text-faint);display:flex;gap:.4rem;flex-wrap:wrap}.view-list .post-card{flex-direction:row;align-items:stretch;border-radius:0;border-left:0;border-right:0;border-top:none;margin-top:-1px}.view-list .post-card:after{display:none}.view-list .post-card__thumb{width:9rem;min-width:9rem;aspect-ratio:4 / 3}.view-list .post-card__body{padding:1rem 0 1rem 1.25rem}.view-list .post-card__body p{-webkit-line-clamp:1}.view-toggle{display:inline-flex;border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:.2rem;gap:.2rem}.view-toggle button{border:none;background:none;padding:.35rem .85rem;border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-faint);cursor:pointer}.view-toggle button[aria-pressed=true]{background:var(--color-accent);color:#fff}.category-chips{display:flex;flex-wrap:wrap;gap:.5rem}.category-chips a{padding:.35rem .9rem;border-radius:var(--radius-pill);border:1px solid var(--color-border);font-size:.8rem;font-family:var(--font-mono);text-decoration:none;color:var(--color-text-muted)}.category-chips a:hover,.category-chips a.is-active{border-color:var(--color-accent);color:var(--color-accent)}.pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.4rem;margin:var(--space-7) 0;font-family:var(--font-mono);font-size:.85rem}.pagination a,.pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:2.1rem;height:2.1rem;padding-inline:.5rem;border-radius:var(--radius-sm);border:1px solid var(--color-border);color:var(--color-text-muted);text-decoration:none}.pagination a:hover{border-color:var(--color-accent);color:var(--color-accent);text-decoration:none}.pagination .is-current{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.pagination .is-disabled{opacity:.35;pointer-events:none}.progress-bar{position:fixed;top:0;left:0;height:3px;width:0%;background:linear-gradient(90deg,var(--color-accent),var(--color-signal));z-index:60;transition:width .1s linear}.post-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-6);align-items:start}.post-layout .toc-wrap{order:-1}@media(min-width:1100px){.post-layout{grid-template-columns:minmax(0,var(--content-max)) 15rem;justify-content:center}.post-layout .toc-wrap{order:0}}.toc-desktop{display:none}@media(min-width:1100px){.toc-desktop{display:block;position:sticky;top:5.5rem;max-height:calc(100vh - 7rem);overflow-y:auto;padding-left:var(--space-4);border-left:1px solid var(--color-border)}}.toc-desktop .toc-title,.toc-mobile summary{font-family:var(--font-mono);font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-faint);margin-bottom:.75rem}.toc-desktop ol,.toc-mobile ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.toc-desktop li[data-depth="3"],.toc-mobile li[data-depth="3"]{padding-left:.9rem}.toc-desktop a,.toc-mobile a{display:block;font-size:.82rem;line-height:1.4;color:var(--color-text-muted);border-left:2px solid transparent;padding-left:.6rem;margin-left:-.6rem}.toc-desktop a:hover,.toc-mobile a:hover{color:var(--color-accent);text-decoration:none}.toc-desktop a.is-active{color:var(--color-accent);border-left-color:var(--color-accent);font-weight:600}.toc-mobile{display:block;max-width:var(--content-max);margin:0 auto var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.85rem 1.1rem}.toc-mobile summary{cursor:pointer;margin-bottom:0}.toc-mobile[open] summary{margin-bottom:.75rem}.toc-mobile ol{padding-top:.5rem;border-top:1px solid var(--color-border)}@media(min-width:1100px){.toc-mobile{display:none}}.share-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:var(--space-6) 0;max-width:var(--content-max);margin-inline:auto}.share-row .share-label{font-family:var(--font-mono);font-size:.72rem;color:var(--color-text-faint);margin-right:.25rem}.share-row button,.share-row a{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .75rem;border-radius:var(--radius-pill);border:1px solid var(--color-border);background:var(--color-bg-elevated);color:var(--color-text-muted);font-size:.78rem;cursor:pointer;text-decoration:none}.share-row button:hover,.share-row a:hover{border-color:var(--color-accent);color:var(--color-accent);text-decoration:none}.share-row [data-share=native]{display:none}.share-row.has-native-share [data-share=native]{display:inline-flex}.share-row [data-copy][data-copied=true]{border-color:#16a34a;color:#16a34a}.post-nav{max-width:var(--content-max);margin:var(--space-7) auto 0;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.post-nav a{display:flex;flex-direction:column;gap:.35rem;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);color:inherit;text-decoration:none}.post-nav a:hover{border-color:var(--color-accent)}.post-nav .post-nav__dir{font-family:var(--font-mono);font-size:.7rem;color:var(--color-text-faint)}.post-nav .post-nav__next{text-align:right;align-items:flex-end}.post-nav__title{font-size:.9rem;font-weight:600;line-height:1.4}.related-posts{max-width:var(--container-max);margin:var(--space-8) auto 0}.related-posts h2{max-width:var(--content-max);margin-inline:auto;font-size:var(--text-xl)}.related-posts .post-list{max-width:var(--container-max);margin-inline:auto}.cta-box{padding:var(--space-6);border-radius:var(--radius-lg);background:var(--color-surface-accent);border:1px solid var(--color-border);position:relative;overflow:hidden}.cta-box:before{content:"";position:absolute;inset:0;background-image:linear-gradient(135deg,transparent 60%,var(--color-accent) 240%);opacity:.08;pointer-events:none}.cta-box h2{margin:0 0 .75rem}.cta-box p{margin:0 0 1.25rem;line-height:1.75;color:var(--color-text-muted)}.cta-button{display:inline-block;padding:.7rem 1.6rem;border-radius:var(--radius-md);background:var(--color-accent);color:#fff!important;text-decoration:none;font-weight:600;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease}.cta-button:hover{background:var(--color-accent-hover);text-decoration:none;transform:translateY(-1px);box-shadow:var(--shadow-md)}.search-box{max-width:26rem}#search .pagefind-ui__search-input{font-family:var(--font-sans);border-radius:var(--radius-md);border-color:var(--color-border)}#search .pagefind-ui__form:before{filter:none}:root{--pagefind-ui-primary: var(--color-accent);--pagefind-ui-text: var(--color-text);--pagefind-ui-background: var(--color-bg-elevated);--pagefind-ui-border: var(--color-border);--pagefind-ui-tag: var(--color-surface);--pagefind-ui-font: "Noto Sans TC", sans-serif}.back-to-top{position:fixed;right:var(--space-5);bottom:var(--space-5);width:2.6rem;height:2.6rem;border-radius:50%;border:1px solid var(--color-border);background:var(--color-bg-elevated);color:var(--color-text-muted);box-shadow:var(--shadow-md);cursor:pointer;opacity:0;transform:translateY(.5rem);pointer-events:none;transition:opacity .2s ease,transform .2s ease,border-color .15s ease;z-index:50;font-size:1.1rem}.back-to-top.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}.back-to-top:hover{border-color:var(--color-accent);color:var(--color-accent)}@keyframes fade-up{0%{opacity:0;transform:translateY(.6rem)}to{opacity:1;transform:translateY(0)}}.reveal{animation:fade-up .5s ease both}.post-list>li{animation:fade-up .45s ease both}.post-list>li:nth-child(1){animation-delay:.02s}.post-list>li:nth-child(2){animation-delay:.06s}.post-list>li:nth-child(3){animation-delay:.1s}.post-list>li:nth-child(4){animation-delay:.14s}.post-list>li:nth-child(5){animation-delay:.18s}.post-list>li:nth-child(6){animation-delay:.22s}@media(max-width:900px){.site-footer{grid-template-columns:1fr 1fr}.site-footer__brand{grid-column:1 / -1}}@media(max-width:640px){h1{font-size:1.7rem}.site-header{flex-wrap:wrap;padding-block:.75rem}.site-header__nav{position:fixed;inset:4rem .75rem auto;flex-direction:column;align-items:stretch;gap:.25rem;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:.75rem;box-shadow:var(--shadow-lg);transform:translateY(-.5rem);opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease}.site-header__nav.is-open{opacity:1;transform:translateY(0);pointer-events:auto}.site-header__nav a{padding:.6rem .5rem;border-radius:var(--radius-sm)}.site-header__nav a:not(.site-header__cta):hover{background:var(--color-surface)}.site-header__cta{text-align:center}.nav-toggle{display:inline-flex}.site-footer,.post-nav{grid-template-columns:1fr}.post-nav .post-nav__next{text-align:left;align-items:flex-start}.view-list .post-card__thumb{width:6rem;min-width:6rem}.back-to-top{right:var(--space-4);bottom:var(--space-4)}}