.bj-split{margin:30px 0 0}.split-stage{position:relative;aspect-ratio:2560/1429;overflow:hidden;background:#151717;touch-action:pan-y;cursor:ew-resize;border:1px solid #39433f}.split-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.split-overlay{clip-path:inset(0 calc(100% - var(--split)) 0 0)}.split-line{position:absolute;top:0;bottom:0;left:var(--split);width:2px;background:#32ffd2;transform:translateX(-50%);pointer-events:none;box-shadow:0 0 24px #32ffd260}.split-line>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#32ffd2;color:#071a15;font-size:27px;letter-spacing:3px;box-shadow:0 4px 30px #0008}.split-label{position:absolute;top:18px;z-index:2;padding:8px 12px;background:#0d0e0ed9;border:1px solid #ffffff35;font:11px/1.4 monospace;color:#fff;pointer-events:none}.split-left{left:18px}.split-right{right:18px}.split-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}.split-stage:focus-within{outline:2px solid #32ffd2;outline-offset:5px}.split-caption{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:16px 0;color:#a9b9b3;font:10px/1.5 monospace;letter-spacing:.06em}.split-caption>div{display:flex;gap:18px}.split-caption .image-open{display:inline-block;width:auto;background:none;border:0;border-bottom:1px solid #32ffd2;padding:4px 0;color:#32ffd2;font:12px/1.4 monospace}@media(max-width:600px){.split-label{top:8px;font-size:8px;padding:5px 7px}.split-left{left:8px}.split-right{right:8px}.split-line>span{width:40px;height:40px;font-size:21px}.split-caption{flex-wrap:wrap;font-size:8px}}

.split-caption .image-open img{display:none}