:root{--bg-base:#18181b;--bg-surface:#1e1e22;--bg-elevated:#27272a;--bg-card:#1e1e22;--bg-card-hover:#25252a;--accent:#06b6d4;--accent-soft:rgba(6,182,212,0.12);--accent-glow:rgba(6,182,212,0.06);--text-primary:#f4f4f5;--text-secondary:#a1a1aa;--text-tertiary:#71717a;--border:rgba(255,255,255,0.06);--border-hover:rgba(255,255,255,0.12);--radius:12px;--radius-sm:8px;--radius-lg:16px;--shadow:0 1px 3px rgba(0,0,0,0.2);--shadow-hover:0 4px 12px rgba(0,0,0,0.25);--font-sans:"PingFang SC","Microsoft YaHei","Noto Sans SC",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"JetBrains Mono","SF Mono",Consolas,monospace;--transition:0.3s cubic-bezier(0.4,0,0.2,1)}[data-theme=light]{--bg-base:#fafaf9;--bg-surface:#fff;--bg-elevated:#f5f5f4;--bg-card:#fff;--bg-card-hover:#fafaf9;--accent:#0891b2;--accent-soft:rgba(8,145,178,0.08);--accent-glow:rgba(8,145,178,0.04);--text-primary:#1c1917;--text-secondary:#57534e;--text-tertiary:#a8a29e;--border:rgba(0,0,0,0.06);--border-hover:rgba(0,0,0,0.12);--shadow:0 1px 3px rgba(0,0,0,0.06);--shadow-hover:0 4px 12px rgba(0,0,0,0.08)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg-base);color:var(--text-primary);line-height:1.7;font-size:15px;-webkit-font-smoothing:antialiased;transition:background .3s,color .3s}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.blog-wrap{max-width:1100px;margin:0 auto;padding:20px 24px}.blog-grid{display:grid;grid-template-columns:240px 1fr;gap:32px;align-items:start}.sb{position:sticky;top:24px;display:flex;flex-direction:column;gap:16px}.sb-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;transition:var(--transition)}.sb-profile{text-align:center}.sb-avatar{width:64px;height:64px;border-radius:50%;margin:0 auto 12px;background:linear-gradient(135deg,var(--accent),#0e7490);display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:700;color:#fff;box-shadow:0 0 0 4px var(--accent-glow)}.sb-name{font-size:16px;font-weight:700;margin-bottom:2px}.sb-bio{font-size:12px;color:var(--text-tertiary)}.sb-socials{display:flex;justify-content:center;gap:8px;margin-top:14px}.sb-soc{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);color:var(--text-secondary);transition:var(--transition);cursor:pointer}.sb-soc:hover{color:#fff;transform:translateY(-2px)}.sb-soc svg{width:15px;height:15px}.sb-search{display:flex;align-items:center;gap:8px;background:var(--bg-elevated);border-radius:var(--radius-sm);padding:8px 12px;margin-bottom:12px}.sb-search input{background:0 0;border:none;outline:none;color:var(--text-primary);font-size:13px;flex:1;font-family:var(--font-sans)}.sb-search input::placeholder{color:var(--text-tertiary)}.sb-search svg{width:15px;height:15px;color:var(--text-tertiary);flex-shrink:0}.sb-nav-title{font-size:12px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;padding-left:4px}.sb-nav-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:var(--transition)}.sb-nav-item:hover{background:var(--bg-elevated);color:var(--text-primary)}.sb-nav-item.active{background:var(--accent-soft);color:var(--accent)}.sb-nav-item svg{width:17px;height:17px;flex-shrink:0;opacity:.8}.sb-nav-item .count{margin-left:auto;font-size:12px;font-family:var(--font-mono);color:var(--text-tertiary);background:var(--bg-elevated);padding:1px 8px;border-radius:10px}.sb-nav-item.active .count{background:var(--accent);color:var(--bg-base)}.sb-nav-div{height:1px;background:var(--border);margin:6px 4px}.sb-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sb-stat{text-align:center;padding:8px 4px}.sb-stat-val{font-size:18px;font-weight:700;color:var(--accent);font-family:var(--font-mono)}.sb-stat-label{font-size:11px;color:var(--text-tertiary);margin-top:2px}.sb-theme-toggle{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8px;border-radius:var(--radius-sm);background:var(--bg-elevated);border:none;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:var(--transition);font-family:var(--font-sans)}.sb-theme-toggle:hover{color:var(--text-primary)}.sb-theme-toggle svg{width:16px;height:16px}.main{min-width:0}.art-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;margin-bottom:16px;cursor:pointer;transition:var(--transition);position:relative;overflow:hidden;display:block}.art-card:hover{border-color:var(--border-hover);background:var(--bg-card-hover);box-shadow:var(--shadow-hover);transform:translateY(-1px)}.art-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent);transform:scaleY(0);transform-origin:bottom;transition:var(--transition)}.art-card:hover::before{transform:scaleY(1);transform-origin:top}.art-meta-top{display:flex;align-items:center;gap:8px;margin-bottom:10px}.art-cat{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:600;background:var(--accent-soft);color:var(--accent)}.art-date{font-size:12px;color:var(--text-tertiary);font-family:var(--font-mono)}.art-dot{width:3px;height:3px;border-radius:50%;background:var(--text-tertiary)}.art-title{font-size:18px;font-weight:700;line-height:1.4;margin-bottom:8px;color:var(--text-primary);transition:var(--transition)}.art-card:hover .art-title{color:var(--accent)}.art-desc{font-size:14px;color:var(--text-secondary);line-height:1.7;margin-bottom:12px}.art-meta-bot{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.art-tag{font-size:12px;color:var(--text-tertiary);padding:2px 8px;border-radius:6px;background:var(--bg-elevated);transition:var(--transition)}.art-tag:hover{color:var(--accent);background:var(--accent-soft)}.art-read{font-size:12px;color:var(--text-tertiary);display:flex;align-items:center;gap:4px;margin-left:auto}.art-read svg{width:13px;height:13px}.pg{display:flex;justify-content:center;gap:6px;margin-top:32px}.pg-btn{min-width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:14px;font-family:var(--font-mono);background:var(--bg-surface);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.pg-btn:hover{border-color:var(--border-hover);color:var(--text-primary)}.pg-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.article-page{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:32px}.article-header{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border)}.article-header h1{font-size:28px;font-weight:800;line-height:1.3;margin-bottom:12px}.article-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--text-tertiary)}.article-meta .art-cat{font-size:13px}.article-content{font-size:16px;line-height:1.8;color:var(--text-primary)}.article-content h2{font-size:22px;font-weight:700;margin:24px 0 12px}.article-content h3{font-size:18px;font-weight:600;margin:20px 0 10px}.article-content p{margin-bottom:16px}.article-content ul,.article-content ol{margin-bottom:16px;padding-left:24px}.article-content li{margin-bottom:6px}.article-content blockquote{border-left:3px solid var(--accent);padding:8px 16px;margin:16px 0;background:var(--accent-soft);border-radius:0 var(--radius-sm)var(--radius-sm)0;color:var(--text-secondary)}.article-content code{font-family:var(--font-mono);font-size:.9em;background:var(--bg-elevated);padding:2px 6px;border-radius:4px}.article-content pre{background:var(--bg-elevated);border-radius:var(--radius-sm);padding:16px;overflow-x:auto;margin-bottom:16px;border:1px solid var(--border)}.article-content pre code{background:0 0;padding:0}.article-content a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.article-content img{border-radius:var(--radius-sm);margin:16px 0}.article-content table{width:100%;border-collapse:collapse;margin-bottom:16px}.article-content th,.article-content td{border:1px solid var(--border);padding:8px 12px;text-align:left}.article-content th{background:var(--bg-elevated);font-weight:600}.article-footer{margin-top:32px;padding-top:20px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.article-tags{display:flex;gap:8px;flex-wrap:wrap}.archive-group{margin-bottom:32px}.archive-head{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--border)}.archive-head h2{font-size:20px;font-weight:700}.archive-count{font-size:13px;color:var(--text-tertiary);font-family:var(--font-mono)}.not-found{text-align:center;padding:80px 20px}.not-found h1{font-size:48px;font-weight:800;color:var(--accent);margin-bottom:12px}.not-found p{color:var(--text-secondary);margin-bottom:24px}.site-footer{text-align:center;padding:24px 24px 40px;color:var(--text-tertiary);font-size:12px}.site-footer a{color:var(--text-secondary);transition:var(--transition)}.site-footer a:hover{color:var(--accent)}@media(max-width:860px){.blog-grid{grid-template-columns:1fr;gap:20px}.sb{position:static}.article-page{padding:20px}.article-header h1{font-size:22px}}