/* qiuzhi 滑块拼图验证码样式（弹窗模式） */
.qz-slide-box{position:relative;width:100%;border-radius:8px;overflow:hidden;background:#dfe8f3;}
.qz-slide-bg{display:block;width:100%;height:auto;}
.qz-slide-piece{position:absolute;top:0;left:0;width:100%;height:auto;cursor:grab;}
.qz-slide-tip{position:absolute;left:0;right:0;bottom:0;padding:6px 0;text-align:center;background:rgba(0,0,0,.45);color:#fff;font-size:12px;}
.qz-slide-track{position:relative;height:40px;margin-top:10px;border-radius:20px;background:#eef2f7;border:1px solid #d6deea;overflow:hidden;}
.qz-slide-text{position:absolute;left:0;right:0;top:0;line-height:40px;text-align:center;color:#9aa7b8;font-size:13px;pointer-events:none;}
.qz-slide-btn{position:absolute;left:0;top:0;width:44px;height:38px;border-radius:20px;background:#3d86bc;cursor:grab;box-shadow:0 1px 4px rgba(0,0,0,.25);}
.qz-slide-btn:before{content:"";position:absolute;left:50%;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-top:2px solid #fff;border-right:2px solid #fff;transform:rotate(45deg);}
.qz-slide-track.ok{background:#e8f7ee;border-color:#7fd6a0;}
.qz-slide-track.ok .qz-slide-text{color:#2e9e5b;}
.qz-slide-track.ok .qz-slide-btn{background:#2e9e5b;}
.qz-slide-track.err{background:#fdecec;border-color:#f3b4b4;}
.qz-slide-track.err .qz-slide-text{color:#d9534f;}
.qz-code-btn:disabled,.qz-btn-primary:disabled{opacity:.5;cursor:not-allowed;}

/* 弹窗遮罩与卡片 */
.qz-slide-modal{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:16px;}
.qz-slide-modal-mask{position:absolute;inset:0;background:rgba(15,30,55,.55);}
.qz-slide-modal-box{position:relative;width:320px;max-width:92vw;background:#fff;border-radius:14px;padding:18px 18px 20px;box-shadow:0 18px 50px rgba(0,0,0,.35);}
.qz-slide-modal-head{display:flex;align-items:center;justify-content:space-between;font-size:16px;font-weight:700;color:#1d2b36;}
.qz-slide-modal-close{width:26px;height:26px;line-height:24px;text-align:center;font-size:20px;color:#9aa7b8;text-decoration:none;border-radius:50%;}
.qz-slide-modal-close:hover{background:#f0f3f7;color:#3d86bc;}
.qz-slide-modal-desc{margin:6px 0 12px;font-size:12px;color:#7a8799;}
/* 弹窗内画布固定 300px（等比适配），保证拼图对齐精度 */
.qz-slide-modal .qz-slide-box{width:300px;max-width:100%;margin:0 auto;}
.qz-slide-modal .qz-slide-bg,.qz-slide-modal .qz-slide-piece{width:300px;max-width:100%;}
.qz-slide-modal .qz-slide-track{width:300px;max-width:100%;}