/* banner */
 .banner {
 	width: 100%;
 	padding: 100px 120px;
 	text-align: center;
 	position: relative;
 }

 .banner-tag {
 	display: inline-flex;
 	align-items: center;
 	gap: 8px;
 	background-color: #ffffff;
 	padding: 6px 16px;
 	border-radius: 20px;
 	margin-bottom: 50px;
 	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
 }

 /* New标签样式 */
 .banner-tag .new {
 	font-size: 12px;
 	color: #ffffff;
 	background-color: #4fc3f7;
 	padding: 2px 8px;
 	border-radius: 20px;
 	font-weight: 500;
 }

 /* 功能提示文字 */
 .banner-tag .tag-text {
 	font-size: 14px;
 	color: #2196f3;
 	display: flex;
 	align-items: center;
 	gap: 6px;
 }

 /* 箭头图标 */
 .banner-tag .tag-text i {
 	font-size: 10px;
 }

 /* Banner主标题 */
 .banner-title {
 	font-size: 48px;
 	font-weight: 700;
 	color: #fff;
 	line-height: 1.2;
 	margin-bottom: 40px;
 }

 /* Banner副标题 */
 .banner-subtitle {
 	font-size: 40px !important;
 	font-weight: 700 !important;
 	color: #fff !important;
 	line-height: 1.2 !important;
 	margin-bottom: 55px !important;
 }

 /* 功能列表标签 */
 .banner-features {
 	font-size: 16px;
 	color: #fff;
 	display: flex;
 	justify-content: center;
 	flex-wrap: wrap;
 	gap: 12px;
 	max-width: 800px;
 	margin: 0 auto;
 }

 /* 001 */
 .features-container {
 	width: 100%;
 	padding: 140px 60px 120px;
 	background: #ededed26;
 	display: flex;
 	justify-content: center;
 	align-items: center;
 }

 /* 卡片外层容器 - 水平排列三个卡片 */
 .features-cards {
 	display: flex;
 	gap: 24px;
 	/* 卡片之间的间距 */
 	width: 100%;
 	max-width: 1200px;
 }

 /* 单个卡片样式 - 核心复刻 */
 .feature-card {
 	flex: 1;
 	/* 三个卡片等分宽度 */
 	background: #ffffff;
 	border-radius: 12px;
 	padding: 40px 30px 30px;
 	position: relative;
 	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
 	text-align: center;
 }

 /* 图标容器 - 卡片顶部居中、悬浮效果 */
 .card-icon {
 	border-radius: 10px;
 	background: #f0f8fb;
 	display: flex;
 	justify-content: center;
 	align-items: center;
 	position: absolute;
 	top: -30px;
 	/* 向上偏移一半，悬浮在卡片外 */
 	left: 50%;
 	transform: translateX(-50%);
 }

 /* 不同卡片的图标背景色区分（对应截图中的绿/浅蓝/蓝） */
 .card-icon.icon1 {
 	background-color: #e6f7ef;
 	/* 一码管到底 - 浅绿 */
 	border: 2px solid #C2EAE2;
 }

 .card-icon.icon2 {
 	background-color: #e6f4fb;
 	/* 数据驱动决策 - 浅蓝 */
 	border: 2px solid #C4EAFC;
 }

 .card-icon.icon3 {
 	background-color: #e6f0fc;
 	/* 精准核算 - 淡蓝 */
 	border: 2px solid #B6D4FE;
 }

 /* 图标图片样式 */
 .card-icon img {
 	width: 47px;
 	height: 47px;
 	object-fit: contain;
 }

 /* 卡片标题样式 */
 .card-title {
 	font-size: 18px;
 	font-weight: 600;
 	color: #293A51;
 	margin-bottom: 16px;
 	margin-top: 30px;
 	/* 给顶部悬浮图标留空间 */
 }

 /* 卡片描述文本样式 */
 .card-desc {
 	font-size: 14px;
 	color: #6b7280;
 	line-height: 1.6;
 	margin-bottom: 24px;
 }

 /* 卡片按钮样式 */
 .card-btn {
 	font-size: 14px;
 	color: #10b981 !important;
 	/* 按钮文字绿色，对应截图 */
 	text-decoration: none;
 	display: inline-flex;
 	align-items: center;
 	gap: 6px;
 }




 /* 002 */
 .product-function {
 	width: 100%;
 	padding: 80px 120px 0;
 	background-color: #ffffff;
 	position: relative;
 	overflow: hidden;
 }

 /* 背景装饰元素（淡蓝色圆形，匹配截图） */
 .product-function::before {
 	content: "";
 	position: absolute;
 	top: 40%;
 	right: 10%;
 	width: 300px;
 	height: 300px;
 	background: rgba(229, 246, 253, 0.6);
 	border-radius: 50%;
 	z-index: 0;
 }

 .product-function::after {
 	content: "";
 	position: absolute;
 	bottom: 20%;
 	right: 20%;
 	width: 180px;
 	height: 180px;
 	background: rgba(229, 246, 253, 0.8);
 	border-radius: 50%;
 	z-index: 0;
 }

 /* 模块总标题 */
 .function-main-title {
 	text-align: center;
 	font-size: 32px;
 	font-weight: 700;
 	color: #1f2937;
 	margin-bottom: 20px;
 	position: relative;
 	z-index: 1;
 }

 /* 模块总描述 */
 .function-main-desc {
 	text-align: center;
 	font-size: 16px;
 	color: #6b7280;
 	line-height: 1.8;
 	max-width: 600px;
 	margin: 0 auto 60px;
 	position: relative;
 	z-index: 1;
 }

 /* 功能内容行容器 */
 .function-row {
 	display: flex;
 	align-items: center;
 	gap: 60px;
 	max-width: 1200px;
 	margin: 0 auto;
 	position: relative;
 	z-index: 1;
 	margin-bottom: 100px;
 }

 /* 左侧文字区域 */
 .function-text {
 	flex: 1;
 }

 /* 序号样式（01） */
 .function-number {
 	font-size: 48px;
 	font-weight: 300;
 	color: #e5e7eb;
 	margin-bottom: 8px;
 }

 /* 功能子标题 */
 .function-subtitle {
 	font-size: 28px;
 	font-weight: 600;
 	color: #1f2937;
 	margin-bottom: 20px;
 }

 /* 功能描述 */
 .function-desc {
 	font-size: 16px;
 	color: #6b7280;
 	line-height: 1.8;
 	margin-bottom: 24px;
 }

 /* 功能列表项 */
 .function-list {
 	list-style: none;
 }

 .function-list li {
 	display: flex;
 	align-items: flex-start;
 	gap: 10px;
 	font-size: 16px;
 	color: #6b7280;
 	margin-bottom: 12px;
 }

 /* 列表项前的绿色对勾 */
 .function-list li::before {
 	content: "";
 	width: 20px;
 	height: 20px;
 	background-image: url("static/webp/fsm/checklist.png");
 	background-size: contain;
 	background-repeat: no-repeat;
 	flex-shrink: 0;
 	margin-top: 2px;
 }

 /* 右侧图片区域 */
 .function-image {
 	flex: 1.2;
 }

 .function-image img {
 	width: 100%;
 	height: auto;
 	border-radius: 8px;
 	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
 }

 /* 003 */
 .harvest-code {
 	width: 100%;
 	padding: 80px 120px;
 	background: #ededed26;
 	position: relative;
 	text-align: center;
 }

 /* 模块主标题 */
 .harvest-title {
 	font-size: 36px;
 	font-weight: 700;
 	color: #1f2937;
 	margin-bottom: 12px;
 }

 /* 模块副标题 */
 .harvest-subtitle {
 	font-size: 16px;
 	color: #6b7280;
 	margin-bottom: 60px;
 }

 /* 6个功能卡片容器（2行3列） */
 .harvest-cards {
 	display: grid;
 	grid-template-columns: repeat(3, 1fr);
 	gap: 40px 20px;
 	max-width: 1200px;
 	margin: 0 auto;
 }

 /* 单个功能卡片 */
 .harvest-card {
 	display: flex;
 	flex-direction: column;
 	align-items: center;
 	gap: 1px;
 }

 /* 圆形图标容器 */
 .harvest-icon {
 	width: 70px;
 	height: 70px;
 	border-radius: 50%;
 	background: linear-gradient(148deg, #33B89F -16.92%, #5555EA 99.32%);
 	display: flex;
 	justify-content: center;
 	align-items: center;
 	margin-bottom: 8px;
 }

 /* 图标图片 */
 .harvest-icon img {
 	width: 36px;
 	height: 36px;
 	object-fit: contain;
 	filter: brightness(100);
 	/* 让图标在蓝色背景上更清晰 */
 }

 /* 卡片标题 */
 .harvest-card-title {
 	font-size: 18px;
 	font-weight: 600;
 	color: #1f2937;
 }

 /* 卡片描述 */
 .harvest-card-desc {
 	font-size: 14px;
 	color: #6b7280;
 	line-height: 1.6;
 	max-width: 240px;
 }

 /* 004 */
 .data-benefit {
 	width: 100%;
 	padding: 80px 120px 120px;
 	background-color: #ffffff;
 	text-align: center;
 }

 /* 模块标题 */
 .data-title {
 	font-size: 32px;
 	font-weight: 700;
 	color: #1f2937;
 	margin-bottom: 60px;
 }

 /* 数据卡片容器（三列均分） */
 .data-cards {
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
 	max-width: 1000px;
 	margin: 0 auto;
 	gap: 20px;
 }

 /* 单个数据卡片 */
 .data-card {
 	flex: 1;
 	display: flex;
 	flex-direction: column;
 	align-items: center;
 	gap: 16px;
 }

 /* 大号数字样式（核心复刻） */
 .data-number {
 	font-size: 72px;
 	font-weight: 700;
 	color: #2563eb;
 	/* 截图中的蓝色 */
 	line-height: 1;
 	/* 消除字体默认行高，保证垂直对齐 */
 }

 /* 数据描述文字 */
 .data-desc {
 	font-size: 18px;
 	color: #292962;
 	/* 深色文字，匹配截图 */
 	font-weight: bold;
 }









 /* 弹窗 */
 /* 弹窗 */
 /* 系统维护弹窗样式 - 全局共用 */
 .sencree-maintenance-modal {
 	position: fixed;
 	top: 0;
 	left: 0;
 	width: 100%;
 	height: 100%;
 	background: rgba(0, 0, 0, 0.5);
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	z-index: 999999;
 	opacity: 0;
 	visibility: hidden;
 	transition: all 0.3s ease;
 }

 .sencree-maintenance-modal.active {
 	opacity: 1;
 	visibility: visible;
 }

 .sencree-modal-container {
 	background: #fff;
 	border-radius: 12px;
 	width: 90%;
 	max-width: 500px;
 	padding: 30px;
 	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
 	transform: translateY(-20px);
 	transition: all 0.3s ease;
 }

 .sencree-maintenance-modal.active .sencree-modal-container {
 	transform: translateY(0);
 }

 .sencree-modal-title {
 	font-size: 18px;
 	font-weight: 600;
 	color: #e74c3c;
 	margin-bottom: 15px;
 	display: flex;
 	align-items: center;
 	gap: 8px;
 }

 .sencree-modal-title i {
 	font-size: 20px;
 }

 .sencree-modal-content {
 	font-size: 15px;
 	color: #333;
 	line-height: 1.6;
 	margin-bottom: 20px;
 }

 .sencree-modal-content p {
 	margin: 0 0 10px 0;
 }

 .sencree-modal-btn {
 	text-align: center;
 }

 .sencree-modal-confirm {
 	background: #229a3b;
 	color: #fff;
 	border: none;
 	border-radius: 6px;
 	padding: 10px 30px;
 	font-size: 14px;
 	cursor: pointer;
 	transition: background 0.2s ease;
 }

 .sencree-modal-confirm:hover {
 	background: #1e8a35;
 }