.filters[data-v-716922b4]{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:2rem;padding:1.25rem 1.5rem}.filters-wrapper[data-v-716922b4]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.search-box[data-v-716922b4]{flex:1;min-width:200px;position:relative}.search-icon[data-v-716922b4]{pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-input[data-v-716922b4]{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;width:100%;padding:.7rem 2.5rem .5rem;font-size:.95rem;transition:all .2s}.search-input[data-v-716922b4]:focus{background:#fff;border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.clear-btn[data-v-716922b4]{cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.clear-btn[data-v-716922b4]:hover{background:#f3f4f6}.filter-tabs[data-v-716922b4]{gap:.5rem;display:flex}.tab-btn[data-v-716922b4]{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.5rem 1.25rem;font-size:.9rem;font-weight:500;transition:all .2s}.tab-btn[data-v-716922b4]:hover{color:#1f2937;background:#f3f4f6}.tab-btn.active[data-v-716922b4]{color:#fff;background:#1f2937}@media (width<=768px){.filters-wrapper[data-v-716922b4]{flex-direction:column;align-items:stretch}.search-box[data-v-716922b4]{min-width:100%}.filter-tabs[data-v-716922b4]{justify-content:center}}@media (width<=480px){.filter-tabs[data-v-716922b4]{flex-wrap:wrap}.tab-btn[data-v-716922b4]{text-align:center;flex:1;padding:.4rem .75rem;font-size:.8rem}}.article-card[data-v-a4f24e8e]{background:#fff;border:1px solid #edf2f7;border-radius:16px;flex-direction:column;flex-shrink:0;width:100%;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 1px 3px #00000005}.article-card[data-v-a4f24e8e]:hover{border-color:#e2e8f0;transform:translateY(-6px);box-shadow:0 20px 40px #0000000f}.card-link[data-v-a4f24e8e]{color:inherit;flex-direction:column;height:100%;text-decoration:none;display:flex}.card-image[data-v-a4f24e8e]{background:#f7fafc;flex-shrink:0;width:100%;padding-top:56.25%;position:relative;overflow:hidden}.card-image .article-image[data-v-a4f24e8e]{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .4s;position:absolute;top:0;left:0}.article-card:hover .card-image .article-image[data-v-a4f24e8e]{transform:scale(1.04)}.image-placeholder[data-v-a4f24e8e]{color:#a0aec0;background:linear-gradient(135deg,#f7fafc,#edf2f7);justify-content:center;width:100%;height:100%;top:0;left:0}.image-placeholder[data-v-a4f24e8e],.reading-badge[data-v-a4f24e8e]{align-items:center;display:flex;position:absolute}.reading-badge[data-v-a4f24e8e]{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;z-index:2;background:#0009;border:1px solid #ffffff1a;border-radius:100px;gap:4px;padding:4px 10px;font-size:.7rem;font-weight:500;bottom:12px;right:12px}.reading-badge svg[data-v-a4f24e8e]{stroke:#fff}.card-body[data-v-a4f24e8e]{flex-direction:column;flex:1;gap:.5rem;padding:1.25rem 1.25rem 1rem;display:flex}.card-tags[data-v-a4f24e8e]{flex-wrap:wrap;gap:.3rem;min-height:22px;display:flex}.tag[data-v-a4f24e8e]{color:#4a5568;background:#edf2f7;border-radius:4px;padding:.15rem .6rem;font-size:.65rem;font-weight:500;transition:all .2s}.article-card:hover .tag[data-v-a4f24e8e]{background:#e2e8f0}.card-title[data-v-a4f24e8e]{color:#1a202c;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:1.1rem;font-weight:700;line-height:1.4;transition:color .2s;display:-webkit-box;overflow:hidden}.article-card:hover .card-title[data-v-a4f24e8e]{color:#2b6cb0}.card-text[data-v-a4f24e8e]{color:#4a5568;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;margin:0;font-size:.9rem;line-height:1.6;display:-webkit-box;overflow:hidden}.card-footer[data-v-a4f24e8e]{border-top:1px solid #edf2f7;justify-content:start;margin-top:auto;padding-top:.75rem;display:flex}.card-date[data-v-a4f24e8e]{color:#a0aec0;font-size:.75rem}.article-grid[data-v-16af05be]{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.grid-skeleton[data-v-16af05be]{display:contents}.skeleton-item[data-v-16af05be]{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.skeleton-image[data-v-16af05be]{background:#e5e7eb;width:100%;height:200px;animation:1.5s infinite shimmer-16af05be}.skeleton-body[data-v-16af05be]{flex-direction:column;gap:.5rem;padding:1rem;display:flex}.skeleton-line[data-v-16af05be]{background:#e5e7eb;border-radius:4px;height:16px;animation:1.5s infinite shimmer-16af05be}.skeleton-line.w-40[data-v-16af05be]{width:40%}.skeleton-line.w-30[data-v-16af05be]{width:30%}.skeleton-line.w-60[data-v-16af05be]{width:60%}.skeleton-line.w-80[data-v-16af05be]{width:80%}@keyframes shimmer-16af05be{0%,to{opacity:1}50%{opacity:.5}}.error-state[data-v-16af05be]{text-align:center;background:#fff;border:1px solid #fecaca;border-radius:12px;grid-column:1/-1;padding:3rem}.error-state h3[data-v-16af05be]{color:#991b1b;margin-bottom:.5rem}.error-state p[data-v-16af05be]{color:#7f1d1d;margin-bottom:1rem}.retry-btn[data-v-16af05be]{color:#fff;cursor:pointer;background:#1f2937;border:none;border-radius:6px;padding:.5rem 1.5rem;font-weight:500}.retry-btn[data-v-16af05be]:hover{background:#374151}.empty-state[data-v-16af05be]{text-align:center;color:#9ca3af;background:#fff;border:1px solid #e5e7eb;border-radius:12px;grid-column:1/-1;padding:3rem}.empty-state h3[data-v-16af05be]{color:#4b5563;margin-bottom:.25rem}@media (width<=1024px){.article-grid[data-v-16af05be]{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.article-grid[data-v-16af05be]{grid-template-columns:1fr;gap:1rem}}