.blog-list-container{display:flex;flex-direction:column;gap:var(--space-xl);margin-top:var(--space-lg)}.blog-card{border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal);border:1px solid var(--border-color);background:var(--bg-glass)}.blog-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000080;border-color:var(--border-highlight)}.blog-image{position:relative;width:100%;overflow:hidden;background-color:var(--bg-tertiary)}.blog-image img{width:100%;height:100%;object-fit:contain;transition:transform var(--transition-slow)}.blog-card:hover .blog-image img{transform:scale(1.05)}.blog-category{position:absolute;top:16px;right:16px;background-color:var(--bg-glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:4px 12px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;color:var(--text-primary);border:1px solid var(--border-highlight);text-transform:uppercase}.blog-content{padding:var(--space-md);display:flex;flex-direction:column;flex-grow:1}.blog-title{font-size:1.25rem;line-height:1.4;margin-bottom:var(--space-sm)}.blog-title a{color:var(--text-primary);text-decoration:none;transition:color var(--transition-fast)}.blog-title a:hover{color:var(--accent-primary)}.blog-excerpt{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:var(--space-md);flex-grow:1}.blog-meta{display:flex;gap:var(--space-md);color:var(--text-tertiary);font-size:.85rem;margin-bottom:var(--space-md);border-top:1px solid var(--border-color);padding-top:var(--space-sm)}.blog-meta span{display:flex;align-items:center;gap:6px}.read-more{display:inline-flex;align-items:center;gap:8px;color:var(--accent-primary);font-weight:500;text-decoration:none;font-size:.95rem;transition:transform var(--transition-fast)}.read-more:hover{transform:translate(4px)}.blog-controls{display:flex;align-items:end;gap:var(--space-sm);margin-bottom:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid var(--border-color)}.blog-controls label{display:grid;gap:6px;min-width:180px;color:var(--text-secondary);font-size:.8rem;font-weight:600}.blog-controls select{min-height:42px;padding:8px 36px 8px 12px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);font:inherit}.blog-controls p{margin-left:auto;color:var(--text-tertiary);font-size:.9rem}@media(max-width:768px){.blog-excerpt{display:none}}.blog-masonry-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-lg)}@media(max-width:768px){.blog-masonry-grid{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}.masonry-post{min-width:0}@media(max-width:768px){.masonry-post{margin-top:1rem;margin-bottom:1rem}}.masonry-post .blog-image{aspect-ratio:16/9}.blog-empty{padding:var(--space-xl) 0;color:var(--text-secondary);text-align:center}@media(max-width:600px){.blog-controls{align-items:stretch;flex-direction:column}.blog-controls label{min-width:0}.blog-controls p{margin-left:0}}
