.preview-mask[data-v-5554aaa4]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.85);z-index:9999;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-animation:fadeIn-data-v-5554aaa4 .3s ease;animation:fadeIn-data-v-5554aaa4 .3s ease}.preview-close[data-v-5554aaa4]{position:absolute;top:20px;right:20px;width:40px;height:40px;background-color:hsla(0,0%,100%,.1);border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-transition:background-color .3s;transition:background-color .3s;z-index:10001}.preview-close[data-v-5554aaa4]:hover{background-color:hsla(0,0%,100%,.2)}.preview-container[data-v-5554aaa4]{position:relative;width:90%;height:90%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.image-area[data-v-5554aaa4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;padding:20px}.preview-image[data-v-5554aaa4]{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;border-radius:4px;-webkit-box-shadow:0 4px 20px rgba(0,0,0,.5);box-shadow:0 4px 20px rgba(0,0,0,.5);cursor:-webkit-zoom-out;cursor:zoom-out;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.preview-image[data-v-5554aaa4]:hover{-webkit-transform:scale(1.02);transform:scale(1.02)}.nav-btn[data-v-5554aaa4]{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:50px;height:50px;background-color:hsla(0,0%,100%,.1);border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-transition:background-color .3s;transition:background-color .3s;z-index:10000}.nav-btn[data-v-5554aaa4]:hover{background-color:hsla(0,0%,100%,.2)}.prev-btn[data-v-5554aaa4]{left:20px}.next-btn[data-v-5554aaa4]{right:20px}.thumbnail-nav[data-v-5554aaa4]{position:absolute;bottom:40px;left:0;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:8px;padding:10px;background-color:rgba(0,0,0,.3);border-radius:8px;margin:0 100px;z-index:10000}.thumbnail-item[data-v-5554aaa4]{width:60px;height:60px;border-radius:4px;overflow:hidden;cursor:pointer;border:2px solid transparent;-webkit-transition:border-color .3s,-webkit-transform .3s;transition:border-color .3s,-webkit-transform .3s;transition:border-color .3s,transform .3s;transition:border-color .3s,transform .3s,-webkit-transform .3s;opacity:.6}.thumbnail-item[data-v-5554aaa4]:hover{-webkit-transform:scale(1.1);transform:scale(1.1);opacity:.8}.thumbnail-item.active[data-v-5554aaa4]{border-color:#2d8cf0;opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}.thumbnail-item img[data-v-5554aaa4]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.image-info[data-v-5554aaa4]{position:absolute;top:20px;left:20px;color:#fff;font-size:16px;background-color:rgba(0,0,0,.5);padding:8px 16px;border-radius:20px;z-index:10000}.keyboard-hint[data-v-5554aaa4]{position:absolute;bottom:20px;left:0;right:0;text-align:center;color:hsla(0,0%,100%,.6);font-size:14px;z-index:10000}@-webkit-keyframes fadeIn-data-v-5554aaa4{0%{opacity:0}to{opacity:1}}@keyframes fadeIn-data-v-5554aaa4{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.thumbnail-nav[data-v-5554aaa4]{margin:0 20px;gap:4px}.thumbnail-item[data-v-5554aaa4]{width:40px;height:40px}.nav-btn[data-v-5554aaa4]{width:40px;height:40px}.preview-close[data-v-5554aaa4]{top:10px;right:10px}}.custom-drawer-mask[data-v-607507b0]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.3);z-index:999}.custom-drawer[data-v-607507b0]{position:absolute;z-index:1000;background-color:#fff;-webkit-box-shadow:-2px 0 8px rgba(0,0,0,.15);box-shadow:-2px 0 8px rgba(0,0,0,.15);border-radius:6px}.custom-drawer-right[data-v-607507b0]{top:0;right:0;height:100%}.custom-drawer-left[data-v-607507b0]{top:0;left:0;height:100%}.custom-drawer-top[data-v-607507b0]{top:0;left:0;width:100%}.custom-drawer-bottom[data-v-607507b0]{bottom:0;left:0;width:100%}.drawer-header[data-v-607507b0]{padding:10px;border-bottom:1px solid #e8e8e8;background-color:#f8f8f8;border-radius:6px}.drawer-body[data-v-607507b0]{overflow:auto}.drawer-footer[data-v-607507b0]{padding:10px 16px;border-top:1px solid #e8e8e8;text-align:right;background:#fff}.fade-enter-active[data-v-607507b0],.fade-leave-active[data-v-607507b0]{-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.fade-enter[data-v-607507b0],.fade-leave-to[data-v-607507b0]{opacity:0}.slide-right-enter-active[data-v-607507b0],.slide-right-leave-active[data-v-607507b0]{-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.slide-right-enter[data-v-607507b0],.slide-right-leave-to[data-v-607507b0]{-webkit-transform:translateX(100%);transform:translateX(100%)}.slide-left-enter-active[data-v-607507b0],.slide-left-leave-active[data-v-607507b0]{-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.slide-left-enter[data-v-607507b0],.slide-left-leave-to[data-v-607507b0]{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.slide-top-enter-active[data-v-607507b0],.slide-top-leave-active[data-v-607507b0]{-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.slide-top-enter[data-v-607507b0],.slide-top-leave-to[data-v-607507b0]{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.slide-bottom-enter-active[data-v-607507b0],.slide-bottom-leave-active[data-v-607507b0]{-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.slide-bottom-enter[data-v-607507b0],.slide-bottom-leave-to[data-v-607507b0]{-webkit-transform:translateY(100%);transform:translateY(100%)}.layout[data-v-648f4a49]{background:#fff;border-radius:8px;height:100%}.layout-title[data-v-648f4a49]{overflow:hidden;padding:10px;font-size:16px;border-bottom:1px solid #e8eaec}#box-search[data-v-648f4a49]{padding-top:20px}.layout-title-left[data-v-648f4a49]{float:left;height:32px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.layout-title-right[data-v-648f4a49]{float:right}#page-box[data-v-648f4a49]{margin-top:20px;text-align:center}.demo-split-pane[data-v-648f4a49]{height:100%;padding:0 20px 10px 20px;overflow-y:auto}.icon-btn[data-v-648f4a49]{margin:10px 0 0 10px;cursor:pointer}.icon-btn[data-v-648f4a49]:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.dropdown-item[data-v-648f4a49]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.modal-header[data-v-648f4a49]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}