:root{--bg:#eff1f5;--bg-secondary:#e6e9ef;--card-bg:#dce0e8;--text:#4c4f69;--text-secondary:#6c6f85;--accent:#7287fd;--accent-end:#8839ef;--border:rgba(76, 79, 105, 0.1);--shadow-out:6px 6px 12px rgba(140, 143, 161, 0.25), -6px -6px 12px rgba(255, 255, 255, 0.7);--shadow-out-sm:3px 3px 6px rgba(140, 143, 161, 0.2), -3px -3px 6px rgba(255, 255, 255, 0.6);--shadow-out-hover:8px 8px 16px rgba(140, 143, 161, 0.3), -8px -8px 16px rgba(255, 255, 255, 0.8);--shadow-in:inset 2px 2px 4px rgba(140, 143, 161, 0.15), inset -2px -2px 4px rgba(255, 255, 255, 0.6);--shadow-btn:4px 4px 8px rgba(140, 143, 161, 0.2), -4px -4px 8px rgba(255, 255, 255, 0.6);--shadow-btn-hover:6px 6px 12px rgba(140, 143, 161, 0.25), -6px -6px 12px rgba(255, 255, 255, 0.7);--shadow-btn-active:inset 2px 2px 4px rgba(140, 143, 161, 0.2), inset -2px -2px 4px rgba(255, 255, 255, 0.5);--radius-lg:16px;--radius-md:12px;--radius-sm:8px;--meta-color:#eff1f5}[data-theme=dark]{--bg:#1e1e2e;--bg-secondary:#181825;--card-bg:#313244;--text:#cdd6f4;--text-secondary:#a6adc8;--border:rgba(205, 214, 244, 0.08);--shadow-out:6px 6px 12px rgba(0, 0, 0, 0.35), -6px -6px 12px rgba(69, 71, 90, 0.15);--shadow-out-sm:3px 3px 6px rgba(0, 0, 0, 0.3), -3px -3px 6px rgba(69, 71, 90, 0.1);--shadow-out-hover:8px 8px 16px rgba(0, 0, 0, 0.4), -8px -8px 16px rgba(69, 71, 90, 0.18);--shadow-in:inset 2px 2px 4px rgba(0, 0, 0, 0.3), inset -2px -2px 4px rgba(69, 71, 90, 0.08);--shadow-btn:4px 4px 8px rgba(0, 0, 0, 0.3), -4px -4px 8px rgba(69, 71, 90, 0.08);--shadow-btn-hover:6px 6px 12px rgba(0, 0, 0, 0.35), -6px -6px 12px rgba(69, 71, 90, 0.12);--shadow-btn-active:inset 2px 2px 4px rgba(0, 0, 0, 0.35), inset -2px -2px 4px rgba(69, 71, 90, 0.06);--meta-color:#1e1e2e}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:system-ui,-apple-system,segoe ui,Roboto,helvetica neue,Arial,sans-serif;font-size:16px;line-height:1.7;color:var(--text);background-color:var(--bg);transition:background-color .3s ease,color .3s ease;min-height:100vh;display:flex;flex-direction:column}a{color:var(--accent);text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent-end)}img{max-width:100%;height:auto;border-radius:var(--radius-md)}h1,h2,h3,h4,h5,h6{line-height:1.3;font-weight:700;color:var(--text)}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.container{width:100%;max-width:960px;margin:0 auto;padding:0 1.5rem}main{flex:1;padding:2rem 0}.site-header{background:var(--bg);padding:1rem 0;position:sticky;top:0;z-index:100;transition:background-color .3s ease}.site-header .container{display:flex;align-items:center;justify-content:space-between;gap:1rem}.site-title{font-size:1.4rem;font-weight:800;white-space:nowrap}.site-title a{color:var(--text)}.site-title a:hover{color:var(--accent)}.header-right{display:flex;align-items:center;gap:.5rem}.site-nav ul{display:flex;list-style:none;gap:.25rem}.site-nav a{display:block;padding:.5rem 1rem;border-radius:var(--radius-md);color:var(--text-secondary);font-size:.9rem;font-weight:500;transition:all .2s ease;background:var(--bg);box-shadow:var(--shadow-btn)}.site-nav a:hover,.site-nav a.active{color:var(--accent);box-shadow:var(--shadow-btn-hover)}.site-nav a:active{box-shadow:var(--shadow-btn-active)}.menu-toggle{display:none;background:var(--bg);border:none;border-radius:var(--radius-sm);padding:.5rem;cursor:pointer;box-shadow:var(--shadow-btn);color:var(--text);transition:all .2s ease}.menu-toggle:hover{box-shadow:var(--shadow-btn-hover)}.menu-toggle:active{box-shadow:var(--shadow-btn-active)}.menu-toggle svg{display:block;width:24px;height:24px}.search-toggle{background:var(--bg);border:none;border-radius:var(--radius-sm);padding:.5rem;cursor:pointer;box-shadow:var(--shadow-btn);color:var(--text);transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.search-toggle:hover{box-shadow:var(--shadow-btn-hover);color:var(--accent)}.search-toggle:active{box-shadow:var(--shadow-btn-active)}.search-toggle svg{width:20px;height:20px}.theme-toggle{background:var(--bg);border:none;border-radius:var(--radius-sm);padding:.5rem;cursor:pointer;box-shadow:var(--shadow-btn);color:var(--text);transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.theme-toggle:hover{box-shadow:var(--shadow-btn-hover)}.theme-toggle:active{box-shadow:var(--shadow-btn-active)}.theme-toggle svg{width:20px;height:20px}.theme-toggle .icon-sun,.theme-toggle .icon-moon{transition:opacity .2s ease}.theme-toggle .icon-sun{display:block}.theme-toggle .icon-moon{display:none}[data-theme=dark] .theme-toggle .icon-sun{display:none}[data-theme=dark] .theme-toggle .icon-moon{display:block}.card{background:var(--card-bg);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-out);transition:box-shadow .25s ease,transform .25s ease,background-color .3s ease}.card:hover{box-shadow:var(--shadow-out-hover);transform:translateY(-2px)}.card-inset{background:var(--bg);border-radius:var(--radius-md);padding:1.25rem;box-shadow:var(--shadow-in)}.hero{text-align:center;padding:3rem 0 2rem}.hero-title{font-size:2.5rem;font-weight:800;margin-bottom:1rem}.hero-desc{font-size:1.1rem;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.8}.section-title{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;padding-left:.75rem;border-left:4px solid var(--accent)}.post-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.post-card{display:flex;flex-direction:column;gap:.75rem}.post-card .post-title{font-size:1.15rem;font-weight:600}.post-card .post-title a{color:var(--text);transition:color .2s ease}.post-card .post-title a:hover{color:var(--accent)}.post-card .post-meta{font-size:.85rem;color:var(--text-secondary)}.post-card .post-summary{font-size:.92rem;color:var(--text-secondary);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.tags{display:flex;flex-wrap:wrap;gap:.5rem}.tag{display:inline-block;padding:.3rem .8rem;border-radius:var(--radius-md);font-size:.8rem;font-weight:500;color:var(--text-secondary);background:var(--bg);box-shadow:var(--shadow-out-sm);transition:all .2s ease}.tag:hover{color:var(--accent);box-shadow:var(--shadow-btn-hover);transform:translateY(-1px)}.article-header{margin-bottom:2rem}.article-header h1{font-size:2rem;margin-bottom:.75rem}.article-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;font-size:.9rem;color:var(--text-secondary)}.article-content{line-height:1.8;font-size:1.05rem}.article-content h2{margin:2rem 0 1rem}.article-content h3{margin:1.5rem 0 .75rem}.article-content p{margin-bottom:1.25rem}.article-content ul,.article-content ol{margin-bottom:1.25rem;padding-left:1.5rem}.article-content li{margin-bottom:.5rem}.article-content blockquote{border-left:4px solid var(--accent);padding:.75rem 1.25rem;margin:1.25rem 0;background:var(--bg);border-radius:0 var(--radius-sm)var(--radius-sm)0;box-shadow:var(--shadow-in);color:var(--text-secondary)}.article-content .code-block{position:relative;margin-bottom:1.25rem}.article-content .code-lang{position:absolute;top:0;right:0;padding:.2rem .7rem;font-size:.75rem;font-weight:600;color:var(--text-secondary);background:var(--card-bg);border-radius:0 var(--radius-md)0 var(--radius-sm);z-index:1;text-transform:uppercase;letter-spacing:.03em;user-select:none;pointer-events:none}.article-content pre{background:var(--bg);border-radius:var(--radius-md);padding:1.25rem;overflow-x:auto;box-shadow:var(--shadow-in);margin-bottom:0;font-size:.9rem;line-height:1.5}.article-content .code-block+:not(.code-block),.article-content :not(.code-block)+.code-block{margin-top:1.25rem}.article-content code{font-family:cascadia code,fira code,jetbrains mono,monospace;font-size:.9em}.article-content p code{background:var(--bg);padding:.15rem .4rem;border-radius:var(--radius-sm);box-shadow:var(--shadow-in)}.article-content img{margin:1.5rem 0;box-shadow:var(--shadow-out);cursor:zoom-in;transition:box-shadow .25s ease,transform .25s ease}.article-content img:hover{box-shadow:var(--shadow-out-hover);transform:translateY(-2px)}.article-content a[data-pswp-width]{display:block;text-decoration:none;border:none}.pswp{--pswp-bg:var(--bg)}.article-footer{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.tag-cloud-canvas-wrapper{display:flex;align-items:center;justify-content:center;padding:1.5rem}.tag-cloud-canvas-wrapper canvas{display:block;max-width:100%}.search-wrapper{max-width:720px;margin:0 auto;--pagefind-ui-scale:1;--pagefind-ui-primary:var(--accent);--pagefind-ui-text:var(--text);--pagefind-ui-background:var(--bg);--pagefind-ui-border:transparent;--pagefind-ui-border-width:0px;--pagefind-ui-border-radius:var(--radius-md);--pagefind-ui-font:inherit}.search-wrapper .pagefind-ui__form::before{display:none!important}.search-wrapper .pagefind-ui__search-input{background:var(--bg)!important;color:var(--text)!important;border:none!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-in)!important;padding:.75rem 3rem .75rem 1rem!important;font-size:1rem!important;font-family:inherit!important;outline:none!important;width:100%!important;height:auto!important}.search-wrapper .pagefind-ui__search-input::placeholder{color:var(--text-secondary)!important}.search-wrapper .pagefind-ui__search-input:focus{box-shadow:var(--shadow-in),0 0 0 2px var(--accent)!important}.search-wrapper .pagefind-ui__form{position:relative!important;background:0 0!important;border:none!important;box-shadow:none!important;outline:none!important}.search-wrapper .pagefind-ui__drawer{border:none!important;box-shadow:none!important;padding:0!important;margin-top:1rem!important}.search-wrapper .pagefind-ui__search-clear{color:transparent!important;background:0 0!important;width:2rem!important;height:2rem!important;min-width:0!important;overflow:hidden!important;position:absolute!important;right:.75rem!important;top:.55rem!important;border-radius:var(--radius-sm)!important;transition:all .2s ease!important;cursor:pointer!important;z-index:1!important;padding:0!important;border:none!important;margin:0!important}.search-wrapper .pagefind-ui__search-clear::before,.search-wrapper .pagefind-ui__search-clear::after{content:''!important;position:absolute!important;top:50%!important;left:50%!important;width:14px!important;height:2px!important;background:var(--text-secondary)!important;border-radius:1px!important;transition:background .2s ease!important}.search-wrapper .pagefind-ui__search-clear::before{transform:translate(-50%,-50%)rotate(45deg)!important}.search-wrapper .pagefind-ui__search-clear::after{transform:translate(-50%,-50%)rotate(-45deg)!important}.search-wrapper .pagefind-ui__search-clear:hover::before,.search-wrapper .pagefind-ui__search-clear:hover::after{background:var(--accent)!important}.search-wrapper .pagefind-ui__result{background:var(--card-bg)!important;border-radius:var(--radius-md)!important;padding:1.25rem!important;box-shadow:var(--shadow-out-sm)!important;border:none!important;transition:box-shadow .25s ease,transform .25s ease!important;margin-top:.75rem!important}.search-wrapper .pagefind-ui__result:hover{box-shadow:var(--shadow-out-hover)!important;transform:translateY(-1px)!important}.search-wrapper .pagefind-ui__result-link{color:var(--text)!important;font-weight:600!important}.search-wrapper .pagefind-ui__result-link:hover{color:var(--accent)!important}.search-wrapper .pagefind-ui__result-excerpt{color:var(--text-secondary)!important}.search-wrapper .pagefind-ui__result-nested{border-left-color:var(--accent)!important}.search-wrapper mark{background:var(--accent)!important;color:#fff!important;border-radius:2px!important;padding:0 .15rem!important}.search-wrapper .pagefind-ui__message{color:var(--text-secondary)!important;font-family:inherit!important}.search-wrapper .pagefind-ui__button{background:var(--bg)!important;color:var(--text)!important;border:none!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-btn)!important;font-family:inherit!important;cursor:pointer!important;transition:all .2s ease!important;height:auto!important;padding:.6rem 1.5rem!important}.search-wrapper .pagefind-ui__button:hover{box-shadow:var(--shadow-btn-hover)!important;color:var(--accent)!important}.pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:2rem}.pagination-link{display:inline-block;padding:.5rem 1.2rem;border-radius:var(--radius-md);font-size:.9rem;font-weight:500;color:var(--text-secondary);background:var(--bg);box-shadow:var(--shadow-btn);transition:all .2s ease}.pagination-link:hover:not(.disabled){color:var(--accent);box-shadow:var(--shadow-btn-hover);transform:translateY(-1px)}.pagination-link:active:not(.disabled){box-shadow:var(--shadow-btn-active);transform:translateY(0)}.pagination-link.disabled{opacity:.4;cursor:default;pointer-events:none}.pagination-info{font-size:.9rem;color:var(--text-secondary);font-weight:500;min-width:4rem;text-align:center}.site-footer{padding:2rem 0;margin-top:auto}.site-footer .container{text-align:center}.footer-card{background:var(--card-bg);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-out);color:var(--text-secondary);font-size:.9rem;transition:background-color .3s ease}@media(max-width:768px){.post-grid{grid-template-columns:1fr}.hero-title{font-size:2rem}h1{font-size:1.75rem}.article-header h1{font-size:1.75rem}}@media(max-width:480px){.site-nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--bg);padding:1rem 1.5rem;box-shadow:var(--shadow-out);border-radius:0 0 var(--radius-lg)var(--radius-lg);z-index:99}.site-nav.open{display:block}.site-nav ul{flex-direction:column;gap:.5rem}.site-nav a{text-align:center}.menu-toggle{display:flex;align-items:center;justify-content:center}.site-header .container{position:relative}.hero-title{font-size:1.75rem}.hero-desc{font-size:1rem}body{font-size:15px}.card{padding:1.25rem}}