:root{--bg: #faf9f5;--bg-card: #ffffff;--bg-card-hover: #f5f3ed;--bg-sidebar: rgba(0,0,0,.02);--bg-code: #f0eee6;--text: #1a1a1a;--text-secondary: #5c5a52;--text-muted: #999;--accent: #d97757;--accent-hover: #c6613f;--border: #e8e6dc;--glow-opacity: .12;--font-serif: "Noto Serif SC", "Source Han Serif SC", Georgia, serif;--font-sans: "Inter", "Noto Sans SC", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", monospace;--radius: 8px;--radius-lg: 12px;--radius-xl: 16px}@media(prefers-color-scheme:dark){:root{--bg: #0a0a0f;--bg-card: rgba(255,255,255,.04);--bg-card-hover: rgba(255,255,255,.07);--bg-sidebar: rgba(255,255,255,.02);--bg-code: #111;--text: #e8e6e3;--text-secondary: #9a958c;--text-muted: #666;--accent: #e08660;--accent-hover: #d97757;--border: rgba(255,255,255,.06);--glow-opacity: .06}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);line-height:1.7;min-height:100vh;text-autospace:ideograph-alpha ideograph-numeric;transition:background .3s,color .3s}.blog-layout{display:grid;grid-template-columns:260px 1fr;gap:3rem;max-width:1100px;margin:0 auto;padding:2rem;min-height:100vh}.sidebar{position:sticky;top:2rem;height:fit-content;padding:2rem 1.5rem;border-right:1px solid var(--border)}.sidebar-avatar{width:56px;height:56px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;box-shadow:0 2px 12px #d9775733;transition:transform .2s ease}.sidebar-avatar:hover{transform:scale(1.05)}.sidebar h1{font-family:var(--font-serif);font-size:1.3rem;font-weight:700;margin-bottom:.3rem;color:var(--text)}.sidebar .bio{font-size:.82rem;color:var(--text-muted);margin-bottom:1.8rem;line-height:1.7}.sidebar-nav{display:flex;flex-direction:column;gap:.15rem}.sidebar-nav a{color:var(--text-secondary);text-decoration:none;padding:.4rem 0;font-size:.85rem;transition:color .15s;display:flex;align-items:center;gap:.5rem}.sidebar-nav a:hover{color:var(--text)}.sidebar-nav a.active{color:var(--accent);font-weight:600}.main-content{min-width:0}.section-title{font-family:var(--font-mono);font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.post-list{display:flex;flex-direction:column;gap:0}.post-card{padding:1.6rem 0;border-bottom:1px solid var(--border);transition:all .2s ease;cursor:pointer}.post-card:last-child{border-bottom:none}.post-card h2{font-family:var(--font-serif);font-size:1.25rem;font-weight:600;margin-bottom:.4rem;line-height:1.4}.post-card h2 a{color:var(--text);text-decoration:none}.post-card h2 a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;text-decoration-color:var(--accent)}.post-meta{font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted);margin-bottom:.5rem;display:flex;gap:.8rem;align-items:center;letter-spacing:.02em;text-transform:uppercase}.post-tags{display:flex;gap:.35rem;flex-wrap:wrap}.tag{font-family:var(--font-mono);font-size:.68rem;padding:.1rem .45rem;border:1px solid var(--border);color:var(--text-secondary);text-decoration:none;text-transform:uppercase;letter-spacing:.03em;border-radius:4px;transition:all .15s}.tag:hover{border-color:var(--accent);color:var(--accent)}.post-excerpt{font-size:.88rem;color:var(--text-secondary);line-height:1.65}.article{max-width:700px}.article-header{margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid var(--border)}.article-header h1{font-family:var(--font-serif);font-size:2.2rem;font-weight:700;line-height:1.25;margin-bottom:1rem;color:var(--text)}.article-header .post-meta{font-size:.78rem}.article-content{font-family:var(--font-sans);font-size:1rem;line-height:1.85;color:var(--text)}.article-content h2{font-family:var(--font-serif);font-size:1.4rem;font-weight:600;margin:2.5rem 0 1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border);color:var(--text)}.article-content h3{font-size:1.1rem;font-weight:600;margin:2rem 0 .6rem;color:var(--text)}.article-content p{margin-bottom:1.2rem}.article-content a{color:var(--text);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;text-decoration-color:var(--accent);transition:color .15s}.article-content a:hover{color:var(--accent)}.article-content code{font-family:var(--font-mono);font-size:.85em;background:var(--bg-code);padding:.15em .4em;border-radius:3px}.article-content pre{background:var(--bg-code);color:var(--text);border-radius:var(--radius);padding:1.2rem;overflow-x:auto;margin:1.5rem 0;font-size:.82rem;line-height:1.6;border:1px solid var(--border)}.article-content pre code{background:none;padding:0;border-radius:0;color:inherit}.article-content blockquote{border-left:3px solid var(--accent);padding-left:1.2rem;margin:1.5rem 0;color:var(--text-secondary);font-style:italic}.article-content img{max-width:100%;border-radius:var(--radius);margin:1.5rem 0}.article-content ul,.article-content ol{margin:1rem 0 1rem 1.5rem}.article-content li{margin-bottom:.4rem}.footer{text-align:left;padding:2rem 0 1rem;border-top:1px solid var(--border);margin-top:3rem;color:var(--text-muted);font-family:var(--font-mono);font-size:.72rem;letter-spacing:.02em}.footer a{color:var(--text-secondary);text-decoration:none}.footer a:hover{color:var(--accent)}.post-nav{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border)}.post-nav-inner{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.post-nav-link{display:flex;flex-direction:column;gap:.3rem;padding:1rem;border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;transition:all .2s ease}.post-nav-link:hover{border-color:var(--accent)}.post-nav-next{text-align:right}.post-nav-label{font-family:var(--font-mono);font-size:.68rem;color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase}.post-nav-title{font-size:.88rem;color:var(--text);line-height:1.4}.related-posts{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border)}.related-title{font-family:var(--font-mono);font-size:.72rem;font-weight:600;color:var(--text-muted);letter-spacing:.08em;margin-bottom:1rem;text-transform:uppercase}.related-list{display:flex;flex-direction:column;gap:0}.related-card{display:flex;flex-direction:column;gap:.2rem;padding:.8rem 0;border-bottom:1px solid var(--border);text-decoration:none;transition:color .15s}.related-card:last-child{border-bottom:none}.related-card:hover{color:var(--accent)}.related-card-title{font-size:.88rem;color:var(--text);font-weight:500}.related-card:hover .related-card-title{color:var(--accent)}.related-card-desc{font-size:.75rem;color:var(--text-muted);line-height:1.4}.about-content{line-height:1.85;font-size:1rem}.about-content p{margin-bottom:1.2rem}@media(max-width:768px){.blog-layout{grid-template-columns:1fr;padding:1.5rem 1rem}.sidebar{position:static;margin-bottom:1.5rem;padding:1.5rem 0;border-right:none;border-bottom:1px solid var(--border)}.article-header h1{font-size:1.7rem}.post-nav-inner{grid-template-columns:1fr}}