:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", Consolas, "Source Han Mono SC", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-md: 1.0625rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 1.875rem;--text-3xl: 2.25rem;--text-4xl: 3rem;--text-5xl: 3.75rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-full: 9999px;--container-narrow: 640px;--container-base: 768px;--container-wide: 1024px;--transition: .2s ease;--bg: #fafafa;--bg-elevated: #ffffff;--bg-muted: #f4f4f5;--text: #18181b;--text-muted: #71717a;--border: #e4e4e7;--code-bg: #f4f4f5;--selection: #fef08a;--header-bg: rgba(250, 250, 250, .8)}[data-mode=dark]{--bg: #0a0a0a;--bg-elevated: #18181b;--bg-muted: #27272a;--text: #fafafa;--text-muted: #a1a1aa;--border: #27272a;--code-bg: #0d0d0d;--selection: #854d0e;--header-bg: rgba(10, 10, 10, .8)}[data-palette=blue]{--primary: #3b82f6;--primary-fg: #ffffff;--accent-soft: #dbeafe;--accent-fg: #1e3a8a}[data-palette=green]{--primary: #10b981;--primary-fg: #ffffff;--accent-soft: #d1fae5;--accent-fg: #064e3b}[data-palette=orange]{--primary: #f97316;--primary-fg: #ffffff;--accent-soft: #ffedd5;--accent-fg: #7c2d12}[data-palette=purple]{--primary: #a855f7;--primary-fg: #ffffff;--accent-soft: #f3e8ff;--accent-fg: #581c87}[data-palette=pink]{--primary: #ec4899;--primary-fg: #ffffff;--accent-soft: #fce7f3;--accent-fg: #831843}[data-palette=mono]{--primary: #525252;--primary-fg: #ffffff;--accent-soft: #e5e5e5;--accent-fg: #171717}[data-mode=dark][data-palette=blue]{--accent-soft: rgba(59, 130, 246, .15);--accent-fg: #93c5fd}[data-mode=dark][data-palette=green]{--accent-soft: rgba(16, 185, 129, .15);--accent-fg: #6ee7b7}[data-mode=dark][data-palette=orange]{--accent-soft: rgba(249, 115, 22, .15);--accent-fg: #fdba74}[data-mode=dark][data-palette=purple]{--accent-soft: rgba(168, 85, 247, .15);--accent-fg: #d8b4fe}[data-mode=dark][data-palette=pink]{--accent-soft: rgba(236, 72, 153, .15);--accent-fg: #f9a8d4}[data-mode=dark][data-palette=mono]{--accent-soft: rgba(82, 82, 82, .3);--accent-fg: #d4d4d4}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);font-size:16px;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;transition:background var(--transition),color var(--transition)}body{font-size:var(--text-md);line-height:1.75;min-height:100vh;display:flex;flex-direction:column;transition:background var(--transition),color var(--transition)}::selection{background:var(--selection);color:var(--text)}a{color:var(--primary);text-decoration:none;transition:color var(--transition),opacity var(--transition)}a:hover{opacity:.7}button{font-family:inherit;cursor:pointer}img,svg{display:block;max-width:100%}.container{max-width:var(--container-base);margin:0 auto;padding:0 var(--space-6)}.site-header{position:sticky;top:0;z-index:50;background:var(--header-bg);backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid transparent}.header-inner{display:flex;align-items:center;height:64px;gap:var(--space-8)}.logo{font-weight:700;font-size:var(--text-lg);color:var(--text);letter-spacing:-.01em}.logo:hover{opacity:1;color:var(--primary)}.nav{display:flex;gap:var(--space-6);flex:1}.nav-link{color:var(--text-muted);font-size:var(--text-sm);font-weight:500;transition:color var(--transition)}.nav-link:hover,.nav-link.active{color:var(--text);opacity:1}.hero{padding:var(--space-24) 0 var(--space-12)}.hero-title{font-size:var(--text-5xl);font-weight:700;letter-spacing:-.03em;margin-bottom:var(--space-3);line-height:1.1}.hero-subtitle{font-size:var(--text-lg);color:var(--text-muted);margin-bottom:var(--space-8)}.hero-rule{width:48px;height:4px;background:var(--primary);border-radius:var(--radius-full);transition:background var(--transition)}.posts{padding-bottom:var(--space-24)}.section-title{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:var(--space-8);font-weight:500}.post-card{margin-bottom:var(--space-12)}.post-meta{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-3);flex-wrap:wrap}.post-meta .dot{opacity:.5}.post-meta .tags{display:inline-flex;gap:var(--space-2)}.post-meta .tags a{color:var(--text-muted)}.post-meta .tags a:hover{color:var(--primary);opacity:1}.post-title{font-size:var(--text-2xl);font-weight:600;margin-bottom:var(--space-2);line-height:1.3;letter-spacing:-.01em}.post-title a{color:var(--text)}.post-title a:hover{color:var(--primary);opacity:1}.post-excerpt{color:var(--text-muted);font-size:var(--text-md);line-height:1.6;max-width:60ch}.more-link{display:inline-block;margin-top:var(--space-4);font-size:var(--text-sm);color:var(--primary);font-weight:500}.layout-with-toc{display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:var(--space-12);max-width:var(--container-wide);margin:0 auto;padding:0 var(--space-6);flex:1;width:100%}.prose{padding:var(--space-16) 0;max-width:var(--container-narrow);margin:0 auto;width:100%}.post-header{margin-bottom:var(--space-12);padding-bottom:var(--space-8);border-bottom:1px solid var(--border)}.post-header h1{font-size:var(--text-4xl);font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:var(--space-4)}.post-header .post-meta{margin-bottom:var(--space-4)}.post-tags{display:flex;gap:var(--space-2);flex-wrap:wrap}.tag{display:inline-block;padding:2px var(--space-3);background:var(--accent-soft);color:var(--accent-fg);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500;transition:all var(--transition)}.tag:hover{opacity:1;filter:brightness(.95)}.prose h2{font-size:var(--text-2xl);font-weight:600;margin:var(--space-12) 0 var(--space-4);letter-spacing:-.01em;scroll-margin-top:80px;line-height:1.3}.prose h3{font-size:var(--text-xl);font-weight:600;margin:var(--space-8) 0 var(--space-3);scroll-margin-top:80px;line-height:1.4}.prose p{margin-bottom:var(--space-6);line-height:1.8}.prose strong{color:var(--text);font-weight:600}.prose em{color:var(--text)}.prose a{color:var(--primary);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.prose a:hover{text-decoration-thickness:2px;opacity:1}.prose mark{background:var(--accent-soft);color:var(--accent-fg);padding:1px 4px;border-radius:var(--radius-sm)}.prose ul,.prose ol{margin:var(--space-4) 0 var(--space-6);padding-left:var(--space-6)}.prose li{margin-bottom:var(--space-2);line-height:1.8}.prose li::marker{color:var(--text-muted)}.prose code{font-family:var(--font-mono);font-size:.9em;background:var(--code-bg);padding:2px 6px;border-radius:var(--radius-sm);border:1px solid var(--border)}.prose pre{background:var(--code-bg);padding:var(--space-4) var(--space-6);border-radius:var(--radius-md);overflow-x:auto;margin:var(--space-6) 0;border:1px solid var(--border);font-size:var(--text-sm);line-height:1.6}.prose pre code{background:transparent;padding:0;border:none;font-size:inherit}.prose blockquote{border-left:3px solid var(--primary);padding:var(--space-2) 0 var(--space-2) var(--space-4);color:var(--text-muted);margin:var(--space-6) 0;font-style:italic}.prose hr{border:none;border-top:1px solid var(--border);margin:var(--space-12) 0}.prose p>code{font-size:.875em}.prose pre.astro-code{background:var(--code-bg)!important;border:1px solid var(--border)}[data-mode=dark] .prose pre.astro-code{background:var(--code-bg)!important}.post-nav{display:flex;justify-content:space-between;margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid var(--border);gap:var(--space-4)}.post-nav a{color:var(--text);font-size:var(--text-sm);font-weight:500}.post-nav a:hover{color:var(--primary);opacity:1}.post-nav-prev{text-align:left}.post-nav-next{text-align:right;margin-left:auto}.toc{position:sticky;top:80px;align-self:start;max-height:calc(100vh - 96px);overflow-y:auto;font-size:var(--text-sm)}.toc-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:var(--space-3);font-weight:500}.toc ul{list-style:none;padding:0;border-left:1px solid var(--border)}.toc li{margin:0}.toc a{display:block;padding:var(--space-1) var(--space-3);color:var(--text-muted);border-left:2px solid transparent;margin-left:-1px;transition:all var(--transition);font-size:var(--text-sm)}.toc a:hover{color:var(--primary);border-left-color:var(--primary);opacity:1}.toc .toc-h3{padding-left:var(--space-6);font-size:var(--text-xs)}.toc ul ul{border-left:none;margin-left:0}.theme-switcher{position:relative}.theme-toggle{background:transparent;border:1px solid var(--border);color:var(--text);width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:all var(--transition)}.theme-toggle:hover{background:var(--bg-muted);border-color:var(--text-muted)}[data-mode=light] .icon-moon,[data-mode=dark] .icon-sun{display:none}.theme-panel{position:absolute;top:calc(100% + 8px);right:0;width:240px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:0 8px 24px #0000001f;z-index:100}.theme-section{margin-bottom:var(--space-4)}.theme-section:last-of-type{margin-bottom:var(--space-3)}.theme-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:var(--space-2);font-weight:500}.mode-options{display:flex;gap:2px;background:var(--bg-muted);padding:3px;border-radius:var(--radius-md)}.mode-btn{flex:1;background:transparent;border:none;color:var(--text-muted);padding:var(--space-2) var(--space-1);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:500;transition:all var(--transition)}.mode-btn:hover{color:var(--text)}.mode-btn.active{background:var(--bg-elevated);color:var(--text);box-shadow:0 1px 2px #0000000d}.palette-options{display:flex;gap:var(--space-2);flex-wrap:wrap}.palette-btn{width:28px;height:28px;border-radius:var(--radius-full);border:2px solid transparent;transition:all var(--transition);position:relative}.palette-btn:hover{transform:scale(1.1)}.palette-btn.active{border-color:var(--text);transform:scale(1.1)}.palette-btn.active:after{content:"";position:absolute;inset:-5px;border:1.5px solid var(--text-muted);border-radius:var(--radius-full);pointer-events:none}.reset-btn{width:100%;background:transparent;border:1px solid var(--border);color:var(--text-muted);padding:var(--space-2);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:500;transition:all var(--transition)}.reset-btn:hover{color:var(--text);border-color:var(--text-muted);background:var(--bg-muted)}.site-footer{margin-top:auto;padding:var(--space-8) 0;border-top:1px solid var(--border);font-size:var(--text-sm);color:var(--text-muted);background:var(--bg)}.site-footer a{color:var(--text-muted)}.site-footer a:hover{color:var(--primary);opacity:1}.site-footer p{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap}.archive{padding:var(--space-16) 0 var(--space-24)}.archive-year{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin:var(--space-12) 0 var(--space-4);font-weight:500}.archive-year:first-child{margin-top:0}.archive-list{list-style:none;padding:0}.archive-item{display:flex;align-items:baseline;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--border)}.archive-date{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-muted);min-width:80px;flex-shrink:0}.archive-title{color:var(--text);font-size:var(--text-md)}.archive-title:hover{color:var(--primary);opacity:1}.archive-empty{color:var(--text-muted);padding:var(--space-8) 0}.tag-cloud{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-12)}.tag-cloud .tag{font-size:var(--text-sm);padding:var(--space-1) var(--space-4)}.tag-cloud .tag-count{opacity:.6;margin-left:var(--space-1)}.about{padding:var(--space-16) 0 var(--space-24);max-width:var(--container-narrow);margin:0 auto}.about h1{font-size:var(--text-4xl);font-weight:700;margin-bottom:var(--space-6);letter-spacing:-.02em}.about-intro{font-size:var(--text-lg);color:var(--text-muted);margin-bottom:var(--space-12);line-height:1.7}.about-section{margin-bottom:var(--space-12)}.about-section h2{font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--border)}.about-section ul{list-style:none;padding:0}.about-section li{padding:var(--space-2) 0;color:var(--text-muted)}.about-section li strong{color:var(--text);margin-right:var(--space-2)}.about-social{display:flex;gap:var(--space-4);flex-wrap:wrap}.comments{max-width:var(--container-narrow);margin:var(--space-12) auto 0;padding-top:var(--space-12);border-top:1px solid var(--border)}.comments-title{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-6)}@media(max-width:1024px){.layout-with-toc{grid-template-columns:1fr}.toc{display:none}}@media(max-width:640px){.hero{padding:var(--space-16) 0 var(--space-8)}.hero-title{font-size:var(--text-4xl)}.header-inner,.nav{gap:var(--space-4)}.nav-link{font-size:var(--text-xs)}.post-title{font-size:var(--text-xl)}.prose h1{font-size:var(--text-3xl)}.prose h2{font-size:var(--text-xl)}.prose{padding:var(--space-8) 0}.post-header h1{font-size:var(--text-3xl)}.post-nav{flex-direction:column}.post-nav-next{text-align:left;margin-left:0}.archive-item{flex-direction:column;gap:var(--space-1)}}