@funhub/platform 0.1.130 → 0.1.132

package/dist/components/biz/basics/fullscreen-feed/runtime/interaction-sync.mjs

@@ -1,135 +1,2 @@
 
-'use client';
-
-//#region components/biz/basics/fullscreen-feed/runtime/interaction-sync.ts
-/**
-* 将互动状态列表转换为 Map，便于按 content_id 更新。
-*/
-function buildInteractionMap(list) {
-	const map = /* @__PURE__ */ new Map();
-	if (!Array.isArray(list)) return map;
-	list.forEach((item) => {
-		const id = item?.content_id ? String(item.content_id) : "";
-		if (!id) return;
-		map.set(id, item);
-	});
-	return map;
-}
-/**
-* 将互动状态写回内容信息。
-*/
-function applyInteractionToInfo(info, interaction) {
-	const nextIsLiked = interaction.is_liked || false;
-	const nextIsDisliked = interaction.is_disliked || false;
-	const nextIsCollected = interaction.is_collected || false;
-	const nextIsFollowed = typeof interaction.is_followed === "boolean" ? interaction.is_followed : info.is_followed;
-	const rawLikeCnt = info.static?.like_cnt;
-	const shouldFixLikeCnt = nextIsLiked && (typeof rawLikeCnt === "number" ? rawLikeCnt : Number(rawLikeCnt || 0)) === 0;
-	const rawCollectCnt = info.static?.collect_cnt;
-	const shouldFixCollectCnt = nextIsCollected && (typeof rawCollectCnt === "number" ? rawCollectCnt : Number(rawCollectCnt || 0)) === 0;
-	const nextStatic = shouldFixLikeCnt || shouldFixCollectCnt ? {
-		...info.static || {},
-		...shouldFixLikeCnt ? { like_cnt: 1 } : {},
-		...shouldFixCollectCnt ? { collect_cnt: 1 } : {}
-	} : info.static;
-	if (info.is_liked === nextIsLiked && info.is_dislike === nextIsDisliked && info.is_collected === nextIsCollected && info.is_followed === nextIsFollowed && nextStatic === info.static) return info;
-	return {
-		...info,
-		is_liked: nextIsLiked,
-		is_dislike: nextIsDisliked,
-		is_collected: nextIsCollected,
-		is_followed: nextIsFollowed,
-		static: nextStatic
-	};
-}
-/**
-* 收集需要查询互动状态的内容 ID（按类型区分）。
-*/
-function collectPendingInteractionIds(items, checked) {
-	const pendingVideoIds = [];
-	const pendingPostIds = [];
-	items.forEach((item) => {
-		if (!item?.id) return;
-		if (item.kind === "video") {
-			if (checked.video.has(item.id)) return;
-			checked.video.add(item.id);
-			pendingVideoIds.push(item.id);
-			return;
-		}
-		if (item.kind === "post") {
-			if (checked.post.has(item.id)) return;
-			checked.post.add(item.id);
-			pendingPostIds.push(item.id);
-		}
-	});
-	return {
-		pendingVideoIds,
-		pendingPostIds
-	};
-}
-/**
-* 收集需要查询互动状态的剧集 ID。
-*/
-function collectPendingInteractionIdsFromInfos(infos, checked) {
-	const pendingIds = [];
-	infos.forEach((info) => {
-		const id = info?.id ? String(info.id) : "";
-		if (!id) return;
-		if (checked.has(id)) return;
-		checked.add(id);
-		pendingIds.push(id);
-	});
-	return pendingIds;
-}
-/**
-* 将互动状态合并到 FeedItem 列表。
-*/
-function mergeInteractionIntoFeedItems(items, videoMap, postMap) {
-	if (videoMap.size === 0 && postMap.size === 0) return items;
-	let hasChanges = false;
-	const next = items.map((item) => {
-		if (item.kind === "video") {
-			const interaction = videoMap.get(item.id);
-			if (!interaction) return item;
-			const nextInfo = applyInteractionToInfo(item.originalData, interaction);
-			if (nextInfo === item.originalData) return item;
-			hasChanges = true;
-			return {
-				...item,
-				originalData: nextInfo
-			};
-		}
-		if (item.kind === "post") {
-			const interaction = postMap.get(item.id);
-			if (!interaction) return item;
-			const nextInfo = applyInteractionToInfo(item.originalData, interaction);
-			if (nextInfo === item.originalData) return item;
-			hasChanges = true;
-			return {
-				...item,
-				originalData: nextInfo
-			};
-		}
-		return item;
-	});
-	return hasChanges ? next : items;
-}
-/**
-* 将互动状态合并到 infos 列表。
-*/
-function mergeInteractionIntoInfos(infos, interactionMap) {
-	if (interactionMap.size === 0) return infos;
-	let hasChanges = false;
-	const next = infos.map((info) => {
-		const interaction = interactionMap.get(String(info.id));
-		if (!interaction) return info;
-		const nextInfo = applyInteractionToInfo(info, interaction);
-		if (nextInfo === info) return info;
-		hasChanges = true;
-		return nextInfo;
-	});
-	return hasChanges ? next : infos;
-}
-
-//#endregion
-export { buildInteractionMap, collectPendingInteractionIds, collectPendingInteractionIdsFromInfos, mergeInteractionIntoFeedItems, mergeInteractionIntoInfos };
+"use client";function e(e){let t=new Map;return Array.isArray(e)&&e.forEach(e=>{let n=e?.content_id?String(e.content_id):``;n&&t.set(n,e)}),t}function t(e,t){let n=t.is_liked||!1,r=t.is_disliked||!1,i=t.is_collected||!1,a=typeof t.is_followed==`boolean`?t.is_followed:e.is_followed,o=e.static?.like_cnt,s=n&&(typeof o==`number`?o:Number(o||0))===0,c=e.static?.collect_cnt,l=i&&(typeof c==`number`?c:Number(c||0))===0,u=s||l?{...e.static||{},...s?{like_cnt:1}:{},...l?{collect_cnt:1}:{}}:e.static;return e.is_liked===n&&e.is_dislike===r&&e.is_collected===i&&e.is_followed===a&&u===e.static?e:{...e,is_liked:n,is_dislike:r,is_collected:i,is_followed:a,static:u}}function n(e,t){let n=[],r=[];return e.forEach(e=>{if(e?.id){if(e.kind===`video`){if(t.video.has(e.id))return;t.video.add(e.id),n.push(e.id);return}if(e.kind===`post`){if(t.post.has(e.id))return;t.post.add(e.id),r.push(e.id)}}}),{pendingVideoIds:n,pendingPostIds:r}}function r(e,t){let n=[];return e.forEach(e=>{let r=e?.id?String(e.id):``;r&&(t.has(r)||(t.add(r),n.push(r)))}),n}function i(e,n,r){if(n.size===0&&r.size===0)return e;let i=!1,a=e.map(e=>{if(e.kind===`video`){let r=n.get(e.id);if(!r)return e;let a=t(e.originalData,r);return a===e.originalData?e:(i=!0,{...e,originalData:a})}if(e.kind===`post`){let n=r.get(e.id);if(!n)return e;let a=t(e.originalData,n);return a===e.originalData?e:(i=!0,{...e,originalData:a})}return e});return i?a:e}function a(e,n){if(n.size===0)return e;let r=!1,i=e.map(e=>{let i=n.get(String(e.id));if(!i)return e;let a=t(e,i);return a===e?e:(r=!0,a)});return r?i:e}export{e as buildInteractionMap,n as collectPendingInteractionIds,r as collectPendingInteractionIdsFromInfos,i as mergeInteractionIntoFeedItems,a as mergeInteractionIntoInfos};

package/dist/components/biz/basics/fullscreen-feed/runtime/post-slide.mjs

@@ -1,233 +1,2 @@
 
-'use client';
-
-import { Image } from "../../../../ui/image.mjs";
-import { Box } from "../../../../ui/box.mjs";
-import { Carousel, CarouselContent, CarouselItem } from "../../../../ui/carousel.mjs";
-import { useBrowseReport } from "../../../../../hooks/use-browse-report.mjs";
-import styles_module_default from "./styles.module.mjs";
-import SvgVideoPlay from "../../../../../assets/icons/common/video_play.mjs";
-import { useMediaPreview } from "../../../../common/media-preview/index.mjs";
-import { useCallback, useEffect, useMemo, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region components/biz/basics/fullscreen-feed/runtime/post-slide.tsx
-/**
-* 解析视频封面地址（缺省时回退到内容封面）。
-*/
-function resolvePreviewMediaCover(media, fallbackCover) {
-	return media.cover_image || fallbackCover;
-}
-/**
-* 解析轮播项展示地址（视频优先展示封面）。
-*/
-function resolvePreviewMediaDisplaySrc(media) {
-	return media.type === "video" ? media.cover || media.src : media.src;
-}
-/**
-* 帖子全屏卡片。
-*
-* 这里不复用 UserActivityListItem（它是列表形态），而是做一个更偏沉浸式的全屏展示：
-* - 有图：以图为主，支持轮播
-* - 无图：纯文本居中
-*/
-function PostSlide({ item, isSettledActive, shouldMount }) {
-	const mediaPreview = useMediaPreview();
-	useBrowseReport({
-		contentId: item.id,
-		contentType: 2,
-		browseEpisode: 1,
-		enabled: isSettledActive,
-		enableIntervalReport: false,
-		enableExitReport: false,
-		oncePerSession: true
-	});
-	const previewMediaList = useMemo(() => {
-		return (Array.isArray(item.originalData.preview_images) ? item.originalData.preview_images : []).map((m) => {
-			if (!m) return null;
-			if (typeof m === "string") return {
-				type: "image",
-				src: m,
-				cover: ""
-			};
-			const media = m;
-			const isVideo = Boolean(media.is_video);
-			const src = media.media_url;
-			if (isVideo) {
-				const cover = resolvePreviewMediaCover(media, item.originalData.img_y || "");
-				if (!src && !cover) return null;
-				return {
-					type: "video",
-					src,
-					cover
-				};
-			}
-			if (!src) return null;
-			return {
-				type: "image",
-				src,
-				cover: ""
-			};
-		}).filter(Boolean);
-	}, [item.originalData.img_y, item.originalData.preview_images]);
-	const cover = useMemo(() => {
-		const first = previewMediaList[0];
-		if (!first) return "";
-		return resolvePreviewMediaDisplaySrc(first);
-	}, [previewMediaList]);
-	const [carouselApi, setCarouselApi] = useState(null);
-	const [selectedIndex, setSelectedIndex] = useState(0);
-	const [snapCount, setSnapCount] = useState(0);
-	const [loadedPreviewSources, setLoadedPreviewSources] = useState(() => /* @__PURE__ */ new Set());
-	const updateSelected = useCallback((api) => {
-		setSelectedIndex(api.selectedScrollSnap());
-	}, []);
-	useEffect(() => {
-		if (!carouselApi) return;
-		setSnapCount(carouselApi.scrollSnapList().length);
-		updateSelected(carouselApi);
-		carouselApi.on("select", updateSelected);
-		carouselApi.on("reInit", updateSelected);
-		return () => {
-			carouselApi.off("select", updateSelected);
-			carouselApi.off("reInit", updateSelected);
-		};
-	}, [carouselApi, updateSelected]);
-	useEffect(() => {
-		setSelectedIndex(0);
-		setLoadedPreviewSources(/* @__PURE__ */ new Set());
-	}, [item.id]);
-	/**
-	* 标记当前图片资源已经完成加载（含错误兜底），避免反复显示 loading。
-	*/
-	const markPreviewSourceLoaded = useCallback((src) => {
-		if (!src) return;
-		setLoadedPreviewSources((prev) => {
-			if (prev.has(src)) return prev;
-			const next = new Set(prev);
-			next.add(src);
-			return next;
-		});
-	}, []);
-	const activePreviewDisplaySrc = useMemo(() => {
-		if (!previewMediaList.length) return "";
-		if (previewMediaList.length > 1) return resolvePreviewMediaDisplaySrc(previewMediaList[selectedIndex] || previewMediaList[0]);
-		return cover;
-	}, [
-		cover,
-		previewMediaList,
-		selectedIndex
-	]);
-	const shouldShowCoverLoading = Boolean(shouldMount && activePreviewDisplaySrc && !loadedPreviewSources.has(activePreviewDisplaySrc));
-	function handleOpenPreview(index) {
-		if (!previewMediaList.length) return;
-		mediaPreview.open(previewMediaList, index);
-	}
-	if (!shouldMount) return /* @__PURE__ */ jsx(Box, {
-		"data-id": item.id,
-		className: styles_module_default.imageSlide,
-		children: cover ? /* @__PURE__ */ jsx(Image, {
-			src: cover,
-			fill: true,
-			alt: item.title || "post",
-			className: "object-contain",
-			sizes: "100vw"
-		}) : null
-	});
-	return /* @__PURE__ */ jsx(Box, {
-		"data-id": item.id,
-		className: "w-full h-full bg-black",
-		children: previewMediaList.length > 1 ? /* @__PURE__ */ jsxs(Box, {
-			className: "relative w-full h-full",
-			children: [/* @__PURE__ */ jsxs(Carousel, {
-				opts: { loop: true },
-				setApi: (api) => {
-					if (api) setCarouselApi(api);
-				},
-				className: `h-full w-full ${styles_module_default.carouselFull}`,
-				children: [/* @__PURE__ */ jsx(CarouselContent, {
-					className: "h-full",
-					children: previewMediaList.map((itemEntry, index) => {
-						const displaySrc = resolvePreviewMediaDisplaySrc(itemEntry);
-						return /* @__PURE__ */ jsx(CarouselItem, {
-							className: "h-full p-0",
-							children: /* @__PURE__ */ jsx(Box, {
-								className: styles_module_default.imageSlide,
-								children: /* @__PURE__ */ jsxs("button", {
-									type: "button",
-									className: "relative w-full h-full",
-									onClick: () => handleOpenPreview(index),
-									children: [/* @__PURE__ */ jsx(Image, {
-										src: displaySrc,
-										fill: true,
-										alt: item.title || "post",
-										className: "object-contain",
-										sizes: "100vw",
-										onLoad: () => markPreviewSourceLoaded(displaySrc),
-										onError: () => markPreviewSourceLoaded(displaySrc)
-									}), itemEntry.type === "video" && /* @__PURE__ */ jsx("span", {
-										className: "absolute left-1/2 top-1/2 z-10 flex h-14 w-14 -translate-x-1/2 -translate-y-1/2 items-center justify-center rounded-full bg-black/50 text-white",
-										children: /* @__PURE__ */ jsx(SvgVideoPlay, { className: "w-10 h-10" })
-									})]
-								})
-							})
-						}, `${item.id}-${index}`);
-					})
-				}), snapCount > 1 && /* @__PURE__ */ jsx("div", {
-					className: "absolute bottom-[140px] left-1/2 z-20 flex -translate-x-1/2 items-center gap-2",
-					children: Array.from({ length: snapCount }).map((_, index) => {
-						const active = index === selectedIndex;
-						return /* @__PURE__ */ jsx("button", {
-							type: "button",
-							"aria-label": `Go to slide ${index + 1}`,
-							className: `h-2 rounded-full transition-all ${active ? "w-6 bg-white/95" : "w-2 bg-white/40"}`,
-							onClick: () => carouselApi?.scrollTo(index)
-						}, `${item.id}-dot-${index}`);
-					})
-				})]
-			}), shouldShowCoverLoading && /* @__PURE__ */ jsx("div", {
-				className: styles_module_default.posterLoading,
-				children: /* @__PURE__ */ jsx(Image, {
-					src: "/images/common/loading.gif",
-					alt: "loading",
-					width: 36,
-					height: 36
-				})
-			})]
-		}) : /* @__PURE__ */ jsxs(Box, {
-			className: "relative w-full h-full",
-			children: [
-				cover ? /* @__PURE__ */ jsxs("button", {
-					type: "button",
-					className: "absolute inset-0",
-					onClick: () => handleOpenPreview(0),
-					children: [/* @__PURE__ */ jsx(Image, {
-						src: cover,
-						fill: true,
-						alt: item.title || "post",
-						className: "object-contain",
-						sizes: "100vw",
-						onLoad: () => markPreviewSourceLoaded(cover),
-						onError: () => markPreviewSourceLoaded(cover)
-					}), previewMediaList[0]?.type === "video" && /* @__PURE__ */ jsx("span", {
-						className: "absolute left-1/2 top-1/2 z-10 flex h-14 w-14 -translate-x-1/2 -translate-y-1/2 items-center justify-center rounded-full bg-black/50 text-white",
-						children: /* @__PURE__ */ jsx(SvgVideoPlay, { className: "w-10 h-10" })
-					})]
-				}) : null,
-				shouldShowCoverLoading && /* @__PURE__ */ jsx("div", {
-					className: styles_module_default.posterLoading,
-					children: /* @__PURE__ */ jsx(Image, {
-						src: "/images/common/loading.gif",
-						alt: "loading",
-						width: 36,
-						height: 36
-					})
-				}),
-				/* @__PURE__ */ jsx(Box, { className: "absolute inset-0 bg-[linear-gradient(to_top,rgba(0,0,0,0.75),rgba(0,0,0,0.15),rgba(0,0,0,0.75))]" })
-			]
-		})
-	});
-}
-
-//#endregion
-export { PostSlide };
+"use client";import{Image as e}from"../../../../ui/image.mjs";import{Box as t}from"../../../../ui/box.mjs";import{Carousel as n,CarouselContent as r,CarouselItem as i}from"../../../../ui/carousel.mjs";import{useBrowseReport as a}from"../../../../../hooks/use-browse-report.mjs";import o from"./styles.module.mjs";import s from"../../../../../assets/icons/common/video_play.mjs";import{useMediaPreview as c}from"../../../../common/media-preview/index.mjs";import{useCallback as l,useEffect as u,useMemo as d,useState as f}from"react";import{jsx as p,jsxs as m}from"react/jsx-runtime";function h(e,t){return e.cover_image||t}function g(e){return e.type===`video`&&e.cover||e.src}function _({item:_,isSettledActive:v,shouldMount:y}){let b=c();a({contentId:_.id,contentType:2,browseEpisode:1,enabled:v,enableIntervalReport:!1,enableExitReport:!1,oncePerSession:!0});let x=d(()=>(Array.isArray(_.originalData.preview_images)?_.originalData.preview_images:[]).map(e=>{if(!e)return null;if(typeof e==`string`)return{type:`image`,src:e,cover:``};let t=e,n=!!t.is_video,r=t.media_url;if(n){let e=h(t,_.originalData.img_y||``);return!r&&!e?null:{type:`video`,src:r,cover:e}}return r?{type:`image`,src:r,cover:``}:null}).filter(Boolean),[_.originalData.img_y,_.originalData.preview_images]),S=d(()=>{let e=x[0];return e?g(e):``},[x]),[C,w]=f(null),[T,E]=f(0),[D,O]=f(0),[k,A]=f(()=>new Set),j=l(e=>{E(e.selectedScrollSnap())},[]);u(()=>{if(C)return O(C.scrollSnapList().length),j(C),C.on(`select`,j),C.on(`reInit`,j),()=>{C.off(`select`,j),C.off(`reInit`,j)}},[C,j]),u(()=>{E(0),A(new Set)},[_.id]);let M=l(e=>{e&&A(t=>{if(t.has(e))return t;let n=new Set(t);return n.add(e),n})},[]),N=d(()=>x.length?x.length>1?g(x[T]||x[0]):S:``,[S,x,T]),P=!!(y&&N&&!k.has(N));function F(e){x.length&&b.open(x,e)}return y?p(t,{"data-id":_.id,className:`w-full h-full bg-black`,children:x.length>1?m(t,{className:`relative w-full h-full`,children:[m(n,{opts:{loop:!0},setApi:e=>{e&&w(e)},className:`h-full w-full ${o.carouselFull}`,children:[p(r,{className:`h-full`,children:x.map((n,r)=>{let a=g(n);return p(i,{className:`h-full p-0`,children:p(t,{className:o.imageSlide,children:m(`button`,{type:`button`,className:`relative w-full h-full`,onClick:()=>F(r),children:[p(e,{src:a,fill:!0,alt:_.title||`post`,className:`object-contain`,sizes:`100vw`,onLoad:()=>M(a),onError:()=>M(a)}),n.type===`video`&&p(`span`,{className:`absolute left-1/2 top-1/2 z-10 flex h-14 w-14 -translate-x-1/2 -translate-y-1/2 items-center justify-center rounded-full bg-black/50 text-white`,children:p(s,{className:`w-10 h-10`})})]})})},`${_.id}-${r}`)})}),D>1&&p(`div`,{className:`absolute bottom-[140px] left-1/2 z-20 flex -translate-x-1/2 items-center gap-2`,children:Array.from({length:D}).map((e,t)=>{let n=t===T;return p(`button`,{type:`button`,"aria-label":`Go to slide ${t+1}`,className:`h-2 rounded-full transition-all ${n?`w-6 bg-white/95`:`w-2 bg-white/40`}`,onClick:()=>C?.scrollTo(t)},`${_.id}-dot-${t}`)})})]}),P&&p(`div`,{className:o.posterLoading,children:p(e,{src:`/images/common/loading.gif`,alt:`loading`,width:36,height:36})})]}):m(t,{className:`relative w-full h-full`,children:[S?m(`button`,{type:`button`,className:`absolute inset-0`,onClick:()=>F(0),children:[p(e,{src:S,fill:!0,alt:_.title||`post`,className:`object-contain`,sizes:`100vw`,onLoad:()=>M(S),onError:()=>M(S)}),x[0]?.type===`video`&&p(`span`,{className:`absolute left-1/2 top-1/2 z-10 flex h-14 w-14 -translate-x-1/2 -translate-y-1/2 items-center justify-center rounded-full bg-black/50 text-white`,children:p(s,{className:`w-10 h-10`})})]}):null,P&&p(`div`,{className:o.posterLoading,children:p(e,{src:`/images/common/loading.gif`,alt:`loading`,width:36,height:36})}),p(t,{className:`absolute inset-0 bg-[linear-gradient(to_top,rgba(0,0,0,0.75),rgba(0,0,0,0.15),rgba(0,0,0,0.75))]`})]})}):p(t,{"data-id":_.id,className:o.imageSlide,children:S?p(e,{src:S,fill:!0,alt:_.title||`post`,className:`object-contain`,sizes:`100vw`}):null})}export{_ as PostSlide};

package/dist/components/biz/basics/fullscreen-feed/runtime/styles.module.mjs

@@ -1,26 +1,153 @@
 
-import styleInject from "../../../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.mjs";
-
-//#region components/biz/basics/fullscreen-feed/runtime/styles.module.css
-var css_248z = ".styles-module_fullscreenFeed__R5DP7 {\n  position: fixed;\n  inset: 0;\n  width: 100vw;\n  height: 100dvh;\n  overflow: hidden;\n  background: #000;\n\n  .styles-module_feedTrack__Bb7TO {\n    position: relative;\n    width: 100%;\n    height: 100%;\n    will-change: transform;\n  }\n\n  .styles-module_feedItem__x--3a {\n    user-select: none;\n    will-change: transform;\n  }\n\n  .styles-module_imageSlide__MpkCd,\n  .styles-module_emptySlide__naY5o,\n  .styles-module_videoSlide__Gil3A {\n    position: relative;\n    width: 100%;\n    height: 100%;\n  }\n\n  .styles-module_videoSlide__Gil3A {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    .xgplayer-definition {\n      display: none !important;\n    }\n\n    .xg-top-note {\n      top: 80px !important;\n    }\n\n    .xgplayer-volume {\n      top: 80px;\n    }\n\n    .xgplayer-controls {\n      position: fixed;\n      right: 56px;\n      z-index: 100;\n    }\n\n    .xg-options-list {\n      display: flex;\n      justify-content: center;\n      background: linear-gradient(to left, #0000, #000c);\n      padding: 0;\n    }\n\n    .xg-options-list.active li {\n      flex: none;\n      height: 4em;\n    }\n  }\n\n  .styles-module_videoPlayerBox__FLbuO {\n    width: 100%;\n    height: 100%;\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .styles-module_posterLoading__tU2PU {\n    position: absolute;\n    inset: 0;\n    z-index: 3;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    pointer-events: none;\n  }\n\n  .styles-module_posterLoading__tU2PU img {\n    width: 36px;\n    height: 36px;\n  }\n\n  .styles-module_videoPosterBg__53X2O {\n    position: absolute;\n    inset: 0;\n    z-index: 0;\n    pointer-events: none;\n    background: #000;\n  }\n\n  .styles-module_videoPosterCover__thQYR {\n    position: absolute;\n    inset: 0;\n    z-index: 2;\n    pointer-events: none;\n    background: #000;\n  }\n\n  .styles-module_carouselFull__FE9ES [data-slot='carousel-content'] {\n    height: 100%;\n  }\n\n  .styles-module_carouselFull__FE9ES [data-slot='carousel-content'] > div {\n    height: 100%;\n  }\n\n  /* Ensure player stays above the background layer */\n  .styles-module_videoPlayerBox__FLbuO .videoBox {\n    position: relative;\n    z-index: 1;\n  }\n\n  .styles-module_videoPlaceholder__6HptI {\n    position: relative;\n    width: 100%;\n    height: 100%;\n    background: #000;\n  }\n\n  .styles-module_fullscreenBtn__Lp6-X {\n    width: 110px;\n    height: 32px;\n    line-height: 32px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    position: absolute;\n    left: 50%;\n    transform: translateX(-50%);\n    z-index: 4;\n    border-radius: 100px;\n    background: rgba(255, 255, 255, 0.15);\n    font-size: 16px;\n    color: #fff;\n  }\n\n  .styles-module_bottomInfoTransition__-4acA {\n    transition: transform 0.3s ease-in-out;\n\n    &.styles-module_controlsVisible__pAfej {\n      transform: translateY(-50px);\n    }\n  }\n}\n";
-var styles_module_default = {
-	"fullscreenFeed": "styles-module_fullscreenFeed__R5DP7",
-	"feedTrack": "styles-module_feedTrack__Bb7TO",
-	"feedItem": "styles-module_feedItem__x--3a",
-	"imageSlide": "styles-module_imageSlide__MpkCd",
-	"emptySlide": "styles-module_emptySlide__naY5o",
-	"videoSlide": "styles-module_videoSlide__Gil3A",
-	"videoPlayerBox": "styles-module_videoPlayerBox__FLbuO",
-	"posterLoading": "styles-module_posterLoading__tU2PU",
-	"videoPosterBg": "styles-module_videoPosterBg__53X2O",
-	"videoPosterCover": "styles-module_videoPosterCover__thQYR",
-	"carouselFull": "styles-module_carouselFull__FE9ES",
-	"videoPlaceholder": "styles-module_videoPlaceholder__6HptI",
-	"fullscreenBtn": "styles-module_fullscreenBtn__Lp6-X",
-	"bottomInfoTransition": "styles-module_bottomInfoTransition__-4acA",
-	"controlsVisible": "styles-module_controlsVisible__pAfej"
-};
-styleInject(css_248z);
-
-//#endregion
-export { styles_module_default as default };
+import e from"../../../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.mjs";var t=`.styles-module_fullscreenFeed__R5DP7 {
+  position: fixed;
+  inset: 0;
+  width: 100vw;
+  height: 100dvh;
+  overflow: hidden;
+  background: #000;
+
+  .styles-module_feedTrack__Bb7TO {
+    position: relative;
+    width: 100%;
+    height: 100%;
+    will-change: transform;
+  }
+
+  .styles-module_feedItem__x--3a {
+    user-select: none;
+    will-change: transform;
+  }
+
+  .styles-module_imageSlide__MpkCd,
+  .styles-module_emptySlide__naY5o,
+  .styles-module_videoSlide__Gil3A {
+    position: relative;
+    width: 100%;
+    height: 100%;
+  }
+
+  .styles-module_videoSlide__Gil3A {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    .xgplayer-definition {
+      display: none !important;
+    }
+
+    .xg-top-note {
+      top: 80px !important;
+    }
+
+    .xgplayer-volume {
+      top: 80px;
+    }
+
+    .xgplayer-controls {
+      position: fixed;
+      right: 56px;
+      z-index: 100;
+    }
+
+    .xg-options-list {
+      display: flex;
+      justify-content: center;
+      background: linear-gradient(to left, #0000, #000c);
+      padding: 0;
+    }
+
+    .xg-options-list.active li {
+      flex: none;
+      height: 4em;
+    }
+  }
+
+  .styles-module_videoPlayerBox__FLbuO {
+    width: 100%;
+    height: 100%;
+    position: relative;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  .styles-module_posterLoading__tU2PU {
+    position: absolute;
+    inset: 0;
+    z-index: 3;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    pointer-events: none;
+  }
+
+  .styles-module_posterLoading__tU2PU img {
+    width: 36px;
+    height: 36px;
+  }
+
+  .styles-module_videoPosterBg__53X2O {
+    position: absolute;
+    inset: 0;
+    z-index: 0;
+    pointer-events: none;
+    background: #000;
+  }
+
+  .styles-module_videoPosterCover__thQYR {
+    position: absolute;
+    inset: 0;
+    z-index: 2;
+    pointer-events: none;
+    background: #000;
+  }
+
+  .styles-module_carouselFull__FE9ES [data-slot='carousel-content'] {
+    height: 100%;
+  }
+
+  .styles-module_carouselFull__FE9ES [data-slot='carousel-content'] > div {
+    height: 100%;
+  }
+
+  /* Ensure player stays above the background layer */
+  .styles-module_videoPlayerBox__FLbuO .videoBox {
+    position: relative;
+    z-index: 1;
+  }
+
+  .styles-module_videoPlaceholder__6HptI {
+    position: relative;
+    width: 100%;
+    height: 100%;
+    background: #000;
+  }
+
+  .styles-module_fullscreenBtn__Lp6-X {
+    width: 110px;
+    height: 32px;
+    line-height: 32px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 8px;
+    position: absolute;
+    left: 50%;
+    transform: translateX(-50%);
+    z-index: 4;
+    border-radius: 100px;
+    background: rgba(255, 255, 255, 0.15);
+    font-size: 16px;
+    color: #fff;
+  }
+
+  .styles-module_bottomInfoTransition__-4acA {
+    transition: transform 0.3s ease-in-out;
+
+    &.styles-module_controlsVisible__pAfej {
+      transform: translateY(-50px);
+    }
+  }
+}
+`,n={fullscreenFeed:`styles-module_fullscreenFeed__R5DP7`,feedTrack:`styles-module_feedTrack__Bb7TO`,feedItem:`styles-module_feedItem__x--3a`,imageSlide:`styles-module_imageSlide__MpkCd`,emptySlide:`styles-module_emptySlide__naY5o`,videoSlide:`styles-module_videoSlide__Gil3A`,videoPlayerBox:`styles-module_videoPlayerBox__FLbuO`,posterLoading:`styles-module_posterLoading__tU2PU`,videoPosterBg:`styles-module_videoPosterBg__53X2O`,videoPosterCover:`styles-module_videoPosterCover__thQYR`,carouselFull:`styles-module_carouselFull__FE9ES`,videoPlaceholder:`styles-module_videoPlaceholder__6HptI`,fullscreenBtn:`styles-module_fullscreenBtn__Lp6-X`,bottomInfoTransition:`styles-module_bottomInfoTransition__-4acA`,controlsVisible:`styles-module_controlsVisible__pAfej`};e(t);export{n as default};