body[data-v-6f72ef66]{--margin:14px;--padding:16px;--gx-brand:rgb(var(--primary-6));--gx-brand-light:rgb(var(--primary-1));--gx-brand-dark:rgb(var(--primary-7));--gx-space-xs:4px;--gx-space-sm:8px;--gx-space-md:12px;--gx-space-lg:16px;--gx-space-xl:20px;--gx-space-2xl:24px;--gx-radius-sm:4px;--gx-radius-md:8px;--gx-radius-lg:12px;--gx-shadow-sm:0 1px 4px #0000000f;--gx-shadow-md:0 2px 8px #00000014;--gx-shadow-lg:0 4px 16px #0000001a;--gx-touch-target:44px;--gx-touch-gap:8px;--gx-bp-xs:320px;--gx-bp-sm:375px;--gx-bp-md:768px;--gx-bp-lg:1024px;--gx-bp-xl:1440px;--mobile-header-height:52px;--mobile-tabbar-height:calc(50px + env(safe-area-inset-bottom,0px));--mobile-action-bar-height:calc(56px + env(safe-area-inset-bottom,0px));--mobile-safe-top:env(safe-area-inset-top,0px);--mobile-safe-bottom:env(safe-area-inset-bottom,0px);--gx-container-max:1200px;--gx-container-pad:16px;--nav-category-width:220px;--nav-category-gap:10px;--nav-category-slot:calc(var(--nav-category-width) + var(--nav-category-gap))}.images-view[data-v-6f72ef66]{background-color:#fafafa;width:350px;position:relative}.images-view--mobile[data-v-6f72ef66]{width:100%}.images-view--mobile .mobile-swipe[data-v-6f72ef66]{aspect-ratio:1;background:#f7f8fa;width:100%}.images-view--mobile .mobile-swipe img[data-v-6f72ef66]{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.images-view--mobile .mobile-thumbs[data-v-6f72ef66]{-webkit-overflow-scrolling:touch;gap:8px;padding:10px 0;display:flex;overflow-x:auto}.images-view--mobile .mobile-thumb[data-v-6f72ef66]{cursor:pointer;background:#fff;border:2px solid #0000;border-radius:6px;flex-shrink:0;width:56px;height:56px;padding:2px}.images-view--mobile .mobile-thumb.active[data-v-6f72ef66]{border-color:rgb(var(--primary-6))}.images-view--mobile .mobile-thumb img[data-v-6f72ef66]{-o-object-fit:cover;object-fit:cover;border-radius:4px;width:100%;height:100%}.images-view .image[data-v-6f72ef66]{cursor:pointer;-webkit-user-select:none;user-select:none;text-align:center;border:1px solid #ededed;height:350px;padding:3px;line-height:350px;position:relative;overflow:hidden}.images-view .image:hover .next[data-v-6f72ef66],.images-view .image:hover .prev[data-v-6f72ef66]{opacity:1;transform:translateY(-50%)scale(1)}.images-view .image:hover .prev[data-v-6f72ef66]{left:16px}.images-view .image:hover .next[data-v-6f72ef66]{right:16px}.images-view .image img[data-v-6f72ef66]{max-width:100%;max-height:100%}.images-view .image .zoom-a[data-v-6f72ef66]{box-sizing:border-box;z-index:9;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAMAAABFaP0WAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAGUExURT1uzv///62t27cAAAACdFJOU/8A5bcwSgAAABBJREFUeNpiYGBkYGQECDAAAA0ABMZIs2EAAAAASUVORK5CYII=);border:1px solid #ccc;width:200px;height:200px;position:absolute}.images-view .image .next[data-v-6f72ef66],.images-view .image .prev[data-v-6f72ef66]{color:#fff;cursor:pointer;opacity:0;background-color:#00000080;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)scale(.5)}.images-view .image .prev[data-v-6f72ef66]{left:-50px}.images-view .image .next[data-v-6f72ef66]{right:-50px}.images-view .foot[data-v-6f72ef66]{height:80px;margin-top:10px;display:flex;overflow:hidden}.images-view .foot .left[data-v-6f72ef66],.images-view .foot .right[data-v-6f72ef66]{cursor:pointer;background-color:#f2f2f2;flex-shrink:0;justify-content:center;align-items:center;width:24px;display:flex}.images-view .foot .left[data-v-6f72ef66]:not(.disabled):active,.images-view .foot .right[data-v-6f72ef66]:not(.disabled):active{background:#e8e8e8}.images-view .foot .left.disabled[data-v-6f72ef66],.images-view .foot .right.disabled[data-v-6f72ef66]{cursor:not-allowed;color:#aaa}.images-view .foot .scroll-box[data-v-6f72ef66]{flex:1;width:440px;height:100%;position:relative;overflow:hidden}.images-view .foot .list[data-v-6f72ef66]{height:100%;transition:left .3s;display:flex;position:absolute;top:0;left:0}.images-view .foot .list-item[data-v-6f72ef66]{cursor:pointer;box-sizing:border-box;-webkit-user-select:none;user-select:none;border:1px solid #f2f2f2;border-radius:4px;flex-shrink:0;width:91px;height:100%;margin-right:10px;position:relative;overflow:hidden}.images-view .foot .list-item[data-v-6f72ef66]:before{content:"";background-color:#0000;transition:background-color .3s;position:absolute;inset:0}.images-view .foot .list-item.active[data-v-6f72ef66]{border-color:rgb(var(--primary-6))}.images-view .foot .list-item.active[data-v-6f72ef66]:before{background-color:#0003}.images-view .foot .list-item img[data-v-6f72ef66]{width:100%}.images-view .zoom-b[data-v-6f72ef66]{z-index:10;box-sizing:border-box;border:1px solid #e8e8e8;width:300px;height:300px;position:absolute;top:0;overflow:hidden}.images-view .zoom-b img[data-v-6f72ef66]{-o-object-fit:cover;object-fit:cover;position:absolute}body[data-v-e399a256]{--margin:14px;--padding:16px;--gx-brand:rgb(var(--primary-6));--gx-brand-light:rgb(var(--primary-1));--gx-brand-dark:rgb(var(--primary-7));--gx-space-xs:4px;--gx-space-sm:8px;--gx-space-md:12px;--gx-space-lg:16px;--gx-space-xl:20px;--gx-space-2xl:24px;--gx-radius-sm:4px;--gx-radius-md:8px;--gx-radius-lg:12px;--gx-shadow-sm:0 1px 4px #0000000f;--gx-shadow-md:0 2px 8px #00000014;--gx-shadow-lg:0 4px 16px #0000001a;--gx-touch-target:44px;--gx-touch-gap:8px;--gx-bp-xs:320px;--gx-bp-sm:375px;--gx-bp-md:768px;--gx-bp-lg:1024px;--gx-bp-xl:1440px;--mobile-header-height:52px;--mobile-tabbar-height:calc(50px + env(safe-area-inset-bottom,0px));--mobile-action-bar-height:calc(56px + env(safe-area-inset-bottom,0px));--mobile-safe-top:env(safe-area-inset-top,0px);--mobile-safe-bottom:env(safe-area-inset-bottom,0px);--gx-container-max:1200px;--gx-container-pad:16px;--nav-category-width:220px;--nav-category-gap:10px;--nav-category-slot:calc(var(--nav-category-width) + var(--nav-category-gap))}.right[data-v-e399a256]{background-color:#87ceeb;flex:1;height:100%}