.blog-hero{padding:calc(var(--header-height) + var(--space-16)) var(--container-padding) var(--space-16);text-align:center}.blog-hero__title{font-size:clamp(var(--fs-4xl),6vw,var(--fs-6xl));font-weight:600;margin-bottom:var(--space-4)}.blog-hero__description{font-size:var(--fs-lg);color:var(--text-secondary);max-width:600px;margin:0 auto}.blog-filter{padding:var(--space-8) 0;border-bottom:1px solid var(--border-color)}.blog-filter__list{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center;list-style:none}.blog-filter__item{padding:var(--space-2) var(--space-4);font-size:var(--fs-sm);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base)}.blog-filter__item:hover,.blog-filter__item.active{color:var(--bg-primary);background:var(--accent);border-color:var(--accent)}.blog-grid{display:grid;grid-template-columns:1fr;gap:var(--space-8);padding:var(--space-16) 0}@media (min-width: 640px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.blog-grid{grid-template-columns:repeat(3,1fr)}}.blog-card{display:flex;flex-direction:column;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base)}.blog-card:hover{border-color:rgba(var(--accent-rgb),.3);transform:translateY(-4px)}.blog-card__thumbnail{aspect-ratio:16 / 9;background:var(--bg-secondary);overflow:hidden}.blog-card__thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.blog-card:hover .blog-card__thumbnail img{transform:scale(1.05)}.blog-card__thumbnail--placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary))}.blog-card__thumbnail--placeholder svg{width:48px;height:48px;color:var(--text-tertiary)}.blog-card__content{padding:var(--space-6);flex:1;display:flex;flex-direction:column}.blog-card__meta{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.blog-card__category{font-size:var(--fs-xs);color:var(--accent);text-transform:uppercase;letter-spacing:.05em}.blog-card__date{font-size:var(--fs-xs);color:var(--text-tertiary)}.blog-card__title{font-size:var(--fs-xl);font-weight:600;margin-bottom:var(--space-3);line-height:1.4}.blog-card__title a{transition:color var(--transition-fast)}.blog-card__title a:hover{color:var(--accent)}.blog-card__excerpt{font-size:var(--fs-sm);color:var(--text-secondary);line-height:1.7;flex:1}.blog-card__link{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:var(--space-4);font-size:var(--fs-sm);color:var(--accent);font-weight:500}.blog-card__link svg{width:16px;height:16px;transition:transform var(--transition-base)}.blog-card__link:hover svg{transform:translate(4px)}.blog-empty{text-align:center;padding:var(--space-20) var(--space-6)}.blog-empty__icon{width:80px;height:80px;margin:0 auto var(--space-6);color:var(--text-tertiary)}.blog-empty__title{font-size:var(--fs-2xl);margin-bottom:var(--space-3)}.blog-empty__text{color:var(--text-secondary)}.blog-detail{padding:calc(var(--header-height) + var(--space-12)) 0 var(--space-20)}.blog-detail__header{max-width:800px;margin:0 auto var(--space-12);text-align:center}.blog-detail__category{display:inline-block;padding:var(--space-2) var(--space-4);font-size:var(--fs-xs);color:var(--accent);background:rgba(var(--accent-rgb),.1);border-radius:var(--radius-full);margin-bottom:var(--space-4)}.blog-detail__title{font-size:clamp(var(--fs-3xl),5vw,var(--fs-5xl));font-weight:600;margin-bottom:var(--space-6);line-height:1.3}.blog-detail__meta{display:flex;align-items:center;justify-content:center;gap:var(--space-4);font-size:var(--fs-sm);color:var(--text-secondary)}.blog-detail__meta-divider{width:4px;height:4px;background:var(--text-tertiary);border-radius:50%}.blog-detail__thumbnail{max-width:1000px;margin:0 auto var(--space-12);border-radius:var(--radius-lg);overflow:hidden}.blog-detail__thumbnail img{width:100%;height:auto}.blog-detail__content{max-width:800px;margin:0 auto}.blog-detail__body{font-size:var(--fs-lg);line-height:1.9;color:var(--text-secondary)}.blog-detail__body p{margin-bottom:var(--space-6)}.blog-detail__body h2{font-size:var(--fs-2xl);color:var(--text-primary);margin:var(--space-12) 0 var(--space-6)}.blog-detail__body h3{font-size:var(--fs-xl);color:var(--text-primary);margin:var(--space-8) 0 var(--space-4)}.blog-detail__body ul,.blog-detail__body ol{margin-bottom:var(--space-6);padding-left:var(--space-6)}.blog-detail__body li{margin-bottom:var(--space-2)}.blog-detail__body blockquote{border-left:3px solid var(--accent);padding-left:var(--space-6);margin:var(--space-8) 0;font-style:italic;color:var(--text-secondary)}.blog-detail__body code{background:var(--bg-tertiary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-family:Monaco,Menlo,monospace;font-size:.9em}.blog-detail__body pre{background:var(--bg-tertiary);padding:var(--space-6);border-radius:var(--radius-md);overflow-x:auto;margin-bottom:var(--space-6)}.blog-detail__body pre code{background:none;padding:0}.related-posts{max-width:1200px;margin:var(--space-20) auto 0;padding-top:var(--space-12);border-top:1px solid var(--border-color)}.related-posts__title{font-size:var(--fs-2xl);margin-bottom:var(--space-8);text-align:center}.related-posts__grid{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media (min-width: 640px){.related-posts__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.related-posts__grid{grid-template-columns:repeat(3,1fr)}}.blog-back{display:inline-flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-8);font-size:var(--fs-sm);color:var(--text-secondary);transition:color var(--transition-fast)}.blog-back:hover{color:var(--accent)}.blog-back svg{width:16px;height:16px}