.blog-list-page{padding-top:var(--qi-space-5xl);padding-bottom:var(--qi-space-xl)}.blog-list-title{font-family:var(--qi-font-serif);font-size:var(--qi-text-xl);margin-bottom:var(--qi-space-xl)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--qi-gap-bento)}.blog-card{display:flex;flex-direction:column;background:var(--qi-surface-main);color:var(--qi-on-surface);border-radius:var(--qi-radius-card);overflow:hidden;transition:transform var(--qi-transition),box-shadow var(--qi-transition);text-decoration:none;border:1px solid var(--qi-border-subtle)}.blog-card:hover{transform:translateY(-4px);box-shadow:var(--qi-shadow-hover-warm)}.blog-card-image{width:100%;aspect-ratio:16 / 9;overflow:hidden}.blog-card-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s ease}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.blog-card-body{padding:var(--qi-container-padding);flex:1;display:flex;flex-direction:column}.blog-card-category{display:inline-block;background:var(--qi-brand-emerald);color:var(--qi-text-inverse);padding:2px 10px;border-radius:var(--qi-radius-sm);font-size:var(--qi-text-xs);margin-bottom:var(--qi-space-sm);font-weight:600}.blog-card-title{font-family:var(--qi-font-serif);font-size:var(--qi-text-base);margin-bottom:var(--qi-space-sm);line-height:1.5}.blog-card-desc{color:var(--qi-on-surface-secondary);font-size:var(--qi-text-sm);margin-bottom:var(--qi-space-lg);line-height:1.7;flex:1}.blog-card-meta{display:flex;justify-content:space-between;font-size:var(--qi-text-xs);color:var(--qi-on-surface-muted);margin-top:auto}.blog-card-reading-time{font-family:var(--qi-font-mono)}:global(.dark) .blog-card{border-color:var(--qi-border-strong);box-shadow:0 4px 24px #0000004d}@media(max-width:768px){.blog-grid{grid-template-columns:1fr}.blog-list-page{padding-top:var(--qi-space-3xl)}}@media(min-width:1440px){.blog-list-title{font-size:var(--qi-text-2xl)}.blog-grid{gap:32px}}@media(min-width:2560px){.blog-list-title{font-size:var(--qi-text-3xl)}.blog-grid{gap:40px;max-width:1600px;margin-inline:auto}.blog-card{padding:var(--qi-space-2xl)}.blog-card-title{font-size:var(--qi-text-xl)}.blog-card-desc{font-size:var(--qi-text-base)}}@media(min-width:3440px){.blog-grid{gap:48px;max-width:1920px}.blog-card{padding:var(--qi-space-3xl)}.blog-card-title{font-size:var(--qi-text-2xl)}.blog-card-desc{font-size:var(--qi-text-lg)}}