*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#ffffff;--color-text:#1a1a1a;--color-text-muted:#6b7280;--color-text-hover:#4a4a4a;--color-accent:#2563eb;--color-border:#e5e7eb;--color-code-bg:#f9fafb;--color-card-shadow:rgba(0, 0, 0, 0.1);--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"SF Mono", Monaco, "Cascadia Code", Consolas, monospace;--space-unit:8px;--space-xs:calc(var(--space-unit) * 1);--space-sm:calc(var(--space-unit) * 2);--space-md:calc(var(--space-unit) * 3);--space-lg:calc(var(--space-unit) * 4);--space-xl:calc(var(--space-unit) * 6);--space-2xl:calc(var(--space-unit) * 8);--max-width:900px}[data-theme=dark]{--color-bg:#0d1117;--color-text:#e6edf3;--color-text-muted:#8b949e;--color-text-hover:#c9d1d9;--color-accent:#58a6ff;--color-border:#30363d;--color-code-bg:#161b22;--color-card-shadow:rgba(0, 0, 0, 0.4)}html{font-size:18px;line-height:1.6}body{font-family:var(--font-sans);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;min-height:100vh;transition:background-color .3s ease,color .3s ease}main{flex:1}.container{max-width:100%;width:100%;margin:0 auto;padding:0 var(--space-lg)}@media(min-width:641px){.container{max-width:var(--max-width)}}.site-header{padding:var(--space-lg)0;border-bottom:1px solid var(--color-border)}.header-content{display:flex;justify-content:space-between;align-items:center}.site-logo{font-weight:600;color:var(--color-text);text-decoration:none;font-size:1rem}.site-logo:hover{color:var(--color-text-hover)}.site-nav{display:flex;align-items:center;gap:var(--space-md)}.nav-link{color:var(--color-text-muted);text-decoration:none;font-size:.875rem;transition:color .2s ease}.nav-link:hover{color:var(--color-text-hover)}.site-footer{margin-top:var(--space-2xl);padding:var(--space-xl)0;border-top:1px solid var(--color-border)}.footer-content{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:var(--color-text-muted)}.social-icons{display:flex;gap:var(--space-md);justify-content:center}.social-icons a{color:var(--color-text-muted);transition:color .2s ease}.social-icons a:hover{color:var(--color-text-hover)}.hero{padding:var(--space-2xl)0;text-align:center}#particle-canvas{width:100%;height:320px;margin-bottom:var(--space-md)}.hero-name{font-size:3rem;font-weight:700;margin-bottom:var(--space-sm)}.hero-tagline{font-size:1.125rem;color:var(--color-text-muted);margin-bottom:var(--space-lg)}.recent-posts{margin-top:var(--space-2xl)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.section-header h2{font-size:1.5rem;font-weight:600}.view-all{color:var(--color-text-muted);text-decoration:none;font-size:.875rem;transition:color .2s ease}.view-all:hover{color:var(--color-text-hover)}.post-list{display:flex;flex-direction:column;gap:var(--space-lg)}.post-card{border:1px solid var(--color-border);border-radius:8px;padding:var(--space-lg);transition:box-shadow .2s ease,transform .2s ease}.post-card:hover{box-shadow:0 4px 12px var(--color-card-shadow);transform:translateY(-2px)}.post-card-link{text-decoration:none;color:inherit}.post-card-title{font-size:1.5rem;font-weight:600;margin-bottom:var(--space-sm);color:var(--color-text)}.post-card:hover .post-card-title{color:var(--color-text-hover)}.post-card-meta{display:flex;gap:var(--space-sm);font-size:.875rem;color:var(--color-text-muted);margin-bottom:var(--space-md)}.post-card-meta time::after{content:"·";margin-left:var(--space-sm)}.post-card-excerpt{color:var(--color-text-muted);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post{padding:var(--space-xl)0}.post-header{margin-bottom:var(--space-xl)}.back-link{color:var(--color-text-muted);text-decoration:none;font-size:.875rem;display:inline-block;margin-bottom:var(--space-md)}.back-link:hover{color:var(--color-text-hover)}.post-title{font-size:2.25rem;font-weight:700;margin-bottom:var(--space-sm);line-height:1.2}.post-meta{display:flex;gap:var(--space-sm);font-size:.875rem;color:var(--color-text-muted)}.post-meta time::after{content:"·";margin-left:var(--space-sm)}.post-content{line-height:1.8;margin-bottom:var(--space-2xl)}.post-content h2{font-size:1.5rem;font-weight:600;margin-top:var(--space-xl);margin-bottom:var(--space-md)}.post-content h3{font-size:1.25rem;font-weight:600;margin-top:var(--space-lg);margin-bottom:var(--space-sm)}.post-content p{margin-bottom:var(--space-md)}.post-content ul,.post-content ol{margin-bottom:var(--space-md);padding-left:var(--space-lg)}.post-content li{margin-bottom:var(--space-sm)}.post-content a{color:var(--color-text);text-decoration:none;cursor:pointer;transition:color .2s ease;border-bottom:1px solid var(--color-border)}.post-content a:hover{color:var(--color-text-hover);border-bottom-color:var(--color-text-hover)}.post-content img{max-width:100%;height:auto;display:block;margin:var(--space-xl)auto;border-radius:8px}.post-content blockquote{border-left:4px solid var(--color-accent);padding-left:var(--space-lg);margin:var(--space-xl)0;color:var(--color-text-muted);font-style:italic}.post-content code{font-family:var(--font-mono);font-size:.875rem;background-color:var(--color-code-bg);padding:2px 6px;border-radius:4px}.post-content pre{background-color:var(--color-code-bg);padding:var(--space-lg);border-radius:8px;overflow-x:auto;margin:var(--space-xl)0;max-width:100%}.post-content pre code{background:0 0;padding:0}.related-posts{padding-top:var(--space-xl);border-top:1px solid var(--color-border)}.related-posts h2{font-size:1.25rem;font-weight:600;margin-bottom:var(--space-lg)}.related-posts-list{display:grid;gap:var(--space-md)}.related-post-card{display:flex;flex-direction:column;padding:var(--space-lg);border:1px solid var(--color-border);border-radius:8px;text-decoration:none;color:var(--color-text);transition:box-shadow .2s ease,transform .2s ease}.related-post-card:hover{box-shadow:0 4px 12px var(--color-card-shadow);transform:translateY(-2px)}.related-post-title{font-weight:600;margin-bottom:var(--space-xs)}.related-post-description{font-size:.875rem;color:var(--color-text-muted);line-height:1.5}.page-header{padding:var(--space-xl)0}.page-header h1{font-size:2.25rem;font-weight:700}.theme-toggle{background:0 0;border:none;cursor:pointer;padding:var(--space-xs);color:var(--color-text-muted);transition:color .2s ease;display:flex;align-items:center;justify-content:center}.theme-toggle:hover{color:var(--color-text-hover)}.theme-toggle svg{width:20px;height:20px}.theme-toggle .sun-icon{display:none}[data-theme=dark] .theme-toggle .sun-icon{display:block}[data-theme=dark] .theme-toggle .moon-icon{display:none}@media(max-width:640px){html{font-size:16px}.hero-name{font-size:2rem}.post-title{font-size:1.75rem}#particle-canvas{height:240px}.footer-content{flex-direction:column;gap:var(--space-md);text-align:center}}