/* skin/css/list.css */
.pill-cloud {
    display: flex; gap: 10px; padding: 15px 20px; overflow-x: auto;
}
.pill-btn {
    padding: 8px 20px; background: var(--clay-bg);
    border-radius: 20px; font-weight: bold; color: var(--clay-sub);
    box-shadow: 4px 4px 8px rgba(166,180,200,0.3), -4px -4px 8px #fff;
    white-space: nowrap;
    flex-shrink: 0;
}
.pill-btn.active {
    color: var(--clay-primary);
    box-shadow: inset 2px 2px 5px rgba(166,180,200,0.2), inset -2px -2px 5px #fff;
}

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

/* 引用 index.css 的 .row-card 和 .clay-list-group 样式，需确保文件结构正确或在此处重复定义 */
.clay-list-group { padding: 0 20px; }
.row-card {
    display: flex; align-items: center; padding: 15px; margin-bottom: 20px;
}
.row-card img { width: 56px; height: 56px; border-radius: 16px; margin-right: 15px; }
.rc-info { flex: 1; }
.rc-info h3 { font-size: 16px; font-weight: 800; margin-bottom: 3px; }
.rc-info p { font-size: 12px; color: #a0aec0; }