[data-v-d16f3b51] .swiper,[data-v-d16f3b51] .swiper-slide{height:100%!important;width:100%!important}.production-gallery[data-v-d16f3b51]{box-sizing:border-box;height:617px;max-width:100%;overflow:hidden;position:relative;width:100%}.gallery-main[data-v-d16f3b51]{height:calc(100% - 67px);position:relative;width:100%}.bilibili-player-wrapper[data-v-d16f3b51],.gallery-container[data-v-d16f3b51]{height:100%;overflow:hidden;position:relative;width:100%}.bilibili-player-wrapper[data-v-d16f3b51]{background:#000;border-radius:16px}.bilibili-player-iframe[data-v-d16f3b51]{border:none;display:block;height:100%;width:100%}.gallery-slide[data-v-d16f3b51],.gallery-swiper[data-v-d16f3b51]{height:100%!important;width:100%!important}.slide-image[data-v-d16f3b51]{background-color:#000;background-position:50%;background-repeat:no-repeat;background-size:contain}.slide-image[data-v-d16f3b51],.slide-video[data-v-d16f3b51]{height:100%;position:relative;width:100%}.slide-video[data-v-d16f3b51]{align-items:center;background:#000;display:flex;justify-content:center}.slide-video video[data-v-d16f3b51]{max-height:100%;max-width:100%}.image-overlay[data-v-d16f3b51]{background:linear-gradient(0deg,rgba(0,0,0,.2),transparent);inset:0;position:absolute}.gallery-swiper[data-v-d16f3b51] .swiper-button-next,.gallery-swiper[data-v-d16f3b51] .swiper-button-prev{align-items:center;border-radius:50%;color:#fff;content:"<";cursor:pointer;display:flex;height:52px;justify-content:center;transition:background-color .3s;width:52px}.gallery-swiper[data-v-d16f3b51] .swiper-button-next:after,.gallery-swiper[data-v-d16f3b51] .swiper-button-prev:after{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;width:100%}.thumbnail-section[data-v-d16f3b51]{background-color:#0000001a;border-radius:8px;bottom:0;display:flex;gap:16px;left:0;overflow-x:auto;overflow-y:hidden;padding:16px;position:absolute;right:0;scrollbar-color:hsla(0,0%,100%,.3) transparent;scrollbar-width:thin;z-index:10}.thumbnail-section[data-v-d16f3b51]::-webkit-scrollbar{height:6px}.thumbnail-section[data-v-d16f3b51]::-webkit-scrollbar-track{background:transparent}.thumbnail-section[data-v-d16f3b51]::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:3px}.thumbnail-section[data-v-d16f3b51]::-webkit-scrollbar-thumb:hover{background-color:#ffffff80}.thumbnail-item[data-v-d16f3b51]{border:2px solid transparent;border-radius:8px;cursor:pointer;flex-shrink:0;height:79.5px;opacity:.2;overflow:hidden;position:relative;transition:all .3s ease;width:auto}.thumbnail-item[data-v-d16f3b51]:hover{border-color:#409eff;opacity:1;transform:scale(1.02)}.thumbnail-item.active[data-v-d16f3b51]{border-color:#409eff;box-shadow:0 0 0 2px #409eff4d;opacity:1;transform:scale(1.05)}.thumbnail-mask[data-v-d16f3b51]{background-color:#0000001a;inset:0;position:absolute;z-index:1}.thumbnail-image[data-v-d16f3b51]{display:block;height:100%;-o-object-fit:contain;object-fit:contain;width:auto;z-index:0}.thumbnail-video-icon[data-v-d16f3b51]{align-items:center;background:#000000b3;display:flex;height:79.5px;justify-content:center;position:relative;width:140px}.thumbnail-video-play[data-v-d16f3b51]{border-bottom:12px solid transparent;border-left:18px solid #fff;border-top:12px solid transparent;height:0;width:0}.thumbnail-type.video[data-v-d16f3b51]{background:#0009;border-radius:4px;bottom:8px;height:20px;position:absolute;right:8px;width:20px}.work-info[data-v-d16f3b51]{align-items:center;background-color:#fff;border-bottom-left-radius:8px;border-bottom-right-radius:8px;bottom:0;box-shadow:0 4px 12px #0000001a;display:flex;height:67px;justify-content:space-between;left:0;padding:0 24px;position:absolute;right:0;z-index:10}.work-title[data-v-d16f3b51]{color:#333;font-size:20px;font-weight:700;line-height:1;margin:0}.interaction-stats[data-v-d16f3b51]{align-items:center;display:flex;gap:32px}.favorite-clickable[data-v-d16f3b51],.like-clickable[data-v-d16f3b51],.share-clickable[data-v-d16f3b51]{cursor:pointer}.stat-item[data-v-d16f3b51]{align-items:center;display:flex;gap:8px}.stat-icon[data-v-d16f3b51]{background-position:50%;background-repeat:no-repeat;background-size:cover;height:16px;width:16px}.stat-icon-hero[data-v-d16f3b51]{color:#999;height:18px;width:18px}.stat-icon-hero.liked[data-v-d16f3b51]{color:#ee4d2d}.stat-icon-hero.favorited[data-v-d16f3b51]{color:#ffc107}.like-icon[data-v-d16f3b51]{background-image:var(--v7b0f5f5c)}.view-icon[data-v-d16f3b51]{background-image:var(--v0c8c9768)}.download-icon[data-v-d16f3b51]{background-image:var(--v1670d8ff)}.share-icon[data-v-d16f3b51]{background-image:var(--v289272a8)}.stat-value[data-v-d16f3b51]{color:#999;font-size:14px;line-height:1}.lightbox[data-v-d16f3b51]{background:#000000d9;inset:0;position:fixed;z-index:9999}.lightbox[data-v-d16f3b51],.lightbox-inner[data-v-d16f3b51]{align-items:center;display:flex;justify-content:center}.lightbox-inner[data-v-d16f3b51]{height:80vh;position:relative;width:90vw}.lightbox-body[data-v-d16f3b51]{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.lightbox-body img[data-v-d16f3b51]{display:block;height:auto;-o-object-fit:contain;object-fit:contain;width:auto}.lightbox-body img[data-v-d16f3b51],.lightbox-body video[data-v-d16f3b51]{max-height:100%;max-width:100%}.lightbox-close[data-v-d16f3b51]{font-size:28px;right:16px;top:12px}.lightbox-close[data-v-d16f3b51],.lightbox-nav[data-v-d16f3b51]{color:#fff;cursor:pointer;position:absolute}.lightbox-nav[data-v-d16f3b51]{font-size:40px;padding:4px 10px;top:50%;transform:translateY(-50%);-webkit-user-select:none;-moz-user-select:none;user-select:none}.lightbox-nav.prev[data-v-d16f3b51]{left:10px}.lightbox-nav.next[data-v-d16f3b51]{right:10px}@media(max-width:1200px){.production-gallery[data-v-d16f3b51]{height:500px}.thumbnail-section[data-v-d16f3b51]{bottom:67px}.thumbnail-item[data-v-d16f3b51]{height:65px;width:200px}.work-info[data-v-d16f3b51]{padding:0 20px}}@media(max-width:768px){.production-gallery[data-v-d16f3b51]{height:400px}.thumbnail-section[data-v-d16f3b51]{display:none}.gallery-swiper[data-v-d16f3b51] .swiper-button-next,.gallery-swiper[data-v-d16f3b51] .swiper-button-prev{height:40px;width:40px}.work-info[data-v-d16f3b51]{flex-direction:column;gap:8px;height:auto;padding:8px 16px}.interaction-stats[data-v-d16f3b51]{gap:16px}.work-title[data-v-d16f3b51]{font-size:18px}}@media(max-width:480px){.production-gallery[data-v-d16f3b51]{height:350px}.work-info[data-v-d16f3b51]{padding:8px 12px}.interaction-stats[data-v-d16f3b51]{gap:12px}.stat-value[data-v-d16f3b51]{font-size:12px}}
