:root{--brand-50: #fff7fb;--brand-100: #fceef4;--brand-200: #f0d1de;--brand-300: #f8e7ee;--brand-400: #d7b2c7;--brand-500: #c69ab4;--brand-600: #b0849d;--brand-700: #a37e93;--deep-purple: #4b3363;--charcoal: #333333;--blush-white: #fef9fb;--cloud-blue: #a5c5de;--mist-blue: #f4f8fb;--text: #333333;--text-muted: #6b6470;--text-faint: #8c8590;--line: #ece4e9;--surface: #ffffff;--page: #ffffff;--font-serif: "Noto Serif TC", "Songti TC", "PMingLiU", ui-serif, Georgia, serif;--font-display: "Playfair Display", "Noto Serif TC", ui-serif, Georgia, serif;--radius: 16px;--radius-sm: 10px;--content-width: 1120px;--reading-width: 720px;--box-shadow: 0 2px 6px rgba(75, 51, 99, .06), 0 10px 28px rgba(75, 51, 99, .08);--cat-diary: #8c6bb1;--cat-diary-bg: #f7f1f8;--cat-diary-line: #d7b2c7;--cat-useful: #3b7a57;--cat-useful-bg: #edf7ef;--cat-useful-line: #a9d1b1;--cat-photo: #4a6fa5;--cat-photo-bg: #eef4fa;--cat-photo-line: #a2c4f7;--accent: var(--brand-600);--accent-dark: var(--deep-purple);--black: 51, 51, 51;--gray: 107, 100, 112;--gray-light: 236, 228, 233;--gray-dark: 51, 51, 51}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-serif);margin:0;padding:0;background:var(--page);color:var(--text);font-size:16px;line-height:1.75;overflow-wrap:break-word;-webkit-font-smoothing:antialiased;overflow-x:clip}main{width:100%;margin:0 auto}h1,h2,h3,h4,h5,h6{margin:0 0 .5rem;color:var(--charcoal);font-weight:600;line-height:1.3}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}h5{font-size:1rem}strong,b{font-weight:700}a{color:var(--deep-purple)}a:hover{color:var(--brand-600)}p{margin:0 0 1em}textarea,input,button{font-family:inherit;font-size:16px}img{max-width:100%;height:auto;border-radius:8px}iframe{max-width:100%}code{padding:2px 5px;background-color:var(--brand-100);border-radius:4px}pre{padding:1.5em;border-radius:10px}pre>code{all:unset}blockquote{border-left:3px solid var(--brand-400);padding:0 0 0 20px;margin:0;font-size:.95rem}hr{border:none;border-top:1px solid var(--line)}.container{width:100%;max-width:var(--content-width);margin:0 auto;padding:0 1.5rem}.container.narrow{max-width:920px}.eyebrow{display:inline-block;font-family:var(--font-display);font-size:.75rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--brand-600);margin-bottom:.75rem}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:2rem}.section-head h1,.section-head h2{font-size:clamp(1.6rem,3.2vw,2.25rem);font-weight:500;margin:0}.section-head p{color:var(--text-muted);margin:.5rem 0 0}.band{padding:5rem 0}.band-blush{background:var(--blush-white)}.pill-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.6rem 1.4rem;border-radius:999px;font-size:.95rem;text-decoration:none;border:1px solid var(--brand-400);color:var(--deep-purple);background:transparent;cursor:pointer;transition:background .2s,color .2s,border-color .2s;white-space:nowrap}.pill-btn:hover{background:var(--brand-100);color:var(--deep-purple)}.pill-btn.solid{background:#fff;border-color:#fff;color:var(--charcoal)}.pill-btn.solid:hover{background:var(--brand-100);border-color:var(--brand-100)}.pill-btn.ghost-light{border-color:#ffffff73;color:#fff}.pill-btn.ghost-light:hover{background:#ffffff1f;color:#fff}.tag{display:inline-block;font-size:.72rem;padding:.15rem .6rem;border-radius:999px;background:var(--brand-100);color:var(--brand-700);letter-spacing:.02em;white-space:nowrap}.hidden{display:none!important}.sr-only{border:0;padding:0;margin:0;position:absolute!important;height:1px;width:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.prose{font-size:1.07rem;line-height:2;color:#3a3540;word-break:break-word;overflow-wrap:break-word}.prose h1,.prose h2{position:relative;font-size:1.5rem;font-weight:700;color:var(--charcoal);margin:2.75em 0 .8em;padding-top:.9em}.prose h1:before,.prose h2:before{content:"";position:absolute;top:0;left:0;width:2.5rem;height:3px;border-radius:2px;background:var(--brand-400)}.prose>:first-child{margin-top:0}.prose h3{font-size:1.18rem;font-weight:700;color:var(--deep-purple);margin:2em 0 .5em}.prose h4{font-size:1.02rem;font-weight:700;margin:1.5em 0 .4em}.prose p{margin:1.1em 0}.prose ul,.prose ol{padding-left:1.6em;margin:.8em 0}.prose li{margin:.4em 0;line-height:1.9}.prose li::marker{color:var(--brand-500)}.prose li>ul,.prose li>ol{margin:.3em 0}.prose a{color:var(--deep-purple);text-decoration:underline;text-decoration-color:var(--brand-400);text-decoration-thickness:1.5px;text-underline-offset:4px;transition:color .15s,text-decoration-color .15s}.prose a:hover{color:var(--brand-600);text-decoration-color:var(--brand-600)}.prose a:has(img){text-decoration:none}.prose img{max-width:100%;max-height:560px;height:auto;border-radius:12px;margin:2rem auto;display:block}.prose figure{margin:2rem 0}.prose figcaption{text-align:center;font-size:.85rem;color:var(--text-faint);margin-top:-1rem}.prose blockquote{border-left:3px solid var(--brand-400);background:var(--blush-white);border-radius:0 12px 12px 0;margin:1.75em 0;padding:.9em 1.3em;color:#4a4550;font-size:1rem}.prose blockquote p{margin:.3em 0}.prose code{font-size:.88em;background:var(--brand-100);color:var(--deep-purple);padding:.15em .45em;border-radius:4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.prose pre{overflow-x:auto;padding:1.25em 1.5em;border-radius:12px;font-size:.875rem;line-height:1.65;margin:1.75rem 0}.prose pre code{font-size:inherit;background:transparent;color:inherit;padding:0}.prose table{display:block;overflow-x:auto;max-width:100%;border-collapse:collapse;font-size:.92rem;margin:1.75rem 0;line-height:1.6;-webkit-overflow-scrolling:touch}.prose thead th{background:var(--brand-100);color:var(--deep-purple);font-weight:700}.prose th,.prose td{padding:.65em 1em;text-align:left;border-bottom:1px solid var(--line)}.prose hr{border:none;border-top:1px solid var(--line);margin:3em 0}.prose strong{color:var(--charcoal);font-weight:700;background:linear-gradient(transparent 62%,var(--brand-100) 62%)}.prose .blog-img-small,.blog-img-small{display:block;margin:1.5rem auto;width:100%;max-width:400px;border-radius:12px}.prose .blog-img-wide,.blog-img-wide{display:block;margin:2rem auto;width:100%;max-width:720px;border-radius:12px}.blog-hero{display:block;width:100%;max-height:480px;object-fit:cover;border-radius:0;margin-bottom:2rem}.blog-figure{display:flex;flex-direction:column;align-items:center;text-align:center;margin:1.5rem auto;max-width:480px}.prose .blog-figure img,.blog-figure img{width:100%;margin:0;border-radius:12px}.prose .blog-figure figcaption,.blog-figure figcaption{margin-top:.5rem;font-size:.85rem;color:var(--text-faint);line-height:1.5}.img-row{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin:2rem 0}.img-row .blog-figure{max-width:calc(50% - .5rem);margin:0}.blog-img-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:2rem 0}.blog-img-grid figure{margin:0;text-align:center}.prose .blog-img-grid img{margin:0 auto}.blog-img-grid figcaption{font-size:.85rem;color:var(--text-faint);margin-top:.5rem;line-height:1.4}@media (max-width: 720px){body{line-height:1.8}.container{padding:0 1rem}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.08rem}h4{font-size:1rem}pre{overflow-x:auto;font-size:.82rem;padding:1em}.section-head{flex-direction:column;align-items:flex-start}.band{padding:3.25rem 0}.prose{font-size:1rem;line-height:1.95}.prose h1,.prose h2{font-size:1.25rem;margin-top:2.25em}.prose h3{font-size:1.08rem}.prose img{margin:1.25rem auto;border-radius:8px;max-height:70vh}.img-row .blog-figure{max-width:100%}}.site-header[data-astro-cid-3ef6ksr2]{position:sticky;top:0;z-index:100;background:#fffffff5;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 1px 0 var(--line),0 4px 16px #4b33630d}.header-inner[data-astro-cid-3ef6ksr2]{max-width:1280px;margin:0 auto;padding:.9rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.brand[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;gap:.6rem;text-decoration:none;flex-shrink:0;min-width:0}.brand-title[data-astro-cid-3ef6ksr2]{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--deep-purple);letter-spacing:.04em;white-space:nowrap}.brand-label[data-astro-cid-3ef6ksr2]{font-family:var(--font-display);font-size:.72rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--brand-600);padding:.2rem .6rem;border:1px solid var(--brand-200);border-radius:999px;line-height:1.4}.site-nav[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;gap:.25rem}.nav-external[data-astro-cid-3ef6ksr2]{margin-left:.5rem;padding:.45rem 1rem;border:1px solid var(--brand-200);border-radius:999px;font-size:.85rem;color:var(--brand-700);text-decoration:none;white-space:nowrap;transition:background .15s}.nav-external[data-astro-cid-3ef6ksr2]:hover{background:var(--brand-100);color:var(--deep-purple)}@media (max-width: 720px){.header-inner[data-astro-cid-3ef6ksr2]{padding:.7rem 1rem;gap:.5rem}.brand-title[data-astro-cid-3ef6ksr2]{font-size:1.05rem}.brand-label[data-astro-cid-3ef6ksr2],.nav-external[data-astro-cid-3ef6ksr2]{display:none}.site-nav[data-astro-cid-3ef6ksr2]{gap:0}}.site-footer[data-astro-cid-sz7xmlte]{background:var(--brand-500);color:#fff}.footer-inner[data-astro-cid-sz7xmlte]{max-width:56rem;margin:0 auto;padding:2.5rem 1.5rem;text-align:center}.footer-nav[data-astro-cid-sz7xmlte]{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1.5rem;margin-bottom:1.5rem;font-size:.9rem;font-weight:500}.footer-nav[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]{color:#fff;text-decoration:none;transition:color .15s}.footer-nav[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]:hover{color:var(--brand-100)}.social-links[data-astro-cid-sz7xmlte]{display:flex;justify-content:center;gap:1.5rem;list-style:none;padding:0;margin:0 0 1.5rem}.social-links[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]{display:inline-flex;color:#fff;transition:color .15s,transform .15s}.social-links[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]:hover{color:var(--brand-100);transform:translateY(-1px)}.social-links[data-astro-cid-sz7xmlte] svg[data-astro-cid-sz7xmlte]{width:22px;height:22px}.copyright[data-astro-cid-sz7xmlte]{font-size:.78rem;color:#fffc;margin:0}