.feedback-container { min-height: 100vh; background-image: url('https://sit-kelamayi.4dage.com/mini/wxImg/bg.png'); padding: 40rpx; } .feedback-title { font-size: 40rpx; font-weight: bold; color: #584735; text-align: left; margin-bottom: 20rpx; } .form-section { border-radius: 20rpx; /* padding: 40rpx; */ margin-bottom: 60rpx; } .form-item { margin-bottom: 40rpx; } .form-item:last-child { margin-bottom: 0; } .form-label { font-size: 32rpx; color: #584735; margin-bottom: 20rpx; font-weight: 400; } .form-input { width: 100%; height: 80rpx; border: 1rpx solid #B1967B; border-radius: 10rpx; padding: 0 20rpx; font-size: 28rpx; color: #333; background-color: #fff; box-sizing: border-box; } .form-input:focus { border-color: #584735; } .form-textarea { width: 100%; min-height: 200rpx; border: 1rpx solid #B1967B; border-radius: 10rpx; padding: 20rpx; font-size: 28rpx; color: #333; background-color: #fff; box-sizing: border-box; } .form-textarea:focus { border-color: #584735; } .captcha-item { position: relative; } .captcha-container { display: flex; align-items: center; gap: 20rpx; } .captcha-input { flex: 1; height: 80rpx; border: 2rpx solid #B1967B; border-radius: 10rpx; padding: 0 20rpx; font-size: 28rpx; color: #333; background-color: #fff; box-sizing: border-box; } .captcha-input:focus { border-color: #584735; } .captcha-code { width: 120rpx; height: 80rpx; background: linear-gradient(135deg, #ff6b9d, #c44569); border-radius: 10rpx; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 32rpx; font-weight: bold; letter-spacing: 4rpx; } .submit-section { /* padding: 0 20rpx; */ } .submit-btn { width: 100%; height: 88rpx; background: linear-gradient(135deg, #8b7355, #a0896b); border-radius: 10rpx; color: #fff; font-size: 32rpx; font-weight: 500; border: none; display: flex; align-items: center; justify-content: center; } .submit-btn:active { opacity: 0.8; } .submit-btn[disabled] { background: #ccc; color: #999; }