.articles-page[data-v-1cec2b14]{padding:24px 0}.container[data-v-1cec2b14]{display:flex;gap:24px;margin:0 auto;max-width:1400px;padding:0 24px}.main-content[data-v-1cec2b14]{display:flex;flex:1;flex-direction:column;gap:24px;max-width:calc(100% - 344px)}.search-section[data-v-1cec2b14]{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;padding:32px}.search-header[data-v-1cec2b14]{margin-bottom:24px}.page-title[data-v-1cec2b14]{color:#1a202c;font-size:32px;font-weight:700;margin:0 0 8px}.page-desc[data-v-1cec2b14]{color:#718096;font-size:14px;margin:0}.page-desc strong[data-v-1cec2b14]{color:#667eea;font-weight:700}.search-box[data-v-1cec2b14]{margin-bottom:24px}.search-box[data-v-1cec2b14] .ant-input-affix-wrapper{border:2px solid #e2e8f0;border-radius:8px;font-size:14px;padding:10px 14px;transition:all .3s}.search-box[data-v-1cec2b14] .ant-input-affix-wrapper:hover{border-color:#cbd5e0}.search-box[data-v-1cec2b14] .ant-input-affix-wrapper-focused,.search-box[data-v-1cec2b14] .ant-input-affix-wrapper:focus{border-color:#667eea!important;box-shadow:0 0 0 2px #667eea1a!important;outline:none!important}.search-box[data-v-1cec2b14] .ant-input:focus{box-shadow:none!important}.tags-filter[data-v-1cec2b14]{align-items:flex-start;background:#f7fafc;border-radius:8px;display:flex;gap:16px;padding:20px}.filter-label[data-v-1cec2b14]{align-items:center;color:#4a5568;display:flex;font-size:14px;font-weight:600;gap:6px;padding-top:4px;white-space:nowrap}.filter-label .icon[data-v-1cec2b14]{color:#667eea;height:16px;width:16px}.tags-list[data-v-1cec2b14]{display:flex;flex-wrap:wrap;gap:10px}.tag-filter-item[data-v-1cec2b14]{background:#f7fafc;border:2px solid #e2e8f0;border-radius:8px;color:#4a5568;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .25s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;-moz-user-select:none;user-select:none;will-change:transform}.tag-filter-item[data-v-1cec2b14]:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea26;color:#667eea;transform:translateY(-2px)}.tag-filter-item.active[data-v-1cec2b14]{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff;font-weight:600;transform:translateY(0)}.tag-filter-item.active[data-v-1cec2b14]:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.filter-status[data-v-1cec2b14]{align-items:center;background:linear-gradient(135deg,#667eea0d,#764ba20d);border-radius:8px;display:flex;gap:8px;margin-top:16px;padding:12px}.status-text[data-v-1cec2b14]{color:#4a5568;font-size:13px;font-weight:600}.articles-list[data-v-1cec2b14]{display:flex;flex-direction:column;gap:16px}.article-item[data-v-1cec2b14]{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;cursor:pointer;display:flex;gap:20px;padding:20px;transition:all .3s}.article-item[data-v-1cec2b14]:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.article-cover[data-v-1cec2b14]{border-radius:8px;flex-shrink:0;height:160px;overflow:hidden;position:relative;width:240px}.article-cover img[data-v-1cec2b14]{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s;width:100%}.article-item:hover .article-cover img[data-v-1cec2b14]{transform:scale(1.1)}.article-category[data-v-1cec2b14]{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;font-size:12px;font-weight:600;left:12px;padding:4px 12px;position:absolute;top:12px}.article-info[data-v-1cec2b14]{display:flex;flex:1;flex-direction:column;justify-content:space-between}.article-title[data-v-1cec2b14]{color:#1a202c;font-size:20px;font-weight:700;line-height:1.4;margin:0 0 12px}.article-excerpt[data-v-1cec2b14]{color:#718096;display:-webkit-box;font-size:14px;-webkit-line-clamp:2;line-height:1.6;margin:0 0 12px;-webkit-box-orient:vertical;overflow:hidden}.article-tags[data-v-1cec2b14]{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.article-tag[data-v-1cec2b14]{font-size:12px}.article-meta[data-v-1cec2b14]{justify-content:space-between}.article-meta[data-v-1cec2b14],.author-info[data-v-1cec2b14]{align-items:center;display:flex}.author-info[data-v-1cec2b14]{color:#a0aec0;font-size:13px;gap:8px}.avatar[data-v-1cec2b14]{border-radius:50%;height:24px;width:24px}.author-name[data-v-1cec2b14]{color:#4a5568;font-weight:600}.separator[data-v-1cec2b14]{color:#cbd5e0}.stats[data-v-1cec2b14]{display:flex;gap:16px}.stat-item[data-v-1cec2b14]{align-items:center;color:#a0aec0;display:flex;font-size:13px;gap:4px}.stat-item .icon[data-v-1cec2b14]{height:16px;width:16px}.empty-state[data-v-1cec2b14]{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;padding:80px 40px;text-align:center}.empty-icon[data-v-1cec2b14]{font-size:64px;margin-bottom:16px}.empty-state h3[data-v-1cec2b14]{color:#1a202c;font-size:20px;font-weight:600;margin:0 0 8px}.empty-state p[data-v-1cec2b14]{color:#718096;font-size:14px;margin:0 0 24px}.pagination[data-v-1cec2b14]{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;display:flex;justify-content:center;padding:24px}@media(max-width:968px){.container[data-v-1cec2b14]{flex-direction:column}.main-content[data-v-1cec2b14]{max-width:100%}.tags-filter[data-v-1cec2b14]{align-items:flex-start}.article-item[data-v-1cec2b14],.tags-filter[data-v-1cec2b14]{flex-direction:column}.article-cover[data-v-1cec2b14]{height:200px;width:100%}}