.blog-article{max-width:800px;margin:0 auto;padding:40px 20px 80px}
.blog-article-meta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:32px;font-size:.82rem;color:var(--text2)}
.blog-article-meta .blog-tag{padding:3px 10px;border-radius:50px;background:rgba(99,102,241,.12);color:var(--primary);font-size:.72rem;font-weight:600}
.blog-article h2{font-size:1.5rem;margin:36px 0 16px;color:var(--text);line-height:1.3}
.blog-article h3{font-size:1.15rem;margin:28px 0 12px;color:var(--text)}
.blog-article p{color:var(--text2);font-size:.95rem;line-height:1.8;margin-bottom:16px}
.blog-article ul,.blog-article ol{color:var(--text2);font-size:.95rem;line-height:1.8;margin:0 0 16px 20px}
.blog-article li{margin-bottom:8px}
.blog-article blockquote{border-left:3px solid var(--primary);padding:16px 20px;margin:24px 0;background:var(--surface);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-style:italic;color:var(--text2)}
.blog-article .info-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin:24px 0}
.blog-article .info-box h4{color:var(--primary);margin-bottom:8px;font-size:.95rem}
.blog-article .info-box p{margin-bottom:0;font-size:.88rem}
.blog-article a{color:var(--primary);text-decoration:underline;text-underline-offset:3px}
.blog-article a:hover{opacity:.8}
.blog-back{display:inline-flex;align-items:center;gap:8px;color:var(--primary);font-weight:600;font-size:.88rem;margin-bottom:24px;text-decoration:none;transition:gap .2s}
.blog-back:hover{gap:12px}
.blog-share{display:flex;gap:12px;margin-top:40px;padding-top:24px;border-top:1px solid var(--border);align-items:center}
.blog-share span{font-size:.85rem;color:var(--text2);font-weight:600}
.blog-share a{width:36px;height:36px;border-radius:50%;background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text2);font-size:1rem;transition:all .2s;text-decoration:none!important}
.blog-share a:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px)}
.blog-related{margin-top:60px}
.blog-related h3{font-size:1.15rem;margin-bottom:20px;color:var(--text)}
.blog-related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.blog-related-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);padding:20px;text-decoration:none;transition:all .3s;display:block}
.blog-related-card:hover{transform:translateY(-3px);border-color:var(--primary);box-shadow:var(--glow)}
.blog-related-card h4{font-size:.92rem;color:var(--text);margin-bottom:6px}
.blog-related-card p{font-size:.78rem;color:var(--text2);line-height:1.5;margin:0}