.sc-wrap{width:300px; max-width:100%; margin:0 auto; user-select:none; -webkit-user-select:none; box-sizing:border-box;}
.sc-panel{position:relative; width:100%; height:150px; border-radius:8px; overflow:hidden; background:#e2e8f0; border:1px solid #e2e8f0; box-sizing:border-box;}
.sc-bg{display:block; width:100%; height:150px; object-fit:fill;}
.sc-piece{position:absolute; left:0; top:0; width:44px; height:44px; box-shadow:0 0 6px rgba(0,0,0,.35); pointer-events:none; z-index:2;}
.sc-tip{position:absolute; left:0; right:0; bottom:0; padding:4px 8px; font-size:12px; color:#fff; background:rgba(15,23,42,.35); z-index:3; box-sizing:border-box;}
.sc-tip.ok{background:rgba(22,163,74,.75);}
.sc-tip.err{background:rgba(220,38,38,.75);}
.sc-bar{position:relative; margin-top:10px; height:40px; border-radius:20px; background:#f1f5f9; border:1px solid #e2e8f0; overflow:hidden; box-sizing:border-box;}
.sc-bar.active{border-color:#93c5fd;}
.sc-bar.ok{border-color:#86efac; background:#f0fdf4;}
.sc-bar.fail{border-color:#fca5a5; background:#fef2f2;}
.sc-track{position:absolute; inset:0;}
.sc-fill{position:absolute; left:0; top:0; bottom:0; width:0; background:rgba(59,130,246,.18);}
.sc-bar.ok .sc-fill{background:rgba(34,197,94,.2);}
.sc-text{position:absolute; inset:0; display:flex; align-items:center; justify-content:center; font-size:13px; color:#94a3b8; pointer-events:none; transition:opacity .2s;}
.sc-btn{position:absolute; left:0; top:0; width:40px; height:40px; border-radius:50%; background:#fff; border:1px solid #cbd5e1; box-shadow:0 2px 8px rgba(15,23,42,.12); cursor:grab; z-index:2; display:flex; align-items:center; justify-content:center; box-sizing:border-box;}
.sc-btn:active{cursor:grabbing;}
.sc-btn i{display:block; width:8px; height:8px; border:0; border-top:2px solid #64748b; border-right:2px solid #64748b; transform:rotate(45deg); margin-left:-2px;}
.sc-bar.ok .sc-btn{border-color:#16a34a; background:#22c55e;}
.sc-bar.ok .sc-btn i{
	width:auto; height:auto; margin:0; border:0; transform:none;
	font-style:normal; font-size:18px; line-height:1; color:#fff; font-weight:700;
}
.sc-bar.ok .sc-btn i:before{content:"\2713";}
.sc-actions{margin-top:6px; text-align:right;}
.sc-actions a{font-size:12px; color:#64748b; text-decoration:none;}
.sc-actions a:hover{color:#2563eb;}

/* 弹层容器 */
.sc-dialog-body{padding:8px 4px 4px; min-height:210px;}