.background-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:.3}.grid-background{position:absolute;width:100%;height:100%;background-image:linear-gradient(90deg,rgba(59,130,246,.1) 1px,transparent 1px);background-size:50px 50px;animation:gridMove 20s linear infinite}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.nav-actions{display:flex;align-items:center;gap:1rem}.back-button{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem 1rem;border-radius:25px;transition:all .3s ease;text-decoration:none;font-size:.9rem}.back-button:hover{background:var(--bg-secondary);color:var(--accent-primary)}.article-header{padding:8rem 0 4rem;text-align:center}.header-container{max-width:800px;margin:0 auto;padding:0 2rem}.article-category{display:inline-block;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;padding:.5rem 1rem;border-radius:25px;font-size:.9rem;font-weight:500;margin-bottom:1.5rem}.article-title{font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--text-primary),var(--text-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.article-meta{display:flex;justify-content:center;align-items:center;gap:2rem;margin-bottom:2rem;color:var(--text-secondary);font-size:.9rem}.meta-item{display:flex;align-items:center;gap:.5rem}.article-excerpt{font-size:1.2rem;color:var(--text-secondary);line-height:1.6;margin-bottom:2rem}.article-tags{display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem}.tag{background:var(--bg-secondary);color:var(--text-secondary);padding:.5rem 1rem;border-radius:20px;font-size:.8rem;border:1px solid var(--border-color);transition:all .3s ease}.tag:hover{background:var(--accent-primary);color:#fff;transform:translateY(-2px)}.article-container{max-width:1400px;margin:0 auto;padding:0 2rem 4rem;display:grid;grid-template-columns:1fr 280px;gap:4rem;align-items:start}.article-main{width:100%}.article-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;padding:3rem;backdrop-filter:blur(10px);box-shadow:0 10px 30px var(--shadow)}.markdown-content{font-size:1.1rem;line-height:1.8;color:var(--text-primary)}.article-h1,.article-h2,.article-h3,.article-h4{margin:2rem 0 1rem;color:var(--text-primary);position:relative;scroll-margin-top:8rem}.article-h1{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.article-h2{font-size:2rem;font-weight:600;padding-bottom:.5rem;border-bottom:2px solid var(--border-color);margin-top:3rem}.article-h3{font-size:1.5rem;font-weight:600;color:var(--accent-primary);margin-top:2rem}.article-paragraph{margin-bottom:1.5rem;line-height:1.8;color:var(--text-secondary)}.article-ul,.article-ol{margin:1.5rem 0;padding-left:2rem;color:var(--text-secondary)}.article-li{margin-bottom:.5rem;line-height:1.6}.article-link{color:var(--accent-primary);text-decoration:underline;transition:color .3s ease}.article-link:hover{color:var(--accent-secondary)}.article-blockquote{background:var(--bg-secondary);border-left:4px solid var(--accent-primary);padding:1.5rem 2rem;margin:2rem 0;border-radius:0 10px 10px 0;font-style:italic;color:var(--text-secondary)}.inline-code{background:var(--bg-secondary);padding:.25rem .5rem;border-radius:5px;font-family:Monaco,Menlo,Consolas,monospace;font-size:.9rem;color:var(--accent-primary);border:1px solid var(--border-color)}.code-block{background:var(--bg-secondary);padding:1.5rem;border-radius:10px;overflow-x:auto;margin:2rem 0;border:1px solid var(--border-color)}.code-block code{background:none;padding:0;color:var(--text-primary);font-family:Monaco,Menlo,Consolas,monospace;font-size:.9rem;line-height:1.5}.toc-container{position:sticky;top:3rem}.toc{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;padding:2rem;margin-bottom:2rem;backdrop-filter:blur(10px)}.toc-title{font-size:1.2rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.toc-list{list-style:none}.toc-item{margin-bottom:.5rem}.toc-link{display:block;color:var(--text-secondary);text-decoration:none;padding:.5rem 0;transition:all .3s ease;position:relative;border-radius:5px;background:none;border:none;width:100%;text-align:left;cursor:pointer;font-size:.9rem}.toc-link:hover,.toc-link.active{color:var(--accent-primary);background:var(--bg-secondary);padding-left:1rem}.toc-link.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--accent-primary);border-radius:2px}.toc-h3{padding-left:1rem}.toc-h4{padding-left:2rem}.share-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;padding:2rem;backdrop-filter:blur(10px)}.share-title{font-size:1.2rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.share-buttons{display:flex;flex-direction:column;gap:.5rem}.share-button{display:flex;align-items:center;gap:.75rem;padding:.75rem;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-secondary);color:var(--text-secondary);text-decoration:none;transition:all .3s ease;font-size:.9rem}.share-button:hover{transform:translate(5px)}.share-button.twitter:hover{background:#1da1f2;color:#fff;border-color:#1da1f2}.share-button.facebook:hover{background:#1877f2;color:#fff;border-color:#1877f2}.share-button.linkedin:hover{background:#0077b5;color:#fff;border-color:#0077b5}.share-button.copy:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}@media (max-width: 1024px){.article-container{grid-template-columns:1fr;padding:0 1rem 2rem}.toc-container{position:static;order:-1}.article-header{padding:6rem 0 3rem}}@media (max-width: 768px){.article-title{font-size:2rem}.article-meta{flex-direction:column;gap:1rem}.article-content{padding:2rem 1.5rem}.header-container{padding:0 1rem}}