.tutorial-page__header[data-v-de1eb382]{margin-bottom:var(--space-6)}.tutorial-page__title[data-v-de1eb382]{font-size:var(--font-size-3xl);font-weight:800;margin:0 0 8px}.tutorial-page__desc[data-v-de1eb382]{color:var(--color-text-secondary);font-size:var(--font-size-base);margin:0}.tutorial-page__layout[data-v-de1eb382]{display:grid;gap:32px;grid-template-columns:1fr}.filter-bar[data-v-de1eb382]{align-items:center;gap:var(--space-3);justify-content:space-between;margin-bottom:var(--space-6)}.filter-bar[data-v-de1eb382],.filter-tabs[data-v-de1eb382]{display:flex;flex-wrap:wrap}.filter-tabs[data-v-de1eb382]{gap:var(--space-1)}.filter-tab[data-v-de1eb382]{border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:var(--font-size-sm);padding:6px 14px;transition:all var(--transition-fast)}.filter-tab[data-v-de1eb382]:hover{background:var(--color-bg-hover)}.filter-tab.is-active[data-v-de1eb382]{background:var(--color-primary);color:#fff}.sort-options[data-v-de1eb382]{display:flex;gap:var(--space-2)}.sort-btn[data-v-de1eb382]{border-radius:var(--radius-md);color:var(--color-text-tertiary);font-size:var(--font-size-sm);padding:4px 10px;transition:color var(--transition-fast)}.sort-btn[data-v-de1eb382]:hover{color:var(--color-text)}.sort-btn.is-active[data-v-de1eb382]{color:var(--color-primary);font-weight:600}.articles-grid[data-v-de1eb382]{display:grid;gap:var(--space-5);grid-template-columns:repeat(3,1fr)}@media(max-width:900px){.articles-grid[data-v-de1eb382]{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.articles-grid[data-v-de1eb382]{grid-template-columns:1fr}}.empty-text[data-v-de1eb382]{color:var(--color-text-tertiary);padding:var(--space-16) 0;text-align:center}