/* Hero layout (site-bg only) — Yunda dark theme */

.site.site--xk-layout {
	position: relative;
}

.site.site--xk-layout .site-bg {
	position: relative;
	z-index: 2;
	background-image: var(--banner_1);
	background-size: cover;
	background-position: center 18%;
	background-repeat: no-repeat;
	padding-bottom: 36px;
}

.site.site--xk-layout .site-bg .site-container {
	width: 1200px;
	max-width: calc(100% - 48px);
	height: 470px;
	margin: 0 auto;
	padding: 75px 0 10px;
	display: flex;
	position: relative;
}

.site.site--xk-layout .site-bg .site-container .site-info {
	width: 594px;
	max-width: 52%;
	padding-right: 30px;
}

.site.site--xk-layout .site-bg .site-container .site-info .site-title {
	color: #fff;
	font-weight: 700;
	font-size: 56px;
	line-height: 1.25;
	margin: 0;
	word-break: normal;
	overflow-wrap: break-word;
	background: var(--banner-title-gradient);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}

.site.site--xk-layout .site-bg .site-container .site-info .site-line {
	display: none;
}

.site.site--xk-layout .site-bg .site-container .site-info .site-subtitle {
	margin: 0;
	font-weight: 400;
	font-size: 32px;
	line-height: 1.2;
	width: fit-content;
	background: var(--banner-title-gradient);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}

.site.site--xk-layout .site-bg .site-container .site-info .site-desc {
	margin-top: 16px;
	max-width: 450px;
}

.site.site--xk-layout .site-bg .site-container .site-info .site-desc__intro {
	display: none;
}

.site.site--xk-layout .site-bg .site-container .site-info .site-desc p,
.site.site--xk-layout .site-bg .site-container .site-info .site-desc__intro {
	word-break: normal;
	overflow-wrap: break-word;
}

.site.site--xk-layout .site-bg .site-container .site-info .site-desc p {
	position: relative;
	margin: 0 0 6px 14px;
	font-size: 15px;
	line-height: 26px;
	color: rgba(255, 255, 255, 0.82);
}

.site.site--xk-layout .site-bg .site-container .site-info .site-desc p::before {
	content: "";
	position: absolute;
	left: -14px;
	top: 11px;
	width: 5px;
	height: 5px;
	background: var(--title-split-bg, var(--primary-color));
	border-radius: 1px;
}

.site.site--xk-layout .site-bg .site-container .site-info .site-tips {
	display: inline-flex;
	align-items: center;
	margin-top: 12px;
	min-width: 270px;
	height: 24px;
	padding: 0 10px 0 25px;
	border-radius: 15px;
	font-size: 12px;
	background: var(--button-bg);
	color: var(--button-color);
	position: relative;
}

.site.site--xk-layout .site-bg .site-container .site-info .site-tips::before {
	content: "";
	position: absolute;
	left: 8px;
	width: 14px;
	height: 14px;
	background: center / cover var(--tips);
}

.site.site--xk-layout .site-bg .site-container .site-info .site-sponser {
	width: 100%;
	margin-top: 14px;
}

.site.site--xk-layout .site-bg .site-container .site-info .site-sponser img {
	max-width: 500px;
	width: auto;
	height: 55px;
	max-height: 55px;
}

.site.site--xk-layout .site-bg .site-container .site-main {
	position: absolute;
	right: -15px;
	bottom: 0;
	padding-left: 1%;
}

.site.site--xk-layout .site-bg .site-container .site-main img {
	width: 622px;
	max-width: 52vw;
	height: auto;
	object-fit: contain;
}

@media screen and (min-width: 1201px) {
	.site.site--xk-layout .site-bg {
		padding-bottom: 0;
	}

	.site.site--xk-layout .site-bg .site-container {
		min-height: 680px;
		height: auto;
		padding: 70px 0 40px;
	}

	.site.site--xk-layout .site-bg .site-container .site-main {
		bottom: 35px;
		right: 0;
	}

	.site.site--xk-layout .site-bg .site-container .site-main img {
		width: auto;
		max-width: min(840px, 58vw);
	}
}

@media screen and (max-width: 1200px) {
	.page-main {
		padding-bottom: 0.16rem;
	}

	.site.site--xk-layout {
		position: relative;
		padding-bottom: 0;
		background: transparent;
	}

	/* milan: .site-info-container { padding-bottom: .8rem } + ::after */
	.site.site--xk-layout .site-bg {
		width: 100%;
		padding-bottom: 0;
		background-image: var(--banner_1);
		background-size: cover;
		background-position: center top;
		background-repeat: no-repeat;
	}

	.site.site--xk-layout .site-bg::after {
		display: none;
	}

	.site.site--xk-layout .site-bg .site-container {
		width: 100%;
		max-width: none;
		display: block;
		height: auto;
		min-height: 0;
		margin-inline: 0;
		padding: 0.6rem 0 0.24rem;
	}

	.site.site--xk-layout .site-bg .site-container .site-info {
		width: 100%;
		max-width: none;
		padding: 0;
		display: block;
		align-items: stretch;
		justify-content: flex-start;
		text-align: left;
	}

	.site.site--xk-layout .site-bg .site-container .site-info .site-title {
		width: fit-content;
		max-width: none;
		margin: 0;
		padding: 0 0 0 0.4rem;
		font-size: 0.88rem;
		line-height: 1.04rem;
		letter-spacing: -0.5px;
		text-align: left;
		white-space: nowrap !important;
		word-break: keep-all;
		overflow-wrap: normal;
	}

	.site.site--xk-layout .site-bg .site-container .site-info .site-subtitle {
		padding-left: 0.4rem;
		font-size: 0.48rem;
		line-height: 1.2;
		margin-top: 0;
	}

	.site.site--xk-layout .site-bg .site-container .site-info .site-line {
		display: none;
	}

	.site.site--xk-layout .site-bg .site-container .site-info .site-desc {
		width: 100%;
		max-width: none;
		margin-top: 0;
		padding: 0.24rem 0 0 0.4rem;
		text-align: left;
	}

	.site.site--xk-layout .site-bg .site-container .site-info .site-desc__intro {
		display: none !important;
	}

	.site.site--xk-layout .site-bg .site-container .site-info .site-desc__list {
		display: block;
	}

	.site.site--xk-layout .site-bg .site-container .site-info .site-desc__list p {
		position: relative;
		display: flex;
		align-items: center;
		margin: 0 0 0.12rem 0.24rem;
		font-size: 0.24rem;
		line-height: normal;
		color: var(--text-color);
		text-align: left;
	}

	.site.site--xk-layout .site-bg .site-container .site-info .site-desc__list p::before {
		display: block;
		left: -0.2rem;
		top: 50%;
		width: 0.1rem;
		height: 0.1rem;
		transform: translateY(-50%);
		border-radius: 0;
		background: var(--title-split-bg, var(--primary-color));
	}

	.site.site--xk-layout .site-bg .site-container .site-info .site-tips {
		display: inline-flex;
		align-items: center;
		margin: 0.3rem 0 0 0.4rem;
		width: 5.8rem;
		min-width: 0;
		height: 0.5rem;
		line-height: 0.5rem;
		padding: 0 0.16rem 0 0.6rem;
		border-radius: 15px;
		font-size: 0.26rem;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.site.site--xk-layout .site-bg .site-container .site-info .site-tips::before {
		left: 0.16rem;
		width: 0.24rem;
		height: 0.24rem;
	}

	.site.site--xk-layout .site-bg .site-container .site-info .site-sponser,
	.site.site--xk-layout .site-bg .site-container .site-main {
		display: none !important;
	}

	.site.site--xk-layout .site-bg .site-container .site-info .site-sponser {
		width: 100%;
		margin-top: 0;
		padding: 0.3rem 0.4rem;
		text-align: left;
	}

	.site.site--xk-layout .site-bg .site-container .site-info .site-sponser img {
		display: block;
		width: auto;
		max-width: 100%;
		height: auto;
		max-height: 1rem;
		margin-inline: 0;
	}

	.site.site--xk-layout .site-bg .site-container .site-main {
		position: relative;
		right: auto;
		bottom: auto;
		width: 100%;
		padding: 0;
		margin: 0;
		text-align: center;
	}

	.site.site--xk-layout .site-bg .site-container .site-main img {
		display: block;
		width: 100%;
		height: 4.2rem;
		max-width: 100%;
		max-height: none;
		margin-inline: auto;
		object-fit: contain;
		object-position: center center;
	}
}