@charset "UTF-8";.blog-hero{background:linear-gradient(135deg,var(--color-accent) 0,var(--color-primary-dark) 100%);padding:64px 0;text-align:center;color:var(--color-white)}.blog-hero h1{color:var(--color-white);font-size:max(1.8rem, min(3.5vw, 3rem));margin-bottom:12px}.blog-hero p{color:rgba(255,255,255,.72);max-width:520px;margin:0 auto}.blog-card-grid{padding:var(--section-py) 0;background:var(--color-bg)}.blog-cards{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:28px;gap:28px;margin-bottom:48px}.blog-card{background:var(--color-white);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--color-border);display:flex;flex-direction:column;transition:box-shadow .25s,transform .25s}.blog-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.blog-card-thumb{overflow:hidden;height:200px}.blog-card-thumb ai-img,.blog-card-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s}.blog-card:hover .blog-card-thumb ai-img,.blog-card:hover .blog-card-thumb img{transform:scale(1.05)}.blog-card-body{padding:24px;flex:1;display:flex;flex-direction:column}.blog-card-category{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-primary);margin-bottom:10px}.blog-card-body h2{font-size:1.05rem;margin-bottom:12px;line-height:1.4}.blog-card-body h2 a{color:var(--color-text)}.blog-card-body h2 a:hover{color:var(--color-primary)}.blog-card-body p{font-size:.88rem;color:var(--color-text-muted);flex:1;margin-bottom:16px}.blog-card-meta{font-size:.78rem;color:var(--color-text-muted);display:flex;gap:12px;align-items:center}.blog-card-meta a{color:var(--color-text-muted)}.blog-card-meta a:hover{color:var(--color-primary)}.blog-read-more{display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-primary);margin-top:12px}.blog-read-more::after{content:" →"}.blog-pagination{display:flex;justify-content:center}.blog-pagination .pagination .page-link{color:var(--color-primary);border-color:var(--color-border)}.blog-pagination .pagination .page-item.active .page-link{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.blog-detail-wrap{padding:var(--section-py) 0;background:var(--color-bg)}.blog-post-header{margin-bottom:36px}.blog-post-header h1{font-size:max(1.6rem, min(3vw, 2.4rem));margin-bottom:16px}.blog-post-meta{font-size:.85rem;color:var(--color-text-muted);display:flex;gap:16px;flex-wrap:wrap;margin-bottom:24px}.blog-post-meta a{color:var(--color-text-muted)}.blog-post-meta a:hover{color:var(--color-primary)}.blog-post-body{font-size:1rem;line-height:1.8;color:var(--color-text)}.blog-post-body h2{font-size:1.4rem;margin:40px 0 16px;color:var(--color-primary-dark)}.blog-post-body h3{font-size:1.15rem;margin:28px 0 12px}.blog-post-body p{margin-bottom:20px}.blog-post-body blockquote{border-left:4px solid var(--color-primary);background:#fdf8f8;padding:20px 24px;margin:28px 0;font-style:italic;color:var(--color-text-muted)}.blog-share{padding:28px 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);margin:32px 0;display:flex;gap:12px;align-items:center}.blog-share .share-label{font-weight:600;font-size:.9rem}.share-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--color-border);color:var(--color-text);font-size:.95rem;-webkit-text-decoration:none;text-decoration:none;transition:background .2s,color .2s}.share-icon:hover{background:var(--color-primary);color:var(--color-white)}.blog-author-box{background:var(--color-white);border-radius:var(--radius-md);padding:28px;margin:32px 0;border:1px solid var(--color-border);display:flex;gap:20px;align-items:center}.blog-author-box ai-img,.blog-author-box img{width:72px;height:72px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.blog-author-box h5{margin:0 0 4px;font-size:1rem}.blog-author-box p{margin:0;font-size:.85rem;color:var(--color-text-muted)}.blog-prev-next{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px;margin-top:32px}.pn-item{background:var(--color-white);border-radius:var(--radius-md);padding:20px;border:1px solid var(--color-border);transition:border-color .2s}.pn-item:hover{border-color:var(--color-primary)}.pn-item .pn-direction{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:6px;display:block}.pn-item .pn-title{font-size:.9rem;color:var(--color-text);font-weight:600;line-height:1.4}.pn-item a{-webkit-text-decoration:none;text-decoration:none;color:var(--color-text)}.pn-item a:hover .pn-title{color:var(--color-primary)}.blog-toc-sidebar{position:sticky;top:90px}.toc-box{background:var(--color-white);border-radius:var(--radius-md);padding:24px;border:1px solid var(--color-border);margin-bottom:28px}.toc-box h5{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:16px}.toc-list{list-style:none;padding:0;margin:0}.toc-list li{padding:6px 0;border-bottom:1px solid var(--color-border)}.toc-list li:last-child{border-bottom:none}.toc-list a{font-size:.88rem;color:var(--color-text);transition:color .2s}.toc-list a:hover{color:var(--color-primary)}.recent-posts-box h5{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid var(--color-primary)}.recent-blogs{list-style:none;padding:0;margin:0}.recent-blogs li{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--color-border);align-items:flex-start}.recent-blogs li:last-child{border-bottom:none}.recent-blogs .badge.fill-bg{background:var(--color-primary);color:var(--color-white);border-radius:var(--radius-sm);display:flex;flex-direction:column;align-items:center;padding:6px 10px;min-width:44px;flex-shrink:0}.recent-blogs .date-day{font-size:.95rem;font-weight:700;line-height:1}.recent-blogs .date-month{font-size:.65rem;text-transform:uppercase;letter-spacing:.06em}.recent-blogs a{font-size:.85rem;color:var(--color-text);line-height:1.4}.recent-blogs a:hover{color:var(--color-primary)}.blog-reply{margin-top:48px;padding-top:32px;border-top:2px solid var(--color-border)}.blog-reply h3{font-size:1.3rem;margin-bottom:24px}.blog-reply .form-label.require::after{content:" *";color:var(--color-primary)}@media (max-width:991px){.blog-cards{grid-template-columns:repeat(2,1fr)}.blog-prev-next{grid-template-columns:1fr}.blog-toc-sidebar{position:static}}@media (max-width:575px){.blog-cards{grid-template-columns:1fr}}