:root{--primary-color: #0366d6;--primary-color-dark: #0256b4;--secondary-color: #6f42c1;--secondary-color-dark: #5a32a3;--text-color: #1a202c;--text-muted: #718096;--background-color: #ffffff;--border-light: #e2e8f0;--divider-color: #edf2f7;--hover-bg: #f7fafc;--card-background: #ffffff;--code-bg: #f4f4f4;--code-color: #5a32a3;--blockquote-bg: #f8f9fa;--table-header-bg: #f8f9fa;--shadow-color: rgba(0, 0, 0, 0.05)}.dark{--primary-color: #4f8cff;--primary-color-dark: #3970d6;--secondary-color: #b47fff;--secondary-color-dark: #7e5cff;--text-color: #f3f4f6;--text-muted: #a1a6b2;--background-color: #181c24;--border-light: rgba(255,255,255,0.06);--divider-color: rgba(255,255,255,0.08);--hover-bg: #232937;--card-background: #232937;--code-bg: #232937;--code-color: #b47fff;--blockquote-bg: #20232b;--table-header-bg: #232937;--shadow-color: rgba(0, 0, 0, 0.45)}body{font-family:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;line-height:1.6;color:var(--text-color);background-color:var(--background-color);padding-top:60px;transition:color 0.3s ease, background-color 0.3s ease}.page-content{padding:20px 0;margin:0 auto;max-width:800px}.post-content{color:var(--text-color);max-width:740px;margin:3.5rem auto 4rem auto;padding:3.2rem 2.2rem 3.7rem 2.2rem;border-radius:2.1rem;background:linear-gradient(120deg, rgba(255,255,255,0.93) 60%, rgba(245,247,255,0.92) 100%);box-shadow:0 8px 36px 0 rgba(30,42,90,0.18),0 2px 8px 0 rgba(30,42,90,0.07);border:1.5px solid var(--border-light);backdrop-filter:blur(4px);position:relative;transition:box-shadow 0.3s, border-color 0.3s, background 0.3s, color 0.3s}@media (max-width: 600px){.post-content{padding:1.2rem 0.2rem 2.2rem 0.2rem;border-radius:1.2rem}}.post-content .post-title{font-size:2.72rem;font-weight:900;letter-spacing:-0.03em;background:linear-gradient(90deg, var(--primary-color) 0%, var(--secondary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;margin-bottom:0.5em;margin-top:0;line-height:1.13;text-align:left}.post-content .post-meta-wrapper{display:flex;flex-wrap:wrap;gap:1.1em 1.8em;align-items:center;font-size:1.01rem;color:var(--text-muted);margin-bottom:2.2em}.post-content .post-meta-wrapper .post-meta{display:flex;align-items:center;gap:0.7em}.post-content .post-meta-wrapper .post-meta svg{width:1.1em;height:1.1em;margin-right:0.2em;opacity:0.7}.post-content .post-meta-wrapper .post-category{display:inline-block;background:var(--primary-color);color:#fff;font-size:0.93em;font-weight:600;border-radius:1.1em;padding:0.22em 0.95em;margin-left:0.5em;margin-right:0.2em;letter-spacing:0.02em;box-shadow:0 1px 5px rgba(30,42,90,0.09);transition:background 0.3s, color 0.3s}.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6{font-family:inherit;font-weight:800;margin-top:2.5em;margin-bottom:1.2em;line-height:1.18;color:var(--text-color);letter-spacing:-0.02em;transition:color 0.3s}.post-content h1{font-size:2.1rem;border-bottom:2.5px solid var(--divider-color);padding-bottom:0.5em;margin-bottom:1.4em}.post-content h2{font-size:1.5rem;border-left:5px solid var(--primary-color);padding-left:0.6em;background:linear-gradient(90deg, var(--primary-color) 0 0.25em, transparent 0.25em 100%);border-radius:0 8px 8px 0;margin-bottom:1.2em}.post-content h3{font-size:1.18rem;margin-bottom:1.1em}.post-content h4,.post-content h5,.post-content h6{font-size:1.08rem;margin-bottom:1em}.post-content p{margin:1.4em 0;color:var(--text-color);font-weight:400;letter-spacing:0.01em;transition:color 0.3s}.post-content ul,.post-content ol{margin:1.7em 0 1.7em 2.2em;padding:0 0 0 1.3em;line-height:1.85}.post-content ul{list-style:disc inside}.post-content ol{list-style:decimal inside}.post-content li{margin-bottom:0.55em;font-size:1.07em}.post-content li.task-list-item{list-style:none;margin-left:-1.7em;padding-left:2.1em;position:relative}.post-content li.task-list-item input[type="checkbox"]{accent-color:var(--primary-color);width:1.12em;height:1.12em;margin-right:0.7em;vertical-align:middle;border-radius:4px;box-shadow:0 1px 2px rgba(30,42,90,0.07);border:1.2px solid var(--border-light)}.post-content a{color:var(--primary-color);text-decoration:underline;text-underline-offset:2.5px;font-weight:500;border-radius:3px;transition:color 0.2s, background 0.2s}.post-content a:hover,.post-content a:focus{color:var(--secondary-color);background:rgba(76,110,245,0.09);outline:none;text-decoration-thickness:2px}.post-content img{max-width:100%;height:auto;border-radius:15px;margin:2.2em 0;display:block;box-shadow:0 2px 18px 0 rgba(30,42,90,0.09);border:1.5px solid var(--border-light);transition:box-shadow 0.3s, border-color 0.3s}.post-content figcaption,.post-content .caption{text-align:center;color:var(--text-muted);font-size:0.98em;margin-top:-1.2em;margin-bottom:1.6em;font-style:italic}.post-content blockquote{border-left:5px solid var(--primary-color);background:var(--blockquote-bg);color:var(--text-muted);padding:1.3em 2.2em;margin:2.7em 0;font-style:italic;border-radius:14px;font-size:1.13em;box-shadow:0 2px 8px 0 rgba(30,42,90,0.06);position:relative;transition:background-color 0.3s, color 0.3s}.post-content blockquote::before{content:'\201C';font-size:2.7em;color:var(--primary-color);position:absolute;left:18px;top:-22px;opacity:0.13;font-family:serif;pointer-events:none}.post-content sup.footnote-ref,.post-content sup.footnote{font-size:0.8em;color:var(--primary-color);margin-left:0.15em}.post-content .footnotes{font-size:0.97em;color:var(--text-muted);margin-top:2.5em;border-top:1.5px solid var(--divider-color);padding-top:1.2em}.post-content .footnotes ol{margin-left:2.2em}.post-content .footnotes li{margin-bottom:0.7em}.post-content dl{margin:2em 0}.post-content dt{font-weight:700;margin-top:1.3em;color:var(--primary-color)}.post-content dd{margin-left:2em;margin-bottom:1em;color:var(--text-muted)}.post-content del,.post-content s,.post-content .strikethrough{text-decoration:line-through;color:var(--text-muted);opacity:0.7}.post-content pre,.post-content code{font-family:'Fira Mono', 'Consolas', 'Menlo', monospace;font-size:1em;background:var(--code-bg);color:var(--code-color);border-radius:8px;transition:background-color 0.3s, color 0.3s}.post-content pre{padding:1.3em 1.6em;overflow-x:auto;margin:2.3em 0;box-shadow:0 2px 12px 0 rgba(30,42,90,0.11);border:1.5px solid var(--border-light)}.post-content code{padding:0.22em 0.42em;font-size:0.99em;background:var(--code-bg);color:var(--code-color);border-radius:6px;margin:0 2px;font-weight:500}.post-content pre code{padding:0;background:none;color:inherit;border-radius:0}.post-content hr{border:none;border-top:1.7px solid var(--divider-color);margin:2.6em 0;opacity:0.8}.post-content table{border-collapse:separate;border-spacing:0;width:100%;margin:2.2em 0;font-size:1.01rem;background:none;border-radius:10px;overflow:hidden;box-shadow:0 1px 4px 0 rgba(30,42,90,0.07);transition:color 0.3s, background 0.3s}.post-content th,.post-content td{border:1px solid var(--border-light);padding:0.85em 1.2em;text-align:left;transition:border-color 0.3s}.post-content th{background:var(--table-header-bg);font-weight:700;transition:background-color 0.3s}.post-content tr:nth-child(even) td{background:var(--table-zebra-bg, #f7f8fa)}@media (max-width: 600px){padding:1.2rem 0.2rem 2.2rem 0.2rem;border-radius:1.2rem}.post-title{font-size:2.72rem;font-weight:900;letter-spacing:-0.03em;background:linear-gradient(90deg, var(--primary-color) 0%, var(--secondary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;margin-bottom:0.5em;margin-top:0;line-height:1.13;text-align:left}.post-meta-wrapper{display:flex;flex-wrap:wrap;gap:1.1em 1.8em;align-items:center;font-size:1.01rem;color:var(--text-muted);margin-bottom:2.2em}.post-meta-wrapper .post-meta{display:flex;align-items:center;gap:0.7em}.post-meta-wrapper .post-meta svg{width:1.1em;height:1.1em;margin-right:0.2em;opacity:0.7}.post-meta-wrapper .post-category{display:inline-block;background:var(--primary-color);color:#fff;font-size:0.93em;font-weight:600;border-radius:1.1em;padding:0.22em 0.95em;margin-left:0.5em;margin-right:0.2em;letter-spacing:0.02em;box-shadow:0 1px 5px rgba(30,42,90,0.09);transition:background 0.3s, color 0.3s}h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:800;margin-top:2.5em;margin-bottom:1.2em;line-height:1.18;color:var(--text-color);letter-spacing:-0.02em;transition:color 0.3s}h1{font-size:2.1rem;border-bottom:2.5px solid var(--divider-color);padding-bottom:0.5em;margin-bottom:1.4em}h2{font-size:1.5rem;border-left:5px solid var(--primary-color);padding-left:0.6em;background:linear-gradient(90deg, var(--primary-color) 0 0.25em, transparent 0.25em 100%);border-radius:0 8px 8px 0;margin-bottom:1.2em}h3{font-size:1.18rem;margin-bottom:1.1em}h4,h5,h6{font-size:1.08rem;margin-bottom:1em}p{margin:1.4em 0;color:var(--text-color);font-weight:400;letter-spacing:0.01em;transition:color 0.3s}ul,ol{margin:1.7em 0 1.7em 2.2em;padding:0 0 0 1.3em;line-height:1.85}ul{list-style:disc inside}ol{list-style:decimal inside}li{margin-bottom:0.55em;font-size:1.07em}a{color:var(--primary-color);text-decoration:underline;text-underline-offset:2.5px;font-weight:500;border-radius:3px;transition:color 0.2s, background 0.2s}a:hover,a:focus{color:var(--secondary-color);background:rgba(76,110,245,0.09);outline:none;text-decoration-thickness:2px}img{max-width:100%;height:auto;border-radius:15px;margin:2.2em 0;display:block;box-shadow:0 2px 18px 0 rgba(30,42,90,0.09);border:1.5px solid var(--border-light);transition:box-shadow 0.3s, border-color 0.3s}blockquote{border-left:5px solid var(--primary-color);background:var(--blockquote-bg);color:var(--text-muted);padding:1.3em 2.2em;margin:2.7em 0;font-style:italic;border-radius:14px;font-size:1.13em;box-shadow:0 2px 8px 0 rgba(30,42,90,0.06);position:relative;transition:background-color 0.3s, color 0.3s}blockquote::before{content:'\201C';font-size:2.7em;color:var(--primary-color);position:absolute;left:18px;top:-22px;opacity:0.13;font-family:serif;pointer-events:none}pre,code{font-family:'Fira Mono', 'Consolas', 'Menlo', monospace;font-size:1em;background:var(--code-bg);color:var(--code-color);border-radius:8px;transition:background-color 0.3s, color 0.3s}pre{padding:1.3em 1.6em;overflow-x:auto;margin:2.3em 0;box-shadow:0 2px 12px 0 rgba(30,42,90,0.11);border:1.5px solid var(--border-light)}code{padding:0.22em 0.42em;font-size:0.99em;background:var(--code-bg);color:var(--code-color);border-radius:6px;margin:0 2px;font-weight:500}pre code{padding:0;background:none;color:inherit;border-radius:0}hr{border:none;border-top:1.7px solid var(--divider-color);margin:2.6em 0;opacity:0.8}table{border-collapse:separate;border-spacing:0;width:100%;margin:2.2em 0;font-size:1.01rem;background:none;border-radius:10px;overflow:hidden;box-shadow:0 1px 4px 0 rgba(30,42,90,0.07);transition:color 0.3s, background 0.3s}th,td{border:1px solid var(--border-light);padding:0.85em 1.2em;text-align:left;transition:border-color 0.3s}th{background:var(--table-header-bg);font-weight:700;transition:background-color 0.3s}h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:800;margin-top:2.4em;margin-bottom:1.1em;line-height:1.2;color:var(--text-color);letter-spacing:-0.02em;transition:color 0.3s}h1{font-size:2.5rem;border-bottom:2.5px solid var(--divider-color);padding-bottom:0.5em;margin-bottom:1.4em}h2{font-size:1.7rem;border-left:5px solid var(--primary-color);padding-left:0.6em;background:linear-gradient(90deg, var(--primary-color) 0 0.25em, transparent 0.25em 100%);border-radius:0 8px 8px 0;margin-bottom:1.2em}h3{font-size:1.25rem;margin-bottom:1.1em}h4,h5,h6{font-size:1.11rem;margin-bottom:1em}p{margin:1.4em 0;color:var(--text-color);font-weight:400;letter-spacing:0.01em;transition:color 0.3s}ul,ol{margin:1.7em 0 1.7em 2.2em;padding:0 0 0 1.3em;line-height:1.85}ul{list-style:disc inside}ol{list-style:decimal inside}li{margin-bottom:0.55em;font-size:1.07em}a{color:var(--primary-color);text-decoration:underline;text-underline-offset:2.5px;font-weight:500;border-radius:3px;transition:color 0.2s, background 0.2s}a:hover,a:focus{color:var(--secondary-color);background:rgba(76,110,245,0.09);outline:none;text-decoration-thickness:2px}img{max-width:100%;height:auto;border-radius:12px;margin:2.2em 0;display:block;box-shadow:0 2px 18px 0 rgba(30,42,90,0.09);border:1.5px solid var(--border-light)}blockquote{border-left:5px solid var(--primary-color);background:var(--blockquote-bg);color:var(--text-muted);padding:1.25em 2.1em;margin:2.4em 0;font-style:italic;border-radius:12px;font-size:1.11em;box-shadow:0 2px 8px 0 rgba(30,42,90,0.06);transition:background-color 0.3s, color 0.3s}pre,code{font-family:'Fira Mono', 'Consolas', 'Menlo', monospace;font-size:1em;background:var(--code-bg);color:var(--code-color);border-radius:7px;transition:background-color 0.3s, color 0.3s}pre{padding:1.3em 1.6em;overflow-x:auto;margin:2.3em 0;box-shadow:0 2px 12px 0 rgba(30,42,90,0.11);border:1.5px solid var(--border-light)}code{padding:0.22em 0.42em;font-size:0.99em;background:var(--code-bg);color:var(--code-color);border-radius:6px;margin:0 2px;font-weight:500}pre code{padding:0;background:none;color:inherit;border-radius:0}hr{border:none;border-top:1.7px solid var(--divider-color);margin:2.6em 0;opacity:0.8}table{border-collapse:separate;border-spacing:0;width:100%;margin:2.2em 0;font-size:1.01rem;background:none;border-radius:8px;overflow:hidden;box-shadow:0 1px 4px 0 rgba(30,42,90,0.07);transition:color 0.3s, background 0.3s}th,td{border:1px solid var(--border-light);padding:0.8em 1.1em;text-align:left;transition:border-color 0.3s}th{background:var(--table-header-bg);font-weight:700;transition:background-color 0.3s}pre,code{font-family:'Fira Mono', 'Consolas', 'Menlo', monospace;font-size:1em;background:var(--code-bg);color:var(--code-color);border-radius:6px;transition:background-color 0.3s, color 0.3s}pre{padding:1.1em 1.3em;overflow-x:auto;margin:2em 0;box-shadow:0 2px 10px rgba(0,0,0,0.1)}code{padding:0.18em 0.35em;font-size:0.98em;background:var(--code-bg);color:var(--code-color);border-radius:5px;margin:0 2px}pre code{padding:0;background:none;color:inherit}hr{border:none;border-top:1.5px solid var(--divider-color);margin:2.4em 0;opacity:0.7}table{border-collapse:collapse;width:100%;margin:2em 0;font-size:1rem;background:none;transition:color 0.3s}th,td{border:1px solid var(--border-light);padding:0.7em 1em;text-align:left;transition:border-color 0.3s}th{background:var(--table-header-bg);font-weight:600;transition:background-color 0.3s}.wrapper{max-width:800px;margin:0 auto;padding:0 20px;width:100%;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:600;margin-bottom:1rem;color:var(--text-color)}.btn{display:inline-block;padding:8px 16px;background-color:var(--primary-color);color:white;border-radius:4px;font-weight:500;text-decoration:none;transition:background-color 0.3s ease}.btn:hover{background-color:var(--primary-color-dark);text-decoration:none;color:white}.navbar{width:100%;padding:10px 0;background:var(--background-color);border-bottom:1px solid var(--border-light);position:fixed;top:0;left:0;right:0;z-index:1000}.navbar .wrapper{max-width:1200px;margin:0 auto;padding:0 20px;width:100%;display:flex;justify-content:space-between;align-items:center;gap:20px;height:48px;position:relative}.navbar .wrapper .navbar-brand{display:flex;align-items:center}.navbar .wrapper .navbar-brand .site-title{color:var(--text-color);font-size:1.2rem;font-weight:500;text-decoration:none}.navbar .wrapper .navbar-brand .site-title:hover{color:var(--primary-color)}.navbar .wrapper .navbar-links{display:flex;align-items:center;gap:20px;margin-left:auto}.navbar .wrapper .navbar-links a{color:var(--text-muted);text-decoration:none;padding:10px}.navbar .wrapper .navbar-links a:hover{color:var(--text-color)}.navbar .wrapper .navbar-links a.active{color:var(--primary-color)}.navbar .wrapper .navbar-search{flex:0 1 300px;margin:0 20px;position:relative}.navbar .wrapper .navbar-search input{width:100%;padding:10px;border:1px solid var(--border-light);border-radius:4px;background:var(--background-color);color:var(--text-color)}.navbar .wrapper .navbar-search input::placeholder{color:var(--text-muted)}.navbar .wrapper .navbar-search input:focus{outline:none;border-color:var(--primary-color)}.navbar .wrapper .theme-toggle{background:none;border:none;padding:10px;cursor:pointer;color:var(--text-color);margin-left:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.navbar .wrapper .theme-toggle:hover{background-color:var(--hover-bg);color:var(--primary-color);transform:scale(1.1)}.navbar .wrapper .theme-toggle:active{transform:scale(0.95)}.navbar .wrapper .theme-toggle svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.75;fill:none;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.navbar .wrapper .theme-toggle .moon-icon{display:none}[data-theme="dark"] .navbar .wrapper .sun-icon{display:none}[data-theme="dark"] .navbar .wrapper .moon-icon{display:block;color:white}[data-theme="light"] .navbar .wrapper .sun-icon{display:block;color:black}[data-theme="light"] .navbar .wrapper .moon-icon{display:none}.site-footer{background:var(--background-color);color:#f7fafc;padding:50px 0 30px;margin-top:60px;width:100vw;box-sizing:border-box;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}.site-footer .wrapper{max-width:1200px;margin:0 auto;padding:0 20px;text-align:center}.site-footer .footer-col{max-width:600px;margin:0 auto;float:none;text-align:center}.site-footer .footer-col h2{color:white;font-size:1.4rem;margin-bottom:20px;position:relative;padding-bottom:12px;display:inline-block}.site-footer .footer-col h2:after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:40px;height:3px;background:linear-gradient(to right, #0366d6, #5a32a3);border-radius:3px}.site-footer .footer-col p{color:#cbd5e0;line-height:1.6;margin-bottom:25px}.site-footer .social-links{display:flex;gap:15px;margin:20px auto;justify-content:center;align-items:center}.site-footer .social-links a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:rgba(255,255,255,0.1);border-radius:50%;color:white;transition:all 0.3s ease}.site-footer .social-links a:hover{background:linear-gradient(45deg, #0366d6, #5a32a3);transform:translateY(-3px)}.site-footer .quick-links{margin:25px auto 15px}.site-footer .quick-links a{color:#cbd5e0;text-decoration:none;margin:0 12px;font-size:0.95rem;transition:color 0.3s ease}.site-footer .quick-links a:hover{color:white}.site-footer .footer-divider{height:1px;background:rgba(255,255,255,0.1);max-width:800px;margin:20px auto}.site-footer .footer-bottom{margin-top:20px;text-align:center}.site-footer .footer-bottom p{color:#a0aec0;font-size:0.9rem;margin:0}.site-footer .footer-bottom p a{color:#cbd5e0;text-decoration:none}.site-footer .footer-bottom p a:hover{color:white}body{padding-top:60px;line-height:1.6;color:var(--text-color);background-color:var(--background-color)}.page-content{padding:20px 0;margin:0;max-width:800px;margin:0 auto}.wrapper{max-width:800px;margin:0 auto;padding:0 20px;width:100%;overflow-x:hidden}.home .page-heading{margin-bottom:20px;padding:10px 0;font-size:1.8rem;color:var(--text-color);font-weight:500}.home .post-list-heading{margin-top:30px;margin-bottom:20px;font-size:1.4rem;color:var(--text-color);font-weight:500}.home .home-content{margin-bottom:30px}.home .section-divider{height:1px;background-color:var(--divider-color);margin:30px 0;opacity:0.5}.home .rss-subscribe{margin-top:30px;text-align:right;font-size:0.9rem;color:var(--text-muted)}.btn{display:inline-block;padding:8px 16px;background-color:var(--primary-color);color:white;border-radius:4px;font-weight:500;text-decoration:none;transition:background-color 0.3s ease;border:none}.btn:hover{background-color:var(--primary-color-dark);text-decoration:none;color:white}.featured-post,.post-item{background:var(--card-background);border-radius:12px;box-shadow:0 5px 15px var(--shadow-color);padding:25px 30px;margin-bottom:35px;position:relative;overflow:hidden;transition:transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease, color 0.3s ease;border:none;color:var(--text-color)}.dark .featured-post,.dark .post-item{background:#283142;color:var(--text-color);border:1px solid rgba(255,255,255,0.05);box-shadow:0 4px 24px rgba(0,0,0,0.35)}.featured-post:hover,.post-item:hover{transform:translateY(-5px);box-shadow:0 8px 25px var(--shadow-color)}.post-list-container{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:25px;margin-top:30px}.section-title{font-size:2rem;color:var(--text-color);margin-bottom:30px;padding-bottom:10px;display:inline-block;font-weight:600;letter-spacing:-0.25px;position:relative;transition:color 0.3s ease}.section-title:after{content:'';position:absolute;bottom:0;left:0;width:40px;height:2px;background:var(--primary-color);border-radius:4px;transition:width 0.3s ease, background 0.3s ease;opacity:0.7}.section-title:hover:after{width:80px}.section-divider{height:1px;background-color:var(--divider-color);margin:30px 0;opacity:0.5}.rss-subscribe{margin-top:30px;text-align:right;font-size:0.9rem;color:var(--text-muted)}.search-section{background-color:var(--background-color);position:relative}.search-section:before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(to bottom, var(--primary-color), var(--secondary-color));border-radius:4px}.search-form{display:flex;align-items:center;position:relative;background:var(--background-color);border-radius:12px;box-shadow:0 4px 15px var(--shadow-color);padding:0;transition:transform 0.3s ease, box-shadow 0.3s ease}.search-form:focus-within{box-shadow:0 6px 20px var(--shadow-color);transform:translateY(-2px)}.search-form .search-input{flex:1;padding:11px 16px;border:none;border-radius:10px 0 0 10px;font-size:1rem;background:transparent;color:var(--text-color);height:40px;display:flex;align-items:center;box-sizing:border-box}.search-form .search-input:focus{outline:none}.search-form .search-input::placeholder{color:var(--text-muted)}.search-form .search-button{background:linear-gradient(45deg, var(--primary-color), var(--secondary-color));color:white;border:none;border-radius:0 10px 10px 0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;margin-left:0;padding:0}.search-form .search-button:hover{background:linear-gradient(45deg, var(--primary-color-dark), var(--secondary-color-dark));transform:translateY(-2px)}.search-form .search-button svg{width:18px;height:18px;stroke-width:2.2;display:block;margin:0 auto}@media screen and (max-width: 600px){.search-form .search-input,.search-form .search-button{height:45px}.search-form .search-input{font-size:0.95rem;padding:12px 14px}.search-form .search-button{width:45px}}@media screen and (max-width: 600px){.post-list-container{grid-template-columns:1fr}.hero-section{padding:25px 20px}.hero-section h1{font-size:2.2rem}.hero-section .site-description{font-size:1rem}.content-section{padding:25px 20px}.featured-post{padding:20px}.search-form .search-button{width:45px;height:45px}.subscribe-form .form-group{flex-direction:column}.subscribe-form .form-group .subscribe-button{width:100%;padding:12px 0}}.dark .post-content{color:var(--text-color);background:linear-gradient(120deg, rgba(35,41,55,0.97) 60%, rgba(30,34,48,0.96) 100%);border:1.5px solid var(--border-light)}.dark .post-content h1,.dark .post-content h2,.dark .post-content h3,.dark .post-content h4,.dark .post-content h5,.dark .post-content h6,.dark .post-content p,.dark .post-content li,.dark .post-content blockquote,.dark .post-content td,.dark .post-content th,.dark .post-content dt,.dark .post-content dd,.dark .post-content code,.dark .post-content pre,.dark .post-content a,.dark .post-content strong,.dark .post-content em,.dark .post-content span,.dark .post-content sup,.dark .post-content sub{color:var(--text-color) !important}.dark .post-content blockquote{background:var(--blockquote-bg)}.dark .post-content table,.dark .post-content th,.dark .post-content td{background:rgba(35,41,55,0.98) !important;border-color:var(--border-light)}.dark .post-content tr:nth-child(even) td{background:rgba(35,41,55,0.98) !important}.container{max-width:1200px;margin:0 auto;padding:0 40px;width:100%}.site-wrapper{display:flex;flex-direction:column;min-height:100vh;background-color:var(--background-color);width:100%;overflow-x:hidden;position:relative;transition:background-color 0.3s ease}