.audio-style{width:100px;height:100px;border-radius:50%;display:inline-block;text-align:center;line-height:100px;font-size:12px;background-color:#409eff;border-color:#409eff;color:#fff}.bg-style-red{background-color:#f56c6c;border-color:#f56c6c}.success-icon{width:80px;height:80px;background-color:#e8f5e9;border-radius:50%;display:flex;justify-content:center;align-items:center;margin:0 auto 20px;animation:bounce 1s ease-in-out}.success-icon i{font-size:40px;color:#4caf50}.error-icon i{font-size:40px;color:red}.complete-title{font-size:24px;color:#333;margin-bottom:12px;font-weight:600}.exam-time-info{padding-top:10px}.el-divider--horizontal{margin:5px 0!important}.el-card__body{padding:0!important}.exam-header{background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:20px 30px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.header-left h2{font-size:20px;font-weight:600;color:#333}.header-right{gap:20px;flex-wrap:wrap}.header-right,.user-verification{display:flex;align-items:center}.user-verification .el-input{width:200px;margin-right:10px}.user-info .el-tag{font-size:14px}.header-right .el-tag{margin-left:10px}.exam-main{padding:30px;flex:1}.question-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);padding:25px;margin-bottom:20px;transition:all .3s ease}.question-card:hover{box-shadow:0 4px 16px 0 rgba(0,0,0,.15);transform:translateY(-2px)}.question-title{font-size:16px;font-weight:500;color:#333;margin-bottom:20px;line-height:1.5}.question-title .el-icon-question{margin-right:8px;color:#409eff}.answer-tip{font-size:14px;color:#666;margin-top:20px;display:flex;align-items:center}.answer-tip .el-icon-microphone{margin-right:8px;color:#67c23a}.record-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);padding:25px;transition:all .3s ease}.record-card:hover{box-shadow:0 4px 16px 0 rgba(0,0,0,.15);transform:translateY(-2px)}.record-status{display:flex;align-items:center;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px}.record-status>*{white-space:nowrap;margin-right:20px;font-size:14px;color:#666}.record-status>:last-child{margin-right:0}.record-btns{margin-top:20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;overflow-x:auto;gap:10px;padding-bottom:5px}.record-btns .el-button{padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;transition:all .3s ease;white-space:nowrap}.record-btns .el-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.record-btns::-webkit-scrollbar{height:4px}.record-btns::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px}.record-btns::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:2px}.record-btns::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.exam-footer{background-color:#fff;text-align:center;padding:20px;font-size:14px;color:#666;border-top:1px solid #ebeef5}@media screen and (max-width:768px){.exam-header{flex-direction:column;align-items:flex-start;padding:15px;height:auto}.header-left{width:100%}.header-left h2{font-size:18px;text-align:center}.header-right{margin-top:15px;gap:12px}.header-right,.user-verification{width:100%;flex-direction:column;align-items:center}.user-verification .el-input{width:100%!important;max-width:300px;margin-right:0!important;margin-bottom:10px}.user-verification .el-button{width:100%;max-width:300px}.user-info{width:100%;justify-content:center}.header-right .el-tag{margin-left:0!important;margin:0 5px}.header-right .el-tag:first-child{margin-left:0}.header-right .el-tag:last-child{margin-right:0}.exam-main,.question-card,.record-card{padding:15px}.question-title{font-size:16px}.record-btns{flex-direction:row;align-items:center;gap:8px;overflow-x:auto;padding-bottom:5px}.record-btns .el-button{margin-left:0!important;margin-top:0;flex:1;min-width:80px;font-size:12px;padding:8px 12px}.record-status{flex-direction:row;align-items:center;gap:10px;overflow-x:auto;padding-bottom:5px}.record-status>*{font-size:12px;margin-right:8px!important}}@media screen and (max-width:480px){.exam-header{padding:12px}.header-left h2{font-size:16px}.header-right{gap:8px}.user-verification .el-button,.user-verification .el-input{max-width:250px}.header-right .el-tag{font-size:12px;padding:2px 8px;margin:0 3px}.exam-main{padding:10px}.question-card,.record-card{padding:12px}.question-title{font-size:16px}.answer-tip{font-size:12px}.record-status>*{font-size:12px;margin-right:8px!important}.record-btns{gap:6px}.record-btns .el-button{font-size:11px;padding:10px 10px;min-width:70px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.question-card,.record-card{animation:fadeIn .5s ease-out}.record-toggle-btn{position:relative;width:80px;height:80px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;margin:0 10px;box-shadow:0 4px 12px rgba(0,0,0,.15);transition:all .3s ease}.record-toggle-btn:hover{transform:scale(1.05);box-shadow:0 6px 16px rgba(0,0,0,.2)}.record-toggle-btn i{font-size:24px;margin-bottom:4px}.record-toggle-btn span{font-size:12px;line-height:1}@media screen and (max-width:768px){.record-toggle-btn{width:70px;height:70px;margin:0 5px}.record-toggle-btn i{font-size:20px}.record-toggle-btn span{font-size:11px}}@media screen and (max-width:768px){.el-upload-dragger{width:100%!important;min-width:auto!important;height:auto!important;min-height:120px!important;padding:15px!important}.el-upload-dragger .el-icon-upload{font-size:40px!important;margin:10px 0!important}.el-upload-dragger .el-upload__text{font-size:12px!important;line-height:1.4!important}.el-form-item__label{font-size:13px!important}.el-date-editor.el-input,.el-date-editor.el-input__inner{width:100%!important}.el-form-item{margin-bottom:15px!important}.el-upload-list{width:100%!important}.el-upload-list__item{font-size:12px!important}}@media screen and (max-width:480px){.el-upload-dragger{min-height:100px!important;padding:10px!important}.el-upload-dragger .el-icon-upload{font-size:32px!important;margin:8px 0!important}.el-upload-dragger .el-upload__text{font-size:11px!important}.el-form-item__label{font-size:12px!important}}.record-btns-self .el-button{width:100%}.double-table-container{padding:2px}.table-wrapper{border-radius:4px}.company-table{border-color:#91caff}.personal-table{border-color:#d4edda}.table-title{text-align:center;font-size:16px;font-weight:500;background:#edf6e8}.headerClass{background:#f5f7f8!important;color:#333}