.face-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;align-items:center;justify-content:center;overflow:hidden}.face-outline{width:150px;height:200px;stroke:#78c8ffe6;filter:drop-shadow(0 0 10px rgba(80,160,255,.45));animation:face-breathe 2.4s ease-in-out infinite}@keyframes face-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.035)}}.face-scanline{position:absolute;left:8%;right:8%;height:3px;border-radius:2px;background:linear-gradient(90deg,transparent,#43e97b 18%,#7ff0ba 50%,#43e97b 82%,transparent);box-shadow:0 0 14px #43e97be6;animation:face-scan 2.8s linear infinite}@keyframes face-scan{0%{top:6%}50%{top:calc(94% - 3px)}to{top:6%}}.face-grid{position:absolute;top:6%;right:6%;bottom:6%;left:6%;background-image:linear-gradient(rgba(120,200,255,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(120,200,255,.14) 1px,transparent 1px);background-size:26px 26px;border-radius:14px;mask-image:radial-gradient(ellipse at center,rgba(0,0,0,.85) 30%,transparent 72%);-webkit-mask-image:radial-gradient(ellipse at center,rgba(0,0,0,.85) 30%,transparent 72%)}.face-hint{position:absolute;bottom:12px;left:50%;transform:translate(-50%);background:#080e1eb8;color:#bcd7ff;font-size:14px;padding:7px 18px;border-radius:20px;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.face-hint.err{color:#ffb3ad}.face-hint.ok{color:#7ff0ba}.face-hint-cancel{position:absolute;bottom:52px;left:50%;transform:translate(-50%);pointer-events:auto;background:#080e1eb8;color:#ffb3ad;border:1px solid rgba(255,140,130,.5);border-radius:18px;font-size:13px;padding:5px 18px;cursor:pointer}.face-overlay.success .face-outline{stroke:#7ff0ba}.face-overlay.error .face-outline{stroke:#ff9b93}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;-webkit-user-select:none;user-select:none;touch-action:manipulation}