:root{--bg-color:#ffffff;--text-color:#333333;--nav-bg:#f8f8f8;--accent-color:#0066cc;--black-bar-bg:#000000;--footer-bg:#f5f5f5;--logo-light:url('/logo-light.png');--logo-dark:url('/logo-dark.png');--partners-light:url('partners-light.png');--partners-dark:url('partners-dark.png');--code-bg:#f5f5f5;--code-border:#ddd;--code-meta:#aaa;--toc-bg:#f5f5f5}*,::before,::after{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-color);color:var(--text-color);font-family:Montserrat,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Oxygen-Sans,Ubuntu,Cantarell,helvetica neue,sans-serif;line-height:1.6}.navbar{background-color:var(--nav-bg);padding:1rem 0;width:100%;z-index:1000}.nav-container{max-width:1200px;margin:0 auto;padding:0 1rem;display:flex;justify-content:space-between;align-items:center}.logo{height:40px;width:120px}.logo-img{display:block;width:100%;height:100%;background-size:contain;background-repeat:no-repeat;background-position:50%;background-image:var(--logo-light)}.nav-contact{color:var(--accent-color);text-decoration:none;font-weight:500;transition:opacity .2s}.nav-contact:hover{opacity:.8}.hero{position:relative;height:400px;background:url(/hero-image.jpg)50%/cover no-repeat;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff}.hero::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4)}.hero-content{position:relative;z-index:1;padding:1rem}.hero h1{font-size:3.5rem;margin-bottom:1rem}.hero p{font-size:1.75rem}.filter-bar{background-color:var(--black-bar-bg);padding:1rem}.filter-container{max-width:1200px;margin:0 auto;display:flex;justify-content:flex-end;gap:1rem;height:33px}.filter-select{padding:.5rem;background-color:var(--bg-color);color:var(--text-color);border:none;border-radius:4px}.blog-list{max-width:1200px;margin:2rem auto;padding:0 1rem;display:flex;flex-wrap:wrap;gap:2rem}.blog-card{flex:1 1 calc(50% - 1rem);min-width:300px;max-width:568px}.blog-card img{width:100%;height:200px;object-fit:cover;border-radius:4px}.blog-meta{color:#666;font-size:.9rem;margin:.5rem 0}.blog-title{font-size:1.5rem;margin:.5rem 0}.blog-title a{color:var(--accent-color);text-decoration:none;transition:opacity .2s}.blog-title a:hover{opacity:.8}.blog-snippet{color:#444}.blog-content-cardImage{display:flex;justify-content:center;align-items:center}.blog-content-cardImage img{max-height:400px;border-radius:4px;object-fit:contain}.blog-post{max-width:1200px;margin:2rem auto;padding:0 1rem}.blog-keywords{color:var(--accent-color);font-size:1.2rem;margin-bottom:1rem}.blog-post .blog-title{font-size:2.5rem;margin-bottom:2rem;color:var(--text-color)}.blog-content{margin-bottom:3rem}.blog-content h2{font-size:1.8rem;margin:1.5rem 0 1rem;color:var(--text-color)}.blog-content p{margin-bottom:1rem}.blog-content img{max-width:100%;height:auto;display:block;margin:1rem 0;border-radius:4px;max-height:500px;object-fit:contain}.blog-content pre{max-width:100%;overflow-x:auto;background-color:var(--code-bg);border:1px solid var(--code-border);border-radius:4px;padding:1rem;margin:1rem 0;white-space:pre-wrap;word-wrap:break-word;counter-reset:line}.blog-content pre code[data-lang]::before{display:block;content:attr(data-lang);text-transform:uppercase;padding-bottom:.5rem;color:var(--code-meta);font-weight:700}.blog-content pre .line::before{flex:none;counter-increment:line;content:counter(line);display:inline-block;border-right:1px solid var(--code-border);padding:0 .5rem;margin-right:.5rem;text-align:right;white-space:nowrap;width:calc(2ch + 1rem);color:var(--code-meta)}.blog-content pre:has(.line:nth-child(100)) .line::before{width:calc(3ch + 1rem)}.blog-content pre:has(.line:nth-child(1000)) .line::before{width:calc(4ch + 1rem)}.blog-content code{font-family:monospace;color:var(--text-color)}.blog-content :not(pre)>code{background-color:var(--code-bg);border:1px solid var(--code-border);border-radius:4px;padding:.2em .4em}.blog-content a{color:var(--accent-color);text-decoration:underline;transition:opacity .2s}.blog-content a:hover{opacity:.8}.blog-info{display:flex;flex-wrap:wrap;gap:2rem;max-width:1200px;margin:0 auto 2rem;padding:0 1rem}.author-info,.tags-info{flex:1 1 calc(50% - 1rem);min-width:300px}.author-info h3,.tags-info h3{font-size:1.5rem;margin-bottom:1rem;color:var(--text-color)}.author-info p{margin-bottom:.5rem}.author-links a{color:var(--accent-color);text-decoration:none;margin-right:1rem;transition:opacity .2s}.author-links a:hover{opacity:.8}.tags-list{display:flex;flex-wrap:wrap;gap:.5rem}.tag{display:inline-block;padding:.25rem .75rem;border:1px solid var(--accent-color);border-radius:4px;color:var(--accent-color);text-decoration:none;transition:background-color .2s}.tag:hover{background-color:rgba(0,102,204,.1)}.footer{background-color:var(--footer-bg);padding:2rem 1rem;text-align:center;margin-top:2rem}.footer-partners{max-width:300px;margin:0 auto 1rem}.partners-img{display:block;width:100%;height:60px;background-size:contain;background-repeat:no-repeat;background-position:50%;background-image:var(--partners-light)}.footer-links{margin:1rem 0}.footer-links a{color:var(--accent-color);text-decoration:none;margin:0 1rem}.footer-info{color:#666;font-size:.9rem}@media(max-width:768px){.hero{height:300px}.hero h1{font-size:2.5rem}.hero p{font-size:1.25rem}.blog-card{flex:1 1 100%}.filter-container{justify-content:center}.author-info,.tags-info{flex:1 1 100%}}@media(prefers-color-scheme:dark){:root{--bg-color:#1a1a1a;--text-color:#ffffff;--nav-bg:#2d2d2d;--accent-color:#4d94ff;--black-bar-bg:#333333;--footer-bg:#252525;--code-bg:#2d2d2d;--code-border:#444;--toc-bg:#2d2d2d}.blog-snippet{color:#ccc}.blog-meta{color:#999}.tag:hover{background-color:rgba(77,148,255,.1)}.logo-img{background-image:var(--logo-dark)}.partners-img{background-image:var(--partners-dark)}.blog-content a{color:#80bfff}}@media(prefers-color-scheme:dark){.bg{color:#f8f8f2;background-color:#272822}.chroma{color:#f8f8f2;background-color:#272822}.chroma .x{}.chroma .err{color:#960050;background-color:#1e0010}.chroma .cl{}.chroma .lnlinks{outline:none;text-decoration:none;color:inherit}.chroma .lntd{vertical-align:top;padding:0;margin:0;border:0}.chroma .lntable{border-spacing:0;padding:0;margin:0;border:0}.chroma .hl{background-color:#3c3d38}.chroma .lnt{white-space:pre;-webkit-user-select:none;user-select:none;margin-right:.4em;padding:0 .4em;color:#7f7f7f}.chroma .ln{white-space:pre;-webkit-user-select:none;user-select:none;margin-right:.4em;padding:0 .4em;color:#7f7f7f}.chroma .line{display:flex}.chroma .k{color:#66d9ef}.chroma .kc{color:#66d9ef}.chroma .kd{color:#66d9ef}.chroma .kn{color:#f92672}.chroma .kp{color:#66d9ef}.chroma .kr{color:#66d9ef}.chroma .kt{color:#66d9ef}.chroma .n{}.chroma .na{color:#a6e22e}.chroma .nb{}.chroma .bp{}.chroma .nc{color:#a6e22e}.chroma .no{color:#66d9ef}.chroma .nd{color:#a6e22e}.chroma .ni{}.chroma .ne{color:#a6e22e}.chroma .nf{color:#a6e22e}.chroma .fm{}.chroma .nl{}.chroma .nn{}.chroma .nx{color:#a6e22e}.chroma .py{}.chroma .nt{color:#f92672}.chroma .nv{}.chroma .vc{}.chroma .vg{}.chroma .vi{}.chroma .vm{}.chroma .l{color:#ae81ff}.chroma .ld{color:#e6db74}.chroma .s{color:#e6db74}.chroma .sa{color:#e6db74}.chroma .sb{color:#e6db74}.chroma .sc{color:#e6db74}.chroma .dl{color:#e6db74}.chroma .sd{color:#e6db74}.chroma .s2{color:#e6db74}.chroma .se{color:#ae81ff}.chroma .sh{color:#e6db74}.chroma .si{color:#e6db74}.chroma .sx{color:#e6db74}.chroma .sr{color:#e6db74}.chroma .s1{color:#e6db74}.chroma .ss{color:#e6db74}.chroma .m{color:#ae81ff}.chroma .mb{color:#ae81ff}.chroma .mf{color:#ae81ff}.chroma .mh{color:#ae81ff}.chroma .mi{color:#ae81ff}.chroma .il{color:#ae81ff}.chroma .mo{color:#ae81ff}.chroma .o{color:#f92672}.chroma .ow{color:#f92672}.chroma .p{}.chroma .c{color:#75715e}.chroma .ch{color:#75715e}.chroma .cm{color:#75715e}.chroma .c1{color:#75715e}.chroma .cs{color:#75715e}.chroma .cp{color:#75715e}.chroma .cpf{color:#75715e}.chroma .g{}.chroma .gd{color:#f92672}.chroma .ge{font-style:italic}.chroma .gr{}.chroma .gh{}.chroma .gi{color:#a6e22e}.chroma .go{}.chroma .gp{}.chroma .gs{font-weight:700}.chroma .gu{color:#75715e}.chroma .gt{}.chroma .gl{}.chroma .w{}}@media(prefers-color-scheme:light){.bg{background-color:#f8f8f8}.chroma{background-color:#f8f8f8}.chroma .x{}.chroma .err{}.chroma .cl{}.chroma .lnlinks{outline:none;text-decoration:none;color:inherit}.chroma .lntd{vertical-align:top;padding:0;margin:0;border:0}.chroma .lntable{border-spacing:0;padding:0;margin:0;border:0}.chroma .hl{background-color:#dfdfdf}.chroma .lnt{white-space:pre;-webkit-user-select:none;user-select:none;margin-right:.4em;padding:0 .4em;color:#7f7f7f}.chroma .ln{white-space:pre;-webkit-user-select:none;user-select:none;margin-right:.4em;padding:0 .4em;color:#7f7f7f}.chroma .line{display:flex}.chroma .k{color:#a2f;font-weight:700}.chroma .kc{color:#a2f;font-weight:700}.chroma .kd{color:#a2f;font-weight:700}.chroma .kn{color:#a2f;font-weight:700}.chroma .kp{color:#a2f}.chroma .kr{color:#a2f;font-weight:700}.chroma .kt{color:#0b0;font-weight:700}.chroma .n{}.chroma .na{color:#b44}.chroma .nb{color:#a2f}.chroma .bp{}.chroma .nc{color:#00f}.chroma .no{color:#800}.chroma .nd{color:#a2f}.chroma .ni{color:#999;font-weight:700}.chroma .ne{color:#d2413a;font-weight:700}.chroma .nf{color:#00a000}.chroma .fm{}.chroma .nl{color:#a0a000}.chroma .nn{color:#00f;font-weight:700}.chroma .nx{}.chroma .py{}.chroma .nt{color:green;font-weight:700}.chroma .nv{color:#b8860b}.chroma .vc{}.chroma .vg{}.chroma .vi{}.chroma .vm{}.chroma .l{}.chroma .ld{}.chroma .s{color:#b44}.chroma .sa{color:#b44}.chroma .sb{color:#b44}.chroma .sc{color:#b44}.chroma .dl{color:#b44}.chroma .sd{color:#b44;font-style:italic}.chroma .s2{color:#b44}.chroma .se{color:#b62;font-weight:700}.chroma .sh{color:#b44}.chroma .si{color:#b68;font-weight:700}.chroma .sx{color:green}.chroma .sr{color:#b68}.chroma .s1{color:#b44}.chroma .ss{color:#b8860b}.chroma .m{color:#666}.chroma .mb{color:#666}.chroma .mf{color:#666}.chroma .mh{color:#666}.chroma .mi{color:#666}.chroma .il{color:#666}.chroma .mo{color:#666}.chroma .o{color:#666}.chroma .ow{color:#a2f;font-weight:700}.chroma .p{}.chroma .c{color:#080;font-style:italic}.chroma .ch{color:#080;font-style:italic}.chroma .cm{color:#080;font-style:italic}.chroma .c1{color:#080;font-style:italic}.chroma .cs{color:#080;font-weight:700}.chroma .cp{color:#080}.chroma .cpf{color:#080}.chroma .g{}.chroma .gd{color:#a00000}.chroma .ge{font-style:italic}.chroma .gr{color:red}.chroma .gh{color:navy;font-weight:700}.chroma .gi{color:#00a000}.chroma .go{color:#888}.chroma .gp{color:navy;font-weight:700}.chroma .gs{font-weight:700}.chroma .gu{color:purple;font-weight:700}.chroma .gt{color:#04d}.chroma .gl{text-decoration:underline}.chroma .w{color:#bbb}}.blog-content blockquote{margin:1rem 0;padding:1rem 1.5rem;background-color:var(--code-bg);border-left:4px solid var(--accent-color);color:var(--text-color);font-style:italic;border-radius:4px;position:relative}.blog-content ul{margin-bottom:1rem}.blog-content blockquote p{margin:0}.blog-content blockquote::before{content:'“';font-size:2rem;color:var(--accent-color);position:absolute;left:.5rem;top:.5rem;opacity:.3}.blog-content-tableOfContents{margin-bottom:2rem;padding:2rem;background-color:var(--toc-bg);border-left:4px solid var(--accent-color);color:var(--text-color);border-radius:4px;font-size:1.2rem}.blog-content-tableOfContents ol{list-style-type:circle;margin-left:1rem}.blog-content-tableOfContents a{color:var(--accent-color)}