.page-container.data-v-ddbff522 { min-height: 100vh; background-color: #F9FAFB; padding-bottom: 200rpx; /* 增加底部内边距,防止内容被底部按钮遮挡 */ } /* 导航栏 (简化版) */ .nav-bar.data-v-ddbff522 { background-color: #fff; padding: var(--status-bar-height) 32rpx 20rpx 32rpx; display: flex; align-items: center; height: 88rpx; box-sizing: content-box; position: -webkit-sticky; position: sticky; top: 0; z-index: 100; } .back-btn.data-v-ddbff522 { width: 60rpx; height: 60rpx; display: flex; align-items: center; justify-content: flex-start; } /* 标题通用 */ .section-title.data-v-ddbff522 { padding: 32rpx 32rpx 20rpx 32rpx; font-size: 28rpx; font-weight: 700; color: #374151; } /* 策略选择器 */ .strategy-scroll.data-v-ddbff522 { white-space: nowrap; width: 100%; padding-bottom: 20rpx; } .strategy-row.data-v-ddbff522 { display: flex; padding: 0 32rpx; gap: 24rpx; } .strategy-card.data-v-ddbff522 { width: 280rpx; height: 320rpx; background-color: #FFFFFF; border-radius: 32rpx; padding: 32rpx; display: inline-flex; flex-direction: column; justify-content: center; align-items: center; border: 2rpx solid transparent; box-shadow: 0 4rpx 12rpx rgba(0,0,0,0.03); position: relative; transition: all 0.2s; } .strategy-card.active.data-v-ddbff522 { background-color: #064E3B; border-color: #064E3B; transform: translateY(-4rpx); box-shadow: 0 12rpx 24rpx rgba(6, 78, 59, 0.2); } .icon-circle.data-v-ddbff522 { width: 96rpx; height: 96rpx; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 24rpx; } .bg-green-100.data-v-ddbff522 { background-color: #ECFDF5; } .bg-blue-100.data-v-ddbff522 { background-color: #EFF6FF; } .bg-orange-100.data-v-ddbff522 { background-color: #FFF7ED; } .st-name.data-v-ddbff522 { font-size: 30rpx; font-weight: 700; color: #1F2937; margin-bottom: 8rpx; white-space: normal; text-align: center; } .st-tag.data-v-ddbff522 { font-size: 22rpx; color: #9CA3AF; } .text-white.data-v-ddbff522 { color: #fff !important; } .text-green.data-v-ddbff522 { color: #064E3B !important; } .text-green-light.data-v-ddbff522 { color: rgba(255,255,255,0.7) !important; } .check-mark.data-v-ddbff522 { position: absolute; top: 16rpx; right: 16rpx; width: 40rpx; height: 40rpx; background-color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; } /* 策略描述 */ .desc-box.data-v-ddbff522 { margin: 10rpx 32rpx 30rpx 32rpx; background-color: #ECFDF5; padding: 24rpx; border-radius: 20rpx; border: 1rpx solid #D1FAE5; } .desc-header.data-v-ddbff522 { display: flex; align-items: center; gap: 12rpx; margin-bottom: 12rpx; } .desc-title.data-v-ddbff522 { font-size: 26rpx; font-weight: 700; color: #064E3B; } .desc-content.data-v-ddbff522 { font-size: 24rpx; color: #047857; line-height: 1.6; text-align: justify; } /* 表单区域 */ .config-section.data-v-ddbff522 { margin-top: 20rpx; } .form-card.data-v-ddbff522 { background-color: #fff; margin: 0 32rpx; padding: 32rpx; border-radius: 32rpx; box-shadow: 0 4rpx 12rpx rgba(0,0,0,0.02); } .form-item.data-v-ddbff522 { margin-bottom: 32rpx; } .label.data-v-ddbff522 { font-size: 26rpx; font-weight: 600; color: #374151; margin-bottom: 16rpx; display: block; } .input-field.data-v-ddbff522 { background-color: #F9FAFB; border: 2rpx solid #E5E7EB; border-radius: 20rpx; height: 88rpx; padding: 0 24rpx; font-size: 28rpx; color: #1F2937; } .input-wrapper.data-v-ddbff522 { position: relative; display: flex; align-items: center; } .unit.data-v-ddbff522 { position: absolute; right: 24rpx; font-size: 26rpx; color: #9CA3AF; } .picker-display.data-v-ddbff522 { background-color: #F9FAFB; border: 2rpx solid #E5E7EB; border-radius: 20rpx; height: 88rpx; padding: 0 24rpx; display: flex; align-items: center; justify-content: space-between; font-size: 28rpx; color: #1F2937; } .helper.data-v-ddbff522 { font-size: 22rpx; color: #9CA3AF; margin-top: 10rpx; display: block; } .flex-row.data-v-ddbff522 { display: flex; flex-direction: row; } .flex-1.data-v-ddbff522 { flex: 1; } .gap-3.data-v-ddbff522 { gap: 24rpx; } .info-tag.data-v-ddbff522 { padding: 16rpx; border-radius: 12rpx; margin-top: -10rpx; } .bg-blue-50.data-v-ddbff522 { background-color: #EFF6FF; } .text-blue-700.data-v-ddbff522 { color: #1D4ED8; } .text-xs.data-v-ddbff522 { font-size: 22rpx; } /* 底部悬浮按钮栏 */ .footer-bar.data-v-ddbff522 { position: fixed; bottom: 0; left: 0; right: 0; background-color: #fff; padding: 20rpx 32rpx 50rpx 32rpx; /* 适配底部安全区 */ box-shadow: 0 -4rpx 16rpx rgba(0,0,0,0.05); z-index: 99; } .submit-btn.data-v-ddbff522 { background-color: #064E3B; color: #fff; font-weight: 700; border-radius: 24rpx; height: 96rpx; line-height: 96rpx; font-size: 30rpx; width: 100%; } .submit-btn.data-v-ddbff522:active { opacity: 0.9; }