.video-wrapper[data-v-6f099af0]{position:relative;width:768px;height:432px;margin:0 auto;border-radius:6px;overflow:hidden}video[data-v-6f099af0]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.detection-box[data-v-6f099af0]{position:absolute;width:50%;height:66.6%;left:25%;top:10%;border:3px solid #0f8;border-radius:12px;box-shadow:0 0 15px rgba(0,255,136,.4)}.detection-box[data-v-6f099af0]:after,.detection-box[data-v-6f099af0]:before{content:"";position:absolute;background:hsla(0,0%,100%,.3)}.detection-box[data-v-6f099af0]:before{top:50%;left:10%;right:10%;height:1px;transform:translateY(-1px)}.detection-box[data-v-6f099af0]:after{left:50%;top:20%;bottom:20%;width:1px;transform:translateX(-1px)}.action-buttons[data-v-6f099af0]{text-align:center}.capture-btn[data-v-6f099af0]{width:150px;height:40px;line-height:40px;margin-top:10px;background:#00c853;color:#fff;border:none;font-size:16px;cursor:pointer;padding:0;transition:all .3s}.capture-btn[data-v-6f099af0]:disabled{background:#9e9e9e;cursor:not-allowed}.capture-btn[data-v-6f099af0]:not(:disabled):hover{background:#009624;transform:scale(1.05)}.title[data-v-6f099af0]{margin:0;color:#333;text-align:center;color:#67c23a;font-size:14px;margin-bottom:10px}.face-recognition{background-color:#f5f7fa;height:100vh;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.face-recognition .card{border-radius:6px;width:1200px;padding:10px 60px;box-sizing:border-box;background-color:#fff}.face-recognition .card h3{font-size:22px;text-align:center;font-weight:700;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #dcdfe6}.face-recognition .card .des{font-size:18px;text-align:center;line-height:120px}.face-recognition .card .des .el-button{width:150px;height:40px;line-height:40px;text-align:center;padding:0;border:0;margin-top:160px;font-size:16px}