/* 分页 */
.pagination {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0.5rem;
	margin-top: 3rem;
}

.page-numbers {
	display: flex;
	list-style: none;
	gap: 0.5rem;
}

.page-numbers a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	background: #f5f5f5;
	border-radius: 4px;
	color: #555;
	font-weight: 500;
	transition: all var(--transition-speed);
}

.page-numbers a:hover, .page-numbers a.active {
	background: var(--primary-color);
	color: #fff;
}

.page-nav {
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f5f5f5;
	border: none;
	border-radius: 4px;
	color: #555;
	cursor: pointer;
	transition: all var(--transition-speed);
}

.page-nav:hover:not([disabled]) {
	background: var(--primary-color);
	color: #fff;
}

.page-nav[disabled] {
	opacity: 0.5;
	cursor: not-allowed;
}