.blog-hero{padding:calc(var(--nav-height) + var(--space-3xl)) 0 var(--space-xl);text-align:center}.blog-search{max-width:500px;margin:var(--space-xl) auto 0;position:relative}.blog-search input{border:2px solid var(--border-color);border-radius:var(--radius-full);background:var(--bg-card);width:100%;font-size:var(--fs-body);font-family:var(--font-family);color:var(--text-primary);transition:border-color var(--transition-fast);outline:none;padding:14px 20px 14px 48px}.blog-search input:focus{border-color:var(--accent-pink)}.blog-search input::placeholder{color:var(--text-tertiary)}.blog-search-icon{color:var(--text-tertiary);position:absolute;top:50%;left:18px;transform:translateY(-50%)}.blog-categories{justify-content:center;gap:var(--space-sm);padding:var(--space-xl) 0;flex-wrap:wrap;display:flex}.blog-category{border-radius:var(--radius-full);border:1px solid var(--border-color);font-size:var(--fs-small);font-weight:var(--fw-medium);color:var(--text-secondary);transition:all var(--transition-fast);background:var(--bg-card);cursor:pointer;padding:8px 20px}.blog-category:hover,.blog-category.active{background:var(--gradient-primary);color:#fff;border-color:#0000}.blog-grid{gap:var(--space-xl);padding:var(--space-xl) 0;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));display:grid}.blog-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);transition:all var(--transition-slow);overflow:hidden}.blog-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px)}.blog-card-image{aspect-ratio:16/10;background:var(--gradient-subtle);justify-content:center;align-items:center;font-size:3rem;display:flex;position:relative;overflow:hidden}.blog-card-image:after{content:"";background:linear-gradient(#0000,#0000004d);position:absolute;inset:0}.blog-card-category{top:var(--space-md);left:var(--space-md);border-radius:var(--radius-full);background:var(--gradient-primary);color:#fff;font-size:var(--fs-xs);font-weight:var(--fw-semibold);z-index:1;padding:4px 12px;position:absolute}.blog-card-body{padding:var(--space-xl)}.blog-card-title{font-size:var(--fs-h4);font-weight:var(--fw-bold);margin-bottom:var(--space-sm);line-height:var(--lh-tight);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.blog-card-excerpt{color:var(--text-secondary);font-size:var(--fs-small);line-height:var(--lh-relaxed);margin-bottom:var(--space-lg);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.blog-card-meta{font-size:var(--fs-xs);color:var(--text-tertiary);justify-content:space-between;align-items:center;display:flex}.blog-card-author{align-items:center;gap:var(--space-sm);display:flex}.blog-card-avatar{border-radius:var(--radius-full);background:var(--gradient-primary);color:#fff;width:28px;height:28px;font-size:var(--fs-xs);font-weight:var(--fw-bold);justify-content:center;align-items:center;display:flex}.article-hero{padding:calc(var(--nav-height) + var(--space-2xl)) 0 var(--space-xl)}.article-hero .container{max-width:800px}.article-category-tag{border-radius:var(--radius-full);background:var(--gradient-subtle);font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--accent-pink);margin-bottom:var(--space-lg);padding:6px 16px;display:inline-flex}.article-title{font-size:var(--fs-h1);font-weight:var(--fw-black);line-height:var(--lh-tight);letter-spacing:-.03em;margin-bottom:var(--space-xl)}.article-meta{align-items:center;gap:var(--space-xl);padding-bottom:var(--space-xl);border-bottom:1px solid var(--border-color);font-size:var(--fs-small);color:var(--text-secondary);flex-wrap:wrap;display:flex}.article-author-info{align-items:center;gap:var(--space-md);display:flex}.article-author-avatar{border-radius:var(--radius-full);background:var(--gradient-primary);color:#fff;width:44px;height:44px;font-weight:var(--fw-bold);justify-content:center;align-items:center;display:flex}.article-content{max-width:800px;padding:var(--space-2xl) var(--space-xl);margin:0 auto}.article-content h2{font-size:var(--fs-h3);font-weight:var(--fw-bold);margin:var(--space-2xl) 0 var(--space-md);letter-spacing:-.02em}.article-content h3{font-size:var(--fs-h4);font-weight:var(--fw-semibold);margin:var(--space-xl) 0 var(--space-sm)}.article-content p{color:var(--text-secondary);line-height:var(--lh-relaxed);margin-bottom:var(--space-lg);font-size:var(--fs-body)}.article-content ul,.article-content ol{padding-left:var(--space-xl);margin-bottom:var(--space-lg)}.article-content li{color:var(--text-secondary);line-height:var(--lh-relaxed);margin-bottom:var(--space-sm);list-style:outside}.article-content ol li{list-style:decimal}.article-content strong{color:var(--text-primary);font-weight:var(--fw-semibold)}.article-toc{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-2xl)}.article-toc h4{font-size:var(--fs-small);font-weight:var(--fw-bold);margin-bottom:var(--space-md);text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary)}.article-toc a{padding:var(--space-xs) 0;font-size:var(--fs-small);color:var(--text-secondary);transition:color var(--transition-fast);display:block}.article-toc a:hover{color:var(--accent-pink)}.article-share{align-items:center;gap:var(--space-md);padding:var(--space-xl) 0;border-top:1px solid var(--border-color);margin-top:var(--space-2xl);display:flex}.article-share-label{font-size:var(--fs-small);font-weight:var(--fw-semibold);color:var(--text-tertiary)}.share-btn{border-radius:var(--radius-full);background:var(--bg-tertiary);width:40px;height:40px;color:var(--text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;font-size:1rem;display:flex}.share-btn:hover{background:var(--gradient-primary);color:#fff;transform:translateY(-2px)}.related-articles{padding:var(--space-3xl) 0;border-top:1px solid var(--border-color)}.related-articles h3{font-size:var(--fs-h3);font-weight:var(--fw-bold);margin-bottom:var(--space-xl);text-align:center}@media (width<=768px){.blog-grid{grid-template-columns:1fr}}