/* ===== 滑块拼图验证码 ===== */
.sc{position:relative;width:100%;max-width:300px;margin:0 auto;user-select:none;font-family:inherit;}
.sc-stage{position:relative;width:100%;border-radius:12px;overflow:hidden;background:#eef1f5;line-height:0;box-shadow:inset 0 0 0 0.5px rgba(15,23,42,.06);}
.sc-bg{display:block;width:100%;height:auto;}
.sc-pz{position:absolute;left:0;top:0;filter:drop-shadow(0 2px 5px rgba(0,0,0,.45));pointer-events:none;z-index:2;}
.sc-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:12px;color:#6B7280;background:#eef1f5;z-index:3;}
.sc-bar{position:relative;height:38px;margin-top:12px;border-radius:10px;background:#f0f2f5;border:0.5px solid #e3e6ea;overflow:hidden;}
.sc-fill{position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(90deg,var(--brand-light),var(--brand));transition:width .05s linear;}
.sc-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:12px;color:#8a94a6;pointer-events:none;z-index:2;}
.sc-handle{position:absolute;left:0;top:0;width:46px;height:38px;display:flex;align-items:center;justify-content:center;
  background:#fff;border:0.5px solid #d7dbe0;border-radius:9px;cursor:grab;z-index:3;color:var(--brand);transition:background .15s,box-shadow .15s;box-shadow:0 1px 3px rgba(15,23,42,.12);}
.sc-handle.active{cursor:grabbing;background:#f7f9fc;}
.sc-handle.ok{background:var(--brand);color:#fff;border-color:var(--brand);}
.sc.ok .sc-bar{border-color:var(--brand);}
.sc.ok .sc-fill{background:linear-gradient(90deg,var(--brand-light),var(--brand));}
.sc.fail .sc-bar{border-color:#D93025;animation:scshake .4s;}
@keyframes scshake{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
.sc-refresh{position:absolute;right:0;top:-20px;font-size:12px;color:var(--brand-deep);cursor:pointer;text-decoration:none;z-index:4;}
.sc-refresh:hover{text-decoration:underline;}