:root{--primary:#415f91;--on-primary:#fff;--primary-container:#d6e3ff;--on-primary-container:#001b3e;--secondary:#565f71;--secondary-container:#dae2f9;--on-secondary-container:#131c2b;--tertiary:#006874;--tertiary-container:#9eeffd;--on-tertiary-container:#001f24;--surface:#f9f9ff;--surface-container-lowest:#fff;--surface-container-low:#f3f3fa;--surface-container:#ededf4;--surface-container-high:#e7e8ee;--on-surface:#191c20;--on-surface-variant:#44474e;--outline:#74777f;--outline-variant:#c4c6d0;--fg:var(--on-surface);--muted:var(--on-surface-variant);--bg:var(--surface);--bg-alt:var(--surface-container);--accent:var(--primary);--gold:var(--tertiary);--border:var(--outline-variant);--maxw:42rem;--wide:1080px;--gutter:1.5rem;--shape-sm:12px;--shape-md:16px;--shape-lg:24px;--shape-xl:28px;--shape-full:999px;--motion-spring:cubic-bezier(.34, 1.4, .64, 1);--motion-emphasized:cubic-bezier(.2, 0, 0, 1);--elevation-2:0 2px 6px 2px color-mix(in srgb, var(--on-surface) 8%, transparent), 0 1px 2px color-mix(in srgb, var(--on-surface) 12%, transparent);--elevation-3:0 8px 24px -4px color-mix(in srgb, var(--on-surface) 18%, transparent), 0 2px 6px color-mix(in srgb, var(--on-surface) 10%, transparent)}@media (prefers-color-scheme:dark){:root{--primary:#aac7ff;--on-primary:#0a305f;--primary-container:#284777;--on-primary-container:#d6e3ff;--secondary:#bec6dc;--secondary-container:#3e4759;--on-secondary-container:#dae2f9;--tertiary:#82d3e0;--tertiary-container:#004f58;--on-tertiary-container:#a2eeff;--surface:#111318;--surface-container-lowest:#0c0e13;--surface-container-low:#191c20;--surface-container:#1d2024;--surface-container-high:#282a2f;--on-surface:#e2e2e9;--on-surface-variant:#c4c6d0;--outline:#8e9099;--outline-variant:#44474e}}*{box-sizing:border-box}html{scrollbar-gutter:stable;font-size:19px}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;margin:0;font-family:system-ui,-apple-system,Noto Sans TC,PingFang TC,Microsoft JhengHei,sans-serif;line-height:1.85}main{max-width:var(--maxw);margin:0 auto;padding:27px 1.25rem 54px}.site-header{max-width:var(--wide);padding:2rem var(--gutter) 1.25rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin:0 auto;display:flex;position:relative}.site-title-group{flex-direction:column;gap:.4rem;display:flex}.site-title{color:var(--fg);letter-spacing:-.02em;font-size:1.7rem;font-weight:900;line-height:1.2;text-decoration:none}.site-tagline{color:var(--muted);margin:0;font-size:.9rem;font-weight:500;line-height:1.3}.site-header nav{gap:.5rem;display:flex}.site-header nav a{color:var(--fg);border-radius:var(--shape-full);background:var(--surface-container);transition:background-color .25s var(--motion-emphasized), color .25s var(--motion-emphasized), border-radius .35s var(--motion-spring), transform .35s var(--motion-spring);padding:.55rem 1.15rem;font-size:.88rem;font-weight:600;line-height:1.2;text-decoration:none}.site-header nav a:hover{background:var(--primary-container);color:var(--on-primary-container);border-radius:var(--shape-md);transform:translateY(-2px)}.nav-toggle,.nav-toggle-label{display:none}.nav-wrap{position:relative}@media (width<=640px){.site-header{align-items:center}.nav-toggle-label{box-sizing:content-box;border-radius:var(--shape-md);cursor:pointer;-webkit-tap-highlight-color:transparent;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:22px;height:16px;margin:-13px;padding:13px;display:flex}.nav-toggle-label span{background:var(--fg);border-radius:2px;width:100%;height:2px;transition:transform .2s,opacity .2s;display:block}.site-header nav{background:var(--surface-container-high);border-radius:var(--shape-lg);min-width:150px;box-shadow:var(--elevation-3);z-index:20;border:none;flex-direction:column;gap:.25rem;padding:.5rem;display:none;position:absolute;top:calc(100% + .65rem);right:0}.site-header nav a{border-radius:var(--shape-md);background:0 0;padding:.7rem .9rem}.site-header nav a:hover{background:var(--primary-container);transform:none}.nav-toggle:checked~nav{display:flex}.nav-toggle:checked~.nav-toggle-label span:first-child{transform:translateY(6px)rotate(45deg)}.nav-toggle:checked~.nav-toggle-label span:nth-child(2){opacity:0}.nav-toggle:checked~.nav-toggle-label span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}}.cover-image{object-fit:cover;border-radius:var(--shape-xl);width:100%;max-height:420px;margin-bottom:1rem}.post>header{margin:.5rem 0 2rem}.post header h1{letter-spacing:-.02em;margin:0;font-size:clamp(2rem,6vw,2.5rem);font-weight:900;line-height:1.28}.post header time{color:var(--on-tertiary-container);background:var(--tertiary-container);border-radius:var(--shape-full);margin-top:.9rem;padding:.25rem .85rem;font-size:.8rem;font-weight:600;display:inline-block}.prose p{margin:1.3rem 0}.prose h2+p,.prose h3+p{margin-top:0}.prose h2,.prose h3{color:var(--fg);letter-spacing:-.01em;margin:2.2rem 0 .4rem;font-weight:800}.prose h2{font-size:1.35rem}.prose h3{font-size:1.12rem}.prose img{border-radius:var(--shape-lg);max-width:100%;height:auto;margin:.6rem 0}.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:.8rem 0}.prose figure img{margin:0}.prose figcaption{text-align:center;color:var(--muted);margin-top:.5rem;font-size:.85rem}.prose .bento-gallery{grid-template-columns:repeat(4,1fr);grid-auto-rows:9rem;gap:.6rem;margin:1.6rem 0;display:grid}.prose .bento-gallery img{object-fit:cover;border-radius:var(--shape-md);width:100%;height:100%;margin:0}.prose .bento-gallery img:first-child{border-radius:var(--shape-xl);grid-area:span 2/span 2}.prose .bento-gallery img:nth-child(2){grid-area:span 1/span 2}.prose .bento-gallery img:nth-child(3),.prose .bento-gallery img:nth-child(4){grid-area:span 1/span 1}@media (width<=560px){.prose .bento-gallery{grid-template-columns:repeat(2,1fr);grid-auto-rows:7rem}.prose .bento-gallery img:first-child{grid-area:span 2/span 2}.prose .bento-gallery img:nth-child(2){grid-area:span 1/span 2}}.prose blockquote{background:var(--secondary-container);color:var(--on-secondary-container);border-radius:var(--shape-sm) var(--shape-xl) var(--shape-xl) var(--shape-sm);border:none;margin:1.4rem 0;padding:.9rem 1.4rem;font-style:normal}.prose a{color:var(--primary);text-decoration-color:color-mix(in srgb, var(--primary) 40%, transparent);text-underline-offset:3px;font-weight:600}.prose strong{color:var(--fg);font-weight:800}.prose em{color:inherit;font-style:italic}.prose hr{background:var(--tertiary-container);border-radius:var(--shape-full);border:none;width:64px;height:5px;margin:2.5rem auto}.prose code{background:var(--surface-container);color:var(--fg);border-radius:8px;padding:.1em .45em;font-family:SF Mono,Menlo,Consolas,monospace;font-size:.86em}.prose pre{border-radius:var(--shape-md);border:none;padding:1.1rem 1.2rem;font-size:.9rem;overflow-x:auto;background:var(--surface-container)!important}.prose pre code{background:0 0;border-radius:0;padding:0}.prose ul,.prose ol{padding-left:1.4rem}.prose li{margin:.4rem 0}.prose ul li::marker{color:var(--primary)}.prose table{border-collapse:separate;border-spacing:0;border-radius:var(--shape-md);background:var(--surface-container-low);width:100%;margin:1.6rem 0;font-size:.95rem;overflow:hidden}.prose th,.prose td{text-align:left;padding:.65rem .9rem}.prose th{color:var(--on-secondary-container);background:var(--secondary-container);font-weight:700}.prose tbody tr:nth-child(2n){background:var(--surface-container)}.back{margin-top:3rem}.back a{color:var(--on-primary-container);background:var(--primary-container);border-radius:var(--shape-full);transition:border-radius .35s var(--motion-spring), transform .35s var(--motion-spring), box-shadow .25s ease;padding:.55rem 1.3rem;font-size:.88rem;font-weight:600;text-decoration:none;display:inline-block}.back a:hover{border-radius:var(--shape-md);box-shadow:var(--elevation-2);transform:translateY(-2px)}.site-footer{max-width:var(--wide);padding:1.5rem var(--gutter);background:var(--surface-container-low);border-radius:var(--shape-xl);color:var(--muted);margin:0 auto 1.5rem;font-size:.85rem}.site-footer .social{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.site-footer .social a{color:var(--fg);border-radius:var(--shape-full);background:var(--surface-container-high);margin-right:0;padding:.35rem .95rem;font-weight:600;text-decoration:none;transition:background-color .25s,color .25s}.site-footer .social a:hover{background:var(--primary-container);color:var(--on-primary-container)}.site-footer .social .rss-icon{align-items:center;padding:.35rem .6rem;display:inline-flex}.site-footer p{margin-bottom:0}.page-title{letter-spacing:-.02em;margin:0 0 .2rem;font-size:1.8rem;font-weight:900}.archive-count{color:var(--muted);margin:0 0 1.5rem;font-size:.9rem}.archive-year h2{color:var(--primary);border-bottom:none;margin:2rem 0 .4rem;padding-bottom:0;font-size:1.05rem;font-weight:800}.archive-year ul{margin:0;padding:0;list-style:none}.archive-year li{border-radius:var(--shape-md);transition:background-color .2s var(--motion-emphasized);align-items:baseline;gap:1rem;margin:0 -.8rem;padding:.45rem .8rem;display:flex}.archive-year li:hover{background:var(--surface-container)}.archive-year time{color:var(--muted);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:.85rem}.archive-year a{color:var(--fg);text-decoration:none}.archive-year a:hover{color:var(--primary)}.post-nav{justify-content:space-between;gap:1rem;margin-top:3.5rem;display:flex}.post-nav a{color:var(--fg);background:var(--surface-container-low);border-radius:var(--shape-lg);max-width:46%;transition:background-color .25s ease, transform .35s var(--motion-spring), border-radius .35s var(--motion-spring), box-shadow .25s ease;flex:1;padding:.9rem 1.2rem;font-size:.95rem;font-weight:600;text-decoration:none}.post-nav a:hover{background:var(--primary-container);color:var(--on-primary-container);border-radius:var(--shape-sm);box-shadow:var(--elevation-2);transform:translateY(-3px)}.post-nav a span{color:var(--muted);margin-bottom:.2rem;font-size:.75rem;font-weight:500;display:block}.post-nav a:hover span{color:inherit;opacity:.75}.post-nav .older{text-align:right;margin-left:auto}.notfound{text-align:center;padding:4rem 0}.notfound h1{letter-spacing:-.04em;color:var(--primary);margin:0 0 .5rem;font-size:5rem;font-weight:900}.notfound a{color:var(--primary);font-weight:600}.home{width:100vw;margin-left:-50vw;padding:1rem 0 4rem;position:relative;left:50%}.home-inner{max-width:var(--wide);padding:0 var(--gutter);margin:0 auto}.cf-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.cf-cell{background:var(--surface-container-low);border-radius:var(--shape-xl);color:inherit;transition:background-color .25s var(--motion-emphasized), transform .4s var(--motion-spring), border-radius .4s var(--motion-spring), box-shadow .3s ease;flex-direction:column;padding:1.6rem 1.7rem 1.8rem;text-decoration:none;display:flex;position:relative}.cf-cell:hover{background:var(--surface-container-high);border-radius:var(--shape-md);box-shadow:var(--elevation-3);z-index:1;transform:translateY(-5px)}.cf-cell time{color:var(--muted);font-size:.78rem;font-weight:600}.cf-cell h3{letter-spacing:-.01em;margin:.5rem 0 .6rem;font-size:1.3rem;font-weight:800;line-height:1.4}.cf-cell:hover h3{color:var(--primary)}.cf-cell p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.92rem;line-height:1.75;display:-webkit-box;overflow:hidden}.cf-cell:first-child{background:var(--primary-container);color:var(--on-primary-container);border-radius:36px;grid-column:1/-1;padding:2.2rem 2.2rem 2.4rem}.cf-cell:first-child time,.cf-cell:first-child p{color:var(--on-primary-container);opacity:.75}.cf-cell:first-child h3{letter-spacing:-.02em;font-size:clamp(1.6rem,4vw,2.1rem);font-weight:900}.cf-cell:first-child p{-webkit-line-clamp:3;max-width:46rem}.cf-cell:first-child:hover{background:var(--primary-container);border-radius:var(--shape-lg)}.cf-cell:first-child:hover h3{color:inherit}@media (width<=720px){.cf-grid{grid-template-columns:1fr}}.wall-item{background:var(--surface-container-low);border-radius:var(--shape-lg);margin-bottom:1rem;padding:1.2rem 1.4rem 1.3rem;scroll-margin-top:1rem}.wall-item>header{align-items:baseline;gap:.6rem;display:flex}.wall-time{color:var(--muted);font-size:.8rem;font-weight:600;text-decoration:none}.wall-time:hover{color:var(--primary)}.wall-pin{color:var(--on-tertiary-container);background:var(--tertiary-container);border-radius:var(--shape-full);border:none;padding:.1rem .6rem;font-size:.72rem;font-weight:600}.wall-body{font-size:.95rem}.wall-body p{margin:.6rem 0}.wall-tags{color:var(--muted);flex-wrap:wrap;gap:.4rem;margin:.6rem 0 0;font-size:.78rem;display:flex}