[data-v-86c71e30] .n-modal .n-card .n-card__content,[data-v-86c71e30] .n-modal .n-card .n-card__footer,[data-v-86c71e30] .n-modal .n-card__content,[data-v-86c71e30] .n-modal .n-card__footer,.n-modal .n-card .n-card__content,.n-modal .n-card .n-card__footer{padding:0!important}.image-viewer[data-v-86c71e30]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:transparent;display:flex;flex-direction:column;max-height:85vh;min-height:500px;overflow:hidden;position:relative}.toolbar[data-v-86c71e30]{align-items:center;background:linear-gradient(180deg,rgba(0,0,0,.8),transparent);display:flex;justify-content:space-between;left:0;padding:16px 20px;position:absolute;right:0;top:0;z-index:20}.toolbar .toolbar-left .image-counter[data-v-86c71e30]{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:20px;color:#fff;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 12px}.toolbar .toolbar-right[data-v-86c71e30]{display:flex;gap:8px}.toolbar .toolbar-right .toolbar-btn[data-v-86c71e30]{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:50%;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .3s ease;width:36px}.toolbar .toolbar-right .toolbar-btn[data-v-86c71e30]:hover{background:#fff3;transform:scale(1.05)}.main-image-container[data-v-86c71e30]{align-items:center;background:#ffffff05;border-radius:8px;display:flex;flex:1;justify-content:center;margin:0 20px;min-height:500px;position:relative}.main-image[data-v-86c71e30]{border-radius:8px;box-shadow:0 20px 40px #0000004d;max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain;transition:transform .3s ease}.main-image[data-v-86c71e30]:hover{transform:scale(1.02)}.loading-overlay[data-v-86c71e30]{align-items:center;background:#00000080;bottom:0;color:#fff;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0}.loading-overlay p[data-v-86c71e30]{font-size:16px;margin-top:16px}.error-overlay[data-v-86c71e30]{align-items:center;background:#00000080;bottom:0;color:#ccc;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0}.error-overlay p[data-v-86c71e30]{font-size:16px;margin:16px 0}.thumbnail-nav[data-v-86c71e30]{background:linear-gradient(0deg,rgba(0,0,0,.8),transparent);padding:20px}.thumbnail-scroll[data-v-86c71e30]{display:flex;gap:12px;justify-content:center;overflow-x:auto;padding:8px 0}.thumbnail-scroll[data-v-86c71e30]::-webkit-scrollbar{height:4px}.thumbnail-scroll[data-v-86c71e30]::-webkit-scrollbar-track{background:#ffffff1a;border-radius:2px}.thumbnail-scroll[data-v-86c71e30]::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.thumbnail-item[data-v-86c71e30]{border:3px solid transparent;border-radius:8px;cursor:pointer;flex-shrink:0;height:80px;overflow:hidden;position:relative;transition:all .3s ease;width:80px}.thumbnail-item.active[data-v-86c71e30]{border-color:#1890ff;box-shadow:0 8px 20px #1890ff4d;transform:scale(1.05)}.thumbnail-item[data-v-86c71e30]:hover{border-color:#ffffff80;transform:scale(1.02)}.thumbnail-image[data-v-86c71e30]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.thumbnail-overlay[data-v-86c71e30]{align-items:center;background:#0000004d;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.thumbnail-item:hover .thumbnail-overlay[data-v-86c71e30]{opacity:1}.nav-buttons[data-v-86c71e30]{display:flex;justify-content:space-between;left:0;padding:0 20px;pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-50%)}.nav-btn[data-v-86c71e30]{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;border-radius:50%;cursor:pointer;display:flex;height:48px;justify-content:center;pointer-events:auto;transition:all .3s ease;width:48px}.nav-btn[data-v-86c71e30]:hover:not(.disabled){background:#000c;transform:scale(1.1)}.nav-btn.disabled[data-v-86c71e30]{cursor:not-allowed;opacity:.3}@media (max-width:768px){.image-viewer[data-v-86c71e30]{max-height:70vh}.thumbnail-nav[data-v-86c71e30]{padding:12px}.thumbnail-item[data-v-86c71e30]{height:50px;width:50px}.nav-btn[data-v-86c71e30]{height:40px;width:40px}.close-btn[data-v-86c71e30]{height:36px;right:12px;top:12px;width:36px}}