.page-hero[data-v-2ddff79e]{background:linear-gradient(135deg,#fff8f3,#fff);padding:28px 0;text-align:center}.page-hero h1[data-v-2ddff79e]{font-size:36px;margin-bottom:12px}.page-hero p[data-v-2ddff79e]{color:var(--color-text-light);font-size:17px}.filter-bar[data-v-2ddff79e]{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:40px}.filter-btn[data-v-2ddff79e]{background:#fff;border:1px solid var(--color-border);border-radius:20px;color:var(--color-text-light);cursor:pointer;font-size:14px;padding:8px 20px;transition:all .2s}.filter-btn[data-v-2ddff79e]:hover{border-color:var(--color-primary);color:var(--color-primary)}.filter-btn.active[data-v-2ddff79e]{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.article-grid[data-v-2ddff79e]{display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.empty[data-v-2ddff79e]{color:var(--color-text-muted);padding:30px 0;text-align:center}@media(max-width:960px){.article-grid[data-v-2ddff79e]{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.article-grid[data-v-2ddff79e]{grid-template-columns:1fr}}