.face-recognition-container[data-v-34b204c0]{width:100%;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;align-items:center;font-family:PingFang SC,Helvetica Neue,Arial,sans-serif}.header[data-v-34b204c0]{text-align:center;-webkit-animation:fadeInDown-data-v-34b204c0 .8s ease-out;animation:fadeInDown-data-v-34b204c0 .8s ease-out}.header h1[data-v-34b204c0]{font-size:.37333rem;font-weight:600;color:#fff;text-shadow:0 .02667rem .05333rem rgba(0,0,0,.1);margin:2rem 0 .66667rem}.camera-container[data-v-34b204c0]{display:flex;flex-direction:column;align-items:center;width:100%;max-width:5.33333rem;-webkit-animation:fadeInUp-data-v-34b204c0 .8s ease-out .2s both;animation:fadeInUp-data-v-34b204c0 .8s ease-out .2s both}.camera-wrapper[data-v-34b204c0]{position:relative;width:4.26667rem;height:4.26667rem;margin-bottom:.26667rem;box-shadow:0 .13333rem .4rem rgba(0,0,0,.2);border-radius:50%;overflow:hidden;background-color:#000}video[data-v-34b204c0]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.camera-frame[data-v-34b204c0]{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;pointer-events:none}.tip[data-v-34b204c0]{color:hsla(0,0%,100%,.9);font-size:.21333rem;text-align:center;line-height:1.6;padding:0 .26667rem;margin-bottom:.26667rem;background-color:hsla(0,0%,100%,.1);border-radius:.16rem;padding:.2rem;-webkit-backdrop-filter:blur(.13333rem);backdrop-filter:blur(.13333rem);max-width:4.26667rem}@-webkit-keyframes fadeInDown-data-v-34b204c0{0%{opacity:0;transform:translateY(-.4rem)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown-data-v-34b204c0{0%{opacity:0;transform:translateY(-.4rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes fadeInUp-data-v-34b204c0{0%{opacity:0;transform:translateY(.4rem)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp-data-v-34b204c0{0%{opacity:0;transform:translateY(.4rem)}to{opacity:1;transform:translateY(0)}}