.articles-page[data-v-9cdb36f9]{background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh}.main[data-v-9cdb36f9]{margin:0 auto;max-width:var(--content-max-width);width:100%}.container[data-v-9cdb36f9]{margin:0 auto;max-width:1400px;padding:0 2rem}.search-section[data-v-9cdb36f9]{background:#f9fafb;margin-bottom:3rem;padding-bottom:1rem}.search-controls[data-v-9cdb36f9]{align-items:center;display:flex;gap:1.5rem;margin-top:10px}.search-input-group[data-v-9cdb36f9]{display:flex;flex:1;gap:.75rem}.search-input[data-v-9cdb36f9]{background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px #0000000d;color:var(--text-color);flex:1;font-size:1rem;padding:1rem 1.25rem;transition:all .3s ease}.search-input[data-v-9cdb36f9]:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a,0 4px 12px #0000001a;outline:none;transform:translateY(-1px)}.search-button[data-v-9cdb36f9]{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:12px;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;padding:1rem 1.5rem;transition:all .3s ease}.search-button[data-v-9cdb36f9]:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.filter-controls[data-v-9cdb36f9]{display:flex;gap:1rem;justify-content:flex-end;width:350px}.filter-select[data-v-9cdb36f9]{background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px #0000000d;color:var(--text-color);cursor:pointer;font-size:.95rem;padding:1rem 1.25rem;transition:all .3s ease}.filter-select[data-v-9cdb36f9]:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a,0 4px 12px #0000001a;outline:none}.articles-section[data-v-9cdb36f9]{margin-bottom:2rem}.loading-state[data-v-9cdb36f9]{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem;text-align:center}.loading-spinner[data-v-9cdb36f9]{animation:spin-9cdb36f9 1s linear infinite;border-top:3px solid var(--border-color);border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:40px;margin-bottom:1rem;width:40px}@keyframes spin-9cdb36f9{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.loading-text[data-v-9cdb36f9]{color:var(--text-muted);font-size:1rem}.articles-grid[data-v-9cdb36f9]{display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.article-item[data-v-9cdb36f9]{background:#fff;border:1px solid rgba(226,232,240,.6);border-radius:20px;box-shadow:0 4px 20px #00000014;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.article-item[data-v-9cdb36f9]:before{background:linear-gradient(135deg,#3b82f60d,#9333ea0d);border-radius:20px;content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.article-item[data-v-9cdb36f9]:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-8px) scale(1.02)}.article-item[data-v-9cdb36f9]:hover:before{opacity:1}.article-link[data-v-9cdb36f9]{color:inherit;display:block;text-decoration:none}.article-image[data-v-9cdb36f9]{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);height:240px;overflow:hidden;position:relative}.article-cover[data-v-9cdb36f9]{height:100%;-o-object-fit:cover;object-fit:cover;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.article-item:hover .article-cover[data-v-9cdb36f9]{transform:scale(1.1) rotate(1deg)}.article-overlay[data-v-9cdb36f9]{align-items:center;background:linear-gradient(135deg,#3b82f6cc,#9333eacc);display:flex;justify-content:center;inset:0;opacity:0;position:absolute;transition:all .4s cubic-bezier(.4,0,.2,1)}.article-item:hover .article-overlay[data-v-9cdb36f9]{opacity:1}.read-button[data-v-9cdb36f9]{align-items:center;background:#fff;border-radius:50%;box-shadow:0 8px 25px #0003;color:#3b82f6;display:flex;font-size:1.5rem;height:60px;justify-content:center;transform:scale(.5) rotate(-180deg);transition:all .4s cubic-bezier(.4,0,.2,1);width:60px}.article-item:hover .read-button[data-v-9cdb36f9]{transform:scale(1) rotate(0)}.article-content[data-v-9cdb36f9]{padding:2rem;position:relative;z-index:1}.article-meta[data-v-9cdb36f9]{align-items:center;display:flex;font-size:.875rem;justify-content:space-between;margin-bottom:1.25rem}.category-tag[data-v-9cdb36f9]{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:25px;box-shadow:0 2px 8px #3b82f64d;color:#fff;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:.5rem 1rem;text-transform:uppercase}.publish-date[data-v-9cdb36f9]{color:#64748b;font-weight:500}.article-title[data-v-9cdb36f9]{color:#1e293b;display:-webkit-box;font-size:1.375rem;font-weight:700;-webkit-line-clamp:2;line-height:1.3;margin-bottom:1rem;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s ease}.article-item:hover .article-title[data-v-9cdb36f9]{color:#3b82f6}.article-excerpt[data-v-9cdb36f9]{display:-webkit-box;-webkit-line-clamp:3;line-height:1.7;-webkit-box-orient:vertical;font-size:.95rem;overflow:hidden}.article-excerpt[data-v-9cdb36f9],.article-stats[data-v-9cdb36f9]{color:#64748b;margin-bottom:1.5rem}.article-stats[data-v-9cdb36f9]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;font-size:.875rem;gap:1.5rem;padding:1rem}.article-stats[data-v-9cdb36f9],.stat-item[data-v-9cdb36f9]{align-items:center;display:flex}.stat-item[data-v-9cdb36f9]{font-weight:500;gap:.5rem}.stat-item i[data-v-9cdb36f9]{color:#3b82f6;font-size:1rem}.article-tags[data-v-9cdb36f9]{display:flex;flex-wrap:wrap;gap:.75rem}.tag[data-v-9cdb36f9]{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1px solid #cbd5e1;border-radius:20px;color:#475569;font-size:.8rem;font-weight:500;overflow:hidden;padding:.5rem 1rem;position:relative;transition:all .3s ease}.tag[data-v-9cdb36f9]:before{background:linear-gradient(90deg,transparent,rgba(59,130,246,.1),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.tag[data-v-9cdb36f9]:hover{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-color:#3b82f6;box-shadow:0 4px 12px #3b82f64d;color:#fff;transform:translateY(-2px)}.tag[data-v-9cdb36f9]:hover:before{left:100%}.empty-state[data-v-9cdb36f9]{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px dashed #cbd5e1;border-radius:20px;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.empty-icon[data-v-9cdb36f9]{color:#94a3b8;font-size:5rem;margin-bottom:1.5rem;opacity:.8}.empty-title[data-v-9cdb36f9]{color:#334155;font-size:1.75rem;font-weight:700;margin-bottom:1rem}.empty-description[data-v-9cdb36f9]{color:#64748b;font-size:1.1rem;line-height:1.7;max-width:400px}.pagination-section[data-v-9cdb36f9]{margin-bottom:3rem}.pagination[data-v-9cdb36f9]{gap:1rem;justify-content:center;margin-bottom:1.5rem}.pagination[data-v-9cdb36f9],.pagination-btn[data-v-9cdb36f9]{align-items:center;display:flex}.pagination-btn[data-v-9cdb36f9]{background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px #0000000d;color:#475569;cursor:pointer;font-weight:600;gap:.75rem;padding:1rem 1.5rem;transition:all .3s ease}.pagination-btn[data-v-9cdb36f9]:hover:not(:disabled){background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-color:#3b82f6;box-shadow:0 6px 20px #3b82f64d;color:#fff;transform:translateY(-2px)}.pagination-btn[data-v-9cdb36f9]:disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed;opacity:.4}.pagination-numbers[data-v-9cdb36f9]{align-items:center;display:flex;gap:.5rem}.pagination-number[data-v-9cdb36f9]{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px #0000000d;color:#475569;cursor:pointer;display:flex;font-weight:600;height:48px;justify-content:center;transition:all .3s ease;width:48px}.pagination-number[data-v-9cdb36f9]:hover{background:linear-gradient(135deg,#3b82f61a,#1d4ed81a);border-color:#3b82f6;box-shadow:0 4px 12px #3b82f633;color:#3b82f6;transform:translateY(-2px)}.pagination-number.active[data-v-9cdb36f9]{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-color:#3b82f6;box-shadow:0 4px 12px #3b82f666;color:#fff}.pagination-info[data-v-9cdb36f9]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;color:#64748b;font-size:1rem;font-weight:500;padding:1rem;text-align:center}@media(max-width:1024px){.container[data-v-9cdb36f9]{max-width:100%;padding:0 1.5rem}.articles-grid[data-v-9cdb36f9]{gap:2rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media(max-width:768px){.main[data-v-9cdb36f9]{padding:2rem 0}.container[data-v-9cdb36f9]{padding:0 1rem}.search-section[data-v-9cdb36f9]{margin-bottom:2rem}.search-controls[data-v-9cdb36f9]{flex-direction:column;gap:1rem}.search-input-group[data-v-9cdb36f9]{max-width:100%}.filter-controls[data-v-9cdb36f9]{flex-direction:column;gap:.75rem;min-width:100%}.filter-select[data-v-9cdb36f9]{width:100%}.articles-grid[data-v-9cdb36f9]{gap:1.5rem;grid-template-columns:1fr}.article-item[data-v-9cdb36f9]{border-radius:16px}.article-content[data-v-9cdb36f9]{padding:1.5rem}.article-stats[data-v-9cdb36f9]{flex-wrap:wrap;gap:1rem;padding:.75rem}.article-title[data-v-9cdb36f9]{font-size:1.25rem}.pagination[data-v-9cdb36f9]{flex-wrap:wrap;gap:.5rem}.pagination-btn[data-v-9cdb36f9]{font-size:.875rem;padding:.75rem 1rem}.pagination-number[data-v-9cdb36f9]{font-size:.875rem;height:40px;width:40px}.empty-state[data-v-9cdb36f9]{padding:3rem 1rem}.empty-title[data-v-9cdb36f9]{font-size:1.5rem}.empty-description[data-v-9cdb36f9]{font-size:1rem}}@media(max-width:480px){.article-image[data-v-9cdb36f9]{height:200px}.article-content[data-v-9cdb36f9]{padding:1.25rem}.article-title[data-v-9cdb36f9]{font-size:1.125rem}.category-tag[data-v-9cdb36f9]{font-size:.75rem;padding:.375rem .75rem}}