:root{--bg-primary: #f8f7f4;--bg-card: #ffffff;--bg-code: #1e1e2e;--bg-tertiary: #f0efec;--bg-secondary: #f8f7f4;--text-primary: #374151;--text-secondary: #6b7280;--text-heading: #1f2937;--text-tertiary: #9ca3af;--accent: #6366f1;--accent-light: #818cf8;--accent-cyan: #06b6d4;--link-color: #6366f1;--link-hover: #818cf8;--accent-color: #6366f1;--border-color: #e5e7eb;--border-light: #f3f4f6;--tag-bg: rgba(99,102,241,0.08);--tag-color: #6366f1;--card-bg: #ffffff;--card-shadow: 0 1px 3px rgba(0,0,0,0.06);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-sm: 0 1px 3px rgba(0,0,0,0.06);--shadow-md: 0 4px 12px rgba(0,0,0,0.08);--shadow-lg: 0 10px 25px rgba(0,0,0,0.1);--navbar-bg: rgba(255,255,255,0.92);--navbar-mobile-bg: rgba(255,255,255,0.98);--blockquote-text: #4b5563;--blockquote-bg: rgba(99,102,241,0.04);--timeline-dot: #d1d5db;--placeholder-gradient: linear-gradient(135deg, #f0efec, #e5e7eb);--toc-bg: rgba(255,255,255,0.88);--toc-header-bg: rgba(255,255,255,0.95);--toc-hover-bg: rgba(248,247,244,0.95);--toc-text-1: #334155;--toc-text-2: #64748b;--toc-text-3: #94a3b8;--toc-label: #94a3b8;--share-modal-bg: #ffffff;--inline-code-color: #e879f9;--font-sans: "Inter", "PingFang SC", "Microsoft YaHei", "Noto Sans SC", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "SF Mono", Menlo, Monaco, Consolas, monospace}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--link-color);text-decoration:none;transition:color 0.2s ease}a:hover{color:var(--link-hover)}code,pre{font-family:var(--font-mono)}img{max-width:100%;height:auto}.container,.wrapper{max-width:1100px;margin:0 auto;padding:0 24px}@media (max-width: 768px){.container,.wrapper{padding:0 16px}}.navbar{position:sticky;top:0;z-index:1000;background:var(--navbar-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);height:60px;display:flex;align-items:center}.navbar-content{max-width:1100px;margin:0 auto;padding:0 24px;width:100%;display:flex;align-items:center;justify-content:space-between}.navbar-brand{display:flex;align-items:baseline;text-decoration:none;letter-spacing:-0.04em;gap:0;transition:opacity 0.2s}.navbar-brand:hover{opacity:0.8}.brand-w{font-family:"Space Grotesk",var(--font-sans);font-size:1.5rem;font-weight:700;color:var(--text-heading);-webkit-text-fill-color:var(--text-heading);background:none;-webkit-background-clip:unset}.brand-dot{display:inline-block;width:7px;height:7px;background:var(--accent);border-radius:50%;position:relative;top:-3px;margin:0 1px;flex-shrink:0}.brand-ai{font-family:"Space Grotesk",var(--font-sans);font-size:1.5rem;font-weight:400;color:var(--text-secondary)}.navbar-nav{display:flex;align-items:center;gap:8px;list-style:none;margin:0;padding:0}.nav-link{color:var(--text-secondary);text-decoration:none;font-size:0.9rem;font-weight:500;padding:6px 14px;border-radius:var(--radius-sm);transition:all 0.2s ease}.nav-link:hover{color:var(--text-heading);background:var(--bg-tertiary)}.nav-link.active{color:var(--accent);background:var(--tag-bg);font-weight:600}.navbar-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px;z-index:1001}.navbar-toggle span{display:block;width:20px;height:2px;background:var(--text-primary);margin:5px 0;border-radius:2px;transition:all 0.3s ease}.navbar-toggle.open span:nth-child(1){transform:rotate(45deg) translate(5px, 5px)}.navbar-toggle.open span:nth-child(2){opacity:0}.navbar-toggle.open span:nth-child(3){transform:rotate(-45deg) translate(5px, -5px)}@media (max-width: 768px){.navbar{height:52px}.navbar-content{padding:0 16px}.navbar-toggle{display:flex;flex-direction:column;justify-content:center}.navbar-nav{display:none;position:absolute;top:52px;left:0;right:0;background:var(--navbar-mobile-bg);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-md);flex-direction:column;padding:8px 0;gap:0}.navbar-nav.open{display:flex}.navbar-nav li{list-style:none}.nav-link{display:block;padding:12px 20px;font-size:0.95rem;border-radius:0}}.main-content{min-height:calc(100vh - 140px);padding:0}.footer{text-align:center;padding:40px 20px 48px;font-size:0.85rem;color:var(--text-tertiary);border-top:1px solid var(--border-color);margin-top:48px}.footer-content{max-width:1100px;margin:0 auto}.footer-brand{display:flex;align-items:baseline;justify-content:center;letter-spacing:-0.04em;margin-bottom:8px}.fb-w{font-family:"Space Grotesk",var(--font-sans);font-size:1.6rem;font-weight:700;color:var(--text-heading)}.fb-dot{display:inline-block;width:5px;height:5px;background:var(--accent);border-radius:50%;position:relative;top:-2px;margin:0 1px}.fb-ai{font-family:"Space Grotesk",var(--font-sans);font-size:1.6rem;font-weight:400;color:var(--text-secondary)}.footer-desc{font-size:0.78rem;color:var(--text-tertiary);letter-spacing:0.1em;text-transform:uppercase;margin:0 0 16px}.footer-links{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:16px}.footer-links a{color:var(--text-secondary);text-decoration:none;font-size:0.85rem;transition:color 0.2s}.footer-links a:hover{color:var(--accent)}.footer-sep{color:var(--border-color)}.footer-copy{font-size:0.75rem;color:var(--text-tertiary);margin:0}.footer a{color:var(--accent)}.site-footer{text-align:center;padding:24px 20px 40px;font-size:0.85rem;color:var(--text-tertiary);border-top:1px solid var(--border-color);margin-top:40px}.site-footer a{color:var(--accent)}.footer-text{color:var(--text-tertiary);margin:0}.page-content{max-width:1100px;margin:0 auto;padding:2rem 24px}@media (max-width: 768px){.page-content{padding:1.5rem 16px}}.post-list{list-style:none;padding:0}.post-list li{padding:1rem 0;border-bottom:1px solid var(--border-color)}.post-list .post-meta{color:var(--text-secondary);font-size:0.85rem}.post-list h2{margin:0.25rem 0 0;font-size:1.2rem}.post-list .post-link{color:var(--text-heading);text-decoration:none;font-weight:600}.post-list .post-link:hover{color:var(--accent)}.post-tag{display:inline-block;padding:0.2rem 0.6rem;background:var(--tag-bg);color:var(--tag-color);border-radius:4px;font-size:0.82rem;text-decoration:none;margin:0.15rem}.post-tag:hover{background:var(--accent);color:#fff}[data-theme="dark"]{--bg-primary: #0a0a0b;--bg-card: #141415;--bg-code: #0d1117;--bg-tertiary: #1a1a1c;--bg-secondary: #111112;--text-primary: #d4d4d8;--text-secondary: #71717a;--text-heading: #e4e4e7;--text-tertiary: #52525b;--accent: #818cf8;--accent-light: #a5b4fc;--accent-cyan: #22d3ee;--link-color: #818cf8;--link-hover: #a5b4fc;--accent-color: #818cf8;--border-color: #222224;--border-light: #1a1a1c;--tag-bg: rgba(99,102,241,0.12);--tag-color: #818cf8;--card-bg: #141415;--card-shadow: 0 1px 3px rgba(0,0,0,0.3);--shadow-sm: 0 1px 3px rgba(0,0,0,0.3);--shadow-md: 0 4px 12px rgba(0,0,0,0.4);--shadow-lg: 0 10px 25px rgba(0,0,0,0.5);--navbar-bg: rgba(10,10,11,0.85);--navbar-mobile-bg: rgba(20,20,21,0.98);--blockquote-text: #a1a1aa;--blockquote-bg: rgba(99,102,241,0.06);--timeline-dot: #52525b;--placeholder-gradient: linear-gradient(135deg, #1a1a1c, #222224);--toc-bg: rgba(20,20,21,0.88);--toc-header-bg: rgba(20,20,21,0.95);--toc-hover-bg: rgba(26,26,28,0.95);--toc-text-1: #d4d4d8;--toc-text-2: #a1a1aa;--toc-text-3: #71717a;--toc-label: #71717a;--share-modal-bg: #141415;--inline-code-color: #e879f9;color-scheme:dark}html,html *:not(pre):not(code):not(img):not(video):not(canvas):not(svg):not(pre *){transition:background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease}.theme-toggle{background:none;border:1px solid var(--border-color);border-radius:8px;padding:6px 10px;cursor:pointer;font-size:16px;transition:all 0.3s;color:var(--text-secondary);line-height:1}.theme-toggle:hover{border-color:var(--accent);background:var(--tag-bg)}