:root{--font-sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;--bg:#fbfaf7;--surface:#fff;--text:#1f1d1a;--text-muted:#6b6459;--accent:#b4522a;--border:#e6e0d6;--radius:10px;--measure:68ch}@media (prefers-color-scheme:dark){:root{--bg:#16150f;--surface:#1e1c16;--text:#ece7dd;--text-muted:#a49a8a;--accent:#e08a5c;--border:#322e25}}*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-text-size-adjust:100%;margin:0;font-size:17px;line-height:1.75}.wrap{width:100%;max-width:var(--measure);margin:0 auto;padding:0 1.25rem}a{color:var(--accent);text-underline-offset:2px;text-decoration-thickness:1px}img{border-radius:var(--radius);max-width:100%;height:auto}h1,h2,h3{letter-spacing:-.01em;font-weight:700;line-height:1.3}h1{margin:0 0 .4rem;font-size:1.85rem}hr{border:0;border-top:1px solid var(--border);margin:2.5rem 0}code{background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:.1em .35em;font-size:.9em}pre{border-radius:var(--radius);border:1px solid var(--border);padding:1rem;overflow-x:auto}blockquote{border-left:3px solid var(--accent);color:var(--text-muted);margin:1.5rem 0;padding:.25rem 0 .25rem 1.1rem}.site-header{border-bottom:1px solid var(--border);margin-bottom:2.5rem}.site-header .bar{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.75rem 1.25rem;padding-block:1.25rem;display:flex}.site-title{color:var(--text);font-size:1.1rem;font-weight:700;text-decoration:none}.site-nav{gap:1.1rem;font-size:.95rem;display:flex}.site-nav a{color:var(--text-muted);text-decoration:none}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--accent)}.site-footer{border-top:1px solid var(--border);color:var(--text-muted);margin-top:4rem;padding-block:2rem;font-size:.9rem}.post-list{gap:1.75rem;margin:0;padding:0;list-style:none;display:grid}.post-list h2{margin:0 0 .15rem;font-size:1.2rem}.post-list h2 a{color:var(--text);text-decoration:none}.post-list h2 a:hover{color:var(--accent)}.meta{color:var(--text-muted);margin:0;font-size:.88rem}.badge{letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--border);color:var(--text-muted);vertical-align:.15em;border-radius:999px;padding:.1rem .45rem;font-size:.72rem;display:inline-block}.badge.draft{border-color:var(--accent);color:var(--accent)}.notice{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius);margin:1.5rem 0;padding:.9rem 1.1rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1.25rem;padding:1rem 1.15rem}.card h2{margin:0 0 .3rem;font-size:1.05rem}.thumbs{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:.5rem;margin-top:.75rem;display:grid}.thumbs img{aspect-ratio:1;object-fit:cover;width:100%}.toc{border-bottom:1px solid var(--border);margin:0 0 1.5rem;padding:.75rem 0}.toc-title{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin:0 0 .4rem;font-size:.78rem}.toc ol{scrollbar-width:thin;-webkit-overflow-scrolling:touch;gap:.4rem;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.toc li{flex:none}.toc a{border:1px solid var(--border);background:var(--surface);color:var(--text);white-space:nowrap;border-radius:999px;padding:.25rem .6rem;font-size:.85rem;text-decoration:none;display:block}.toc a:hover{border-color:var(--accent);color:var(--accent)}.toc-date{color:var(--text-muted);margin-left:.35rem;font-size:.75rem}.card{scroll-margin-top:1rem}.card .note{color:var(--accent);margin-top:.35rem}@media (width>=1180px){.toc{top:5.5rem;left:max(1rem, calc(50vw - var(--measure) / 2 - 15rem));border-bottom:none;width:13.5rem;max-height:calc(100vh - 8rem);margin:0;padding:0;position:fixed;overflow-y:auto}.toc ol{display:block;overflow-x:visible}.toc li+li{margin-top:.25rem}.toc a{border:none;border-left:2px solid var(--border);white-space:normal;background:0 0;border-radius:0;padding:.15rem .5rem;font-size:.82rem;line-height:1.4}.toc a:hover{border-left-color:var(--accent)}.toc-date{margin-left:0;display:block}}.gallery-wrap{border-top:1px solid var(--border);margin-top:2.5rem;padding-top:1.5rem}.gallery-wrap h2{color:var(--text-muted);margin:0 0 .9rem;font-size:1rem;font-weight:600}.gallery{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.6rem;display:grid}.gallery a{line-height:0;display:block}.gallery img{aspect-ratio:1;object-fit:cover;width:100%;transition:opacity .15s}.gallery a:hover img{opacity:.82}