:root{--background:#ffffff;--foreground:#333333;--muted-foreground:#666666;--primary:#3b82f6;--secondary:#f5f5f5;--accent:#d4d4d4;--border:#eaeaea;--card-bg:#f8f9fa;--overlay-bg:rgba(0,0,0,0.5);--email-box-bg:white;--email-address-bg:#f5f5f5}[data-theme=dark]{--background:#121212;--foreground:#e0e0e0;--muted-foreground:#a0a0a0;--primary:#60a5fa;--secondary:#1e1e1e;--accent:#3a3a3a;--border:#2e2e2e;--card-bg:#1e1e1e;--overlay-bg:rgba(0,0,0,0.7);--email-box-bg:#1e1e1e;--email-address-bg:#2d2d2d}body{font-family:Arial,sans-serif;line-height:1.6;margin:0 auto;padding:0;max-width:1200px;min-height:100vh;display:flex;flex-direction:column;background-color:var(--background);color:var(--foreground);transition:background-color .3s ease,color .3s ease;box-sizing:border-box;overflow-x:hidden}footer,header,main{width:100%;padding-left:20px;padding-right:20px;box-sizing:border-box}header{padding-top:20px;padding-bottom:20px}nav{display:flex;align-items:center;flex-wrap:wrap}.nav-link{margin-right:20px;text-decoration:none;color:var(--foreground);transition:color .3s ease;white-space:nowrap}nav a:hover{color:var(--primary)}.theme-toggle{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--foreground);padding:.25rem;border-radius:50%;transition:background-color .2s ease;margin-left:auto}.theme-toggle:hover{background-color:var(--accent)}.theme-toggle svg{width:20px;height:20px}main{margin-top:-30px;flex:1}.blog-container{display:block;width:100%}.blog-header{margin-bottom:30px;text-align:left;width:100%}.blog-header h1{font-size:2.5rem;margin-bottom:10px;color:var(--foreground)}.blog-intro{font-size:1.1rem;max-width:800px;margin:0 auto 40px;color:var(--muted-foreground);text-align:center}.blog-grid{display:flex;flex-direction:column;gap:40px;width:100%}.blog-post{border-bottom:1px solid var(--border,#eaeaea);padding-bottom:30px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;width:100%}.blog-post:last-child{border-bottom:none}.blog-post.hovered{transform:translateY(-5px)}.post-image-container{width:100%;height:300px;overflow:hidden;border-radius:8px;margin-bottom:15px;background-color:var(--accent)}.post-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.blog-post:hover .post-image{transform:scale(1.03)}.post-content h2{font-size:1.5rem;margin-top:0;margin-bottom:10px;color:var(--foreground);transition:color .2s ease}.post-description{margin-bottom:10px;line-height:1.6}.post-date,.post-description{color:var(--muted-foreground)}.post-date{display:block;font-size:.9rem;opacity:.7}.blog-footer{margin-top:50px;text-align:center;padding-top:20px;padding-bottom:20px;width:100%}.scroll-to-top{position:fixed;right:30px;bottom:30px;width:40px;height:40px;background-color:var(--background);color:var(--foreground);border:1px solid var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease,transform .3s ease,box-shadow .3s ease;z-index:1000;box-shadow:0 2px 6px rgba(0,0,0,.1)}.scroll-to-top:hover{transform:translateY(-3px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.scroll-to-top.visible{opacity:1;visibility:visible}[data-theme=dark] .scroll-to-top{background-color:var(--background);color:var(--foreground);box-shadow:0 2px 6px rgba(0,0,0,.3)}.content{flex:1;min-width:0}.image-container{margin:35px auto 0;text-align:center;max-width:250px}.profile-image{max-width:100%;height:auto;border-radius:10px;display:block}footer{margin-top:auto}.social-links{text-align:center;margin-top:50px;margin-bottom:40px}.social-links h3{margin-bottom:20px;color:var(--foreground)}.social-links a{margin:0 10px;text-decoration:none;display:inline-block}.social-links img{width:30px;height:30px;margin:0;filter:var(--img-filter,none);vertical-align:middle}[data-theme=dark] .social-links img{--img-filter:brightness(0.8) invert(0.8)}.caption-container{width:100%;text-align:center;margin-top:20px;border-top:1px solid var(--border);padding-top:20px}.caption{font-size:.9rem;color:var(--muted-foreground);margin:0;padding:0}.email-info-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--overlay-bg);display:flex;justify-content:center;align-items:center;z-index:1000;padding:15px;box-sizing:border-box}.email-info-box{background-color:var(--email-box-bg);padding:24px;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.15);width:100%;max-width:400px;text-align:center;box-sizing:border-box}.email-address-container{position:relative;margin:20px 0}.email-address{font-weight:600;font-size:1.1rem;word-break:break-all;color:var(--foreground);padding:10px 40px 10px 10px;background-color:var(--email-address-bg);border-radius:6px;margin:0;display:block;text-align:left}.copy-button{position:absolute;top:50%;right:10px;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;color:var(--muted-foreground);padding:5px;border-radius:4px;transition:all .2s;display:flex;align-items:center;justify-content:center}.copy-button:hover{background-color:var(--accent);color:var(--foreground)}.copy-button svg{width:18px;height:18px}.ok-button{padding:10px 40px;border:none;border-radius:6px;background-color:var(--primary);color:white;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:10px;box-shadow:0 2px 4px rgba(0,0,0,.2)}.ok-button:hover{background-color:#2563eb;transform:translateY(-1px)}.ok-button:active{transform:translateY(1px)}@media (max-width:768px){footer,header,main{padding-left:15px;padding-right:15px}main{margin-top:40px}.blog-header h1{font-size:2rem}.blog-intro{font-size:1rem}.post-image-container{height:250px}.post-content h2{font-size:1.3rem}.scroll-to-top{right:20px;bottom:20px;width:35px;height:35px}.social-links a{margin:0 8px}.social-links img{width:28px;height:28px}.email-info-box{padding:20px}.email-address{font-size:1rem}.ok-button{padding:8px 30px;font-size:.9rem}}@media (max-width:480px){body{line-height:1.5}footer,header,main{padding-left:10px;padding-right:10px}header{padding-top:15px;padding-bottom:15px}main{margin-top:30px}.nav-link{margin-right:15px;font-size:.9rem}.blog-header{margin-bottom:30px}.blog-header h1{font-size:1.8rem}.blog-intro{font-size:.9rem;margin-bottom:30px}.blog-grid{gap:30px}.blog-post{padding-bottom:25px}.post-image-container{height:200px;border-radius:6px}.post-content h2{font-size:1.2rem}.post-description{font-size:.9rem}.post-date{font-size:.8rem}.scroll-to-top{right:15px;bottom:15px}.social-links{margin-top:40px;margin-bottom:30px}.social-links a{margin:0 6px}.social-links img{width:25px;height:25px}.caption{font-size:.8rem}.email-info-box{padding:15px}.email-address{font-size:.9rem;padding-right:35px}.copy-button svg{width:16px;height:16px}.ok-button{padding:8px 25px;font-size:.85rem}}.markdown-body{font-size:1.1rem;line-height:1.7;color:var(--foreground)}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{color:var(--foreground);font-weight:600;margin-top:1.5em;margin-bottom:.75em;line-height:1.3}.markdown-body h1{font-size:2.25em}.markdown-body h1,.markdown-body h2{border-bottom:1px solid var(--border);padding-bottom:.3em}.markdown-body h2{font-size:1.75em}.markdown-body h3{font-size:1.375em}.markdown-body h4{font-size:1.125em}.markdown-body p{margin-bottom:1.25em}.markdown-body a{color:var(--primary);text-decoration:none;font-weight:500}.markdown-body a:hover{text-decoration:underline;filter:brightness(110%)}.markdown-body ol,.markdown-body ul{margin-bottom:1.25em;padding-left:1.8em}.markdown-body ol li,.markdown-body ul li{margin-bottom:.5em}.markdown-body ul li::marker{color:var(--muted-foreground)}.markdown-body ol li::marker{color:var(--muted-foreground);font-weight:500}.markdown-body blockquote{margin:1.5em 0;padding:.8em 1.5em;border-left:4px solid var(--primary);background-color:var(--secondary);color:var(--muted-foreground);font-style:italic;border-radius:4px}.markdown-body blockquote p:last-child{margin-bottom:0}.markdown-body hr{border:0;height:1px;background-color:var(--border);margin:2.5em 0}.markdown-body img{max-width:100%;height:auto;border-radius:8px;margin:1.5em auto;display:block;background-color:var(--accent)}.markdown-body pre{position:relative;margin:1.5rem 0;padding:0;border-radius:10px;overflow:hidden;background-color:var(--pre-bg,#1e1e1e);color:var(--pre-text,#e6e6e6);border:1px solid var(--pre-border,rgba(255,255,255,.1));box-shadow:0 4px 16px rgba(0,0,0,.1);--window-controls-width:70px}@media (prefers-color-scheme:light){.markdown-body pre{--pre-bg:#f8f9fa;--pre-text:#24292e;--pre-border:rgba(0,0,0,0.1);--copy-btn-bg:#e9ecef;--copy-btn-text:#24292e;--copy-btn-hover:#dee2e6;--lang-badge-bg:#e9ecef;--lang-badge-text:#24292e;--expand-btn-bg:#e9ecef;--expand-btn-text:#24292e;--expand-btn-hover:#dee2e6;--title-bar-bg:#e9ecef;--window-dot-close:#ff5f56;--window-dot-minimize:#ffbd2e;--window-dot-maximize:#27c93f;--window-dot-border:rgba(0,0,0,0.1);--inline-code-bg:rgba(175,184,193,0.2);--scrollbar-track:rgba(0,0,0,0.05);--scrollbar-thumb:rgba(0,0,0,0.15)}}@media (prefers-color-scheme:dark){.markdown-body pre{--pre-bg:#282c34;--pre-text:#abb2bf;--pre-border:rgba(255,255,255,0.1);--copy-btn-bg:rgba(255,255,255,0.05);--copy-btn-text:#e6e6e6;--copy-btn-hover:rgba(255,255,255,0.1);--lang-badge-bg:#3e4451;--lang-badge-text:#e6e6e6;--expand-btn-bg:#3e4451;--expand-btn-text:#e6e6e6;--expand-btn-hover:#4b5263;--title-bar-bg:#21252b;--window-dot-close:#ff5f56;--window-dot-minimize:#ffbd2e;--window-dot-maximize:#27c93f;--window-dot-border:rgba(0,0,0,0.3);--inline-code-bg:rgba(110,118,129,0.3);--scrollbar-track:rgba(0,0,0,0.3);--scrollbar-thumb:rgba(255,255,255,0.15)}}.markdown-body pre .window-controls{position:absolute;top:0;left:0;right:0;height:30px;background-color:var(--title-bar-bg);display:flex;align-items:center;padding:0 12px;border-bottom:1px solid var(--pre-border);z-index:10}.markdown-body pre .window-dots{display:flex;align-items:center}.markdown-body pre .window-dot{width:12px;height:12px;margin-right:6px;border-radius:50%;border:1px solid var(--window-dot-border)}.markdown-body pre .window-dot.close{background-color:var(--window-dot-close)}.markdown-body pre .window-dot.minimize{background-color:var(--window-dot-minimize)}.markdown-body pre .window-dot.maximize{background-color:var(--window-dot-maximize)}.markdown-body pre .code-block-language{position:absolute;top:0;left:var(--window-controls-width,70px);right:var(--window-controls-width,70px);height:30px;line-height:30px;text-align:center;font-size:.8rem;font-weight:500;color:var(--lang-badge-text);background-color:var(--title-bar-bg);z-index:10;pointer-events:none}.markdown-body pre .code-container{padding:40px 20px 20px;overflow-x:auto;font-family:JetBrains Mono,Fira Code,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.95rem;line-height:1.6}.markdown-body pre .code-block-copy-button{position:absolute;top:3.5px;right:12px;padding:.25rem .6rem;font-size:.8rem;font-weight:500;color:var(--copy-btn-text);background-color:var(--copy-btn-bg);border:1px solid transparent;border-radius:5px;cursor:pointer;transition:all .2s ease-in-out;z-index:11;opacity:.8}.markdown-body pre .code-block-copy-button:hover{background-color:var(--primary);color:white;border-color:var(--primary);opacity:1;transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.markdown-body pre.code-block-collapsed .code-container{max-height:320px;overflow-y:auto;mask-image:linear-gradient(180deg,rgba(0,0,0,1) 85%,rgba(0,0,0,0));-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,1) 85%,rgba(0,0,0,0))}.markdown-body .code-block-expand-button{display:block;width:fit-content;margin:.8rem auto;padding:.5rem 1.2rem;font-size:.875rem;font-weight:500;color:var(--expand-btn-text);background-color:var(--expand-btn-bg);border:1px solid transparent;border-radius:6px;cursor:pointer;transition:all .2s ease-in-out;box-shadow:0 2px 5px rgba(0,0,0,.08)}.markdown-body .code-block-expand-button:hover{background-color:var(--primary);color:white;border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.12)}.markdown-body pre .code-container::-webkit-scrollbar{height:10px;width:10px}.markdown-body pre.code-block-collapsed .code-container::-webkit-scrollbar-track{background:linear-gradient(to bottom,var(--title-bar-bg) 0,var(--title-bar-bg) 29px,var(--pre-bg) 30px,var(--pre-bg) 39px,var(--scrollbar-track) 40px,var(--scrollbar-track) 100%);border-radius:8px}.markdown-body pre .code-container::-webkit-scrollbar-track,.markdown-body pre:not(.code-block-collapsed) .code-container::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:8px}.markdown-body pre .code-container::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:8px;border:2px solid transparent;background-clip:padding-box}.markdown-body pre .code-container::-webkit-scrollbar-thumb:hover{background:rgba(128,128,128,.7)}.markdown-body :not(pre)>code{padding:.2em .4em;margin:0;font-size:.9em;background-color:var(--inline-code-bg);border-radius:4px;font-family:JetBrains Mono,Fira Code,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.markdown-body pre code{font-family:inherit;font-size:inherit;padding:0;background:transparent;display:block}.markdown-body pre code .doctag,.markdown-body pre code .keyword,.markdown-body pre code .name,.markdown-body pre code .section,.markdown-body pre code .selector-tag,.markdown-body pre code .strong,.markdown-body pre code .title{font-weight:400}.markdown-body pre code .hljs{display:block;overflow-x:auto;color:inherit;background:transparent}.markdown-body .callout{padding:1em 1.5em;margin:1.5em 0;border-left-width:4px;border-left-style:solid;border-radius:6px;box-shadow:0 2px 4px rgba(0,0,0,.05)}[data-theme=dark] .markdown-body .callout{box-shadow:0 2px 4px rgba(0,0,0,.15)}.markdown-body .callout-title{font-weight:700;margin-bottom:.5em;display:flex;align-items:center;gap:.5em}.markdown-body .callout-type-name{font-size:.9em}.markdown-body .callout-content p:last-child{margin-bottom:0}.markdown-body .callout-note{border-left-color:var(--primary);background-color:var(--secondary)}.markdown-body .callout-note .callout-title{color:var(--primary)}.markdown-body .callout-warning{border-left-color:#f59e0b;background-color:#fffbeb}.markdown-body .callout-warning .callout-title{color:#b45309}[data-theme=dark] .markdown-body .callout-warning{border-left-color:#f59e0b;background-color:#4a2c0d}[data-theme=dark] .markdown-body .callout-warning .callout-title{color:#fde68a}.markdown-body .callout-tip{border-left-color:#10b981;background-color:#f0fdf4}.markdown-body .callout-tip .callout-title{color:#047857}[data-theme=dark] .markdown-body .callout-tip{border-left-color:#10b981;background-color:#064e3b}[data-theme=dark] .markdown-body .callout-tip .callout-title{color:#a7f3d0}.markdown-body .callout-important{border-left-color:#ef4444;background-color:#fef2f2}.markdown-body .callout-important .callout-title{color:#b91c1c}[data-theme=dark] .markdown-body .callout-important{border-left-color:#ef4444;background-color:#7f1d1d}[data-theme=dark] .markdown-body .callout-important .callout-title{color:#fecaca}.markdown-body .katex-display{margin:1em 0;overflow-x:auto;overflow-y:hidden}.markdown-body .anchor-heading-link{opacity:0;margin-left:.5em;color:var(--primary);text-decoration:none;transition:opacity .2s ease-in-out}.markdown-body h1:hover .anchor-heading-link,.markdown-body h2:hover .anchor-heading-link,.markdown-body h3:hover .anchor-heading-link,.markdown-body h4:hover .anchor-heading-link,.markdown-body h5:hover .anchor-heading-link,.markdown-body h6:hover .anchor-heading-link{opacity:1}.markdown-body-tag{display:inline-block;background-color:var(--accent);color:var(--foreground);padding:.25em .75em;border-radius:9999px;font-size:.9rem;font-weight:500;margin-right:.5rem;margin-bottom:.5rem;line-height:1.4;text-decoration:none}.markdown-body-tag:hover{filter:brightness(110%)}[data-theme=dark] .markdown-body-tag{background-color:var(--accent);color:var(--foreground)}