.image-viewer-page[data-v-186c0781]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.95);display:flex;justify-content:center;align-items:center;z-index:9999}.image-viewer-container[data-v-186c0781]{width:90%;height:90%;position:relative;display:flex;flex-direction:column}.image-header[data-v-186c0781]{display:flex;justify-content:space-between;align-items:center;position:absolute;top:10px;left:20px;right:20px;z-index:500}.image-title-info[data-v-186c0781]{display:flex;flex-direction:row;align-items:center;gap:15px;flex:1}.image-title-text[data-v-186c0781]{font-family:HarmonyOS Sans SC,Microsoft YaHei,sans-serif;font-size:16px;font-weight:500;color:#fff;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.image-count-info[data-v-186c0781]{display:flex;align-items:center;gap:6px;flex-shrink:0}.image-eye-icon[data-v-186c0781]{width:16px;height:16px;-o-object-fit:contain;object-fit:contain}.image-count-text[data-v-186c0781]{font-family:HarmonyOS Sans SC,Microsoft YaHei,sans-serif;font-size:14px;font-weight:400;color:#fff;line-height:20px}.image-controls[data-v-186c0781]{flex-shrink:0}.close-btn[data-v-186c0781]{background:transparent;border:none;color:#fff;font-size:24px;cursor:pointer;padding:5px 10px;border-radius:4px;transition:background-color .3s}.close-btn[data-v-186c0781]:hover{background-color:hsla(0,0%,100%,.2)}.image-wrapper[data-v-186c0781]{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.image-display[data-v-186c0781]{max-width:90%;max-height:90%;display:flex;align-items:center;justify-content:center}.full-size-image[data-v-186c0781]{max-width:100%;max-height:100vh;-o-object-fit:contain;object-fit:contain}.image-counter[data-v-186c0781]{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);color:#fff;font-size:16px;background-color:rgba(0,0,0,.5);padding:5px 15px;border-radius:20px}.nav-btn[data-v-186c0781]{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;background-color:hsla(0,0%,100%,.1);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;border-radius:50%;transition:background-color .3s}.nav-btn[data-v-186c0781]:hover{background-color:hsla(0,0%,100%,.2)}.nav-btn img[data-v-186c0781]{width:24px;height:24px}.prev-btn[data-v-186c0781]{left:20px}.next-btn[data-v-186c0781]{right:20px}.image-viewer-empty[data-v-186c0781]{color:#fff;font-size:16px}