.preview-box[data-v-c1e8c99e]{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.5);overflow:hidden;z-index:1000000}.preview-box .preview-header[data-v-c1e8c99e]{width:100%;position:fixed;top:0;left:50%;transform:translateX(-50%);height:50px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;color:#fff;z-index:1}.preview-box .preview-header .preview-title[data-v-c1e8c99e]{width:100%;font-size:16px;text-align:center}.preview-box .preview-header .preview-close[data-v-c1e8c99e]{-webkit-app-region:no-drag;background-color:rgba(0,0,0,.5);border-radius:50%;cursor:pointer;height:80px;overflow:hidden;position:absolute;right:-20px;top:-40px;transition:background-color .15s;width:80px;color:#fff}.preview-box .preview-header .preview-close i[data-v-c1e8c99e]{position:absolute;left:20%;top:58%;font-size:20px}.preview-box .preview-header .preview-close i[data-v-c1e8c99e]:hover{color:#409eff}.preview-box .preview-content[data-v-c1e8c99e]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.preview-box .preview-content .preview-item[data-v-c1e8c99e]{max-height:calc(100vh - 120px);-o-object-fit:contain;object-fit:contain;transition:transform .2s ease-in-out;position:relative;top:0;left:0;transform:translate(0)}.preview-box .preview-content .preview-item[data-v-c1e8c99e]:not(.dragging){will-change:transform;backface-visibility:hidden;transform-style:preserve-3d}.preview-box .preview-content .preview-item.audio[data-v-c1e8c99e],.preview-box .preview-content .preview-item.video[data-v-c1e8c99e]{height:500px;min-height:50vh}.preview-box .preview-footer[data-v-c1e8c99e]{position:fixed;bottom:0;left:50%;transform:translateX(-50%);height:70px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;z-index:1}.preview-box .preview-footer .preview-tools[data-v-c1e8c99e]{display:flex;align-items:center;gap:20px;color:#000}.preview-box .preview-footer .preview-tools i[data-v-c1e8c99e]{background-color:rgba(0,0,0,.5);padding:5px;font-size:20px;border-radius:50%;cursor:pointer;color:#fff}.preview-box .preview-footer .preview-tools i[data-v-c1e8c99e]:hover{background-color:rgba(0,0,0,.8);color:#409eff}.preview-box .preview-footer .preview-tools .preview-page[data-v-c1e8c99e]{font-size:14px}.preview-box .preview-footer .preview-actions[data-v-c1e8c99e]{display:flex;align-items:center;gap:30px;color:#000}.preview-box .preview-footer .preview-actions i[data-v-c1e8c99e]{font-size:20px;cursor:pointer}.preview-box .preview-footer .preview-actions i[data-v-c1e8c99e]:hover{color:#409eff}