#app{font-family:Avenir,Helvetica,Arial,sans-serif;text-align:center;color:#2c3e50}.exam-container[data-v-60aaec4a]{min-height:100vh;background:linear-gradient(180deg,#ebf5ff,#f8fafc)}.exam-content[data-v-60aaec4a]{max-width:70vw;margin:0 auto;padding:32px 16px}.header[data-v-60aaec4a]{text-align:center;margin-bottom:40px}.header h1[data-v-60aaec4a]{font-size:36px;font-weight:700;color:#1f2937}.header p[data-v-60aaec4a]{margin-top:16px;font-size:20px;color:#4b5563}.main-content[data-v-60aaec4a]{display:grid;grid-template-columns:2fr 1fr;gap:32px}.info-card[data-v-60aaec4a]{background:#fff;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);padding:24px;margin-bottom:24px}.info-card h2[data-v-60aaec4a]{font-size:24px;font-weight:700;color:#1f2937;margin-bottom:16px}.info-grid[data-v-60aaec4a]{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.info-item[data-v-60aaec4a]{display:flex;align-items:center}.label[data-v-60aaec4a]{color:#4b5563;width:96px}.value[data-v-60aaec4a]{font-weight:500}.exam-rules[data-v-60aaec4a]{margin:24px 0}.exam-rules h3[data-v-60aaec4a]{font-size:18px;font-weight:600;color:#1f2937;margin-bottom:8px}.exam-rules ul[data-v-60aaec4a]{list-style-type:disc;padding-left:24px;color:#4b5563}.exam-rules li[data-v-60aaec4a]{margin-bottom:8px;text-align:left}.start-exam-btn[data-v-60aaec4a]{width:100%;padding:12px;background:#2563eb;color:#fff;font-weight:500;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.start-exam-btn[data-v-60aaec4a]:hover{background:#1d4ed8}.start-exam-btn[data-v-60aaec4a]:disabled{background:#93c5fd;cursor:not-allowed}.start-exam-btn i[data-v-60aaec4a]{margin-right:8px}.camera-card[data-v-60aaec4a]{background:#fff;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);padding:24px;height:90%}.camera-card h2[data-v-60aaec4a]{font-size:24px;font-weight:700;color:#1f2937;margin-bottom:16px}.video-container[data-v-60aaec4a]{width:100%;aspect-ratio:4/3;background:#f3f4f6;border-radius:8px;overflow:hidden;margin-bottom:16px}.video-container video[data-v-60aaec4a]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.camera-controls[data-v-60aaec4a]{text-align:center}.camera-controls p[data-v-60aaec4a]{color:#4b5563;margin-bottom:8px}.button-group[data-v-60aaec4a]{display:flex;justify-content:center;gap:16px}.camera-btn[data-v-60aaec4a],.verify-btn[data-v-60aaec4a]{padding:8px 16px;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s}.camera-btn[data-v-60aaec4a]{background:#4b5563}.camera-btn[data-v-60aaec4a]:hover{background:#374151}.verify-btn[data-v-60aaec4a]{background:#059669}.verify-btn[data-v-60aaec4a]:hover{background:#047857}.camera-btn[data-v-60aaec4a]:disabled,.verify-btn[data-v-60aaec4a]:disabled{opacity:.6;cursor:not-allowed}.message[data-v-60aaec4a]{position:fixed;top:16px;left:50%;transform:translateX(-50%);padding:12px 24px;border-radius:8px;color:#fff;animation:slideIn-60aaec4a .3s ease-out}.message-success[data-v-60aaec4a]{background:#059669}.message-error[data-v-60aaec4a]{background:#dc2626}.message-warning[data-v-60aaec4a]{background:#d97706}@keyframes slideIn-60aaec4a{0%{transform:translate(-50%,-100%);opacity:0}to{transform:translate(-50%);opacity:1}}.min-h-screen[data-v-c1729cf0]{min-height:100vh}.bg-gray-50[data-v-c1729cf0]{background-color:#f9fafb}.bg-white[data-v-c1729cf0]{background-color:#fff}.shadow-sm[data-v-c1729cf0]{box-shadow:0 1px 2px rgba(0,0,0,.05)}.rounded-lg[data-v-c1729cf0]{border-radius:.5rem}.text-red[data-v-c1729cf0]{color:#ef4444}.container[data-v-c1729cf0]{max-width:1024px;margin:1rem auto;padding:0 2rem}.header[data-v-c1729cf0]{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.05)}.header-left[data-v-c1729cf0]{display:flex;align-items:center;gap:1rem}.header-left h1[data-v-c1729cf0]{font-size:1.25rem;font-weight:500}.header-left span[data-v-c1729cf0]{color:#6b7280}.header-right .timer[data-v-c1729cf0]{font-size:1.875rem;font-weight:700}.header-right .current-time[data-v-c1729cf0]{font-size:.875rem;color:#6b7280}.sidebar[data-v-c1729cf0]{width:16rem;padding:1rem;background-color:#fff;border-radius:.5rem;box-shadow:0 1px 2px rgba(0,0,0,.05)}.sidebar h2[data-v-c1729cf0]{font-size:1.125rem;font-weight:500;margin-bottom:1rem}.question-buttons[data-v-c1729cf0]{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem}.question-button[data-v-c1729cf0]{width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;cursor:pointer}.bg-gray[data-v-c1729cf0]{background-color:#e5e7eb}.bg-green[data-v-c1729cf0]{background-color:#10b981;color:#fff}.bg-red[data-v-c1729cf0]{background-color:#ef4444;color:#fff}.bg-blue[data-v-c1729cf0]{background-color:#3b82f6;color:#fff}.main-content[data-v-c1729cf0]{flex:1;margin-left:2rem}.question-area[data-v-c1729cf0]{padding:1.5rem;background-color:#fff;border-radius:.5rem;box-shadow:0 1px 2px rgba(0,0,0,.05)}.question-header[data-v-c1729cf0]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.question-header h2[data-v-c1729cf0]{font-size:1.125rem;font-weight:500}.face-recognition[data-v-c1729cf0]{width:12rem}.face-image[data-v-c1729cf0]{position:relative;width:100%;height:9rem;background-color:#f3f4f6;border-radius:.5rem;overflow:hidden}.face-image img[data-v-c1729cf0]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.face-label[data-v-c1729cf0]{position:absolute;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.5);color:#fff;font-size:.75rem;padding:.25rem;text-align:center}.face-recognition p[data-v-c1729cf0]{font-size:.75rem;color:#6b7280;margin-top:.5rem}.question h3[data-v-c1729cf0]{font-size:1.125rem;margin-bottom:1rem}.options[data-v-c1729cf0]{display:flex;flex-direction:column;gap:1rem}.flex[data-v-c1729cf0]{display:flex}.option[data-v-c1729cf0]{display:flex;align-items:center;padding:.75rem;border-radius:.5rem;cursor:pointer}.option[data-v-c1729cf0]:hover{background-color:#f3f4f6}.option input[type=radio][data-v-c1729cf0]{width:1rem;height:1rem;margin-right:.75rem}.option span[data-v-c1729cf0]{font-size:.875rem}.notice[data-v-c1729cf0]{display:flex;align-items:center;padding:1rem;background-color:#fef3c7;border-left:4px solid #f59e0b;margin-top:1.5rem}.notice-icon[data-v-c1729cf0]{color:#f59e0b;margin-right:.75rem}.notice-content h3[data-v-c1729cf0]{font-size:.875rem;font-weight:500;color:#92400e}.notice-content ul[data-v-c1729cf0]{margin-top:.5rem;padding-left:1.25rem;list-style-type:disc;color:#92400e}.notice-content li[data-v-c1729cf0]{margin-bottom:.5rem;text-align:left}.actions[data-v-c1729cf0]{display:flex;justify-content:space-between;margin-top:1.5rem}.nav-buttons[data-v-c1729cf0]{display:flex;gap:1rem}.nav-buttons button[data-v-c1729cf0],.submit-button[data-v-c1729cf0]{padding:.5rem 1rem;border-radius:.5rem;cursor:pointer}.nav-buttons button[data-v-c1729cf0]{background-color:#e5e7eb;color:#374151}.nav-buttons button[data-v-c1729cf0]:disabled{opacity:.5;cursor:not-allowed}.submit-button[data-v-c1729cf0]{background-color:#ef4444;color:#fff}.img_bg_camera[data-v-c1729cf0]{margin:50px auto}