.home-body {
	background-color: #f5f7fa;
	/* 设置页面背景色为浅灰色 */
	line-height: 1.6;
	/* 设置行高为1.6倍字体大小 */
	color: #333;
	/* 设置默认文字颜色为深灰色 */
}

/* ========== 轮播图部分样式 ========== */
.page-home-banner {
	position: relative;
	/* 设置为相对定位，作为内部元素的定位参考 */
	overflow: hidden;
	/* 隐藏溢出内容 */
	height: 500px;
	/* 设置轮播图高度为500px */
	width: 100%;
	/* 设置宽度为100% */
}

.page-home-banner-inner {
	display: flex;
	/* 使用flex布局使幻灯片水平排列 */
	transition: transform 0.5s ease;
	/* 添加transform变换过渡效果 */
	height: 100%;
	/* 高度100%填充父容器 */
}

.page-home-banner-slide {
	min-width: 100%;
	/* 每个幻灯片最小宽度为100% */
	height: 100%;
	/* 高度100%填充父容器 */
	position: relative;
	/* 相对定位 */
	opacity: 0;
	/* 初始不透明度为0（隐藏） */
	transform: translateY(20px);
	/* 初始位置向下偏移20px */
	transition: opacity 1s ease, transform 1s ease;
	/* 添加淡入和上移动画过渡 */
}

.page-home-banner-slide.active {
	opacity: 1;
	/* 激活的幻灯片完全不透明 */
	transform: translateY(0);
	/* 激活的幻灯片位置回到原处 */
}

.page-home-banner-image {
	position: absolute;
	/* 绝对定位，覆盖整个幻灯片区域 */
	top: 0;
	/* 顶部对齐 */
	left: 0;
	/* 左侧对齐 */
	width: 100%;
	/* 宽度100%填充父容器 */
	height: 100%;
	/* 高度100%填充父容器 */
	object-fit: cover;
	/* 图片按比例缩放，覆盖整个区域 */
}

/* 添加半透明遮罩层 */
.page-home-banner-slide::before {
	content: '';
	/* 伪元素必须设置content */
	position: absolute;
	/* 绝对定位 */
	top: 0;
	/* 顶部对齐 */
	left: 0;
	/* 左侧对齐 */
	width: 100%;
	/* 宽度100%填充父容器 */
	height: 100%;
	/* 高度100%填充父容器 */
	background: rgba(0, 0, 0, 0.4);
	/* 设置黑色半透明背景 */
	z-index: 1;
	/* 设置z-index为1，在图片之上，内容之下 */
}

/* 轮播图内容区域 */
.page-home-banner-content {
	position: absolute;
	/* 绝对定位 */
	top: 50%;
	/* 顶部位置在50%处 */
	left: 50%;
	/* 左侧位置在50%处 */
	transform: translate(-50%, -50%);
	/* 通过transform居中定位 */
	text-align: left;
	/* 文字居中对齐 */
	color: white;
	/* 文字颜色为白色 */
	z-index: 2;
	/* 设置z-index为2，在遮罩层之上 */
	max-width: 1200px;
	/* 最大宽度1200px */
	width: 90%;
	/* 宽度为90% */
	opacity: 0;
	/* 初始不透明度为0（隐藏） */
	transform: translate(-50%, -60%);
	/* 初始位置向上偏移60% */
	transition: opacity 0.8s ease 0.3s, transform 0.8s ease 0.3s;
	/* 添加淡入和上移动画，延迟0.3秒 */
}

/* 激活幻灯片的动画效果 */
.page-home-banner-slide.active .page-home-banner-content {
	opacity: 1;
	/* 完全不透明 */
	transform: translate(-50%, -50%);
	/* 回到居中位置 */
}

/* 轮播图标题样式 */
.page-home-banner-title {
	font-size: 48px;
	/* 字体大小48px */
	margin-bottom: 20px;
	/* 底部外边距20px */
	line-height: 1.2;
	/* 行高1.2倍字体大小 */
	transform: translateY(30px);
	/* 初始位置向下偏移30px */
	opacity: 0;
	/* 初始不透明度为0（隐藏） */
	transition: transform 0.8s ease 0.5s, opacity 0.8s ease 0.5s;
	/* 添加上移动画和淡入动画，延迟0.5秒 */
}

/* 激活幻灯片的标题动画效果 */
.page-home-banner-slide.active .page-home-banner-title {
	transform: translateY(0);
	/* 回到原位置 */
	opacity: 1;
	/* 完全不透明 */
}

/* 轮播图文字样式 */
.page-home-banner-text {
	font-size: 20px;
	/* 字体大小20px */
	opacity: 0.9;
	/* 不透明度0.9（半透明） */
	line-height: 1.5;
	/* 行高1.5倍字体大小 */
	transform: translateY(20px);
	/* 初始位置向下偏移20px */
	opacity: 0;
	/* 初始不透明度为0（隐藏） */
	transition: transform 0.8s ease 0.7s, opacity 0.8s ease 0.7s;
	/* 添加上移动画和淡入动画，延迟0.7秒 */
}

/* 激活幻灯片的文字动画效果 */
.page-home-banner-slide.active .page-home-banner-text {
	transform: translateY(0);
	/* 回到原位置 */
	opacity: 0.9;
	/* 不透明度0.9（半透明） */
}

/* 轮播图导航区域 */
.page-home-banner-nav {
	position: absolute;
	/* 绝对定位 */
	top: 50%;
	/* 顶部位置在50%处 */
	transform: translateY(-50%);
	/* 通过transform垂直居中 */
	width: 100%;
	/* 宽度100%填充父容器 */
	z-index: 3;
	/* 设置z-index为3，在所有内容之上 */
}

/* 轮播图前后按钮通用样式 */
.page-home-banner-prev,
.page-home-banner-next {
	position: absolute;
	/* 绝对定位 */
	width: 50px;
	/* 宽度50px */
	height: 50px;
	/* 高度50px */
	background: rgba(255, 255, 255, 0.2);
	/* 设置白色半透明背景 */
	border-radius: 50%;
	/* 设置为圆形 */
	border: none;
	/* 移除边框 */
	color: white;
	/* 文字颜色为白色 */
	font-size: 20px;
	/* 字体大小20px */
	cursor: pointer;
	/* 鼠标悬停时显示手型光标 */
	display: flex;
	/* 使用flex布局 */
	align-items: center;
	/* 垂直居中对齐 */
	justify-content: center;
	/* 水平居中对齐 */
	transition: all 0.3s ease;
	/* 添加所有属性的过渡效果 */
	opacity: 0;
	/* 初始不透明度为0（隐藏） */
	transform: scale(0.8);
	/* 初始缩放为0.8倍 */
	animation: page-home-fadeInScale 0.5s ease forwards 1s;
	/* 添加淡入缩放动画，延迟1秒执行 */
}

/* 淡入缩放动画定义 */
@keyframes page-home-fadeInScale {
	to {
		opacity: 1;
		/* 结束时不透明度为1（完全不透明） */
		transform: scale(1);
		/* 结束时缩放为1倍（原始大小） */
	}
}

/* 轮播图按钮悬停效果 */
.page-home-banner-prev:hover,
.page-home-banner-next:hover {
	background: rgba(255, 255, 255, 0.4);
	/* 悬停时背景变亮 */
	transform: scale(1.1);
	/* 悬停时放大到1.1倍 */
}

/* 上一张按钮位置 */
.page-home-banner-prev {
	left: 30px;
	/* 距离左侧30px */
}

/* 下一张按钮位置 */
.page-home-banner-next {
	right: 30px;
	/* 距离右侧30px */
}

/* 轮播图指示点容器 */
.page-home-banner-dots {
	position: absolute;
	/* 绝对定位 */
	bottom: 30px;
	/* 距离底部30px */
	left: 50%;
	/* 左侧位置在50%处 */
	transform: translateX(-50%);
	/* 通过transform水平居中 */
	display: flex;
	/* 使用flex布局 */
	gap: 10px;
	/* 子元素之间的间距为10px */
	z-index: 2;
	/* 设置z-index为2，在遮罩层之上 */
	opacity: 0;
	/* 初始不透明度为0（隐藏） */
	animation: page-home-fadeIn 0.5s ease forwards 1.2s;
	/* 添加淡入动画，延迟1.2秒执行 */
}

/* 淡入动画定义 */
@keyframes page-home-fadeIn {
	to {
		opacity: 1;
		/* 结束时不透明度为1（完全不透明） */
	}
}

/* 轮播图指示点样式 */
.page-home-banner-dot {
	width: 24px;
	/* 宽度24px */
	height: 4px;
	/* 高度4px */
	border-radius: 2px;
	/* 设置圆角为2px */
	background: rgba(255, 255, 255, 0.5);
	/* 设置白色半透明背景 */
	cursor: pointer;
	/* 鼠标悬停时显示手型光标 */
	transition: all 0.3s ease;
	/* 添加所有属性的过渡效果 */
	border: none;
	/* 移除边框 */
	position: relative;
	/* 相对定位，用于伪元素定位 */
	overflow: hidden;
	/* 隐藏溢出内容 */
}

/* 轮播图指示点动画条 */
.page-home-banner-dot::after {
	content: '';
	/* 伪元素必须设置content */
	position: absolute;
	/* 绝对定位 */
	top: 0;
	/* 顶部对齐 */
	left: -100%;
	/* 初始位置在左侧100%处（隐藏） */
	width: 100%;
	/* 宽度100%填充父容器 */
	height: 100%;
	/* 高度100%填充父容器 */
	background: white;
	/* 背景颜色为白色 */
	transition: left 3s linear;
	/* 添加left属性的线性过渡效果 */
}

/* 激活指示点的动画条效果 */
.page-home-banner-dot.active::after {
	left: 0;
	/* 动画条显示完整 */
}

/* 激活指示点的样式 */
.page-home-banner-dot.active {
	background: white;
	/* 背景颜色为白色 */
	width: 36px;
	/* 宽度增加到36px */
}

/* ========== 优势卡片部分样式 ========== */
.page-home-advantages {
	position: relative;
	/* 相对定位 */
	margin-top: -80px;
	/* 顶部负外边距，向上移动80px与轮播图重叠 */
	z-index: 10;
	/* 设置z-index为10，确保在轮播图之上 */
	padding: 0 20px;
	/* 左右内边距20px */
	opacity: 0;
	/* 初始不透明度为0（隐藏） */
	transform: translateY(30px);
	/* 初始位置向下偏移30px */
	animation: page-home-slideUpFade 0.8s ease forwards 0.3s;
	/* 添加上移淡入动画，延迟0.3秒执行 */
}

/* 上移淡入动画定义 */
@keyframes page-home-slideUpFade {
	to {
		opacity: 1;
		/* 结束时不透明度为1（完全不透明） */
		transform: translateY(0);
		/* 结束时位置回到原处 */
	}
}

/* 优势卡片容器 */
.page-home-advantages-container {
	max-width: 1200px;
	/* 最大宽度1200px */
	margin: 0 auto;
	/* 水平居中 */
	display: grid;
	/* 使用grid布局 */
	grid-template-columns: repeat(3, 1fr);
	/* 3列等宽网格 */
	gap: 30px;
	/* 网格间距30px */
}

/* 优势卡片样式 */
.page-home-advantage-card {
	background: #ffffff;
	/* 背景颜色为白色 */
	border-radius: 8px;
	/* 设置圆角为8px */
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
	/* 添加阴影效果 */
	padding: 25px;
	/* 内边距25px */
	transition: all 0.3s ease;
	/* 添加所有属性的过渡效果 */
	border: 1px solid rgba(0, 0, 0, 0.05);
	/* 添加浅色边框 */
	height: 100%;
	/* 高度100%填充父容器 */
	opacity: 0;
	/* 初始不透明度为0（隐藏） */
	transform: translateY(20px);
	/* 初始位置向下偏移20px */
}

/* 优势卡片延迟动画 */
.page-home-advantage-card:nth-child(1) {
	animation: page-home-cardFadeIn 0.6s ease forwards 0.4s;
	/* 第一张卡片淡入动画，延迟0.4秒 */
}

.page-home-advantage-card:nth-child(2) {
	animation: page-home-cardFadeIn 0.6s ease forwards 0.6s;
	/* 第二张卡片淡入动画，延迟0.6秒 */
}

.page-home-advantage-card:nth-child(3) {
	animation: page-home-cardFadeIn 0.6s ease forwards 0.8s;
	/* 第三张卡片淡入动画，延迟0.8秒 */
}

/* 卡片淡入动画定义 */
@keyframes page-home-cardFadeIn {
	to {
		opacity: 1;
		/* 结束时不透明度为1（完全不透明） */
		transform: translateY(0);
		/* 结束时位置回到原处 */
	}
}

/* 优势卡片悬停效果 */
.page-home-advantage-card:hover {
	transform: translateY(-10px);
	/* 悬停时向上移动10px */
	box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
	/* 悬停时阴影增强 */
}

/* 优势卡片头部 */
.page-home-advantage-header {
	display: flex;
	/* 使用flex布局 */
	align-items: center;
	/* 垂直居中对齐 */
	gap: 15px;
	/* 子元素之间的间距为15px */
	margin-bottom: 15px;
	/* 底部外边距15px */
}

/* 优势卡片图标 */
.page-home-advantage-icon {
	width: 50px;
	/* 宽度50px */
	height: 50px;
	/* 高度50px */
	background: #f8d7da;
	/* 背景颜色为浅粉色 */
	border-radius: 50%;
	/* 设置为圆形 */
	display: flex;
	/* 使用flex布局 */
	align-items: center;
	/* 垂直居中对齐 */
	justify-content: center;
	/* 水平居中对齐 */
	font-size: 20px;
	/* 字体大小20px */
	color: #d2242a;
	/* 图标颜色为红色 */
	flex-shrink: 0;
	/* 防止图标被压缩 */
	transition: all 0.3s ease;
	/* 添加所有属性的过渡效果 */
}

/* 优势卡片悬停时图标效果 */
.page-home-advantage-card:hover .page-home-advantage-icon {
	transform: rotateY(360deg);
	/* 悬停时沿Y轴旋转360度 */
	background: #d2242a;
	/* 悬停时背景变为红色 */
	color: white;
	/* 悬停时图标颜色变为白色 */
}

/* 优势卡片标题 */
.page-home-advantage-title {
	font-size: 20px;
	/* 字体大小20px */
	color: #333;
	/* 文字颜色为深灰色 */
	margin: 0;
	/* 移除外边距 */
	transition: color 0.3s ease;
	/* 添加颜色过渡效果 */
}

/* 优势卡片悬停时标题效果 */
.page-home-advantage-card:hover .page-home-advantage-title {
	color: #d2242a;
	/* 悬停时文字颜色变为红色 */
}

/* 优势卡片描述文字 */
.page-home-advantage-desc {
	color: #666;
	/* 文字颜色为中灰色 */
	font-size: 14px;
	/* 字体大小14px */
	line-height: 1.5;
	/* 行高1.5倍字体大小 */
	margin: 0;
	/* 移除外边距 */
}

/* ========== 产品规格部分样式 ========== */
.page-home-pricing {
	padding: 80px 0;
	/* 上下内边距80px，左右为0 */
	background-color: #f5f7fa;
	/* 背景颜色为浅灰色 */
	opacity: 0;
	/* 初始不透明度为0（隐藏） */
	transform: translateY(30px);
	/* 初始位置向下偏移30px */
	animation: page-home-slideUpFade 0.8s ease forwards 0.5s;
	/* 添加上移淡入动画，延迟0.5秒执行 */
}

/* 产品规格容器 */
.page-home-pricing-container {
	max-width: 1200px;
	/* 最大宽度1200px */
	margin: 0 auto;
	/* 水平居中 */
	padding: 0 20px;
	/* 左右内边距20px */
}

/* 产品规格标题区域 */
.page-home-pricing-title {
	text-align: center;
	/* 文字居中对齐 */
	margin-bottom: 60px;
	/* 底部外边距60px */
	opacity: 0;
	/* 初始不透明度为0（隐藏） */
	transform: translateY(20px);
	/* 初始位置向下偏移20px */
	animation: page-home-fadeInUp 0.6s ease forwards 0.7s;
	/* 添加淡入上移动画，延迟0.7秒执行 */
}

/* 淡入上移动画定义 */
@keyframes page-home-fadeInUp {
	to {
		opacity: 1;
		/* 结束时不透明度为1（完全不透明） */
		transform: translateY(0);
		/* 结束时位置回到原处 */
	}
}

/* 产品规格主标题 */
.page-home-pricing-title h2 {
	font-size: 2.5rem;
	/* 字体大小2.5rem */
	font-weight: bold;
	/* 字体加粗 */
	margin-bottom: 16px;
	/* 底部外边距16px */
}

/* 产品规格副标题 */
.page-home-pricing-title p {
	color: #666666;
	/* 文字颜色为中灰色 */
	max-width: 800px;
	/* 最大宽度800px */
	margin: 20px auto 0;
	/* 顶部外边距20px，水平居中 */
	font-size: 1.1rem;
	/* 字体大小1.1rem */
}

/* 产品规格卡片容器 */
.page-home-pricing-cards {
	display: grid;
	/* 使用grid布局 */
	grid-template-columns: repeat(3, 1fr);
	/* 3列等宽网格 */
	gap: 32px;
	/* 网格间距32px */
}

/* 产品规格卡片通用样式 */
.page-home-pricing-card {
	background-color: #ffffff;
	/* 背景颜色为白色 */
	border-radius: 16px;
	/* 设置圆角为16px */
	overflow: hidden;
	/* 隐藏溢出内容 */
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
	/* 添加阴影效果 */
	border: 2px solid transparent;
	/* 添加透明边框，用于悬停效果 */
	transition: all 0.3s ease;
	/* 添加所有属性的过渡效果 */
	position: relative;
	/* 相对定位，用于徽章定位 */
	opacity: 0;
	/* 初始不透明度为0（隐藏） */
	transform: translateY(30px);
	/* 初始位置向下偏移30px */
}

/* 产品规格卡片延迟动画 */
.page-home-pricing-card:nth-child(1) {
	animation: page-home-cardFadeIn 0.6s ease forwards 0.8s;
	/* 第一张卡片淡入动画，延迟0.8秒 */
}

.page-home-pricing-card:nth-child(2) {
	animation: page-home-cardFadeIn 0.6s ease forwards 1s;
	/* 第二张卡片淡入动画，延迟1秒 */
}

.page-home-pricing-card:nth-child(3) {
	animation: page-home-cardFadeIn 0.6s ease forwards 1.2s;
	/* 第三张卡片淡入动画，延迟1.2秒 */
}

/* 产品规格卡片悬停效果 */
.page-home-pricing-card:hover {
	transform: translateY(-10px);
	/* 悬停时向上移动10px */
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
	/* 悬停时阴影增强 */
}

/* 不同版本卡片的悬停边框颜色 */
.page-home-pricing-standard:hover {
	border-color: #1890ff;
	/* 标准版悬停边框颜色为蓝色 */
}

.page-home-pricing-ai:hover {
	border-color: #d4af37;
	/* AI版悬停边框颜色为金色 */
}

.page-home-pricing-domestic:hover {
	border-color: #d2242a;
	/* 信创版悬停边框颜色为红色 */
}

/* 产品规格徽章 */
.page-home-pricing-badge {
	position: absolute;
	/* 绝对定位 */
	top: 10px;
	/* 距离顶部10px */
	right: -38px;
	/* 距离右侧-38px（部分超出容器） */
	background: linear-gradient(135deg, #000000, #d2242a);
	/* 渐变背景：黑色到红色 */
	color: #ffffff;
	/* 文字颜色为白色 */
	padding: 6px 40px;
	/* 内边距：上下6px，左右40px */
	font-weight: bold;
	/* 字体加粗 */
	font-size: 14px;
	/* 字体大小14px */
	box-shadow: 0 4px 10px rgba(212, 175, 55, 0.4);
	/* 添加阴影效果 */
	z-index: 20;
	/* 设置z-index为20，确保在最上层 */
	transform: rotate(45deg);
	/* 旋转45度 */
	letter-spacing: 6px;
	/* 字间距6px */
}

/* 徽章脉动动画 */
.page-home-pricing-badge.pulse {
	animation: page-home-badge-pulse 2s infinite;
	/* 添加脉动动画，无限循环 */
}

/* 徽章脉动动画定义 */
@keyframes page-home-badge-pulse {
	0% {
		transform: rotate(45deg) scale(1);
		/* 起始状态：旋转45度，缩放1倍 */
	}

	50% {
		transform: rotate(45deg) scale(1.05);
		/* 中间状态：旋转45度，缩放1.05倍 */
	}

	100% {
		transform: rotate(45deg) scale(1);
		/* 结束状态：旋转45度，缩放1倍 */
	}
}

/* 产品规格卡片头部 */
.page-home-pricing-header {
	padding: 32px;
	/* 内边距32px */
	color: #ffffff;
	/* 文字颜色为白色 */
	position: relative;
	/* 相对定位，用于伪元素定位 */
	overflow: hidden;
	/* 隐藏溢出内容 */
}

/* 卡片头部光效动画 */
.page-home-pricing-header::before {
	content: '';
	/* 伪元素必须设置content */
	position: absolute;
	/* 绝对定位 */
	top: 0;
	/* 顶部对齐 */
	left: -100%;
	/* 初始位置在左侧100%处（隐藏） */
	width: 100%;
	/* 宽度100%填充父容器 */
	height: 100%;
	/* 高度100%填充父容器 */
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
	/* 创建水平渐变光效 */
	transition: left 0.5s ease;
	/* 添加left属性的过渡效果 */
}

/* 卡片悬停时光效动画 */
.page-home-pricing-card:hover .page-home-pricing-header::before {
	left: 100%;
	/* 悬停时光效移动到右侧100%处 */
}

/* 不同版本卡片的头部背景色 */
.page-home-pricing-standard .page-home-pricing-header {
	background: linear-gradient(to right, #1890ff, #096dd9);
	/* 标准版：蓝色渐变 */
}

.page-home-pricing-ai .page-home-pricing-header {
	background: linear-gradient(to right, #d4af37, #b8941f);
	/* AI版：金色渐变 */
}

.page-home-pricing-domestic .page-home-pricing-header {
	background: linear-gradient(to right, #d2242a, #000000);
	/* 信创版：红色到黑色渐变 */
}

/* 卡片头部标题 */
.page-home-pricing-header h3 {
	font-size: 24px;
	/* 字体大小24px */
	font-weight: bold;
	/* 字体加粗 */
	margin-bottom: 8px;
	/* 底部外边距8px */
	opacity: 0;
	/* 初始不透明度为0（隐藏） */
	transform: translateY(10px);
	/* 初始位置向下偏移10px */
	animation: page-home-fadeInUp 0.5s ease forwards 0.8s;
	/* 添加淡入上移动画，延迟0.8秒执行 */
}

/* 卡片头部描述文字 */
.page-home-pricing-header p {
	opacity: 0;
	/* 初始不透明度为0（隐藏） */
	transform: translateY(10px);
	/* 初始位置向下偏移10px */
	animation: page-home-fadeInUp 0.5s ease forwards 1s;
	/* 添加淡入上移动画，延迟1秒执行 */
}

/* 产品规格卡片主体 */
.page-home-pricing-body {
	padding: 32px;
	/* 内边距32px */
	position: relative;
	/* 相对定位，用于优惠标签定位 */
}

/* 价格显示区域 */
.page-home-pricing-price-display {
	text-align: center;
	/* 文字居中对齐 */
	margin-bottom: 24px;
	/* 底部外边距24px */
}

/* 价格数字样式 */
.page-home-pricing-price {
	font-size: 36px;
	/* 字体大小36px */
	font-weight: bold;
	/* 字体加粗 */
	margin-bottom: 8px;
	/* 底部外边距8px */
}

/* 不同版本价格数字颜色 */
.page-home-pricing-standard .page-home-pricing-price {
	color: #1890ff;
	/* 标准版价格颜色为蓝色 */
}

.page-home-pricing-ai .page-home-pricing-price {
	color: #d4af37;
	/* AI版价格颜色为金色 */
}

.page-home-pricing-domestic .page-home-pricing-price {
	color: #d2242a;
	/* 信创版价格颜色为红色 */
}

/* 价格单位文字 */
.page-home-pricing-price span {
	font-size: 18px;
	/* 字体大小18px */
	font-weight: normal;
	/* 字体正常粗细 */
	color: #666666;
	/* 文字颜色为中灰色 */
}

/* 优惠标签 */
.page-home-pricing-discount {
	display: inline-block;
	/* 设置为行内块元素 */
	color: #ffffff;
	/* 文字颜色为白色 */
	font-size: 12px;
	/* 字体大小12px */
	font-weight: 500;
	/* 字体中等粗细 */
	padding: 6px 16px;
	/* 内边距：上下6px，左右16px */
	border-radius: 0 15px 0 15px;
	/* 设置非对称圆角 */
	position: absolute;
	/* 绝对定位 */
	top: 128px;
	/* 距离顶部128px */
	right: 20px;
	/* 距离右侧20px */
	transform: rotate(5deg);
	/* 旋转5度 */
	z-index: 1;
	/* 设置z-index为1 */
}

/* 不同版本优惠标签背景色 */
.page-home-pricing-discount.standard,
.page-home-pricing-discount.ai {
	background: linear-gradient(135deg, #d2242a, #000000);
	/* 标准和AI版：红色到黑色渐变 */
}

.page-home-pricing-discount.domestic {
	background: linear-gradient(135deg, #121212 0%, #5a441f 50%, #f9d71c 100%);
	/* 信创版：三色渐变 */
}

/* 优惠标签脉动动画 */
.page-home-pricing-discount.pulse {
	animation: page-home-discount-pulse 1.5s infinite;
	/* 添加脉动动画，无限循环 */
}

/* 优惠标签脉动动画定义 */
@keyframes page-home-discount-pulse {
	0% {
		transform: rotate(5deg) scale(1);
		/* 起始状态：旋转5度，缩放1倍 */
	}

	50% {
		transform: rotate(5deg) scale(1.05);
		/* 中间状态：旋转5度，缩放1.05倍 */
	}

	100% {
		transform: rotate(5deg) scale(1);
		/* 结束状态：旋转5度，缩放1倍 */
	}
}

/* 产品规格按钮 */
.page-home-pricing-btn {
	display: block;
	/* 设置为块级元素 */
	width: 100%;
	/* 宽度100%填充父容器 */
	text-align: center;
	/* 文字居中对齐 */
	color: #ffffff;
	/* 文字颜色为白色 */
	padding: 14px;
	/* 内边距14px */
	border-radius: 8px;
	/* 设置圆角为8px */
	font-weight: 500;
	/* 字体中等粗细 */
	text-decoration: none;
	/* 移除下划线 */
	transition: all 0.3s ease;
	/* 添加所有属性的过渡效果 */
	margin-bottom: 32px;
	/* 底部外边距32px */
	font-size: 1.1rem;
	/* 字体大小1.1rem */
	font-weight: 600;
	/* 字体加粗 */
	border: none;
	/* 移除边框 */
	cursor: pointer;
	/* 鼠标悬停时显示手型光标 */
	position: relative;
	/* 相对定位，用于伪元素定位 */
	overflow: hidden;
	/* 隐藏溢出内容 */
}

/* 按钮光效动画 */
.page-home-pricing-btn::after {
	content: '';
	/* 伪元素必须设置content */
	position: absolute;
	/* 绝对定位 */
	top: 0;
	/* 顶部对齐 */
	left: -100%;
	/* 初始位置在左侧100%处（隐藏） */
	width: 100%;
	/* 宽度100%填充父容器 */
	height: 100%;
	/* 高度100%填充父容器 */
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
	/* 创建水平渐变光效 */
	transition: left 0.5s ease;
	/* 添加left属性的过渡效果 */
}

/* 按钮悬停时光效动画 */
.page-home-pricing-btn:hover::after {
	left: 100%;
	/* 悬停时光效移动到右侧100%处 */
}

/* 不同版本按钮背景色 */
.page-home-pricing-standard .page-home-pricing-btn {
	background: linear-gradient(135deg, #1890ff, #096dd9);
	/* 标准版：蓝色渐变 */
}

.page-home-pricing-ai .page-home-pricing-btn {
	background: linear-gradient(135deg, #d4af37, #b8941f);
	/* AI版：金色渐变 */
}

.page-home-pricing-domestic .page-home-pricing-btn {
	background: linear-gradient(135deg, #d2242a, #a61d24);
	/* 信创版：红色渐变 */
}

/* 核心功能标题 */
.page-home-pricing-body h4 {
	font-weight: bold;
	/* 字体加粗 */
	font-size: 18px;
	/* 字体大小18px */
	margin-bottom: 16px;
	/* 底部外边距16px */
	color: #1e3a8a;
	/* 文字颜色为深蓝色 */
}

/* 功能列表 */
.page-home-pricing-features {
	list-style: none;
	/* 移除列表样式 */
	margin-top: 20px;
	/* 顶部外边距20px */
}

/* 功能列表项 */
.page-home-pricing-features li {
	display: flex;
	/* 使用flex布局 */
	align-items: center;
	/* 垂直居中对齐 */
	margin-bottom: 12px;
	/* 底部外边距12px */
	padding: 8px 0;
	/* 上下内边距8px，左右为0 */
	border-bottom: 1px solid #f0f0f0;
	/* 底部边框为浅灰色 */
}

/* 最后一个功能列表项 */
.page-home-pricing-features li:last-child {
	border-bottom: none;
	/* 移除底部边框 */
}

/* 功能列表图标 */
.page-home-pricing-features i {
	margin-right: 12px;
	/* 右侧外边距12px */
	font-size: 1.1rem;
	/* 字体大小1.1rem */
	transition: transform 0.3s ease;
	/* 添加transform变换过渡效果 */
}

/* 功能列表项悬停时图标效果 */
.page-home-pricing-features li:hover i {
	transform: scale(1.2);
	/* 悬停时图标放大到1.2倍 */
	animation: page-home-iconBounce 0.5s ease;
	/* 添加弹跳动画 */
}

/* 图标弹跳动画定义 */
@keyframes page-home-iconBounce {

	0%,
	100% {
		transform: scale(1.2);
		/* 起始和结束状态：缩放1.2倍 */
	}

	50% {
		transform: scale(1.4);
		/* 中间状态：缩放1.4倍 */
	}
}

/* 不同版本功能列表图标颜色 */
.page-home-pricing-standard .page-home-pricing-features i {
	color: #1890ff;
	/* 标准版图标颜色为蓝色 */
}

.page-home-pricing-ai .page-home-pricing-features i {
	color: #d4af37;
	/* AI版图标颜色为金色 */
}

.page-home-pricing-domestic .page-home-pricing-features i {
	color: #d2242a;
	/* 信创版图标颜色为红色 */
}

/* 产品规格底部行动号召区域 */
.page-home-pricing-cta {
	text-align: center;
	/* 文字居中对齐 */
	margin-top: 48px;
	/* 顶部外边距48px */
	opacity: 0;
	/* 初始不透明度为0（隐藏） */
	transform: translateY(20px);
	/* 初始位置向下偏移20px */
	animation: page-home-fadeInUp 0.6s ease forwards 1.4s;
	/* 添加淡入上移动画，延迟1.4秒执行 */
}

/* 行动号召按钮 */
.page-home-pricing-cta a {
	display: inline-flex;
	/* 设置为行内flex元素 */
	align-items: center;
	/* 垂直居中对齐 */
	padding: 12px 28px;
	/* 内边距：上下12px，左右28px */
	background: linear-gradient(135deg, #1e3a8a, #d2242a);
	/* 渐变背景：深蓝色到红色 */
	color: #ffffff;
	/* 文字颜色为白色 */
	text-decoration: none;
	/* 移除下划线 */
	border-radius: 30px;
	/* 设置圆角为30px（圆形按钮） */
	font-weight: 600;
	/* 字体加粗 */
	transition: all 0.3s ease;
	/* 添加所有属性的过渡效果 */
	position: relative;
	/* 相对定位，用于伪元素定位 */
	overflow: hidden;
	/* 隐藏溢出内容 */
}

/* 行动号召按钮光效动画 */
.page-home-pricing-cta a::before {
	content: '';
	/* 伪元素必须设置content */
	position: absolute;
	/* 绝对定位 */
	top: 0;
	/* 顶部对齐 */
	left: -100%;
	/* 初始位置在左侧100%处（隐藏） */
	width: 100%;
	/* 宽度100%填充父容器 */
	height: 100%;
	/* 高度100%填充父容器 */
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
	/* 创建水平渐变光效 */
	transition: left 0.5s ease;
	/* 添加left属性的过渡效果 */
}

/* 行动号召按钮悬停时光效动画 */
.page-home-pricing-cta a:hover::before {
	left: 100%;
	/* 悬停时光效移动到右侧100%处 */
}

/* ========== 价格计算器部分样式 ========== */
.page-home-calculator {
	padding: 50px 0;
	/* 上下内边距50px，左右为0 */
	background: #ffffff;
	/* 背景颜色为白色 */
	position: relative;
	/* 相对定位 */
	border-top: 1px solid rgba(30, 58, 138, 0.05);
	/* 顶部边框为半透明深蓝色 */
	border-bottom: 1px solid rgba(30, 58, 138, 0.05);
	/* 底部边框为半透明深蓝色 */
	opacity: 0;
	/* 初始不透明度为0（隐藏） */
	transform: translateY(30px);
	/* 初始位置向下偏移30px */
	animation: page-home-slideUpFade 0.8s ease forwards 1s;
	/* 添加上移淡入动画，延迟1秒执行 */
}

/* 价格计算器容器 */
.page-home-calculator-container {
	max-width: 1200px;
	/* 最大宽度1200px */
	margin: 0 auto;
	/* 水平居中 */
	padding: 0 20px;
	/* 左右内边距20px */
}

/* 价格计算器列布局 */
.page-home-calculator-columns {
	display: flex;
	/* 使用flex布局 */
	gap: 50px;
	/* 列间距50px */
	align-items: stretch;
	/* 子元素拉伸对齐（等高） */
}

/* 价格计算器左侧（用户选择） */
.page-home-calculator-left {
	flex: 1;
	/* 占据剩余空间 */
	display: flex;
	/* 使用flex布局 */
	flex-direction: column;
	/* 垂直方向排列 */
	justify-content: center;
	/* 垂直居中对齐 */
}

/* 价格计算器右侧（价格结果） */
.page-home-calculator-right {
	flex: 1;
	/* 占据剩余空间 */
}

/* 用户选择器 */
.page-home-calculator-selector {
	margin-bottom: 20px;
	/* 底部外边距20px */
}

/* 用户选择器标题 */
.page-home-calculator-selector h3 {
	font-size: 18px;
	/* 字体大小18px */
	font-weight: 600;
	/* 字体加粗 */
	color: #333;
	/* 文字颜色为深灰色 */
	margin-bottom: 15px;
	/* 底部外边距15px */
	display: flex;
	/* 使用flex布局 */
	align-items: center;
	/* 垂直居中对齐 */
	gap: 8px;
	/* 子元素之间的间距为8px */
}

/* 用户选择器图标 */
.page-home-calculator-selector h3 i {
	color: #d2242a;
	/* 图标颜色为红色 */
}

/* 滑块容器 */
.page-home-calculator-slider-container {
	position: relative;
	/* 相对定位，用于刻度标记定位 */
	margin-bottom: 10px;
	/* 底部外边距10px */
}

/* 滑块样式 */
.page-home-calculator-slider {
	width: 100%;
	/* 宽度100%填充父容器 */
	height: 8px;
	/* 高度8px */
	background: #e8ecf3;
	/* 背景颜色为浅蓝色 */
	border-radius: 4px;
	/* 设置圆角为4px */
	outline: none;
	/* 移除轮廓线 */
	-webkit-appearance: none;
	/* 移除默认的Webkit样式 */
	transition: all 0.3s;
	/* 添加所有属性的过渡效果 */
}

/* 滑块拖动按钮（Webkit浏览器） */
.page-home-calculator-slider::-webkit-slider-thumb {
	-webkit-appearance: none;
	/* 移除默认的Webkit样式 */
	width: 20px;
	/* 宽度20px */
	height: 20px;
	/* 高度20px */
	background: #d2242a;
	/* 背景颜色为红色 */
	border: none;
	/* 移除边框 */
	border-radius: 4px;
	/* 设置圆角为4px */
	cursor: pointer;
	/* 鼠标悬停时显示手型光标 */
	box-shadow: 0 3px 8px rgba(210, 36, 42, 0.3);
	/* 添加阴影效果 */
	transition: all 0.3s;
	/* 添加所有属性的过渡效果 */
	transform: rotate(45deg);
	/* 旋转45度 */
}

/* 滑块拖动按钮悬停效果 */
.page-home-calculator-slider::-webkit-slider-thumb:hover {
	transform: rotate(45deg) scale(1.1);
	/* 悬停时保持45度旋转并放大到1.1倍 */
	box-shadow: 0 4px 12px rgba(210, 36, 42, 0.4);
	/* 悬停时阴影增强 */
}

/* 滑块刻度标记容器 */
.page-home-calculator-marks {
	display: flex;
	/* 使用flex布局 */
	justify-content: space-between;
	/* 子元素两端对齐 */
	margin-top: 12px;
	/* 顶部外边距12px */
	position: relative;
	/* 相对定位 */
}

/* 滑块刻度标记 */
.page-home-calculator-mark {
	position: relative;
	/* 相对定位，用于伪元素定位 */
	font-size: 12px;
	/* 字体大小12px */
	color: #999;
	/* 文字颜色为浅灰色 */
	padding-top: 8px;
	/* 顶部内边距8px */
}

/* 滑块刻度标记线 */
.page-home-calculator-mark::before {
	content: '';
	/* 伪元素必须设置content */
	position: absolute;
	/* 绝对定位 */
	top: -16px;
	/* 距离顶部-16px（向上偏移） */
	left: 50%;
	/* 左侧位置在50%处 */
	transform: translateX(-50%);
	/* 通过transform水平居中 */
	width: 1px;
	/* 宽度1px */
	height: 8px;
	/* 高度8px */
	background: #ddd;
	/* 背景颜色为浅灰色 */
}

/* 用户数量输入行 */
.page-home-calculator-input-row {
	display: flex;
	/* 使用flex布局 */
	align-items: center;
	/* 垂直居中对齐 */
	gap: 15px;
	/* 子元素之间的间距为15px */
	margin-top: 15px;
	/* 顶部外边距15px */
}

/* 用户数量输入容器 */
.page-home-calculator-input-container {
	display: flex;
	/* 使用flex布局 */
	align-items: center;
	/* 垂直居中对齐 */
	background: #f8f9fa;
	/* 背景颜色为浅灰色 */
	border: 2px solid #e8ecf3;
	/* 边框为浅蓝色 */
	border-radius: 8px;
	/* 设置圆角为8px */
	padding: 5px 10px;
	/* 内边距：上下5px，左右10px */
	transition: all 0.3s;
	/* 添加所有属性的过渡效果 */
}

/* 输入容器获得焦点时的效果 */
.page-home-calculator-input-container:focus-within {
	border-color: #d2242a;
	/* 边框颜色变为红色 */
	background: #ffffff;
	/* 背景颜色变为白色 */
	box-shadow: 0 0 0 3px rgba(210, 36, 42, 0.1);
	/* 添加红色阴影 */
	animation: page-home-inputPulse 1s ease;
	/* 添加脉冲动画 */
}

/* 输入脉冲动画定义 */
@keyframes page-home-inputPulse {
	0% {
		box-shadow: 0 0 0 0 rgba(210, 36, 42, 0.2);
		/* 起始状态：无阴影 */
	}

	70% {
		box-shadow: 0 0 0 10px rgba(210, 36, 42, 0);
		/* 中间状态：阴影扩大 */
	}

	100% {
		box-shadow: 0 0 0 3px rgba(210, 36, 42, 0.1);
		/* 结束状态：固定阴影 */
	}
}

/* 输入无效时的样式 */
.page-home-calculator-input-container.invalid {
	border-color: #ff4d4f;
	/* 边框颜色变为红色（错误状态） */
	animation: page-home-shake 0.5s ease;
	/* 添加抖动动画 */
}

/* 抖动动画定义 */
@keyframes page-home-shake {

	0%,
	100% {
		transform: translateX(0);
		/* 起始和结束状态：无水平位移 */
	}

	10%,
	30%,
	50%,
	70%,
	90% {
		transform: translateX(-2px);
		/* 向左偏移2px */
	}

	20%,
	40%,
	60%,
	80% {
		transform: translateX(2px);
		/* 向右偏移2px */
	}
}

/* 加减按钮 */
.page-home-calculator-btn {
	width: 30px;
	/* 宽度30px */
	height: 30px;
	/* 高度30px */
	background: #e8ecf3;
	/* 背景颜色为浅蓝色 */
	border: none;
	/* 移除边框 */
	border-radius: 4px;
	/* 设置圆角为4px */
	color: #666;
	/* 文字颜色为中灰色 */
	font-size: 16px;
	/* 字体大小16px */
	font-weight: bold;
	/* 字体加粗 */
	cursor: pointer;
	/* 鼠标悬停时显示手型光标 */
	display: flex;
	/* 使用flex布局 */
	align-items: center;
	/* 垂直居中对齐 */
	justify-content: center;
	/* 水平居中对齐 */
	transition: all 0.3s;
	/* 添加所有属性的过渡效果 */
}

/* 加减按钮悬停效果 */
.page-home-calculator-btn:hover {
	background: #d2242a;
	/* 悬停时背景颜色变为红色 */
	color: white;
	/* 悬停时文字颜色变为白色 */
}

/* 用户数量输入框 */
.page-home-calculator-input {
	width: 80px;
	/* 宽度80px */
	background: transparent;
	/* 背景透明 */
	border: none;
	/* 移除边框 */
	font-size: 16px;
	/* 字体大小16px */
	font-weight: 600;
	/* 字体加粗 */
	color: #333;
	/* 文字颜色为深灰色 */
	outline: none;
	/* 移除轮廓线 */
	text-align: center;
	/* 文字居中对齐 */
	padding: 0 5px;
	/* 左右内边距5px，上下为0 */
}

/* 移除数字输入框的默认箭头按钮（Webkit浏览器） */
.page-home-calculator-input::-webkit-outer-spin-button,
.page-home-calculator-input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	/* 移除默认的Webkit样式 */
	margin: 0;
	/* 移除外边距 */
}

/* 移除数字输入框的默认箭头按钮（Firefox浏览器） */
.page-home-calculator-input[type=number] {
	-moz-appearance: textfield;
	/* 设置为文本域样式 */
}

/* 用户数量单位 */
.page-home-calculator-unit {
	color: #666;
	/* 文字颜色为中灰色 */
	font-size: 14px;
	/* 字体大小14px */
	font-weight: 500;
	/* 字体中等粗细 */
	margin-left: 5px;
	/* 左侧外边距5px */
}

/* 重置按钮 */
.page-home-calculator-reset {
	padding: 8px 16px;
	/* 内边距：上下8px，左右16px */
	background: linear-gradient(135deg, #f1f5f9, #e8ecf3);
	/* 渐变背景：浅灰色 */
	border: 2px solid #e8ecf3;
	/* 边框为浅蓝色 */
	border-radius: 8px;
	/* 设置圆角为8px */
	font-size: 14px;
	/* 字体大小14px */
	font-weight: 600;
	/* 字体加粗 */
	color: #666;
	/* 文字颜色为中灰色 */
	cursor: pointer;
	/* 鼠标悬停时显示手型光标 */
	transition: all 0.3s;
	/* 添加所有属性的过渡效果 */
	display: flex;
	/* 使用flex布局 */
	align-items: center;
	/* 垂直居中对齐 */
	gap: 8px;
	/* 子元素之间的间距为8px */
}

/* 重置按钮悬停效果 */
.page-home-calculator-reset:hover {
	background: linear-gradient(135deg, #e8ecf3, #dee2e6);
	/* 悬停时背景变深 */
	color: #333;
	/* 悬停时文字颜色变深 */
	transform: translateY(-2px);
	/* 悬停时向上移动2px */
}

/* 当前选择信息区域 */
.page-home-calculator-selected {
	display: flex;
	/* 使用flex布局 */
	justify-content: space-between;
	/* 子元素两端对齐 */
	align-items: center;
	/* 垂直居中对齐 */
	margin-top: 15px;
	/* 顶部外边距15px */
	padding: 10px 0;
	/* 上下内边距10px，左右为0 */
}

/* 当前选择信息 */
.page-home-calculator-selected-info {
	display: flex;
	/* 使用flex布局 */
	align-items: center;
	/* 垂直居中对齐 */
	gap: 8px;
	/* 子元素之间的间距为8px */
	font-size: 14px;
	/* 字体大小14px */
	color: #1e3a8a;
	/* 文字颜色为深蓝色 */
	font-weight: 600;
	/* 字体加粗 */
}

/* 当前选择信息图标 */
.page-home-calculator-selected-info i {
	color: #d2242a;
	/* 图标颜色为红色 */
}

/* 当前选择信息数值 */
.page-home-calculator-selected-info span {
	color: #d2242a;
	/* 文字颜色为红色 */
	font-weight: 700;
	/* 字体加粗 */
}

/* 计算结果区域 */
.page-home-calculator-results {
	background: linear-gradient(135deg, #f9fafb 0%, #f3f4f6 100%);
	/* 渐变背景：浅灰色 */
	border-radius: 12px;
	/* 设置圆角为12px */
	padding: 25px;
	/* 内边距25px */
	border: 1px solid rgba(30, 58, 138, 0.1);
	/* 边框为半透明深蓝色 */
	height: 100%;
	/* 高度100%填充父容器 */
	display: flex;
	/* 使用flex布局 */
	flex-direction: column;
	/* 垂直方向排列 */
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
	/* 添加阴影效果 */
	position: relative;
	/* 相对定位，用于伪元素定位 */
	overflow: hidden;
	/* 隐藏溢出内容 */
}

/* 计算结果区域顶部装饰条 */
.page-home-calculator-results::before {
	content: '';
	/* 伪元素必须设置content */
	position: absolute;
	/* 绝对定位 */
	top: 0;
	/* 顶部对齐 */
	left: 0;
	/* 左侧对齐 */
	right: 0;
	/* 右侧对齐 */
	height: 4px;
	/* 高度4px */
	background: linear-gradient(90deg, #d2242a, #1e3a8a);
	/* 渐变背景：红色到深蓝色 */
}

/* 计算结果网格布局 */
.page-home-calculator-grid {
	display: grid;
	/* 使用grid布局 */
	grid-template-columns: repeat(3, 1fr);
	/* 3列等宽网格 */
	gap: 15px;
	/* 网格间距15px */
	flex: 1;
	/* 占据剩余空间 */
}

/* 计算结果卡片 */
.page-home-calculator-card {
	background: #ffffff;
	/* 背景颜色为白色 */
	border-radius: 10px;
	/* 设置圆角为10px */
	padding: 20px 15px;
	/* 内边距：上下20px，左右15px */
	text-align: center;
	/* 文字居中对齐 */
	border: 1px solid rgba(30, 58, 138, 0.1);
	/* 边框为半透明深蓝色 */
	transition: all 0.3s ease;
	/* 添加所有属性的过渡效果 */
	position: relative;
	/* 相对定位，用于徽章定位 */
	overflow: hidden;
	/* 隐藏溢出内容 */
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
	/* 添加阴影效果 */
	display: flex;
	/* 使用flex布局 */
	flex-direction: column;
	/* 垂直方向排列 */
	justify-content: space-between;
	/* 子元素两端对齐 */
	opacity: 0;
	/* 初始不透明度为0（隐藏） */
	transform: scale(0.9);
	/* 初始缩放为0.9倍 */
}

/* 计算结果卡片延迟动画 */
.page-home-calculator-card:nth-child(1) {
	animation: page-home-cardZoomIn 0.5s ease forwards 1.2s;
	/* 第一张卡片缩放淡入动画，延迟1.2秒 */
}

.page-home-calculator-card:nth-child(2) {
	animation: page-home-cardZoomIn 0.5s ease forwards 1.3s;
	/* 第二张卡片缩放淡入动画，延迟1.3秒 */
}

.page-home-calculator-card:nth-child(3) {
	animation: page-home-cardZoomIn 0.5s ease forwards 1.4s;
	/* 第三张卡片缩放淡入动画，延迟1.4秒 */
}

/* 卡片缩放淡入动画定义 */
@keyframes page-home-cardZoomIn {
	to {
		opacity: 1;
		/* 结束时不透明度为1（完全不透明） */
		transform: scale(1);
		/* 结束时缩放为1倍（原始大小） */
	}
}

/* 计算结果卡片悬停效果 */
.page-home-calculator-card:hover {
	transform: translateY(-3px) scale(1.02);
	/* 悬停时向上移动3px并放大到1.02倍 */
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
	/* 悬停时阴影增强 */
}

/* 不同版本卡片的顶部边框颜色 */
.page-home-calculator-card.standard {
	border-top: 3px solid #1890ff;
	/* 标准版顶部边框为蓝色 */
}

.page-home-calculator-card.ai {
	border-top: 3px solid #d4af37;
	/* AI版顶部边框为金色 */
}

.page-home-calculator-card.domestic {
	border-top: 3px solid #d2242a;
	/* 信创版顶部边框为红色 */
}

/* 计算结果卡片徽章 */
.page-home-calculator-card-badge {
	position: absolute;
	/* 绝对定位 */
	top: 0;
	/* 距离顶部0px */
	right: 0;
	/* 距离右侧0px */
	background: linear-gradient(135deg, #d2242a, #000000);
	/* 渐变背景：红色到黑色 */
	color: #ffffff;
	/* 文字颜色为白色 */
	font-size: 11px;
	/* 字体大小11px */
	font-weight: 600;
	/* 字体加粗 */
	padding: 3px 10px;
	/* 内边距：上下3px，左右10px */
	border-radius: 0 10px 0 10px;
	/* 设置非对称圆角 */
}

/* 计算结果卡片头部 */
.page-home-calculator-card-header {
	margin-bottom: 8px;
	/* 底部外边距8px */
}

/* 计算结果卡片名称 */
.page-home-calculator-card-name {
	font-size: 16px;
	/* 字体大小16px */
	font-weight: 700;
	/* 字体加粗 */
	margin-bottom: 5px;
	/* 底部外边距5px */
}

/* 不同版本卡片名称颜色 */
.page-home-calculator-card-name.standard {
	color: #1890ff;
	/* 标准版名称颜色为蓝色 */
}

.page-home-calculator-card-name.ai {
	color: #d4af37;
	/* AI版名称颜色为金色 */
}

.page-home-calculator-card-name.domestic {
	color: #d2242a;
	/* 信创版名称颜色为红色 */
}

/* 计算结果卡片描述 */
.page-home-calculator-card-desc {
	font-size: 12px;
	/* 字体大小12px */
	color: #888;
	/* 文字颜色为浅灰色 */
	line-height: 1.4;
	/* 行高1.4倍字体大小 */
	margin-bottom: 5px;
	/* 底部外边距5px */
}

/* 计算结果卡片价格数值 */
.page-home-calculator-card-value {
	font-size: 22px;
	/* 字体大小22px */
	font-weight: 800;
	/* 字体加粗 */
	margin: 10px 0;
	/* 上下外边距10px，左右为0 */
	line-height: 1;
	/* 行高1倍字体大小（紧凑） */
	display: flex;
	/* 使用flex布局 */
	align-items: baseline;
	/* 基线对齐 */
	justify-content: center;
	/* 水平居中对齐 */
	flex-wrap: nowrap;
	/* 禁止换行 */
}

/* 不同版本价格数值颜色 */
.page-home-calculator-card-value.standard {
	color: #1890ff;
	/* 标准版价格颜色为蓝色 */
}

.page-home-calculator-card-value.ai {
	color: #d4af37;
	/* AI版价格颜色为金色 */
}

.page-home-calculator-card-value.domestic {
	color: #d2242a;
	/* 信创版价格颜色为红色 */
}

/* 价格更新动画 */
.page-home-calculator-card-value.updating {
	animation: page-home-priceUpdate 0.5s ease;
	/* 添加价格更新动画 */
}

/* 价格更新动画定义 */
@keyframes page-home-priceUpdate {
	0% {
		transform: scale(1);
		/* 起始状态：缩放1倍 */
	}

	50% {
		transform: scale(1.1);
		/* 中间状态：缩放1.1倍 */
	}

	100% {
		transform: scale(1);
		/* 结束状态：缩放1倍 */
	}
}

/* 计算结果卡片价格单位 */
.page-home-calculator-card-unit {
	font-size: 14px;
	/* 字体大小14px */
	color: #999;
	/* 文字颜色为浅灰色 */
	font-weight: 500;
	/* 字体中等粗细 */
	margin-left: 2px;
	/* 左侧外边距2px */
	white-space: nowrap;
	/* 禁止换行 */
}

/* 计算结果卡片特性 */
.page-home-calculator-card-feature {
	font-size: 11px;
	/* 字体大小11px */
	color: #666;
	/* 文字颜色为中灰色 */
	margin-top: 8px;
	/* 顶部外边距8px */
	padding-top: 8px;
	/* 顶部内边距8px */
	border-top: 1px solid #f0f0f0;
	/* 顶部边框为浅灰色 */
	display: flex;
	/* 使用flex布局 */
	align-items: center;
	/* 垂直居中对齐 */
	justify-content: center;
	/* 水平居中对齐 */
	gap: 6px;
	/* 子元素之间的间距为6px */
	white-space: nowrap;
	/* 禁止换行 */
}

/* ========== 核心功能部分样式 ========== */
.page-home-core {
	padding: 80px 0;
	/* 上下内边距80px，左右为0 */
	background-color: #f5f7fa;
	/* 背景颜色为浅灰色 */
	opacity: 0;
	/* 初始不透明度为0（隐藏） */
	transform: translateY(30px);
	/* 初始位置向下偏移30px */
	animation: page-home-slideUpFade 0.8s ease forwards 1.2s;
	/* 添加上移淡入动画，延迟1.2秒执行 */
}

/* 核心功能容器 */
.page-home-core-container {
	max-width: 1200px;
	/* 最大宽度1200px */
	margin: 0 auto;
	/* 水平居中 */
	padding: 0 20px;
	/* 左右内边距20px */
}

/* 核心功能标题区域 */
.page-home-core-title {
	text-align: center;
	/* 文字居中对齐 */
	margin-bottom: 60px;
	/* 底部外边距60px */
	opacity: 0;
	/* 初始不透明度为0（隐藏） */
	transform: translateY(20px);
	/* 初始位置向下偏移20px */
	animation: page-home-fadeInUp 0.6s ease forwards 1.4s;
	/* 添加淡入上移动画，延迟1.4秒执行 */
}

/* 核心功能主标题 */
.page-home-core-title h2 {
	font-size: 36px;
	/* 字体大小36px */
	margin-bottom: 15px;
	/* 底部外边距15px */
	color: #1e3a8a;
	/* 文字颜色为深蓝色 */
}

/* 核心功能副标题 */
.page-home-core-title p {
	color: #666;
	/* 文字颜色为中灰色 */
	max-width: 800px;
	/* 最大宽度800px */
	margin: 0 auto;
	/* 水平居中 */
	font-size: 18px;
	/* 字体大小18px */
}

/* 核心功能网格布局 */
.page-home-core-grid {
	display: grid;
	/* 使用grid布局 */
	grid-template-columns: repeat(4, 1fr);
	/* 4列等宽网格 */
	gap: 30px;
	/* 网格间距30px */
}

/* 核心功能卡片 */
.page-home-core-card {
	text-align: center;
	/* 文字居中对齐 */
	padding: 30px 20px;
	/* 内边距：上下30px，左右20px */
	border-radius: 8px;
	/* 设置圆角为8px */
	transition: all 0.3s ease;
	/* 添加所有属性的过渡效果 */
	background: #ffffff;
	/* 背景颜色为白色 */
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
	/* 添加阴影效果 */
	opacity: 0;
	/* 初始不透明度为0（隐藏） */
	transform: translateY(30px);
	/* 初始位置向下偏移30px */
}

/* 核心功能卡片延迟动画 */
.page-home-core-card:nth-child(1) {
	animation: page-home-cardFadeIn 0.6s ease forwards 1.5s;
	/* 第一张卡片淡入动画，延迟1.5秒 */
}

.page-home-core-card:nth-child(2) {
	animation: page-home-cardFadeIn 0.6s ease forwards 1.6s;
	/* 第二张卡片淡入动画，延迟1.6秒 */
}

.page-home-core-card:nth-child(3) {
	animation: page-home-cardFadeIn 0.6s ease forwards 1.7s;
	/* 第三张卡片淡入动画，延迟1.7秒 */
}

.page-home-core-card:nth-child(4) {
	animation: page-home-cardFadeIn 0.6s ease forwards 1.8s;
	/* 第四张卡片淡入动画，延迟1.8秒 */
}

/* 核心功能卡片悬停效果 */
.page-home-core-card:hover {
	transform: translateY(-5px);
	/* 悬停时向上移动5px */
	box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
	/* 悬停时阴影增强 */
}

/* 核心功能图标 */
.page-home-core-icon {
	width: 80px;
	/* 宽度80px */
	height: 80px;
	/* 高度80px */
	margin: 0 auto 20px;
	/* 水平居中，底部外边距20px */
	background: linear-gradient(135deg, #d2242a, #1e3a8a);
	/* 渐变背景：红色到深蓝色 */
	border-radius: 50%;
	/* 设置为圆形 */
	display: flex;
	/* 使用flex布局 */
	align-items: center;
	/* 垂直居中对齐 */
	justify-content: center;
	/* 水平居中对齐 */
	font-size: 32px;
	/* 字体大小32px */
	color: white;
	/* 图标颜色为白色 */
	transition: all 0.3s ease;
	/* 添加所有属性的过渡效果 */
}

/* 核心功能卡片悬停时图标效果 */
.page-home-core-card:hover .page-home-core-icon {
	transform: scale(1.1) rotate(10deg);
	/* 悬停时放大到1.1倍并旋转10度 */
	background: linear-gradient(135deg, #1e3a8a, #d2242a);
	/* 悬停时渐变背景反转 */
}

/* 核心功能卡片标题 */
.page-home-core-card-title {
	font-size: 20px;
	/* 字体大小20px */
	margin-bottom: 15px;
	/* 底部外边距15px */
	color: #333;
	/* 文字颜色为深灰色 */
	transition: color 0.3s ease;
	/* 添加颜色过渡效果 */
}

/* 核心功能卡片悬停时标题效果 */
.page-home-core-card:hover .page-home-core-card-title {
	color: #d2242a;
	/* 悬停时文字颜色变为红色 */
}

/* 核心功能卡片描述 */
.page-home-core-card-desc {
	color: #666;
	/* 文字颜色为中灰色 */
	line-height: 1.6;
	/* 行高1.6倍字体大小 */
}

/* ========== 客户案例部分样式 ========== */
.page-home-case {
	padding: 100px 0;
	/* 上下内边距100px，左右为0 */
	background-color: #ffffff;
	/* 背景颜色为白色 */
	opacity: 0;
	/* 初始不透明度为0（隐藏） */
	transform: translateY(30px);
	/* 初始位置向下偏移30px */
	animation: page-home-slideUpFade 0.8s ease forwards 1.6s;
	/* 添加上移淡入动画，延迟1.6秒执行 */
}

/* 客户案例容器 */
.page-home-case-container {
	max-width: 1200px;
	/* 最大宽度1200px */
	margin: 0 auto;
	/* 水平居中 */
	padding: 0 20px;
	/* 左右内边距20px */
}

/* 客户案例标题区域 */
.page-home-case-header {
	text-align: center;
	/* 文字居中对齐 */
	margin-bottom: 60px;
	/* 底部外边距60px */
	opacity: 0;
	/* 初始不透明度为0（隐藏） */
	transform: translateY(20px);
	/* 初始位置向下偏移20px */
	animation: page-home-fadeInUp 0.6s ease forwards 1.8s;
	/* 添加淡入上移动画，延迟1.8秒执行 */
}

/* 客户案例主标题 */
.page-home-case-header h2 {
	font-size: 40px;
	/* 字体大小40px */
	font-weight: 600;
	/* 字体加粗 */
	margin-bottom: 16px;
	/* 底部外边距16px */
	color: #d2242a;
	/* 文字颜色为红色 */
}

/* 客户案例副标题 */
.page-home-case-subtitle {
	font-size: 18px;
	/* 字体大小18px */
	color: #666666;
	/* 文字颜色为中灰色 */
	max-width: 700px;
	/* 最大宽度700px */
	margin: 0 auto;
	/* 水平居中 */
	line-height: 1.6;
	/* 行高1.6倍字体大小 */
}

/* 客户案例滚动容器 */
.page-home-case-scroll-container {
	position: relative;
	/* 相对定位，用于控制按钮定位 */
	overflow: hidden;
	/* 隐藏溢出内容 */
	padding: 20px 0 40px;
	/* 内边距：上下20px，底部40px */
}

/* 客户案例滚动区域 */
.page-home-case-scroll {
	display: flex;
	/* 使用flex布局 */
	gap: 24px;
	/* 卡片间距24px */
	overflow-x: auto;
	/* 水平方向溢出时显示滚动条 */
	scroll-behavior: smooth;
	/* 平滑滚动效果 */
	padding: 10px;
	/* 内边距10px */
	scrollbar-width: none;
	/* 隐藏滚动条（Firefox） */
}

/* 隐藏滚动条（Webkit浏览器） */
.page-home-case-scroll::-webkit-scrollbar {
	display: none;
	/* 隐藏滚动条 */
}

/* 客户案例卡片 */
.page-home-case-card {
	flex: 0 0 380px;
	/* 固定宽度380px，不伸缩不收缩 */
	background: #ffffff;
	/* 背景颜色为白色 */
	border-radius: 16px;
	/* 设置圆角为16px */
	overflow: hidden;
	/* 隐藏溢出内容 */
	box-shadow: 0 8px 30px rgba(210, 36, 42, 0.08);
	/* 添加红色调阴影效果 */
	border: 1px solid rgba(210, 36, 42, 0.08);
	/* 边框为半透明红色 */
	transition: all 0.3s ease;
	/* 添加所有属性的过渡效果 */
	display: flex;
	/* 使用flex布局 */
	flex-direction: column;
	/* 垂直方向排列 */
	opacity: 0;
	/* 初始不透明度为0（隐藏） */
	transform: translateY(20px);
	/* 初始位置向下偏移20px */
}

/* 客户案例卡片延迟动画 */
.page-home-case-card:nth-child(1) {
	animation: page-home-cardFadeIn 0.6s ease forwards 2s;
	/* 第一张卡片淡入动画，延迟2秒 */
}

.page-home-case-card:nth-child(2) {
	animation: page-home-cardFadeIn 0.6s ease forwards 2.1s;
	/* 第二张卡片淡入动画，延迟2.1秒 */
}

.page-home-case-card:nth-child(3) {
	animation: page-home-cardFadeIn 0.6s ease forwards 2.2s;
	/* 第三张卡片淡入动画，延迟2.2秒 */
}

/* 客户案例卡片悬停效果 */
.page-home-case-card:hover {
	transform: translateY(-5px);
	/* 悬停时向上移动5px */
}

/* 客户案例图片容器 */
.page-home-case-image-container {
	height: 200px;
	/* 高度200px */
	width: 100%;
	/* 宽度100%填充父容器 */
	position: relative;
	/* 相对定位 */
	overflow: hidden;
	/* 隐藏溢出内容 */
}

/* 客户案例图片 */
.page-home-case-image {
	width: 100%;
	/* 宽度100%填充父容器 */
	height: 100%;
	/* 高度100%填充父容器 */
	object-fit: cover;
	/* 图片按比例缩放，覆盖整个区域 */
	object-position: center;
	/* 图片中心定位 */
	display: block;
	/* 设置为块级元素 */
	transition: transform 0.5s ease;
	/* 添加transform变换过渡效果 */
}

/* 客户案例卡片悬停时图片效果 */
.page-home-case-card:hover .page-home-case-image {
	transform: scale(1.05);
	/* 悬停时图片放大到1.05倍 */
}

/* 客户案例内容区域 */
.page-home-case-content {
	padding: 28px;
	/* 内边距28px */
	flex-grow: 1;
	/* 占据剩余空间 */
	display: flex;
	/* 使用flex布局 */
	flex-direction: column;
	/* 垂直方向排列 */
}

/* 客户案例公司名称 */
.page-home-case-company {
	font-size: 22px;
	/* 字体大小22px */
	font-weight: 600;
	/* 字体加粗 */
	margin-bottom: 16px;
	/* 底部外边距16px */
	color: #222222;
	/* 文字颜色为深灰色 */
	line-height: 1.3;
	/* 行高1.3倍字体大小 */
	transition: color 0.3s ease;
	/* 添加颜色过渡效果 */
}

/* 客户案例卡片悬停时公司名称效果 */
.page-home-case-card:hover .page-home-case-company {
	color: #d2242a;
	/* 悬停时文字颜色变为红色 */
}

/* 客户案例描述 */
.page-home-case-description {
	color: #555555;
	/* 文字颜色为中灰色 */
	margin-bottom: 28px;
	/* 底部外边距28px */
	line-height: 1.7;
	/* 行高1.7倍字体大小 */
	font-size: 15px;
	/* 字体大小15px */
	flex-grow: 1;
	/* 占据剩余空间 */
}

/* 客户案例底部信息 */
.page-home-case-footer {
	display: flex;
	/* 使用flex布局 */
	justify-content: space-between;
	/* 子元素两端对齐 */
	align-items: center;
	/* 垂直居中对齐 */
	padding-top: 20px;
	/* 顶部内边距20px */
	border-top: 1px solid rgba(210, 36, 42, 0.08);
	/* 顶部边框为半透明红色 */
}

/* 客户案例版本信息 */
.page-home-case-version {
	display: flex;
	/* 使用flex布局 */
	align-items: center;
	/* 垂直居中对齐 */
	gap: 12px;
	/* 子元素之间的间距为12px */
}

/* 客户案例版本标签 */
.page-home-case-version-label {
	font-size: 13px;
	/* 字体大小13px */
	color: #888888;
	/* 文字颜色为浅灰色 */
}

/* 客户案例版本值 */
.page-home-case-version-value {
	font-size: 14px;
	/* 字体大小14px */
	font-weight: 600;
	/* 字体加粗 */
	color: #ffffff;
	/* 文字颜色为白色 */
	background: linear-gradient(135deg, #d2242a, #f05454);
	/* 渐变背景：红色到浅红色 */
	padding: 6px 14px;
	/* 内边距：上下6px，左右14px */
	border-radius: 20px;
	/* 设置圆角为20px（圆形） */
	transition: transform 0.3s ease;
	/* 添加transform变换过渡效果 */
}

/* 客户案例卡片悬停时版本值效果 */
.page-home-case-card:hover .page-home-case-version-value {
	transform: scale(1.05);
	/* 悬停时放大到1.05倍 */
}

/* 客户案例行业标签 */
.page-home-case-industry {
	font-size: 13px;
	/* 字体大小13px */
	color: #666666;
	/* 文字颜色为中灰色 */
	padding: 6px 14px;
	/* 内边距：上下6px，左右14px */
	background: rgba(210, 36, 42, 0.05);
	/* 背景颜色为半透明红色 */
	border-radius: 20px;
	/* 设置圆角为20px（圆形） */
	border: 1px solid rgba(210, 36, 42, 0.1);
	/* 边框为半透明红色 */
	transition: all 0.3s ease;
	/* 添加所有属性的过渡效果 */
}

/* 客户案例卡片悬停时行业标签效果 */
.page-home-case-card:hover .page-home-case-industry {
	background: rgba(210, 36, 42, 0.1);
	/* 悬停时背景颜色变深 */
	border-color: rgba(210, 36, 42, 0.2);
	/* 悬停时边框颜色变深 */
}

/* 客户案例滚动控制按钮 */
.page-home-case-control {
	position: absolute;
	/* 绝对定位 */
	top: 50%;
	/* 顶部位置在50%处 */
	transform: translateY(-50%);
	/* 通过transform垂直居中 */
	width: 48px;
	/* 宽度48px */
	height: 48px;
	/* 高度48px */
	border-radius: 50%;
	/* 设置为圆形 */
	background: #ffffff;
	/* 背景颜色为白色 */
	border: 1px solid rgba(210, 36, 42, 0.2);
	/* 边框为半透明红色 */
	display: flex;
	/* 使用flex布局 */
	align-items: center;
	/* 垂直居中对齐 */
	justify-content: center;
	/* 水平居中对齐 */
	cursor: pointer;
	/* 鼠标悬停时显示手型光标 */
	transition: all 0.3s ease;
	/* 添加所有属性的过渡效果 */
	color: #d2242a;
	/* 图标颜色为红色 */
	font-size: 18px;
	/* 字体大小18px */
	z-index: 10;
	/* 设置z-index为10，确保在最上层 */
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
	/* 添加阴影效果 */
	opacity: 0;
	/* 初始不透明度为0（隐藏） */
	transform: translateY(-50%) scale(0.8);
	/* 初始位置垂直居中并缩放为0.8倍 */
	animation: page-home-fadeInScale 0.5s ease forwards 2.3s;
	/* 添加淡入缩放动画，延迟2.3秒执行 */
}

/* 客户案例滚动控制按钮悬停效果 */
.page-home-case-control:hover {
	background: #d2242a;
	/* 悬停时背景颜色变为红色 */
	color: #ffffff;
	/* 悬停时图标颜色变为白色 */
	border-color: #d2242a;
	/* 悬停时边框颜色变为红色 */
	transform: translateY(-50%) scale(1.05);
	/* 悬停时保持垂直居中并放大到1.05倍 */
}

/* 客户案例上一个按钮 */
.page-home-case-prev {
	left: 0;
	/* 距离左侧0px */
}

/* 客户案例下一个按钮 */
.page-home-case-next {
	right: 0;
	/* 距离右侧0px */
}

/* ========== 常见问题部分样式 ========== */
.page-home-faq {
	max-width: 1200px;
	/* 最大宽度1200px */
	margin: 0 auto;
	/* 水平居中 */
	padding: 80px 20px;
	/* 上下内边距80px，左右20px */
	opacity: 0;
	/* 初始不透明度为0（隐藏） */
	transform: translateY(30px);
	/* 初始位置向下偏移30px */
	animation: page-home-slideUpFade 0.8s ease forwards 2s;
	/* 添加上移淡入动画，延迟2秒执行 */
}

/* 常见问题标题区域 */
.page-home-faq-header {
	text-align: center;
	/* 文字居中对齐 */
	margin-bottom: 50px;
	/* 底部外边距50px */
	opacity: 0;
	/* 初始不透明度为0（隐藏） */
	transform: translateY(20px);
	/* 初始位置向下偏移20px */
	animation: page-home-fadeInUp 0.6s ease forwards 2.2s;
	/* 添加淡入上移动画，延迟2.2秒执行 */
}

/* 常见问题主标题 */
.page-home-faq-title {
	font-size: 2.2rem;
	/* 字体大小2.2rem */
	font-weight: 700;
	/* 字体加粗 */
	color: #1e3a8a;
	/* 文字颜色为深蓝色 */
	margin-bottom: 15px;
	/* 底部外边距15px */
}

/* 常见问题副标题 */
.page-home-faq-subtitle {
	font-size: 1.1rem;
	/* 字体大小1.1rem */
	color: #666;
	/* 文字颜色为中灰色 */
	max-width: 600px;
	/* 最大宽度600px */
	margin: 0 auto;
	/* 水平居中 */
	line-height: 1.6;
	/* 行高1.6倍字体大小 */
}

/* 常见问题列表 */
.page-home-faq-list {
	display: grid;
	/* 使用grid布局 */
	gap: 20px;
	/* 卡片间距20px */
}

/* 常见问题卡片 */
.page-home-faq-card {
	background: white;
	/* 背景颜色为白色 */
	border-radius: 12px;
	/* 设置圆角为12px */
	overflow: hidden;
	/* 隐藏溢出内容 */
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
	/* 添加阴影效果 */
	transition: all 0.3s ease;
	/* 添加所有属性的过渡效果 */
	border: 1px solid #e5e7eb;
	/* 边框为浅灰色 */
	opacity: 0;
	/* 初始不透明度为0（隐藏） */
	transform: translateY(20px);
	/* 初始位置向下偏移20px */
}

/* 常见问题卡片延迟动画 */
.page-home-faq-card:nth-child(1) {
	animation: page-home-cardFadeIn 0.6s ease forwards 2.3s;
	/* 第一张卡片淡入动画，延迟2.3秒 */
}

.page-home-faq-card:nth-child(2) {
	animation: page-home-cardFadeIn 0.6s ease forwards 2.4s;
	/* 第二张卡片淡入动画，延迟2.4秒 */
}

.page-home-faq-card:nth-child(3) {
	animation: page-home-cardFadeIn 0.6s ease forwards 2.5s;
	/* 第三张卡片淡入动画，延迟2.5秒 */
}

/* 常见问题卡片悬停效果 */
.page-home-faq-card:hover {
	transform: translateY(-2px);
	/* 悬停时向上移动2px */
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
	/* 悬停时阴影增强 */
}

/* 常见问题卡片激活状态 */
.page-home-faq-card.active {
	border-color: #d2242a;
	/* 激活时边框颜色变为红色 */
}

/* 常见问题 */
.page-home-faq-question {
	display: flex;
	/* 使用flex布局 */
	align-items: center;
	/* 垂直居中对齐 */
	justify-content: space-between;
	/* 子元素两端对齐 */
	padding: 24px;
	/* 内边距24px */
	cursor: pointer;
	/* 鼠标悬停时显示手型光标 */
	background: #fff;
	/* 背景颜色为白色 */
	transition: background 0.3s ease;
	/* 添加背景颜色过渡效果 */
}

/* 常见问题卡片激活时问题区域效果 */
.page-home-faq-card.active .page-home-faq-question {
	background: #fef2f2;
	/* 激活时背景颜色变为浅红色 */
}

/* 常见问题文字区域 */
.page-home-faq-text {
	flex: 1;
	/* 占据剩余空间 */
}

/* 常见问题标题 */
.page-home-faq-question-title {
	font-size: 1.1rem;
	/* 字体大小1.1rem */
	font-weight: 600;
	/* 字体加粗 */
	color: #1f2937;
	/* 文字颜色为深灰色 */
	line-height: 1.4;
	/* 行高1.4倍字体大小 */
	transition: color 0.3s ease;
	/* 添加颜色过渡效果 */
}

/* 常见问题卡片激活时问题标题效果 */
.page-home-faq-card.active .page-home-faq-question-title {
	color: #d2242a;
	/* 激活时文字颜色变为红色 */
}

/* 常见问题箭头图标 */
.page-home-faq-arrow {
	color: #9ca3af;
	/* 图标颜色为浅灰色 */
	font-size: 1.2rem;
	/* 字体大小1.2rem */
	transition: all 0.3s ease;
	/* 添加所有属性的过渡效果 */
	flex-shrink: 0;
	/* 禁止收缩 */
}

/* 常见问题卡片激活时箭头效果 */
.page-home-faq-card.active .page-home-faq-arrow {
	transform: rotate(180deg);
	/* 激活时旋转180度 */
	color: #d2242a;
	/* 激活时图标颜色变为红色 */
}

/* 常见问题答案区域 */
.page-home-faq-answer {
	max-height: 0;
	/* 初始最大高度为0（折叠） */
	overflow: hidden;
	/* 隐藏溢出内容 */
	transition: all 0.4s ease;
	/* 添加所有属性的过渡效果 */
}

/* 常见问题卡片激活时答案区域效果 */
.page-home-faq-card.active .page-home-faq-answer {
	max-height: 500px;
	/* 激活时最大高度为500px（展开） */
}

/* 常见问题答案内容 */
.page-home-faq-answer-content {
	padding: 24px;
	/* 内边距24px */
	background: #fff;
	/* 背景颜色为白色 */
	line-height: 1.7;
	/* 行高1.7倍字体大小 */
	color: #4b5563;
	/* 文字颜色为中灰色 */
	border-top: 1px solid #f1f5f9;
	/* 顶部边框为浅灰色 */
}

/* ========== 移动端响应式样式 ========== */
@media (max-width: 1200px) {

	/* 优势卡片和核心功能在中等屏幕显示为2列 */
	.page-home-advantages-container,
	.page-home-core-grid {
		grid-template-columns: repeat(2, 1fr);
		/* 2列等宽网格 */
	}
}

@media (max-width: 992px) {

	/* 价格计算器改为垂直布局 */
	.page-home-calculator-columns {
		flex-direction: column;
		/* 垂直方向排列 */
		gap: 30px;
		/* 间距30px */
	}

	/* 价格计算器网格改为2列 */
	.page-home-calculator-grid {
		grid-template-columns: repeat(2, 1fr);
		/* 2列等宽网格 */
		gap: 12px;
		/* 网格间距12px */
	}

	/* 价格计算器最后一个卡片占据整行 */
	.page-home-calculator-card:last-child {
		grid-column: 1 / -1;
		/* 占据第1列到最后1列 */
		max-width: 300px;
		/* 最大宽度300px */
		margin: 0 auto;
		/* 水平居中 */
	}
}

@media (max-width: 768px) {

	/* 轮播图移动端优化 */
	.page-home-banner {
		height: 400px;
		/* 高度减少到400px */
	}

	.page-home-banner-title {
		font-size: 32px;
		/* 标题字体大小减少到32px */
	}

	.page-home-banner-text {
		font-size: 16px;
		/* 文字字体大小减少到16px */
	}

	/* 移动端隐藏轮播图导航按钮 */
	.page-home-banner-prev,
	.page-home-banner-next {
		display: none;
		/* 隐藏导航按钮 */
	}

	/* 优势卡片移动端优化 */
	.page-home-advantages {
		margin-top: -60px;
		/* 顶部负外边距减少到60px */
	}

	.page-home-advantages-container {
		grid-template-columns: 1fr;
		/* 单列布局 */
		gap: 20px;
		/* 网格间距20px */
		padding: 0 15px;
		/* 左右内边距15px */
	}

	.page-home-advantage-card {
		padding: 20px;
		/* 内边距减少到20px */
	}

	/* 产品规格移动端优化 */
	.page-home-pricing {
		padding: 60px 0;
		/* 上下内边距减少到60px */
	}

	.page-home-pricing-title h2 {
		font-size: 2rem;
		/* 标题字体大小减少到2rem */
	}

	.page-home-pricing-title p {
		font-size: 1rem;
		/* 文字字体大小减少到1rem */
		padding: 0 15px;
		/* 左右内边距15px */
	}

	.page-home-pricing-cards {
		grid-template-columns: 1fr;
		/* 单列布局 */
		gap: 20px;
		/* 网格间距20px */
		padding: 0 15px;
		/* 左右内边距15px */
		margin: 0 auto;
		/* 水平居中 */
	}

	.page-home-pricing-card {
		transform: translateY(0);
		/* 移除初始位置偏移 */
		opacity: 1;
		/* 完全不透明 */
		animation: none;
		/* 移除动画 */
		min-height: auto;
		/* 最小高度自动 */
		height: auto;
		/* 高度自动 */
	}

	.page-home-pricing-header {
		padding: 24px;
		/* 内边距减少到24px */
	}

	.page-home-pricing-body {
		padding: 24px;
		/* 内边距减少到24px */
	}

	.page-home-pricing-price {
		font-size: 32px;
		/* 价格字体大小减少到32px */
	}

	/* 价格计算器移动端优化 */
	.page-home-calculator {
		padding: 40px 0;
		/* 上下内边距减少到40px */
	}

	.page-home-calculator-container {
		padding: 0 15px;
		/* 左右内边距15px */
	}

	.page-home-calculator-columns {
		gap: 25px;
		/* 间距减少到25px */
	}

	.page-home-calculator-grid {
		grid-template-columns: 1fr;
		/* 单列布局 */
		gap: 12px;
		/* 网格间距12px */
	}

	.page-home-calculator-card {
		transform: scale(1);
		/* 移除初始缩放 */
		opacity: 1;
		/* 完全不透明 */
		animation: none;
		/* 移除动画 */
		padding: 15px;
		/* 内边距减少到15px */
	}

	/* 移除最后一个卡片的特殊样式 */
	.page-home-calculator-card:last-child {
		grid-column: unset;
		/* 恢复默认网格列 */
		max-width: unset;
		/* 恢复默认最大宽度 */
		margin: unset;
		/* 恢复默认外边距 */
	}

	.page-home-calculator-card-value {
		font-size: 20px;
		/* 价格字体大小减少到20px */
	}

	.page-home-calculator-results {
		padding: 20px;
		/* 内边距减少到20px */
	}

	.page-home-calculator-input-row {
		flex-direction: column;
		/* 垂直方向排列 */
		align-items: stretch;
		/* 子元素拉伸对齐 */
		gap: 10px;
		/* 间距减少到10px */
	}

	.page-home-calculator-reset {
		width: 100%;
		/* 宽度100%填充父容器 */
		justify-content: center;
		/* 水平居中对齐 */
	}

	/* 核心功能移动端优化 */
	.page-home-core {
		padding: 60px 0;
		/* 上下内边距减少到60px */
	}

	.page-home-core-title {
		margin-bottom: 40px;
		/* 底部外边距减少到40px */
	}

	.page-home-core-title h2 {
		font-size: 28px;
		/* 标题字体大小减少到28px */
	}

	.page-home-core-title p {
		font-size: 16px;
		/* 文字字体大小减少到16px */
		padding: 0 15px;
		/* 左右内边距15px */
	}

	.page-home-core-grid {
		grid-template-columns: repeat(2, 1fr);
		/* 2列等宽网格 */
		gap: 20px;
		/* 网格间距20px */
		padding: 0 15px;
		/* 左右内边距15px */
	}

	.page-home-core-card {
		padding: 20px 15px;
		/* 内边距减少到20px 15px */
		transform: translateY(0);
		/* 移除初始位置偏移 */
		opacity: 1;
		/* 完全不透明 */
		animation: none;
		/* 移除动画 */
	}

	.page-home-core-icon {
		width: 60px;
		/* 图标宽度减少到60px */
		height: 60px;
		/* 图标高度减少到60px */
		font-size: 24px;
		/* 图标字体大小减少到24px */
		margin-bottom: 15px;
		/* 底部外边距减少到15px */
	}

	.page-home-core-card-title {
		font-size: 18px;
		/* 标题字体大小减少到18px */
		margin-bottom: 10px;
		/* 底部外边距减少到10px */
	}

	.page-home-core-card-desc {
		font-size: 14px;
		/* 描述字体大小减少到14px */
		line-height: 1.5;
		/* 行高减少到1.5倍字体大小 */
	}

	/* 客户案例移动端优化 */
	.page-home-case {
		padding: 60px 0;
		/* 上下内边距减少到60px */
	}

	.page-home-case-header {
		margin-bottom: 40px;
		/* 底部外边距减少到40px */
	}

	.page-home-case-header h2 {
		font-size: 32px;
		/* 标题字体大小减少到32px */
	}

	.page-home-case-subtitle {
		font-size: 16px;
		/* 文字字体大小减少到16px */
		padding: 0 15px;
		/* 左右内边距15px */
	}

	.page-home-case-scroll-container {
		padding: 10px 0 30px;
		/* 内边距减少到10px 0 30px */
	}

	.page-home-case-scroll {
		gap: 0;
		/* 移除卡片间距 */
		padding: 10px 20px;
		/* 内边距：上下10px，左右20px */
		scroll-snap-type: x mandatory;
		/* 启用横向滚动吸附 */
	}

	.page-home-case-card {
		flex: 0 0 calc(100% - 40px);
		/* 卡片宽度为100%减去40px */
		margin: 0 20px;
		/* 左右外边距20px */
		transform: translateY(0);
		/* 移除初始位置偏移 */
		opacity: 1;
		/* 完全不透明 */
		animation: none;
		/* 移除动画 */
		scroll-snap-align: center;
		/* 滚动时吸附到中心 */
	}

	.page-home-case-content {
		padding: 20px;
		/* 内边距减少到20px */
	}

	.page-home-case-company {
		font-size: 18px;
		/* 公司名字体大小减少到18px */
		margin-bottom: 12px;
		/* 底部外边距减少到12px */
	}

	.page-home-case-description {
		font-size: 14px;
		/* 描述字体大小减少到14px */
		margin-bottom: 20px;
		/* 底部外边距减少到20px */
		line-height: 1.6;
		/* 行高减少到1.6倍字体大小 */
	}

	/* 客户案例底部信息移动端优化 */
	.page-home-case-footer {
		flex-direction: row;
		/* 保持横向布局 */
		align-items: center;
		/* 垂直居中对齐 */
		justify-content: space-between;
		/* 两端对齐 */
		padding-top: 15px;
		/* 顶部内边距减少到15px */
		gap: 10px;
		/* 间距减少到10px */
	}

	.page-home-case-version {
		flex-direction: row;
		/* 保持横向布局 */
		align-items: center;
		/* 垂直居中对齐 */
		gap: 8px;
		/* 间距减少到8px */
	}

	.page-home-case-version-label {
		font-size: 12px;
		/* 标签字体大小减少到12px */
	}

	.page-home-case-version-value {
		font-size: 12px;
		/* 值字体大小减少到12px */
		padding: 4px 10px;
		/* 内边距减少到4px 10px */
	}

	.page-home-case-industry {
		font-size: 12px;
		/* 行业标签字体大小减少到12px */
		padding: 4px 10px;
		/* 内边距减少到4px 10px */
	}

	/* 移动端显示滚动控制按钮 */
	.page-home-case-control {
		width: 40px;
		/* 按钮宽度减少到40px */
		height: 40px;
		/* 按钮高度减少到40px */
		font-size: 16px;
		/* 图标字体大小减少到16px */
		display: flex;
		/* 显示按钮 */
	}

	/* 常见问题移动端优化 */
	.page-home-faq {
		padding: 60px 15px;
		/* 内边距减少到60px 15px */
	}

	.page-home-faq-header {
		margin-bottom: 30px;
		/* 底部外边距减少到30px */
	}

	.page-home-faq-title {
		font-size: 1.8rem;
		/* 标题字体大小减少到1.8rem */
	}

	.page-home-faq-subtitle {
		font-size: 1rem;
		/* 文字字体大小减少到1rem */
	}

	.page-home-faq-card {
		transform: translateY(0);
		/* 移除初始位置偏移 */
		opacity: 1;
		/* 完全不透明 */
		animation: none;
		/* 移除动画 */
	}

	.page-home-faq-question {
		padding: 18px;
		/* 内边距减少到18px */
	}

	.page-home-faq-answer-content {
		padding: 18px;
		/* 内边距减少到18px */
	}
}

@media (max-width: 576px) {

	/* 小屏幕移动端优化 */
	.page-home-banner {
		height: 350px;
		/* 高度减少到350px */
	}

	.page-home-banner-title {
		font-size: 28px;
		/* 标题字体大小减少到28px */
	}

	.page-home-banner-text {
		font-size: 14px;
		/* 文字字体大小减少到14px */
	}

	.page-home-banner-dots {
		bottom: 20px;
		/* 指示点距离底部减少到20px */
	}

	.page-home-banner-dot {
		width: 20px;
		/* 指示点宽度减少到20px */
		height: 3px;
		/* 指示点高度减少到3px */
	}

	.page-home-banner-dot.active {
		width: 30px;
		/* 激活指示点宽度减少到30px */
	}

	.page-home-pricing-title h2 {
		font-size: 1.8rem;
		/* 标题字体大小减少到1.8rem */
	}

	.page-home-core-grid {
		grid-template-columns: 1fr;
		/* 单列布局 */
		max-width: 320px;
		/* 最大宽度320px */
		margin: 0 auto;
		/* 水平居中 */
	}

	.page-home-case-card {
		flex: 0 0 calc(100% - 30px);
		/* 卡片宽度为100%减去30px */
		margin: 0 15px;
		/* 左右外边距15px */
	}

	.page-home-faq-title {
		font-size: 1.6rem;
		/* 标题字体大小减少到1.6rem */
	}

	.page-home-faq-question-title {
		font-size: 1rem;
		/* 问题标题字体大小减少到1rem */
	}
}

@media (max-width: 480px) {

	/* 超小屏幕移动端优化 */
	.page-home-banner {
		height: 300px;
		/* 高度减少到300px */
	}

	.page-home-banner-title {
		font-size: 24px;
		/* 标题字体大小减少到24px */
		margin-bottom: 10px;
		/* 底部外边距减少到10px */
	}

	.page-home-banner-text {
		font-size: 13px;
		/* 文字字体大小减少到13px */
	}

	.page-home-pricing-price {
		font-size: 28px;
		/* 价格字体大小减少到28px */
	}

	.page-home-pricing-price span {
		font-size: 16px;
		/* 价格单位字体大小减少到16px */
	}

	.page-home-calculator-input {
		width: 60px;
		/* 输入框宽度减少到60px */
		font-size: 14px;
		/* 输入框字体大小减少到14px */
	}

	.page-home-calculator-card-value {
		font-size: 18px;
		/* 价格字体大小减少到18px */
	}

	.page-home-core-card {
		padding: 15px;
		/* 内边距减少到15px */
	}

	.page-home-case-image-container {
		height: 180px;
		/* 图片容器高度减少到180px */
	}
}

@media (max-width: 375px) {

	/* iPhone SE等超小屏幕优化 */
	.page-home-banner {
		height: 280px;
		/* 高度减少到280px */
	}

	.page-home-advantage-card {
		padding: 15px;
		/* 内边距减少到15px */
	}

	.page-home-advantage-icon {
		width: 40px;
		/* 图标宽度减少到40px */
		height: 40px;
		/* 图标高度减少到40px */
		font-size: 16px;
		/* 图标字体大小减少到16px */
	}

	.page-home-advantage-title {
		font-size: 18px;
		/* 标题字体大小减少到18px */
	}

	.page-home-advantage-desc {
		font-size: 13px;
		/* 描述字体大小减少到13px */
	}

	.page-home-pricing-header {
		padding: 20px;
		/* 内边距减少到20px */
	}

	.page-home-pricing-body {
		padding: 20px;
		/* 内边距减少到20px */
	}

	.page-home-pricing-features li {
		font-size: 13px;
		/* 功能列表字体大小减少到13px */
	}
}