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;
}