.article-card[data-v-38c598f8]{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:12px;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.article-card[data-v-38c598f8]:hover{box-shadow:0 8px 25px #00000014;transform:translateY(-2px)}.card-cover[data-v-38c598f8]{aspect-ratio:3/2;background:var(--color-border);border-radius:8px;-o-object-fit:cover;object-fit:cover;width:100%}.card-tags[data-v-38c598f8]{display:flex;flex-wrap:wrap;gap:6px}.tag-badge[data-v-38c598f8]{background:#18a0581a;color:var(--color-primary);font-size:.75rem}.tag-badge[data-v-38c598f8],.type-badge[data-v-38c598f8]{border-radius:4px;padding:2px 8px}.type-badge[data-v-38c598f8]{font-size:.7rem;font-weight:600}.type-news[data-v-38c598f8]{background:#f3f4f6;color:#6b7280}.type-post[data-v-38c598f8]{background:#dbeafe;color:#1e40af}.card-title[data-v-38c598f8]{color:var(--color-text);font-size:1.125rem;font-weight:600;-webkit-line-clamp:2;line-height:1.5}.card-summary[data-v-38c598f8],.card-title[data-v-38c598f8]{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.card-summary[data-v-38c598f8]{flex:1;font-size:.875rem;-webkit-line-clamp:3;line-height:1.6}.card-footer[data-v-38c598f8],.card-summary[data-v-38c598f8]{color:var(--color-text-secondary)}.card-footer[data-v-38c598f8]{align-items:center;border-top:1px solid var(--color-border);display:flex;font-size:.8rem;gap:12px;padding-top:8px}.card-date[data-v-38c598f8]{margin-left:auto}.article-list-wrapper[data-v-08c80a9e]{width:100%}.article-grid[data-v-08c80a9e]{display:grid;gap:16px;grid-template-columns:1fr}@media(min-width:768px){.article-grid[data-v-08c80a9e]{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.article-grid[data-v-08c80a9e]{grid-template-columns:repeat(3,1fr)}}.article-grid-compact[data-v-08c80a9e]{grid-template-columns:1fr!important}.skeleton-card[data-v-08c80a9e]{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:20px}.skeleton-tags[data-v-08c80a9e]{display:flex;gap:8px}.skeleton-bar[data-v-08c80a9e]{animation:shimmer-08c80a9e 1.5s infinite;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%;border-radius:4px;height:14px}.theme-dark{background:linear-gradient(90deg,#1e293b 25%,#334155,#1e293b 75%)}.skeleton-bar.short[data-v-08c80a9e]{width:60px}.skeleton-bar.medium[data-v-08c80a9e]{width:80%}.skeleton-bar.long[data-v-08c80a9e]{height:20px;width:100%}.skeleton-footer[data-v-08c80a9e]{border-top:1px solid var(--color-border);display:flex;gap:8px;padding-top:8px}@keyframes shimmer-08c80a9e{0%{background-position:-200% 0}to{background-position:200% 0}}.empty-state[data-v-08c80a9e]{padding:64px 20px;text-align:center}.empty-title[data-v-08c80a9e]{color:var(--color-text);font-size:1.25rem;font-weight:600;margin-bottom:8px}.empty-desc[data-v-08c80a9e]{color:var(--color-text-secondary);font-size:.9rem;margin-bottom:16px}.retry-btn[data-v-08c80a9e]{background:var(--color-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-size:.9rem;padding:8px 24px;transition:background .2s}.retry-btn[data-v-08c80a9e]:hover{background:var(--color-primary-hover)}.pagination[data-v-08c80a9e]{flex-wrap:wrap;gap:8px;padding:32px 0}.page-btn[data-v-08c80a9e],.pagination[data-v-08c80a9e]{align-items:center;display:flex;justify-content:center}.page-btn[data-v-08c80a9e]{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);cursor:pointer;font-size:.9rem;height:40px;min-width:40px;transition:all .2s}.page-btn[data-v-08c80a9e]:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.page-btn.active[data-v-08c80a9e]{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.page-btn[data-v-08c80a9e]:disabled{cursor:not-allowed;opacity:.4}.page-info[data-v-08c80a9e]{color:var(--color-text-secondary);font-size:.85rem;margin-left:8px}
