@font-face {
	font-family: "TenorSans";
	src: url("/static/addons/cms/dist/fonts/TenorSans-Regular.ttf");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "Misans";
	src: url("/static/addons/cms/dist/fonts/MiSans-Bold.woff2");
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: "Misans";
	src: url("/static/addons/cms/dist/fonts/MiSans-Regular.woff2");
	font-weight: normal;
	font-style: normal;
}
.misans{
    font-family: "Misans";
}
body {
	font-family: "Misans";
}
.TenorSans {
	font-family: "TenorSans";
}
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	/* user-select: none; */
	-webkit-user-drag: none;
	user-drag: none; 
	draggable:false;
	position: relative;
}
:root {
	font-size: clamp(14px, 0.83333vw, 16px);
	--px: max(calc((100vw - 1400px) / 2), 1.2rem);
	--theme-color: #e50012;
	--transition-default: all 0.4s ease-in-out;
}
.transitionDefault {
	transition: var(--transition-default);
}
.lrPadding {
	padding-left: var(--px);
	padding-right: var(--px);
}
/* 滚动条样式 */
::-webkit-scrollbar {
	width: 4px;
	height: 4px;
}
::-webkit-scrollbar-thumb {
	background: #b81c20;
	border-radius: 1.25rem;
	width: 2px;
	height: 4px !important;
}
[tr-enter] {
	transition: all 1.6s;
}
[tr-enter=""] {
	transform: translateY(2rem);
	opacity: 0;
}
[tr-enter-left=""] {
	transform: translateX(-10vw);
	opacity: 0;
}
a {
	text-decoration: none;
	color: inherit;
}
button {
	outline: none;
	background: none;
	border: none;
	height: auto;
	width: auto;
	cursor: pointer;
	display: flex;
	align-items: center;
	user-select: none;
}
[button] {
	border: none;
	color: inherit;
	cursor: pointer;
	display: inline-block;
	border-radius: 1.125rem;
	border: 1px solid currentColor;
	height: 2.25rem;
	padding: 0 1.875rem;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: max-content;
	gap: 0.5rem;
	background: linear-gradient(
		to right,
		var(--theme-color) 50%,
		transparent 50%
	);
	background-size: 200% 100%;
	background-position: 100% 0;
	transition: var(--transition-default);
	user-select: none;
}
[button]:after {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	background-color: currentColor;
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M2 10H18 M18 10 L14 6 M18 10 L14 14' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	mask-size: contain;
	mask-repeat: no-repeat;
	transition: var(--transition-default);
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M2 10H18 M18 10 L14 6 M18 10 L14 14' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	-webkit-mask-size: contain;
	-webkit-mask-repeat: no-repeat;
}
[button="close"]:after {
	content: "";
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M2 10H18' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	mask-size: 80%;
	mask-position: center;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M2 10H18' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	-webkit-mask-size: 80%;
	-webkit-mask-position: center;
}
[button="open"]:after {
	content: "";
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M2 10H18 M10 2V18' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	mask-size: 80%;
	mask-position: center;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M2 10H18 M10 2V18' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	-webkit-mask-size: 80%;
	-webkit-mask-position: center;
}
[button]:hover {
	background-position: 0 0;
	color: white;
	border-color: var(--theme-color);
}
[button]:hover::after {
	content: "";
	transform: translateX(40%);
}
h1 {
	font-size: 3rem;
	font-weight: normal;
	color: #333;
	line-height: 1;
	font-family: TenorSans, Misans;
}
p {
	line-height: 1.65;
}
section {
	/* font-size: 1rem; */
	color: #333;
}
@media (max-width: 768px) {
	h1 {
		font-size: 2rem;
	}
}
[card] {
	transition: var(--transition-default);
	backdrop-filter: blur(20px);
}
[card]>span:last-of-type>span{
    color: #666 !important;
}
[card]:hover {
	transform: translateY(-10px);
}
[line]:after {
	content: "";
	width: 0;
	height: 1px;
	background-color: currentColor;
	transition: var(--transition-default);
	position: absolute;
	bottom: 0;
	left: 0;
}
[line]:hover:after {
	content: "";
	width: 100%;
}

[circleButton] {
	background: radial-gradient(
			circle at center,
			var(--theme-color) 50%,
			transparent 50%
		)
		no-repeat center;
	background-size: 0 0;
	transition: var(--transition-default);
}
[circleButton]:hover {
	background-size: 200% 200%;
	border-color: var(--theme-color);
	color: white;
	box-shadow: var(--theme-color) 0 0 6px;
}

@property --num {
	syntax: "<integer>";
	initial-value: 0;
	inherits: false;
}
input {
	border: none;
	outline: none;
	background: transparent;
}
:root {
	--swiper-scrollbar-bg-color: rgba(255, 255, 255, 0.2);
	--swiper-scrollbar-drag-bg-color: white;
}
/**swiper*/
.swiper-scrollbar {
	width: 18.75rem !important;
	height: 1px !important;
	position: relative !important;
	left: 0 !important;
}

/**分页**/
.swiper-pagination-current {
	font-size: 1.5rem;
	color: white;
}
.swiper-pagination {
	width: auto !important;
	font-size: 0.875rem !important;
	color: rgba(255, 255, 255, 0.4) !important;
	font-family: regular;

	position: relative !important;
}
.swiper-pagination-total {
	font-size: 0.875rem;
	color: rgba(255, 255, 255, 0.4);
}

.swiper-slide {
	/* max-width: max-content; */
}
/* 翻页 */
#pages {
	display: flex;
	gap: 0.625rem;
}
#pages > li {
	width: 26px;
	height: 26px;
	border-radius: 0.375rem;
	border: 1px solid #d2d2d2;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #222;
	font-size: 0.875rem;
	cursor: pointer;
}
#pages > li:last-of-type :is(a, span),
#pages > li:first-of-type :is(a, span) {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
}
#pages > li:first-of-type:before {
	content: "";
	display: inline-block;
	width: 80%;
	height: 80%;
	background-color: black; /* 通过 color 控制图标颜色 */
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M60 30 L40 50 L60 70' fill='none' stroke='white' stroke-width='8'/%3E%3C/svg%3E");
	mask-size: contain;
	mask-repeat: no-repeat;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M60 30 L40 50 L60 70' fill='none' stroke='white' stroke-width='8'/%3E%3C/svg%3E");
	-webkit-mask-size: contain;
}

#pages > li:last-of-type:before {
	content: "";
	display: inline-block;
	width: 80%;
	height: 80%;
	background-color: black; /* 通过 color 控制图标颜色 */

	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M40 30 L60 50 L40 70' fill='none' stroke='white' stroke-width='8'/%3E%3C/svg%3E");
	mask-size: contain;
	mask-repeat: no-repeat;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M40 30 L60 50 L40 70' fill='none' stroke='white' stroke-width='8'/%3E%3C/svg%3E");
	-webkit-mask-size: contain;
	-webkit-mask-repeat: no-repeat;
}
#pages > li:hover {
	border-color: var(--theme-color);
	color: var(--theme-color);
}
#pages > li:first-of-type:hover:before,
#pages > li:last-of-type:hover:before {
	content: "";
	background: var(--theme-color);
}
#pages .active {
	border-color: var(--theme-color);
	color: var(--theme-color);
}

	.tab__header {
		max-width: 100%;
		overflow: auto;
	}
	.tab__header::-webkit-scrollbar {
		width: 0 !important;
		height: 0 !important;
		background: transparent !important;
	}
	.tab__header > .inner {
		display: flex;
		width: max-content;
		margin: 0 auto;
	}
	.tab__header .tab__header__item {
		padding: 0.75rem 3rem;
		font-size: 1.125rem;
		border: 1px solid #ddd;
		border-right: none;
		cursor: pointer;
	}
	.tab__header .tab__header__item:first-of-type {
		border-top-left-radius: 6.25rem;
		border-bottom-left-radius: 6.25rem;
	}
	.tab__header .tab__header__item:last-of-type {
		border-top-right-radius: 6.25rem;
		border-bottom-right-radius: 6.25rem;
		/*border-right: 1px solid #ddd;*/
	}
	@media (max-width: 768px) {
		.tab__header .tab__header__item {
			padding: 0.75rem 1rem;
			font-size: 1rem;
		}
	}
    .inner>[checked] {
		background: var(--theme-color);
		color: white;
	}
	.tab__header1 .inner{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap:1.25rem;
	}
	.tab__header1 .tab__header__item {
		padding: 0.6rem 2.8rem;
		font-size: 1.125rem;
		border: 1px solid #ddd;
	    border-radius:1000px;
		cursor: pointer;
	}