.qj-slider-window.layui-layer{border-radius:12px;overflow:hidden;box-shadow:0 12px 48px #172b4d26}
.qj-slider-window .layui-layer-title{height:48px;line-height:48px;padding-left:20px;border-bottom:0;background:#fff;color:#253347;font-size:15px;font-weight:600}
.qj-slider-window .layui-layer-setwin{top:17px;right:18px}
.qj-slider{padding:0 20px 16px;background:#fff;color:#374151;box-sizing:border-box}
.qj-slider *{box-sizing:border-box}
.qj-slider [hidden]{display:none!important}
.qj-slider-stage{position:relative;width:100%;max-width:320px;aspect-ratio:2/1;overflow:hidden;border-radius:7px;background:#edf1f5;isolation:isolate}
.qj-slider-stage>img:first-child{display:block;width:100%;height:100%;user-select:none}
.qj-slider-piece{position:absolute;left:0;width:17.142857%;height:auto;filter:drop-shadow(0 1px 2px #0008);user-select:none;will-change:left}
.qj-slider-loading{display:none;position:absolute;inset:0;align-items:center;justify-content:center;gap:8px;background:#edf1f5;color:#66758a;font-size:13px}
.qj-slider-loading:before{content:"";width:16px;height:16px;border:2px solid #d1dbe8;border-top-color:#2563eb;border-radius:50%;animation:qj-slider-spin .75s linear infinite}
.qj-slider[data-state="loading"] .qj-slider-loading{display:flex}
.qj-slider[data-state="loading"] .qj-slider-piece{visibility:hidden}
.qj-slider-label{display:block;margin:16px 0 0;max-width:320px}
.qj-slider-track{display:block;position:relative;width:100%;height:48px;overflow:hidden;border-radius:7px;background:#f2f5f8;box-shadow:inset 0 0 0 1px #e0e6ee;touch-action:none;user-select:none}
.qj-slider-fill{position:absolute;left:0;top:0;height:100%;width:0;background:#e3edff;pointer-events:none;will-change:width}
.qj-slider-track-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding-left:28px;color:#6a798b;font-size:13px;letter-spacing:1px;pointer-events:none}
.qj-slider-handle{position:absolute;top:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid #d9e1ec;border-radius:7px;background:#fff;box-shadow:0 2px 5px #23334d10;pointer-events:none;will-change:transform}
.qj-slider-handle-icon{position:relative;width:20px;height:16px;color:#55708f}
.qj-slider-handle-icon:before,.qj-slider-handle-icon:after{content:"";position:absolute;top:4px;width:8px;height:8px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg)}
.qj-slider-handle-icon:before{left:0}.qj-slider-handle-icon:after{left:7px}
/* Keep the native pointer mapping: inset 16px, transparent thumb 16px. */
.qj-slider-label input[type="range"]{position:absolute;z-index:3;top:0;left:16px;display:block;width:calc(100% - 32px);height:48px;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:transparent;outline:none;-webkit-appearance:none;appearance:none;cursor:grab;touch-action:none}
.qj-slider-label input[type="range"]::-webkit-slider-runnable-track{height:48px;border:0;background:transparent}
.qj-slider-label input[type="range"]::-webkit-slider-thumb{width:16px;height:48px;border:0;background:transparent;border-radius:0;box-shadow:none;-webkit-appearance:none;appearance:none}
.qj-slider-label input[type="range"]::-moz-range-track{height:48px;border:0;background:transparent}
.qj-slider-label input[type="range"]::-moz-range-progress{background:transparent}
.qj-slider-label input[type="range"]::-moz-range-thumb{width:16px;height:48px;border:0;border-radius:0;background:transparent;box-shadow:none}
.qj-slider-label input[type="range"]:active{cursor:grabbing}
.qj-slider-label:has(input:focus-visible) .qj-slider-track{outline:2px solid #2563eb;outline-offset:3px}
.qj-slider[data-state="dragging"] .qj-slider-handle{border-color:#2563eb;background:#2563eb;box-shadow:0 2px 7px #2563eb26}
.qj-slider[data-state="dragging"] .qj-slider-handle-icon{color:#fff}
.qj-slider[data-state="dragging"] .qj-slider-track-text{opacity:0}
.qj-slider[data-state="loading"] .qj-slider-handle,.qj-slider[data-state="expired"] .qj-slider-handle{background:#f8fafc;box-shadow:none}
.qj-slider[data-state="loading"] .qj-slider-handle-icon,.qj-slider[data-state="expired"] .qj-slider-handle-icon{opacity:.45}
.qj-slider[data-state="verifying"] .qj-slider-handle-icon{width:17px;height:17px;border:2px solid #d1dbe8;border-top-color:#2563eb;border-radius:50%;animation:qj-slider-spin .75s linear infinite}
.qj-slider[data-state="verifying"] .qj-slider-handle-icon:before,.qj-slider[data-state="verifying"] .qj-slider-handle-icon:after{display:none}
.qj-slider[data-state="verifying"] .qj-slider-track-text{color:#2563eb}
.qj-slider[data-state="error"] .qj-slider-piece{transition:left .26s ease-out}
.qj-slider[data-state="error"] .qj-slider-handle{border-color:#e5aaa8;transition:transform .26s ease-out}
.qj-slider[data-state="error"] .qj-slider-fill{background:#fce9e8;transition:width .26s ease-out}
.qj-slider[data-state="error"] .qj-slider-handle-icon{color:#c34843}
.qj-slider[data-state="success"] .qj-slider-fill{width:100%!important;background:#e6f5ed;transition:width .18s ease}
.qj-slider[data-state="success"] .qj-slider-track-text{padding-left:0;color:#238354}
.qj-slider[data-state="success"] .qj-slider-handle{opacity:0;transition:opacity .12s ease}
.qj-slider-status{min-height:28px;padding-top:8px;color:#a7522b;font-size:12px;line-height:20px;text-align:center;overflow-wrap:anywhere}
.qj-slider[data-state="loading"] .qj-slider-status{color:#66758a}
.qj-slider[data-state="verifying"] .qj-slider-status{color:#2563eb}
.qj-slider[data-state="success"] .qj-slider-status{color:#238354}
.qj-slider-actions{display:flex;justify-content:space-between;align-items:center;margin-top:1px;gap:12px}
.qj-slider-refresh{min-height:32px;margin:0;padding:5px 0;border:0;background:transparent;color:#51729d;cursor:pointer;font:inherit;font-size:12px}
.qj-slider-refresh:hover{color:#2563eb}.qj-slider-refresh:disabled{color:#9ca3af;cursor:default}
.qj-slider-refresh:focus-visible,.qj-slider-graphic img:focus-visible,.qj-slider-graphic button:focus-visible{outline:2px solid #2563eb;outline-offset:3px;border-radius:3px}
.qj-slider-graphic{padding-top:8px}
.qj-slider-graphic img{display:block;width:140px;height:50px;margin:0 auto 16px;cursor:pointer}
.qj-slider-graphic input{display:block;width:100%;height:42px;margin:0 0 16px;padding:0 12px;border:1px solid #d5dfe9;border-radius:6px;color:#253347;background:#fff;font-size:14px}
.qj-slider-graphic input:focus-visible{outline:2px solid #2563eb;outline-offset:2px}
.qj-slider-graphic button{border-radius:6px;background:#2563eb}
@keyframes qj-slider-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.qj-slider *{animation-duration:1.5s!important;transition-duration:.01ms!important}}