:root{--bg: #fafaf7;--text: #222;--text-soft: #555;--text-muted: #999;--accent: #5a6b5d;--accent-soft: #f5f6f3;--rule: #e8e4dc;--max-width: 700px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,sans-serif;font-size:16px;line-height:1.65;letter-spacing:.3px;-webkit-font-smoothing:antialiased}a{color:var(--text);text-decoration:none;border-bottom:1px solid var(--rule);transition:border-color .15s}a:hover{border-bottom-color:var(--accent)}.site-header{max-width:var(--max-width);margin:0 auto;padding:36px 24px 28px;display:flex;align-items:center;justify-content:space-between}.site-header .brand{display:flex;flex-direction:row;align-items:center;gap:12px;border:none}.site-header .brand:hover{border:none}.brand-logo{width:36px;height:36px;flex-shrink:0;transition:transform .3s ease}.site-header .brand:hover .brand-logo{transform:scale(1.05)}.brand-text{display:flex;flex-direction:column;line-height:1.3}.brand-name{font-family:"Palatino, "Palatino Linotype", "Book Antiqua", serif;
font-size: 17px;font-weight:500;letter-spacing:1px;color:var(--text)}.brand-sub{font-family:-apple-system,sans-serif;font-size:11px;color:var(--text-muted);letter-spacing:.8px;font-weight:400;margin-top:2px}.site-header nav{display:flex;gap:20px}.site-header nav a{font-size:13px;letter-spacing:1px;color:var(--text-soft);border:none}.site-header nav a:hover{color:var(--accent)}main{max-width:var(--max-width);margin:0 auto;padding:0 24px 80px}.post-list{list-style:none;padding:0;margin:32px 0 0}.post-list li{padding:24px 0;border-bottom:1px dashed var(--rule)}.post-list li:last-child{border-bottom:none}.post-list .meta{font-size:12px;color:var(--text-muted);letter-spacing:2px;margin-bottom:6px;display:flex;align-items:center;gap:10px}.post-list .title{font-size:18px;font-weight:500;letter-spacing:.5px;border:none;display:block;margin-bottom:8px}.post-list .title:hover{color:var(--accent)}.post-list .desc{font-size:14px;color:var(--text-soft);line-height:1.6;margin:0}.tag{display:inline-block;font-size:11px;color:var(--accent);background:var(--accent-soft);padding:2px 8px;border-radius:2px;border:none;letter-spacing:.5px;margin-right:4px}.tag:hover{background:#e8ede9;border:none}.tags-page h1{font-size:22px;font-weight:500;margin:0 0 32px;letter-spacing:1px}.tag-group{margin-bottom:48px}.tag-group h2{font-size:15px;font-weight:600;color:var(--accent);letter-spacing:1px;margin:0 0 16px;padding-left:10px;border-left:3px solid var(--accent);border-radius:0}.tag-group ul{list-style:none;padding:0;margin:0}.tag-group ul li{padding:10px 0;border-bottom:1px dashed var(--rule);display:flex;align-items:baseline;gap:16px}.tag-group ul li:last-child{border-bottom:none}.tag-group .meta{font-size:12px;color:var(--text-muted);letter-spacing:1px;white-space:nowrap}.search-page h1{font-size:22px;font-weight:500;margin:0 0 24px;letter-spacing:1px}#search{margin-top:8px}:root{--pagefind-ui-scale: .9;--pagefind-ui-primary: var(--accent);--pagefind-ui-text: var(--text);--pagefind-ui-background: var(--bg);--pagefind-ui-border: var(--rule);--pagefind-ui-tag: var(--accent-soft);--pagefind-ui-border-width: 1px;--pagefind-ui-border-radius: 3px;--pagefind-ui-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", sans-serif}.now-page header{margin-bottom:40px}.now-page h1{font-size:26px;font-weight:600;margin:0 0 8px;letter-spacing:1px}.now-page .updated{font-size:12px;color:var(--text-muted);letter-spacing:2px}.now-section{margin-bottom:40px}.now-section h2{font-size:14px;font-weight:600;color:var(--accent);letter-spacing:2px;text-transform:uppercase;margin:0 0 14px;border:none}.now-section p{font-size:15px;line-height:1.8;color:var(--text-soft);margin:0 0 10px}.now-section ul{list-style:none;padding:0;margin:0}.now-section ul li{font-size:15px;color:var(--text-soft);line-height:1.8;padding:2px 0}.now-section ul li:before{content:"— ";color:var(--text-muted)}.now-rule{border:none;border-top:1px dashed var(--rule);margin:0 0 36px}.post-article header{text-align:center;margin:40px 0 48px}.post-article h1{font-size:26px;font-weight:600;line-height:1.4;letter-spacing:1.2px;margin:0 0 12px}.post-article .post-meta{font-size:13px;color:var(--text-muted);letter-spacing:2px;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.post-content{font-size:16px;line-height:1.65}.post-content p{margin:0 0 22px}.post-content h2{font-size:17px;font-weight:600;letter-spacing:.8px;margin:40px 0 18px;padding-left:12px;border-left:3px solid var(--accent);border-radius:0}.post-content h3{font-size:16px;font-weight:600;margin:32px 0 14px}.post-content blockquote{margin:26px 0;padding:16px 22px;background:var(--accent-soft);border-left:3px solid var(--accent);border-radius:0;color:var(--text-soft);font-size:15px;line-height:1.7}.post-content blockquote p{margin:0}.post-content ul,.post-content ol{padding-left:26px;margin:0 0 22px;line-height:1.85}.post-content ul li,.post-content ol li{margin-bottom:4px}.post-content img{max-width:100%;height:auto;display:block;margin:30px auto}.post-content code{background:#f0ede5;padding:2px 6px;border-radius:3px;font-size:14px;font-family:SF Mono,Menlo,Consolas,monospace}.post-content pre{background:#f5f3ed;padding:16px 20px;overflow-x:auto;border-radius:4px;margin:22px 0}.post-content pre code{background:transparent;padding:0}.post-content hr{border:none;height:56px;margin:0}.post-content a{border-bottom:1px solid var(--rule)}.post-content a:hover{border-bottom-color:var(--accent);color:var(--accent)}.post-footer{margin-top:60px;padding-top:30px;border-top:1px dashed var(--rule);text-align:center;font-size:13px;color:var(--text-muted);letter-spacing:1px}.site-footer{max-width:var(--max-width);margin:0 auto;padding:40px 24px;border-top:1px dashed var(--rule);font-size:12px;color:var(--text-muted);letter-spacing:1px;text-align:center}@media (max-width: 600px){.site-header{padding:24px 20px 20px;flex-direction:column;align-items:flex-start;gap:14px}.brand-logo{width:30px;height:30px}main{padding:0 20px 60px}.post-article h1{font-size:22px}.site-header nav{gap:14px}}