.page[data-v-6772ffe1]{padding:60px 0 80px}.page-head[data-v-6772ffe1]{margin-bottom:32px;text-align:center}.page-head h1[data-v-6772ffe1]{background:linear-gradient(135deg,#06b6d4,#0891b2);-webkit-background-clip:text;background-clip:text;font-size:48px;-webkit-text-fill-color:transparent}.filters[data-v-6772ffe1]{display:flex;gap:8px;justify-content:center;margin-bottom:32px}.filters button[data-v-6772ffe1]{background:transparent;border:1px solid var(--border-color);border-radius:50%;cursor:pointer;padding:8px 20px}.filters button.active[data-v-6772ffe1],.filters button[data-v-6772ffe1]:hover{background:linear-gradient(135deg,#06b6d4,#0891b2);border-color:transparent;color:#fff}.list[data-v-6772ffe1]{gap:20px}.card[data-v-6772ffe1],.list[data-v-6772ffe1]{display:grid}.card[data-v-6772ffe1]{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);gap:24px;grid-template-columns:280px 1fr;padding:20px;transition:all .2s ease}.card.no-cover[data-v-6772ffe1]{grid-template-columns:1fr}.card[data-v-6772ffe1]:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card .cover[data-v-6772ffe1]{background-position:50%;background-size:cover;border-radius:8px;height:160px}.card .meta[data-v-6772ffe1]{display:flex;font-size:11px;gap:12px}.card .meta .cat[data-v-6772ffe1]{color:#06b6d4;text-transform:uppercase}.card .meta .date[data-v-6772ffe1]{color:var(--text-tertiary)}.card h3[data-v-6772ffe1]{margin:6px 0 8px}.card p[data-v-6772ffe1]{color:var(--text-secondary)}.card .tags[data-v-6772ffe1]{display:flex;gap:8px;margin-top:10px}.card .tags span[data-v-6772ffe1]{font-size:11px}.card .tags span[data-v-6772ffe1],.empty[data-v-6772ffe1]{color:var(--text-tertiary)}.empty[data-v-6772ffe1]{padding:80px 0;text-align:center}.pagination[data-v-6772ffe1]{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:40px}.pagination .page-btn[data-v-6772ffe1]{border:1px solid var(--border-color);border-radius:50%;color:var(--text-primary);min-width:40px;padding:8px 12px;text-align:center;transition:all .2s ease}.pagination .page-btn.active[data-v-6772ffe1],.pagination .page-btn[data-v-6772ffe1]:hover{background:linear-gradient(135deg,#06b6d4,#0891b2);border-color:transparent;color:#fff}.pagination .page-btn.active[data-v-6772ffe1]{pointer-events:none}.pagination .page-btn.disabled[data-v-6772ffe1]{opacity:.4;pointer-events:none}.pagination .nav-btn[data-v-6772ffe1]{padding-inline:16px}.pagination .ellipsis[data-v-6772ffe1]{color:var(--text-tertiary);padding:0 4px}@media (max-width:768px){.card[data-v-6772ffe1]{grid-template-columns:1fr}}