:root{--bg-primary:#fff;--bg-secondary:#f8f9fa;--text-primary:#1a1a1a;--text-secondary:#6c757d;--border-color:#dee2e6;--link-color:#06c;--link-hover:#0052a3;--code-bg:#f4f4f4;--shadow:0 2px 8px rgba(0,0,0,.1)}.dark{--bg-primary:#1a1a1a;--bg-secondary:#2d2d2d;--text-primary:#fff;--text-secondary:#a0a0a0;--border-color:#404040;--link-color:#66b3ff;--link-hover:#39f;--code-bg:#2d2d2d;--shadow:0 2px 8px rgba(0,0,0,.3)}*{box-sizing:border-box;margin:0;padding:0}body,html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);transition:background-color .3s ease,color .3s ease}a{color:var(--link-color);text-decoration:none;transition:color .2s ease}a:hover{color:var(--link-hover);text-decoration:underline}h1,h2,h3,h4,h5,h6{margin-bottom:1rem;font-weight:600;line-height:1.3}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}p{margin-bottom:1rem}code{padding:.2rem .4rem;border-radius:3px;font-family:Courier New,Courier,monospace;font-size:.9em}code,pre{background-color:var(--code-bg)}pre{padding:1rem;border-radius:5px;overflow-x:auto;margin-bottom:1rem}pre code{background-color:transparent;padding:0}img{max-width:100%;height:auto}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.header{background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);padding:1.5rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:100;box-shadow:var(--shadow)}.header-content{display:flex;justify-content:space-between;align-items:center}.header-title{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.header-nav{display:flex;gap:2rem;align-items:center}.header-nav a{color:var(--text-primary);font-weight:500}.header-nav a:hover{color:var(--link-color)}.theme-toggle{background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);padding:.5rem 1rem;border-radius:5px;cursor:pointer;font-size:1rem;transition:background-color .2s ease}.theme-toggle:hover{background-color:var(--border-color)}.main-content{min-height:calc(100vh - 200px);padding:3rem 0}.post-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:2rem;gap:2rem;margin-bottom:2rem}.post-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.post-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.post-card-title{font-size:1.5rem;margin-bottom:.5rem;color:var(--text-primary)}.post-card-meta{color:var(--text-secondary);font-size:.9rem;margin-bottom:.5rem}.post-card-excerpt{color:var(--text-secondary);margin-bottom:1rem;line-height:1.6}.post-card-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.post-tag{background-color:var(--bg-primary);border:1px solid var(--border-color);padding:.25rem .75rem;border-radius:15px;font-size:.85rem;color:var(--text-secondary)}.read-more-btn{display:inline-block;background-color:var(--link-color);color:#fff;padding:.5rem 1.5rem;border-radius:5px;font-weight:500;transition:background-color .2s ease}.read-more-btn:hover{background-color:var(--link-hover);text-decoration:none}.blog-post{max-width:800px;margin:0 auto}.blog-post-header{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--border-color)}.post-title{font-size:2.5rem;margin-bottom:1rem}.post-meta{display:flex;gap:1.5rem;font-size:.95rem;flex-wrap:wrap}.post-meta,.reading-time{color:var(--text-secondary)}.post-content{font-size:1.1rem;line-height:1.8}.post-content h2{margin-top:2rem;margin-bottom:1rem}.post-content h3{margin-top:1.5rem;margin-bottom:.75rem}.post-content ol,.post-content ul{margin-left:2rem;margin-bottom:1rem}.post-content li{margin-bottom:.5rem}.post-content img{border-radius:8px;margin:2rem 0}.pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:3rem;flex-wrap:wrap}.pagination-btn{background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);padding:.5rem 1rem;border-radius:5px;cursor:pointer;transition:background-color .2s ease}.pagination-btn:hover:not(.pagination-btn-active):not(:disabled){background-color:var(--border-color)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-btn-active{background-color:var(--link-color);color:#fff;border-color:var(--link-color)}.footer{background-color:var(--bg-secondary);border-top:1px solid var(--border-color);padding:2rem 0;margin-top:3rem;text-align:center;color:var(--text-secondary)}.not-found{text-align:center;padding:4rem 2rem}.not-found h1{font-size:4rem;margin-bottom:1rem}.not-found p{font-size:1.25rem;color:var(--text-secondary);margin-bottom:2rem}.home-link{display:inline-block;background-color:var(--link-color);color:#fff;padding:.75rem 2rem;border-radius:5px;font-weight:500}.home-link:hover{background-color:var(--link-hover);text-decoration:none}.hero{text-align:center;padding:3rem 0;margin-bottom:3rem}.hero h1{font-size:3rem;margin-bottom:1rem}.hero p{font-size:1.25rem;color:var(--text-secondary)}@media (max-width:768px){.container{padding:0 1rem}.header-content{flex-direction:column;gap:1rem}.post-list{grid-template-columns:1fr}.hero h1,.post-title{font-size:2rem}.pagination{gap:.25rem}.pagination-btn{padding:.4rem .8rem;font-size:.9rem}}code[class*=language-],pre[class*=language-]{color:#f8f8f2;background:none;text-shadow:0 1px rgba(0,0,0,.3);font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;border-radius:.3em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#282a36}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#6272a4}.token.punctuation{color:#f8f8f2}.token.constant,.token.deleted,.token.property,.token.symbol,.token.tag{color:#ff79c6}.token.boolean,.token.number{color:#bd93f9}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#50fa7b}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url,.token.variable{color:#f8f8f2}.token.atrule,.token.attr-value,.token.class-name,.token.function{color:#f1fa8c}.token.keyword{color:#8be9fd}.token.important,.token.regex{color:#ffb86c}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.dark code[class*=language-],.dark pre[class*=language-]{color:#f8f8f2}.dark :not(pre)>code[class*=language-],.dark pre[class*=language-]{background:#282a36}