@charset "utf-8";

:root {
	--primary: #d32629;
	--primary-dark: #b01e21;
	--secondary: #1c498e;
	--secondary-dark: #0a2a5e;
	--text: #333;
	--text-light: #666;
	--text-muted: #999;
	--border: #e8e8e8;
	--shadow: 0 8px 30px rgba(0, 0, 0, .08);
	--shadow-hover: 0 12px 40px rgba(211, 38, 41, .15);
	--transition: all .4s cubic-bezier(.4, 0, .2, 1);
}

/* 链接悬停效果 */
.link-hover {
	position: relative;
	transition: var(--transition);
}
.link-hover:hover {
	color: var(--primary) !important;
}
.link-hover i {
	display: inline-block;
	transition: transform .3s ease;
}
.link-hover:hover i {
	transform: translateX(4px);
}

.link-card {
	display: block;
	transition: var(--transition);
}
.link-card:hover {
	transform: translateY(-4px);
	box-shadow: var(--shadow-hover);
}

html.nav-open,
body.nav-open {
	overflow: hidden;
	height: 100%;
}

/* ========== Header ========== */
.site-header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1000;
	height: 80px;
	transition: var(--transition);
}
.site-header .header-bg {
	position: absolute;
	inset: 0;
	background: rgba(255, 255, 255, .45);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	box-shadow: none;
	z-index: 0;
	transition: background .35s ease, box-shadow .35s ease, backdrop-filter .35s ease;
}
.site-header.scrolled .header-bg {
	background: rgba(255, 255, 255, .98);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	box-shadow: 0 4px 24px rgba(0, 0, 0, .1);
}
.site-header .header-inner {
	position: relative;
	z-index: 1;
	height: 100%;
}
.site-header .logo img {
	height: 50px;
	width: auto;
	transition: var(--transition);
}
.site-header .logo:hover img {
	transform: scale(1.03);
}

.site-header .nav-list {
	margin: 0;
	padding: 0;
	list-style: none;
	height: 100%;
}
.site-header .nav-item {
	position: relative;
	height: 100%;
}
.site-header .nav-item > a {
	display: flex;
	align-items: center;
	height: 80px;
	padding: 0 32px;
	font-size: 20px;
	color: var(--text);
	font-weight: 500;
	transition: var(--transition);
	position: relative;
}
.site-header .nav-item > a::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 3px;
	background: var(--primary);
	transition: var(--transition);
	transform: translateX(-50%);
}
.site-header .nav-item > a:hover,
.site-header .nav-item > a.on,
.site-header .nav-item > a.current {
	color: var(--primary) !important;
	background: rgba(211, 38, 41, .04);
}
.site-header .nav-item > a:hover::after,
.site-header .nav-item > a.on::after,
.site-header .nav-item > a.current::after {
	width: 60%;
}

/* 二级菜单 */
.site-header .sub-menu {
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 180px;
	background: #fff;
	box-shadow: var(--shadow);
	border-top: 3px solid var(--primary);
	opacity: 0;
	visibility: hidden;
	transform: translateY(10px);
	transition: var(--transition);
	padding: 8px 0;
}
.site-header .nav-item.has-sub:hover .sub-menu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
.site-header .sub-menu a {
	display: block;
	padding: 10px 24px;
	font-size: var(--font-body);
	color: var(--text);
	transition: var(--transition);
}
.site-header .sub-menu a:hover {
	color: var(--primary) !important;
	background: rgba(211, 38, 41, .05);
	padding-left: 30px;
}

.site-header .header-right .hot-line {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23d32629'%3E%3Cpath d='M6.6 10.8c1.4 2.8 3.8 5.1 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1-9.4 0-17-7.6-17-17 0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.5.6 3.6.1.3 0 .7-.2 1L6.6 10.8z'/%3E%3C/svg%3E") no-repeat center left / 28px;
	padding-left: 38px;
	line-height: 1.2;
}
.site-header .header-right .hot-line span {
	font-size: var(--font-body);
	color: var(--text-muted);
	display: block;
}
.site-header .header-right .hot-line b {
	font-size: 18px;
	color: var(--primary);
	font-weight: 700;
	font-family: Arial, sans-serif;
}

.site-header .navBtn {
	width: 30px;
	height: 24px;
	position: relative;
	cursor: pointer;
	display: none;
	z-index: 1001;
}
.site-header .navBtn span {
	width: 100%;
	left: 0;
	background: var(--primary);
	height: 3px;
	position: absolute;
	border-radius: 2px;
	transition: all .4s ease;
}
.site-header .navBtn .line1 { top: 0; }
.site-header .navBtn .line2 { top: 10px; }
.site-header .navBtn .line3 { bottom: 0; }
.site-header .navBtn.on .line1 {
	top: 10px;
	transform: rotate(45deg);
}
.site-header .navBtn.on .line2 {
	opacity: 0;
}
.site-header .navBtn.on .line3 {
	bottom: 10px;
	transform: rotate(-45deg);
}

.site-header .nav .mobile-logo,
.site-header .nav .mobile-bottom {
	display: none;
}

.site-header.nav-active {
	z-index: 1003;
}

/* 移动端遮罩 */
.nav-mask {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, .5);
	z-index: 1001;
	opacity: 0;
	visibility: hidden;
	transition: opacity .35s ease, visibility .35s ease;
}
.nav-mask.show {
	opacity: 1;
	visibility: visible;
}

/* ========== Footer ========== */
.footer {
	padding: 60px 0 0;
	background: linear-gradient(135deg, var(--secondary-dark) 0%, var(--secondary) 100%);
	color: rgba(255, 255, 255, .7);
}
.footer a {
	color: rgba(255, 255, 255, .7);
	transition: var(--transition);
}
.footer a:hover {
	color: #fff !important;
}
.footer-top {
	padding-bottom: 40px;
	border-bottom: 1px solid rgba(255, 255, 255, .1);
}
.footer-brand {
	width: 38%;
}
.footer-aside {
	width: 58%;
	min-width: 0;
	display: flex;
	flex-direction: column;
}
.footer-aside-top {
	margin-bottom: 0;
	width: 100%;
}
.footer-logo {
	height: 50px;
	width: auto;
	margin-bottom: 16px;
}
.footer-slogan {
	font-size: 20px;
	color: #fff;
	font-weight: 600;
	margin: 0 0 12px;
}
.footer-desc {
	font-size: var(--font-body);
	line-height: 1.8;
	margin: 0;
}
.footer-nav {
	width: 42%;
}
.footer-nav h4,
.footer-contact h4 {
	color: #fff;
	font-size: 18px;
	margin: 0 0 20px;
	font-weight: 600;
}
.footer-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	gap: 12px 24px;
}
.footer-nav li a {
	font-size: var(--font-body);
}
.footer-contact {
	width: 52%;
}
.footer-contact p {
	margin: 0 0 8px;
	font-size: var(--font-body);
	line-height: 1.8;
}
.footer-bottom {
	padding: 20px 0;
	font-size: var(--font-body);
}
.footer-bottom p {
	margin: 0;
}

/* 页脚二维码 */
.footer-qrcodes {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: flex-start;
	justify-content: flex-end;
	width: 100%;
	gap: 12px;
	margin-top: 18px;
	box-sizing: border-box;
}
.footer-qrcode-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	flex: 0 0 90px;
	width: 90px;
	text-align: center;
}
.footer-qrcode-item img {
	display: block;
	width: 90px;
	height: 90px;
	flex-shrink: 0;
	margin: 0 0 8px;
	padding: 4px;
	object-fit: contain;
	background: #fff;
	border-radius: 6px;
	box-sizing: border-box;
}
.footer-qrcode-item span {
	display: block;
	width: 100%;
	font-size: 12px;
	line-height: 1.4;
	color: rgba(255, 255, 255, .88);
	text-align: center;
	word-break: keep-all;
}

/* 返回顶部 */
.back-top {
	position: fixed;
	right: 30px;
	bottom: 30px;
	width: 44px;
	height: 44px;
	background: var(--primary);
	color: #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 999;
	opacity: 0;
	visibility: hidden;
	transform: translateY(20px);
	transition: var(--transition);
	box-shadow: 0 4px 16px rgba(211, 38, 41, .4);
}
.back-top.show {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
.back-top:hover {
	background: var(--primary-dark);
	color: #fff !important;
	transform: translateY(-4px);
	box-shadow: 0 8px 24px rgba(211, 38, 41, .5);
}

/* ========== 响应式 ========== */
@media (max-width: 1599px) {
	.site-header .nav-item > a {
		padding: 0 22px;
	}
}
@media (max-width: 1199px) {
	.site-header .nav-item > a {
		padding: 0 14px;
		font-size: var(--font-body);
	}
	.footer-brand { width: 100%; margin-bottom: 30px; }
	.footer-aside { width: 100%; }
	.footer-nav, .footer-contact { width: 48%; }
	.footer-qrcodes{
		justify-content: space-between;
	}
}
@media (max-width: 991px) {
	.site-header .header-right .hot-line {
		display: none;
	}
}
@media (max-width: 767px) {
	.site-header {
		height: 60px;
	}
	.site-header .logo img {
		height: 35px;
	}
	.site-header .navBtn {
		display: block;
	}
	.site-header .nav {
		position: fixed;
		top: 0;
		left: -85vw;
		bottom: 0;
		width: 85vw;
		max-width: 320px;
		background: #fff;
		z-index: 1002;
		transition: left .35s ease;
		overflow-y: auto;
		padding: 0 20px 30px;
		box-shadow: 4px 0 24px rgba(0, 0, 0, .15);
	}
	.site-header .nav.show {
		left: 0;
	}
	.site-header .nav .mobile-logo {
		display: flex;
		justify-content: center;
		padding: 20px 0;
		border-bottom: 1px solid var(--border);
	}
	.site-header .nav .mobile-logo img {
		height: 45px;
	}
	.site-header .nav-list {
		display: block !important;
		height: auto;
	}
	.site-header .nav-item {
		height: auto;
		border-bottom: 1px solid var(--border);
	}
	.site-header .nav-item > a {
		height: 50px;
		padding: 0;
	}
	.site-header .nav-item > a::after {
		display: none;
	}
	.site-header .nav-item.has-sub > a::before {
		content: '+';
		position: absolute;
		right: 0;
		font-size: 20px;
		color: var(--text-muted);
		transition: transform .3s;
	}
	.site-header .nav-item.has-sub.open > a::before {
		content: '?';
	}
	.site-header .sub-menu {
		position: static;
		opacity: 1;
		visibility: visible;
		transform: none;
		box-shadow: none;
		border-top: none;
		padding: 0 0 8px 16px;
		display: none;
	}
	.site-header .nav-item.has-sub.open .sub-menu {
		display: block;
	}
	.site-header .nav .mobile-bottom {
		display: block;
		margin-top: 30px;
		text-align: center;
	}
	.site-header .nav .mobile-bottom .hot-line {
		display: inline-block;
		background-position: center top;
		padding: 36px 0 0;
	}
	.site-header .nav .mobile-bottom .hot-line b {
		font-size: 22px;
		color: var(--primary);
		margin-top: 8px;
		display: block;
	}
	.footer-aside { width: 100%; }
	.footer-nav, .footer-contact {
		width: 100%;
		margin-bottom: 20px;
	}
	.footer-qrcodes {
		flex-wrap: wrap;
		justify-content: flex-start;
		gap: 16px 20px;
		margin-top: 8px;
		padding-top: 20px;
	}
	.footer-qrcode-item {
		flex: 0 0 calc(25% - 15px);
		width: auto;
		max-width: 90px;
	}
	.footer-qrcode-item span {
		font-size: 11px;
	}
	.back-top {
		right: 15px;
		bottom: 15px;
		width: 40px;
		height: 40px;
	}
}
@media (max-width: 500px) {
	.site-header .navBtn {
		transform: scale(.85);
	}
	.footer-qrcodes {
		gap: 12px 10px;
	}
	.footer-qrcode-item {
		flex: 0 0 calc(50% - 5px);
		max-width: none;
	}
	.footer-qrcode-item img {
		width: 76px;
		height: 76px;
	}
}

/* ========== 内页通用布局 ========== */
.inner-page [data-aos] {
	will-change: opacity, transform;
	backface-visibility: hidden;
}
.inner-page [data-aos].aos-animate {
	transition-timing-function: cubic-bezier(.22, 1, .36, 1);
}
.inner-page .footer[data-aos] {
	transform: none !important;
}

.inner-page.loaded .anim-text-reveal {
	animation: bannerTextIn 1s cubic-bezier(.22, 1, .36, 1) forwards;
}
.inner-page.loaded .anim-delay-1 { animation-delay: .15s; }
.inner-page.loaded .anim-delay-2 { animation-delay: .3s; }

@keyframes bannerTextIn {
	from {
		opacity: 0;
		transform: translateY(40px);
		filter: blur(8px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
		filter: blur(0);
	}
}

.page-main {
	padding-top: 80px;
	min-height: 100vh;
}

/* ========== 内页横幅 ========== */
.page-banner {
	position: relative;
	height: 280px;
	display: flex;
	align-items: center;
	background: linear-gradient(135deg, var(--secondary-dark) 0%, var(--secondary) 60%, #2a6cb8 100%);
	overflow: hidden;
}
.page-banner::before {
	content: '';
	position: absolute;
	inset: 0;
	background: url('/static/index/img/11.jpg') center/cover no-repeat;
	opacity: .18;
	animation: bannerKenBurns 20s ease-in-out infinite alternate;
}
@keyframes bannerKenBurns {
	from { transform: scale(1); }
	to { transform: scale(1.08); }
}
.page-banner::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 80px;
	/* background: linear-gradient(to top, rgba(255,255,255,1), transparent); */
	z-index: 2;
}
.banner-particles {
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
}
.particle {
	position: absolute;
	border-radius: 50%;
	background: rgba(255,255,255,.6);
	box-shadow: 0 0 12px rgba(255,255,255,.8);
	animation: particleFloat 6s ease-in-out infinite;
}
.particle.p1 { width: 4px; height: 4px; top: 20%; left: 10%; animation-delay: 0s; }
.particle.p2 { width: 6px; height: 6px; top: 60%; left: 25%; animation-delay: 1s; }
.particle.p3 { width: 3px; height: 3px; top: 30%; left: 70%; animation-delay: 2s; }
.particle.p4 { width: 5px; height: 5px; top: 75%; left: 85%; animation-delay: .5s; }
.particle.p5 { width: 4px; height: 4px; top: 45%; left: 50%; animation-delay: 1.5s; }
.particle.p6 { width: 7px; height: 7px; top: 15%; left: 90%; animation-delay: 2.5s; }
@keyframes particleFloat {
	0%, 100% { transform: translate(0, 0) scale(1); opacity: .4; }
	50% { transform: translate(20px, -30px) scale(1.3); opacity: 1; }
}
.banner-light-beam {
	position: absolute;
	top: -50%;
	left: -20%;
	width: 60%;
	height: 200%;
	background: linear-gradient(105deg, transparent 40%, rgba(255,255,255,.08) 50%, transparent 60%);
	animation: lightSweep 8s ease-in-out infinite;
	z-index: 1;
	pointer-events: none;
}
@keyframes lightSweep {
	0%, 100% { transform: translateX(-100%) rotate(15deg); }
	50% { transform: translateX(200%) rotate(15deg); }
}
.banner-scroll-line {
	position: absolute;
	bottom: 30px;
	left: 50%;
	transform: translateX(-50%);
	width: 1px;
	height: 50px;
	background: linear-gradient(to bottom, rgba(255,255,255,.8), transparent);
	z-index: 3;
	animation: scrollLinePulse 2s ease-in-out infinite;
}
@keyframes scrollLinePulse {
	0%, 100% { opacity: .3; height: 30px; }
	50% { opacity: 1; height: 60px; }
}
.page-banner-inner {
	position: relative;
	z-index: 3;
}
.page-banner-title {
	font-size: 42px;
	color: #fff;
	font-weight: 700;
	margin: 0 0 12px;
	letter-spacing: 2px;
	opacity: 0;
}
.page-banner-sub {
	font-size: var(--font-body);
	color: rgba(255,255,255,.75);
	margin: 0;
	letter-spacing: 4px;
	text-transform: uppercase;
	opacity: 0;
}
.page-breadcrumb {
	margin-top: 16px;
	font-size: var(--font-body);
	color: rgba(255,255,255,.6);
	opacity: 0;
}
.page-breadcrumb a {
	color: rgba(255,255,255,.85);
	transition: var(--transition);
}
.page-breadcrumb a:hover {
	color: #fff !important;
	text-shadow: 0 0 12px rgba(255,255,255,.5);
}
.page-breadcrumb span {
	margin: 0 8px;
}

/* ========== 内页侧边栏 ========== */
.about-layout {
	display: flex;
	gap: 40px;
	padding: 60px 0 80px;
	align-items: flex-start;
}
.about-sidebar {
	width: 240px;
	flex-shrink: 0;
	position: sticky;
	top: 100px;
	background: rgba(255,255,255,.85);
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
	border-radius: 16px;
	padding: 24px 0;
	box-shadow: 0 8px 32px rgba(28,73,142,.08), 0 0 0 1px rgba(255,255,255,.6) inset;
	overflow: hidden;
	transition: transform .4s cubic-bezier(.22, 1, .36, 1), box-shadow .4s ease;
}
.about-sidebar:hover {
	transform: translateY(-4px);
	box-shadow: 0 20px 50px rgba(28,73,142,.15), 0 0 0 1px rgba(211,38,41,.1) inset;
}
.sidebar-glow {
	position: absolute;
	width: 120px;
	height: 120px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(211,38,41,.15) 0%, transparent 70%);
	pointer-events: none;
	opacity: 0;
	transition: opacity .3s ease;
	transform: translate(-50%, -50%);
	z-index: 0;
}
.about-sidebar:hover .sidebar-glow {
	opacity: 1;
}
.about-sidebar-title {
	font-size: 18px;
	color: var(--secondary);
	font-weight: 700;
	margin: 0 24px 16px;
	padding-bottom: 12px;
	border-bottom: 2px solid var(--primary);
	position: relative;
	z-index: 1;
}
.about-nav {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 1;
}
.about-nav li {
	border-bottom: 1px solid rgba(0,0,0,.04);
	overflow: hidden;
}
.about-nav a {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 14px 24px;
	font-size: var(--font-body);
	color: var(--text);
	transition: color .35s ease, padding .35s cubic-bezier(.22, 1, .36, 1), background .35s ease;
	position: relative;
	overflow: hidden;
}
.about-nav a::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 0;
	background: linear-gradient(90deg, rgba(211,38,41,.12), rgba(28,73,142,.06));
	transition: width .4s cubic-bezier(.22, 1, .36, 1);
	z-index: -1;
}
.about-nav a::after {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%) scaleY(0);
	width: 4px;
	height: 60%;
	background: linear-gradient(180deg, var(--primary), var(--secondary));
	border-radius: 0 4px 4px 0;
	transition: transform .35s cubic-bezier(.22, 1, .36, 1);
}
.about-nav .nav-dot {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--border);
	flex-shrink: 0;
	transition: all .35s ease;
}
.about-nav .nav-text {
	flex: 1;
	transition: transform .35s cubic-bezier(.22, 1, .36, 1);
}
.about-nav .nav-arrow {
	font-style: normal;
	opacity: 0;
	transform: translateX(-10px);
	transition: all .35s cubic-bezier(.22, 1, .36, 1);
	color: var(--primary);
	font-size: 14px;
}
.about-nav a:hover,
.about-nav a.active {
	color: var(--primary);
	padding-left: 30px;
}
.about-nav a:hover::before,
.about-nav a.active::before {
	width: 100%;
}
.about-nav a:hover::after,
.about-nav a.active::after {
	transform: translateY(-50%) scaleY(1);
}
.about-nav a:hover .nav-dot,
.about-nav a.active .nav-dot {
	background: var(--primary);
	box-shadow: 0 0 8px rgba(211,38,41,.6);
	transform: scale(1.3);
}
.about-nav a:hover .nav-text,
.about-nav a.active .nav-text {
	transform: translateX(4px);
}
.about-nav a:hover .nav-arrow,
.about-nav a.active .nav-arrow {
	opacity: 1;
	transform: translateX(0);
}
.about-nav a.active {
	font-weight: 600;
	animation: navActivePulse 2s ease-in-out infinite;
}
@keyframes navActivePulse {
	0%, 100% { background: rgba(211,38,41,.04); }
	50% { background: rgba(211,38,41,.08); }
}
.about-nav a .nav-ripple {
	position: absolute;
	width: 0;
	height: 0;
	border-radius: 50%;
	background: rgba(211,38,41,.25);
	transform: translate(-50%, -50%);
	animation: navRipple .6s ease-out forwards;
	pointer-events: none;
}
@keyframes navRipple {
	to { width: 200px; height: 200px; opacity: 0; }
}

.about-content {
	flex: 1;
	min-width: 0;
}

.page-placeholder {
	padding: 100px 40px;
	text-align: center;
	background: #fff;
	border-radius: 16px;
	box-shadow: var(--shadow);
	color: var(--text-muted);
}
.page-placeholder h2 {
	font-size: 28px;
	color: var(--secondary);
	margin: 0 0 12px;
	font-weight: 700;
}
.page-placeholder p {
	margin: 0;
	font-size: var(--font-body);
}

@media (prefers-reduced-motion: reduce) {
	.inner-page *,
	.inner-page *::before,
	.inner-page *::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
	}
}

@media (max-width: 991px) {
	.about-layout {
		flex-direction: column;
		gap: 30px;
		padding: 40px 0 60px;
	}
	.about-sidebar {
		width: 100%;
		position: static;
	}
	.about-nav {
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
		padding: 0 16px;
	}
	.about-nav li {
		border: none;
	}
	.about-nav a {
		padding: 8px 16px;
		border: 1px solid var(--border);
		border-radius: 24px;
	}
	.about-nav a::after {
		display: none;
	}
	.about-nav a:hover,
	.about-nav a.active {
		padding-left: 16px;
		border-color: var(--primary);
		box-shadow: 0 4px 16px rgba(211,38,41,.15);
	}
}

@media (max-width: 767px) {
	.page-main {
		padding-top: 60px;
	}
	.page-banner {
		height: 200px;
	}
	.page-banner-title {
		font-size: 28px;
	}
	.banner-scroll-line {
		display: none;
	}
	.page-placeholder {
		padding: 60px 24px;
	}
}

/* ===== tp-pager 统一分页组件 ===== */
.tp-pager {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	padding: 24px 0 8px;
	flex-wrap: wrap;
}
.tp-pager-btn,
.tp-pager-num {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 36px;
	height: 36px;
	padding: 0 10px;
	border: 1px solid var(--border, #e4e7ef);
	border-radius: 6px;
	background: #fff;
	color: var(--text, #333);
	font-size: 14px;
	font-family: Arial, sans-serif;
	text-decoration: none;
	line-height: 1;
	transition: background .25s ease, border-color .25s ease, color .25s ease;
	cursor: pointer;
	user-select: none;
}
.tp-pager-btn:hover:not(.is-disabled),
.tp-pager-num:hover {
	background: var(--primary, #1c498e);
	border-color: var(--primary, #1c498e);
	color: #fff !important;
}
.tp-pager-num.is-active {
	background: var(--primary, #1c498e);
	border-color: var(--primary, #1c498e);
	color: #fff;
	font-weight: 600;
	cursor: default;
	pointer-events: none;
}
.tp-pager-btn.is-disabled {
	opacity: .4;
	cursor: not-allowed;
	pointer-events: none;
}
.tp-pager-dots {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 28px;
	height: 36px;
	color: #aaa;
	font-size: 16px;
	letter-spacing: .1em;
}