huasheng-erp-order-system-applet/unpackage/dist/dev/mp-weixin/pages/index/index.wxss

.home-page.data-v-1cf27b2a {
	width: 100vw;
	height: 100vh;
	background-color: #F8FAFC;
	display: flex;
	flex-direction: column;
}
.main-scroll.data-v-1cf27b2a {
	flex: 1;
	height: 0;
}

/* 英雄轮播区 */
.hero-section.data-v-1cf27b2a {
	position: relative;
	width: 100%;
	height: 500rpx;
	overflow: hidden;
}
.hero-swiper.data-v-1cf27b2a {
	height: 100%;
}
.hero-card.data-v-1cf27b2a {
	position: relative;
	width: 100%;
	height: 100%;
}
.hero-img.data-v-1cf27b2a {
	width: 100%;
	height: 100%;
}
.hero-overlay.data-v-1cf27b2a {
	position: absolute;
	inset: 0;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.5));
}
.hero-text-content.data-v-1cf27b2a {
	position: absolute;
	left: 40rpx;
	bottom: 80rpx;
	color: #fff;
	z-index: 2;
}
.hero-tag.data-v-1cf27b2a {
	font-size: 20rpx;
	background: rgba(193, 0, 28, 0.8);
	padding: 4rpx 16rpx;
	border-radius: 4rpx;
	margin-bottom: 12rpx;
	display: inline-block;
}
.hero-main-title.data-v-1cf27b2a {
	font-size: 44rpx;
	font-weight: bold;
	display: block;
	margin-bottom: 8rpx;
}
.hero-sub-title.data-v-1cf27b2a {
	font-size: 24rpx;
	opacity: 0.8;
	letter-spacing: 1rpx;
}
.hero-indicators.data-v-1cf27b2a {
	position: absolute;
	bottom: 40rpx;
	right: 40rpx;
	display: flex;
	gap: 8rpx;
}
.indicator-pill.data-v-1cf27b2a {
	width: 12rpx;
	height: 6rpx;
	background: rgba(255, 255, 255, 0.3);
	border-radius: 4rpx;
	transition: 0.3s;
}
.indicator-pill.active.data-v-1cf27b2a {
	width: 32rpx;
	background: #fff;
}

/* 咨询卡片 */
.contact-card.data-v-1cf27b2a {
	margin: -40rpx 40rpx 40rpx;
	position: relative;
	z-index: 10;
	background: rgba(255, 255, 255, 0.9);
	-webkit-backdrop-filter: blur(20px);
	        backdrop-filter: blur(20px);
	border-radius: 24rpx;
	padding: 32rpx 40rpx;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border: 1rpx solid #fff;
	box-shadow: 0 12rpx 40rpx rgba(0, 0, 0, 0.06);
}
.contact-info.data-v-1cf27b2a {
	display: flex;
	align-items: center;
}
.contact-icon-box.data-v-1cf27b2a {
	width: 88rpx;
	height: 88rpx;
	background: #FFF1F2;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 24rpx;
}
.contact-icon-box image.data-v-1cf27b2a {
	width: 44rpx;
	height: 44rpx;
}
.main-txt.data-v-1cf27b2a {
	font-size: 30rpx;
	font-weight: bold;
	color: #1a1a1a;
	display: block;
	margin-bottom: 4rpx;
}
.sub-txt.data-v-1cf27b2a {
	font-size: 22rpx;
	color: #7a7a7a;
}
.call-btn-circle.data-v-1cf27b2a {
	width: 72rpx;
	height: 72rpx;
	background: #C1001C;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 6rpx 12rpx rgba(193, 0, 28, 0.3);
}
.call-btn-circle image.data-v-1cf27b2a {
	width: 32rpx;
	height: 32rpx;
}

/* 魔方布局 */
.cube-section.data-v-1cf27b2a {
	padding: 20rpx 40rpx;
}
.section-header.data-v-1cf27b2a {
	margin-bottom: 30rpx;
}
.title-with-line.data-v-1cf27b2a {
	display: flex;
	align-items: baseline;
	gap: 16rpx;
}
.title-with-line .zh.data-v-1cf27b2a {
	font-size: 36rpx;
	font-weight: 800;
	color: #1a1a1a;
}
.title-with-line .en.data-v-1cf27b2a {
	font-size: 20rpx;
	color: #999;
	font-family: 'Georgia';
	letter-spacing: 2rpx;
}
.cube-container.data-v-1cf27b2a {
	width: 100%;
}
.cube-grid.data-v-1cf27b2a {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20rpx;
}
.cube-card.data-v-1cf27b2a {
	position: relative;
	height: 320rpx;
	border-radius: 20rpx;
	overflow: hidden;
	background: #eee;
	transition: 0.3s;
}
.cube-bg.data-v-1cf27b2a {
	width: 100%;
	height: 100%;
}
.cube-mask.data-v-1cf27b2a {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.3);
}
.cube-content.data-v-1cf27b2a {
	position: absolute;
	left: 30rpx;
	top: 30rpx;
	z-index: 2;
}
.cube-title.data-v-1cf27b2a {
	font-size: 32rpx;
	font-weight: bold;
	color: #fff;
	margin-bottom: 12rpx;
	display: block;
}
.cube-line.data-v-1cf27b2a {
	width: 40rpx;
	height: 4rpx;
	background: #C1001C;
	margin-bottom: 12rpx;
}
.cube-desc.data-v-1cf27b2a {
	font-size: 20rpx;
	color: rgba(255, 255, 255, 0.8);
	max-width: 240rpx;
	line-height: 1.4;
	display: block;
}
.cube-arrow.data-v-1cf27b2a {
	position: absolute;
	right: 30rpx;
	bottom: 30rpx;
	color: #fff;
	font-size: 30rpx;
	opacity: 0.6;
}

/* 企业实力 */
.brand-strength.data-v-1cf27b2a {
	padding: 40rpx;
	margin-bottom: 40rpx;
}
.strength-card.data-v-1cf27b2a {
	background: #1a1a1a;
	border-radius: 32rpx;
	padding: 48rpx 40rpx;
	color: #fff;
	box-shadow: 0 20rpx 60rpx rgba(0, 0, 0, 0.15);
}
.s-header.data-v-1cf27b2a {
	margin-bottom: 50rpx;
}
.s-title.data-v-1cf27b2a {
	font-size: 34rpx;
	font-weight: bold;
	display: block;
	margin-bottom: 8rpx;
	color: #fff;
	letter-spacing: 4rpx;
}
.s-subtitle.data-v-1cf27b2a {
	font-size: 18rpx;
	color: #666;
	font-family: 'Arial';
	text-transform: uppercase;
}
.s-stats.data-v-1cf27b2a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 40rpx;
}
.stat-box.data-v-1cf27b2a {
	text-align: center;
	flex: 1;
}
.stat-box .num.data-v-1cf27b2a {
	font-size: 44rpx;
	font-weight: 800;
	color: #FFD700;
	display: block;
	margin-bottom: 4rpx;
}
.stat-box .unit.data-v-1cf27b2a {
	font-size: 20rpx;
	margin-left: 4rpx;
	font-weight: normal;
}
.stat-box .label.data-v-1cf27b2a {
	font-size: 22rpx;
	color: #ababab;
}
.stat-divider.data-v-1cf27b2a {
	width: 1rpx;
	height: 50rpx;
	background: rgba(255, 255, 255, 0.1);
}
.s-footer.data-v-1cf27b2a {
	border-top: 1rpx solid rgba(255, 255, 255, 0.05);
	padding-top: 30rpx;
	text-align: center;
}
.s-footer text.data-v-1cf27b2a {
	font-size: 18rpx;
	color: #555;
	letter-spacing: 6rpx;
}
.safe-bottom-gap.data-v-1cf27b2a {
	height: 140rpx;
}