.article-list-vertical[data-v-7a3d337c]{width:100%}.article-list-loading[data-v-7a3d337c]{color:var(--text-gray);padding:60px 20px;text-align:center}.loading-spinner[data-v-7a3d337c]{animation:spin-7a3d337c .8s linear infinite;border:3px solid var(--border-purple);border-radius:50%;border-top-color:var(--primary-purple);height:40px;margin:0 auto 15px;width:40px}@keyframes spin-7a3d337c{to{transform:rotate(1turn)}}.article-list-empty[data-v-7a3d337c]{color:var(--text-gray);font-size:16px;padding:60px 20px;text-align:center}.article-grid[data-v-7a3d337c]{display:grid;gap:30px;width:100%}.article-grid.columns-1[data-v-7a3d337c]{grid-template-columns:1fr}.article-grid.columns-2[data-v-7a3d337c]{grid-template-columns:repeat(2,1fr)}.article-grid.columns-3[data-v-7a3d337c]{grid-template-columns:repeat(3,1fr)}.article-card[data-v-7a3d337c]{background:var(--bg-card);border:2px solid var(--border-purple);border-radius:15px;color:inherit;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;text-decoration:none;transition:all .3s ease}.article-card[data-v-7a3d337c]:hover{border-color:var(--primary-purple);box-shadow:0 8px 30px var(--glow-purple);transform:translateY(-5px)}.article-image[data-v-7a3d337c]{background:var(--bg-dark);height:220px;overflow:hidden;position:relative;width:100%}.article-image img[data-v-7a3d337c]{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s ease;width:100%}.article-card:hover .article-image img[data-v-7a3d337c]{transform:scale(1.08)}.article-categories-overlay[data-v-7a3d337c]{display:flex;flex-wrap:wrap;gap:6px;left:12px;position:absolute;top:12px;z-index:2}.category-badge[data-v-7a3d337c]{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00a5a9e6;border-radius:4px;box-shadow:0 2px 8px var(--glow-purple);color:var(--text-white);font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.article-content[data-v-7a3d337c]{display:flex;flex:1;flex-direction:column;padding:20px}.article-title[data-v-7a3d337c]{color:var(--text-white);display:-webkit-box;font-size:20px;font-weight:600;-webkit-line-clamp:2;line-height:1.4;margin-bottom:12px;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s ease}.article-card:hover .article-title[data-v-7a3d337c]{color:var(--primary-purple);text-shadow:0 0 8px var(--glow-purple)}.article-meta[data-v-7a3d337c]{color:var(--text-gray);display:flex;flex-wrap:wrap;font-size:13px;gap:15px;margin-bottom:12px}.article-meta span[data-v-7a3d337c]{align-items:center;color:inherit;display:flex;gap:4px;text-decoration:none;transition:color .3s ease}.article-meta .meta-author[data-v-7a3d337c]{color:var(--text-gray);cursor:pointer}.article-meta .meta-author[data-v-7a3d337c]:hover{color:var(--primary-purple);text-shadow:0 0 6px var(--glow-purple)}.article-excerpt[data-v-7a3d337c]{color:var(--text-gray);display:-webkit-box;font-size:15px;-webkit-line-clamp:3;line-height:1.6;margin-bottom:15px;-webkit-box-orient:vertical;flex:1;overflow:hidden}.article-readmore[data-v-7a3d337c]{align-items:center;color:var(--primary-purple);display:flex;font-size:14px;font-weight:600;gap:5px;margin-top:auto;transition:all .3s ease}.article-card:hover .article-readmore[data-v-7a3d337c]{gap:10px;text-shadow:0 0 8px var(--glow-purple)}@media(max-width:1024px){.article-grid.columns-3[data-v-7a3d337c]{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.article-grid[data-v-7a3d337c]{gap:20px}.article-grid.columns-1[data-v-7a3d337c],.article-grid.columns-2[data-v-7a3d337c],.article-grid.columns-3[data-v-7a3d337c]{grid-template-columns:1fr}.article-image[data-v-7a3d337c]{height:200px}.article-content[data-v-7a3d337c]{padding:15px}.article-title[data-v-7a3d337c]{font-size:18px}.article-meta[data-v-7a3d337c]{font-size:12px;gap:10px}.article-excerpt[data-v-7a3d337c]{font-size:14px;-webkit-line-clamp:2}}@media(max-width:375px){.article-grid[data-v-7a3d337c]{gap:15px}.article-image[data-v-7a3d337c]{height:180px}.article-content[data-v-7a3d337c]{padding:12px}.article-title[data-v-7a3d337c]{font-size:16px;-webkit-line-clamp:2}.article-meta[data-v-7a3d337c]{font-size:11px}.article-excerpt[data-v-7a3d337c]{font-size:13px}.category-badge[data-v-7a3d337c]{font-size:10px;padding:3px 10px}}