:root{--brand: #de7681;--ink: #1a1a1a;--ink-soft: #4d4d4d;--ink-faint: #6b6b6b;--accent: #b84a58;--accent-dark: #8f3641;--accent-wash: #faf0ef;--bg: #fdfaf9;--surface: #ffffff;--line: #eeddda;--radius: 10px;--maxw: 68rem;--readw: 40rem;--font-sans: system-ui, -apple-system, "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", "Segoe UI", "Helvetica Neue", sans-serif;color-scheme:light}@media(prefers-color-scheme:dark){:root{--brand: #de7681;--ink: #f0e9e8;--ink-soft: #c3b5b3;--ink-faint: #9b8b89;--accent: #e894a0;--accent-dark: #f0aab3;--accent-wash: #2a1d1e;--bg: #16100f;--surface: #1e1716;--line: #37292a;color-scheme:dark}}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-size:17px;line-height:1.85;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}a{color:var(--accent);text-underline-offset:3px}a:hover{color:var(--accent-dark)}h1,h2,h3{line-height:1.4;letter-spacing:.01em;margin:0 0 .6em;font-weight:700}h1{font-size:clamp(1.75rem,4vw,2.5rem)}h2{font-size:clamp(1.3rem,2.6vw,1.6rem)}h3{font-size:1.1rem}p{margin:0 0 1.2em}.wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:1.25rem}.section{padding-block:clamp(2.5rem,6vw,4.5rem)}.prose{max-width:var(--readw)}.lede{font-size:1.1rem;color:var(--ink-soft)}.site-header{border-bottom:1px solid var(--line);background:var(--surface);position:sticky;top:0;z-index:20}.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:64px;flex-wrap:wrap}.brand{font-weight:700;font-size:1.05rem;color:var(--ink);text-decoration:none;letter-spacing:.02em}.brand span{color:var(--ink-faint);font-weight:400;font-size:.85rem;margin-left:.5rem}.site-nav{display:flex;gap:1.1rem;flex-wrap:wrap}.site-nav a{color:var(--ink-soft);text-decoration:none;font-size:.95rem;padding-block:.35rem;border-bottom:2px solid transparent}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--accent);border-bottom-color:var(--accent)}.hero{background:linear-gradient(180deg,var(--accent-wash),var(--bg));border-bottom:1px solid var(--line)}.hero .wrap{padding-block:clamp(1.75rem,4vw,3rem)}.hero h1{max-width:22ch}.hero .lede{max-width:46ch}.btn-row{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.5rem}.btn{display:inline-block;padding:.7rem 1.4rem;border-radius:var(--radius);font-size:.98rem;font-weight:600;text-decoration:none;border:1.5px solid var(--accent);transition:background .15s,color .15s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-dark);border-color:var(--accent-dark);color:#fff}.btn-ghost{background:transparent;color:var(--accent)}.btn-ghost:hover{background:var(--accent-wash)}.grid{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr))}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.4rem}.card h3{margin-bottom:.4rem}.card p{color:var(--ink-soft);font-size:.95rem;margin-bottom:0}a.card{text-decoration:none;color:inherit;display:block}a.card:hover{border-color:var(--accent)}.article-list{list-style:none;padding:0;margin:0;display:grid;gap:1rem}.article-item{border-bottom:1px solid var(--line);padding-bottom:1rem}.article-item a{text-decoration:none;color:var(--ink);font-weight:600;font-size:1.1rem}.article-item a:hover{color:var(--accent)}.article-meta{font-size:.85rem;color:var(--ink-faint);display:flex;gap:.75rem;flex-wrap:wrap;margin-top:.25rem}.tag{display:inline-block;background:var(--accent-wash);color:var(--accent-dark);border-radius:999px;padding:.1rem .7rem;font-size:.8rem}.article-body{max-width:var(--readw)}.article-body h2{margin-top:2.2em;padding-top:.4em;border-top:1px solid var(--line)}.article-body h3{margin-top:1.8em}.article-body ul,.article-body ol{padding-left:1.4em;margin-bottom:1.2em}.article-body li{margin-bottom:.5em}.article-body blockquote{margin:1.5em 0;padding:.8em 1.2em;border-left:3px solid var(--accent);background:var(--accent-wash);border-radius:0 var(--radius) var(--radius) 0}.article-body blockquote p:last-child{margin-bottom:0}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.95rem}th,td{text-align:left;padding:.6rem .9rem;border-bottom:1px solid var(--line)}th{color:var(--ink-soft);font-weight:600}.notice{background:var(--accent-wash);border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem 1.3rem;font-size:.92rem;color:var(--ink-soft)}.notice strong{color:var(--ink)}.site-footer{border-top:1px solid var(--line);background:var(--surface);margin-top:3rem;padding-block:2.5rem;font-size:.9rem;color:var(--ink-soft)}.site-footer .wrap{display:grid;gap:1.5rem}.footer-legal{font-size:.82rem;color:var(--ink-faint);line-height:1.7;max-width:52rem}.footer-links{display:flex;gap:1rem;flex-wrap:wrap}.footer-links a{color:var(--ink-soft);text-decoration:none}.footer-links a:hover{color:var(--accent)}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:1rem;top:.5rem;z-index:50;background:var(--surface);padding:.5rem 1rem;border-radius:var(--radius)}.todo{color:var(--ink-faint);font-style:italic}