.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; } .agreement { display: flex; align-items: flex-start; margin-top: 20rpx; } .agreement-text { font-size: 24rpx; color: #666; line-height: 1.5; margin-left: 10rpx; } .agreement-link { color: #6c5ce7; } .submit-btn[disabled] { background-color: #b2b2b2; color: #fff; } .radio-group { display: flex; flex-direction: row; margin-top: 10rpx; } .radio-item { display: flex; align-items: center; margin-right: 60rpx; } .radio-circle { width: 36rpx; height: 36rpx; border-radius: 50%; border: 2rpx solid #999; margin-right: 10rpx; position: relative; } .radio-selected { border-color: #6c5ce7; } .radio-selected:after { content: ''; position: absolute; width: 24rpx; height: 24rpx; background-color: #6c5ce7; border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); } .radio-text { font-size: 28rpx; } .picker-view { width: 100%; height: 80rpx; border: 1px solid #eee; border-radius: 8rpx; padding: 0 20rpx; font-size: 28rpx; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; } .picker-arrow { font-size: 24rpx; color: #999; } /* 职位列表样式 */ .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: #6c5ce7; 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: #6c5ce7; color: #fff; border-radius: 45rpx; font-size: 32rpx; margin-top: 40rpx; } .apply-btn[disabled] { background-color: #b2b2b2; color: #fff; }