.image-container,.video-container{border-radius:12px;overflow:hidden}.image-container{position:relative;width:100%;aspect-ratio:5 / 4;border-radius:12px;overflow:hidden;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.before-image,.after-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;user-select:none}.after-image{opacity:0;transition:opacity .3s ease-in-out}@media (hover: hover) and (pointer: fine){.image-container:hover .after-image{opacity:1}}.image-container.active .after-image{opacity:1}.gallery-scroll-wrapper{position:relative}.gallery-scroll-box{overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#a5b4fc transparent;padding-right:4px}.gallery-scroll-box::-webkit-scrollbar{width:6px}.gallery-scroll-box::-webkit-scrollbar-thumb{background:#a5b4fc;border-radius:3px}.gallery-scroll-box::-webkit-scrollbar-track{background:transparent}.gallery-scroll-hint{position:absolute;bottom:0;left:0;right:0;height:52px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:6px;background:linear-gradient(to bottom,#fff0,#fffffff2);pointer-events:none;opacity:1;transition:opacity .25s ease;border-radius:0 0 12px 12px}.gallery-scroll-hint.hidden{opacity:0}.gallery-scroll-hint i{color:#6366f1;font-size:15px;animation:galleryScrollBounce 1.6s ease-in-out infinite}@keyframes galleryScrollBounce{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.video-container{position:relative;width:100%;border-radius:12px;overflow:hidden;background:#000}.video-thumb-fixed{aspect-ratio:5 / 4}.video-thumb-fixed .video-thumb-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.shorts-badge{position:absolute;top:10px;right:10px;display:flex;align-items:center;gap:4px;background:#000000bf;color:#fff;font-size:11px;font-weight:700;letter-spacing:.03em;padding:4px 8px;border-radius:6px;z-index:5;pointer-events:none}.shorts-badge i{font-size:11px}.play-button{position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:56px;height:56px;border-radius:50%;background-color:#f7060699;display:flex;align-items:center;justify-content:center;transition:all .2s ease-in-out;z-index:10;border:none;cursor:pointer}.play-button svg{width:24px;height:24px;fill:currentColor;color:#fff}.play-button:hover{background-color:#00ff0dcc}.video-lightbox-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.video-lightbox-overlay.hidden{display:none}.video-lightbox-close{position:absolute;top:20px;right:24px;background:#ffffff1a;border:none;color:#fff;font-size:32px;line-height:1;width:44px;height:44px;border-radius:50%;cursor:pointer;z-index:10000;display:flex;align-items:center;justify-content:center}.video-lightbox-close:hover{background:#fff3}.video-lightbox-wrapper{background:#000;border-radius:12px;overflow:hidden;max-width:90vw;max-height:90vh}.video-lightbox-wrapper.ratio-16-9{aspect-ratio:16/9;width:min(90vw,960px)}.video-lightbox-wrapper.ratio-9-16{aspect-ratio:9/16;height:min(90vh,900px)}.video-lightbox-wrapper.ratio-1-1{aspect-ratio:1/1;width:min(90vw,700px)}.video-lightbox-wrapper video{width:100%;height:100%;object-fit:contain;background:#000;display:block}