.blog-card-list[data-v-de012c3d]{width:100%}.loading-section[data-v-de012c3d]{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-4);justify-content:center;padding:var(--spacing-12) 0}.loading-section .loading-spinner[data-v-de012c3d]{animation:spin-de012c3d 1s linear infinite;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:40px;width:40px}.loading-section .loading-text[data-v-de012c3d]{color:var(--text-secondary);font-size:var(--font-size-lg);margin:0}@keyframes spin-de012c3d{to{transform:rotate(1turn)}}.blogs-grid[data-v-de012c3d]{align-items:stretch;display:grid;gap:var(--spacing-8);grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:0 auto;max-width:1200px;padding:var(--spacing-4)}@media (max-width:767px){.blogs-grid[data-v-de012c3d]{gap:var(--spacing-6);grid-template-columns:1fr;padding:var(--spacing-2)}}.blog-card[data-v-de012c3d]{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .3s ease}.blog-card[data-v-de012c3d]:hover{border-color:var(--primary-color);box-shadow:var(--shadow-xl);transform:translateY(-4px)}.blog-card .blog-link[data-v-de012c3d]{color:inherit;display:flex;flex:1;flex-direction:column;height:100%;text-decoration:none}.blog-card .card-cover[data-v-de012c3d]{align-items:center;background:var(--bg-secondary);display:flex;flex-shrink:0;height:200px;justify-content:center;overflow:hidden;position:relative}.blog-card .card-cover .cover-image[data-v-de012c3d]{border:none;display:block;flex-shrink:0;height:100%;max-height:100%;max-width:100%;-o-object-fit:fill;object-fit:fill;-o-object-position:center;object-position:center;outline:none;transition:transform .3s ease;vertical-align:top;width:100%}.blog-card .card-cover .cover-image[style*="display: none"][data-v-de012c3d]{display:none!important}.blog-card .card-cover .cover-image[data-v-de012c3d]:not([src]){opacity:0}.blog-card .card-cover .cover-placeholder[data-v-de012c3d]{align-items:center;background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));color:var(--text-secondary);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:1}.blog-card .card-cover .cover-placeholder .placeholder-icon[data-v-de012c3d]{height:48px;opacity:.6;transition:opacity .3s ease;width:48px}.blog-card .card-cover:has(.cover-image[src]:not([style*="display: none"])) .cover-placeholder[data-v-de012c3d]{display:none}.blog-card .card-content[data-v-de012c3d]{border-top:1px solid var(--border-light);display:flex;flex:1;flex-direction:column;gap:var(--spacing-4);padding:var(--spacing-6)}.blog-card .card-content .card-meta[data-v-de012c3d]{align-items:center;border-bottom:1px solid var(--border-light);color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-4);padding-bottom:var(--spacing-3)}.blog-card .card-content .card-meta .category-tag[data-v-de012c3d],.blog-card .card-content .card-meta .publish-date[data-v-de012c3d]{align-items:center;display:flex;gap:var(--spacing-2)}.blog-card .card-content .card-meta .category-tag[data-v-de012c3d]{background:var(--primary-color);border-radius:var(--radius-full);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--spacing-1) var(--spacing-3);text-decoration:none;transition:all .2s ease}.blog-card .card-content .card-meta .category-tag[data-v-de012c3d]:hover{background:var(--primary-hover);box-shadow:var(--shadow-sm);color:#fff;transform:translateY(-1px)}.blog-card .card-content .card-title[data-v-de012c3d]{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:1.4;margin:0}.blog-card .card-content .card-description[data-v-de012c3d]{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;flex:1;line-height:1.6;margin:0;overflow:hidden}.blog-card .card-content .card-footer[data-v-de012c3d]{border-top:1px solid var(--border-light);flex-shrink:0;margin-top:auto;padding-top:var(--spacing-4)}.blog-card .card-content .card-footer .read-more[data-v-de012c3d]{align-items:center;color:var(--primary-color);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-2)}.blog-card .card-content .card-footer .read-more .arrow-icon[data-v-de012c3d]{height:16px;transition:transform .2s ease;width:16px}.blog-card:hover .read-more .arrow-icon[data-v-de012c3d]{transform:translate(4px)}.blog-card:hover .cover-image[data-v-de012c3d]{transform:scale(1.05)}.empty-state[data-v-de012c3d]{padding:var(--spacing-12) var(--spacing-4);text-align:center}.empty-state .empty-icon[data-v-de012c3d]{color:var(--text-secondary);height:64px;margin:0 auto var(--spacing-4);width:64px}.empty-state .empty-title[data-v-de012c3d]{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-2)}.empty-state .empty-description[data-v-de012c3d]{color:var(--text-secondary);margin:0 0 var(--spacing-6)}.empty-state .back-to-blog[data-v-de012c3d]{align-items:center;background:var(--primary-color);border-radius:var(--radius-md);color:#fff;display:inline-flex;font-weight:var(--font-weight-medium);gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);text-decoration:none;transition:background .2s ease}.empty-state .back-to-blog[data-v-de012c3d]:hover{background:var(--primary-hover)}.empty-state .back-to-blog .back-icon[data-v-de012c3d]{height:16px;width:16px}[data-theme=dark] .blog-card[data-v-de012c3d]{background:var(--bg-primary);border-color:#ffffff26;box-shadow:0 2px 8px #0006}[data-theme=dark] .blog-card[data-v-de012c3d]:hover{border-color:var(--primary-color);box-shadow:0 8px 32px #00000080}[data-theme=dark] .blog-card .card-content[data-v-de012c3d]{border-top-color:#ffffff1a}[data-theme=dark] .blog-card .card-content .card-meta[data-v-de012c3d]{border-bottom-color:#ffffff1a}[data-theme=dark] .blog-card .card-content .card-footer[data-v-de012c3d]{border-top-color:#ffffff1a}[data-theme=green] .blog-card[data-v-de012c3d]:hover,[data-theme=orange] .blog-card[data-v-de012c3d]:hover,[data-theme=purple] .blog-card[data-v-de012c3d]:hover{border-color:var(--primary-color)}@media (max-width:767px){.blogs-grid[data-v-de012c3d]{gap:var(--spacing-4)}.blog-card .card-content[data-v-de012c3d]{padding:var(--spacing-4)}.blog-card .card-cover[data-v-de012c3d]{height:180px}.blog-card .card-cover .cover-image[data-v-de012c3d]{min-height:100%;min-width:100%}}
