.nav-blog a.active{color:var(--text);font-weight:600}.blog-hero{padding:20px 0 40px}.blog-hero-inner{max-width:820px}.blog-badge{margin-bottom:18px}.blog-hero-title{font-size:clamp(40px,6vw,64px);line-height:1.05;margin:0 0 16px}.blog-hero-lead{color:var(--text-secondary);font-size:20px;line-height:1.6;margin:0}.blog-search{margin-top:30px;position:relative}.blog-search input{width:100%;padding:16px 56px 16px 18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font:inherit;outline:none;transition:border-color .2s}.blog-search input::placeholder{color:var(--text-secondary)}.blog-search input:focus{border-color:var(--primary)}.blog-search-btn{position:absolute;top:50%;right:8px;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;border-radius:var(--radius);cursor:pointer;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;transition:transform .2s}.blog-search-btn:hover{transform:translateY(calc(-50% - 2px))}.blog-grid{display:grid;grid-template-columns:2fr 1fr;gap:28px;align-items:start;padding:40px 0 80px}.blog-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.blog-card{background:var(--card);border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:transform .25s,border-color .25s}.blog-card:hover{transform:translateY(-6px);border-color:#ffffff29}.blog-card-link{display:block;color:var(--text);text-decoration:none;height:100%}.blog-card-cover{height:190px;overflow:hidden}.blog-card-cover img{width:100%;height:100%;object-fit:cover;display:block}.blog-card-cover-gradient{display:flex;align-items:center;justify-content:center}.blog-card-body{padding:20px}.blog-card-meta{display:block;color:var(--accent);font-size:13px;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}.blog-card-body h3{margin:0 0 8px;font-size:20px;line-height:1.3}.blog-card-body p{margin:0;color:var(--text-secondary);font-size:15px;line-height:1.6}.blog-empty{color:var(--text-secondary);padding:40px 0;text-align:center}#blog-results{transition:opacity .15s ease}#blog-results.blog-is-loading{opacity:0}.blog-results-anim{animation:blog-fade-in .3s ease}@keyframes blog-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.blog-card-skeleton{background:var(--card);border:1px solid var(--border);border-radius:14px;overflow:hidden}.blog-skeleton-cover,.blog-skeleton-line{background:linear-gradient(90deg,var(--card) 25%,rgba(255,255,255,.08) 50%,var(--card) 75%);background-size:400px 100%;animation:blog-shimmer 1.4s linear infinite}.blog-skeleton-cover{height:190px}.blog-skeleton-body{padding:20px}.blog-skeleton-line{height:12px;border-radius:6px;margin-bottom:10px}.blog-skeleton-line:nth-child(1){width:40%}.blog-skeleton-line:nth-child(2){width:85%}.blog-skeleton-line:nth-child(3){width:100%}.blog-skeleton-line:nth-child(4){width:65%}@keyframes blog-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.blog-side{position:sticky;top:90px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:22px}.blog-side-block{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid var(--border)}.blog-side-block:last-child{border-bottom:0;padding-bottom:0;margin-bottom:0}.blog-side-title{margin:0 0 14px;font-size:16px}.blog-popular{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.blog-popular-item{color:var(--text-secondary);text-decoration:none;line-height:1.4;transition:color .2s}.blog-popular-item:hover{color:var(--text)}.blog-categories{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.blog-category-link{display:flex;align-items:center;justify-content:space-between;color:var(--text-secondary);text-decoration:none;transition:color .2s}.blog-category-link:hover,.blog-category-link.active{color:var(--accent)}.blog-count{font-size:13px;color:var(--text-secondary);background:#ffffff0f;border-radius:999px;padding:2px 8px}.blog-tags{display:flex;flex-wrap:wrap;padding-top:8px;gap:8px}.blog-tag{display:inline-block;padding:5px 12px;border:1px solid var(--border);border-radius:999px;color:var(--text-secondary);text-decoration:none;font-size:13px;transition:.2s}.blog-tag:hover{color:var(--text);border-color:var(--primary)}.blog-article{display:grid;grid-template-columns:250px 1fr;gap:36px;align-items:start;padding:16px 0 80px}.blog-toc{position:sticky;top:90px}.blog-toc-title{font-size:14px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin:0 0 12px}.blog-toc a{display:block;color:var(--text-secondary);text-decoration:none;padding:5px 0;font-size:14px;line-height:1.4;transition:color .2s}.blog-toc a:hover{color:var(--text)}.blog-toc-level-3{padding-left:14px}.blog-cover{width:100%;max-height:340px;object-fit:cover;border-radius:14px;margin-bottom:24px}.blog-post-title{font-size:clamp(28px,4vw,40px);line-height:1.15;margin:0 0 12px}.blog-post-meta{display:flex;flex-wrap:wrap;gap:14px;color:var(--text-secondary);font-size:14px;margin-bottom:24px}.blog-cat-link a{color:var(--accent);text-decoration:none}.blog-back{display:inline-block;margin:0 0 4px;color:var(--text-secondary);text-decoration:none}.blog-back:hover{color:var(--text)}.blog-content{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:40px}.blog-content-html h2{margin:32px 0 14px}.blog-content-html p{margin:0 0 16px;line-height:1.75}.blog-content-html a{color:var(--accent)}.blog-content-html ul,.blog-content-html ol{padding-left:22px;margin:0 0 16px;line-height:1.7}.blog-content-html img{max-width:100%;border-radius:var(--radius)}.blog-content-html table{width:100%;border-collapse:collapse;margin:16px 0}.blog-content-html th,.blog-content-html td{border:1px solid var(--border);padding:8px 12px;text-align:left}.blog-content-html pre{background:#0f1320;border:1px solid var(--border);border-radius:var(--radius);padding:18px;overflow:auto;margin:16px 0}.blog-content-html code{background:#0f1320;border-radius:6px;padding:2px 6px}.blog-content-html pre code{padding:0;background:none}.blog-content-html blockquote{margin:20px 0;padding:20px;border-left:4px solid var(--accent);background:#33d1ff14;border-radius:0 var(--radius) var(--radius) 0}.blog-content-html blockquote p:last-child{margin-bottom:0}.blog-related{margin-top:24px;padding-top:20px;border-top:1px solid var(--border)}.blog-related-title{margin:0 0 14px}.blog-related-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.blog-card-mini{padding:16px;display:block;color:var(--text);text-decoration:none}.blog-card-mini h4{margin:4px 0 0;font-size:16px;line-height:1.4}@media(max-width:992px){.blog-grid{grid-template-columns:1fr}.blog-side{position:static}.blog-article{grid-template-columns:1fr}.blog-toc{position:static;margin-bottom:24px}}@media(max-width:640px){.blog-cards,.blog-related-list{grid-template-columns:1fr}.blog-content{padding:24px}}