/* skin/css/list.css */
.block-tabs {
    display: flex; gap: 10px; padding-bottom: 20px; overflow-x: auto;
}
.bt-item {
    background: #fff; border: 3px solid #000; padding: 6px 16px;
    font-weight: 900; box-shadow: 3px 3px 0 #000; color: #000;
    white-space: nowrap; flex-shrink: 0;
}
.bt-item.active {
    background: var(--brut-black); color: var(--brut-white);
    transform: translate(2px, 2px); box-shadow: 1px 1px 0 #000;
}

/* 复用 row-item */
.row-item { display: flex; align-items: center; padding: 15px; margin-bottom: 20px; }
.row-item img { width: 56px; height: 56px; border: 3px solid #000; margin-right: 15px; }
.ri-info { flex: 1; }
.ri-info h3 { font-size: 16px; font-weight: 900; margin-bottom: 4px; }
.ri-info p { font-size: 12px; font-weight: bold; background: #000; color: #fff; display: inline-block; padding: 2px 6px; }

/* Pagination */
.tspage {
    text-align: center; padding: 20px 0; font-weight: bold;
    border-top: 3px solid #000; margin-top: 20px;
}
.tspage a { margin: 0 5px; text-decoration: underline; }
.tspage b { background: var(--brut-yellow); padding: 2px 6px; border: 2px solid #000; margin: 0 5px; }