/* 列表分页：ThinkPHP Page → .page-numbers */
.site-pager {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 10px;
	margin: 36px 0 8px;
	padding: 0;
}

.site-pager:empty,
.site-pager:not(:has(a, span)) {
	display: none;
}

.site-pager .page-numbers {
	box-sizing: border-box;
	min-width: 42px;
	height: 42px;
	padding: 0 14px;
	border: 1px solid var(--sand, #d8c7ae);
	border-radius: 999px;
	background: var(--paper2, #fbf8f1);
	color: var(--ink, #332b25);
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.02em;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	transition: background 0.18s ease, color 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
	text-decoration: none;
}

.site-pager a.page-numbers:hover {
	border-color: var(--red, #a84a3a);
	color: var(--red, #a84a3a);
	transform: translateY(-1px);
}

.site-pager .page-numbers.current {
	border-color: var(--red, #a84a3a);
	background: var(--red, #a84a3a);
	color: #fffaf2;
	cursor: default;
}

.site-pager .page-numbers span {
	display: inline;
}

.site-pager .prev.page-numbers,
.site-pager .next.page-numbers {
	min-width: 42px;
	padding: 0 16px;
	font-size: 16px;
	font-weight: 500;
	color: var(--moss, #65705a);
}

.site-pager .prev.page-numbers:hover,
.site-pager .next.page-numbers:hover {
	color: var(--red, #a84a3a);
}

/* 兼容旧壳 xy-pagination */
.xy-pagination {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 10px;
	margin: 36px 0;
}

.xy-pagination .page-numbers {
	box-sizing: border-box;
	min-width: 42px;
	height: 42px;
	padding: 0 14px;
	border: 1px solid var(--sand, #d8c7ae);
	border-radius: 999px;
	background: var(--paper2, #fbf8f1);
	color: var(--ink, #332b25);
	font-size: 14px;
	font-weight: 600;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	transition: background 0.18s ease, color 0.18s ease, border-color 0.18s ease;
}

.xy-pagination a.page-numbers:hover {
	border-color: var(--red, #a84a3a);
	color: var(--red, #a84a3a);
}

.xy-pagination .page-numbers.current {
	border-color: var(--red, #a84a3a);
	background: var(--red, #a84a3a);
	color: #fffaf2;
}

@media (width <= 520px) {
	.site-pager .page-numbers,
	.xy-pagination .page-numbers {
		min-width: 38px;
		height: 38px;
		padding: 0 12px;
		font-size: 13px;
	}
}