.image-preview-container[data-v-08c99446]{height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:10000}.preview-modal[data-v-08c99446]{align-items:center;background-color:#000c;display:flex;height:100%;justify-content:center;width:100%}.preview-content[data-v-08c99446]{max-height:90vh;max-width:90vw;position:relative}.preview-image[data-v-08c99446]{max-width:90vw;width:90%}.preview-image img[data-v-08c99446]{height:auto;max-height:90vh;max-width:100%;-o-object-fit:contain;object-fit:contain;width:100%}.nav-buttons button[data-v-08c99446]{background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;padding:16px;position:absolute;top:50%;transform:translateY(-50%);transition:background-color .3s}.nav-buttons button[data-v-08c99446]:hover{background:#fff6}.prev-btn[data-v-08c99446]{color:var(--text-color-disabled);left:62px;transform:translateY(-50%) rotateY(180deg)}.next-btn[data-v-08c99446],.prev-btn[data-v-08c99446]{align-items:center;display:flex;font-size:16px;height:48px;justify-content:center;width:48px;z-index:1}.next-btn[data-v-08c99446]{right:62px}.close-btn[data-v-08c99446]{background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:20px;height:30px;line-height:20px;position:fixed;right:60px;top:51px;width:30px}[data-v-08c99446] .close-btn>span{max-width:30px!important}.action-btn[data-v-08c99446]{background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;height:30px;position:fixed;right:102px;top:51px;width:30px}.action-btn .iconfont[data-v-08c99446]{font-size:14px}.thumbnail-container[data-v-08c99446]{background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;width:100%}.thumbnail-list[data-v-08c99446]{border-radius:8px;display:flex;gap:8px;padding:10px}.thumbnail[data-v-08c99446]{border:4px solid transparent;border-radius:8px;cursor:pointer;height:60px;-o-object-fit:cover;object-fit:cover;transition:all .3s;width:60px}.thumbnail.active[data-v-08c99446]{border-color:var(--primary-color)}.thumbnail[data-v-08c99446]:hover{transform:scale(1.1)}.slide-up-enter-active[data-v-08c99446],.slide-up-leave-active[data-v-08c99446]{transition:all .3s ease}.slide-up-enter-from[data-v-08c99446],.slide-up-leave-to[data-v-08c99446]{opacity:0;transform:translateY(100%)}