@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}:root{--bg-primary:#ffffff;--bg-secondary:#f7fafc;--text-primary:#2d3748;--text-secondary:#4a5568;--text-muted:#718096;--border-color:#e2e8f0;--card-bg:#ffffff;--header-bg:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--content-max-width:1400px}[data-theme=dark]{--bg-primary:#1a202c;--bg-secondary:#2d3748;--text-primary:#f7fafc;--text-secondary:#e2e8f0;--text-muted:#a0aec0;--border-color:#4a5568;--card-bg:#2d3748;--header-bg:linear-gradient(135deg, #4c51bf 0%, #553c9a 100%)}body{background:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.blog-main{margin-top:0;padding-top:2rem}.blog-intro{text-align:center;margin-bottom:3rem}.blog-intro h1,.sidebar-section h3{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.blog-header-nav{background:var(--header-bg);color:#fff;padding:1rem 0;position:sticky;top:0;z-index:100;backdrop-filter:blur(10px)}.header-content,.header-left{display:flex;align-items:center}.header-content{justify-content:space-between;margin-bottom:1rem}.header-left{gap:2rem}.home-link{color:rgba(255,255,255,.9);text-decoration:none;font-weight:500;transition:color .3s ease}.home-link:hover{color:#fff}.blog-title{font-size:2rem;font-weight:700;margin:0}.blog-subtitle{font-size:1.1rem;opacity:.9;margin:0}.header-controls{display:flex;gap:1rem}.dark-mode-toggle,.width-toggle{background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);color:#fff;padding:.5rem;border-radius:8px;cursor:pointer;font-size:1rem;transition:all .3s ease;backdrop-filter:blur(10px)}.dark-mode-toggle:hover,.width-toggle:hover{background:rgba(255,255,255,.3);transform:translateY(-1px)}.blog-grid{display:grid;grid-template-columns:280px 1fr;gap:3rem;margin:3rem 0}.blog-sidebar{position:sticky;top:100px;height:fit-content}.sidebar-section{background:var(--card-bg);border-radius:12px;padding:1.5rem;margin-bottom:2rem;border:1px solid var(--border-color)}.sidebar-section h3{font-size:1.1rem;font-weight:600}.category-list,.recent-posts{list-style:none}.blog-post-full li,.category-list li,.recent-posts li{margin-bottom:.5rem}.category-link,.recent-posts a{text-decoration:none;color:var(--text-secondary);padding:.5rem .75rem;border-radius:6px;display:block;transition:all .3s ease;font-size:.9rem}.category-link:hover,.post-content blockquote,.recent-posts a:hover{background:var(--bg-secondary);color:var(--text-primary)}.category-link.active{background:#2b6cb0;color:#fff}.blog-content{max-width:none}.blog-post{background:var(--card-bg);border-radius:12px;margin-bottom:3rem;box-shadow:0 4px 6px rgba(0,0,0,.05);border:1px solid var(--border-color);transition:all .3s ease;overflow:hidden}.blog-post:hover{box-shadow:0 8px 25px rgba(0,0,0,.1);transform:translateY(-2px)}.post-link,.post-title a{color:inherit;text-decoration:none}.post-link{display:block;padding:2.5rem}.post-link:hover{color:inherit}.post-header{margin-bottom:2rem}.post-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;line-height:1.3}.post-meta{display:flex;gap:1rem;color:var(--text-muted);font-size:.9rem;flex-wrap:wrap}.post-meta span{display:flex;align-items:center}.post-category{background:var(--bg-secondary);color:var(--text-secondary);padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500}.post-content{line-height:1.8;color:var(--text-secondary);text-align:justify}.post-content h3{font-size:1.3rem;margin:2rem 0 1rem}.post-content blockquote{border-left:4px solid #2b6cb0;padding:1rem 1.5rem;margin:1.5rem 0;border-radius:0 8px 8px 0;font-style:italic}.math-block{margin:2rem 0;padding:1.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;overflow-x:auto;text-align:center}.math-block .katex-display{margin:0}.katex{font-size:1.1em}[data-theme=dark] .katex,[data-theme=dark] .katex .base,[data-theme=dark] .math-block .katex{color:var(--text-primary)}.post-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:2rem;padding-top:2rem;border-top:1px solid #e2e8f0}.archive-section,.tag{background:var(--bg-secondary);border:1px solid var(--border-color)}.tag{color:var(--text-muted);padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:400}.post-title a{transition:color .3s ease}.post-title a:hover{color:#2b6cb0}.archive-section{margin:3rem 0;padding:2rem;border-radius:12px}.archive-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.archive-description{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.95rem}.archive-posts{display:flex;flex-direction:column;gap:.75rem}.archive-link{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--card-bg);border-radius:8px;text-decoration:none;color:var(--text-primary);border:1px solid var(--border-color);transition:all .2s ease}.archive-link:hover{background:var(--bg-primary);border-color:#667eea;transform:translateY(-1px)}.archive-post-title{font-weight:500;font-size:.95rem}.archive-post-date{color:var(--text-muted);font-size:.85rem}.container{max-width:var(--content-max-width)}.blog-nav{background:var(--header-bg);color:#fff;padding:1rem 0;position:sticky;top:0;z-index:100}.blog-nav .container{display:flex;justify-content:space-between;align-items:center}.nav-left{display:flex;gap:2rem}.nav-controls{display:flex;gap:1rem}.back-link{color:rgba(255,255,255,.9);text-decoration:none;font-weight:500;transition:color .3s ease}.back-link:hover{color:#fff}.blog-post-main{padding:2rem 0;background:var(--bg-primary)}.blog-post-full{margin:0 auto;background:var(--card-bg);border-radius:12px;padding:3rem;box-shadow:0 4px 6px rgba(0,0,0,.05);border:1px solid var(--border-color);transition:all .3s ease;max-width:1100px}.blog-post-full .post-title{font-size:2.5rem;margin-bottom:1.5rem;color:var(--text-primary)}.blog-post-full .post-content{font-size:1.1rem;line-height:1.8;color:var(--text-secondary);text-align:justify}.blog-post-full .lead{font-size:1.2rem;font-weight:500;color:var(--text-primary);margin-bottom:2rem;line-height:1.6;text-align:justify}.blog-post-full h2,.blog-post-full h3,.post-content h3{font-weight:600;color:var(--text-primary)}.blog-post-full h2{font-size:1.8rem;margin:3rem 0 1.5rem;border-bottom:2px solid var(--border-color);padding-bottom:.5rem}.blog-post-full h3{font-size:1.4rem;margin:2rem 0 1rem}.blog-post-full ol,.blog-post-full ul{margin:1.5rem 0;padding-left:2rem}.blog-post-full p,.post-content p{text-align:justify;margin-bottom:1.5rem}.post-navigation{display:flex;justify-content:space-between;align-items:center;margin-top:3rem;padding-top:2rem;border-top:1px solid #e2e8f0;flex-wrap:wrap;gap:1rem}.nav-button{padding:.75rem 1.5rem;background:#f7fafc;color:#4a5568;text-decoration:none;border-radius:8px;font-weight:500;transition:all .3s ease;border:1px solid #e2e8f0}.nav-button:hover{background:#667eea;color:#fff;border-color:#667eea}@media (max-width:768px){.blog-nav .container,.header-content,.header-left{flex-direction:column;gap:1rem;align-items:flex-start}.header-controls{align-self:flex-end}.blog-grid{grid-template-columns:1fr;gap:2rem}.blog-sidebar{position:static;order:2}.blog-content{order:1}.blog-title{font-size:2rem}.post-link{padding:1.5rem}.post-title{font-size:1.5rem}.nav-left,.post-meta{flex-direction:column;gap:.5rem}.nav-left{gap:1rem}.nav-controls{align-self:flex-end}.archive-section{padding:1.5rem;margin:2rem 0}.archive-link{flex-direction:column;align-items:flex-start;gap:.5rem;padding:1rem}.archive-post-date{align-self:flex-end}}@media (max-width:480px){.blog-header{padding:2rem 0}.blog-title{font-size:1.75rem}.blog-subtitle{font-size:1rem}.blog-post,.math-block{padding:1rem}.math-block{margin:1rem 0}}.blog-post.filtered-out{display:none}.blog-post.filtered-in{animation:fadeIn .5s ease-in}