page {
	height: 100vh;
	display: flex;
	flex-direction: column;
}

.banner {
	height: 400rpx;
	background-image: var(--background);
	padding: 30rpx;

	.text-1 {
		color: white;
		font-size: 60rpx;
		font-weight: bold;
	}

	.text-2 {
		font-size: 28rpx;
		color: rgba(255, 255, 255, 0.8);
	}
}

.content {
	flex: 1;
	background-color: white;
	transform: translateY(-20rpx);
	border-radius: 30rpx 30rpx 0 0;
	padding: 80rpx 30rpx 30rpx;

	.text-1 {
		text-align: center;
		font-weight: 700;
		font-size: 45rpx;
	}

	.text-2 {
		font-size: 28rpx;
		text-align: center;
		color: rgba(69, 70, 78, 1);
		margin-top: 20rpx;
		margin-bottom: 60rpx;
	}

	.item {
		box-shadow: 0 4rpx 12rpx rgba(11, 27, 61, 0.14);
		padding: 30rpx;
		border-radius: 30rpx;
		gap: 30rpx;
		margin-bottom: 60rpx;

		.icon {
			width: 90rpx;
			aspect-ratio: 1;
			background-color: rgba(0, 106, 106, 0.1);
			font-size: 50rpx;
			border-radius: 20rpx;
			color: rgba(46, 139, 87, 1);
		}

		.t-1 {
			font-weight: bold;
		}

		.t-2 {
			margin-top: 10rpx;
			font-size: 24rpx;
			color: rgba(69, 70, 78, 1);
		}
	}

	.tip {
		background-color: rgba(255, 221, 180, 1);
		padding: 30rpx;
		border-radius: 20rpx;
		color: rgba(99, 63, 0, 1);
		font-size: 28rpx;
		line-height: 44rpx;
	}
}