/* Scoped verification surface: light orange identity and fixed alignment. */
.ss-captcha-dialog.el-dialog { padding: 22px; border-radius: 16px; background:#fff; color:#263344; }
.ss-captcha-dialog .el-dialog__header { padding:0; margin:0 0 20px; }
.ss-captcha-dialog .el-dialog__body { padding:0 !important; }
.ss-captcha-dialog .el-dialog__footer { padding:16px 0 0; }
.ss-captcha-brand { display:flex; align-items:center; gap:10px; }
.ss-captcha-brand img { width:40px; height:40px; object-fit:cover; border-radius:10px; }
.ss-captcha-brand strong { display:block; font-size:16px; line-height:1.4; color:#263344; }
.ss-captcha-brand span { display:block; margin-top:2px; color:#666f7b; font-size:12px; }
.ss-captcha-close { margin-left:auto; display:grid; place-items:center; width:40px; height:40px; border:0; border-radius:10px; background:transparent; color:#606b79; font-size:18px; cursor:pointer; }
.ss-captcha-close:hover { background:#f4f5f7; }
.ss-captcha-body h2 { margin:0 0 6px; font-size:18px; line-height:1.5; font-weight:700; color:#263344; }
.ss-captcha-body > p { margin:0 0 16px; font-size:12px; line-height:1.7; color:#626c79; }
.ss-captcha-stage { position:relative; width:100%; aspect-ratio:320 / 144; overflow:hidden; border-radius:12px; background:#fff7ed; }
.ss-captcha-image { display:block; width:100%; height:100%; }
.ss-captcha-cover { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; gap:8px; background:#fff7ed; color:#875424; font-size:12px; }
.ss-captcha-piece { position:absolute; top:59.722222%; width:12.5%; height:27.777778%; fill:#e88a00; overflow:visible; pointer-events:none; }
.ss-captcha-piece > path:first-child { stroke:#93500b; stroke-width:1.5px; }
.ss-captcha-piece circle { fill:#fff; }
.ss-captcha-piece .ss-mouse-smile { fill:none; stroke:#fff; stroke-width:1.5px; stroke-linecap:round; }
.ss-captcha-track { position:relative; height:48px; margin-top:14px; border:1px solid #dedfe4; border-radius:12px; background:#f5f6f8; overflow:hidden; box-sizing:border-box; }
.ss-captcha-fill { position:absolute; inset:0 auto 0 0; max-width:100%; background:#fff0d8; pointer-events:none; }
.ss-captcha-track-label { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; color:#606a77; font-size:12px; pointer-events:none; }
.ss-captcha-handle { position:absolute; top:3px; width:40px; height:40px; padding:0; display:grid; place-items:center; border:0; border-radius:9px; background:#df8000; color:#fff; font-size:20px; cursor:grab; touch-action:none; user-select:none; -webkit-user-select:none; box-shadow:0 2px 4px #753d0026; }
.ss-captcha-handle[aria-disabled="true"] { cursor:default; }
.ss-captcha-handle:hover { background:#c76d00; }
.ss-captcha-track.is-dragging .ss-captcha-handle { cursor:grabbing; }
.ss-captcha-track.is-passed .ss-captcha-fill { background:#e5f4eb; }
.ss-captcha-track.is-passed .ss-captcha-handle { background:#21804b; }
.ss-captcha-status { display:flex; align-items:flex-start; gap:6px; min-height:40px; padding-top:10px; font-size:11px; line-height:1.65; color:#626c79; }
.ss-captcha-status.is-error { color:#b43e23; }
.ss-captcha-status .el-icon { margin-top:2px; color:#21804b; flex:none; }
.ss-captcha-footer { width:100%; display:flex; justify-content:space-between; align-items:center; gap:8px; border-top:1px solid #eceef1; padding-top:14px; }
.ss-captcha-footer > button:first-child { border:0; padding:8px 0; background:transparent; color:#7b4b17; cursor:pointer; font-size:12px; line-height:1.5; }
.ss-captcha-footer .el-button { min-height:34px; border-radius:9px; }
.ss-captcha-footer .el-button span { display:inline-flex; align-items:center; gap:5px; }
.ss-captcha-dialog button:focus-visible { outline:2px solid #995000; outline-offset:2px; }
@media(max-width:360px) { .ss-captcha-dialog.el-dialog { padding:18px; } .ss-captcha-footer { flex-wrap:wrap; } }
@media(prefers-reduced-motion:reduce) { .ss-captcha-dialog *, .ss-captcha-dialog *::before { animation:none!important; transition:none!important; } }