.zh-puzzle-trigger { width:100%; min-height:40px; border:1px solid #c6e2ff; border-radius:6px; background:#ecf5ff; color:#409eff; cursor:pointer; font-size:14px; }
.zh-puzzle-trigger.verified { border-color:#b3e19d; background:#f0f9eb; color:#67c23a; }
.zh-puzzle-content { width:300px; max-width:100%; margin:auto; }
.zh-puzzle-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:12px; font-size:13px; }
.zh-puzzle-header button { border:0; background:transparent; color:#409eff; cursor:pointer; }
.zh-puzzle-stage { position:relative; width:100%; aspect-ratio:2; background:#f5f7fa; display:flex; align-items:center; justify-content:center; overflow:hidden; }
.zh-puzzle-background { display:block; width:100%; height:auto; pointer-events:none; }
.zh-puzzle-piece { position:absolute; height:auto; pointer-events:none; }
.zh-puzzle-slider { width:100%; height:32px; margin:14px 0 8px; cursor:grab; touch-action:none; }
.zh-puzzle-status { font-size:13px; color:#606266; min-height:20px; line-height:20px; }
.zh-puzzle-status.error { color:#f56c6c; }
.zh-puzzle-status.success { color:#67c23a; }