.success-container { display: flex; flex-direction: column; align-items: center; min-height: 100vh; background-color: #ffffff; padding: 30rpx; } .avatar-container { margin-top: 100rpx; margin-bottom: 40rpx; } .avatar-circle { width: 180rpx; height: 180rpx; background-color: #f5f5f5; border-radius: 50%; position: relative; } .avatar-circle::after { content: ''; position: absolute; bottom: -30rpx; left: 50%; transform: translateX(-50%); width: 120rpx; height: 60rpx; background-color: #f5f5f5; border-radius: 60rpx 60rpx 0 0; } .interview-status { margin-top: 60rpx; margin-bottom: 20rpx; } .status-text { font-size: 36rpx; color: #007AFF; font-weight: normal; } .tips-container { padding: 0 60rpx; text-align: center; margin-bottom: 60rpx; } .tips-text { font-size: 28rpx; color: #999999; line-height: 1.5; } .btn-container { margin-top: 80rpx; width: 100%; padding: 0 40rpx; } .confirm-btn { width: 100%; height: 90rpx; line-height: 90rpx; background-color: #ffffff; color: #333333; border-radius: 45rpx; font-size: 32rpx; border: 1px solid #e0e0e0; }