:root{--font-family-serif:"Newsreader",Georgia,serif;--font-family-sans:"Inter",-apple-system,sans-serif;--bg-color:#fff;--text-primary:#202122;--text-secondary:#54595d;--link-color:#0645ad;--link-hover:#0b0080;--border-color:#a2a9b1;--sidebar-bg:#f8f9fa;--sidebar-width:11em;--header-bg:hsla(0,0%,100%,.8);--glass-border:rgba(0,0,0,.1);--transition-speed:0.3s}[data-theme=dark]{--bg-color:#101418;--text-primary:#e8eaed;--text-secondary:#9aa0a6;--link-color:#8ab4f8;--link-hover:#aecbfa;--border-color:#3c4043;--sidebar-bg:#1a1d21;--header-bg:rgba(16,20,24,.8);--glass-border:hsla(0,0%,100%,.1)}.reading-progress-container{position:fixed;top:0;left:0;width:100%;height:4px;z-index:1001;pointer-events:none}.reading-progress-bar{height:100%;background:var(--link-color);transition:width .1s ease-out}body{margin:0;font-family:var(--font-family-sans);background-color:var(--bg-color);color:var(--text-primary);display:flex;min-height:100vh;transition:background-color var(--transition-speed),color var(--transition-speed)}a{color:var(--link-color);text-decoration:none}a:hover{text-decoration:underline;color:var(--link-hover)}h1,h2,h3,h4{font-family:var(--font-family-serif);font-weight:400;margin-top:0}.layout-container{display:flex;flex-direction:column;width:100%}.header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);background:var(--header-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:-webkit-sticky;position:sticky;top:0;z-index:100;transition:background var(--transition-speed),border var(--transition-speed)}.header-left{display:flex;align-items:baseline;gap:10px}.logo{font-size:2.5rem;margin:0}.header-logo-text,.logo{font-family:var(--font-family-serif);color:var(--text-primary)}.header-logo-text{font-size:2.8rem;font-weight:700;letter-spacing:-1px;line-height:1}.tagline{font-size:1rem;color:var(--text-primary)}.header-right{display:flex;align-items:center;gap:15px}.search-container{position:relative;flex:1 1;max-width:400px}.search-bar{display:flex;background:var(--sidebar-bg);border:1px solid var(--border-color);border-radius:4px;overflow:hidden}.search-input{flex:1 1;background:transparent;padding:6px 12px;color:var(--text-primary);outline:none}.search-btn,.search-input{border:none;font-size:.9rem}.search-btn{background:var(--link-color);color:#fff;padding:6px 16px;font-weight:600;cursor:pointer;transition:opacity var(--transition-speed)}.search-btn:hover{opacity:.9}.search-suggestions{position:absolute;top:100%;left:0;right:0;background:var(--bg-color);border:1px solid var(--border-color);border-top:none;border-radius:0 0 4px 4px;list-style:none;padding:0;margin:0;z-index:1002;box-shadow:0 4px 12px rgba(0,0,0,.1)}.search-suggestions li{border-bottom:1px solid var(--border-color)}.search-suggestions li:last-child{border-bottom:none}.search-suggestions a{display:block;padding:10px 15px;font-size:.85rem;color:var(--text-primary);text-decoration:none;transition:background .2s}.search-suggestions a:hover{background:rgba(6,69,173,.05);color:var(--link-color)}.nav-links{display:flex}.nav-links a{margin-left:1rem;font-size:.95rem;color:var(--link-color)}.mobile-menu-container{display:none}.menu-toggle{background:none;border:1px solid var(--border-color);border-radius:4px;padding:6px;cursor:pointer;color:var(--text-primary);display:flex;align-items:center;justify-content:center}.mobile-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;justify-content:flex-end}.mobile-nav{background:var(--bg-color);width:280px;height:100%;padding:2rem;display:flex;flex-direction:column;gap:1.5rem;box-shadow:-4px 0 10px rgba(0,0,0,.1);animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}.mobile-nav a{font-size:1.2rem;font-family:var(--font-family-serif);color:var(--text-primary);border-bottom:1px solid var(--border-color);padding-bottom:.5rem}@media (max-width:768px){.nav-links{display:none}.mobile-menu-container{display:block;margin-left:10px}.sidebar{display:none}.content-area{padding:1.5rem}.article-body-wrapper{flex-direction:column}.quick-facts,.toc-box{width:100%;position:static!important}.header-logo-text{font-size:2rem}}.theme-toggle-btn{background:none;border:1px solid var(--border-color);border-radius:4px;padding:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-primary);transition:all var(--transition-speed);margin-left:10px}.theme-toggle-btn:hover{background:var(--sidebar-bg);border-color:var(--link-color);color:var(--link-color)}.main-wrapper{display:flex;flex:1 1}.sidebar{width:var(--sidebar-width);background-color:var(--sidebar-bg);padding:1.5rem 1rem;border-right:1px solid var(--border-color);font-size:.9rem;transition:background-color var(--transition-speed),border var(--transition-speed)}.sidebar h3{font-family:var(--font-family-serif);font-size:1.1rem;margin-bottom:.5rem;border-bottom:1px solid var(--border-color);padding-bottom:4px}.sidebar ul{list-style:none;padding:0;margin:0 0 1.5rem}.sidebar li{margin-bottom:6px}.sidebar li:before{content:"•";color:var(--link-color);margin-right:6px;font-size:.8rem}.content-area{flex:1 1;padding:2rem 3rem;max-width:900px}.trending-box{background-color:var(--sidebar-bg);border:1px solid var(--border-color);padding:1.2rem;margin-bottom:2rem}.article-list{display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem}.article-item h3{font-size:1.3rem;margin-bottom:6px}.article-item p{margin:0;font-size:.95rem;line-height:1.5;color:var(--text-primary)}.section-title{font-size:1.8rem;border-bottom:1px solid var(--border-color);padding-bottom:.5rem;margin-bottom:1rem}.load-more-btn{padding:12px 30px;background:var(--bg-color);border:1px solid var(--link-color);color:var(--link-color);border-radius:30px;font-weight:600;cursor:pointer;transition:all var(--transition-speed);font-size:1rem}.load-more-btn:hover{background:var(--link-color);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(6,69,173,.2)}.load-more-btn:disabled{opacity:.5;cursor:not-allowed}.article-header{margin-bottom:1.5rem}.article-header h1{font-size:2.8rem;margin-bottom:.5rem;border-bottom:1px solid var(--border-color);padding-bottom:8px}.meta-text{font-size:.9rem;color:var(--text-secondary);margin:2px 0}.article-body-wrapper{display:flex;gap:2rem}.toc-box{background:var(--sidebar-bg);border:1px solid var(--border-color);padding:1rem;width:250px;flex-shrink:0;height:-moz-fit-content;height:fit-content}.toc-box h4{font-family:var(--font-family-sans);font-weight:600;margin-top:0;border-bottom:1px solid var(--border-color);padding-bottom:4px}.smart-toc{position:-webkit-sticky;position:sticky;top:100px}.smart-toc ol{margin:.5rem 0;font-size:.9rem;list-style:none;padding:0}.smart-toc li{margin-bottom:8px;padding-left:12px;border-left:2px solid transparent;transition:all var(--transition-speed)}.smart-toc li.active{border-left-color:var(--link-color);background:rgba(6,69,173,.05)}.smart-toc li.active a{color:var(--link-color);font-weight:600}.smart-toc a{color:var(--text-secondary);text-decoration:none}.smart-toc a:hover{color:var(--link-color)}.article-content{flex:1 1;font-size:1rem;line-height:1.6}.article-content h2{font-size:1.8rem;border-bottom:1px solid var(--border-color);padding-bottom:4px;margin-top:2rem}.quick-facts{background:var(--sidebar-bg);border:1px solid var(--border-color);padding:1rem;width:250px;flex-shrink:0;font-size:.9rem}.quick-facts h4{margin-top:0;font-family:var(--font-family-sans);text-align:center;font-size:1.1rem}.fact-row{border-bottom:1px solid var(--border-color);padding:8px 0}.fact-row:last-child{border-bottom:none}.share-buttons{display:flex;align-items:center;gap:12px;margin-top:1rem;font-size:.9rem;color:var(--text-secondary)}.share-buttons a{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:1px solid var(--border-color);color:var(--text-primary);transition:all var(--transition-speed)}.share-buttons a:hover{background:var(--sidebar-bg);border-color:var(--link-color);color:var(--link-color);transform:translateY(-2px)}.loading{font-style:italic;color:var(--text-secondary)}.about-page{max-width:860px}.about-hero{gap:2rem;margin-bottom:1.5rem}.about-avatar,.about-hero{display:flex;align-items:center}.about-avatar{width:90px;height:90px;border-radius:50%;background:#1a3a5c;color:#fff;font-size:2rem;font-weight:700;justify-content:center;flex-shrink:0;font-family:var(--font-family-sans)}.about-hero-text h1{font-size:2.2rem;margin-bottom:4px}.about-title{font-size:1.05rem;color:var(--text-secondary);margin:0 0 4px;font-style:italic}.about-location{font-size:.9rem;color:var(--text-secondary);margin:0 0 10px}.about-links{display:flex;flex-wrap:wrap;gap:10px}.about-links a{font-size:.85rem;padding:4px 10px;border:1px solid var(--border-color);border-radius:3px;background:var(--sidebar-bg);color:var(--link-color);text-decoration:none}.about-links a:hover{background:#e8ecf0;text-decoration:none}.about-divider{border:none;border-top:1px solid var(--border-color);margin:1.5rem 0}.about-section,.about-section h2{margin-bottom:1rem}.about-section h2{font-size:1.6rem;border-bottom:1px solid var(--border-color);padding-bottom:4px}.about-section p{line-height:1.7;font-size:.97rem;color:var(--text-primary)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));grid-gap:1rem;gap:1rem}.skill-card{background:var(--sidebar-bg);border:1px solid var(--border-color);padding:1rem;border-radius:2px}.skill-card h4{font-family:var(--font-family-sans);font-weight:600;font-size:.9rem;margin:0 0 .5rem;color:var(--text-primary)}.skill-card ul{margin:0;padding-left:1.2rem;font-size:.87rem;color:var(--text-secondary);line-height:1.8}.projects-list{display:flex;flex-direction:column;gap:1rem}.project-item{border-left:3px solid #1a3a5c;padding:.5rem 1rem;background:var(--sidebar-bg)}.project-item h4{font-family:var(--font-family-sans);font-weight:600;margin:0 0 4px;font-size:1rem;color:var(--text-primary)}.project-item p{margin:0;font-size:.9rem;color:var(--text-secondary)}.mvv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-gap:1rem;gap:1rem}.mvv-card{background:var(--sidebar-bg);border:1px solid var(--border-color);padding:1rem;border-radius:2px}.mvv-card h4{font-family:var(--font-family-sans);font-weight:600;margin:0 0 .5rem;color:var(--text-primary)}.mvv-card p{margin:0;font-size:.9rem;color:var(--text-secondary);line-height:1.6}.newsletter-slide-in{position:fixed;bottom:20px;right:-400px;width:320px;background:var(--bg-color);border:1px solid var(--border-color);padding:1.5rem;box-shadow:0 10px 30px rgba(0,0,0,.1);z-index:999;transition:right .6s cubic-bezier(.22,1,.36,1);border-radius:8px}.newsletter-slide-in.visible{right:20px}.newsletter-slide-in h4{font-family:var(--font-family-serif);margin:0 0 8px;font-size:1.2rem}.newsletter-slide-in p{font-size:.85rem;color:var(--text-secondary);margin-bottom:1rem}.dismiss-btn{position:absolute;top:10px;right:10px;background:none;border:none;color:var(--text-secondary);cursor:pointer}.newsletter-form{display:flex;gap:8px}.newsletter-form input{flex:1 1;padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;font-size:.85rem;background:var(--sidebar-bg);color:var(--text-primary)}.newsletter-form button{background:var(--link-color);color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:.85rem;font-weight:600}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .6s ease-out forwards}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.skeleton-title{height:40px;width:250px;background:var(--border-color);margin-bottom:2rem;border-radius:4px;position:relative;overflow:hidden}.skeleton-article{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.skeleton-line{background:var(--border-color);margin-bottom:10px;border-radius:2px;position:relative;overflow:hidden}.skeleton-line.title{height:24px;width:80%}.skeleton-line.meta{height:16px;width:40%;margin-top:10px}.skeleton-line.excerpt{height:16px;width:100%;margin-top:15px}.skeleton-line.excerpt.short{width:60%}.skeleton-line:after,.skeleton-title:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translateX(-100%);background-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.05) 20%,hsla(0,0%,100%,.1) 60%,hsla(0,0%,100%,0));animation:shimmer 2s infinite}@keyframes shimmer{to{transform:translateX(100%)}}.contact-table{border-collapse:collapse;width:100%;font-size:.93rem}.contact-table td{padding:8px 12px;border-bottom:1px solid var(--border-color);vertical-align:top}.contact-table td:first-child{width:140px;color:var(--text-secondary);white-space:nowrap}@media print{.header-right,.load-more-btn,.mobile-menu-btn,.newsletter-slide-in,.reading-progress-container,.related-posts,.share-buttons,.sidebar,.theme-toggle,.toc-box{display:none!important}body{background:#fff!important;color:#000!important}.layout-container{display:block!important;padding:0!important}.main-wrapper{margin:0!important;width:100%!important;max-width:100%!important}.article-container{padding:0!important;box-shadow:none!important}.article-header h1{font-size:28pt!important;margin-top:0!important}.article-content{font-size:12pt!important;line-height:1.5!important}a{text-decoration:none!important;color:#000!important}}.footer{margin-top:auto;border-top:1px solid var(--border-color);background:var(--sidebar-bg);padding:3rem 1.5rem 1.5rem;font-size:.9rem;transition:background var(--transition-speed)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:2rem;gap:2rem;max-width:1200px;margin:0 auto}.footer-section h3,.footer-section h4{margin-bottom:1rem;font-family:var(--font-family-serif)}.footer-section h3{font-size:1.5rem}.footer-section p{color:var(--text-secondary);line-height:1.5}.footer-links{display:flex;flex-direction:column;gap:8px}.footer-links a{color:var(--text-secondary);transition:color var(--transition-speed)}.footer-links a:hover{color:var(--link-color)}.credit{margin-top:1rem;font-size:.85rem}.footer-bottom{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--border-color);text-align:center;color:var(--text-secondary);font-size:.8rem}@media (max-width:600px){.footer-content{grid-template-columns:1fr;text-align:center}.footer-links{align-items:center}}