@charset "utf-8";

.finance-about {
	background: #f3f5f8;
	padding: 56px 0 56px;
	font-family: "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", sans-serif;
}

.finance-about__inner {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 70px;
}

.finance-about__card {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 100px;
	padding: 48px 56px;
	background: #fff;
	border-radius: 20px;
	box-shadow: 0 8px 32px rgba(0, 43, 94, 0.06);
	overflow: hidden;
}

.finance-about__content {
	position: relative;
	z-index: 2;
	flex: 0 1 58%;
	max-width: 620px;
}

.finance-about__title {
	margin: 0 0 24px;
	font-size: 32px;
	font-weight: 700;
	line-height: 1.2;
	color: #1a4ba1;
	letter-spacing: 0.08em;
}

.finance-about__text {
	margin: 0;
	font-size: 15px;
	line-height: 2;
	color: #555;
	text-align: justify;
}

.finance-about__illus {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 48%;
	max-width: 420px;
	pointer-events: none;
}

.finance-about__illus img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: right center;
	display: block;
	-webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.35) 28%, #000 55%);
	mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.35) 28%, #000 55%);
}

@media (max-width: 1100px) {
	.finance-about__inner {
		padding: 0 20px;
	}

	.finance-about__card {
		padding: 36px 32px;
		min-height: 200px;
	}

	.finance-about__content {
		flex: 1 1 62%;
		max-width: none;
	}

	.finance-about__illus {
		width: 42%;
	}
}

@media (max-width: 768px) {
	.finance-about {
		padding: 40px 0 40px;
	}

	.finance-about__card {
		flex-direction: column;
		align-items: flex-start;
		padding: 28px 24px 24px;
		min-height: 0;
	}

	.finance-about__content {
		flex: none;
		width: 100%;
		max-width: none;
	}

	.finance-about__title {
		margin-bottom: 16px;
		font-size: 26px;
	}

	.finance-about__text {
		font-size: 14px;
		line-height: 1.85;
	}

	.finance-about__illus {
		position: relative;
		width: 100%;
		max-width: none;
		height: 160px;
		margin-top: 8px;
	}

	.finance-about__illus img {
		object-position: center bottom;
		-webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 22%);
		mask-image: linear-gradient(180deg, transparent 0%, #000 22%);
	}
}