.lyui_paging_number,
.lyui_paging { gap: 8px;}

.page-btn { padding: 10px 16px; border: 1px solid var(--border-color); border-radius: 3px; background: #fff; color: var(--text-desc); cursor: pointer; font-size: 14px; transition: 0.2s; font-weight: 500; min-width: 42px; text-align: center;}
.page-btn:hover:not(.disabled) { border-color: var(--primary-blue); color: var(--primary-blue); box-shadow: 0 4px 12px rgba(8, 59, 148, 0.1); }
.page-btn.active { background: var(--primary-blue); color: #fff; border-color: var(--primary-blue); }
.page-btn.disabled { color: #C9CDD4; background: #FAFBFC; cursor: not-allowed; border-color: var(--border-color); }
.page-dots { font-size: 14px; color: var(--text-muted); letter-spacing: 2px; }

.lyui_paging_label,
.lyui_paging_point,
.lyui_paging_btn,
.lyui_paging_prev,
.lyui_paging_next{ padding: 10px 16px; border: 1px solid var(--border-color); border-radius: 3px; background: #fff; color: var(--text-desc); cursor: pointer; font-size: 14px; transition: 0.2s; font-weight: 500; min-width: 42px; text-align: center;}

.lyui_paging_btn:hover,
.lyui_paging_prev:hover,
.lyui_paging_next:hover{ border-color: var(--primary-blue); color: var(--primary-blue); box-shadow: 0 4px 12px rgba(8, 59, 148, 0.1); }

.lyui_paging_btn.cur{ background: var(--primary-blue); color: #fff; border-color: var(--primary-blue); }

.lyui_paging_btn.disabled,
.lyui_paging_prev.disabled,
.lyui_paging_next.disabled { color: #C9CDD4; background: #FAFBFC; cursor: not-allowed; border-color: var(--border-color); }


@media (max-width: 768px){
    .lyui_paging_label,
    .lyui_paging_point,
    .lyui_paging_btn,
    .lyui_paging_prev,
    .lyui_paging_next{ padding: 9px 9px;}
}