.car-container {
	display: flex;
	/* 将容器设为 Flex 容器 */
	gap: 5px;
	/* 元素之间的间距（可选） */
	/* 可选：添加对齐方式 */
	align-items: center;
	/* 垂直居中对齐 */
	justify-content: flex-start;
	/* 水平左对齐 */
	background: #ecf3fe;
	color: #0b0b0b;
	border-radius: 1.5vw 1.5vw 0px 0px;
	height: 20%;
}



.feature-block:hover .car-container {
	/* background: url(rzbg.png) ; */
	background-image: url(../images/rzbg.png);
	color: #ffffff;
	/* 背景样式：蓝色 */
	background-color: #0a2463;
}

.gtdiv {
	width: 25%;
	height: 5vw;
	position: relative;
	/* 父元素设为相对定位 */
}

.left-text {
	text-align: left;
	margin-right: 7%;
	width: 40%;
}

.gtimg {
	width: 5vw;
	height: 5vw;
	position: absolute;
	/* 图片设为绝对定位 */
	top: -20%;
	/* 向上浮动（负值表示向上） */
	left: 60%;
	transform: translateX(-50%);
	/* 水平居中调整 */
}

.features-container {
	display: flex;
	/* 自动换行 */
	/* flex-wrap: wrap; */
	gap: 30px;
	justify-content: center;
	max-width: 100%;
	margin: 0 auto;
	height: 20vw;
	position: relative;
	/* 父元素设为相对定位 */
	background: linear-gradient(180deg, #f9fbff, #e4eff9);
}

.feature-block {
	background: white;
	border-radius: 1.5vw;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
	/* padding: 10px 10px; */
	width: 28vw;
	text-align: center;
	transition: transform 0.3s, box-shadow 0.3s;

}

.feature-block-tran-left {
	position: absolute;
	/* 设为绝对定位 */
	top: -10%;
	/* 向上浮动（负值表示向上） */
	left: 20%;
	z-index: 11;
	/* 堆叠顺序：1（最低） */
}

.feature-block-tran-right {
	position: absolute;
	/* 设为绝对定位 */
	top: -10%;
	/* right: 10%; */
	/* 向上浮动（负值表示向上） */
	left: 57%;
	z-index: 11;
	/* 堆叠顺序：1（最低） */
}

.feature-block:hover {
	transform: translateY(-5px);
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
}

/* 卡片板块标题样式 */
.feature-title {
	font-size: 1vw;
	font-weight: 700;
	margin-top: 0px;
	margin-bottom: 0px;
	/* color: #ffffff; */
}

.feature-desc {
	/* color: #ffffff; */
	font-size: 0.5vw;
	line-height: 1.6;
	/* margin-bottom: 30px; */
}

.feature-btn {
	display: inline-block;
	background: #479924;
	color: white;
	padding: 0.5vw 1vw;
	border-radius: 5px;
	text-decoration: none;
	font-weight: 600;
	/* 最小16px，首选3vw，最大24px */
	font-size: 0.5vw;
	transition: all 0.3s;
	box-shadow: 0 4px 15px rgba(74, 108, 247, 0.3);
	position: relative;
	overflow: hidden;
}

.feature-btn:hover {
	background: #3a5ce4;
	transform: translateY(-3px);
	box-shadow: 0 8px 25px rgba(74, 108, 247, 0.4);
}

.feature-btn:active {
	transform: translateY(1px);
}

.feature-btn i {
	margin-left: 10px;
	transition: transform 0.3s;
}

.feature-btn:hover i {
	transform: translateX(5px);
}


.feature-block:hover .feature-btn {
	background: #ffffff;
	color: #2ca700;
}

/* 不同颜色的功能块变体 */
.feature-block.green .feature-icon {
	color: #10b981;
	background: rgba(16, 185, 129, 0.1);
}

.feature-block.green:hover .feature-icon {
	background: #10b981;
}

.feature-block.green .feature-btn {
	background: #10b981;
	box-shadow: 0 4px 15px rgba(16, 185, 129, 0.3);
}

.feature-block.green .feature-btn:hover {
	background: #0ea371;
	box-shadow: 0 8px 25px rgba(16, 185, 129, 0.4);
}

.feature-block.purple .feature-icon {
	color: #8b5cf6;
	background: rgba(139, 92, 246, 0.1);
}

.feature-block.purple:hover .feature-icon {
	background: #8b5cf6;
}

.feature-block.purple .feature-btn {
	background: #8b5cf6;
	box-shadow: 0 4px 15px rgba(139, 92, 246, 0.3);
}

.feature-block.purple .feature-btn:hover {
	background: #7c4dff;
	box-shadow: 0 8px 25px rgba(139, 92, 246, 0.4);
}

/* 父容器：设置为 Flex 容器 */
.row-container {
	display: flex;
	/* 关键属性：启用 Flex 布局 */
	gap: 15px;
	/* 子元素之间的间距（可选，替代 margin） */
	/* align-items: center; */
	/* 垂直居中对齐（可选，按需调整）移除垂直居中，使用默认的stretch让子元素拉伸填充高度  */
	justify-content: flex-start;
	/* 水平左对齐（默认，可选 center/space-between 等） */
	/* padding: 15px; */
	/* background: #f5f5f5; */
	border-radius: 8px;
}

.padding-liuc {
	padding: 1vw 0.5vw 1vw 4vw;
}

.vertical-line {
	/* 移除固定高度，让高度自适应 */
	/* height: 150px; */
	margin-left: 2%;
	border-left: 2px dashed #66ad4b;
	/* 合并重复的边框属性 */
	/* 可选：添加顶部偏移微调位置 */
	/* margin-top: 2%; */
}

.vertical-line-2 {
	/* 移除固定高度，让高度自适应 */
	/* height: 150px; */
	border-left: 2px dashed #ffffff;
	/* 合并重复的边框属性 */
	/* 可选：添加顶部偏移微调位置 */
	/* margin-top: 5px; */
}

.no-line-margin {
	margin-left: 2vw;
	margin-top: 0.5vw;
}

.line-margin {
	margin-left: 0.7vw;
}

.padding-liuc-2 {
	margin-top: 4%;
}



/* 仅蓝色字体，无底色和边框的按钮样式 */
.liuc-button {
	background: transparent;
	/* 透明背景 */
	color: #67ac4d;
	/* 蓝色文字 */
	border: none;
	/* 移除边框 */
	cursor: pointer;
	/* 保持指针样式 */
	font-weight: 500;
	/* 移除默认按钮样式 */
	outline: none;
	padding: 0;
	margin-top: 0.5vw;
	margin-left: 0.7vw;
	font-size: 0.5vw;
	/* 可选：移除内边距让文字更贴合 */
	display: flex;
	justify-content: flex-start;
	/* 子元素靠左（默认值，可不写） */
	align-items: center;
	/* 垂直居中（可选） */
}

/* 可选：添加hover效果增强交互感 */
.liuc-button:hover {
	text-decoration: underline;
	/* hover时下划线 */
}

.shijian-blue {
	padding-left: 2%;
	padding-right: 2%;
	padding-top: 1%;
	padding-bottom: 1%;
	background: #dbeed3;
	/* 浅色背景 */
	color: #2ca700;
	/* 深色文字 */
	border: none;
	border-radius: 2px;
	cursor: pointer;
	font-weight: 500;
	font-size: 0.5vw;
	max-height: 0.5vw;
	margin-top: 0.4vw;
	/* transition: all 0.2s; */
}

.shijian-title {
	font-size: 1vw;
}

.shijian-number {
	color: #66ad4b;
	font-size: 1vw;
}

.shijian-text {
	color: #898b8f;
	font-size: 0.5vw;
}

.shijian-text strong {
	color: #000000;
}

.features-container:after {
	background: linear-gradient(180deg, rgba(246, 251, 255, 0), #fdfeff 70.43%) no-repeat top / 100% 100px;
	content: " ";
	height: 100px;
	position: absolute;
	top: -80px;
	width: 100%;
	z-index: 10;
}