.interview-container { display: flex; flex-direction: column; min-height: 100vh; background-color: #f5f7fa; } .nav-bar { display: flex; justify-content: space-between; align-items: center; padding: 20rpx 30rpx; background-color: #6c5ce7; color: #fff; } .scan-btn { display: flex; flex-direction: column; align-items: center; background-color: #ff9f43; padding: 10rpx 30rpx; border-radius: 30rpx; font-size: 24rpx; } .interview-info { background-color: #6c5ce7; color: #fff; padding: 20rpx 30rpx 40rpx; } .info-item { margin: 10rpx 0; font-size: 28rpx; } .label { margin-right: 10rpx; } .form-container { flex: 1; background-color: #fff; border-radius: 20rpx 20rpx 0 0; margin-top: -20rpx; padding: 40rpx 30rpx; } .form-title { font-size: 32rpx; font-weight: bold; margin-bottom: 10rpx; } .form-subtitle { font-size: 24rpx; color: #999; margin-bottom: 40rpx; } .form-item { margin-bottom: 30rpx; } .form-label { display: block; font-size: 28rpx; margin-bottom: 10rpx; } .required { color: #ff4757; } input { width: 100%; height: 80rpx; border: 1px solid #eee; border-radius: 8rpx; padding: 0 20rpx; font-size: 28rpx; box-sizing: border-box; } .submit-btn { width: 100%; height: 90rpx; line-height: 90rpx; background-color: #6c5ce7; color: #fff; border-radius: 45rpx; font-size: 32rpx; margin-top: 60rpx; }