.success-container { display: flex; flex-direction: column; min-height: 100vh; background-color: #f5f7fa; padding: 30rpx; } .success-icon { display: flex; flex-direction: column; align-items: center; margin: 60rpx 0; } .icon-circle { width: 120rpx; height: 120rpx; background-color: #4cd137; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin-bottom: 20rpx; } .icon-check { color: white; font-size: 60rpx; font-weight: bold; } .success-text { font-size: 36rpx; font-weight: bold; color: #333; } .interview-info { background-color: #fff; border-radius: 12rpx; padding: 30rpx; margin-bottom: 40rpx; } .info-title { font-size: 32rpx; font-weight: bold; margin-bottom: 20rpx; } .info-item { display: flex; margin: 15rpx 0; font-size: 28rpx; color: #333; } .time-end { margin-top: -10rpx; padding-left: 120rpx; } .label { color: #666; width: 120rpx; } .btn-container { margin: 40rpx 0; } .start-btn { width: 100%; height: 90rpx; line-height: 90rpx; background-color: #6c5ce7; color: #fff; border-radius: 45rpx; font-size: 32rpx; } .bottom-tips { text-align: center; font-size: 24rpx; color: #999; margin-top: 20rpx; }