.home-container.data-v-57280228 { background: #f6f8fc; min-height: 100vh; padding-bottom: 24rpx; position: relative; } .wechat-browser.data-v-57280228 { margin-top: -88rpx; } .header-gradient.data-v-57280228 { background: linear-gradient(180deg, #2f50ff 0%, #28a8fa 100%); border-bottom-left-radius: 20rpx; border-bottom-right-radius: 20rpx; padding: 0 0 36rpx 0; color: #fff; position: relative; height: 630rpx; min-height: 400rpx; max-height: 650rpx; } .header-title.data-v-57280228 { text-align: center; font-size: 36rpx; font-weight: bold; padding-top: 7vh; letter-spacing: 2rpx; } .header-info.data-v-57280228 { display: flex; justify-content: center; align-items: flex-start; width: -webkit-fit-content; width: fit-content; margin: 5vh auto 0 auto; /* 水平居中 */ gap: 154rpx; /* 控制每组间距 */ } .info-item.data-v-57280228 { display: flex; flex-direction: column; align-items: flex-start; text-align: left; } .info-label.data-v-57280228 { font-size: 24rpx; opacity: 0.95; color: #e6eaff; } .info-value.data-v-57280228 { font-size: 32rpx; font-weight: normal; margin-top: 8rpx; display: block; color: #fff; font-family: sans-serif; } .batch-row-strict.data-v-57280228 { display: flex; align-items: flex-start; justify-content: center; margin: 4vh 48rpx 0 48rpx; position: relative; } .batch-col.data-v-57280228 { flex: 1; display: flex; flex-direction: column; align-items: center; } .batch-divider-strict.data-v-57280228 { width: 2rpx; height: 82rpx; background: rgba(255, 255, 255, 0.2); margin: 0 48rpx; } .batch-num-strict.data-v-57280228 { font-size: 32rpx; font-weight: normal; margin-bottom: 8rpx; font-family: 'PangMenZhengDao', 'SourceHanSansCN', 'PingFang SC', 'Microsoft YaHei', sans-serif; letter-spacing: 3rpx; } .batch-tag-strict.data-v-57280228 { font-size: 22rpx; padding: 4rpx 12rpx; border-radius: 20rpx; background: #2b70ee; display: flex; align-items: center; gap: 4rpx; } .tag-orange.data-v-57280228 { color: #FF9F43; } .tag-green.data-v-57280228 { color: #28C76F; } .tag-blue.data-v-57280228 { color: #4FC3FF; } .process-card.data-v-57280228 { background: #fff; border-radius: 22rpx; margin: 24rpx; padding: 32rpx; box-shadow: 0 8rpx 32rpx rgba(0,0,0,0.08); position: relative; margin-top: -140rpx; height: 138px; } .process-title-bar.data-v-57280228 { width: 60%; margin: 0 auto; position: relative; top: -32rpx; background: linear-gradient(180deg, #2f4dff 0%, #4b65ff 100%); color: #fff; font-size: 28rpx; font-weight: bold; border-radius: 0 0 20rpx 20rpx; padding: 12rpx 0; text-align: center; box-shadow: 0 4rpx 16rpx rgba(59,124,255,0.12); z-index: 2; } .process-flow.data-v-57280228 { display: flex; align-items: center; justify-content: space-between; padding: 0 12rpx; margin-top: 10rpx; } .process-step.data-v-57280228 { display: flex; flex-direction: column; align-items: center; flex: 1; } .icon.data-v-57280228 { width: 88rpx; height: 88rpx; border-radius: 50%; background: linear-gradient(135deg, #2c51ff 0%, #2991fd 100%); display: flex; align-items: center; justify-content: center; margin-bottom: 12rpx; /* 这里放svg或字体icon,颜色为白色 */ } .process-label.data-v-57280228 { color: #445fff; font-size: 26rpx; margin-top: 4rpx; } .arrow.data-v-57280228 { color: #B0B8C6; font-size: 40rpx; font-weight: bold; margin: 0 12rpx; margin-top: -30rpx; } .card-grid.data-v-57280228 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 32rpx; margin: 32rpx 24rpx 24rpx 24rpx; } .func-card.data-v-57280228 { position: relative; border-radius: 32rpx; height: 200rpx; overflow: hidden; box-shadow: 0 8rpx 32rpx rgba(0,0,0,0.08); display: flex; flex-direction: column; justify-content: space-between; padding: 32rpx 0 32rpx 32rpx; } .card-bg.data-v-57280228 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; } .func-card-content.data-v-57280228 { z-index: 2; position: relative; display: flex; flex-direction: column; height: 100%; justify-content: space-between; } .func-title.data-v-57280228 { font-size: 28rpx; color: #fff; font-weight: 500; margin-bottom: 20rpx; margin-top: 10rpx; } .func-num.data-v-57280228 { font-size: 58rpx; font-weight: normal; color: #fff; font-family: 'PangMenZhengDao', 'SourceHanSansCN', 'PingFang SC', 'Microsoft YaHei', sans-serif; letter-spacing: 5rpx; } .func-bg-icon.data-v-57280228 { position: absolute; right: 12rpx; bottom: 12rpx; width: 100rpx; height: 100rpx; opacity: 0.18; z-index: 1; /* 这里放svg或字体icon */ } .info-list.data-v-57280228 { background: #fff; border-radius: 24rpx; margin: 24rpx; padding: 24rpx; box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.05); } .info-item-row.data-v-57280228 { display: flex; align-items: center; margin-bottom: 16rpx; padding: 12rpx 0; } .info-item-row.data-v-57280228:last-child { margin-bottom: 0; } .info-tag.data-v-57280228 { font-size: 22rpx; padding: 4rpx 18rpx; border-radius: 8rpx; margin-right: 12rpx; white-space: nowrap; color: #fff; display: inline-block; background: #e68c6e; -webkit-transform: skewX(-20deg); transform: skewX(-20deg); font-weight: 500; border: none; margin-right: 32rpx; } .info-tag-text.data-v-57280228 { display: inline-block; -webkit-transform: skewX(20deg); transform: skewX(20deg); } .notice.data-v-57280228 { background: linear-gradient(90deg, #2b70ee 0%, #4FC3FF 100%); color: white; } .realtime.data-v-57280228 { background: linear-gradient(90deg, #e68d6e 0%, #ffb86c 100%); color: white; } .info-text.data-v-57280228 { font-size: 26rpx; color: #333; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }