.blog-hero{background:var(--brand-gradient);padding:180px 0 60px}.blog-hero h1{color:#fff;font-size:42px;font-weight:800}.blog-hero p{color:rgba(255,255,255,.85);font-size:18px}.blog-grid{padding:var(--spacing-2xl) 0}.blog-card{border:1px solid var(--brand-border);border-radius:var(--radius);overflow:hidden;height:100%;transition:transform .3s,box-shadow .3s;background:#fff}.blog-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.08)}.blog-card .card-img-top{height:200px;overflow:hidden;background:var(--brand-bg-alt)}.blog-card .card-img-top img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.blog-card .card-body{padding:20px}.blog-card .blog-meta{font-size:13px;color:var(--brand-text-secondary);margin-bottom:8px}.blog-card h2{font-size:18px;font-weight:700;margin-bottom:10px;line-height:1.4}.blog-card h2 a{color:var(--brand-text);-webkit-text-decoration:none;text-decoration:none}.blog-card h2 a:hover{color:var(--brand-primary)}.blog-card .blog-excerpt{font-size:14px;color:var(--brand-text-secondary);line-height:1.6;margin-bottom:12px}.blog-card .read-more{font-size:14px;font-weight:600;color:var(--brand-primary)}.blog-pagination{margin-top:var(--spacing-lg)}.blog-pagination .page-link{color:var(--brand-primary);border-radius:var(--radius)}.blog-pagination .page-item.active .page-link{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff}.blog-pagination .page-item.disabled .page-link{color:var(--brand-text-secondary)}.blog-detail-content{padding:var(--spacing-2xl) 0}.blog-detail-content .entry-title{font-size:36px;font-weight:800;margin-bottom:16px;line-height:1.2}.blog-detail-content .blog-attr{font-size:14px;color:var(--brand-text-secondary);margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--brand-border)}.blog-detail-content .blog-attr a{color:var(--brand-primary)}.blog-detail-content .content{font-size:16px;line-height:1.8;color:var(--brand-text)}.blog-detail-content .content h2{font-size:28px;margin-top:32px;margin-bottom:16px}.blog-detail-content .content h3{font-size:22px;margin-top:24px;margin-bottom:12px}.blog-detail-content .content p{margin-bottom:16px}.blog-detail-content .content img{max-width:100%;height:auto;border-radius:var(--radius);margin:16px 0}.blog-detail-content .entry-author{margin-top:32px;padding:24px;background:var(--brand-bg-light);border-radius:var(--radius)}.blog-detail-content .entry-author .author-avatar{width:64px;height:64px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.blog-detail-content .entry-author .author-name{font-size:16px;font-weight:700;margin-bottom:4px}.blog-detail-content .entry-author .author-desc{font-size:14px;color:var(--brand-text-secondary)}.blog-detail-content .pre-next{margin-top:32px;padding-top:24px;border-top:1px solid var(--brand-border)}.blog-detail-content .pre-next a{color:var(--brand-text);-webkit-text-decoration:none;text-decoration:none;display:flex;align-items:center;gap:8px}.blog-detail-content .pre-next a:hover{color:var(--brand-primary)}.blog-detail-content .blog-reply{margin-top:40px;padding-top:24px;border-top:1px solid var(--brand-border)}.blog-detail-content .blog-reply h3{font-size:22px;margin-bottom:16px}.blog-detail-content .blog-share{margin-top:24px}.blog-detail-content .blog-share .share-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--brand-border);border-radius:50%;margin-right:8px;color:var(--brand-text-secondary);transition:.3s}.blog-detail-content .blog-share .share-icon:hover{border-color:var(--brand-primary);color:var(--brand-primary)}