:root{--bg:#fff;--surface:#f6f5f1;--surface-2:#edebe5;--fg:#1d1c1a;--fg-2:#46443f;--muted:#6f6c66;--border:#e7e4dd;--accent:#c2410c;--accent-bright:#f26b21;--accent-wash:#fdf1e8;--dot:#c2410c4d;--font-sans:"Google Sans Flex Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--wide:72rem;--read:42rem;--list:54rem;--gutter:clamp(1rem, 4vw, 2rem);--r-xl:28px;--r-lg:22px;--r-md:14px;--r-sm:10px;--ease:cubic-bezier(.2, 0, 0, 1)}@media (prefers-color-scheme:dark){:root{--bg:#131312;--surface:#1c1b19;--surface-2:#262522;--fg:#eeece7;--fg-2:#c9c6bf;--muted:#9b978f;--border:#2d2b28;--accent:#ff8f5c;--accent-wash:#2b1d15;--dot:#ff8f5c3d}}*{box-sizing:border-box}html{color-scheme:light dark;scrollbar-gutter:stable;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--fg);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:1rem;line-height:1.7}img{max-width:100%;height:auto}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.container{max-width:var(--wide);padding-inline:var(--gutter);margin-inline:auto}.container-read{max-width:calc(var(--read) + 2 * var(--gutter));padding-inline:var(--gutter);margin-inline:auto}.container-list{max-width:calc(var(--list) + 2 * var(--gutter));padding-inline:var(--gutter);margin-inline:auto}.meta{color:var(--muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:.5rem;margin:0;font-size:.875rem;display:flex}.btn{border:1px solid var(--border);background:var(--bg);min-height:2.75rem;color:var(--fg);transition:background-color .2s var(--ease), border-color .2s var(--ease);border-radius:999px;align-items:center;gap:.4rem;padding:0 1.3rem;font-size:.95rem;font-weight:500;text-decoration:none;display:inline-flex}@media (hover:hover){.btn:hover{background:var(--surface-2);border-color:var(--surface-2)}}.site-header{background:var(--bg);border-bottom:1px solid var(--border)}.site-header .container{justify-content:space-between;align-items:center;gap:1rem;min-height:4.25rem;display:flex}.site-title{color:var(--fg);letter-spacing:-.01em;font-size:1.125rem;font-weight:700;text-decoration:none}.site-nav{gap:.375rem;display:flex}.site-nav a{background:var(--surface);min-height:2.75rem;color:var(--fg-2);transition:background-color .2s var(--ease), color .2s var(--ease);border-radius:999px;align-items:center;padding:0 1.15rem;font-size:.95rem;font-weight:500;text-decoration:none;display:inline-flex}@media (hover:hover){.site-nav a:hover{background:var(--surface-2);color:var(--fg)}}.site-nav a[aria-current=page]{background:var(--fg);color:var(--bg)}.hero{margin-top:clamp(1.5rem,4vw,2.5rem)}.hero-panel{border-radius:var(--r-xl);background:var(--surface);padding:clamp(2rem,6vw,4rem);position:relative;overflow:hidden}.hero-panel:after{content:"";background-image:radial-gradient(var(--dot) 1.2px, transparent 1.6px);pointer-events:none;background-size:22px 22px;position:absolute;inset:0;mask-image:radial-gradient(60% 85% at 100% 0,#000 10%,#0000 70%)}.hero-panel>*{z-index:1;position:relative}.hero-panel h1{letter-spacing:-.02em;margin:0;font-size:clamp(2rem,4.5vw,3rem);font-weight:700;line-height:1.2}.hero-lead{max-width:36em;color:var(--fg-2);margin:1.1rem 0 0;font-size:clamp(1.05rem,1.7vw,1.2rem);line-height:1.85}.hero-note{max-width:36em;color:var(--muted);margin:.8rem 0 0;font-size:.92rem}.hero-actions{flex-wrap:wrap;gap:.6rem;margin-top:1.9rem;display:flex}.section{margin-top:clamp(3.5rem,8vw,5.5rem)}.section-head{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1.75rem;display:flex}.section-head h2{letter-spacing:-.015em;margin:0;font-size:clamp(1.5rem,2.8vw,2rem);font-weight:700}.section-link{color:var(--accent);white-space:nowrap;font-weight:500;text-decoration:none}@media (hover:hover){.section-link:hover{text-underline-offset:4px;text-decoration:underline}}.section-foot{justify-content:center;margin-top:clamp(2.5rem,5vw,3.5rem);display:flex}.feature-media,.card-media,.row-media{background:var(--surface);position:relative;overflow:hidden;container-type:inline-size}.feature-media img,.card-media img,.row-media img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease);display:block}.feature{color:inherit;grid-template-columns:1.35fr 1fr;align-items:center;gap:clamp(1.5rem,4vw,3.25rem);text-decoration:none;display:grid}.feature-media{aspect-ratio:16/10;border-radius:var(--r-xl)}@media (hover:hover){.feature:hover .feature-media img{transform:scale(1.03)}}.badge{background:var(--accent-wash);color:var(--accent);border-radius:999px;padding:.22rem .75rem;font-size:.8rem;font-weight:600;display:inline-flex}.feature h3{letter-spacing:-.015em;margin:.9rem 0 .7rem;font-size:clamp(1.6rem,3.1vw,2.3rem);font-weight:700;line-height:1.3}.feature-excerpt{color:var(--fg-2);margin:0 0 1.2rem;font-size:1.1rem;line-height:1.75}@media (hover:hover){.feature:hover h3,.card:hover h3,.row:hover h3{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:5px;text-decoration-thickness:2px}}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(2rem,4vw,2.75rem) clamp(1.25rem,2.5vw,2rem);margin-top:clamp(2.75rem,6vw,4rem);display:grid}.card{color:inherit;flex-direction:column;text-decoration:none;display:flex}.card-media{aspect-ratio:16/10;border-radius:var(--r-lg)}@media (hover:hover){.card:hover .card-media img{transform:scale(1.04)}}.card-date{color:var(--muted);font-variant-numeric:tabular-nums;margin-top:1.05rem;font-size:.85rem}.card h3{letter-spacing:-.005em;margin:.3rem 0 .4rem;font-size:1.17rem;font-weight:700;line-height:1.45}.card p{color:var(--fg-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.95rem;line-height:1.65;display:-webkit-box;overflow:hidden}.cover-fallback{background:var(--tone-bg);color:var(--tone-ink);transition:transform .6s var(--ease);position:absolute;inset:0;overflow:hidden}.cover-fallback:before{content:"";opacity:.16;background-image:radial-gradient(currentColor 1px,#0000 1.4px);background-size:18px 18px;position:absolute;inset:0;mask-image:linear-gradient(135deg,#000,#0000 65%)}.cover-fallback span{letter-spacing:-.04em;font-size:56cqi;font-weight:800;line-height:1;position:absolute;bottom:-9cqi;right:5cqi}@media (hover:hover){.card:hover .cover-fallback,.feature:hover .cover-fallback,.row:hover .cover-fallback{transform:scale(1.04)}}.cover-fallback[data-tone="0"]{--tone-bg:#fbe9dd;--tone-ink:#c2410c}.cover-fallback[data-tone="1"]{--tone-bg:#e3ecf6;--tone-ink:#2f5d8c}.cover-fallback[data-tone="2"]{--tone-bg:#e2efe5;--tone-ink:#2f6b45}.cover-fallback[data-tone="3"]{--tone-bg:#efe6f4;--tone-ink:#6d3f86}.cover-fallback[data-tone="4"]{--tone-bg:#f5eed7;--tone-ink:#876312}@media (prefers-color-scheme:dark){.cover-fallback[data-tone="0"]{--tone-bg:#3a2216;--tone-ink:#ffad85}.cover-fallback[data-tone="1"]{--tone-bg:#182a3d;--tone-ink:#8fbcec}.cover-fallback[data-tone="2"]{--tone-bg:#16301f;--tone-ink:#8fd1a5}.cover-fallback[data-tone="3"]{--tone-bg:#2c1f36;--tone-ink:#d1a8ea}.cover-fallback[data-tone="4"]{--tone-bg:#33290f;--tone-ink:#e6c66e}}@media (width<=960px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.feature{grid-template-columns:1fr}}@media (width<=600px){.card-grid{grid-template-columns:1fr}}.archive{padding-top:clamp(1.5rem,4vw,2.5rem)}.year+.year{margin-top:clamp(2.5rem,6vw,3.5rem)}.year h2{border-bottom:1px solid var(--border);letter-spacing:-.015em;font-variant-numeric:tabular-nums;margin:0 0 .75rem;padding-bottom:.75rem;font-size:clamp(1.5rem,3vw,1.9rem);font-weight:700}.post-list{margin:0;padding:0;list-style:none}.row{border-radius:var(--r-lg);color:inherit;transition:background-color .2s var(--ease);grid-template-columns:8.5rem minmax(0,1fr) auto;align-items:center;gap:1.4rem;margin-inline:-.75rem;padding:.75rem;text-decoration:none;display:grid}@media (hover:hover){.row:hover{background:var(--surface)}}.row-media{aspect-ratio:4/3;border-radius:var(--r-md)}@media (hover:hover){.row:hover .row-media img{transform:scale(1.05)}}.row h3{margin:0;font-size:1.12rem;font-weight:700;line-height:1.5}.row-body p{color:var(--muted);-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:.25rem 0 0;font-size:.93rem;line-height:1.6;display:-webkit-box;overflow:hidden}.row time{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.875rem}@media (width<=600px){.row{grid-template-columns:6rem minmax(0,1fr);gap:1rem}.row time{grid-area:1/2;align-self:start;font-size:.8rem}.row-body{grid-area:1/2;padding-top:1.35rem}.row-media{grid-row:1}}.article-head{padding-top:clamp(2rem,5vw,3.5rem)}.crumb{color:var(--muted);transition:color .2s var(--ease);font-size:.92rem;font-weight:500;text-decoration:none}@media (hover:hover){.crumb:hover{color:var(--accent)}}.article-head h1{letter-spacing:-.02em;margin:1.25rem 0 0;font-size:clamp(1.9rem,4.6vw,2.75rem);font-weight:700;line-height:1.3}.dek{color:var(--fg-2);margin:.9rem 0 0;font-size:clamp(1.1rem,2vw,1.28rem);line-height:1.7}.article-head .meta{border-bottom:1px solid var(--border);margin-top:1.4rem;padding-bottom:1.8rem}.article-cover{max-width:calc(62rem + 2 * var(--gutter));padding-inline:var(--gutter);margin:clamp(2rem,4vw,2.75rem) auto 0}.article-cover img{object-fit:cover;border-radius:var(--r-xl);width:100%;max-height:36rem;display:block}.prose{margin-top:clamp(2rem,4vw,2.75rem);font-size:1.125rem;line-height:1.9}.prose>:first-child{margin-top:0}.prose p{margin:1.25em 0}.prose h2,.prose h3,.prose h4{color:var(--fg);letter-spacing:-.01em;font-weight:700;line-height:1.45}.prose h2{margin:2.1em 0 .5em;font-size:1.45em}.prose h3{margin:1.7em 0 .4em;font-size:1.2em}.prose h4{margin:1.4em 0 .35em;font-size:1.04em}.prose h2+*,.prose h3+*,.prose h4+*{margin-top:0}.prose h2+h3,.prose h3+h4{margin-top:.6em}.prose img{border-radius:var(--r-md);max-width:100%;height:auto;margin:.75em 0;display:block}.prose p:has(>img){margin:0}.prose p:has(+p>img){margin-bottom:0}.prose p:has(>img)+p{margin-top:0}.prose figure{margin:1em 0}.prose figure img{margin:0}.prose figcaption{color:var(--muted);text-align:center;margin-top:.6em;font-size:.85em}.prose .bento-gallery{grid-template-columns:repeat(4,1fr);grid-auto-rows:9.5rem;gap:.6rem;margin:1.6em 0;display:grid}.prose .bento-gallery img{object-fit:cover;border-radius:var(--r-sm);width:100%;height:100%;margin:0}.prose .bento-gallery img:first-child{grid-area:span 2/span 2}.prose .bento-gallery img:nth-child(2){grid-column:span 2}@media (width<=560px){.prose .bento-gallery{grid-template-columns:repeat(2,1fr);grid-auto-rows:7rem}}.prose blockquote{border:none;border-left:3px solid var(--accent);border-radius:0 var(--r-sm) var(--r-sm) 0;background:var(--accent-wash);color:var(--fg);margin:1.6em 0;padding:.95em 1.3em;font-style:normal}.prose blockquote p{margin:.4em 0}.prose a{color:var(--fg);text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:3px;transition:color .2s var(--ease);font-weight:500;text-decoration-thickness:1px}@media (hover:hover){.prose a:hover{color:var(--accent)}}.prose strong{color:var(--fg);font-weight:700}.prose em{color:inherit;font-style:italic}.prose hr{border:none;border-top:1px solid var(--border);margin:2.6em 0}.prose code{background:var(--surface-2);color:var(--fg);font-family:var(--font-mono);border-radius:6px;padding:.12em .42em;font-size:.86em}.prose pre{border:1px solid var(--border);border-radius:var(--r-md);padding:1.1em 1.25em;font-size:.86em;line-height:1.7;overflow-x:auto;background:var(--surface)!important}.prose pre code{background:0 0;padding:0;font-size:1em}.prose ul,.prose ol{padding-left:1.4em}.prose li{margin:.4em 0}.prose li::marker{color:var(--accent)}.prose table{border-collapse:collapse;width:100%;margin:1.6em 0;font-size:.92em}.prose th,.prose td{border:1px solid var(--border);text-align:left;padding:.6em .9em}.prose th{background:var(--surface);font-weight:700}.post-nav{grid-template-columns:1fr 1fr;gap:1rem;margin-top:clamp(3rem,7vw,4.5rem);display:grid}.nav-card{border-radius:var(--r-lg);background:var(--surface);color:inherit;transition:background-color .2s var(--ease);flex-direction:column;gap:.35rem;padding:1.25rem 1.4rem;text-decoration:none;display:flex}@media (hover:hover){.nav-card:hover{background:var(--surface-2)}}.nav-card span{color:var(--muted);font-size:.85rem}.nav-card strong{font-size:1.02rem;font-weight:600;line-height:1.5}.nav-older{text-align:right;grid-column:2}@media (width<=600px){.post-nav{grid-template-columns:1fr}.nav-older{grid-column:auto}}.notfound{text-align:center;padding-block:clamp(4rem,12vw,7rem)}.notfound h1{letter-spacing:-.04em;margin:0;font-size:clamp(4rem,12vw,6rem);font-weight:800;line-height:1}.notfound p{color:var(--fg-2)}.notfound .hero-actions{justify-content:center}.site-footer{background:var(--surface);margin-top:clamp(5rem,10vw,7rem);padding-block:2.75rem 2rem}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.5rem;display:flex}.footer-brand p{color:var(--muted);margin:.35rem 0 0;font-size:.92rem}.footer-links{flex-wrap:wrap;gap:.5rem;display:flex}.footer-links a{background:var(--bg);min-height:2.75rem;color:var(--fg-2);transition:color .2s var(--ease);border-radius:999px;align-items:center;gap:.4rem;padding:0 1.1rem;font-size:.92rem;font-weight:500;text-decoration:none;display:inline-flex}@media (hover:hover){.footer-links a:hover{color:var(--accent)}}.footer-bottom{margin-top:2rem}.footer-bottom p{border-top:1px solid var(--border);color:var(--muted);margin:0;padding-top:1.25rem;font-size:.85rem}@media (width<=480px){.site-nav a{padding:0 .95rem}}