@charset "UTF-8";.blog-main{padding:60px 0 80px}.blog-grid-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;height:100%;display:flex;flex-direction:column;transition:box-shadow .25s,transform .25s}.blog-grid-card:hover{box-shadow:0 6px 28px rgba(91,45,142,.12);transform:translateY(-3px)}.blog-grid-card .blog-card-img{height:200px;overflow:hidden}.blog-grid-card .blog-card-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s}.blog-grid-card:hover .blog-card-img img{transform:scale(1.05)}.blog-grid-card .blog-card-body{padding:20px 22px 24px;flex:1;display:flex;flex-direction:column}.blog-grid-card .blog-cat{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-secondary);margin-bottom:8px}.blog-grid-card h2{font-size:1.05rem;color:var(--color-neutral-dark);margin-bottom:10px;line-height:1.4}.blog-grid-card h2 a{color:inherit}.blog-grid-card h2 a:hover{color:var(--color-primary)}.blog-grid-card .blog-meta{font-size:.78rem;color:var(--color-text-muted);margin-bottom:10px}.blog-grid-card .blog-excerpt{font-size:.86rem;color:var(--color-text-muted);line-height:1.6;flex:1;margin-bottom:16px}.blog-grid-card .blog-read-more{font-size:.84rem;font-weight:600;color:var(--color-primary);display:inline-flex;align-items:center;gap:4px}.blog-grid-card .blog-read-more:hover{color:var(--color-primary-light)}.blog-pagination{margin-top:48px}.blog-pagination .page-link{color:var(--color-primary);border-color:var(--color-border)}.blog-pagination .page-item.active .page-link{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.blog-detail-wrap{padding:60px 0 80px}.blog-detail-content{max-width:800px;margin:0 auto}.blog-detail-content .blog-cat{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-secondary);display:inline-block;margin-bottom:16px}.blog-detail-content h1{font-size:max(1.6rem, min(3vw, 2.4rem));margin-bottom:20px}.blog-detail-content .blog-meta{font-size:.85rem;color:var(--color-text-muted);margin-bottom:32px;padding-bottom:20px;border-bottom:1px solid var(--color-border)}.blog-detail-content .content{font-size:1rem;line-height:1.8;color:var(--color-text)}.blog-detail-content .content h2{font-size:1.4rem;margin-top:36px;margin-bottom:14px}.blog-detail-content .content h3{font-size:1.15rem;margin-top:28px;margin-bottom:10px}.blog-detail-content .content p{margin-bottom:18px}.blog-detail-content .blog-share{margin-top:40px;padding-top:24px;border-top:1px solid var(--color-border);display:flex;gap:12px;align-items:center}.blog-detail-content .blog-share .share-label{font-size:.85rem;font-weight:600;color:var(--color-neutral-mid)}.blog-detail-content .share-icon{width:36px;height:36px;border-radius:50%;background:var(--color-neutral-light);display:inline-flex;align-items:center;justify-content:center;color:var(--color-neutral-mid);font-size:.9rem;transition:background .2s,color .2s}.blog-detail-content .share-icon:hover{background:var(--color-primary);color:#fff}.author-box{background:var(--color-neutral-light);border-radius:var(--radius-md);padding:24px;margin-top:40px;display:flex;gap:20px;align-items:flex-start}.author-box .author-avatar{width:60px;height:60px;border-radius:50%;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.author-box .author-name{font-size:.95rem;font-weight:700;color:var(--color-neutral-dark);margin-bottom:4px}.author-box .author-desc{font-size:.84rem;color:var(--color-text-muted);margin:0}.pre-next-nav{margin-top:40px;border-top:1px solid var(--color-border);padding-top:24px;display:flex;gap:24px}.pre-next-nav .nav-next,.pre-next-nav .nav-prev{flex:1;font-size:.88rem}.pre-next-nav .nav-label{color:var(--color-text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;display:block;margin-bottom:4px}.pre-next-nav a{color:var(--color-primary);font-weight:600}.blog-reply-section{max-width:800px;margin:40px auto 0;padding-top:40px;border-top:2px solid var(--color-border)}.blog-reply-section h3{font-size:1.3rem;margin-bottom:24px}.blog-reply-section .form-label{font-size:.85rem;font-weight:600;color:var(--color-text)}.blog-reply-section .form-label.require::after{content:" *";color:#c0392b}.blog-reply-section .form-control{border:1px solid var(--color-border);border-radius:4px;padding:10px 14px;font-size:.9rem}.blog-reply-section .form-control:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(91,45,142,.1)}.blog-recents-bar{background:var(--color-neutral-light);border-radius:var(--radius-md);padding:24px;margin-bottom:32px}.blog-recents-bar .widget-title{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-neutral-mid);display:block;margin-bottom:16px}.blog-recents-bar .recent-list{list-style:none;padding:0;margin:0}.blog-recents-bar .recent-list li{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--color-border)}.blog-recents-bar .recent-list li:last-child{border-bottom:none}.blog-recents-bar .recent-date{flex-shrink:0;width:44px;height:44px;background:var(--color-primary);border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center}.blog-recents-bar .recent-date .day{font-size:1.1rem;font-weight:800;color:#fff;line-height:1}.blog-recents-bar .recent-date .month{font-size:.6rem;color:rgba(255,255,255,.8);text-transform:uppercase}.blog-recents-bar .recent-list li a{font-size:.85rem;color:var(--color-text);line-height:1.4}.blog-recents-bar .recent-list li a:hover{color:var(--color-primary)}