.introduction-container[data-v-6d767cde]{width:100%;min-height:100vh;background-color:#f0f6ff;padding:80px 0}.content-wrapper[data-v-6d767cde]{width:100%;max-width:1320px;margin:0 auto;display:flex;flex-direction:column}.back-box[data-v-6d767cde]{padding:33px 0}.back-box .back-box-content[data-v-6d767cde],.back-box[data-v-6d767cde]{display:flex;align-items:center;gap:8px;cursor:pointer}.back-box .back-icon[data-v-6d767cde]{width:24px;height:24px;-o-object-fit:cover;object-fit:cover}.back-box .back-text[data-v-6d767cde]{font-family:PingFang SC;font-weight:500;font-size:20px;color:#333}.back-box .back-text[data-v-6d767cde]:hover{color:#3f87fb}.intro-content-box[data-v-6d767cde]{width:1320px;min-height:380px;background:#fff;box-shadow:0 3px 6px 1px rgba(0,0,0,.08);border-radius:8px;border:1px solid #ededed;display:flex;align-items:stretch;padding:32px 44px;box-sizing:border-box;margin-bottom:40px}.left-section[data-v-6d767cde]{width:300px;display:flex;justify-content:center;align-items:center}.mobile-practice-section[data-v-6d767cde]{display:flex;flex-direction:column;align-items:center}.mobile-practice-section .qr-code-img[data-v-6d767cde]{width:310px;height:310px;-o-object-fit:contain;object-fit:contain}.mobile-practice-section .qr-code-placeholder[data-v-6d767cde]{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#999}.mobile-practice-section .qr-code-placeholder i[data-v-6d767cde]{font-size:32px}.mobile-practice-section .qr-code-logo[data-v-6d767cde]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;background-color:#3f87fb;border-radius:4px;display:flex;align-items:center;justify-content:center}.mobile-practice-section .qr-code-logo .logo-text[data-v-6d767cde]{font-family:Arial,sans-serif;font-weight:700;font-size:24px;color:#fff}.mobile-practice-section .qr-code-tip[data-v-6d767cde]{font-family:PingFang SC;font-weight:400;font-size:14px;color:#666;margin:0;text-align:center}.right-section[data-v-6d767cde]{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding-left:60px}.right-section .exam-title[data-v-6d767cde]{font-family:PingFang SC;font-weight:500;font-size:24px;color:#333;margin:0;line-height:1.2}.right-section .exam-meta[data-v-6d767cde]{display:flex;gap:24px}.right-section .exam-meta .meta-item[data-v-6d767cde]{font-family:PingFang SC;font-weight:400;font-size:18px;color:#666}.right-section .participants-info .participants-label[data-v-6d767cde]{font-family:PingFang SC;font-weight:400;font-size:18px;color:#333;margin-right:12px}.right-section .participants-info .participants-count[data-v-6d767cde]{font-family:PingFang SC;font-weight:400;font-size:18px;color:#e83732}.right-section .action-buttons[data-v-6d767cde]{display:flex;gap:16px}.right-section .action-buttons .exam-mode-btn[data-v-6d767cde]{width:120px;height:44px;background-color:#3f87fb!important;border-color:#3f87fb!important;color:#fff!important;font-family:PingFang SC;font-weight:400;font-size:14px;border-radius:4px}.right-section .action-buttons .exam-mode-btn[data-v-6d767cde]:hover{background-color:rgba(63,135,251,.9)!important}.right-section .action-buttons .practice-mode-btn[data-v-6d767cde]{width:120px;height:44px;background-color:#fd7939!important;border-color:#fd7939!important;color:#fff!important;font-family:PingFang SC;font-weight:400;font-size:14px;border-radius:4px}.right-section .action-buttons .practice-mode-btn[data-v-6d767cde]:hover{background-color:rgba(253,121,57,.9)!important}.right-section .action-buttons .download-btn[data-v-6d767cde]{width:120px;height:44px;background-color:#1fc593!important;border-color:#1fc593!important;color:#fff!important;font-family:PingFang SC;font-weight:400;font-size:14px;border-radius:4px}.right-section .action-buttons .download-btn[data-v-6d767cde]:hover{background-color:rgba(31,197,147,.9)!important}.tabs-content-box[data-v-6d767cde]{width:1320px;min-height:350px;border-radius:8px;display:flex;flex-direction:column;overflow:hidden;padding:0 44px}.tabs-header[data-v-6d767cde]{display:flex;justify-content:space-between;align-items:center;height:50px;box-sizing:border-box}.tabs-wrapper[data-v-6d767cde]{display:flex;gap:0}.tab-item[data-v-6d767cde]{padding:0 28px;height:48px;border-radius:24px;margin-right:20px;display:flex;align-items:center;justify-content:center;font-family:PingFang SC;font-weight:500;font-size:20px;color:#333;cursor:pointer;transition:all .3s}.tab-item[data-v-6d767cde]:hover{color:#3f87fb}.tab-item.tab-active[data-v-6d767cde]{color:#fff;background-color:#3f87fb;font-weight:500}.clear-records-btn[data-v-6d767cde]{height:32px;padding:0 16px;background-color:#fd7939!important;border-color:#fd7939!important;color:#fff!important;font-family:PingFang SC;font-weight:400;font-size:14px;border-radius:8px}.clear-records-btn[data-v-6d767cde]:hover{background-color:rgba(253,121,57,.9)!important}.tabs-content[data-v-6d767cde]{width:100%;display:flex;flex-direction:column}.introduction-content[data-v-6d767cde]{min-height:300px;padding:16px 0}.introduction-content .rich-text-content[data-v-6d767cde]{font-family:PingFang SC;font-weight:400;font-size:14px;color:#333;line-height:1.8}.introduction-content .rich-text-content[data-v-6d767cde] p{margin:0 0 12px 0}.introduction-content .rich-text-content[data-v-6d767cde] p:last-child{margin-bottom:0}.introduction-content .rich-text-content[data-v-6d767cde] strong{font-weight:500;color:#333}.records-content[data-v-6d767cde]{width:100%;height:400px;overflow:hidden;display:flex;flex-direction:column;padding:32px 0 0}.records-list[data-v-6d767cde]{flex:1;overflow-y:auto}.records-list[data-v-6d767cde]::-webkit-scrollbar{width:6px}.records-list[data-v-6d767cde]::-webkit-scrollbar-track{background:#f5f5f5;border-radius:3px}.records-list[data-v-6d767cde]::-webkit-scrollbar-thumb{background:#d0d0d0;border-radius:3px}.records-list[data-v-6d767cde]::-webkit-scrollbar-thumb:hover{background:#b0b0b0}.record-item[data-v-6d767cde]{display:flex;justify-content:space-between;align-items:center;padding:16px;margin-bottom:20px;background:#fff;border-radius:8px 8px 8px 8px;border:1px solid #ededed;transition:all .3s}.record-item[data-v-6d767cde]:hover{box-shadow:0 2px 8px rgba(0,0,0,.1)}.record-item[data-v-6d767cde]:last-child{margin-bottom:0}.record-item .record-info[data-v-6d767cde]{display:flex;gap:24px;align-items:center}.record-item .record-info .record-count[data-v-6d767cde],.record-item .record-info .record-date[data-v-6d767cde],.record-item .record-info .record-duration[data-v-6d767cde],.record-item .record-info .record-score[data-v-6d767cde]{font-family:PingFang SC;font-weight:400;font-size:20px;color:#333}.record-item .view-analysis-btn[data-v-6d767cde]{width:100px;height:36px;background-color:#3f87fb!important;border-color:#3f87fb!important;color:#fff!important;font-family:PingFang SC;font-weight:400;font-size:14px;border-radius:4px}.record-item .view-analysis-btn[data-v-6d767cde]:hover{background-color:rgba(63,135,251,.9)!important}.empty-records[data-v-6d767cde],.loading-more[data-v-6d767cde],.no-more[data-v-6d767cde]{text-align:center;padding:20px;font-family:PingFang SC;font-weight:400;font-size:14px;color:#999}.empty-records[data-v-6d767cde]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.empty-records .empty-records-icon[data-v-6d767cde]{font-size:48px;color:#999}.empty-records .empty-records-text[data-v-6d767cde]{font-size:14px;color:#999}.loading-more i[data-v-6d767cde]{margin-right:8px}