/* skin/css/list.css */
.category-bar {
    display: flex; gap: 15px; padding: 15px; border-bottom: 1px solid #f5f5f5;
    overflow-x: auto;
}
.cat-link { font-size: 14px; color: #666; white-space: nowrap; flex-shrink: 0; }
.cat-link.active { color: var(--azure-primary); font-weight: bold; }

/* 复用 index.css 的 .list-card 样式，这里需确保引入或重写 */
.list-wrapper { padding: 0 15px; }
.list-card {
    display: flex; align-items: center; padding: 12px 0; border-bottom: 1px solid #f5f5f5;
}
.list-card img { width: 50px; height: 50px; border-radius: 10px; margin-right: 12px; }
.lc-info { flex: 1; }
.lc-info h3 { font-size: 15px; font-weight: 600; margin-bottom: 3px; }
.lc-info p { font-size: 12px; color: #999; }

/* Pagination */
.tspage {
    padding: 20px 15px; text-align: center; font-size: 12px; color: #666;
}
.tspage a { margin: 0 5px; color: var(--text-main); }
.tspage b { color: var(--azure-primary); font-weight: bold; margin: 0 5px; }
.tspage i { font-style: normal; margin: 0 2px; }