.page-header[data-v-35560557]{background:linear-gradient(135deg,#ebf4ff,#f0fff4);padding:var(--space-2xl) 0}.page-header .header-content[data-v-35560557]{max-width:var(--container-max);margin:0 auto;padding:0 var(--space-xl)}.page-header .page-title[data-v-35560557]{font-size:1.8rem;font-weight:700;margin-bottom:var(--space-sm)}.page-header .page-subtitle[data-v-35560557]{font-size:1rem;color:var(--text-muted);margin:0}.category-bar-wrapper[data-v-35560557]{max-width:var(--container-max);margin:0 auto;padding:var(--space-md) var(--space-xl) 0;overflow-x:auto;-webkit-overflow-scrolling:touch}.category-bar-wrapper[data-v-35560557]::-webkit-scrollbar{display:none}.category-bar[data-v-35560557]{display:flex;gap:8px;white-space:nowrap;padding-bottom:8px}.category-bar .cat-item[data-v-35560557]{display:inline-flex;padding:6px 16px;border-radius:20px;font-size:13px;background:#f5f5f5;color:#666;cursor:pointer;transition:all .2s;flex-shrink:0}.category-bar .cat-item.active[data-v-35560557]{background:var(--brand-primary);color:#fff;font-weight:600}.category-bar .cat-item[data-v-35560557]:active{transform:scale(.96)}.sort-bar[data-v-35560557]{max-width:var(--container-max);margin:0 auto;padding:8px var(--space-xl) 0;display:flex;gap:6px}.sort-bar .sort-btn[data-v-35560557]{padding:4px 14px;border-radius:12px;font-size:12px;background:#f5f5f5;color:#888;cursor:pointer;transition:all .2s}.sort-bar .sort-btn.active[data-v-35560557]{background:#e6f7ff;color:var(--brand-primary);font-weight:600}.articles-container[data-v-35560557]{max-width:var(--container-max);margin:0 auto;padding:var(--space-md) var(--space-xl) var(--space-3xl)}@media (max-width: 768px){.articles-container[data-v-35560557]{max-height:calc(100vh - 200px);overflow-y:auto;-webkit-overflow-scrolling:touch}}.article-card[data-v-35560557]{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background .15s}.article-card[data-v-35560557]:active{background:#fafafa}.article-card .article-thumb[data-v-35560557]{width:120px;height:80px;border-radius:8px;overflow:hidden;background:linear-gradient(135deg,#e8f4fd,#f0fff4);flex-shrink:0;position:relative}.article-card .article-thumb img[data-v-35560557]{width:100%;height:100%;object-fit:cover}.article-card .article-thumb .article-category-icon[data-v-35560557]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.article-card .article-thumb .cat-icon-text[data-v-35560557]{font-size:24px;color:var(--brand-primary);opacity:.5;font-weight:700}.article-card .article-thumb .badge-pinned[data-v-35560557],.article-card .article-thumb .badge-rec[data-v-35560557]{position:absolute;top:4px;left:4px;font-size:10px;padding:1px 6px;border-radius:3px;color:#fff}.article-card .article-thumb .badge-pinned[data-v-35560557]{background:#f5222d}.article-card .article-thumb .badge-rec[data-v-35560557]{background:#fa8c16}.article-card .article-content[data-v-35560557]{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:space-between}.article-card .article-meta[data-v-35560557]{display:flex;align-items:center;gap:8px;margin-bottom:4px}.article-card .article-date[data-v-35560557]{font-size:11px;color:#aaa}.article-card .article-title[data-v-35560557]{font-size:14px;font-weight:600;line-height:1.5;color:#333;margin:0}.article-card .article-footer[data-v-35560557]{display:flex;align-items:center;justify-content:space-between;margin-top:4px}.article-card .article-views[data-v-35560557]{font-size:11px;color:#bbb}.article-card .article-arrow[data-v-35560557]{color:#ccc;font-size:12px}.line-clamp-2[data-v-35560557]{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.load-more-trigger[data-v-35560557]{text-align:center;padding:16px 0}.load-end[data-v-35560557]{text-align:center;padding:16px 0;color:#ccc;font-size:12px}.empty-state[data-v-35560557]{padding:var(--space-3xl) 0}@media (min-width: 769px){.articles-container[data-v-35560557]{max-height:none;overflow:visible}.article-card[data-v-35560557]{gap:16px;padding:18px 0}.article-thumb[data-v-35560557]{width:200px;height:130px}.article-title[data-v-35560557]{font-size:16px}}