:root{color-scheme:light;--bg: #f3f1eb;--paper: #fffdf8;--surface: #fbfaf5;--surface-muted: #edf2ee;--text: #18211f;--muted: #66716c;--faint: #8b928d;--line: #d9d4c8;--line-strong: #b9b1a2;--accent: #0b6f63;--accent-strong: #a24f2e;--ink: #172437;--code-bg: #eef1ed;--shadow: 0 18px 48px rgba(24, 33, 31, .12);--max: 1100px;--measure: 760px;--font-sans: "Avenir Next", "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;--font-serif: Georgia, "Noto Serif CJK SC", "Source Han Serif SC", "Songti SC", "SimSun", serif;--font-mono: "Ubuntu Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:linear-gradient(90deg,rgba(23,36,55,.035) 1px,transparent 1px) center top / 72px 72px,linear-gradient(180deg,#f7f5ef 0%,var(--bg) 42%,#eeece5 100%);color:var(--text);font-family:var(--font-sans);line-height:1.75;text-rendering:optimizeLegibility}a{color:var(--accent);text-decoration-thickness:.08em;text-underline-offset:.18em;transition:color .16s ease,background .16s ease,border-color .16s ease}a:hover{color:var(--accent-strong)}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}img,video{max-width:100%;height:auto}pre,code{font-family:var(--font-mono)}code{border:1px solid rgba(11,111,99,.12);border-radius:4px;background:var(--code-bg);padding:.1rem .24rem;font-size:.92em}pre{overflow-x:auto;border:1px solid var(--line);border-radius:8px;padding:1rem;background:#f6f7f2}pre code{border:0;background:transparent;padding:0}blockquote{margin:1.6rem 0;border-left:4px solid var(--accent);padding:.15rem 0 .15rem 1rem;color:#3d4742;background:linear-gradient(90deg,rgba(11,111,99,.06),transparent 68%)}table{width:100%;border-collapse:collapse;display:block;overflow-x:auto}th,td{border-bottom:1px solid var(--line);padding:.55rem;text-align:left}.site-shell{min-height:100vh;display:flex;flex-direction:column}.site-header{position:sticky;top:0;z-index:10;border-bottom:1px solid rgba(185,177,162,.72);background:#faf8f2e6;backdrop-filter:blur(14px)}.site-header-inner,.site-main,.site-footer-inner{width:min(100% - 2rem,var(--max));margin:0 auto}.site-header-inner{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;padding:.72rem 0}.brand{display:grid;gap:.08rem;color:var(--text);text-decoration:none;white-space:nowrap}.brand-title{font-family:var(--font-serif);font-size:1.08rem;font-weight:700;line-height:1.05}.brand-subtitle{color:var(--muted);font-size:.73rem;line-height:1.2}.nav{display:flex;align-items:center;gap:.32rem;flex-wrap:wrap;justify-content:flex-end;font-size:.92rem}.nav a,.nav button{border-radius:6px;color:#3b4742;text-decoration:none}.nav>a,.nav-trigger{padding:.28rem .42rem}.nav a:hover,.nav button:hover{color:var(--accent);background:#0b6f6312}.nav button{border:0;background:transparent;font:inherit;text-align:left}.nav-group{position:relative}.nav-trigger{cursor:pointer;white-space:nowrap}.nav-trigger:after{content:"⌄";margin-left:.25rem;color:var(--faint);font-size:.85em}.nav-group:hover>.nav-trigger,.nav-group:focus-within>.nav-trigger{color:var(--accent);background:#0b6f6312}.nav-menu{position:absolute;top:100%;right:0;z-index:20;display:none;min-width:14rem;gap:.18rem;margin-top:0;border:1px solid transparent;border-radius:8px;padding:.95rem .45rem .45rem;background:linear-gradient(to bottom,transparent 0,transparent .55rem,var(--paper) .55rem);background-clip:padding-box;box-shadow:var(--shadow)}.nav-menu:before{content:"";position:absolute;inset:0;z-index:-1;border:1px solid var(--line);border-radius:8px;background:var(--paper);box-shadow:var(--shadow);clip-path:inset(.55rem 0 0 0)}.nav-group:hover>.nav-menu,.nav-group:focus-within>.nav-menu{display:grid}.nav-menu.wide{min-width:20rem}.nav-menu a,.nav-menu button{border-radius:6px;padding:.45rem .55rem;color:#34423d;line-height:1.36}.nav-menu a:hover,.nav-menu button:hover{background:var(--surface-muted)}.nav-group.nested{position:relative}.nav-group.nested>.nav-menu{top:-.45rem;right:100%;padding:.45rem 1rem .45rem .45rem;background:linear-gradient(to left,transparent 0,transparent .55rem,var(--paper) .55rem)}.nav-group.nested>.nav-menu:before{clip-path:inset(0 .55rem 0 0)}.site-main{flex:1;padding:2.25rem 0 4rem}.site-footer{border-top:1px solid var(--line);color:var(--muted);font-size:.9rem}.site-footer-inner{display:flex;gap:.45rem;flex-wrap:wrap;padding:1.45rem 0}.eyebrow{margin:0 0 .55rem;color:var(--accent-strong);font-family:var(--font-mono);font-weight:700;font-size:.82rem;letter-spacing:0;text-transform:uppercase}.page-title{margin:0;font-family:var(--font-serif);font-size:4rem;font-weight:700;line-height:1.05;letter-spacing:0}.lede{max-width:720px;margin:1rem 0 0;color:#46524d;font-size:1.08rem;line-height:1.85}.home-masthead{display:grid;grid-template-columns:minmax(0,.95fr) minmax(460px,.85fr);gap:1.25rem;align-items:center;padding:.95rem 0 1.15rem;border-bottom:1px solid var(--line)}.home-copy{max-width:720px}.home-copy .eyebrow{text-transform:none}.home-title{margin:0;font-family:var(--font-serif);font-size:2.35rem;font-weight:700;line-height:1.12;letter-spacing:0}.home-masthead .lede{max-width:680px;margin-top:.55rem;font-size:1rem;line-height:1.75}.home-actions{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:.9rem}.home-actions a{border:1px solid var(--line-strong);border-radius:8px;padding:.38rem .62rem;background:#fffdf8d1;color:var(--ink);text-decoration:none;font-weight:700;font-size:.92rem}.home-actions a:first-child{border-color:var(--accent);background:var(--accent);color:#fffdf8}.home-actions a:hover{border-color:var(--accent-strong);color:var(--accent-strong)}.home-actions a:first-child:hover{border-color:var(--accent-strong);background:var(--accent-strong);color:#fffdf8}.home-side{display:grid;grid-template-columns:minmax(220px,1fr) minmax(210px,.72fr);gap:.75rem;align-items:stretch}.home-visual{margin:0;border:1px solid var(--line-strong);border-radius:8px;overflow:hidden;background:var(--paper);box-shadow:0 10px 28px #18211f14}.home-visual-link{display:block;color:inherit;text-decoration:none}.home-visual-link:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}.home-visual img{display:block;width:100%;aspect-ratio:2.15;object-fit:contain;background:#f8f6ef}.home-visual figcaption{display:grid;gap:.18rem;border-top:1px solid var(--line);padding:.48rem .62rem;color:var(--muted);font-size:.78rem;line-height:1.45}.home-visual strong{color:var(--text);font-family:var(--font-mono);font-size:.72rem}.topic-cloud{border:1px solid var(--line);border-radius:8px;padding:.66rem;background:#fffdf8b3}.topic-cloud h2{margin:.28rem 0 .6rem;color:var(--ink);font-family:var(--font-serif);font-size:1.2rem;line-height:1.2}.topic-cloud-list{display:flex;flex-wrap:wrap;gap:.42rem}.topic-cloud-list a{display:inline-flex;align-items:baseline;gap:.34rem;border:1px solid var(--line);border-radius:999px;padding:.3rem .5rem;background:#f8f6efc7;color:#34423d;text-decoration:none;font-size:calc(.82rem * var(--tag-scale));line-height:1.1;white-space:nowrap;word-break:keep-all}.topic-cloud-list span{white-space:nowrap;word-break:keep-all}.topic-cloud-list a:hover{border-color:#0b6f636b;background:#edf2eeeb;color:var(--accent-strong)}.topic-cloud-list small{color:var(--faint);font-family:var(--font-mono);font-size:.72em}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin:1.7rem 0 .85rem}.section-heading h2{margin:0;font-family:var(--font-serif);font-size:1.75rem;line-height:1.2}.section-heading>a{color:var(--muted);font-family:var(--font-mono);font-size:.86rem;text-decoration:none}.post-list{display:grid;gap:0;border-top:1px solid var(--line-strong)}.listing-count{margin:.65rem 0 1.45rem;font-family:var(--font-mono)}.post-row{display:grid;grid-template-columns:minmax(8.5rem,.24fr) 1fr;gap:1.15rem;padding:1.2rem 0 1.22rem;border-bottom:1px solid var(--line);transition:background .16s ease,padding-left .16s ease}.post-row:hover{background:#fffdf8a8;padding-left:.35rem}.post-row time{color:var(--muted);font-family:var(--font-mono);font-size:.84rem}.post-row h2{margin:0;font-family:var(--font-serif);font-size:1.28rem;line-height:1.42}.post-row h2 a{color:var(--text);text-decoration:none}.post-row h2 a:hover{color:var(--accent)}.post-row p{margin:.42rem 0 0;color:var(--muted);line-height:1.7}.post-taxonomy{font-family:var(--font-mono);font-size:.78rem}.tag-list{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0 2rem}.tag-list a,.pill{display:inline-flex;align-items:center;gap:.45rem;border:1px solid var(--line);border-radius:8px;padding:.36rem .62rem;color:#34423d;text-decoration:none;font-size:.92rem;background:#fffdf8b8}.tag-list a:hover,.pill:hover{border-color:#0b6f636b;background:#edf2eeeb}.tag-list span{color:var(--faint);font-family:var(--font-mono);font-size:.82rem}.topic-list{margin-bottom:2.4rem}.article{max-width:var(--measure)}.article-header{margin-bottom:2.1rem;padding-bottom:1.35rem;border-bottom:1px solid var(--line)}.article-header h1{margin:.35rem 0 .75rem;font-family:var(--font-serif);font-size:3rem;line-height:1.14;letter-spacing:0}.meta{color:var(--muted);font-size:.95rem}.article-content{font-family:var(--font-serif);font-size:1.08rem;line-height:1.95}.article-content>*:first-child{margin-top:0}.article-content p,.article-content ul,.article-content ol{margin:1rem 0}.article-content h2,.article-content h3,.article-content h4{font-family:var(--font-sans);letter-spacing:0}.article-content h2{margin-top:2.35rem;line-height:1.25}.article-content h3{margin-top:1.8rem;line-height:1.35}.article-content a{overflow-wrap:anywhere}.article-content img{display:block;margin:1.4rem auto;border:1px solid var(--line);border-radius:8px;background:var(--paper)}.article-content iframe{width:100%;max-width:100%;border:0}@media(max-width:980px){.home-masthead{grid-template-columns:1fr;gap:.9rem}.home-side{max-width:680px}}@media(max-width:720px){.site-header-inner{align-items:flex-start;flex-direction:column;gap:.75rem}.brand{white-space:normal}.nav{justify-content:flex-start}.nav-group{width:100%}.nav-menu,.nav-menu.wide,.nav-group.nested>.nav-menu{position:static;min-width:0;margin-top:.35rem;box-shadow:none}.page-title{font-size:2.55rem}.home-title{font-size:2rem}.article-header h1{font-size:1.88rem}.home-side{display:none}.section-heading{align-items:flex-start;flex-direction:column;gap:.35rem}.post-row{grid-template-columns:1fr;gap:.25rem}.post-row:hover{padding-left:0}}