.student-checkin[data-v-b4a9b97c]{padding:8px;min-height:100vh;background:var(--classroom-bg,#f5f7fa)}.qrcode-scanner[data-v-b4a9b97c]{text-align:center;padding:10px 0}.scanner-wrapper[data-v-b4a9b97c]{position:relative;width:100%;max-width:500px;margin:0 auto;background:#000;border-radius:12px;overflow:hidden}.camera-video[data-v-b4a9b97c]{width:100%;height:auto;display:block}.scan-overlay[data-v-b4a9b97c]{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.scan-frame[data-v-b4a9b97c]{position:relative;width:250px;height:250px;border:2px solid hsla(0,0%,100%,.3);border-radius:12px}.scan-corner[data-v-b4a9b97c]{position:absolute;width:30px;height:30px;border-color:#409eff;border-style:solid}.scan-corner.top-left[data-v-b4a9b97c]{top:-2px;left:-2px;border-width:4px 0 0 4px;border-radius:12px 0 0 0}.scan-corner.top-right[data-v-b4a9b97c]{top:-2px;right:-2px;border-width:4px 4px 0 0;border-radius:0 12px 0 0}.scan-corner.bottom-left[data-v-b4a9b97c]{bottom:-2px;left:-2px;border-width:0 0 4px 4px;border-radius:0 0 0 12px}.scan-corner.bottom-right[data-v-b4a9b97c]{bottom:-2px;right:-2px;border-width:0 4px 4px 0;border-radius:0 0 12px 0}.scan-hint[data-v-b4a9b97c]{position:absolute;bottom:-40px;left:50%;transform:translateX(-50%);color:#fff;font-size:14px;white-space:nowrap;text-shadow:0 1px 3px rgba(0,0,0,.5)}.camera-loading-overlay[data-v-b4a9b97c]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);color:#fff}.camera-error[data-v-b4a9b97c],.camera-loading-overlay[data-v-b4a9b97c]{display:flex;flex-direction:column;align-items:center;justify-content:center}.camera-error[data-v-b4a9b97c]{padding:20px;color:#f56c6c;text-align:center}.scan-success[data-v-b4a9b97c]{text-align:center;padding:20px}.checkin-list-card[data-v-b4a9b97c]{margin-bottom:8px}.checkin-items[data-v-b4a9b97c]{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:10px}.checkin-item[data-v-b4a9b97c]{border-radius:8px}.checkin-header[data-v-b4a9b97c]{margin-bottom:8px}.checkin-info[data-v-b4a9b97c]{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.checkin-info h4[data-v-b4a9b97c]{margin:0;font-size:16px;color:#303133}.checkin-time[data-v-b4a9b97c]{font-size:13px;color:#909399;display:flex;align-items:center;gap:4px}.checkin-status[data-v-b4a9b97c]{display:flex;justify-content:flex-end;align-items:center;min-height:32px}