.face[data-v-c0de49bd]{width:100%;min-height:100vh;background:#f0f0fb;padding-bottom:30px}.face .attendance-record-row[data-v-c0de49bd]{width:100%}.face .attendance-record-content[data-v-c0de49bd]{display:flex;flex-direction:column;gap:0}.face .attendance-record-header[data-v-c0de49bd]{display:flex;align-items:center;justify-content:space-between;gap:12px}.face .attendance-record-title[data-v-c0de49bd]{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.face .attendance-record-check[data-v-c0de49bd]{flex-shrink:0;line-height:1}.face .attendance-record-time-row[data-v-c0de49bd]{display:flex;align-items:center;justify-content:space-between;gap:12px;white-space:nowrap}.face .attendance-record-time-left[data-v-c0de49bd],.face .attendance-record-time-right[data-v-c0de49bd]{white-space:nowrap;flex-shrink:0}.face .attendance-record-time-left[data-v-c0de49bd]{min-width:0;overflow:hidden;text-overflow:ellipsis}.face .attendance-record-footer[data-v-c0de49bd]{display:flex;align-items:center;white-space:nowrap}.face .faceInner[data-v-c0de49bd]{width:960px;margin:0 auto}.face .faceInner .active[data-v-c0de49bd]{background:#06f;border-color:#06f;box-shadow:0 2px #0000000b;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.12);font-weight:700}.face .faceInner .faceBody[data-v-c0de49bd]{width:100%;height:545px;background:url(https://prod-tbu-next-erp-cdn.schoolpal.cn/next-pc-static/static/12087/static/face-bg-new.d77f45f0.png);background-size:100% 100%;margin-left:-11px;padding:16px 34px 32px}.face .faceInner .faceBody .faceTips[data-v-c0de49bd]{font-size:12px;display:flex;align-items:center;height:36px;margin-bottom:14px;border:1px solid;border-radius:4px;border-image:linear-gradient(94deg,#fff,#ffffff21) 1 1;color:#222;background:#9fc4fd47;box-shadow:0 1px 4px #8eb9e659,inset 0 -1px 1px #fcfffc,inset 1px 1px #ffffffbd,inset 0 1px #99d0ff73;-webkit-backdrop-filter:blur(25.085829px);backdrop-filter:blur(25.085829px);padding-left:20px}.face .faceInner .faceBody .face-wrap[data-v-c0de49bd]{display:flex;justify-content:space-between}.face .faceInner .faceBody .face-wrap .face-left-camera[data-v-c0de49bd]{width:600px;height:450px;position:relative;display:flex;align-items:center;justify-content:center;margin-right:14px}.face .faceInner .faceBody .face-wrap .face-left-camera canvas[data-v-c0de49bd],.face .faceInner .faceBody .face-wrap .face-left-camera video[data-v-c0de49bd]{background:url(https://prod-tbu-next-erp-cdn.schoolpal.cn/next-pc-static/static/12171/static/face-add.78ea9a4d.png);background-size:100% 100%;border-radius:6px}.face .faceInner .faceBody .face-wrap .face-left-camera .faceMaskLine[data-v-c0de49bd]{position:absolute;top:213px;width:301px;height:19px;background:url(https://prod-tbu-next-erp-cdn.schoolpal.cn/next-pc-static/static/12171/static/face-att-line.3b7ae3a4.png) no-repeat;background-size:contain;transform:translateZ(0);animation:moveLineDown-c0de49bd 3s cubic-bezier(.4,0,.2,1) infinite;z-index:10}.face .faceInner .faceBody .face-wrap .face-left-camera .face-card[data-v-c0de49bd]{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#00173a73;border-radius:8px}.face .faceInner .faceBody .face-wrap .face-left[data-v-c0de49bd]{width:600px;height:450px;margin-right:14px;background:url(https://prod-tbu-next-erp-cdn.schoolpal.cn/next-pc-static/static/12087/static/face-init.611d0d29.png);background-size:100% 100%;display:flex;align-items:center;flex-direction:column;padding-top:118px;transition:opacity .3s ease-in-out;z-index:10;transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.face .faceInner .faceBody .face-wrap .face-left .cameraPic[data-v-c0de49bd]{width:67px;height:65px;background:url(https://pcsys.admin.ybc365.com//172d2f4e-dd0a-40a6-8278-766575e19367.png);background-size:100% 100%;position:relative;transform:translateZ(0);will-change:transform}.face .faceInner .faceBody .face-wrap .face-left .cameraPic .moveLine[data-v-c0de49bd]{position:absolute;left:-5px;width:77px;height:22px;background:url(https://pcsys.admin.ybc365.com//0fead903-f008-4633-83dc-eb12b5333452.png) no-repeat;background-size:contain;animation:moveUpDown-c0de49bd 1.5s cubic-bezier(.4,0,.2,1) infinite;transform:translateZ(0);will-change:transform}@keyframes moveLineDown-c0de49bd{0%{transform:translateY(-120px)}50%{transform:translateY(100px)}to{transform:translateY(-120px)}}@keyframes moveUpDown-c0de49bd{0%{transform:translateY(0)}50%{transform:translateY(60px)}to{transform:translateY(0)}}.face .faceInner .faceBody .face-wrap .face-left .tips[data-v-c0de49bd]{color:#fff;font-size:12px;font-weight:700;line-height:4;transform:translateZ(0);will-change:opacity}.face .faceInner .faceBody .face-wrap .face-left .tips[data-v-c0de49bd]:before{display:inline-block;content:"";width:8px;height:8px;margin-right:5px;border-radius:4px;background:#57c7ff;transform:translateZ(0)}.face .faceInner .faceBody .face-wrap .face-left .red[data-v-c0de49bd]:before{background:red}.face .faceInner .faceBody .face-wrap .face-right[data-v-c0de49bd]{flex:1;height:450px;background:red;background:url(https://prod-tbu-next-erp-cdn.schoolpal.cn/next-pc-static/static/12087/static/face-title-bg-new.3c96e3f1.png);background-size:100% 100%}.face .faceInner .faceBody .face-wrap .face-right .t[data-v-c0de49bd]{height:38px;line-height:44px;text-align:center;font-size:16px;font-weight:500}.face .faceInner .faceBody .face-wrap .face-right .con[data-v-c0de49bd]{padding:12px;margin:10px 0}.face .faceInner .faceBody .face-wrap .face-right .con .faceNoDataBox[data-v-c0de49bd]{background:url(https://prod-tbu-next-erp-cdn.schoolpal.cn/next-pc-static/static/12087/static/face-no-data-new.f42af9dd.png) no-repeat center;background-size:160px 100px;height:290px;font-size:12px;display:flex;align-items:center;justify-content:center;padding-top:55px;color:#888}.face .faceInner .faceBody .face-wrap .face-right .con2[data-v-c0de49bd]{overflow-y:scroll;max-height:calc(100% - 120px)}.face .faceInner .faceBottom[data-v-c0de49bd]{width:100%;height:218px;background:url(https://prod-tbu-next-erp-cdn.schoolpal.cn/next-pc-static/static/12087/static/face-bottom-bg-new.bb4e8d81.png);background-size:100% 100%;padding:30px 26px 0;margin-right:20px}.face .faceInner .faceBottom .t[data-v-c0de49bd]{margin-bottom:24px;font-family:PingFangSC-Medium,PingFang SC,sans-serif;font-size:18px;font-weight:500;color:#222}.face .faceInner .faceBottom .li[data-v-c0de49bd]{display:flex;justify-content:space-between}.face .faceInner .faceBottom .li div[data-v-c0de49bd]{text-align:right;flex:1;height:48px;display:flex;align-items:center;justify-content:center;padding-left:60px}.face .faceInner .faceBottom .li div[data-v-c0de49bd]:first-child{background:url(https://pcsys.admin.ybc365.com//4f4e1526-6335-45df-b9ea-80fd5ddc0d67.png);background-size:100% 100%;padding-top:4px}.face .faceInner .faceBottom .li div[data-v-c0de49bd]:nth-child(2){background:url(https://pcsys.admin.ybc365.com//67fc388d-8075-4be0-82f8-56b19323886f.png);background-size:100% 100%;padding-top:2px;padding-right:28px}.face .faceInner .faceBottom .li div[data-v-c0de49bd]:nth-child(3){background:url(https://pcsys.admin.ybc365.com//d692d98c-24f6-44b8-bd25-9942076f46dd.png);background-size:100% 100%;padding-right:44px}.face .faceInner .faceBottom .li div[data-v-c0de49bd]:nth-child(4){background:url(https://pcsys.admin.ybc365.com//f2e8bf11-e7b3-4cd2-95b9-c81c0bf25910.png);background-size:100% 100%;padding-left:66px}.face .faceInner .faceBottom ul[data-v-c0de49bd]{padding-left:18px;font-size:14px;color:#888;margin-top:18px}.face .startAttSpan1[data-v-c0de49bd]{animation:backgroundAnimation-c0de49bd 1.6s infinite}.face .startAttSpan2[data-v-c0de49bd]{animation:backgroundAnimation2-c0de49bd 1.6s infinite}.face .startAttSpan3[data-v-c0de49bd]{animation:backgroundAnimation-c0de49bd 1.6s .8s infinite}.face .startAttSpan4[data-v-c0de49bd]{animation:backgroundAnimation2-c0de49bd 1.6s .8s infinite}@keyframes backgroundAnimation-c0de49bd{0%,50%,75%,to{opacity:.4}25%{opacity:1}}@keyframes backgroundAnimation2-c0de49bd{0%,25%,75%,to{opacity:.4}50%{opacity:1}}.face-right-image[data-v-c0de49bd]{background:#fff;border-radius:8px;overflow:hidden}.face-right-image .captured-image-container[data-v-c0de49bd]{display:flex;flex-direction:column}.face-right-image .captured-image[data-v-c0de49bd]{width:100%;height:173px;object-fit:cover;border-radius:8px}.face-right-image .no-image-placeholder[data-v-c0de49bd]{height:100px;background:#f6f7f8;border-radius:8px}.video-element[data-v-c0de49bd]{opacity:0;transition:opacity .3s ease-in-out}.video-element.loaded[data-v-c0de49bd]{opacity:1}.canvas-element[data-v-c0de49bd]{opacity:0;transition:opacity .3s ease-in-out}.canvas-element.loaded[data-v-c0de49bd]{opacity:1}.face-card[data-v-c0de49bd]{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#00173a73;border-radius:8px;z-index:10}.attendance-result[data-v-c0de49bd]{background:#00000080;padding:20px 40px;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.scrollbar[data-v-c0de49bd]::-webkit-scrollbar{width:5px;height:10px}.scrollbar[data-v-c0de49bd]::-webkit-scrollbar-thumb{border-radius:5px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:#bebebe33}.scrollbar[data-v-c0de49bd]::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(227,227,227,.2);border-radius:0;background:#0000001a}