.image-mask[data-v-31589a4c]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:2000;opacity:0;-webkit-animation:fadeIn-31589a4c .3s ease forwards;animation:fadeIn-31589a4c .3s ease forwards}@-webkit-keyframes fadeIn-31589a4c{0%{opacity:0}to{opacity:1}}@keyframes fadeIn-31589a4c{0%{opacity:0}to{opacity:1}}.image-container[data-v-31589a4c]{position:relative;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden}.image-toolbar[data-v-31589a4c]{position:fixed;bottom:30px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);gap:8px;z-index:10;backdrop-filter:blur(10px);width:282px;height:44px;padding:0 23px;border-color:#fff;border-radius:22px}.image-toolbar[data-v-31589a4c],.image-toolbar i[data-v-31589a4c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#606266}.image-toolbar i[data-v-31589a4c]{width:36px;height:36px;font-size:23px;border:0;color:#ccc;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.image-viewer[data-v-31589a4c]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;-ms-touch-action:none;touch-action:none;cursor:-webkit-grab;cursor:grab}.image-viewer[data-v-31589a4c]:active{cursor:-webkit-grabbing;cursor:grabbing}.image-wrapper[data-v-31589a4c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;overflow:hidden}.preview-image[data-v-31589a4c]{max-width:90vw;max-height:70vh;-o-object-fit:contain;object-fit:contain;-webkit-transition:-webkit-transform .05s ease;transition:-webkit-transform .05s ease;transition:transform .05s ease;transition:transform .05s ease,-webkit-transform .05s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none}.image-nav[data-v-31589a4c]{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:44px;height:44px;background:rgba(0,0,0,.4);border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease;z-index:5;border:1px solid hsla(0,0%,100%,.1)}.image-nav[data-v-31589a4c]:hover{background:rgba(0,0,0,.6);-webkit-transform:translateY(-50%) scale(1.05);transform:translateY(-50%) scale(1.05)}.image-nav-prev[data-v-31589a4c]{left:20px}.image-nav-next[data-v-31589a4c]{right:20px}.image-nav i[data-v-31589a4c]{font-size:20px}.image-actions[data-v-31589a4c]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px}.image-actions button[data-v-31589a4c]{width:36px;height:36px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:50%;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.image-actions button[data-v-31589a4c]:hover:not(:disabled){background:hsla(0,0%,100%,.2)}.image-actions button[data-v-31589a4c]:disabled{opacity:.3;cursor:not-allowed}.image-actions button i[data-v-31589a4c]{font-size:16px}.close-btn[data-v-31589a4c]{position:absolute;top:-50px;right:0;padding:10px 20px;background-color:#dc3545;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500}.close-btn[data-v-31589a4c]:hover{background-color:#c82333;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.close-top-btn[data-v-31589a4c]{position:fixed;top:40px;right:40px;width:40px;height:40px;color:#fff;border:none;border-radius:50%;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:40px;z-index:1001}