[hidden]{display:none!important}
.verification-gate{min-height:100svh;display:grid;place-items:center;padding:24px;background:#f3f7f5;color:#163344;font-family:"Microsoft YaHei",system-ui,sans-serif;box-sizing:border-box}
.verification-card{box-sizing:border-box;width:min(430px,100%);padding:38px 30px;background:#fff;border:1px solid #d9e3df;border-radius:18px;box-shadow:0 16px 50px #1633440a;text-align:center}
.gate-icon{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 22px;background:#edf4f1;color:#387d50;border-radius:50%}
.gate-icon svg{width:28px;height:28px}
.verification-card h1{font-size:23px;font-weight:700;line-height:1.4;letter-spacing:0;margin:0 0 14px}
.verification-card p{font-size:14px;line-height:1.8;color:#60716c;margin:0}
.gate-spinner{width:26px;height:26px;margin:25px auto 0;border:3px solid #e1ebe5;border-top-color:#176e9a;border-radius:50%;animation:gate-spin .8s linear infinite}
.verification-gate:not([data-state="checking"]):not([data-state="success"]) .gate-spinner{display:none}
.gate-track{--progress:0%;position:relative;box-sizing:border-box;height:50px;margin-top:24px;border:1px solid #d9e3df;border-radius:8px;background:linear-gradient(to right,#e0eee3 var(--progress),#f3f7f5 var(--progress));overflow:hidden;user-select:none}
.gate-slider-label{position:absolute;inset:0;display:grid;place-items:center;font-size:13px;color:#60716c;pointer-events:none}
.gate-handle{position:absolute;left:0;top:0;box-sizing:border-box;width:52px;height:48px;display:grid;place-items:center;border:0;border-radius:7px;background:#176e9a;color:white;font-size:22px;cursor:grab;touch-action:none;user-select:none}
.gate-handle:active{cursor:grabbing}.gate-handle:focus-visible{outline:3px solid #a2d51a;outline-offset:-4px}.is-complete .gate-handle{background:#387d50}
.verification-card .gate-keyboard-note{font-size:11px;margin-top:10px;color:#778681}
.gate-retry{margin:24px 0 0;border:0;background:transparent;color:#176e9a;font:inherit;font-size:13px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.verification-card .gate-footer{margin-top:26px;padding-top:18px;border-top:1px solid #edf2ef;font-size:12px}
.gate-noscript{position:fixed;inset:0;z-index:10000;background:#f3f7f5;display:grid;place-items:center;padding:24px;text-align:center;font:16px/1.8 system-ui,sans-serif}
@keyframes gate-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.gate-spinner{animation:none;border-color:#176e9a}}
@media(max-width:400px){.verification-card{padding:30px 20px}.verification-card h1{font-size:21px}}