.full-image{left:0;top:0;z-index:9999;cursor:zoom-out}.full-image,.full-image .mask{position:fixed;width:100%;height:100%}.full-image .mask{background:rgba(0,0,0,.88)}.full-image .image-box{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.full-image .image-box img{max-height:90vh;max-width:90vw;-o-object-fit:contain;object-fit:contain;border-radius:4px;position:relative;z-index:1}.full-image .nav-btn{position:fixed;top:50%;transform:translateY(-50%);background:hsla(0,0%,100%,.15);border-radius:50%;width:46px;height:46px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10001;transition:background .2s}.full-image .nav-btn:hover{background:hsla(0,0%,100%,.3)}.full-image .nav-btn i{font-size:22px;color:#fff;font-weight:700}.full-image .nav-btn.prev{left:20px}.full-image .nav-btn.next{right:20px}.full-image .counter{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);color:hsla(0,0%,100%,.85);font-size:14px;background:rgba(0,0,0,.45);padding:4px 16px;border-radius:20px;z-index:10001}.full-image .top-toolbar{position:fixed;top:16px;right:16px;display:flex;gap:8px;z-index:10001}.full-image .top-toolbar .tool-btn{display:flex;align-items:center;gap:5px;background:rgba(0,0,0,.45);border-radius:20px;padding:7px 14px;cursor:pointer;transition:background .2s}.full-image .top-toolbar .tool-btn:hover{background:rgba(0,0,0,.72)}.full-image .top-toolbar .tool-btn i{font-size:16px;color:#fff;font-weight:700}.full-image .top-toolbar .tool-btn span{font-size:13px;color:hsla(0,0%,100%,.9);white-space:nowrap}.full-image .top-toolbar .tool-btn.close-btn{border-radius:50%;padding:9px 10px}.full-image .top-toolbar .tool-btn.close-btn span{display:none}