.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: #0039b3; 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: #0039b3; 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; padding: 40rpx 30rpx; } .form-title { font-size: 32rpx; font-weight: bold; margin-bottom: 40rpx; text-align: center; color: #333; } .form-item { margin-bottom: 30rpx; position: relative; } .validation-icon { position: absolute; right: 20rpx; top: 50%; transform: translateY(-50%); font-size: 36rpx; display: flex; align-items: center; justify-content: center; } .icon-success { color: #4cd964; } .icon-error { color: #ff3b30; } input { width: 100%; height: 80rpx; border: 1px solid #eee; border-radius: 8rpx; padding: 0 60rpx 0 20rpx; font-size: 28rpx; box-sizing: border-box; background-color: #f9f9f9; } .phone-item { display: flex; align-items: center; position: relative; } .phone-item .validation-icon { right: 20rpx; } .phone-item input { flex: 1; border-radius: 0 8rpx 8rpx 0; } .verify-btn { width: 100%; height: 90rpx; line-height: 90rpx; background-color: #0039b3; color: #fff; border-radius: 45rpx; font-size: 32rpx; margin-top: 60rpx; } .verify-btn[disabled] { background-color: #b2b2b2; color: #fff; opacity: 0.7; } .agreement { display: flex; align-items: center; margin-top: 30rpx; } .agreement-text { font-size: 24rpx; color: #666; line-height: 1.5; margin-left: 10rpx; } .agreement-link { color: #0039b3; } /* 职位列表样式 */ .job-list-container { flex: 1; background-color: #fff; border-radius: 20rpx 20rpx 0 0; margin-top: -20rpx; padding: 40rpx 30rpx; } .job-list-title { font-size: 32rpx; font-weight: bold; margin-bottom: 30rpx; } .job-list { max-height: 800rpx; overflow-y: auto; } .job-item { padding: 30rpx; border-radius: 12rpx; background-color: #f8f9fa; margin-bottom: 20rpx; border: 2rpx solid transparent; } .job-selected { border-color: #0039b3; background-color: rgba(108, 92, 231, 0.1); } .job-name { font-size: 30rpx; font-weight: bold; margin-bottom: 10rpx; } .job-details { display: flex; justify-content: space-between; font-size: 24rpx; color: #666; } .job-salary { color: #ff6b6b; } .apply-btn { width: 100%; height: 90rpx; line-height: 90rpx; background-color: #0039b3; color: #fff; border-radius: 45rpx; font-size: 32rpx; margin-top: 40rpx; } .apply-btn[disabled] { background-color: #b2b2b2; color: #fff; } /* 修复国家代码样式 */ .country-code { display: flex; align-items: center; justify-content: space-between; width: 100rpx; padding: 0 20rpx; height: 80rpx; border: 1px solid #eee; border-radius: 8rpx 0 0 8rpx; border-right: none; font-size: 28rpx; background-color: #f9f9f9; } .dropdown-icon { font-size: 20rpx; color: #999; margin-left: 10rpx; } /* 修复手机号输入框样式 */ .phone-item { display: flex; align-items: center; position: relative; } .phone-item input { flex: 1; border-radius: 0 8rpx 8rpx 0; } /* 修复验证图标位置 */ .validation-icon { position: absolute; right: 20rpx; top: 50%; transform: translateY(-50%); font-size: 36rpx; display: flex; align-items: center; justify-content: center; z-index: 2; } .phone-item .validation-icon { right: 20rpx; } /* 修改图标样式与图片一致 */ .icon-success { color: #4cd964; font-weight: bold; } .icon-error { color: #ff3b30; font-weight: bold; }