.header{position:fixed;top:0;left:0;width:100%;height:var(--nav-height);z-index:1000;transition:all .3s ease;background:transparent}.header.scrolled{background:#0a0a0fcc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color)}.header-container{display:flex;align-items:center;justify-content:space-between;height:100%}.logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.2rem;color:var(--text-primary)}.logo-icon,.highlight{color:var(--accent-primary)}.nav-menu{display:flex;gap:30px}.nav-link{font-size:.95rem;color:var(--text-secondary);position:relative}.nav-link:hover{color:var(--text-primary)}.nav-link:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--accent-primary);transition:width .3s ease}.nav-link:hover:after{width:100%}.mobile-toggle{display:none;background:none;border:none;color:var(--text-primary);cursor:pointer}@media(max-width:768px){.mobile-toggle{display:block}.nav-menu{position:fixed;top:var(--nav-height);left:0;width:100%;height:calc(100vh - var(--nav-height));background:var(--bg-primary);flex-direction:column;align-items:center;justify-content:center;transform:translate(100%);transition:transform .3s ease}.nav-menu.active{transform:translate(0)}.nav-link{font-size:1.5rem}}.footer{background:var(--bg-secondary);padding:60px 0 20px;margin-top:80px;border-top:1px solid var(--border-color)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;margin-bottom:40px}.footer-title{font-size:1.1rem;font-weight:600;margin-bottom:20px;color:var(--text-primary)}.footer-description{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.footer-links li{margin-bottom:10px}.footer-links a{color:var(--text-secondary);font-size:.9rem}.footer-links a:hover{color:var(--accent-primary)}.footer-contact a{color:var(--accent-primary);font-size:.9rem}.footer-bottom{border-top:1px solid var(--border-color);padding-top:20px;text-align:center;color:var(--text-secondary);font-size:.85rem}.article-card{display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;height:100%}.article-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000004d;border-color:var(--accent-primary)}.card-image-wrapper{position:relative;width:100%;padding-top:56.25%;overflow:hidden}.card-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.article-card:hover .card-image{transform:scale(1.05)}.card-category{position:absolute;top:15px;left:15px;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--accent-primary);padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600;border:1px solid var(--accent-glow)}.card-content{padding:20px;flex:1;display:flex;flex-direction:column}.card-title{font-size:1.2rem;margin-bottom:10px;color:var(--text-primary);line-height:1.4}.card-excerpt{font-size:.9rem;color:var(--text-secondary);margin-bottom:20px;flex:1;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-meta{display:flex;gap:15px;font-size:.8rem;color:var(--text-secondary);border-top:1px solid rgba(255,255,255,.05);padding-top:15px}.meta-item{display:flex;align-items:center;gap:5px}.meta-views{margin-left:auto}.meta-views:before{content:"|";margin-right:10px;margin-left:5px;color:var(--border-color)}.hero-section{position:relative;height:60vh;min-height:400px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:60px}.hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.hero-bg img{width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,rgba(10,10,15,.3),var(--bg-primary))}.hero-content{text-align:center;z-index:1}.hero-title{font-size:4rem;font-weight:800;line-height:1.1;margin-bottom:20px;letter-spacing:-.02em}.hero-subtitle{font-size:1.2rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.main-grid{display:grid;grid-template-columns:1fr 300px;gap:40px}.section-heading{font-size:1.8rem;margin-bottom:30px;position:relative;padding-left:15px}.section-heading:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:24px;background:var(--accent-primary);border-radius:2px}.latest-posts{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:30px;box-shadow:0 4px 20px #0000001a}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:25px}.sidebar-column{display:flex;flex-direction:column;gap:30px}.sidebar-widget{padding:25px;border-radius:12px;background:var(--bg-card);border:1px solid var(--border-color);box-shadow:0 4px 20px #0000001a;overflow:hidden}.widget-title{font-size:1.1rem;margin-bottom:20px;border-bottom:1px solid var(--border-color);padding-bottom:10px}.recommended-list li{margin-bottom:15px}.recommended-list a{display:flex;flex-direction:column;gap:5px}.recommended-list a:hover .rec-title{color:var(--accent-primary)}.rec-title{font-weight:500;font-size:.95rem;line-height:1.4}.rec-date{font-size:.8rem;color:var(--text-secondary)}.filter-section{margin-bottom:40px;display:flex;flex-direction:column;gap:20px}.search-bar{position:relative;max-width:500px;margin:0 auto;width:100%}.search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--text-secondary)}.search-bar input{width:100%;padding:12px 20px 12px 45px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:25px;color:var(--text-primary);font-size:1rem;transition:all .3s ease}.search-bar input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 15px var(--accent-glow)}.tag-filter{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.tag-btn{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);padding:6px 16px;border-radius:20px;cursor:pointer;transition:all .3s ease;font-size:.9rem}.tag-btn:hover{border-color:var(--accent-primary);color:var(--text-primary)}.tag-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#000;font-weight:600}.tag-toggle-btn{background:transparent;border:1px dashed var(--border-color);color:var(--text-secondary);padding:6px 16px;border-radius:20px;cursor:pointer;transition:all .3s ease;font-size:.9rem}.tag-toggle-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.no-results{text-align:center;color:var(--text-secondary);padding:40px;font-size:1.1rem}.adsense-container{min-height:250px;display:flex;align-items:center;justify-content:center}@media(max-width:900px){.main-grid{grid-template-columns:1fr}.hero-title{font-size:3rem}}@media(max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1rem;padding:0 20px}.filter-section,.main-grid{padding:0 20px}}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#abb2bf;background:#282c34}.hljs-comment,.hljs-quote{color:#5c6370;font-style:italic}.hljs-doctag,.hljs-keyword,.hljs-formula{color:#c678dd}.hljs-section,.hljs-name,.hljs-selector-tag,.hljs-deletion,.hljs-subst{color:#e06c75}.hljs-literal{color:#56b6c2}.hljs-string,.hljs-regexp,.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string{color:#98c379}.hljs-attr,.hljs-variable,.hljs-template-variable,.hljs-type,.hljs-selector-class,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-number{color:#d19a66}.hljs-symbol,.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-title{color:#61aeee}.hljs-built_in,.hljs-title.class_,.hljs-class .hljs-title{color:#e6c07b}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}.post-page{padding-top:calc(var(--nav-height) + 40px);padding-bottom:80px}.post-article{max-width:800px;margin:0 auto;background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:40px;box-shadow:0 4px 20px #0003}.post-header{margin-bottom:40px;border-bottom:1px solid var(--border-color);padding-bottom:20px}.breadcrumb{font-size:.9rem;color:var(--text-secondary);margin-bottom:15px}.breadcrumb a{color:var(--text-secondary);text-decoration:none;transition:color .3s ease}.breadcrumb a:hover{color:var(--text-primary)}.breadcrumb .separator{margin:0 8px;color:var(--border-color)}.breadcrumb .current{color:var(--text-primary)}.post-meta{display:flex;gap:20px;margin-bottom:15px;font-size:.9rem;color:var(--text-secondary)}.meta-tag,.meta-date,.meta-time,.meta-updated,.meta-views{display:flex;align-items:center;gap:6px}.meta-tag{color:var(--accent-primary);font-weight:600}.post-tags{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}.post-tag{background:#ffffff0d;border:1px solid var(--border-color);color:var(--text-secondary);padding:4px 12px;border-radius:15px;font-size:.85rem;font-weight:400;transition:all .3s ease}.post-tag:hover{background:#ffffff1a;color:var(--text-primary)}.post-title{font-size:2.5rem;line-height:1.3;color:var(--text-primary)}.post-content{font-size:1.1rem;line-height:1.8}.mermaid{background:#0003;padding:20px;border-radius:8px;margin:20px 0;text-align:center}.share-section{margin-top:40px;padding-top:20px;border-top:1px solid var(--border-color)}.share-section h3{font-size:1.2rem;margin-bottom:15px;color:var(--text-primary)}.share-buttons{display:flex;gap:15px}.share-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:8px;text-decoration:none;font-weight:600;font-size:.9rem;transition:opacity .3s ease}.share-btn:hover{opacity:.8}.share-btn.twitter{background:#000;color:#fff}.share-btn.facebook{background:#4267b2;color:#fff}@media(max-width:768px){.post-article{padding:20px}.post-title{font-size:1.8rem}}.adblock-warning-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.adblock-warning{background:var(--bg-card);border:2px solid var(--accent-primary);border-radius:20px;padding:40px;max-width:600px;width:100%;position:relative;box-shadow:0 20px 60px #00000080;animation:slideUp .4s ease}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.adblock-close{position:absolute;top:15px;right:15px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:5px;border-radius:5px;transition:all .2s ease}.adblock-close:hover{background:#ffffff1a;color:var(--text-primary)}.adblock-icon{text-align:center;color:#fbbf24;margin-bottom:20px;animation:pulse 2s ease infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.adblock-title{text-align:center;font-size:1.8rem;font-weight:700;margin-bottom:20px;color:var(--text-primary)}.adblock-message{text-align:center;color:var(--text-secondary);margin-bottom:30px;line-height:1.6}.adblock-message p{margin-bottom:10px}.adblock-instructions{background:#ffffff0d;padding:20px;border-radius:10px;margin-bottom:20px}.adblock-instructions h3{font-size:1.1rem;margin-bottom:15px;color:var(--accent-primary)}.adblock-instructions ol{padding-left:20px;color:var(--text-secondary)}.adblock-instructions li{margin-bottom:8px;line-height:1.5}.adblock-buttons{display:flex;gap:15px;margin-bottom:20px}.adblock-btn{flex:1;padding:12px 24px;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.adblock-btn.primary{background:var(--accent-primary);color:#000}.adblock-btn.primary:hover{background:var(--accent-secondary);transform:translateY(-2px);box-shadow:0 5px 20px var(--accent-glow)}.adblock-btn.secondary{background:#ffffff1a;color:var(--text-primary);border:1px solid var(--border-color)}.adblock-btn.secondary:hover{background:#ffffff26;border-color:var(--accent-primary)}.adblock-note{text-align:center;font-size:.9rem;color:var(--text-secondary);margin:0}@media(max-width:768px){.adblock-warning{padding:30px 20px;max-width:100%}.adblock-title{font-size:1.4rem}.adblock-message{font-size:.95rem}.adblock-buttons{flex-direction:column}.adblock-instructions{padding:15px}.adblock-instructions h3{font-size:1rem}.adblock-instructions ol{font-size:.9rem}}@media(max-width:480px){.adblock-warning-overlay{padding:10px}.adblock-warning{padding:20px 15px}.adblock-icon svg{width:48px;height:48px}.adblock-title{font-size:1.2rem}}:root{--bg-primary: #0a0a0f;--bg-secondary: #13131f;--bg-card: rgba(255, 255, 255, .03);--bg-card-hover: rgba(255, 255, 255, .07);--text-primary: #f0f0f0;--text-secondary: #a0a0a0;--accent-primary: #00f0ff;--accent-secondary: #7000ff;--accent-glow: rgba(0, 240, 255, .3);--border-color: rgba(255, 255, 255, .1);--font-main: "Inter", system-ui, -apple-system, sans-serif;--nav-height: 70px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-main);line-height:1.6;overflow-x:hidden}a{text-decoration:none;color:inherit;transition:color .2s ease}ul{list-style:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-secondary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-secondary)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.gradient-text{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass{background:#14141e99;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color)}.markdown-content{color:var(--text-primary)}.markdown-content h1,.markdown-content h2,.markdown-content h3{margin-top:2em;margin-bottom:1em;line-height:1.3}.markdown-content h1{font-size:2.5rem;border-bottom:1px solid var(--border-color);padding-bottom:.5em}.markdown-content h2{font-size:2rem}.markdown-content h3{font-size:1.5rem}.markdown-content p{margin-bottom:1.5em}.markdown-content code{background:#ffffff1a;padding:.2em .4em;border-radius:4px;font-family:Fira Code,monospace;font-size:.9em}.markdown-content pre{background:#1e1e1e;padding:1.5em;border-radius:8px;overflow-x:auto;margin-bottom:1.5em;border:1px solid var(--border-color)}.markdown-content pre code{background:none;padding:0;color:#d4d4d4}.markdown-content blockquote{border-left:4px solid var(--accent-primary);padding-left:1em;margin-left:0;margin-bottom:1.5em;color:var(--text-secondary);font-style:italic}.markdown-content img{max-width:100%;border-radius:8px;margin:1.5em 0}.markdown-content ul,.markdown-content ol{margin-bottom:1.5em;padding-left:1.5em;list-style:disc}
