:root{--bg:#070b14;--bg-soft:#10182adb;--border:#569cd640;--text:#e2e8f0;--muted:#94a3b8;--accent:#38bdf8;--amber:#f59e0b;--emerald:#34d399;--code-bg:#020617}html[data-theme=light]{--bg:#f8fafc;--bg-soft:#fff;--border:#0f172a1f;--text:#0f172a;--muted:#475569;--accent:#0284c7;--amber:#d97706;--emerald:#059669;--code-bg:#0f172a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text);flex-direction:column;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;line-height:1.75;transition:background-color .2s,color .2s;display:flex}html:not([data-theme=light]) body{background-image:radial-gradient(at 14% 8%,#38bdf814 0%,#0000 45%),radial-gradient(at 86% 90%,#f59e0b0f 0%,#0000 45%)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.site-header{border-bottom:1px solid var(--border);background:var(--bg-soft);backdrop-filter:blur(12px);z-index:20;position:sticky;top:0}.header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;max-width:860px;margin:0 auto;padding:14px 20px;display:flex}.brand{color:var(--text);align-items:center;gap:10px;font-size:1.06rem;font-weight:700;text-decoration:none;display:flex}.brand:hover{text-decoration:none}.brand-pill{color:var(--amber);background:#f59e0b24;border:1px solid #f59e0b8c;border-radius:8px;align-items:center;gap:6px;padding:3px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem;display:inline-flex}.brand-pill:before{content:"";background:var(--emerald);border-radius:50%;width:6px;height:6px}.nav-links{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.nav-item{color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:5px 11px;font-size:.85rem;transition:all .2s}.nav-item:hover{color:var(--text);border-color:var(--accent);text-decoration:none}.theme-btn{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;padding:4px 10px;font-size:.82rem}.theme-btn:hover{color:var(--text);border-color:var(--accent)}main{flex:1;width:100%;max-width:860px;margin:0 auto;padding:32px 20px 56px}.intro-card{background:var(--bg-soft);border:1px solid var(--border);border-radius:14px;margin-bottom:28px;padding:22px 24px}.intro-card h1{margin-bottom:8px;font-size:1.55rem}.intro-card p{color:var(--muted);font-size:.94rem}.post-list{flex-direction:column;gap:16px;display:flex}.post-card{background:var(--bg-soft);border:1px solid var(--border);border-radius:12px;padding:20px 22px;transition:border-color .2s,transform .2s}.post-card:hover{border-color:var(--accent);transform:translateY(-2px)}.post-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;display:flex}.post-title{color:var(--text);margin-bottom:6px;font-size:1.22rem;font-weight:700;display:block}.post-title:hover{color:var(--accent);text-decoration:none}.post-desc{color:var(--muted);margin-bottom:10px;font-size:.92rem}.tags-row{flex-wrap:wrap;gap:6px;display:flex}.tag-chip{border:1px solid var(--border);color:var(--accent);background:#38bdf814;border-radius:999px;padding:2px 9px;font-size:.75rem}.article-wrap{background:var(--bg-soft);border:1px solid var(--border);border-radius:14px;padding:30px 32px}@media (width<=640px){.article-wrap{padding:22px 16px}}.article-header{border-bottom:1px solid var(--border);margin-bottom:24px;padding-bottom:18px}.article-header h1{margin:8px 0 10px;font-size:1.75rem;line-height:1.35}.prose h2{border-bottom:1px solid var(--border);margin:1.6em 0 .6em;padding-bottom:6px;font-size:1.3rem}.prose h3{color:var(--accent);margin:1.3em 0 .5em;font-size:1.08rem}.prose p{margin:.85em 0}.prose ul,.prose ol{margin:.75em 0 .95em 1.5em}.prose li{margin:.3em 0}.prose blockquote{border-left:3px solid var(--accent);background:#38bdf814;border-radius:0 8px 8px 0;margin:1em 0;padding:10px 16px}.prose pre{border:1px solid #ffffff1f;border-radius:10px;margin:1.1em 0;padding:14px 16px;font-size:.88rem;overflow-x:auto;background:var(--code-bg)!important}.prose code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em}.prose :not(pre)>code{background:#38bdf81f;border-radius:5px;padding:2px 6px}.prose table{border-collapse:collapse;width:100%;margin:1.1em 0;font-size:.9rem}.prose th,.prose td{border:1px solid var(--border);text-align:left;padding:8px 12px}.prose hr{border:none;border-top:1px solid var(--border);margin:1.6em 0}.site-footer{border-top:1px solid var(--border);text-align:center;color:var(--muted);padding:20px 16px 26px;font-size:.82rem}.footer-links{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:6px;display:flex}