.content.data-v-ad35e069 { width: 100%; min-height: 100vh; background-color: #F5F5F5; box-sizing: border-box; padding: 40rpx 30rpx 160rpx; /* 底部增加空间,避免被固定按钮遮挡 */ position: relative; } .form-container.data-v-ad35e069 { width: 100%; } .title.data-v-ad35e069 { font-size: 27rpx; color: #151515; font-weight: 400; margin-bottom: 60rpx; line-height: 1.5; } .input-wrapper.data-v-ad35e069 { width: 100%; height: 88rpx; background-color: #fff; border-radius: 16rpx; display: flex; align-items: center; padding: 0 30rpx; box-sizing: border-box; margin-bottom: 30rpx; } .input-wrapper .input-left.data-v-ad35e069 { display: flex; align-items: center; gap: 12rpx; margin-right: 20rpx; } .input-wrapper .input-left .country-code.data-v-ad35e069 { font-size: 28rpx; color: #333; font-weight: 400; } .input-wrapper .input-left .icon-envelope.data-v-ad35e069 { font-size: 24rpx; color: #999; } .input-wrapper .input-field.data-v-ad35e069 { flex: 1; font-size: 28rpx; color: #333; height: 100%; } .input-wrapper .code-input.data-v-ad35e069 { flex: 1; } .input-wrapper .code-btn.data-v-ad35e069 { font-size: 28rpx; color: #F47D1F; padding: 8rpx 20rpx; margin-left: 20rpx; cursor: pointer; white-space: nowrap; } .input-wrapper .code-btn.disabled.data-v-ad35e069 { color: #999; cursor: not-allowed; font-size: 27rpx; color: #151515; } .submit-btn-wrapper.data-v-ad35e069 { position: fixed; bottom: 0; left: 0; right: 0; background-color: #F5F5F5; padding: 20rpx 30rpx; padding-bottom: calc(20rpx + constant(safe-area-inset-bottom)); /* iOS 11.2+ */ padding-bottom: calc(20rpx + env(safe-area-inset-bottom)); /* iOS 11.2+ */ box-sizing: border-box; z-index: 100; } .submit-btn.data-v-ad35e069 { width: 100%; height: 88rpx; background: linear-gradient(35deg, #FCB73F 0%, #FC733D 100%); border-radius: 23rpx; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 31rpx; color: #FFFFFF; box-shadow: 0rpx 4rpx 12rpx 0rpx rgba(255, 107, 53, 0.3); }