karin-plugin-kkk 2.21.0 → 2.22.0

package/lib/core_chunk/{template-n3eb7E79.js → template-B9tgdrVz.js}

@@ -1,5 +1,5 @@
 import { n as __esmMin, o as __toESM, r as __export } from "./rolldown-runtime-BMXAG3ag.js";
-import { $ as init_date_fns, $t as BookOpen, A as RiHeart2Line, At as Play, B as RiRobot2Fill, Bt as Eye, C as init_ai, Ct as ShieldCheck, D as RiBellFill, Dt as Quote, E as RiArrowRightFill, Et as Radio, F as RiLiveLine, Ft as Heart, G as RiStarLine, Gt as Clock, H as RiShareForwardFill, Ht as Crown, I as RiLoginCircleFill, It as Hash, J as RiUserFollowLine, Jt as CircleCheckBig, K as RiThumbUpFill, Kt as CircleFadingArrowUp, L as RiMessage3Fill, Lt as Gift, M as RiHeart3Line, Mt as MessageCircle, N as RiLinkM, Nt as MapPin, O as RiGroupLine, Ot as QrCode, P as RiListCheck2, Pt as Info, Q as init_lu, Qt as Bookmark, R as RiQuestionFill, Rt as Gamepad2, S as AiFillStar, St as Shield, T as zhCN, Tt as ScanLine, U as RiSparkling2Fill, Ut as CornerDownLeft, V as RiSendPlaneFill, Vt as ExternalLink, W as RiStarFill, Wt as Coins, X as init_ri, Xt as ChartColumn, Y as RiVideoLine, Yt as CircleAlert, Z as LuFullscreen, Zt as Calendar, _ as init_hi, _t as TriangleAlert, at as code_default, b as init_fa6, bt as Star, c as init_react_markdown, ct as HeroUIProvider, d as init_md, dt as init_io5, en as Bell, f as SiBilibili, ft as init_lucide_react, g as HiOutlineMenuAlt2, gt as UserPlus, h as init_tb, ht as User, in as require_react, it as init_dist, j as RiHeart3Fill, jt as Music, k as RiHashtag, kt as Plug2, l as Markdown, lt as require_jsx_runtime, m as TbScan, mt as Users, nn as init_clsx, nt as format, o as init_rehype_highlight, ot as chip_default, p as init_si, pt as Zap, q as RiTiktokFill, qt as CircleEllipsis, rn as require_server_node, s as rehypeHighlight, st as button_default, tn as clsx_default, tt as formatDistanceToNow, u as MdAccessTime, ut as IoSearch, v as FaCodeBranch, vt as ThumbsUp, w as init_locale, wt as Share2, x as AiFillHeart, xt as Smartphone, y as FaCommentDots, yt as Terminal, z as RiRefreshLine, zt as FileText } from "./vendor-CYCcUtqE.js";
+import { $ as init_date_fns, $t as BookOpen, A as RiHeart3Line, At as Play, B as RiShareForwardFill, Bt as Eye, C as zhCN, Ct as ShieldCheck, D as RiHashtag, Dt as Quote, E as RiGroupLine, Et as Radio, F as RiMessage3Fill, Ft as Heart, G as RiTiktokFill, Gt as Clock, H as RiStarFill, Ht as Crown, I as RiQuestionFill, It as Hash, J as init_ri, Jt as CircleCheckBig, K as RiUserFollowLine, Kt as CircleFadingArrowUp, L as RiRefreshLine, Lt as Gift, M as RiListCheck2, Mt as MessageCircle, N as RiLiveLine, Nt as MapPin, O as RiHeart2Line, Ot as QrCode, P as RiLoginCircleFill, Pt as Info, Q as init_lu, Qt as Bookmark, R as RiRobot2Fill, Rt as Gamepad2, S as init_locale, St as Shield, T as RiBellFill, Tt as ScanLine, U as RiStarLine, Ut as CornerDownLeft, V as RiSparkling2Fill, Vt as ExternalLink, W as RiThumbUpFill, Wt as Coins, X as Markdown, Xt as ChartColumn, Y as init_react_markdown, Yt as CircleAlert, Z as LuFullscreen, Zt as Calendar, _ as FaCommentDots, _t as TriangleAlert, at as code_default, b as AiFillStar, bt as Star, c as MdAccessTime, ct as HeroUIProvider, d as init_si, dt as init_io5, en as Bell, f as TbScan, ft as init_lucide_react, g as FaCodeBranch, gt as UserPlus, h as init_hi, ht as User, in as require_react, it as init_dist, j as RiLinkM, jt as Music, k as RiHeart3Fill, kt as Plug2, l as init_md, lt as require_jsx_runtime, m as HiOutlineMenuAlt2, mt as Users, nn as init_clsx, nt as format, o as init_rehype_highlight, ot as chip_default, p as init_tb, pt as Zap, q as RiVideoLine, qt as CircleEllipsis, rn as require_server_node, s as rehypeHighlight, st as button_default, tn as clsx_default, tt as formatDistanceToNow, u as SiBilibili, ut as IoSearch, v as init_fa6, vt as ThumbsUp, w as RiArrowRightFill, wt as Share2, x as init_ai, xt as Smartphone, y as AiFillHeart, yt as Terminal, z as RiSendPlaneFill, zt as FileText } from "./vendor-BcMLByns.js";
 import { logger as logger$1 } from "node-karin";
 import fs from "node:fs";
 import path from "node:path";
@@ -43,6 +43,30 @@ var init_config_base = __esmMin(() => {
 					componentPath: "platforms/douyin/Dynamic",
 					exportName: "DouyinDynamic"
 				},
+				{
+					id: "video-work",
+					name: "视频作品",
+					description: "抖音视频作品推送模板",
+					enabled: true,
+					componentPath: "platforms/douyin/VideoWork",
+					exportName: "DouyinVideoWork"
+				},
+				{
+					id: "image-work",
+					name: "图文作品",
+					description: "抖音图文作品推送模板",
+					enabled: true,
+					componentPath: "platforms/douyin/ImageWork",
+					exportName: "DouyinImageWork"
+				},
+				{
+					id: "article-work",
+					name: "文章作品",
+					description: "抖音文章作品推送模板",
+					enabled: true,
+					componentPath: "platforms/douyin/ArticleWork",
+					exportName: "DouyinArticleWork"
+				},
 				{
 					id: "favorite-list",
 					name: "喜欢列表",
@@ -298,13 +322,13 @@ var init_config_base = __esmMin(() => {
 		}
 	];
 });
-var import_react$36, import_jsx_runtime$34, GlowImage, GlowText;
+var import_react$39, import_jsx_runtime$37, GlowImage, GlowText;
 var init_GlowImage = __esmMin(() => {
-	import_react$36 = __toESM(require_react(), 1);
-	import_jsx_runtime$34 = __toESM(require_jsx_runtime(), 1);
+	import_react$39 = __toESM(require_react(), 1);
+	import_jsx_runtime$37 = __toESM(require_jsx_runtime(), 1);
 	GlowImage = ({ src, children, alt, className, imgClassName, mode = "blur-layer", blurRadius = 18, glowStrength = .6, scale = 1.06, shadowRadius = 28, crossOrigin }) => {
-		const [shadowColor, setShadowColor] = import_react$36.useState("rgba(255,255,255,0.5)");
-		import_react$36.useEffect(() => {
+		const [shadowColor, setShadowColor] = import_react$39.useState("rgba(255,255,255,0.5)");
+		import_react$39.useEffect(() => {
 			if (mode !== "dominant-shadow" || !src) return;
 			const img = new Image();
 			if (crossOrigin) img.crossOrigin = crossOrigin;
@@ -341,13 +365,13 @@ var init_GlowImage = __esmMin(() => {
 			glowStrength,
 			crossOrigin
 		]);
-		if (children) return (0, import_jsx_runtime$34.jsxs)("div", {
+		if (children) return (0, import_jsx_runtime$37.jsxs)("div", {
 			className,
 			style: {
 				position: "relative",
 				display: "inline-block"
 			},
-			children: [(0, import_jsx_runtime$34.jsx)("div", {
+			children: [(0, import_jsx_runtime$37.jsx)("div", {
 				"aria-hidden": "true",
 				className: imgClassName,
 				style: {
@@ -362,25 +386,25 @@ var init_GlowImage = __esmMin(() => {
 					alignItems: "center"
 				},
 				children
-			}), (0, import_jsx_runtime$34.jsx)("div", {
+			}), (0, import_jsx_runtime$37.jsx)("div", {
 				className: imgClassName,
 				style: { position: "relative" },
 				children
 			})]
 		});
-		if (mode === "dominant-shadow") return (0, import_jsx_runtime$34.jsx)("img", {
+		if (mode === "dominant-shadow") return (0, import_jsx_runtime$37.jsx)("img", {
 			src,
 			alt,
 			className: imgClassName,
 			style: { filter: `drop-shadow(0 0 ${shadowRadius}px ${shadowColor}) drop-shadow(0 0 ${Math.round(shadowRadius * .6)}px ${shadowColor})` }
 		});
-		return (0, import_jsx_runtime$34.jsxs)("div", {
+		return (0, import_jsx_runtime$37.jsxs)("div", {
 			className,
 			style: {
 				position: "relative",
 				display: "inline-block"
 			},
-			children: [(0, import_jsx_runtime$34.jsx)("img", {
+			children: [(0, import_jsx_runtime$37.jsx)("img", {
 				src,
 				alt,
 				"aria-hidden": "true",
@@ -392,20 +416,20 @@ var init_GlowImage = __esmMin(() => {
 					opacity: glowStrength,
 					pointerEvents: "none"
 				}
-			}), (0, import_jsx_runtime$34.jsx)("img", {
+			}), (0, import_jsx_runtime$37.jsx)("img", {
 				src,
 				alt,
 				className: imgClassName
 			})]
 		});
 	};
-	GlowText = ({ children, className, glowClassName, blurRadius = 12, glowStrength = .6, scale = 1.02 }) => (0, import_jsx_runtime$34.jsxs)("span", {
+	GlowText = ({ children, className, glowClassName, blurRadius = 12, glowStrength = .6, scale = 1.02 }) => (0, import_jsx_runtime$37.jsxs)("span", {
 		className,
 		style: {
 			position: "relative",
 			display: "inline-block"
 		},
-		children: [(0, import_jsx_runtime$34.jsx)("span", {
+		children: [(0, import_jsx_runtime$37.jsx)("span", {
 			"aria-hidden": "true",
 			className: glowClassName,
 			style: {
@@ -417,27 +441,27 @@ var init_GlowImage = __esmMin(() => {
 				pointerEvents: "none"
 			},
 			children
-		}), (0, import_jsx_runtime$34.jsx)("span", { children })]
+		}), (0, import_jsx_runtime$37.jsx)("span", { children })]
 	});
-}), import_jsx_runtime$33, RolldownLogo;
+}), import_jsx_runtime$36, RolldownLogo;
 var init_RolldownLogo = __esmMin(() => {
 	__toESM(require_react(), 1);
-	import_jsx_runtime$33 = __toESM(require_jsx_runtime(), 1);
-	RolldownLogo = ({ className = "w-auto h-10" }) => (0, import_jsx_runtime$33.jsxs)("svg", {
+	import_jsx_runtime$36 = __toESM(require_jsx_runtime(), 1);
+	RolldownLogo = ({ className = "w-auto h-10" }) => (0, import_jsx_runtime$36.jsxs)("svg", {
 		viewBox: "0 0 177 15",
 		fill: "none",
 		xmlns: "http://www.w3.org/2000/svg",
 		className,
 		children: [
-			(0, import_jsx_runtime$33.jsx)("path", {
+			(0, import_jsx_runtime$36.jsx)("path", {
 				d: "M27.21 0C33.32 0 36.53 2.57 36.53 7.5C36.53 12.43 33.32 15 27.21 15C21.1 15 17.91 12.43 17.91 7.5C17.91 2.57 21.1 0 27.21 0ZM97.57 0C103.68 0 106.89 2.57 106.89 7.5C106.89 12.43 103.68 15 97.57 15C91.46 15 88.27 12.43 88.27 7.5C88.27 2.57 91.46 0 97.57 0ZM11.33 0.25C14.65 0.25 16.53 1.97 16.53 4.99C16.53 6.73 15.7 8.02 14.42 8.76L16.6 14.75H11.31L9.8 10.05H4.97V14.75H0V0.25H11.33ZM43.41 11.13H52.09V14.75H38.44V0.25H43.41V11.13ZM58.92 11.13H67.6V14.75H53.95V0.25H58.92V11.13ZM78.71 0.25C83.75 0.25 86.63 2.53 86.63 7.5C86.63 12.47 83.73 14.75 78.69 14.75H69.6V0.25H78.71ZM114.34 10.21L116.46 2.84H122.03L124.27 10.5L126.03 0.25H130.88L127.89 14.75H121.61L119.21 6.55L116.87 14.75H110.57L107.59 0.25H112.52L114.34 10.21ZM138.78 0.25L144.76 9.68H144.81V0.25H149.53V14.75H143.56L137.53 5.28H137.47V14.75H132.77V0.25H138.78ZM27.21 3.56C24.33 3.56 22.98 4.81 22.98 7.5C22.98 10.19 24.33 11.42 27.21 11.42C30.09 11.42 31.44 10.21 31.44 7.5C31.44 4.79 30.09 3.56 27.21 3.56ZM97.57 3.56C94.69 3.56 93.34 4.81 93.34 7.5C93.34 10.19 94.69 11.42 97.57 11.42C100.45 11.42 101.8 10.21 101.8 7.5C101.8 4.79 100.45 3.56 97.57 3.56ZM74.57 11.23H78.01C80.37 11.23 81.53 10.21 81.53 7.5C81.53 4.79 80.37 3.77 78.01 3.77H74.57V11.23ZM4.97 6.63H9.92C10.94 6.63 11.44 6.09 11.44 5.14C11.44 4.18 10.94 3.67 9.92 3.67H4.97V6.63Z",
 				fill: "currentColor"
 			}),
-			(0, import_jsx_runtime$33.jsx)("path", {
+			(0, import_jsx_runtime$36.jsx)("path", {
 				d: "M170.23 0.25C170.54 0.25 170.71 0.61 170.51 0.84L167.16 4.86C166.77 5.33 167.11 6.05 167.72 6.05H170.96C171.27 6.05 171.43 6.41 171.24 6.64L164.76 14.42C164.61 14.59 164.35 14.59 164.2 14.42L157.72 6.64C157.53 6.41 157.69 6.05 158 6.05H161.24C161.85 6.05 162.19 5.33 161.8 4.86L158.45 0.84C158.25 0.61 158.42 0.25 158.73 0.25H170.23Z",
 				fill: "#FF5500"
 			}),
-			(0, import_jsx_runtime$33.jsx)("mask", {
+			(0, import_jsx_runtime$36.jsx)("mask", {
 				id: "mask0_rd",
 				style: { maskType: "alpha" },
 				maskUnits: "userSpaceOnUse",
@@ -445,17 +469,17 @@ var init_RolldownLogo = __esmMin(() => {
 				y: "0",
 				width: "15",
 				height: "15",
-				children: (0, import_jsx_runtime$33.jsx)("path", {
+				children: (0, import_jsx_runtime$36.jsx)("path", {
 					d: "M170.23 0.25C170.54 0.25 170.71 0.61 170.51 0.84L167.16 4.86C166.77 5.33 167.11 6.05 167.72 6.05H170.96C171.27 6.05 171.43 6.41 171.24 6.64L164.76 14.42C164.61 14.59 164.35 14.59 164.2 14.42L157.72 6.64C157.53 6.41 157.69 6.05 158 6.05H161.24C161.85 6.05 162.19 5.33 161.8 4.86L158.45 0.84C158.25 0.61 158.42 0.25 158.73 0.25H170.23Z",
 					fill: "black"
 				})
 			}),
-			(0, import_jsx_runtime$33.jsxs)("g", {
+			(0, import_jsx_runtime$36.jsxs)("g", {
 				mask: "url(#mask0_rd)",
 				children: [
-					(0, import_jsx_runtime$33.jsx)("g", {
+					(0, import_jsx_runtime$36.jsx)("g", {
 						filter: "url(#f0_rd)",
-						children: (0, import_jsx_runtime$33.jsx)("ellipse", {
+						children: (0, import_jsx_runtime$36.jsx)("ellipse", {
 							cx: "1.73",
 							cy: "7.56",
 							rx: "1.73",
@@ -464,9 +488,9 @@ var init_RolldownLogo = __esmMin(() => {
 							fill: "#FFE7E5"
 						})
 					}),
-					(0, import_jsx_runtime$33.jsx)("g", {
+					(0, import_jsx_runtime$36.jsx)("g", {
 						filter: "url(#f1_rd)",
-						children: (0, import_jsx_runtime$33.jsx)("ellipse", {
+						children: (0, import_jsx_runtime$36.jsx)("ellipse", {
 							cx: "1.73",
 							cy: "7.56",
 							rx: "1.73",
@@ -475,9 +499,9 @@ var init_RolldownLogo = __esmMin(() => {
 							fill: "#FFE7E5"
 						})
 					}),
-					(0, import_jsx_runtime$33.jsx)("g", {
+					(0, import_jsx_runtime$36.jsx)("g", {
 						filter: "url(#f2_rd)",
-						children: (0, import_jsx_runtime$33.jsx)("ellipse", {
+						children: (0, import_jsx_runtime$36.jsx)("ellipse", {
 							cx: "157.85",
 							cy: "0.46",
 							rx: "1.19",
@@ -486,9 +510,9 @@ var init_RolldownLogo = __esmMin(() => {
 							fill: "#FF19AF"
 						})
 					}),
-					(0, import_jsx_runtime$33.jsx)("g", {
+					(0, import_jsx_runtime$36.jsx)("g", {
 						filter: "url(#f3_rd)",
-						children: (0, import_jsx_runtime$33.jsx)("ellipse", {
+						children: (0, import_jsx_runtime$36.jsx)("ellipse", {
 							cx: "159.7",
 							cy: "10.93",
 							rx: "1.19",
@@ -497,9 +521,9 @@ var init_RolldownLogo = __esmMin(() => {
 							fill: "#FF19AF"
 						})
 					}),
-					(0, import_jsx_runtime$33.jsx)("g", {
+					(0, import_jsx_runtime$36.jsx)("g", {
 						filter: "url(#f4_rd)",
-						children: (0, import_jsx_runtime$33.jsx)("ellipse", {
+						children: (0, import_jsx_runtime$36.jsx)("ellipse", {
 							cx: "1.19",
 							cy: "7",
 							rx: "1.19",
@@ -508,9 +532,9 @@ var init_RolldownLogo = __esmMin(() => {
 							fill: "#FF19AF"
 						})
 					}),
-					(0, import_jsx_runtime$33.jsx)("g", {
+					(0, import_jsx_runtime$36.jsx)("g", {
 						filter: "url(#f5_rd)",
-						children: (0, import_jsx_runtime$33.jsx)("ellipse", {
+						children: (0, import_jsx_runtime$36.jsx)("ellipse", {
 							cx: "1.19",
 							cy: "7",
 							rx: "1.19",
@@ -519,9 +543,9 @@ var init_RolldownLogo = __esmMin(() => {
 							fill: "#FF19AF"
 						})
 					}),
-					(0, import_jsx_runtime$33.jsx)("g", {
+					(0, import_jsx_runtime$36.jsx)("g", {
 						filter: "url(#f6_rd)",
-						children: (0, import_jsx_runtime$33.jsx)("ellipse", {
+						children: (0, import_jsx_runtime$36.jsx)("ellipse", {
 							cx: "1.19",
 							cy: "7",
 							rx: "1.19",
@@ -530,9 +554,9 @@ var init_RolldownLogo = __esmMin(() => {
 							fill: "#FF19AF"
 						})
 					}),
-					(0, import_jsx_runtime$33.jsx)("g", {
+					(0, import_jsx_runtime$36.jsx)("g", {
 						filter: "url(#f7_rd)",
-						children: (0, import_jsx_runtime$33.jsx)("ellipse", {
+						children: (0, import_jsx_runtime$36.jsx)("ellipse", {
 							cx: "1.19",
 							cy: "7",
 							rx: "1.19",
@@ -541,9 +565,9 @@ var init_RolldownLogo = __esmMin(() => {
 							fill: "#FF19AF"
 						})
 					}),
-					(0, import_jsx_runtime$33.jsx)("g", {
+					(0, import_jsx_runtime$36.jsx)("g", {
 						filter: "url(#f8_rd)",
-						children: (0, import_jsx_runtime$33.jsx)("ellipse", {
+						children: (0, import_jsx_runtime$36.jsx)("ellipse", {
 							cx: "158.53",
 							cy: "0.97",
 							rx: "1.73",
@@ -552,9 +576,9 @@ var init_RolldownLogo = __esmMin(() => {
 							fill: "#D14B2A"
 						})
 					}),
-					(0, import_jsx_runtime$33.jsx)("g", {
+					(0, import_jsx_runtime$36.jsx)("g", {
 						filter: "url(#f9_rd)",
-						children: (0, import_jsx_runtime$33.jsx)("ellipse", {
+						children: (0, import_jsx_runtime$36.jsx)("ellipse", {
 							cx: "159.71",
 							cy: "9.14",
 							rx: "1.73",
@@ -565,16 +589,16 @@ var init_RolldownLogo = __esmMin(() => {
 					})
 				]
 			}),
-			(0, import_jsx_runtime$33.jsx)("path", {
+			(0, import_jsx_runtime$36.jsx)("path", {
 				d: "M154.47 0C151.53 4.22 151.51 10.76 154.47 15H156.47C153.5 10.76 153.52 4.22 156.47 0H154.47Z",
 				fill: "currentColor"
 			}),
-			(0, import_jsx_runtime$33.jsx)("path", {
+			(0, import_jsx_runtime$36.jsx)("path", {
 				d: "M174.49 0H172.49C175.44 4.22 175.46 10.76 172.49 15H174.49C177.45 10.76 177.43 4.22 174.49 0Z",
 				fill: "currentColor"
 			}),
-			(0, import_jsx_runtime$33.jsxs)("defs", { children: [
-				(0, import_jsx_runtime$33.jsxs)("filter", {
+			(0, import_jsx_runtime$36.jsxs)("defs", { children: [
+				(0, import_jsx_runtime$36.jsxs)("filter", {
 					id: "f0_rd",
 					x: "165.15",
 					y: "-8.5",
@@ -583,22 +607,22 @@ var init_RolldownLogo = __esmMin(() => {
 					filterUnits: "userSpaceOnUse",
 					colorInterpolationFilters: "sRGB",
 					children: [
-						(0, import_jsx_runtime$33.jsx)("feFlood", {
+						(0, import_jsx_runtime$36.jsx)("feFlood", {
 							floodOpacity: "0",
 							result: "bg"
 						}),
-						(0, import_jsx_runtime$33.jsx)("feBlend", {
+						(0, import_jsx_runtime$36.jsx)("feBlend", {
 							in: "SourceGraphic",
 							in2: "bg",
 							result: "shape"
 						}),
-						(0, import_jsx_runtime$33.jsx)("feGaussianBlur", {
+						(0, import_jsx_runtime$36.jsx)("feGaussianBlur", {
 							stdDeviation: "1.1",
 							result: "blur"
 						})
 					]
 				}),
-				(0, import_jsx_runtime$33.jsxs)("filter", {
+				(0, import_jsx_runtime$36.jsxs)("filter", {
 					id: "f1_rd",
 					x: "164.78",
 					y: "-1.13",
@@ -607,22 +631,22 @@ var init_RolldownLogo = __esmMin(() => {
 					filterUnits: "userSpaceOnUse",
 					colorInterpolationFilters: "sRGB",
 					children: [
-						(0, import_jsx_runtime$33.jsx)("feFlood", {
+						(0, import_jsx_runtime$36.jsx)("feFlood", {
 							floodOpacity: "0",
 							result: "bg"
 						}),
-						(0, import_jsx_runtime$33.jsx)("feBlend", {
+						(0, import_jsx_runtime$36.jsx)("feBlend", {
 							in: "SourceGraphic",
 							in2: "bg",
 							result: "shape"
 						}),
-						(0, import_jsx_runtime$33.jsx)("feGaussianBlur", {
+						(0, import_jsx_runtime$36.jsx)("feGaussianBlur", {
 							stdDeviation: "1.1",
 							result: "blur"
 						})
 					]
 				}),
-				(0, import_jsx_runtime$33.jsxs)("filter", {
+				(0, import_jsx_runtime$36.jsxs)("filter", {
 					id: "f2_rd",
 					x: "151.41",
 					y: "-7.45",
@@ -631,22 +655,22 @@ var init_RolldownLogo = __esmMin(() => {
 					filterUnits: "userSpaceOnUse",
 					colorInterpolationFilters: "sRGB",
 					children: [
-						(0, import_jsx_runtime$33.jsx)("feFlood", {
+						(0, import_jsx_runtime$36.jsx)("feFlood", {
 							floodOpacity: "0",
 							result: "bg"
 						}),
-						(0, import_jsx_runtime$33.jsx)("feBlend", {
+						(0, import_jsx_runtime$36.jsx)("feBlend", {
 							in: "SourceGraphic",
 							in2: "bg",
 							result: "shape"
 						}),
-						(0, import_jsx_runtime$33.jsx)("feGaussianBlur", {
+						(0, import_jsx_runtime$36.jsx)("feGaussianBlur", {
 							stdDeviation: "1.1",
 							result: "blur"
 						})
 					]
 				}),
-				(0, import_jsx_runtime$33.jsxs)("filter", {
+				(0, import_jsx_runtime$36.jsxs)("filter", {
 					id: "f3_rd",
 					x: "153.25",
 					y: "3.02",
@@ -655,22 +679,22 @@ var init_RolldownLogo = __esmMin(() => {
 					filterUnits: "userSpaceOnUse",
 					colorInterpolationFilters: "sRGB",
 					children: [
-						(0, import_jsx_runtime$33.jsx)("feFlood", {
+						(0, import_jsx_runtime$36.jsx)("feFlood", {
 							floodOpacity: "0",
 							result: "bg"
 						}),
-						(0, import_jsx_runtime$33.jsx)("feBlend", {
+						(0, import_jsx_runtime$36.jsx)("feBlend", {
 							in: "SourceGraphic",
 							in2: "bg",
 							result: "shape"
 						}),
-						(0, import_jsx_runtime$33.jsx)("feGaussianBlur", {
+						(0, import_jsx_runtime$36.jsx)("feGaussianBlur", {
 							stdDeviation: "1.1",
 							result: "blur"
 						})
 					]
 				}),
-				(0, import_jsx_runtime$33.jsxs)("filter", {
+				(0, import_jsx_runtime$36.jsxs)("filter", {
 					id: "f4_rd",
 					x: "164.67",
 					y: "-7.45",
@@ -679,22 +703,22 @@ var init_RolldownLogo = __esmMin(() => {
 					filterUnits: "userSpaceOnUse",
 					colorInterpolationFilters: "sRGB",
 					children: [
-						(0, import_jsx_runtime$33.jsx)("feFlood", {
+						(0, import_jsx_runtime$36.jsx)("feFlood", {
 							floodOpacity: "0",
 							result: "bg"
 						}),
-						(0, import_jsx_runtime$33.jsx)("feBlend", {
+						(0, import_jsx_runtime$36.jsx)("feBlend", {
 							in: "SourceGraphic",
 							in2: "bg",
 							result: "shape"
 						}),
-						(0, import_jsx_runtime$33.jsx)("feGaussianBlur", {
+						(0, import_jsx_runtime$36.jsx)("feGaussianBlur", {
 							stdDeviation: "1.1",
 							result: "blur"
 						})
 					]
 				}),
-				(0, import_jsx_runtime$33.jsxs)("filter", {
+				(0, import_jsx_runtime$36.jsxs)("filter", {
 					id: "f5_rd",
 					x: "162.46",
 					y: "3.02",
@@ -703,22 +727,22 @@ var init_RolldownLogo = __esmMin(() => {
 					filterUnits: "userSpaceOnUse",
 					colorInterpolationFilters: "sRGB",
 					children: [
-						(0, import_jsx_runtime$33.jsx)("feFlood", {
+						(0, import_jsx_runtime$36.jsx)("feFlood", {
 							floodOpacity: "0",
 							result: "bg"
 						}),
-						(0, import_jsx_runtime$33.jsx)("feBlend", {
+						(0, import_jsx_runtime$36.jsx)("feBlend", {
 							in: "SourceGraphic",
 							in2: "bg",
 							result: "shape"
 						}),
-						(0, import_jsx_runtime$33.jsx)("feGaussianBlur", {
+						(0, import_jsx_runtime$36.jsx)("feGaussianBlur", {
 							stdDeviation: "1.1",
 							result: "blur"
 						})
 					]
 				}),
-				(0, import_jsx_runtime$33.jsxs)("filter", {
+				(0, import_jsx_runtime$36.jsxs)("filter", {
 					id: "f6_rd",
 					x: "163.56",
 					y: "-7.45",
@@ -727,22 +751,22 @@ var init_RolldownLogo = __esmMin(() => {
 					filterUnits: "userSpaceOnUse",
 					colorInterpolationFilters: "sRGB",
 					children: [
-						(0, import_jsx_runtime$33.jsx)("feFlood", {
+						(0, import_jsx_runtime$36.jsx)("feFlood", {
 							floodOpacity: "0",
 							result: "bg"
 						}),
-						(0, import_jsx_runtime$33.jsx)("feBlend", {
+						(0, import_jsx_runtime$36.jsx)("feBlend", {
 							in: "SourceGraphic",
 							in2: "bg",
 							result: "shape"
 						}),
-						(0, import_jsx_runtime$33.jsx)("feGaussianBlur", {
+						(0, import_jsx_runtime$36.jsx)("feGaussianBlur", {
 							stdDeviation: "1.1",
 							result: "blur"
 						})
 					]
 				}),
-				(0, import_jsx_runtime$33.jsxs)("filter", {
+				(0, import_jsx_runtime$36.jsxs)("filter", {
 					id: "f7_rd",
 					x: "161.72",
 					y: "3.02",
@@ -751,22 +775,22 @@ var init_RolldownLogo = __esmMin(() => {
 					filterUnits: "userSpaceOnUse",
 					colorInterpolationFilters: "sRGB",
 					children: [
-						(0, import_jsx_runtime$33.jsx)("feFlood", {
+						(0, import_jsx_runtime$36.jsx)("feFlood", {
 							floodOpacity: "0",
 							result: "bg"
 						}),
-						(0, import_jsx_runtime$33.jsx)("feBlend", {
+						(0, import_jsx_runtime$36.jsx)("feBlend", {
 							in: "SourceGraphic",
 							in2: "bg",
 							result: "shape"
 						}),
-						(0, import_jsx_runtime$33.jsx)("feGaussianBlur", {
+						(0, import_jsx_runtime$36.jsx)("feGaussianBlur", {
 							stdDeviation: "1.1",
 							result: "blur"
 						})
 					]
 				}),
-				(0, import_jsx_runtime$33.jsxs)("filter", {
+				(0, import_jsx_runtime$36.jsxs)("filter", {
 					id: "f8_rd",
 					x: "151.2",
 					y: "-7.07",
@@ -775,22 +799,22 @@ var init_RolldownLogo = __esmMin(() => {
 					filterUnits: "userSpaceOnUse",
 					colorInterpolationFilters: "sRGB",
 					children: [
-						(0, import_jsx_runtime$33.jsx)("feFlood", {
+						(0, import_jsx_runtime$36.jsx)("feFlood", {
 							floodOpacity: "0",
 							result: "bg"
 						}),
-						(0, import_jsx_runtime$33.jsx)("feBlend", {
+						(0, import_jsx_runtime$36.jsx)("feBlend", {
 							in: "SourceGraphic",
 							in2: "bg",
 							result: "shape"
 						}),
-						(0, import_jsx_runtime$33.jsx)("feGaussianBlur", {
+						(0, import_jsx_runtime$36.jsx)("feGaussianBlur", {
 							stdDeviation: "1.1",
 							result: "blur"
 						})
 					]
 				}),
-				(0, import_jsx_runtime$33.jsxs)("filter", {
+				(0, import_jsx_runtime$36.jsxs)("filter", {
 					id: "f9_rd",
 					x: "152.85",
 					y: "0.72",
@@ -799,16 +823,16 @@ var init_RolldownLogo = __esmMin(() => {
 					filterUnits: "userSpaceOnUse",
 					colorInterpolationFilters: "sRGB",
 					children: [
-						(0, import_jsx_runtime$33.jsx)("feFlood", {
+						(0, import_jsx_runtime$36.jsx)("feFlood", {
 							floodOpacity: "0",
 							result: "bg"
 						}),
-						(0, import_jsx_runtime$33.jsx)("feBlend", {
+						(0, import_jsx_runtime$36.jsx)("feBlend", {
 							in: "SourceGraphic",
 							in2: "bg",
 							result: "shape"
 						}),
-						(0, import_jsx_runtime$33.jsx)("feGaussianBlur", {
+						(0, import_jsx_runtime$36.jsx)("feGaussianBlur", {
 							stdDeviation: "1.1",
 							result: "blur"
 						})
@@ -817,21 +841,21 @@ var init_RolldownLogo = __esmMin(() => {
 			] })
 		]
 	});
-}), import_jsx_runtime$32, ViteLogo;
+}), import_jsx_runtime$35, ViteLogo;
 var init_ViteLogo = __esmMin(() => {
 	__toESM(require_react(), 1);
-	import_jsx_runtime$32 = __toESM(require_jsx_runtime(), 1);
-	ViteLogo = ({ className = "w-auto h-12" }) => (0, import_jsx_runtime$32.jsxs)("svg", {
+	import_jsx_runtime$35 = __toESM(require_jsx_runtime(), 1);
+	ViteLogo = ({ className = "w-auto h-12" }) => (0, import_jsx_runtime$35.jsxs)("svg", {
 		viewBox: "0 0 87 15",
 		fill: "none",
 		xmlns: "http://www.w3.org/2000/svg",
 		className,
 		children: [
-			(0, import_jsx_runtime$32.jsx)("path", {
+			(0, import_jsx_runtime$35.jsx)("path", {
 				d: "M74.9427 14.6539C74.73 14.9246 74.295 14.7741 74.295 14.4301V11.127C74.295 10.7264 73.9704 10.4019 73.5698 10.4019H69.9228C69.6279 10.4019 69.4559 10.0683 69.6279 9.82865L72.0256 6.47163C72.3689 5.99166 72.0256 5.32454 71.4352 5.32454H67.0215C66.7266 5.32454 66.5547 4.99098 66.7266 4.75134L69.835 0.399156C69.9034 0.303852 70.0132 0.247223 70.1299 0.247223H79.393C79.6879 0.247223 79.8598 0.580784 79.6879 0.820424L77.2901 4.17745C76.9469 4.65742 77.2901 5.32454 77.8806 5.32454H81.5277C81.8301 5.32454 82 5.67329 81.8129 5.91155L74.9434 14.6546L74.9427 14.6539Z",
 				fill: "#863BFF"
 			}),
-			(0, import_jsx_runtime$32.jsx)("mask", {
+			(0, import_jsx_runtime$35.jsx)("mask", {
 				id: "mask0_vite",
 				style: { maskType: "alpha" },
 				maskUnits: "userSpaceOnUse",
@@ -839,17 +863,17 @@ var init_ViteLogo = __esmMin(() => {
 				y: "0",
 				width: "16",
 				height: "15",
-				children: (0, import_jsx_runtime$32.jsx)("path", {
+				children: (0, import_jsx_runtime$35.jsx)("path", {
 					d: "M74.9095 14.6538C74.6968 14.9246 74.2618 14.774 74.2618 14.4301V11.1269C74.2618 10.7264 73.9372 10.4018 73.5366 10.4018H69.8896C69.5947 10.4018 69.4227 10.0682 69.5947 9.82859L71.9924 6.47157C72.3357 5.9916 71.9924 5.32448 71.402 5.32448H66.9883C66.6934 5.32448 66.5215 4.99092 66.6934 4.75128L69.8018 0.399095C69.8702 0.303791 69.98 0.247162 70.0967 0.247162H79.3598C79.6547 0.247162 79.8266 0.580723 79.6547 0.820363L77.2569 4.17739C76.9137 4.65735 77.2569 5.32448 77.8474 5.32448H81.4945C81.7969 5.32448 81.9668 5.67323 81.7797 5.91149L74.9102 14.6545L74.9095 14.6538Z",
 					fill: "black"
 				})
 			}),
-			(0, import_jsx_runtime$32.jsxs)("g", {
+			(0, import_jsx_runtime$35.jsxs)("g", {
 				mask: "url(#mask0_vite)",
 				children: [
-					(0, import_jsx_runtime$32.jsx)("g", {
+					(0, import_jsx_runtime$35.jsx)("g", {
 						filter: "url(#f0_vite)",
-						children: (0, import_jsx_runtime$32.jsx)("ellipse", {
+						children: (0, import_jsx_runtime$35.jsx)("ellipse", {
 							cx: "1.766",
 							cy: "4.714",
 							rx: "1.766",
@@ -858,9 +882,9 @@ var init_ViteLogo = __esmMin(() => {
 							fill: "#EDE6FF"
 						})
 					}),
-					(0, import_jsx_runtime$32.jsx)("g", {
+					(0, import_jsx_runtime$35.jsx)("g", {
 						filter: "url(#f1_vite)",
-						children: (0, import_jsx_runtime$32.jsx)("ellipse", {
+						children: (0, import_jsx_runtime$35.jsx)("ellipse", {
 							cx: "3.334",
 							cy: "9.57",
 							rx: "3.334",
@@ -869,9 +893,9 @@ var init_ViteLogo = __esmMin(() => {
 							fill: "#EDE6FF"
 						})
 					}),
-					(0, import_jsx_runtime$32.jsx)("g", {
+					(0, import_jsx_runtime$35.jsx)("g", {
 						filter: "url(#f2_vite)",
-						children: (0, import_jsx_runtime$32.jsx)("ellipse", {
+						children: (0, import_jsx_runtime$35.jsx)("ellipse", {
 							cx: "1.766",
 							cy: "9.774",
 							rx: "1.766",
@@ -880,9 +904,9 @@ var init_ViteLogo = __esmMin(() => {
 							fill: "#7E14FF"
 						})
 					}),
-					(0, import_jsx_runtime$32.jsx)("g", {
+					(0, import_jsx_runtime$35.jsx)("g", {
 						filter: "url(#f3_vite)",
-						children: (0, import_jsx_runtime$32.jsx)("ellipse", {
+						children: (0, import_jsx_runtime$35.jsx)("ellipse", {
 							cx: "1.766",
 							cy: "9.81",
 							rx: "1.766",
@@ -891,9 +915,9 @@ var init_ViteLogo = __esmMin(() => {
 							fill: "#7E14FF"
 						})
 					}),
-					(0, import_jsx_runtime$32.jsx)("g", {
+					(0, import_jsx_runtime$35.jsx)("g", {
 						filter: "url(#f4_vite)",
-						children: (0, import_jsx_runtime$32.jsx)("ellipse", {
+						children: (0, import_jsx_runtime$35.jsx)("ellipse", {
 							cx: "1.766",
 							cy: "9.81",
 							rx: "1.766",
@@ -902,9 +926,9 @@ var init_ViteLogo = __esmMin(() => {
 							fill: "#7E14FF"
 						})
 					}),
-					(0, import_jsx_runtime$32.jsx)("g", {
+					(0, import_jsx_runtime$35.jsx)("g", {
 						filter: "url(#f5_vite)",
-						children: (0, import_jsx_runtime$32.jsx)("ellipse", {
+						children: (0, import_jsx_runtime$35.jsx)("ellipse", {
 							cx: "4.511",
 							cy: "7.078",
 							rx: "4.511",
@@ -913,9 +937,9 @@ var init_ViteLogo = __esmMin(() => {
 							fill: "#EDE6FF"
 						})
 					}),
-					(0, import_jsx_runtime$32.jsx)("g", {
+					(0, import_jsx_runtime$35.jsx)("g", {
 						filter: "url(#f6_vite)",
-						children: (0, import_jsx_runtime$32.jsx)("ellipse", {
+						children: (0, import_jsx_runtime$35.jsx)("ellipse", {
 							cx: "1.113",
 							cy: "6.893",
 							rx: "1.113",
@@ -924,9 +948,9 @@ var init_ViteLogo = __esmMin(() => {
 							fill: "#7E14FF"
 						})
 					}),
-					(0, import_jsx_runtime$32.jsx)("g", {
+					(0, import_jsx_runtime$35.jsx)("g", {
 						filter: "url(#f7_vite)",
-						children: (0, import_jsx_runtime$32.jsx)("ellipse", {
+						children: (0, import_jsx_runtime$35.jsx)("ellipse", {
 							cx: "66.749",
 							cy: "3.123",
 							rx: "1.413",
@@ -935,9 +959,9 @@ var init_ViteLogo = __esmMin(() => {
 							fill: "#7E14FF"
 						})
 					}),
-					(0, import_jsx_runtime$32.jsx)("g", {
+					(0, import_jsx_runtime$35.jsx)("g", {
 						filter: "url(#f8_vite)",
-						children: (0, import_jsx_runtime$32.jsx)("ellipse", {
+						children: (0, import_jsx_runtime$35.jsx)("ellipse", {
 							cx: "81.86",
 							cy: "-1.706",
 							rx: "1.413",
@@ -946,9 +970,9 @@ var init_ViteLogo = __esmMin(() => {
 							fill: "#7E14FF"
 						})
 					}),
-					(0, import_jsx_runtime$32.jsx)("g", {
+					(0, import_jsx_runtime$35.jsx)("g", {
 						filter: "url(#f9_vite)",
-						children: (0, import_jsx_runtime$32.jsx)("ellipse", {
+						children: (0, import_jsx_runtime$35.jsx)("ellipse", {
 							cx: "79.902",
 							cy: "2.278",
 							rx: "1.914",
@@ -957,9 +981,9 @@ var init_ViteLogo = __esmMin(() => {
 							fill: "#47BFFF"
 						})
 					}),
-					(0, import_jsx_runtime$32.jsx)("g", {
+					(0, import_jsx_runtime$35.jsx)("g", {
 						filter: "url(#f10_vite)",
-						children: (0, import_jsx_runtime$32.jsx)("ellipse", {
+						children: (0, import_jsx_runtime$35.jsx)("ellipse", {
 							cx: "66.022",
 							cy: "12.536",
 							rx: "1.413",
@@ -968,9 +992,9 @@ var init_ViteLogo = __esmMin(() => {
 							fill: "#7E14FF"
 						})
 					}),
-					(0, import_jsx_runtime$32.jsx)("g", {
+					(0, import_jsx_runtime$35.jsx)("g", {
 						filter: "url(#f11_vite)",
-						children: (0, import_jsx_runtime$32.jsx)("ellipse", {
+						children: (0, import_jsx_runtime$35.jsx)("ellipse", {
 							cx: "78.055",
 							cy: "9.835",
 							rx: "1.413",
@@ -979,9 +1003,9 @@ var init_ViteLogo = __esmMin(() => {
 							fill: "#7E14FF"
 						})
 					}),
-					(0, import_jsx_runtime$32.jsx)("g", {
+					(0, import_jsx_runtime$35.jsx)("g", {
 						filter: "url(#f12_vite)",
-						children: (0, import_jsx_runtime$32.jsx)("ellipse", {
+						children: (0, import_jsx_runtime$35.jsx)("ellipse", {
 							cx: "78.941",
 							cy: "10.634",
 							rx: "1.914",
@@ -992,20 +1016,20 @@ var init_ViteLogo = __esmMin(() => {
 					})
 				]
 			}),
-			(0, import_jsx_runtime$32.jsx)("path", {
+			(0, import_jsx_runtime$35.jsx)("path", {
 				d: "M64.29 0C61.34 4.22 61.32 10.76 64.29 15H66.28C63.32 10.76 63.33 4.22 66.28 0H64.29Z",
 				fill: "currentColor"
 			}),
-			(0, import_jsx_runtime$32.jsx)("path", {
+			(0, import_jsx_runtime$35.jsx)("path", {
 				d: "M84.3 0H82.31C85.26 4.22 85.28 10.76 82.31 15H84.3C87.27 10.76 87.25 4.22 84.3 0Z",
 				fill: "currentColor"
 			}),
-			(0, import_jsx_runtime$32.jsx)("path", {
+			(0, import_jsx_runtime$35.jsx)("path", {
 				d: "M9.14 10.69L12.91 0.25H18.07L12.35 14.75H5.72L0 0.25H5.3L9.14 10.69ZM24.76 14.75H19.79V0.25H24.76V14.75ZM42.82 3.81H37.24V14.75H32.27V3.81H26.7V0.25H42.82V3.81ZM59.07 3.77H49.73V5.72H58.93V9.14H49.73V11.23H59.34V14.75H44.76V0.25H59.07V3.77Z",
 				fill: "currentColor"
 			}),
-			(0, import_jsx_runtime$32.jsxs)("defs", { children: [
-				(0, import_jsx_runtime$32.jsxs)("filter", {
+			(0, import_jsx_runtime$35.jsxs)("defs", { children: [
+				(0, import_jsx_runtime$35.jsxs)("filter", {
 					id: "f0_vite",
 					x: "60.29",
 					y: "5.42",
@@ -1014,22 +1038,22 @@ var init_ViteLogo = __esmMin(() => {
 					filterUnits: "userSpaceOnUse",
 					colorInterpolationFilters: "sRGB",
 					children: [
-						(0, import_jsx_runtime$32.jsx)("feFlood", {
+						(0, import_jsx_runtime$35.jsx)("feFlood", {
 							floodOpacity: "0",
 							result: "bg"
 						}),
-						(0, import_jsx_runtime$32.jsx)("feBlend", {
+						(0, import_jsx_runtime$35.jsx)("feBlend", {
 							in: "SourceGraphic",
 							in2: "bg",
 							result: "shape"
 						}),
-						(0, import_jsx_runtime$32.jsx)("feGaussianBlur", {
+						(0, import_jsx_runtime$35.jsx)("feGaussianBlur", {
 							stdDeviation: "2.46",
 							result: "blur"
 						})
 					]
 				}),
-				(0, import_jsx_runtime$32.jsxs)("filter", {
+				(0, import_jsx_runtime$35.jsxs)("filter", {
 					id: "f1_vite",
 					x: "49.12",
 					y: "-2.17",
@@ -1038,22 +1062,22 @@ var init_ViteLogo = __esmMin(() => {
 					filterUnits: "userSpaceOnUse",
 					colorInterpolationFilters: "sRGB",
 					children: [
-						(0, import_jsx_runtime$32.jsx)("feFlood", {
+						(0, import_jsx_runtime$35.jsx)("feFlood", {
 							floodOpacity: "0",
 							result: "bg"
 						}),
-						(0, import_jsx_runtime$32.jsx)("feBlend", {
+						(0, import_jsx_runtime$35.jsx)("feBlend", {
 							in: "SourceGraphic",
 							in2: "bg",
 							result: "shape"
 						}),
-						(0, import_jsx_runtime$32.jsx)("feGaussianBlur", {
+						(0, import_jsx_runtime$35.jsx)("feGaussianBlur", {
 							stdDeviation: "2.46",
 							result: "blur"
 						})
 					]
 				}),
-				(0, import_jsx_runtime$32.jsxs)("filter", {
+				(0, import_jsx_runtime$35.jsxs)("filter", {
 					id: "f2_vite",
 					x: "50.71",
 					y: "0.9",
@@ -1062,22 +1086,22 @@ var init_ViteLogo = __esmMin(() => {
 					filterUnits: "userSpaceOnUse",
 					colorInterpolationFilters: "sRGB",
 					children: [
-						(0, import_jsx_runtime$32.jsx)("feFlood", {
+						(0, import_jsx_runtime$35.jsx)("feFlood", {
 							floodOpacity: "0",
 							result: "bg"
 						}),
-						(0, import_jsx_runtime$32.jsx)("feBlend", {
+						(0, import_jsx_runtime$35.jsx)("feBlend", {
 							in: "SourceGraphic",
 							in2: "bg",
 							result: "shape"
 						}),
-						(0, import_jsx_runtime$32.jsx)("feGaussianBlur", {
+						(0, import_jsx_runtime$35.jsx)("feGaussianBlur", {
 							stdDeviation: "1.47",
 							result: "blur"
 						})
 					]
 				}),
-				(0, import_jsx_runtime$32.jsxs)("filter", {
+				(0, import_jsx_runtime$35.jsxs)("filter", {
 					id: "f3_vite",
 					x: "52.18",
 					y: "6.67",
@@ -1086,22 +1110,22 @@ var init_ViteLogo = __esmMin(() => {
 					filterUnits: "userSpaceOnUse",
 					colorInterpolationFilters: "sRGB",
 					children: [
-						(0, import_jsx_runtime$32.jsx)("feFlood", {
+						(0, import_jsx_runtime$35.jsx)("feFlood", {
 							floodOpacity: "0",
 							result: "bg"
 						}),
-						(0, import_jsx_runtime$32.jsx)("feBlend", {
+						(0, import_jsx_runtime$35.jsx)("feBlend", {
 							in: "SourceGraphic",
 							in2: "bg",
 							result: "shape"
 						}),
-						(0, import_jsx_runtime$32.jsx)("feGaussianBlur", {
+						(0, import_jsx_runtime$35.jsx)("feGaussianBlur", {
 							stdDeviation: "1.47",
 							result: "blur"
 						})
 					]
 				}),
-				(0, import_jsx_runtime$32.jsxs)("filter", {
+				(0, import_jsx_runtime$35.jsxs)("filter", {
 					id: "f4_vite",
 					x: "52.68",
 					y: "7.04",
@@ -1110,22 +1134,22 @@ var init_ViteLogo = __esmMin(() => {
 					filterUnits: "userSpaceOnUse",
 					colorInterpolationFilters: "sRGB",
 					children: [
-						(0, import_jsx_runtime$32.jsx)("feFlood", {
+						(0, import_jsx_runtime$35.jsx)("feFlood", {
 							floodOpacity: "0",
 							result: "bg"
 						}),
-						(0, import_jsx_runtime$32.jsx)("feBlend", {
+						(0, import_jsx_runtime$35.jsx)("feBlend", {
 							in: "SourceGraphic",
 							in2: "bg",
 							result: "shape"
 						}),
-						(0, import_jsx_runtime$32.jsx)("feGaussianBlur", {
+						(0, import_jsx_runtime$35.jsx)("feGaussianBlur", {
 							stdDeviation: "1.47",
 							result: "blur"
 						})
 					]
 				}),
-				(0, import_jsx_runtime$32.jsxs)("filter", {
+				(0, import_jsx_runtime$35.jsxs)("filter", {
 					id: "f5_vite",
 					x: "71.68",
 					y: "-5.49",
@@ -1134,22 +1158,22 @@ var init_ViteLogo = __esmMin(() => {
 					filterUnits: "userSpaceOnUse",
 					colorInterpolationFilters: "sRGB",
 					children: [
-						(0, import_jsx_runtime$32.jsx)("feFlood", {
+						(0, import_jsx_runtime$35.jsx)("feFlood", {
 							floodOpacity: "0",
 							result: "bg"
 						}),
-						(0, import_jsx_runtime$32.jsx)("feBlend", {
+						(0, import_jsx_runtime$35.jsx)("feBlend", {
 							in: "SourceGraphic",
 							in2: "bg",
 							result: "shape"
 						}),
-						(0, import_jsx_runtime$32.jsx)("feGaussianBlur", {
+						(0, import_jsx_runtime$35.jsx)("feGaussianBlur", {
 							stdDeviation: "2.46",
 							result: "blur"
 						})
 					]
 				}),
-				(0, import_jsx_runtime$32.jsxs)("filter", {
+				(0, import_jsx_runtime$35.jsxs)("filter", {
 					id: "f6_vite",
 					x: "74.17",
 					y: "0.98",
@@ -1158,22 +1182,22 @@ var init_ViteLogo = __esmMin(() => {
 					filterUnits: "userSpaceOnUse",
 					colorInterpolationFilters: "sRGB",
 					children: [
-						(0, import_jsx_runtime$32.jsx)("feFlood", {
+						(0, import_jsx_runtime$35.jsx)("feFlood", {
 							floodOpacity: "0",
 							result: "bg"
 						}),
-						(0, import_jsx_runtime$32.jsx)("feBlend", {
+						(0, import_jsx_runtime$35.jsx)("feBlend", {
 							in: "SourceGraphic",
 							in2: "bg",
 							result: "shape"
 						}),
-						(0, import_jsx_runtime$32.jsx)("feGaussianBlur", {
+						(0, import_jsx_runtime$35.jsx)("feGaussianBlur", {
 							stdDeviation: "1.47",
 							result: "blur"
 						})
 					]
 				}),
-				(0, import_jsx_runtime$32.jsxs)("filter", {
+				(0, import_jsx_runtime$35.jsxs)("filter", {
 					id: "f7_vite",
 					x: "57.77",
 					y: "-7.08",
@@ -1182,22 +1206,22 @@ var init_ViteLogo = __esmMin(() => {
 					filterUnits: "userSpaceOnUse",
 					colorInterpolationFilters: "sRGB",
 					children: [
-						(0, import_jsx_runtime$32.jsx)("feFlood", {
+						(0, import_jsx_runtime$35.jsx)("feFlood", {
 							floodOpacity: "0",
 							result: "bg"
 						}),
-						(0, import_jsx_runtime$32.jsx)("feBlend", {
+						(0, import_jsx_runtime$35.jsx)("feBlend", {
 							in: "SourceGraphic",
 							in2: "bg",
 							result: "shape"
 						}),
-						(0, import_jsx_runtime$32.jsx)("feGaussianBlur", {
+						(0, import_jsx_runtime$35.jsx)("feGaussianBlur", {
 							stdDeviation: "1.47",
 							result: "blur"
 						})
 					]
 				}),
-				(0, import_jsx_runtime$32.jsxs)("filter", {
+				(0, import_jsx_runtime$35.jsxs)("filter", {
 					id: "f8_vite",
 					x: "73.07",
 					y: "-12.07",
@@ -1206,22 +1230,22 @@ var init_ViteLogo = __esmMin(() => {
 					filterUnits: "userSpaceOnUse",
 					colorInterpolationFilters: "sRGB",
 					children: [
-						(0, import_jsx_runtime$32.jsx)("feFlood", {
+						(0, import_jsx_runtime$35.jsx)("feFlood", {
 							floodOpacity: "0",
 							result: "bg"
 						}),
-						(0, import_jsx_runtime$32.jsx)("feBlend", {
+						(0, import_jsx_runtime$35.jsx)("feBlend", {
 							in: "SourceGraphic",
 							in2: "bg",
 							result: "shape"
 						}),
-						(0, import_jsx_runtime$32.jsx)("feGaussianBlur", {
+						(0, import_jsx_runtime$35.jsx)("feGaussianBlur", {
 							stdDeviation: "1.47",
 							result: "blur"
 						})
 					]
 				}),
-				(0, import_jsx_runtime$32.jsxs)("filter", {
+				(0, import_jsx_runtime$35.jsxs)("filter", {
 					id: "f9_vite",
 					x: "74.53",
 					y: "-3.38",
@@ -1230,22 +1254,22 @@ var init_ViteLogo = __esmMin(() => {
 					filterUnits: "userSpaceOnUse",
 					colorInterpolationFilters: "sRGB",
 					children: [
-						(0, import_jsx_runtime$32.jsx)("feFlood", {
+						(0, import_jsx_runtime$35.jsx)("feFlood", {
 							floodOpacity: "0",
 							result: "bg"
 						}),
-						(0, import_jsx_runtime$32.jsx)("feBlend", {
+						(0, import_jsx_runtime$35.jsx)("feBlend", {
 							in: "SourceGraphic",
 							in2: "bg",
 							result: "shape"
 						}),
-						(0, import_jsx_runtime$32.jsx)("feGaussianBlur", {
+						(0, import_jsx_runtime$35.jsx)("feGaussianBlur", {
 							stdDeviation: "1.47",
 							result: "blur"
 						})
 					]
 				}),
-				(0, import_jsx_runtime$32.jsxs)("filter", {
+				(0, import_jsx_runtime$35.jsxs)("filter", {
 					id: "f10_vite",
 					x: "57.24",
 					y: "2.17",
@@ -1254,22 +1278,22 @@ var init_ViteLogo = __esmMin(() => {
 					filterUnits: "userSpaceOnUse",
 					colorInterpolationFilters: "sRGB",
 					children: [
-						(0, import_jsx_runtime$32.jsx)("feFlood", {
+						(0, import_jsx_runtime$35.jsx)("feFlood", {
 							floodOpacity: "0",
 							result: "bg"
 						}),
-						(0, import_jsx_runtime$32.jsx)("feBlend", {
+						(0, import_jsx_runtime$35.jsx)("feBlend", {
 							in: "SourceGraphic",
 							in2: "bg",
 							result: "shape"
 						}),
-						(0, import_jsx_runtime$32.jsx)("feGaussianBlur", {
+						(0, import_jsx_runtime$35.jsx)("feGaussianBlur", {
 							stdDeviation: "1.47",
 							result: "blur"
 						})
 					]
 				}),
-				(0, import_jsx_runtime$32.jsxs)("filter", {
+				(0, import_jsx_runtime$35.jsxs)("filter", {
 					id: "f11_vite",
 					x: "69.27",
 					y: "-0.53",
@@ -1278,22 +1302,22 @@ var init_ViteLogo = __esmMin(() => {
 					filterUnits: "userSpaceOnUse",
 					colorInterpolationFilters: "sRGB",
 					children: [
-						(0, import_jsx_runtime$32.jsx)("feFlood", {
+						(0, import_jsx_runtime$35.jsx)("feFlood", {
 							floodOpacity: "0",
 							result: "bg"
 						}),
-						(0, import_jsx_runtime$32.jsx)("feBlend", {
+						(0, import_jsx_runtime$35.jsx)("feBlend", {
 							in: "SourceGraphic",
 							in2: "bg",
 							result: "shape"
 						}),
-						(0, import_jsx_runtime$32.jsx)("feGaussianBlur", {
+						(0, import_jsx_runtime$35.jsx)("feGaussianBlur", {
 							stdDeviation: "1.47",
 							result: "blur"
 						})
 					]
 				}),
-				(0, import_jsx_runtime$32.jsxs)("filter", {
+				(0, import_jsx_runtime$35.jsxs)("filter", {
 					id: "f12_vite",
 					x: "72.62",
 					y: "3.64",
@@ -1302,16 +1326,16 @@ var init_ViteLogo = __esmMin(() => {
 					filterUnits: "userSpaceOnUse",
 					colorInterpolationFilters: "sRGB",
 					children: [
-						(0, import_jsx_runtime$32.jsx)("feFlood", {
+						(0, import_jsx_runtime$35.jsx)("feFlood", {
 							floodOpacity: "0",
 							result: "bg"
 						}),
-						(0, import_jsx_runtime$32.jsx)("feBlend", {
+						(0, import_jsx_runtime$35.jsx)("feBlend", {
 							in: "SourceGraphic",
 							in2: "bg",
 							result: "shape"
 						}),
-						(0, import_jsx_runtime$32.jsx)("feGaussianBlur", {
+						(0, import_jsx_runtime$35.jsx)("feGaussianBlur", {
 							stdDeviation: "1.47",
 							result: "blur"
 						})
@@ -1320,7 +1344,7 @@ var init_ViteLogo = __esmMin(() => {
 			] })
 		]
 	});
-}), import_jsx_runtime$31, DefaultLayout;
+}), import_jsx_runtime$34, DefaultLayout;
 var init_DefaultLayout = __esmMin(() => {
 	init_dist();
 	init_clsx();
@@ -1329,10 +1353,10 @@ var init_DefaultLayout = __esmMin(() => {
 	init_GlowImage();
 	init_RolldownLogo();
 	init_ViteLogo();
-	import_jsx_runtime$31 = __toESM(require_jsx_runtime(), 1);
+	import_jsx_runtime$34 = __toESM(require_jsx_runtime(), 1);
 	DefaultLayout = ({ children, version, data, scale = 3, className = "", style = {} }) => {
 		const { useDarkTheme } = data;
-		return (0, import_jsx_runtime$31.jsx)(HeroUIProvider, { children: (0, import_jsx_runtime$31.jsxs)("div", {
+		return (0, import_jsx_runtime$34.jsx)(HeroUIProvider, { children: (0, import_jsx_runtime$34.jsxs)("div", {
 			className: clsx_default("w-360", "bg-default-50 text-default-900", "font-[HarmonyOSHans-Regular]", className, { dark: useDarkTheme }),
 			id: "container",
 			style: {
@@ -1341,130 +1365,130 @@ var init_DefaultLayout = __esmMin(() => {
 				width: "1440px",
 				...style
 			},
-			children: [children, version ? (0, import_jsx_runtime$31.jsx)("div", {
+			children: [children, version ? (0, import_jsx_runtime$34.jsx)("div", {
 				className: "relative z-50 pt-32 pb-20 text-default-800",
-				children: (0, import_jsx_runtime$31.jsxs)("div", {
+				children: (0, import_jsx_runtime$34.jsxs)("div", {
 					className: "flex relative justify-center items-center space-x-8",
 					children: [
-						(0, import_jsx_runtime$31.jsxs)("div", {
+						(0, import_jsx_runtime$34.jsxs)("div", {
 							className: "flex items-end space-x-8",
-							children: [(0, import_jsx_runtime$31.jsx)(GlowImage, {
+							children: [(0, import_jsx_runtime$34.jsx)(GlowImage, {
 								glowStrength: useDarkTheme ? 1 : 0,
 								blurRadius: 20,
-								children: (0, import_jsx_runtime$31.jsxs)("svg", {
+								children: (0, import_jsx_runtime$34.jsxs)("svg", {
 									id: "114514",
 									xmlns: "http://www.w3.org/2000/svg",
 									viewBox: "0 0 230 221",
 									className: "w-auto h-18",
 									children: [
-										(0, import_jsx_runtime$31.jsx)("path", {
+										(0, import_jsx_runtime$34.jsx)("path", {
 											id: "_1",
 											d: "M132.75,87.37l-53.72-53.37c-4.66-4.63-1.38-12.58,5.18-12.58h115.13c6.57,0,9.84,7.95,5.18,12.58l-53.72,53.37c-4.99,4.96-13.06,4.96-18.05,0Z",
 											fill: "currentColor"
 										}),
-										(0, import_jsx_runtime$31.jsx)("path", {
+										(0, import_jsx_runtime$34.jsx)("path", {
 											id: "_2",
 											d: "M28.49,186.89l.03-51.42c-.02-6.57,7.92-9.87,12.56-5.23l57.02,57.02c4.64,4.64,1.34,12.41-5.23,12.39h-51.42c-7.04-.02-12.94-5.72-12.96-12.76Z",
 											fill: "currentColor"
 										}),
-										(0, import_jsx_runtime$31.jsx)("path", {
+										(0, import_jsx_runtime$34.jsx)("path", {
 											d: "M41.54,23.68l163.04,163.05c4.78,4.78,1.39,12.95-5.36,12.94h-47.88c-9.69,0-18.99-3.86-25.84-10.71L39.3,102.75c-6.85-6.85-10.7-16.15-10.7-25.84V29.04c0-6.76,8.16-10.14,12.94-5.36Z",
 											fill: "currentColor"
 										})
 									]
 								})
-							}), (0, import_jsx_runtime$31.jsxs)("div", {
+							}), (0, import_jsx_runtime$34.jsxs)("div", {
 								className: "flex flex-col items-start opacity-90",
-								children: [(0, import_jsx_runtime$31.jsx)("div", {
+								children: [(0, import_jsx_runtime$34.jsx)("div", {
 									className: "flex items-center mb-1 space-x-2 text-sm font-bold uppercase text-default-900",
-									children: (0, import_jsx_runtime$31.jsx)("span", { children: version.plugin })
-								}), (0, import_jsx_runtime$31.jsx)("span", {
+									children: (0, import_jsx_runtime$34.jsx)("span", { children: version.plugin })
+								}), (0, import_jsx_runtime$34.jsx)("span", {
 									className: "text-5xl font-black",
 									children: version.pluginName
 								})]
 							})]
 						}),
-						(0, import_jsx_runtime$31.jsxs)("div", {
+						(0, import_jsx_runtime$34.jsxs)("div", {
 							className: "flex flex-col items-start opacity-90",
-							children: [(0, import_jsx_runtime$31.jsxs)("div", {
+							children: [(0, import_jsx_runtime$34.jsxs)("div", {
 								className: "flex items-center mb-1 space-x-2 text-sm font-bold tracking-widest uppercase text-default-900",
 								children: [
-									version.hasUpdate && (0, import_jsx_runtime$31.jsx)(CircleFadingArrowUp, {
+									version.hasUpdate && (0, import_jsx_runtime$34.jsx)(CircleFadingArrowUp, {
 										strokeWidth: 3,
 										className: "w-4 h-4 text-success"
 									}),
-									!version.hasUpdate && version.releaseType === "Stable" && (0, import_jsx_runtime$31.jsx)(CircleCheckBig, {
+									!version.hasUpdate && version.releaseType === "Stable" && (0, import_jsx_runtime$34.jsx)(CircleCheckBig, {
 										strokeWidth: 3,
 										className: "w-4 h-4"
 									}),
-									!version.hasUpdate && version.releaseType === "Preview" && (0, import_jsx_runtime$31.jsx)(TriangleAlert, {
+									!version.hasUpdate && version.releaseType === "Preview" && (0, import_jsx_runtime$34.jsx)(TriangleAlert, {
 										strokeWidth: 3,
 										className: "w-4 h-4 text-warning"
 									}),
-									!version.hasUpdate && version.releaseType !== "Stable" && version.releaseType !== "Preview" && (0, import_jsx_runtime$31.jsx)(Info, {
+									!version.hasUpdate && version.releaseType !== "Stable" && version.releaseType !== "Preview" && (0, import_jsx_runtime$34.jsx)(Info, {
 										strokeWidth: 3,
 										className: "w-4 h-4"
 									}),
-									(0, import_jsx_runtime$31.jsx)("span", {
+									(0, import_jsx_runtime$34.jsx)("span", {
 										className: clsx_default(version.hasUpdate && "text-success", !version.hasUpdate && version.releaseType === "Preview" && "text-warning"),
 										children: version.hasUpdate ? "有可用更新" : version.releaseType
 									})
 								]
-							}), (0, import_jsx_runtime$31.jsxs)("span", {
+							}), (0, import_jsx_runtime$34.jsxs)("span", {
 								className: clsx_default("text-5xl font-bold tracking-wide", version.hasUpdate && "text-success", !version.hasUpdate && version.releaseType === "Preview" && "text-warning"),
 								children: ["v", version.pluginVersion]
 							})]
 						}),
-						(0, import_jsx_runtime$31.jsx)("div", { className: "w-1 h-14 opacity-90 bg-default-900" }),
-						(0, import_jsx_runtime$31.jsxs)("div", {
+						(0, import_jsx_runtime$34.jsx)("div", { className: "w-1 h-14 opacity-90 bg-default-900" }),
+						(0, import_jsx_runtime$34.jsxs)("div", {
 							className: "flex items-end space-x-8",
-							children: [(0, import_jsx_runtime$31.jsx)(GlowImage, {
+							children: [(0, import_jsx_runtime$34.jsx)(GlowImage, {
 								src: "/image/frame-logo.png",
 								alt: "logo",
 								imgClassName: "w-auto h-18",
 								glowStrength: useDarkTheme ? 1 : 0,
 								blurRadius: 40
-							}), (0, import_jsx_runtime$31.jsxs)("div", {
+							}), (0, import_jsx_runtime$34.jsxs)("div", {
 								className: "flex flex-col items-start",
-								children: [(0, import_jsx_runtime$31.jsxs)("div", {
+								children: [(0, import_jsx_runtime$34.jsxs)("div", {
 									className: "flex items-center mb-1 space-x-2 text-sm font-bold tracking-widest uppercase text-default-900",
-									children: [(0, import_jsx_runtime$31.jsx)(Zap, {
+									children: [(0, import_jsx_runtime$34.jsx)(Zap, {
 										strokeWidth: 3,
 										className: "w-4 h-4 opacity-90"
-									}), (0, import_jsx_runtime$31.jsx)("span", {
+									}), (0, import_jsx_runtime$34.jsx)("span", {
 										className: "opacity-90",
 										children: "Power By"
 									})]
-								}), (0, import_jsx_runtime$31.jsxs)("div", {
+								}), (0, import_jsx_runtime$34.jsxs)("div", {
 									className: "flex items-end space-x-2",
-									children: [(0, import_jsx_runtime$31.jsx)("span", {
+									children: [(0, import_jsx_runtime$34.jsx)("span", {
 										className: "text-5xl font-black leading-none opacity-90",
 										children: version.poweredBy
-									}), (0, import_jsx_runtime$31.jsxs)("span", {
+									}), (0, import_jsx_runtime$34.jsxs)("span", {
 										className: "pb-1 text-2xl font-bold leading-none opacity-90",
 										children: ["v", version.frameworkVersion]
 									})]
 								})]
 							})]
 						}),
-						version.releaseType === "Stable" && (0, import_jsx_runtime$31.jsxs)(import_jsx_runtime$31.Fragment, { children: [(0, import_jsx_runtime$31.jsx)("div", { className: "w-1 h-14 opacity-90 bg-default-900" }), (0, import_jsx_runtime$31.jsxs)("div", {
+						version.releaseType === "Stable" && (0, import_jsx_runtime$34.jsxs)(import_jsx_runtime$34.Fragment, { children: [(0, import_jsx_runtime$34.jsx)("div", { className: "w-1 h-14 opacity-90 bg-default-900" }), (0, import_jsx_runtime$34.jsxs)("div", {
 							className: "flex flex-col items-start space-y-4",
-							children: [(0, import_jsx_runtime$31.jsx)("div", {
+							children: [(0, import_jsx_runtime$34.jsx)("div", {
 								className: "flex items-end space-x-2",
-								children: (0, import_jsx_runtime$31.jsx)(GlowImage, {
+								children: (0, import_jsx_runtime$34.jsx)(GlowImage, {
 									glowStrength: useDarkTheme ? 1 : 0,
 									blurRadius: 6,
-									children: (0, import_jsx_runtime$31.jsx)(RolldownLogo, { className: "w-auto h-4" })
+									children: (0, import_jsx_runtime$34.jsx)(RolldownLogo, { className: "w-auto h-4" })
 								})
-							}), (0, import_jsx_runtime$31.jsx)(GlowImage, {
+							}), (0, import_jsx_runtime$34.jsx)(GlowImage, {
 								glowStrength: useDarkTheme ? 1 : 0,
 								blurRadius: 12,
-								children: (0, import_jsx_runtime$31.jsx)(ViteLogo, { className: "w-auto h-8" })
+								children: (0, import_jsx_runtime$34.jsx)(ViteLogo, { className: "w-auto h-8" })
 							})]
 						})] })
 					]
 				})
-			}) : (0, import_jsx_runtime$31.jsx)("div", { className: "h-24" })]
+			}) : (0, import_jsx_runtime$34.jsx)("div", { className: "h-24" })]
 		}) });
 	};
 });
@@ -1472,45 +1496,45 @@ var Comment_exports$3 = __export({
 	DouyinComment: () => DouyinComment,
 	default: () => Comment_default$3
 }, 1);
-var import_react$32, import_jsx_runtime$30, QRCodeSection$3, VideoInfoHeader$1, organizeReplies, ReplyItemComponent, CommentItemComponent$2, DouyinComment, Comment_default$3;
+var import_react$35, import_jsx_runtime$33, QRCodeSection$3, VideoInfoHeader$1, organizeReplies, ReplyItemComponent, CommentItemComponent$2, DouyinComment, Comment_default$3;
 var init_Comment$3 = __esmMin(() => {
 	init_clsx();
 	init_lucide_react();
-	import_react$32 = __toESM(require_react(), 1);
+	import_react$35 = __toESM(require_react(), 1);
 	init_io5();
 	init_DefaultLayout();
-	import_jsx_runtime$30 = __toESM(require_jsx_runtime(), 1);
-	QRCodeSection$3 = ({ qrCodeDataUrl }) => (0, import_jsx_runtime$30.jsx)("div", {
+	import_jsx_runtime$33 = __toESM(require_jsx_runtime(), 1);
+	QRCodeSection$3 = ({ qrCodeDataUrl }) => (0, import_jsx_runtime$33.jsx)("div", {
 		className: "flex flex-col items-center",
-		children: (0, import_jsx_runtime$30.jsx)("div", {
+		children: (0, import_jsx_runtime$33.jsx)("div", {
 			className: "flex justify-center items-center w-100 h-100 p-4",
-			children: qrCodeDataUrl ? (0, import_jsx_runtime$30.jsx)("img", {
+			children: qrCodeDataUrl ? (0, import_jsx_runtime$33.jsx)("img", {
 				src: qrCodeDataUrl,
 				alt: "二维码",
 				className: "object-contain w-full h-full rounded-lg"
-			}) : (0, import_jsx_runtime$30.jsxs)("div", {
+			}) : (0, import_jsx_runtime$33.jsxs)("div", {
 				className: "flex flex-col justify-center items-center text-foreground-400",
-				children: [(0, import_jsx_runtime$30.jsx)(QrCode, {
+				children: [(0, import_jsx_runtime$33.jsx)(QrCode, {
 					size: 80,
 					className: "mb-4"
-				}), (0, import_jsx_runtime$30.jsx)("span", {
+				}), (0, import_jsx_runtime$33.jsx)("span", {
 					className: "text-lg",
 					children: "二维码生成失败"
 				})]
 			})
 		})
 	});
-	VideoInfoHeader$1 = (props) => (0, import_jsx_runtime$30.jsx)("div", {
+	VideoInfoHeader$1 = (props) => (0, import_jsx_runtime$33.jsx)("div", {
 		className: "max-w-350 mx-auto px-10 py-8",
-		children: (0, import_jsx_runtime$30.jsxs)("div", {
+		children: (0, import_jsx_runtime$33.jsxs)("div", {
 			className: "flex gap-16 justify-between items-start",
-			children: [(0, import_jsx_runtime$30.jsxs)("div", {
+			children: [(0, import_jsx_runtime$33.jsxs)("div", {
 				className: "flex flex-col flex-1",
-				children: [(0, import_jsx_runtime$30.jsx)("div", {
+				children: [(0, import_jsx_runtime$33.jsx)("div", {
 					className: "mb-12",
-					children: (0, import_jsx_runtime$30.jsxs)("div", {
+					children: (0, import_jsx_runtime$33.jsxs)("div", {
 						className: "h-45 flex items-center",
-						children: [(0, import_jsx_runtime$30.jsx)("img", {
+						children: [(0, import_jsx_runtime$33.jsx)("img", {
 							src: props.useDarkTheme ? "/image/douyin/dylogo-light.svg" : "/image/douyin/dylogo-dark.svg",
 							alt: "抖音Logo",
 							className: "object-contain h-full w-auto max-w-125",
@@ -1520,82 +1544,82 @@ var init_Comment$3 = __esmMin(() => {
 								const parent = target.parentElement;
 								if (parent) parent.innerHTML = "<div class=\"flex items-center h-full text-6xl font-bold text-foreground-600\">抖音</div>";
 							}
-						}), props.Type === "视频" && props.Resolution && (0, import_jsx_runtime$30.jsxs)("div", {
+						}), props.Type === "视频" && props.Resolution && (0, import_jsx_runtime$33.jsxs)("div", {
 							className: "flex flex-col gap-2 px-8 py-4 ml-8 rounded-3xl bg-default-100/50 w-fit",
-							children: [(0, import_jsx_runtime$30.jsx)("span", {
+							children: [(0, import_jsx_runtime$33.jsx)("span", {
 								className: "text-[42px] text-foreground-400",
 								children: "分辨率（px）"
-							}), (0, import_jsx_runtime$30.jsx)("span", {
+							}), (0, import_jsx_runtime$33.jsx)("span", {
 								className: "text-[48px] font-medium text-foreground-600",
 								children: props.Resolution
 							})]
 						})]
 					})
-				}), (0, import_jsx_runtime$30.jsxs)("div", {
+				}), (0, import_jsx_runtime$33.jsxs)("div", {
 					className: "grid grid-cols-2 gap-y-6 gap-x-16 pl-2",
 					children: [
-						(0, import_jsx_runtime$30.jsxs)("div", {
+						(0, import_jsx_runtime$33.jsxs)("div", {
 							className: "flex items-center tracking-[6px] text-[45px] text-foreground-500 select-text",
-							children: [(0, import_jsx_runtime$30.jsx)("span", {
+							children: [(0, import_jsx_runtime$33.jsx)("span", {
 								className: "mr-4 text-foreground-400",
 								children: "类型"
-							}), (0, import_jsx_runtime$30.jsx)("span", {
+							}), (0, import_jsx_runtime$33.jsx)("span", {
 								className: "font-medium text-foreground-600",
 								children: props.Type
 							})]
 						}),
-						(0, import_jsx_runtime$30.jsxs)("div", {
+						(0, import_jsx_runtime$33.jsxs)("div", {
 							className: "flex items-center tracking-[6px] text-[45px] text-foreground-500 select-text",
-							children: [(0, import_jsx_runtime$30.jsx)("span", {
+							children: [(0, import_jsx_runtime$33.jsx)("span", {
 								className: "mr-4 text-foreground-400",
 								children: "评论"
-							}), (0, import_jsx_runtime$30.jsxs)("span", {
+							}), (0, import_jsx_runtime$33.jsxs)("span", {
 								className: "font-medium text-foreground-600",
 								children: [props.CommentLength, "条"]
 							})]
 						}),
-						props.Type === "视频" ? (0, import_jsx_runtime$30.jsxs)(import_jsx_runtime$30.Fragment, { children: [(0, import_jsx_runtime$30.jsxs)("div", {
+						props.Type === "视频" ? (0, import_jsx_runtime$33.jsxs)(import_jsx_runtime$33.Fragment, { children: [(0, import_jsx_runtime$33.jsxs)("div", {
 							className: "flex items-center tracking-[6px] text-[45px] text-foreground-500 select-text",
-							children: [(0, import_jsx_runtime$30.jsx)("span", {
+							children: [(0, import_jsx_runtime$33.jsx)("span", {
 								className: "mr-4 text-foreground-400",
 								children: "大小"
-							}), (0, import_jsx_runtime$30.jsxs)("span", {
+							}), (0, import_jsx_runtime$33.jsxs)("span", {
 								className: "font-medium text-foreground-600",
 								children: [props.VideoSize, "MB"]
 							})]
-						}), (0, import_jsx_runtime$30.jsxs)("div", {
+						}), (0, import_jsx_runtime$33.jsxs)("div", {
 							className: "flex items-center tracking-[6px] text-[45px] text-foreground-500 select-text",
-							children: [(0, import_jsx_runtime$30.jsx)("span", {
+							children: [(0, import_jsx_runtime$33.jsx)("span", {
 								className: "mr-4 text-foreground-400",
 								children: "帧率"
-							}), (0, import_jsx_runtime$30.jsxs)("span", {
+							}), (0, import_jsx_runtime$33.jsxs)("span", {
 								className: "font-medium text-foreground-600",
 								children: [props.VideoFPS, "Hz"]
 							})]
-						})] }) : (0, import_jsx_runtime$30.jsxs)(import_jsx_runtime$30.Fragment, { children: [(0, import_jsx_runtime$30.jsxs)("div", {
+						})] }) : (0, import_jsx_runtime$33.jsxs)(import_jsx_runtime$33.Fragment, { children: [(0, import_jsx_runtime$33.jsxs)("div", {
 							className: "flex items-center tracking-[6px] text-[45px] text-foreground-500 select-text",
-							children: [(0, import_jsx_runtime$30.jsx)("span", {
+							children: [(0, import_jsx_runtime$33.jsx)("span", {
 								className: "mr-4 text-foreground-400",
 								children: "区域"
-							}), (0, import_jsx_runtime$30.jsx)("span", {
+							}), (0, import_jsx_runtime$33.jsx)("span", {
 								className: "font-medium text-foreground-600",
 								children: props.Region
 							})]
-						}), (0, import_jsx_runtime$30.jsxs)("div", {
+						}), (0, import_jsx_runtime$33.jsxs)("div", {
 							className: "flex items-center tracking-[6px] text-[45px] text-foreground-500 select-text",
-							children: [(0, import_jsx_runtime$30.jsx)("span", {
+							children: [(0, import_jsx_runtime$33.jsx)("span", {
 								className: "mr-4 text-foreground-400",
 								children: "数量"
-							}), (0, import_jsx_runtime$30.jsxs)("span", {
+							}), (0, import_jsx_runtime$33.jsxs)("span", {
 								className: "font-medium text-foreground-600",
 								children: [props.ImageLength, "张"]
 							})]
 						})] })
 					]
 				})]
-			}), (0, import_jsx_runtime$30.jsx)("div", {
+			}), (0, import_jsx_runtime$33.jsx)("div", {
 				className: "shrink-0",
-				children: (0, import_jsx_runtime$30.jsx)(QRCodeSection$3, { qrCodeDataUrl: props.qrCodeDataUrl })
+				children: (0, import_jsx_runtime$33.jsx)(QRCodeSection$3, { qrCodeDataUrl: props.qrCodeDataUrl })
 			})]
 		})
 	});
@@ -1645,18 +1669,18 @@ var init_Comment$3 = __esmMin(() => {
 	};
 	ReplyItemComponent = ({ reply, depth = 0, isLast, maxDepth = 6 }) => {
 		const isNicknameLonger = reply.nickname.length >= (reply.reply_to_username?.length || 0);
-		if (reply.hiddenCount) return (0, import_jsx_runtime$30.jsx)("div", {
+		if (reply.hiddenCount) return (0, import_jsx_runtime$33.jsx)("div", {
 			className: "flex relative flex-col mb-6",
-			children: (0, import_jsx_runtime$30.jsxs)("div", {
+			children: (0, import_jsx_runtime$33.jsxs)("div", {
 				className: "grid grid-cols-[100px_minmax(0,1fr)] relative",
-				children: [(0, import_jsx_runtime$30.jsxs)("div", {
+				children: [(0, import_jsx_runtime$33.jsxs)("div", {
 					className: "flex relative justify-center",
 					children: [
-						!isLast && (0, import_jsx_runtime$30.jsx)("div", { className: "absolute top-0 bottom-0 left-1/2 w-0.5 bg-default-300 -ml-px" }),
-						!isLast && (0, import_jsx_runtime$30.jsx)("div", { className: "absolute -bottom-6 left-1/2 w-0.5 h-6 bg-default-300 -ml-px" }),
-						(0, import_jsx_runtime$30.jsx)("svg", {
+						!isLast && (0, import_jsx_runtime$33.jsx)("div", { className: "absolute top-0 bottom-0 left-1/2 w-0.5 bg-default-300 -ml-px" }),
+						!isLast && (0, import_jsx_runtime$33.jsx)("div", { className: "absolute -bottom-6 left-1/2 w-0.5 h-6 bg-default-300 -ml-px" }),
+						(0, import_jsx_runtime$33.jsx)("svg", {
 							className: "absolute top-0 left-0 w-full h-12.5 pointer-events-none overflow-visible z-0 text-default-300",
-							children: (0, import_jsx_runtime$30.jsx)("path", {
+							children: (0, import_jsx_runtime$33.jsx)("path", {
 								d: "M 50 0 V 15 Q 50 50 85 50 H 90",
 								fill: "none",
 								stroke: "currentColor",
@@ -1665,16 +1689,16 @@ var init_Comment$3 = __esmMin(() => {
 							})
 						})
 					]
-				}), (0, import_jsx_runtime$30.jsx)("div", {
+				}), (0, import_jsx_runtime$33.jsx)("div", {
 					className: "flex flex-col mt-6 min-w-0",
-					children: (0, import_jsx_runtime$30.jsx)("div", {
+					children: (0, import_jsx_runtime$33.jsx)("div", {
 						className: "flex items-center h-12.5",
-						children: (0, import_jsx_runtime$30.jsxs)("div", {
+						children: (0, import_jsx_runtime$33.jsxs)("div", {
 							className: "flex items-center text-foreground-500",
-							children: [(0, import_jsx_runtime$30.jsx)(CircleEllipsis, {
+							children: [(0, import_jsx_runtime$33.jsx)(CircleEllipsis, {
 								size: 45,
 								className: "mr-5"
-							}), (0, import_jsx_runtime$30.jsxs)("span", {
+							}), (0, import_jsx_runtime$33.jsxs)("span", {
 								className: "text-4xl font-medium tracking-wide",
 								children: [
 									"另外 ",
@@ -1687,18 +1711,18 @@ var init_Comment$3 = __esmMin(() => {
 				})]
 			})
 		});
-		return (0, import_jsx_runtime$30.jsx)("div", {
+		return (0, import_jsx_runtime$33.jsx)("div", {
 			className: "flex relative flex-col",
-			children: (0, import_jsx_runtime$30.jsxs)("div", {
+			children: (0, import_jsx_runtime$33.jsxs)("div", {
 				className: "grid grid-cols-[100px_minmax(0,1fr)] relative",
-				children: [(0, import_jsx_runtime$30.jsxs)("div", {
+				children: [(0, import_jsx_runtime$33.jsxs)("div", {
 					className: "flex relative justify-center",
 					children: [
-						!isLast && (0, import_jsx_runtime$30.jsx)("div", { className: "absolute top-0 bottom-0 left-1/2 w-0.5 bg-default-300 -ml-px" }),
-						!isLast && (0, import_jsx_runtime$30.jsx)("div", { className: "absolute -bottom-6 left-1/2 w-0.5 h-6 bg-default-300 -ml-px" }),
-						(0, import_jsx_runtime$30.jsx)("svg", {
+						!isLast && (0, import_jsx_runtime$33.jsx)("div", { className: "absolute top-0 bottom-0 left-1/2 w-0.5 bg-default-300 -ml-px" }),
+						!isLast && (0, import_jsx_runtime$33.jsx)("div", { className: "absolute -bottom-6 left-1/2 w-0.5 h-6 bg-default-300 -ml-px" }),
+						(0, import_jsx_runtime$33.jsx)("svg", {
 							className: "absolute top-0 left-0 w-full h-12.5 pointer-events-none overflow-visible z-0 text-default-300",
-							children: (0, import_jsx_runtime$30.jsx)("path", {
+							children: (0, import_jsx_runtime$33.jsx)("path", {
 								d: "M 50 0 V 15 Q 50 50 85 50 H 90",
 								fill: "none",
 								stroke: "currentColor",
@@ -1707,85 +1731,85 @@ var init_Comment$3 = __esmMin(() => {
 							})
 						})
 					]
-				}), (0, import_jsx_runtime$30.jsxs)("div", {
+				}), (0, import_jsx_runtime$33.jsxs)("div", {
 					className: "flex flex-col min-w-0",
-					children: [(0, import_jsx_runtime$30.jsxs)("div", {
+					children: [(0, import_jsx_runtime$33.jsxs)("div", {
 						className: "grid grid-cols-[100px_minmax(0,1fr)] relative",
-						children: [(0, import_jsx_runtime$30.jsxs)("div", {
+						children: [(0, import_jsx_runtime$33.jsxs)("div", {
 							className: "flex relative flex-col items-center h-full",
-							children: [(0, import_jsx_runtime$30.jsx)("div", {
+							children: [(0, import_jsx_runtime$33.jsx)("div", {
 								className: "w-25 h-25 shrink-0 z-10 relative",
-								children: (0, import_jsx_runtime$30.jsx)("img", {
+								children: (0, import_jsx_runtime$33.jsx)("img", {
 									src: reply.userimageurl,
 									className: "object-cover rounded-full w-25 h-25 bg-background",
 									alt: "用户头像"
 								})
-							}), reply.children.length > 0 && (0, import_jsx_runtime$30.jsx)("div", { className: "w-0.5 bg-default-300 h-full grow mt-3 rounded-t-full" })]
-						}), (0, import_jsx_runtime$30.jsxs)("div", {
+							}), reply.children.length > 0 && (0, import_jsx_runtime$33.jsx)("div", { className: "w-0.5 bg-default-300 h-full grow mt-3 rounded-t-full" })]
+						}), (0, import_jsx_runtime$33.jsxs)("div", {
 							className: "flex flex-col pb-8 pl-3 min-w-0",
 							children: [
-								(0, import_jsx_runtime$30.jsxs)("div", {
+								(0, import_jsx_runtime$33.jsxs)("div", {
 									className: "flex flex-nowrap items-center h-25 content-center w-full overflow-hidden",
 									children: [
-										(0, import_jsx_runtime$30.jsx)("span", {
+										(0, import_jsx_runtime$33.jsx)("span", {
 											className: clsx_default("mr-2 text-5xl font-medium text-foreground-500", isNicknameLonger ? "min-w-0 truncate shrink" : "shrink-0"),
 											children: reply.nickname
 										}),
-										reply.label_text !== "" && (0, import_jsx_runtime$30.jsx)("div", {
+										reply.label_text !== "" && (0, import_jsx_runtime$33.jsx)("div", {
 											className: clsx_default("inline-flex shrink-0 items-center px-3 py-1 text-3xl rounded-lg mr-2", reply.label_text === "作者" ? "bg-[#fe2c55] text-white" : "bg-default-100 text-default-500"),
 											children: reply.label_text
 										}),
-										reply.reply_to_username && (0, import_jsx_runtime$30.jsxs)("div", {
+										reply.reply_to_username && (0, import_jsx_runtime$33.jsxs)("div", {
 											className: clsx_default("flex items-center", !isNicknameLonger ? "overflow-hidden min-w-0 shrink" : "shrink-0"),
-											children: [(0, import_jsx_runtime$30.jsx)(Play, {
+											children: [(0, import_jsx_runtime$33.jsx)(Play, {
 												size: 35,
 												className: "mr-3.5 mx-1 text-foreground-300 shrink-0",
 												fill: "currentColor"
-											}), (0, import_jsx_runtime$30.jsx)("span", {
+											}), (0, import_jsx_runtime$33.jsx)("span", {
 												className: clsx_default("text-5xl font-medium text-foreground-500", !isNicknameLonger && "truncate"),
 												children: reply.reply_to_username
 											})]
 										})
 									]
 								}),
-								(0, import_jsx_runtime$30.jsxs)("div", {
+								(0, import_jsx_runtime$33.jsxs)("div", {
 									className: "py-2",
-									children: [(0, import_jsx_runtime$30.jsx)("div", {
+									children: [(0, import_jsx_runtime$33.jsx)("div", {
 										className: "text-5xl text-foreground leading-normal whitespace-pre-wrap select-text [&_img]:mb-2 [&_img]:inline [&_img]:h-[1.3em] [&_img]:w-auto [&_img]:align-middle [&_img]:mx-1 [&_img]:max-w-[1.7em]",
 										dangerouslySetInnerHTML: { __html: reply.text },
 										style: {
 											wordBreak: "break-word",
 											overflowWrap: "break-word"
 										}
-									}), reply.image_list && reply.image_list.length > 0 && reply.image_list.filter(Boolean).map((img, idx) => (0, import_jsx_runtime$30.jsx)("div", {
+									}), reply.image_list && reply.image_list.length > 0 && reply.image_list.filter(Boolean).map((img, idx) => (0, import_jsx_runtime$33.jsx)("div", {
 										className: "my-4 overflow-hidden shadow-sm rounded-xl max-w-150",
-										children: (0, import_jsx_runtime$30.jsx)("img", {
+										children: (0, import_jsx_runtime$33.jsx)("img", {
 											className: "object-contain w-full h-auto rounded-xl",
 											src: img,
 											alt: "评论图片"
 										})
 									}, idx))]
 								}),
-								(0, import_jsx_runtime$30.jsx)("div", {
+								(0, import_jsx_runtime$33.jsx)("div", {
 									className: "pb-4",
-									children: (0, import_jsx_runtime$30.jsxs)("div", {
+									children: (0, import_jsx_runtime$33.jsxs)("div", {
 										className: "flex gap-6 items-center text-foreground-500",
 										children: [
-											(0, import_jsx_runtime$30.jsxs)("div", {
+											(0, import_jsx_runtime$33.jsxs)("div", {
 												className: "flex gap-2 items-center",
-												children: [(0, import_jsx_runtime$30.jsx)(Heart, {
+												children: [(0, import_jsx_runtime$33.jsx)(Heart, {
 													size: 40,
 													className: "text-foreground-500"
-												}), (0, import_jsx_runtime$30.jsx)("span", {
+												}), (0, import_jsx_runtime$33.jsx)("span", {
 													className: "text-4xl",
 													children: reply.digg_count
 												})]
 											}),
-											(0, import_jsx_runtime$30.jsx)("span", {
+											(0, import_jsx_runtime$33.jsx)("span", {
 												className: "text-4xl",
 												children: reply.ip_label
 											}),
-											(0, import_jsx_runtime$30.jsx)("span", {
+											(0, import_jsx_runtime$33.jsx)("span", {
 												className: "ml-2 text-4xl",
 												children: reply.create_time
 											})
@@ -1794,9 +1818,9 @@ var init_Comment$3 = __esmMin(() => {
 								})
 							]
 						})]
-					}), reply.children.length > 0 && (0, import_jsx_runtime$30.jsx)("div", {
+					}), reply.children.length > 0 && (0, import_jsx_runtime$33.jsx)("div", {
 						className: "flex relative flex-col",
-						children: (0, import_jsx_runtime$30.jsx)("div", { children: reply.children.map((child, index) => (0, import_jsx_runtime$30.jsx)(ReplyItemComponent, {
+						children: (0, import_jsx_runtime$33.jsx)("div", { children: reply.children.map((child, index) => (0, import_jsx_runtime$33.jsx)(ReplyItemComponent, {
 							reply: child,
 							depth: depth + 1,
 							isLast: index === reply.children.length - 1,
@@ -1807,50 +1831,50 @@ var init_Comment$3 = __esmMin(() => {
 			})
 		});
 	};
-	CommentItemComponent$2 = (props) => (0, import_jsx_runtime$30.jsx)("div", {
+	CommentItemComponent$2 = (props) => (0, import_jsx_runtime$33.jsx)("div", {
 		className: clsx_default("flex flex-col px-6 pt-8", {
 			"pb-0": props.isLast,
 			"pb-10": !props.isLast
 		}),
-		children: (0, import_jsx_runtime$30.jsxs)("div", {
+		children: (0, import_jsx_runtime$33.jsxs)("div", {
 			className: "flex flex-col min-w-0",
-			children: [(0, import_jsx_runtime$30.jsxs)("div", {
+			children: [(0, import_jsx_runtime$33.jsxs)("div", {
 				className: "grid grid-cols-[140px_minmax(0,1fr)] relative",
-				children: [(0, import_jsx_runtime$30.jsxs)("div", {
+				children: [(0, import_jsx_runtime$33.jsxs)("div", {
 					className: "flex relative flex-col items-center",
-					children: [(0, import_jsx_runtime$30.jsx)("div", {
+					children: [(0, import_jsx_runtime$33.jsx)("div", {
 						className: "w-35 h-35 shrink-0 z-10 relative",
-						children: (0, import_jsx_runtime$30.jsx)("img", {
+						children: (0, import_jsx_runtime$33.jsx)("img", {
 							src: props.userimageurl,
 							className: "w-35 h-35 rounded-full object-cover shadow-md bg-background",
 							alt: "用户头像"
 						})
-					}), props.replyComment && props.replyComment.length > 0 && (0, import_jsx_runtime$30.jsx)("div", { className: "w-0.5 bg-default-300 h-full grow mt-4 rounded-t-full" })]
-				}), (0, import_jsx_runtime$30.jsxs)("div", {
+					}), props.replyComment && props.replyComment.length > 0 && (0, import_jsx_runtime$33.jsx)("div", { className: "w-0.5 bg-default-300 h-full grow mt-4 rounded-t-full" })]
+				}), (0, import_jsx_runtime$33.jsxs)("div", {
 					className: "flex flex-col pb-4 pl-4 min-w-0",
 					children: [
-						(0, import_jsx_runtime$30.jsxs)("div", {
+						(0, import_jsx_runtime$33.jsxs)("div", {
 							className: "flex flex-wrap gap-4 items-center mb-3 text-5xl select-text min-h-35 content-center",
 							children: [
-								(0, import_jsx_runtime$30.jsx)("span", {
+								(0, import_jsx_runtime$33.jsx)("span", {
 									className: "font-medium text-foreground-500",
 									children: props.nickname
 								}),
-								props.label_type === 1 && (0, import_jsx_runtime$30.jsx)("div", {
+								props.label_type === 1 && (0, import_jsx_runtime$33.jsx)("div", {
 									className: "inline-flex items-center px-3 py-1 rounded-lg text-3xl bg-[#fe2c55] text-white",
 									children: "作者"
 								}),
-								props.is_author_digged && props.status_label !== "作者赞过" && (0, import_jsx_runtime$30.jsx)("div", {
+								props.is_author_digged && props.status_label !== "作者赞过" && (0, import_jsx_runtime$33.jsx)("div", {
 									className: "inline-flex items-center px-3 py-1 text-3xl font-light rounded-lg bg-content2 text-foreground-700",
 									children: "作者赞过"
 								}),
-								props.status_label && (0, import_jsx_runtime$30.jsx)("div", {
+								props.status_label && (0, import_jsx_runtime$33.jsx)("div", {
 									className: "inline-flex items-center px-3 py-1 text-3xl font-light rounded-lg bg-content2 text-foreground-700",
 									children: props.status_label
 								})
 							]
 						}),
-						(0, import_jsx_runtime$30.jsx)("div", {
+						(0, import_jsx_runtime$33.jsx)("div", {
 							className: "text-5xl text-foreground leading-normal mb-4 whitespace-pre-wrap select-text [&_img]:mb-2 [&_img]:inline [&_img]:h-[1.3em] [&_img]:w-auto [&_img]:align-middle [&_img]:mx-1 [&_img]:max-w-[1.7em]",
 							dangerouslySetInnerHTML: { __html: props.text },
 							style: {
@@ -1858,34 +1882,34 @@ var init_Comment$3 = __esmMin(() => {
 								overflowWrap: "break-word"
 							}
 						}),
-						(props.commentimage || props.sticker) && (0, import_jsx_runtime$30.jsx)("div", {
+						(props.commentimage || props.sticker) && (0, import_jsx_runtime$33.jsx)("div", {
 							className: "my-6 overflow-hidden shadow-sm rounded-2xl max-w-200",
-							children: (0, import_jsx_runtime$30.jsx)("img", {
+							children: (0, import_jsx_runtime$33.jsx)("img", {
 								className: "object-contain w-full h-auto rounded-2xl",
 								src: props.commentimage || props.sticker,
 								alt: "评论图片"
 							})
 						}),
-						(0, import_jsx_runtime$30.jsx)("div", {
+						(0, import_jsx_runtime$33.jsx)("div", {
 							className: "flex justify-between items-center mt-3 text-foreground-500",
-							children: (0, import_jsx_runtime$30.jsxs)("div", {
+							children: (0, import_jsx_runtime$33.jsxs)("div", {
 								className: "flex gap-6 items-center shrink-0",
 								children: [
-									(0, import_jsx_runtime$30.jsxs)("div", {
+									(0, import_jsx_runtime$33.jsxs)("div", {
 										className: "flex gap-2 items-center transition-colors cursor-pointer",
-										children: [(0, import_jsx_runtime$30.jsx)(Heart, {
+										children: [(0, import_jsx_runtime$33.jsx)(Heart, {
 											size: 44,
 											className: "text-foreground-500"
-										}), (0, import_jsx_runtime$30.jsx)("span", {
+										}), (0, import_jsx_runtime$33.jsx)("span", {
 											className: "text-4xl select-text",
 											children: props.digg_count
 										})]
 									}),
-									(0, import_jsx_runtime$30.jsx)("span", {
+									(0, import_jsx_runtime$33.jsx)("span", {
 										className: "text-4xl",
 										children: props.ip_label
 									}),
-									(0, import_jsx_runtime$30.jsx)("span", {
+									(0, import_jsx_runtime$33.jsx)("span", {
 										className: "ml-2 text-4xl",
 										children: props.create_time
 									})
@@ -1894,9 +1918,9 @@ var init_Comment$3 = __esmMin(() => {
 						})
 					]
 				})]
-			}), props.replyComment && props.replyComment.length > 0 && (0, import_jsx_runtime$30.jsxs)("div", {
+			}), props.replyComment && props.replyComment.length > 0 && (0, import_jsx_runtime$33.jsxs)("div", {
 				className: "flex relative flex-col mt-8 ml-5",
-				children: [(0, import_jsx_runtime$30.jsx)("div", { className: "absolute -top-8 left-12.5 w-0.5 h-8 bg-default-300 -ml-px" }), organizeReplies(props.replyComment, props.cid || "", props.maxDepth).map((reply, index, arr) => (0, import_jsx_runtime$30.jsx)(ReplyItemComponent, {
+				children: [(0, import_jsx_runtime$33.jsx)("div", { className: "absolute -top-8 left-12.5 w-0.5 h-8 bg-default-300 -ml-px" }), organizeReplies(props.replyComment, props.cid || "", props.maxDepth).map((reply, index, arr) => (0, import_jsx_runtime$33.jsx)(ReplyItemComponent, {
 					reply,
 					depth: 1,
 					isLast: index === arr.length - 1,
@@ -1905,51 +1929,51 @@ var init_Comment$3 = __esmMin(() => {
 			})]
 		})
 	});
-	DouyinComment = import_react$32.memo((props) => {
-		const randomSuggestWord = import_react$32.useMemo(() => {
+	DouyinComment = import_react$35.memo((props) => {
+		const randomSuggestWord = import_react$35.useMemo(() => {
 			if (props.data.suggestWrod && props.data.suggestWrod.length > 0) {
 				const randomIndex = Math.floor(Math.random() * props.data.suggestWrod.length);
 				return props.data.suggestWrod[randomIndex];
 			}
 			return null;
 		}, [props.data.suggestWrod]);
-		return (0, import_jsx_runtime$30.jsx)(DefaultLayout, {
+		return (0, import_jsx_runtime$33.jsx)(DefaultLayout, {
 			...props,
-			children: (0, import_jsx_runtime$30.jsxs)("div", {
+			children: (0, import_jsx_runtime$33.jsxs)("div", {
 				className: "p-5",
 				children: [
-					(0, import_jsx_runtime$30.jsx)("div", { className: "h-20" }),
-					(0, import_jsx_runtime$30.jsx)(VideoInfoHeader$1, {
+					(0, import_jsx_runtime$33.jsx)("div", { className: "h-20" }),
+					(0, import_jsx_runtime$33.jsx)(VideoInfoHeader$1, {
 						...props.data,
 						qrCodeDataUrl: props.qrCodeDataUrl
 					}),
-					randomSuggestWord && (0, import_jsx_runtime$30.jsx)("div", {
+					randomSuggestWord && (0, import_jsx_runtime$33.jsx)("div", {
 						className: "mx-auto my-20 mb-5 ml-10",
-						children: (0, import_jsx_runtime$30.jsxs)("div", {
+						children: (0, import_jsx_runtime$33.jsxs)("div", {
 							className: "flex gap-3 items-center px-6 py-4 rounded-2xl",
-							children: [(0, import_jsx_runtime$30.jsx)("span", {
+							children: [(0, import_jsx_runtime$33.jsx)("span", {
 								className: "text-5xl text-default-500",
 								children: "大家都在搜："
-							}), (0, import_jsx_runtime$30.jsxs)("span", {
+							}), (0, import_jsx_runtime$33.jsxs)("span", {
 								className: "relative text-5xl text-[#04498d] dark:text-[#face15]",
-								children: [randomSuggestWord, (0, import_jsx_runtime$30.jsx)(IoSearch, {
+								children: [randomSuggestWord, (0, import_jsx_runtime$33.jsx)(IoSearch, {
 									size: 32,
 									className: "absolute -top-2 -right-8"
 								})]
 							})]
 						})
 					}),
-					(0, import_jsx_runtime$30.jsx)("div", {
+					(0, import_jsx_runtime$33.jsx)("div", {
 						className: "overflow-hidden mt-8",
-						children: props.data.CommentsData.length > 0 ? (0, import_jsx_runtime$30.jsx)(import_jsx_runtime$30.Fragment, { children: props.data.CommentsData.map((comment, index) => (0, import_jsx_runtime$30.jsx)(CommentItemComponent$2, {
+						children: props.data.CommentsData.length > 0 ? (0, import_jsx_runtime$33.jsx)(import_jsx_runtime$33.Fragment, { children: props.data.CommentsData.map((comment, index) => (0, import_jsx_runtime$33.jsx)(CommentItemComponent$2, {
 							...comment,
 							isLast: index === props.data.CommentsData.length - 1,
 							maxDepth: props.data.maxDepth
-						}, comment.cid || index)) }) : (0, import_jsx_runtime$30.jsx)("div", {
+						}, comment.cid || index)) }) : (0, import_jsx_runtime$33.jsx)("div", {
 							className: "flex justify-center items-center py-20 text-foreground-400",
-							children: (0, import_jsx_runtime$30.jsx)("div", {
+							children: (0, import_jsx_runtime$33.jsx)("div", {
 								className: "text-center",
-								children: (0, import_jsx_runtime$30.jsx)("p", {
+								children: (0, import_jsx_runtime$33.jsx)("p", {
 									className: "text-xl",
 									children: "暂无评论数据"
 								})
@@ -1959,50 +1983,652 @@ var init_Comment$3 = __esmMin(() => {
 				]
 			})
 		});
-	});
-	Comment_default$3 = DouyinComment;
+	});
+	Comment_default$3 = DouyinComment;
+});
+var Dynamic_exports = __export({
+	DouyinDynamic: () => DouyinDynamic,
+	default: () => Dynamic_default
+}, 1);
+var import_react$34, import_jsx_runtime$32, DouyinHeader$4, CoverSection$3, InfoSection$3, UserInfoSection$4, CoCreatorsInfo$2, DouyinDynamic, Dynamic_default;
+var init_Dynamic = __esmMin(() => {
+	init_date_fns();
+	init_lucide_react();
+	import_react$34 = __toESM(require_react(), 1);
+	init_lu();
+	init_DefaultLayout();
+	import_jsx_runtime$32 = __toESM(require_jsx_runtime(), 1);
+	DouyinHeader$4 = ({ useDarkTheme }) => (0, import_jsx_runtime$32.jsxs)("div", {
+		className: "flex items-center px-12 py-15",
+		children: [(0, import_jsx_runtime$32.jsx)("div", {
+			className: "w-[39%] h-50 bg-cover bg-center bg-fixed",
+			children: (0, import_jsx_runtime$32.jsx)("img", {
+				src: useDarkTheme ? "/image/douyin/dylogo-light.svg" : "/image/douyin/dylogo-dark.svg",
+				alt: "抖音Logo",
+				className: "object-contain w-full h-full"
+			})
+		}), (0, import_jsx_runtime$32.jsx)("span", {
+			className: "text-[65px] ml-4 text-foreground-600",
+			children: "记录美好生活"
+		})]
+	});
+	CoverSection$3 = ({ imageUrl }) => (0, import_jsx_runtime$32.jsx)("div", {
+		className: "flex flex-col items-center my-5",
+		children: (0, import_jsx_runtime$32.jsx)("div", {
+			className: "flex flex-col items-center overflow-hidden shadow-large rounded-[25px] w-[90%] relative",
+			children: (0, import_jsx_runtime$32.jsx)("img", {
+				className: "rounded-[25px] object-contain w-full h-full",
+				src: imageUrl,
+				alt: "封面"
+			})
+		})
+	});
+	InfoSection$3 = (props) => (0, import_jsx_runtime$32.jsxs)("div", {
+		className: "flex flex-col px-16 py-5",
+		children: [
+			(0, import_jsx_runtime$32.jsx)("div", {
+				className: "text-[70px] font-bold leading-relaxed mb-9 text-foreground select-text",
+				style: {
+					letterSpacing: "1.5px",
+					wordWrap: "break-word"
+				},
+				dangerouslySetInnerHTML: { __html: props.data.desc }
+			}),
+			(0, import_jsx_runtime$32.jsxs)("div", {
+				className: "flex items-center gap-6 text-[45px] text-foreground-500 font-light mb-2.5 select-text",
+				children: [
+					(0, import_jsx_runtime$32.jsxs)("div", {
+						className: "flex gap-2 items-center",
+						children: [(0, import_jsx_runtime$32.jsx)(Heart, { className: "w-11 h-11 text-like" }), (0, import_jsx_runtime$32.jsxs)("span", { children: [props.data.dianzan, "点赞"] })]
+					}),
+					(0, import_jsx_runtime$32.jsx)("span", { children: "·" }),
+					(0, import_jsx_runtime$32.jsxs)("div", {
+						className: "flex gap-2 items-center",
+						children: [(0, import_jsx_runtime$32.jsx)(MessageCircle, { className: "w-11 h-11 text-comment" }), (0, import_jsx_runtime$32.jsxs)("span", { children: [props.data.pinglun, "评论"] })]
+					}),
+					(0, import_jsx_runtime$32.jsx)("span", { children: "·" }),
+					(0, import_jsx_runtime$32.jsxs)("div", {
+						className: "flex gap-2 items-center",
+						children: [(0, import_jsx_runtime$32.jsx)(Bookmark, { className: "w-11 h-11" }), (0, import_jsx_runtime$32.jsxs)("span", { children: [props.data.shouchang, "收藏"] })]
+					}),
+					(0, import_jsx_runtime$32.jsx)("span", { children: "·" }),
+					(0, import_jsx_runtime$32.jsxs)("div", {
+						className: "flex gap-2 items-center",
+						children: [(0, import_jsx_runtime$32.jsx)(Share2, { className: "w-11 h-11 text-success" }), (0, import_jsx_runtime$32.jsxs)("span", { children: [props.data.share, "分享"] })]
+					})
+				]
+			}),
+			(0, import_jsx_runtime$32.jsxs)("div", {
+				className: "flex items-center gap-2 text-[45px] text-foreground-500 font-light select-text",
+				children: [(0, import_jsx_runtime$32.jsx)(Clock, { className: "w-11 h-11 text-time" }), (0, import_jsx_runtime$32.jsxs)("span", { children: ["发布于: ", props.data.create_time] })]
+			}),
+			(0, import_jsx_runtime$32.jsxs)("div", {
+				className: "flex items-center gap-2 text-[45px] text-foreground-500 font-light select-text",
+				children: [(0, import_jsx_runtime$32.jsx)(LuFullscreen, { className: "w-11 h-11 text-time text-time" }), (0, import_jsx_runtime$32.jsxs)("span", { children: ["图片生成于: ", format(/* @__PURE__ */ new Date(), "yyyy-MM-dd HH:mm:ss")] })]
+			})
+		]
+	});
+	UserInfoSection$4 = (props) => (0, import_jsx_runtime$32.jsxs)("div", {
+		className: "flex flex-col gap-12",
+		children: [(0, import_jsx_runtime$32.jsxs)("div", {
+			className: "flex gap-12 items-start",
+			children: [(0, import_jsx_runtime$32.jsx)("div", {
+				className: "relative shrink-0",
+				children: (0, import_jsx_runtime$32.jsx)("div", {
+					className: "flex justify-center items-center bg-white rounded-full w-35 h-35",
+					children: (0, import_jsx_runtime$32.jsx)("img", {
+						src: props.data.avater_url,
+						alt: "头像",
+						className: "rounded-full w-33 h-33 shadow-large"
+					})
+				})
+			}), (0, import_jsx_runtime$32.jsxs)("div", {
+				className: "flex flex-col gap-5",
+				children: [(0, import_jsx_runtime$32.jsxs)("div", {
+					className: "text-7xl font-bold select-text text-foreground",
+					children: ["@", props.data.username]
+				}), (0, import_jsx_runtime$32.jsxs)("div", {
+					className: "flex gap-2 items-center text-4xl text-default-500",
+					children: [(0, import_jsx_runtime$32.jsx)(Hash, {
+						size: 32,
+						className: "text-default-400"
+					}), (0, import_jsx_runtime$32.jsxs)("span", {
+						className: "select-text",
+						children: ["抖音号: ", props.data.抖音号]
+					})]
+				})]
+			})]
+		}), (0, import_jsx_runtime$32.jsxs)("div", {
+			className: "text-3xl flex gap-6 items-center text-default-600",
+			children: [
+				(0, import_jsx_runtime$32.jsxs)("div", {
+					className: "flex flex-col gap-1 items-start px-6 py-3 rounded-2xl bg-default-100",
+					children: [
+						(0, import_jsx_runtime$32.jsxs)("div", {
+							className: "flex gap-1 items-center",
+							children: [(0, import_jsx_runtime$32.jsx)(Heart, {
+								size: 28,
+								className: "text-like"
+							}), (0, import_jsx_runtime$32.jsx)("span", {
+								className: "text-default-400",
+								children: "获赞"
+							})]
+						}),
+						(0, import_jsx_runtime$32.jsx)("div", { className: "w-full h-px bg-default-300" }),
+						(0, import_jsx_runtime$32.jsx)("span", {
+							className: "select-text font-medium text-4xl",
+							children: props.data.获赞
+						})
+					]
+				}),
+				(0, import_jsx_runtime$32.jsxs)("div", {
+					className: "flex flex-col gap-1 items-start px-6 py-3 rounded-2xl bg-default-100",
+					children: [
+						(0, import_jsx_runtime$32.jsxs)("div", {
+							className: "flex gap-1 items-center",
+							children: [(0, import_jsx_runtime$32.jsx)(Eye, {
+								size: 28,
+								className: "text-view"
+							}), (0, import_jsx_runtime$32.jsx)("span", {
+								className: "text-default-400",
+								children: "关注"
+							})]
+						}),
+						(0, import_jsx_runtime$32.jsx)("div", { className: "w-full h-px bg-default-300" }),
+						(0, import_jsx_runtime$32.jsx)("span", {
+							className: "select-text font-medium text-4xl",
+							children: props.data.关注
+						})
+					]
+				}),
+				(0, import_jsx_runtime$32.jsxs)("div", {
+					className: "flex flex-col gap-1 items-start px-6 py-3 rounded-2xl bg-default-100",
+					children: [
+						(0, import_jsx_runtime$32.jsxs)("div", {
+							className: "flex gap-1 items-center",
+							children: [(0, import_jsx_runtime$32.jsx)(Users, {
+								size: 28,
+								className: "text-primary"
+							}), (0, import_jsx_runtime$32.jsx)("span", {
+								className: "text-default-400",
+								children: "粉丝"
+							})]
+						}),
+						(0, import_jsx_runtime$32.jsx)("div", { className: "w-full h-px bg-default-300" }),
+						(0, import_jsx_runtime$32.jsx)("span", {
+							className: "select-text font-medium text-4xl",
+							children: props.data.粉丝
+						})
+					]
+				})
+			]
+		})]
+	});
+	CoCreatorsInfo$2 = ({ info }) => {
+		const creators = info?.co_creators ?? [];
+		if (creators.length === 0) return null;
+		const items = creators.slice(0, 50);
+		const listRef = import_react$34.useRef(null);
+		const [visibleCount, setVisibleCount] = import_react$34.useState(items.length);
+		import_react$34.useEffect(() => {
+			const calc = () => {
+				const el = listRef.current;
+				if (!el) return;
+				const containerWidth = el.offsetWidth;
+				const capacity = Math.floor((containerWidth - 8) / 184);
+				setVisibleCount(items.length > capacity ? Math.max(0, capacity - 1) : items.length);
+			};
+			calc();
+			window.addEventListener("resize", calc);
+			return () => window.removeEventListener("resize", calc);
+		}, [items.length]);
+		return (0, import_jsx_runtime$32.jsx)("div", {
+			className: "flex flex-col pl-16 w-full",
+			children: (0, import_jsx_runtime$32.jsxs)("div", {
+				ref: listRef,
+				className: "flex overflow-hidden gap-8 py-1 pr-2 w-full",
+				style: { scrollbarWidth: "thin" },
+				children: [items.slice(0, visibleCount).map((c, idx) => {
+					const avatar = c.avatar_thumb?.url_list[0];
+					return (0, import_jsx_runtime$32.jsxs)("div", {
+						className: "flex flex-col items-center min-w-38 w-38 shrink-0",
+						children: [
+							(0, import_jsx_runtime$32.jsx)("div", {
+								className: "flex justify-center items-center bg-white rounded-full w-30 h-30",
+								children: (0, import_jsx_runtime$32.jsx)("img", {
+									src: avatar,
+									alt: "共创者头像",
+									className: "object-cover w-28 h-auto rounded-full"
+								})
+							}),
+							(0, import_jsx_runtime$32.jsx)("div", {
+								className: "overflow-hidden mt-6 w-full text-3xl font-medium leading-tight text-center truncate whitespace-nowrap select-text text-foreground-700",
+								children: c.nickname || "未提供"
+							}),
+							(0, import_jsx_runtime$32.jsx)("div", {
+								className: "overflow-hidden mt-2 w-full text-3xl leading-tight text-center truncate whitespace-nowrap select-text text-foreground-600",
+								children: c.role_title || "未提供"
+							})
+						]
+					}, `${c.nickname || "creator"}-${idx}`);
+				}), items.length > visibleCount && (0, import_jsx_runtime$32.jsxs)("div", {
+					className: "flex flex-col items-center min-w-38 w-38 shrink-0",
+					children: [
+						(0, import_jsx_runtime$32.jsx)("div", {
+							className: "flex justify-center items-center rounded-full bg-default-200 w-38 h-38",
+							children: (0, import_jsx_runtime$32.jsx)("span", {
+								className: "text-[42px] leading-none text-foreground-500",
+								children: "···"
+							})
+						}),
+						(0, import_jsx_runtime$32.jsxs)("div", {
+							className: "overflow-hidden mt-6 w-full text-3xl font-medium leading-tight text-center truncate whitespace-nowrap select-text text-foreground-700",
+							children: [
+								"还有",
+								items.length - visibleCount,
+								"人"
+							]
+						}),
+						(0, import_jsx_runtime$32.jsx)("div", {
+							className: "overflow-hidden mt-2 w-full text-3xl leading-tight text-center truncate whitespace-nowrap select-text text-foreground-600",
+							children: "共创"
+						})
+					]
+				})]
+			})
+		});
+	};
+	DouyinDynamic = (props) => {
+		const coCreatorCount = props.data.cooperation_info?.co_creator_nums ?? props.data.cooperation_info?.co_creators?.length ?? void 0;
+		return (0, import_jsx_runtime$32.jsx)(DefaultLayout, {
+			...props,
+			children: (0, import_jsx_runtime$32.jsxs)("div", { children: [
+				(0, import_jsx_runtime$32.jsx)("div", { className: "h-15" }),
+				(0, import_jsx_runtime$32.jsx)(DouyinHeader$4, { useDarkTheme: props.data.useDarkTheme }),
+				(0, import_jsx_runtime$32.jsx)("div", { className: "h-15" }),
+				(0, import_jsx_runtime$32.jsx)(CoverSection$3, { imageUrl: props.data.image_url }),
+				(0, import_jsx_runtime$32.jsx)("div", { className: "h-5" }),
+				(0, import_jsx_runtime$32.jsx)(InfoSection$3, { ...props }),
+				(0, import_jsx_runtime$32.jsx)("div", { className: "h-25" }),
+				(0, import_jsx_runtime$32.jsxs)("div", {
+					className: "flex flex-col gap-10 px-0 pt-25",
+					children: [(0, import_jsx_runtime$32.jsxs)("div", {
+						className: "w-full",
+						children: [coCreatorCount && coCreatorCount > 0 && (0, import_jsx_runtime$32.jsx)("div", {
+							className: "px-16 pb-8",
+							children: (0, import_jsx_runtime$32.jsxs)("div", {
+								className: "gap-2 inline-flex items-center rounded-2xl bg-default-100 text-foreground-700 px-6 py-3",
+								children: [(0, import_jsx_runtime$32.jsx)(Users, { className: "w-7 h-7" }), (0, import_jsx_runtime$32.jsxs)("span", {
+									className: "text-3xl font-medium leading-none select-text text-foreground-700",
+									children: [coCreatorCount, "人共创"]
+								})]
+							})
+						}), (0, import_jsx_runtime$32.jsx)(CoCreatorsInfo$2, { info: props.data.cooperation_info })]
+					}), (0, import_jsx_runtime$32.jsxs)("div", {
+						className: "flex justify-between items-start px-20 pb-20",
+						children: [(0, import_jsx_runtime$32.jsx)(UserInfoSection$4, { ...props }), (0, import_jsx_runtime$32.jsx)("div", {
+							className: "flex flex-col items-center gap-4",
+							children: props.qrCodeDataUrl ? (0, import_jsx_runtime$32.jsx)("img", {
+								src: props.qrCodeDataUrl,
+								alt: "二维码",
+								className: "h-auto w-75 rounded-xl"
+							}) : (0, import_jsx_runtime$32.jsx)("div", {
+								className: "flex justify-center items-center rounded-2xl bg-default-100 w-100 h-100",
+								children: (0, import_jsx_runtime$32.jsx)("span", {
+									className: "text-default-400",
+									children: "二维码"
+								})
+							})
+						})]
+					})]
+				})
+			] })
+		});
+	};
+	Dynamic_default = DouyinDynamic;
+});
+var VideoWork_exports = __export({
+	DouyinVideoWork: () => DouyinVideoWork,
+	default: () => VideoWork_default
+}, 1);
+var import_react$33, import_jsx_runtime$31, DouyinHeader$3, CoverSection$2, InfoSection$2, UserInfoSection$3, CoCreatorsInfo$1, DouyinVideoWork, VideoWork_default;
+var init_VideoWork = __esmMin(() => {
+	init_date_fns();
+	init_lucide_react();
+	import_react$33 = __toESM(require_react(), 1);
+	init_lu();
+	init_DefaultLayout();
+	import_jsx_runtime$31 = __toESM(require_jsx_runtime(), 1);
+	DouyinHeader$3 = ({ useDarkTheme }) => (0, import_jsx_runtime$31.jsxs)("div", {
+		className: "flex items-center px-12 py-15",
+		children: [(0, import_jsx_runtime$31.jsx)("div", {
+			className: "w-[39%] h-50 bg-cover bg-center bg-fixed",
+			children: (0, import_jsx_runtime$31.jsx)("img", {
+				src: useDarkTheme ? "/image/douyin/dylogo-light.svg" : "/image/douyin/dylogo-dark.svg",
+				alt: "抖音Logo",
+				className: "object-contain w-full h-full"
+			})
+		}), (0, import_jsx_runtime$31.jsx)("span", {
+			className: "text-[65px] ml-4 text-foreground-600",
+			children: "记录美好生活"
+		})]
+	});
+	CoverSection$2 = ({ imageUrl }) => (0, import_jsx_runtime$31.jsx)("div", {
+		className: "flex flex-col items-center my-5",
+		children: (0, import_jsx_runtime$31.jsx)("div", {
+			className: "flex flex-col items-center overflow-hidden shadow-large rounded-[25px] w-[90%] relative",
+			children: (0, import_jsx_runtime$31.jsx)("img", {
+				className: "rounded-[25px] object-contain w-full h-full",
+				src: imageUrl,
+				alt: "视频封面"
+			})
+		})
+	});
+	InfoSection$2 = (props) => (0, import_jsx_runtime$31.jsxs)("div", {
+		className: "flex flex-col px-16 py-5",
+		children: [
+			(0, import_jsx_runtime$31.jsx)("div", {
+				className: "text-[70px] font-bold leading-relaxed mb-9 text-foreground select-text",
+				style: {
+					letterSpacing: "1.5px",
+					wordWrap: "break-word"
+				},
+				dangerouslySetInnerHTML: { __html: props.data.desc }
+			}),
+			(0, import_jsx_runtime$31.jsxs)("div", {
+				className: "flex items-center gap-6 text-[45px] text-foreground-500 font-light mb-2.5 select-text",
+				children: [
+					(0, import_jsx_runtime$31.jsxs)("div", {
+						className: "flex gap-2 items-center",
+						children: [(0, import_jsx_runtime$31.jsx)(Heart, { className: "w-11 h-11 text-like" }), (0, import_jsx_runtime$31.jsxs)("span", { children: [props.data.dianzan, "点赞"] })]
+					}),
+					(0, import_jsx_runtime$31.jsx)("span", { children: "·" }),
+					(0, import_jsx_runtime$31.jsxs)("div", {
+						className: "flex gap-2 items-center",
+						children: [(0, import_jsx_runtime$31.jsx)(MessageCircle, { className: "w-11 h-11 text-comment" }), (0, import_jsx_runtime$31.jsxs)("span", { children: [props.data.pinglun, "评论"] })]
+					}),
+					(0, import_jsx_runtime$31.jsx)("span", { children: "·" }),
+					(0, import_jsx_runtime$31.jsxs)("div", {
+						className: "flex gap-2 items-center",
+						children: [(0, import_jsx_runtime$31.jsx)(Bookmark, { className: "w-11 h-11" }), (0, import_jsx_runtime$31.jsxs)("span", { children: [props.data.shouchang, "收藏"] })]
+					}),
+					(0, import_jsx_runtime$31.jsx)("span", { children: "·" }),
+					(0, import_jsx_runtime$31.jsxs)("div", {
+						className: "flex gap-2 items-center",
+						children: [(0, import_jsx_runtime$31.jsx)(Share2, { className: "w-11 h-11 text-success" }), (0, import_jsx_runtime$31.jsxs)("span", { children: [props.data.share, "分享"] })]
+					})
+				]
+			}),
+			(0, import_jsx_runtime$31.jsxs)("div", {
+				className: "flex items-center gap-2 text-[45px] text-foreground-500 font-light select-text",
+				children: [(0, import_jsx_runtime$31.jsx)(Clock, { className: "w-11 h-11 text-time" }), (0, import_jsx_runtime$31.jsxs)("span", { children: ["发布于: ", props.data.create_time] })]
+			}),
+			(0, import_jsx_runtime$31.jsxs)("div", {
+				className: "flex items-center gap-2 text-[45px] text-foreground-500 font-light select-text",
+				children: [(0, import_jsx_runtime$31.jsx)(LuFullscreen, { className: "w-11 h-11 text-time text-time" }), (0, import_jsx_runtime$31.jsxs)("span", { children: ["图片生成于: ", format(/* @__PURE__ */ new Date(), "yyyy-MM-dd HH:mm:ss")] })]
+			})
+		]
+	});
+	UserInfoSection$3 = (props) => (0, import_jsx_runtime$31.jsxs)("div", {
+		className: "flex flex-col gap-12",
+		children: [(0, import_jsx_runtime$31.jsxs)("div", {
+			className: "flex gap-12 items-start",
+			children: [(0, import_jsx_runtime$31.jsx)("div", {
+				className: "relative shrink-0",
+				children: (0, import_jsx_runtime$31.jsx)("div", {
+					className: "flex justify-center items-center bg-white rounded-full w-35 h-35",
+					children: (0, import_jsx_runtime$31.jsx)("img", {
+						src: props.data.avater_url,
+						alt: "头像",
+						className: "rounded-full w-33 h-33 shadow-large"
+					})
+				})
+			}), (0, import_jsx_runtime$31.jsxs)("div", {
+				className: "flex flex-col gap-5",
+				children: [(0, import_jsx_runtime$31.jsxs)("div", {
+					className: "text-7xl font-bold select-text text-foreground",
+					children: ["@", props.data.username]
+				}), (0, import_jsx_runtime$31.jsxs)("div", {
+					className: "flex gap-2 items-center text-4xl text-default-500",
+					children: [(0, import_jsx_runtime$31.jsx)(Hash, {
+						size: 32,
+						className: "text-default-400"
+					}), (0, import_jsx_runtime$31.jsxs)("span", {
+						className: "select-text",
+						children: ["抖音号: ", props.data.抖音号]
+					})]
+				})]
+			})]
+		}), (0, import_jsx_runtime$31.jsxs)("div", {
+			className: "text-3xl flex gap-6 items-center text-default-600",
+			children: [
+				(0, import_jsx_runtime$31.jsxs)("div", {
+					className: "flex flex-col gap-1 items-start px-6 py-3 rounded-2xl bg-default-100",
+					children: [
+						(0, import_jsx_runtime$31.jsxs)("div", {
+							className: "flex gap-1 items-center",
+							children: [(0, import_jsx_runtime$31.jsx)(Heart, {
+								size: 28,
+								className: "text-like"
+							}), (0, import_jsx_runtime$31.jsx)("span", {
+								className: "text-default-400",
+								children: "获赞"
+							})]
+						}),
+						(0, import_jsx_runtime$31.jsx)("div", { className: "w-full h-px bg-default-300" }),
+						(0, import_jsx_runtime$31.jsx)("span", {
+							className: "select-text font-medium text-4xl",
+							children: props.data.获赞
+						})
+					]
+				}),
+				(0, import_jsx_runtime$31.jsxs)("div", {
+					className: "flex flex-col gap-1 items-start px-6 py-3 rounded-2xl bg-default-100",
+					children: [
+						(0, import_jsx_runtime$31.jsxs)("div", {
+							className: "flex gap-1 items-center",
+							children: [(0, import_jsx_runtime$31.jsx)(Eye, {
+								size: 28,
+								className: "text-view"
+							}), (0, import_jsx_runtime$31.jsx)("span", {
+								className: "text-default-400",
+								children: "关注"
+							})]
+						}),
+						(0, import_jsx_runtime$31.jsx)("div", { className: "w-full h-px bg-default-300" }),
+						(0, import_jsx_runtime$31.jsx)("span", {
+							className: "select-text font-medium text-4xl",
+							children: props.data.关注
+						})
+					]
+				}),
+				(0, import_jsx_runtime$31.jsxs)("div", {
+					className: "flex flex-col gap-1 items-start px-6 py-3 rounded-2xl bg-default-100",
+					children: [
+						(0, import_jsx_runtime$31.jsxs)("div", {
+							className: "flex gap-1 items-center",
+							children: [(0, import_jsx_runtime$31.jsx)(Users, {
+								size: 28,
+								className: "text-primary"
+							}), (0, import_jsx_runtime$31.jsx)("span", {
+								className: "text-default-400",
+								children: "粉丝"
+							})]
+						}),
+						(0, import_jsx_runtime$31.jsx)("div", { className: "w-full h-px bg-default-300" }),
+						(0, import_jsx_runtime$31.jsx)("span", {
+							className: "select-text font-medium text-4xl",
+							children: props.data.粉丝
+						})
+					]
+				})
+			]
+		})]
+	});
+	CoCreatorsInfo$1 = ({ info }) => {
+		const creators = info?.co_creators ?? [];
+		if (creators.length === 0) return null;
+		const items = creators.slice(0, 50);
+		const listRef = import_react$33.useRef(null);
+		const [visibleCount, setVisibleCount] = import_react$33.useState(items.length);
+		import_react$33.useEffect(() => {
+			const calc = () => {
+				const el = listRef.current;
+				if (!el) return;
+				const containerWidth = el.offsetWidth;
+				const capacity = Math.floor((containerWidth - 8) / 184);
+				setVisibleCount(items.length > capacity ? Math.max(0, capacity - 1) : items.length);
+			};
+			calc();
+			window.addEventListener("resize", calc);
+			return () => window.removeEventListener("resize", calc);
+		}, [items.length]);
+		return (0, import_jsx_runtime$31.jsx)("div", {
+			className: "flex flex-col pl-16 w-full",
+			children: (0, import_jsx_runtime$31.jsxs)("div", {
+				ref: listRef,
+				className: "flex overflow-hidden gap-8 py-1 pr-2 w-full",
+				style: { scrollbarWidth: "thin" },
+				children: [items.slice(0, visibleCount).map((c, idx) => {
+					const avatar = c.avatar_thumb?.url_list[0];
+					return (0, import_jsx_runtime$31.jsxs)("div", {
+						className: "flex flex-col items-center min-w-38 w-38 shrink-0",
+						children: [
+							(0, import_jsx_runtime$31.jsx)("div", {
+								className: "flex justify-center items-center bg-white rounded-full w-30 h-30",
+								children: (0, import_jsx_runtime$31.jsx)("img", {
+									src: avatar,
+									alt: "共创者头像",
+									className: "object-cover w-28 h-auto rounded-full"
+								})
+							}),
+							(0, import_jsx_runtime$31.jsx)("div", {
+								className: "overflow-hidden mt-6 w-full text-3xl font-medium leading-tight text-center truncate whitespace-nowrap select-text text-foreground-700",
+								children: c.nickname || "未提供"
+							}),
+							(0, import_jsx_runtime$31.jsx)("div", {
+								className: "overflow-hidden mt-2 w-full text-3xl leading-tight text-center truncate whitespace-nowrap select-text text-foreground-600",
+								children: c.role_title || "未提供"
+							})
+						]
+					}, `${c.nickname || "creator"}-${idx}`);
+				}), items.length > visibleCount && (0, import_jsx_runtime$31.jsxs)("div", {
+					className: "flex flex-col items-center min-w-38 w-38 shrink-0",
+					children: [
+						(0, import_jsx_runtime$31.jsx)("div", {
+							className: "flex justify-center items-center rounded-full bg-default-200 w-38 h-38",
+							children: (0, import_jsx_runtime$31.jsx)("span", {
+								className: "text-[42px] leading-none text-foreground-500",
+								children: "···"
+							})
+						}),
+						(0, import_jsx_runtime$31.jsxs)("div", {
+							className: "overflow-hidden mt-6 w-full text-3xl font-medium leading-tight text-center truncate whitespace-nowrap select-text text-foreground-700",
+							children: [
+								"还有",
+								items.length - visibleCount,
+								"人"
+							]
+						}),
+						(0, import_jsx_runtime$31.jsx)("div", {
+							className: "overflow-hidden mt-2 w-full text-3xl leading-tight text-center truncate whitespace-nowrap select-text text-foreground-600",
+							children: "共创"
+						})
+					]
+				})]
+			})
+		});
+	};
+	DouyinVideoWork = (props) => {
+		const coCreatorCount = props.data.cooperation_info?.co_creator_nums ?? props.data.cooperation_info?.co_creators?.length ?? void 0;
+		return (0, import_jsx_runtime$31.jsx)(DefaultLayout, {
+			...props,
+			children: (0, import_jsx_runtime$31.jsxs)("div", { children: [
+				(0, import_jsx_runtime$31.jsx)("div", { className: "h-15" }),
+				(0, import_jsx_runtime$31.jsx)(DouyinHeader$3, { useDarkTheme: props.data.useDarkTheme }),
+				(0, import_jsx_runtime$31.jsx)("div", { className: "h-15" }),
+				(0, import_jsx_runtime$31.jsx)(CoverSection$2, { imageUrl: props.data.image_url }),
+				(0, import_jsx_runtime$31.jsx)("div", { className: "h-5" }),
+				(0, import_jsx_runtime$31.jsx)(InfoSection$2, { ...props }),
+				(0, import_jsx_runtime$31.jsx)("div", { className: "h-25" }),
+				(0, import_jsx_runtime$31.jsxs)("div", {
+					className: "flex flex-col gap-10 px-0 pt-25",
+					children: [(0, import_jsx_runtime$31.jsxs)("div", {
+						className: "w-full",
+						children: [coCreatorCount && coCreatorCount > 0 && (0, import_jsx_runtime$31.jsx)("div", {
+							className: "px-16 pb-8",
+							children: (0, import_jsx_runtime$31.jsxs)("div", {
+								className: "gap-2 inline-flex items-center rounded-2xl bg-default-100 text-foreground-700 px-6 py-3",
+								children: [(0, import_jsx_runtime$31.jsx)(Users, { className: "w-7 h-7" }), (0, import_jsx_runtime$31.jsxs)("span", {
+									className: "text-3xl font-medium leading-none select-text text-foreground-700",
+									children: [coCreatorCount, "人共创"]
+								})]
+							})
+						}), (0, import_jsx_runtime$31.jsx)(CoCreatorsInfo$1, { info: props.data.cooperation_info })]
+					}), (0, import_jsx_runtime$31.jsxs)("div", {
+						className: "flex justify-between items-start px-20 pb-20",
+						children: [(0, import_jsx_runtime$31.jsx)(UserInfoSection$3, { ...props }), (0, import_jsx_runtime$31.jsx)("div", {
+							className: "flex flex-col items-center gap-4",
+							children: props.qrCodeDataUrl ? (0, import_jsx_runtime$31.jsx)("img", {
+								src: props.qrCodeDataUrl,
+								alt: "二维码",
+								className: "h-auto w-75 rounded-xl"
+							}) : (0, import_jsx_runtime$31.jsx)("div", {
+								className: "flex justify-center items-center rounded-2xl bg-default-100 w-100 h-100",
+								children: (0, import_jsx_runtime$31.jsx)("span", {
+									className: "text-default-400",
+									children: "二维码"
+								})
+							})
+						})]
+					})]
+				})
+			] })
+		});
+	};
+	VideoWork_default = DouyinVideoWork;
 });
-var Dynamic_exports = __export({
-	DouyinDynamic: () => DouyinDynamic,
-	default: () => Dynamic_default
+var ImageWork_exports = __export({
+	DouyinImageWork: () => DouyinImageWork,
+	default: () => ImageWork_default
 }, 1);
-var import_react$31, import_jsx_runtime$29, DouyinHeader$1, CoverSection$1, InfoSection, UserInfoSection$1, CoCreatorsInfo, DouyinDynamic, Dynamic_default;
-var init_Dynamic = __esmMin(() => {
+var import_react$32, import_jsx_runtime$30, DouyinHeader$2, CoverSection$1, InfoSection$1, UserInfoSection$2, CoCreatorsInfo, DouyinImageWork, ImageWork_default;
+var init_ImageWork = __esmMin(() => {
 	init_date_fns();
 	init_lucide_react();
-	import_react$31 = __toESM(require_react(), 1);
+	import_react$32 = __toESM(require_react(), 1);
 	init_lu();
 	init_DefaultLayout();
-	import_jsx_runtime$29 = __toESM(require_jsx_runtime(), 1);
-	DouyinHeader$1 = ({ useDarkTheme }) => (0, import_jsx_runtime$29.jsxs)("div", {
+	import_jsx_runtime$30 = __toESM(require_jsx_runtime(), 1);
+	DouyinHeader$2 = ({ useDarkTheme }) => (0, import_jsx_runtime$30.jsxs)("div", {
 		className: "flex items-center px-12 py-15",
-		children: [(0, import_jsx_runtime$29.jsx)("div", {
+		children: [(0, import_jsx_runtime$30.jsx)("div", {
 			className: "w-[39%] h-50 bg-cover bg-center bg-fixed",
-			children: (0, import_jsx_runtime$29.jsx)("img", {
+			children: (0, import_jsx_runtime$30.jsx)("img", {
 				src: useDarkTheme ? "/image/douyin/dylogo-light.svg" : "/image/douyin/dylogo-dark.svg",
 				alt: "抖音Logo",
 				className: "object-contain w-full h-full"
 			})
-		}), (0, import_jsx_runtime$29.jsx)("span", {
+		}), (0, import_jsx_runtime$30.jsx)("span", {
 			className: "text-[65px] ml-4 text-foreground-600",
 			children: "记录美好生活"
 		})]
 	});
-	CoverSection$1 = ({ imageUrl }) => (0, import_jsx_runtime$29.jsx)("div", {
+	CoverSection$1 = ({ imageUrl }) => (0, import_jsx_runtime$30.jsx)("div", {
 		className: "flex flex-col items-center my-5",
-		children: (0, import_jsx_runtime$29.jsx)("div", {
+		children: (0, import_jsx_runtime$30.jsx)("div", {
 			className: "flex flex-col items-center overflow-hidden shadow-large rounded-[25px] w-[90%] relative",
-			children: (0, import_jsx_runtime$29.jsx)("img", {
+			children: (0, import_jsx_runtime$30.jsx)("img", {
 				className: "rounded-[25px] object-contain w-full h-full",
 				src: imageUrl,
-				alt: "封面"
+				alt: "图文封面"
 			})
 		})
 	});
-	InfoSection = (props) => (0, import_jsx_runtime$29.jsxs)("div", {
+	InfoSection$1 = (props) => (0, import_jsx_runtime$30.jsxs)("div", {
 		className: "flex flex-col px-16 py-5",
 		children: [
-			(0, import_jsx_runtime$29.jsx)("div", {
+			(0, import_jsx_runtime$30.jsx)("div", {
 				className: "text-[70px] font-bold leading-relaxed mb-9 text-foreground select-text",
 				style: {
 					letterSpacing: "1.5px",
@@ -2010,128 +2636,128 @@ var init_Dynamic = __esmMin(() => {
 				},
 				dangerouslySetInnerHTML: { __html: props.data.desc }
 			}),
-			(0, import_jsx_runtime$29.jsxs)("div", {
+			(0, import_jsx_runtime$30.jsxs)("div", {
 				className: "flex items-center gap-6 text-[45px] text-foreground-500 font-light mb-2.5 select-text",
 				children: [
-					(0, import_jsx_runtime$29.jsxs)("div", {
+					(0, import_jsx_runtime$30.jsxs)("div", {
 						className: "flex gap-2 items-center",
-						children: [(0, import_jsx_runtime$29.jsx)(Heart, { className: "w-11 h-11 text-like" }), (0, import_jsx_runtime$29.jsxs)("span", { children: [props.data.dianzan, "点赞"] })]
+						children: [(0, import_jsx_runtime$30.jsx)(Heart, { className: "w-11 h-11 text-like" }), (0, import_jsx_runtime$30.jsxs)("span", { children: [props.data.dianzan, "点赞"] })]
 					}),
-					(0, import_jsx_runtime$29.jsx)("span", { children: "·" }),
-					(0, import_jsx_runtime$29.jsxs)("div", {
+					(0, import_jsx_runtime$30.jsx)("span", { children: "·" }),
+					(0, import_jsx_runtime$30.jsxs)("div", {
 						className: "flex gap-2 items-center",
-						children: [(0, import_jsx_runtime$29.jsx)(MessageCircle, { className: "w-11 h-11 text-comment" }), (0, import_jsx_runtime$29.jsxs)("span", { children: [props.data.pinglun, "评论"] })]
+						children: [(0, import_jsx_runtime$30.jsx)(MessageCircle, { className: "w-11 h-11 text-comment" }), (0, import_jsx_runtime$30.jsxs)("span", { children: [props.data.pinglun, "评论"] })]
 					}),
-					(0, import_jsx_runtime$29.jsx)("span", { children: "·" }),
-					(0, import_jsx_runtime$29.jsxs)("div", {
+					(0, import_jsx_runtime$30.jsx)("span", { children: "·" }),
+					(0, import_jsx_runtime$30.jsxs)("div", {
 						className: "flex gap-2 items-center",
-						children: [(0, import_jsx_runtime$29.jsx)(Bookmark, { className: "w-11 h-11" }), (0, import_jsx_runtime$29.jsxs)("span", { children: [props.data.shouchang, "收藏"] })]
+						children: [(0, import_jsx_runtime$30.jsx)(Bookmark, { className: "w-11 h-11" }), (0, import_jsx_runtime$30.jsxs)("span", { children: [props.data.shouchang, "收藏"] })]
 					}),
-					(0, import_jsx_runtime$29.jsx)("span", { children: "·" }),
-					(0, import_jsx_runtime$29.jsxs)("div", {
+					(0, import_jsx_runtime$30.jsx)("span", { children: "·" }),
+					(0, import_jsx_runtime$30.jsxs)("div", {
 						className: "flex gap-2 items-center",
-						children: [(0, import_jsx_runtime$29.jsx)(Share2, { className: "w-11 h-11 text-success" }), (0, import_jsx_runtime$29.jsxs)("span", { children: [props.data.share, "分享"] })]
+						children: [(0, import_jsx_runtime$30.jsx)(Share2, { className: "w-11 h-11 text-success" }), (0, import_jsx_runtime$30.jsxs)("span", { children: [props.data.share, "分享"] })]
 					})
 				]
 			}),
-			(0, import_jsx_runtime$29.jsxs)("div", {
+			(0, import_jsx_runtime$30.jsxs)("div", {
 				className: "flex items-center gap-2 text-[45px] text-foreground-500 font-light select-text",
-				children: [(0, import_jsx_runtime$29.jsx)(Clock, { className: "w-11 h-11 text-time" }), (0, import_jsx_runtime$29.jsxs)("span", { children: ["发布于: ", props.data.create_time] })]
+				children: [(0, import_jsx_runtime$30.jsx)(Clock, { className: "w-11 h-11 text-time" }), (0, import_jsx_runtime$30.jsxs)("span", { children: ["发布于: ", props.data.create_time] })]
 			}),
-			(0, import_jsx_runtime$29.jsxs)("div", {
+			(0, import_jsx_runtime$30.jsxs)("div", {
 				className: "flex items-center gap-2 text-[45px] text-foreground-500 font-light select-text",
-				children: [(0, import_jsx_runtime$29.jsx)(LuFullscreen, { className: "w-11 h-11 text-time text-time" }), (0, import_jsx_runtime$29.jsxs)("span", { children: ["图片生成于: ", format(/* @__PURE__ */ new Date(), "yyyy-MM-dd HH:mm:ss")] })]
+				children: [(0, import_jsx_runtime$30.jsx)(LuFullscreen, { className: "w-11 h-11 text-time text-time" }), (0, import_jsx_runtime$30.jsxs)("span", { children: ["图片生成于: ", format(/* @__PURE__ */ new Date(), "yyyy-MM-dd HH:mm:ss")] })]
 			})
 		]
 	});
-	UserInfoSection$1 = (props) => (0, import_jsx_runtime$29.jsxs)("div", {
+	UserInfoSection$2 = (props) => (0, import_jsx_runtime$30.jsxs)("div", {
 		className: "flex flex-col gap-12",
-		children: [(0, import_jsx_runtime$29.jsxs)("div", {
+		children: [(0, import_jsx_runtime$30.jsxs)("div", {
 			className: "flex gap-12 items-start",
-			children: [(0, import_jsx_runtime$29.jsx)("div", {
+			children: [(0, import_jsx_runtime$30.jsx)("div", {
 				className: "relative shrink-0",
-				children: (0, import_jsx_runtime$29.jsx)("div", {
+				children: (0, import_jsx_runtime$30.jsx)("div", {
 					className: "flex justify-center items-center bg-white rounded-full w-35 h-35",
-					children: (0, import_jsx_runtime$29.jsx)("img", {
+					children: (0, import_jsx_runtime$30.jsx)("img", {
 						src: props.data.avater_url,
 						alt: "头像",
 						className: "rounded-full w-33 h-33 shadow-large"
 					})
 				})
-			}), (0, import_jsx_runtime$29.jsxs)("div", {
+			}), (0, import_jsx_runtime$30.jsxs)("div", {
 				className: "flex flex-col gap-5",
-				children: [(0, import_jsx_runtime$29.jsxs)("div", {
+				children: [(0, import_jsx_runtime$30.jsxs)("div", {
 					className: "text-7xl font-bold select-text text-foreground",
 					children: ["@", props.data.username]
-				}), (0, import_jsx_runtime$29.jsxs)("div", {
+				}), (0, import_jsx_runtime$30.jsxs)("div", {
 					className: "flex gap-2 items-center text-4xl text-default-500",
-					children: [(0, import_jsx_runtime$29.jsx)(Hash, {
+					children: [(0, import_jsx_runtime$30.jsx)(Hash, {
 						size: 32,
 						className: "text-default-400"
-					}), (0, import_jsx_runtime$29.jsxs)("span", {
+					}), (0, import_jsx_runtime$30.jsxs)("span", {
 						className: "select-text",
 						children: ["抖音号: ", props.data.抖音号]
 					})]
 				})]
 			})]
-		}), (0, import_jsx_runtime$29.jsxs)("div", {
+		}), (0, import_jsx_runtime$30.jsxs)("div", {
 			className: "text-3xl flex gap-6 items-center text-default-600",
 			children: [
-				(0, import_jsx_runtime$29.jsxs)("div", {
+				(0, import_jsx_runtime$30.jsxs)("div", {
 					className: "flex flex-col gap-1 items-start px-6 py-3 rounded-2xl bg-default-100",
 					children: [
-						(0, import_jsx_runtime$29.jsxs)("div", {
+						(0, import_jsx_runtime$30.jsxs)("div", {
 							className: "flex gap-1 items-center",
-							children: [(0, import_jsx_runtime$29.jsx)(Heart, {
+							children: [(0, import_jsx_runtime$30.jsx)(Heart, {
 								size: 28,
 								className: "text-like"
-							}), (0, import_jsx_runtime$29.jsx)("span", {
+							}), (0, import_jsx_runtime$30.jsx)("span", {
 								className: "text-default-400",
 								children: "获赞"
 							})]
 						}),
-						(0, import_jsx_runtime$29.jsx)("div", { className: "w-full h-px bg-default-300" }),
-						(0, import_jsx_runtime$29.jsx)("span", {
+						(0, import_jsx_runtime$30.jsx)("div", { className: "w-full h-px bg-default-300" }),
+						(0, import_jsx_runtime$30.jsx)("span", {
 							className: "select-text font-medium text-4xl",
 							children: props.data.获赞
 						})
 					]
 				}),
-				(0, import_jsx_runtime$29.jsxs)("div", {
+				(0, import_jsx_runtime$30.jsxs)("div", {
 					className: "flex flex-col gap-1 items-start px-6 py-3 rounded-2xl bg-default-100",
 					children: [
-						(0, import_jsx_runtime$29.jsxs)("div", {
+						(0, import_jsx_runtime$30.jsxs)("div", {
 							className: "flex gap-1 items-center",
-							children: [(0, import_jsx_runtime$29.jsx)(Eye, {
+							children: [(0, import_jsx_runtime$30.jsx)(Eye, {
 								size: 28,
 								className: "text-view"
-							}), (0, import_jsx_runtime$29.jsx)("span", {
+							}), (0, import_jsx_runtime$30.jsx)("span", {
 								className: "text-default-400",
 								children: "关注"
 							})]
 						}),
-						(0, import_jsx_runtime$29.jsx)("div", { className: "w-full h-px bg-default-300" }),
-						(0, import_jsx_runtime$29.jsx)("span", {
+						(0, import_jsx_runtime$30.jsx)("div", { className: "w-full h-px bg-default-300" }),
+						(0, import_jsx_runtime$30.jsx)("span", {
 							className: "select-text font-medium text-4xl",
 							children: props.data.关注
 						})
 					]
 				}),
-				(0, import_jsx_runtime$29.jsxs)("div", {
+				(0, import_jsx_runtime$30.jsxs)("div", {
 					className: "flex flex-col gap-1 items-start px-6 py-3 rounded-2xl bg-default-100",
 					children: [
-						(0, import_jsx_runtime$29.jsxs)("div", {
+						(0, import_jsx_runtime$30.jsxs)("div", {
 							className: "flex gap-1 items-center",
-							children: [(0, import_jsx_runtime$29.jsx)(Users, {
+							children: [(0, import_jsx_runtime$30.jsx)(Users, {
 								size: 28,
 								className: "text-primary"
-							}), (0, import_jsx_runtime$29.jsx)("span", {
+							}), (0, import_jsx_runtime$30.jsx)("span", {
 								className: "text-default-400",
 								children: "粉丝"
 							})]
 						}),
-						(0, import_jsx_runtime$29.jsx)("div", { className: "w-full h-px bg-default-300" }),
-						(0, import_jsx_runtime$29.jsx)("span", {
+						(0, import_jsx_runtime$30.jsx)("div", { className: "w-full h-px bg-default-300" }),
+						(0, import_jsx_runtime$30.jsx)("span", {
 							className: "select-text font-medium text-4xl",
 							children: props.data.粉丝
 						})
@@ -2144,9 +2770,9 @@ var init_Dynamic = __esmMin(() => {
 		const creators = info?.co_creators ?? [];
 		if (creators.length === 0) return null;
 		const items = creators.slice(0, 50);
-		const listRef = import_react$31.useRef(null);
-		const [visibleCount, setVisibleCount] = import_react$31.useState(items.length);
-		import_react$31.useEffect(() => {
+		const listRef = import_react$32.useRef(null);
+		const [visibleCount, setVisibleCount] = import_react$32.useState(items.length);
+		import_react$32.useEffect(() => {
 			const calc = () => {
 				const el = listRef.current;
 				if (!el) return;
@@ -2158,46 +2784,46 @@ var init_Dynamic = __esmMin(() => {
 			window.addEventListener("resize", calc);
 			return () => window.removeEventListener("resize", calc);
 		}, [items.length]);
-		return (0, import_jsx_runtime$29.jsx)("div", {
+		return (0, import_jsx_runtime$30.jsx)("div", {
 			className: "flex flex-col pl-16 w-full",
-			children: (0, import_jsx_runtime$29.jsxs)("div", {
+			children: (0, import_jsx_runtime$30.jsxs)("div", {
 				ref: listRef,
 				className: "flex overflow-hidden gap-8 py-1 pr-2 w-full",
 				style: { scrollbarWidth: "thin" },
 				children: [items.slice(0, visibleCount).map((c, idx) => {
 					const avatar = c.avatar_thumb?.url_list[0];
-					return (0, import_jsx_runtime$29.jsxs)("div", {
+					return (0, import_jsx_runtime$30.jsxs)("div", {
 						className: "flex flex-col items-center min-w-38 w-38 shrink-0",
 						children: [
-							(0, import_jsx_runtime$29.jsx)("div", {
+							(0, import_jsx_runtime$30.jsx)("div", {
 								className: "flex justify-center items-center bg-white rounded-full w-30 h-30",
-								children: (0, import_jsx_runtime$29.jsx)("img", {
+								children: (0, import_jsx_runtime$30.jsx)("img", {
 									src: avatar,
 									alt: "共创者头像",
 									className: "object-cover w-28 h-auto rounded-full"
 								})
 							}),
-							(0, import_jsx_runtime$29.jsx)("div", {
+							(0, import_jsx_runtime$30.jsx)("div", {
 								className: "overflow-hidden mt-6 w-full text-3xl font-medium leading-tight text-center truncate whitespace-nowrap select-text text-foreground-700",
 								children: c.nickname || "未提供"
 							}),
-							(0, import_jsx_runtime$29.jsx)("div", {
+							(0, import_jsx_runtime$30.jsx)("div", {
 								className: "overflow-hidden mt-2 w-full text-3xl leading-tight text-center truncate whitespace-nowrap select-text text-foreground-600",
 								children: c.role_title || "未提供"
 							})
 						]
 					}, `${c.nickname || "creator"}-${idx}`);
-				}), items.length > visibleCount && (0, import_jsx_runtime$29.jsxs)("div", {
+				}), items.length > visibleCount && (0, import_jsx_runtime$30.jsxs)("div", {
 					className: "flex flex-col items-center min-w-38 w-38 shrink-0",
 					children: [
-						(0, import_jsx_runtime$29.jsx)("div", {
+						(0, import_jsx_runtime$30.jsx)("div", {
 							className: "flex justify-center items-center rounded-full bg-default-200 w-38 h-38",
-							children: (0, import_jsx_runtime$29.jsx)("span", {
+							children: (0, import_jsx_runtime$30.jsx)("span", {
 								className: "text-[42px] leading-none text-foreground-500",
 								children: "···"
 							})
 						}),
-						(0, import_jsx_runtime$29.jsxs)("div", {
+						(0, import_jsx_runtime$30.jsxs)("div", {
 							className: "overflow-hidden mt-6 w-full text-3xl font-medium leading-tight text-center truncate whitespace-nowrap select-text text-foreground-700",
 							children: [
 								"还有",
@@ -2205,7 +2831,7 @@ var init_Dynamic = __esmMin(() => {
 								"人"
 							]
 						}),
-						(0, import_jsx_runtime$29.jsx)("div", {
+						(0, import_jsx_runtime$30.jsx)("div", {
 							className: "overflow-hidden mt-2 w-full text-3xl leading-tight text-center truncate whitespace-nowrap select-text text-foreground-600",
 							children: "共创"
 						})
@@ -2214,43 +2840,43 @@ var init_Dynamic = __esmMin(() => {
 			})
 		});
 	};
-	DouyinDynamic = (props) => {
+	DouyinImageWork = (props) => {
 		const coCreatorCount = props.data.cooperation_info?.co_creator_nums ?? props.data.cooperation_info?.co_creators?.length ?? void 0;
-		return (0, import_jsx_runtime$29.jsx)(DefaultLayout, {
+		return (0, import_jsx_runtime$30.jsx)(DefaultLayout, {
 			...props,
-			children: (0, import_jsx_runtime$29.jsxs)("div", { children: [
-				(0, import_jsx_runtime$29.jsx)("div", { className: "h-15" }),
-				(0, import_jsx_runtime$29.jsx)(DouyinHeader$1, { useDarkTheme: props.data.useDarkTheme }),
-				(0, import_jsx_runtime$29.jsx)("div", { className: "h-15" }),
-				(0, import_jsx_runtime$29.jsx)(CoverSection$1, { imageUrl: props.data.image_url }),
-				(0, import_jsx_runtime$29.jsx)("div", { className: "h-5" }),
-				(0, import_jsx_runtime$29.jsx)(InfoSection, { ...props }),
-				(0, import_jsx_runtime$29.jsx)("div", { className: "h-25" }),
-				(0, import_jsx_runtime$29.jsxs)("div", {
+			children: (0, import_jsx_runtime$30.jsxs)("div", { children: [
+				(0, import_jsx_runtime$30.jsx)("div", { className: "h-15" }),
+				(0, import_jsx_runtime$30.jsx)(DouyinHeader$2, { useDarkTheme: props.data.useDarkTheme }),
+				(0, import_jsx_runtime$30.jsx)("div", { className: "h-15" }),
+				(0, import_jsx_runtime$30.jsx)(CoverSection$1, { imageUrl: props.data.image_url }),
+				(0, import_jsx_runtime$30.jsx)("div", { className: "h-5" }),
+				(0, import_jsx_runtime$30.jsx)(InfoSection$1, { ...props }),
+				(0, import_jsx_runtime$30.jsx)("div", { className: "h-25" }),
+				(0, import_jsx_runtime$30.jsxs)("div", {
 					className: "flex flex-col gap-10 px-0 pt-25",
-					children: [(0, import_jsx_runtime$29.jsxs)("div", {
+					children: [(0, import_jsx_runtime$30.jsxs)("div", {
 						className: "w-full",
-						children: [coCreatorCount && coCreatorCount > 0 && (0, import_jsx_runtime$29.jsx)("div", {
+						children: [coCreatorCount && coCreatorCount > 0 && (0, import_jsx_runtime$30.jsx)("div", {
 							className: "px-16 pb-8",
-							children: (0, import_jsx_runtime$29.jsxs)("div", {
+							children: (0, import_jsx_runtime$30.jsxs)("div", {
 								className: "gap-2 inline-flex items-center rounded-2xl bg-default-100 text-foreground-700 px-6 py-3",
-								children: [(0, import_jsx_runtime$29.jsx)(Users, { className: "w-7 h-7" }), (0, import_jsx_runtime$29.jsxs)("span", {
+								children: [(0, import_jsx_runtime$30.jsx)(Users, { className: "w-7 h-7" }), (0, import_jsx_runtime$30.jsxs)("span", {
 									className: "text-3xl font-medium leading-none select-text text-foreground-700",
 									children: [coCreatorCount, "人共创"]
 								})]
 							})
-						}), (0, import_jsx_runtime$29.jsx)(CoCreatorsInfo, { info: props.data.cooperation_info })]
-					}), (0, import_jsx_runtime$29.jsxs)("div", {
+						}), (0, import_jsx_runtime$30.jsx)(CoCreatorsInfo, { info: props.data.cooperation_info })]
+					}), (0, import_jsx_runtime$30.jsxs)("div", {
 						className: "flex justify-between items-start px-20 pb-20",
-						children: [(0, import_jsx_runtime$29.jsx)(UserInfoSection$1, { ...props }), (0, import_jsx_runtime$29.jsx)("div", {
+						children: [(0, import_jsx_runtime$30.jsx)(UserInfoSection$2, { ...props }), (0, import_jsx_runtime$30.jsx)("div", {
 							className: "flex flex-col items-center gap-4",
-							children: props.qrCodeDataUrl ? (0, import_jsx_runtime$29.jsx)("img", {
+							children: props.qrCodeDataUrl ? (0, import_jsx_runtime$30.jsx)("img", {
 								src: props.qrCodeDataUrl,
 								alt: "二维码",
 								className: "h-auto w-75 rounded-xl"
-							}) : (0, import_jsx_runtime$29.jsx)("div", {
+							}) : (0, import_jsx_runtime$30.jsx)("div", {
 								className: "flex justify-center items-center rounded-2xl bg-default-100 w-100 h-100",
-								children: (0, import_jsx_runtime$29.jsx)("span", {
+								children: (0, import_jsx_runtime$30.jsx)("span", {
 									className: "text-default-400",
 									children: "二维码"
 								})
@@ -2261,7 +2887,290 @@ var init_Dynamic = __esmMin(() => {
 			] })
 		});
 	};
-	Dynamic_default = DouyinDynamic;
+	ImageWork_default = DouyinImageWork;
+});
+var ArticleWork_exports = __export({
+	DouyinArticleWork: () => DouyinArticleWork,
+	default: () => ArticleWork_default
+}, 1), import_jsx_runtime$29, DouyinHeader$1, TitleSection, ContentSection, InfoSection, UserInfoSection$1, DouyinArticleWork, ArticleWork_default;
+var init_ArticleWork = __esmMin(() => {
+	init_date_fns();
+	init_lucide_react();
+	__toESM(require_react(), 1);
+	init_lu();
+	init_react_markdown();
+	init_DefaultLayout();
+	import_jsx_runtime$29 = __toESM(require_jsx_runtime(), 1);
+	DouyinHeader$1 = ({ useDarkTheme }) => (0, import_jsx_runtime$29.jsxs)("div", {
+		className: "flex items-center px-12 py-15",
+		children: [(0, import_jsx_runtime$29.jsx)("div", {
+			className: "w-[39%] h-50 bg-cover bg-center bg-fixed",
+			children: (0, import_jsx_runtime$29.jsx)("img", {
+				src: useDarkTheme ? "/image/douyin/dylogo-light.svg" : "/image/douyin/dylogo-dark.svg",
+				alt: "抖音Logo",
+				className: "object-contain w-full h-full"
+			})
+		}), (0, import_jsx_runtime$29.jsx)("span", {
+			className: "text-[65px] ml-4 text-foreground-600",
+			children: "记录美好生活"
+		})]
+	});
+	TitleSection = ({ title, createTime, readTime }) => (0, import_jsx_runtime$29.jsxs)("div", {
+		className: "flex flex-col px-16 py-5",
+		children: [(0, import_jsx_runtime$29.jsx)("h1", {
+			className: "text-8xl font-bold leading-relaxed mb-6 text-foreground select-text tracking-wide wrap-break-word",
+			children: title
+		}), (0, import_jsx_runtime$29.jsxs)("div", {
+			className: "flex items-center gap-8 text-5xl text-foreground-500",
+			children: [
+				(0, import_jsx_runtime$29.jsxs)("div", {
+					className: "flex items-center gap-2",
+					children: [(0, import_jsx_runtime$29.jsx)(Clock, { className: "w-10 h-10" }), (0, import_jsx_runtime$29.jsx)("span", { children: createTime })]
+				}),
+				(0, import_jsx_runtime$29.jsx)("span", { children: "·" }),
+				(0, import_jsx_runtime$29.jsxs)("div", {
+					className: "flex items-center gap-2",
+					children: [(0, import_jsx_runtime$29.jsx)(Clock, { className: "w-10 h-10 text-primary" }), (0, import_jsx_runtime$29.jsxs)("span", { children: [
+						"阅读 ",
+						readTime,
+						" 分钟"
+					] })]
+				})
+			]
+		})]
+	});
+	ContentSection = ({ markdown, images }) => {
+		const imageMap = /* @__PURE__ */ new Map();
+		images.forEach((img) => {
+			imageMap.set(img.markdown_url, img.high_image_url);
+		});
+		return (0, import_jsx_runtime$29.jsx)("div", {
+			className: "flex flex-col px-16 py-5",
+			children: (0, import_jsx_runtime$29.jsx)("div", {
+				className: "prose prose-lg max-w-none text-foreground select-text",
+				children: (0, import_jsx_runtime$29.jsx)(Markdown, {
+					children: markdown.replace(/!\[([^\]]*)\]\(([^\s)]+)(?:\s+width=\d+)?(?:\s+height=\d+)?\)/g, "![$1]($2)"),
+					components: {
+						h1: ({ children }) => (0, import_jsx_runtime$29.jsx)("h1", {
+							className: "text-8xl font-bold mb-8 mt-12 text-foreground",
+							children
+						}),
+						h2: ({ children }) => (0, import_jsx_runtime$29.jsx)("h2", {
+							className: "text-7xl font-bold mb-6 mt-10 text-foreground",
+							children
+						}),
+						h3: ({ children }) => (0, import_jsx_runtime$29.jsx)("h3", {
+							className: "text-6xl font-bold mb-5 mt-8 text-foreground",
+							children
+						}),
+						h4: ({ children }) => (0, import_jsx_runtime$29.jsx)("h4", {
+							className: "text-5xl font-bold mb-4 mt-6 text-foreground",
+							children
+						}),
+						p: ({ children }) => (0, import_jsx_runtime$29.jsx)("p", {
+							className: "text-6xl leading-relaxed mb-6 text-foreground-800 tracking-wide",
+							children
+						}),
+						ul: ({ children }) => (0, import_jsx_runtime$29.jsx)("ul", {
+							className: "list-disc list-inside mb-6 text-6xl text-foreground-800",
+							children
+						}),
+						ol: ({ children }) => (0, import_jsx_runtime$29.jsx)("ol", {
+							className: "list-decimal list-inside mb-6 text-6xl text-foreground-800",
+							children
+						}),
+						li: ({ children }) => (0, import_jsx_runtime$29.jsx)("li", {
+							className: "mb-3 leading-relaxed",
+							children
+						}),
+						img: ({ src, alt }) => (0, import_jsx_runtime$29.jsxs)("div", {
+							className: "flex flex-col items-center my-8 w-full",
+							children: [(0, import_jsx_runtime$29.jsx)("img", {
+								src: src ? imageMap.get(src) || src : "",
+								alt: alt || "文章图片",
+								className: "rounded-2xl shadow-large w-full h-auto"
+							}), alt && alt !== "图片描述" && (0, import_jsx_runtime$29.jsx)("span", {
+								className: "text-5xl text-foreground-500 mt-4",
+								children: alt
+							})]
+						}),
+						strong: ({ children }) => (0, import_jsx_runtime$29.jsx)("strong", {
+							className: "font-bold text-foreground",
+							children
+						}),
+						em: ({ children }) => (0, import_jsx_runtime$29.jsx)("em", {
+							className: "italic text-foreground-700",
+							children
+						}),
+						blockquote: ({ children }) => (0, import_jsx_runtime$29.jsx)("blockquote", {
+							className: "border-l-4 border-primary pl-6 my-6 text-foreground-700 italic",
+							children
+						}),
+						code: ({ children }) => (0, import_jsx_runtime$29.jsx)("code", {
+							className: "bg-default-100 px-3 py-1 rounded text-5xl text-primary font-mono",
+							children
+						})
+					}
+				})
+			})
+		});
+	};
+	InfoSection = (props) => (0, import_jsx_runtime$29.jsxs)("div", {
+		className: "flex flex-col px-16 py-5",
+		children: [(0, import_jsx_runtime$29.jsxs)("div", {
+			className: "flex items-center gap-6 text-5xl text-foreground-500 font-light mb-2.5 select-text",
+			children: [
+				(0, import_jsx_runtime$29.jsxs)("div", {
+					className: "flex gap-2 items-center",
+					children: [(0, import_jsx_runtime$29.jsx)(Heart, { className: "w-11 h-11 text-like" }), (0, import_jsx_runtime$29.jsxs)("span", { children: [props.data.dianzan, "点赞"] })]
+				}),
+				(0, import_jsx_runtime$29.jsx)("span", { children: "·" }),
+				(0, import_jsx_runtime$29.jsxs)("div", {
+					className: "flex gap-2 items-center",
+					children: [(0, import_jsx_runtime$29.jsx)(MessageCircle, { className: "w-11 h-11 text-comment" }), (0, import_jsx_runtime$29.jsxs)("span", { children: [props.data.pinglun, "评论"] })]
+				}),
+				(0, import_jsx_runtime$29.jsx)("span", { children: "·" }),
+				(0, import_jsx_runtime$29.jsxs)("div", {
+					className: "flex gap-2 items-center",
+					children: [(0, import_jsx_runtime$29.jsx)(Bookmark, { className: "w-11 h-11" }), (0, import_jsx_runtime$29.jsxs)("span", { children: [props.data.shouchang, "收藏"] })]
+				}),
+				(0, import_jsx_runtime$29.jsx)("span", { children: "·" }),
+				(0, import_jsx_runtime$29.jsxs)("div", {
+					className: "flex gap-2 items-center",
+					children: [(0, import_jsx_runtime$29.jsx)(Share2, { className: "w-11 h-11 text-success" }), (0, import_jsx_runtime$29.jsxs)("span", { children: [props.data.share, "分享"] })]
+				})
+			]
+		}), (0, import_jsx_runtime$29.jsxs)("div", {
+			className: "flex items-center gap-2 text-5xl text-foreground-500 font-light select-text",
+			children: [(0, import_jsx_runtime$29.jsx)(LuFullscreen, { className: "w-11 h-11 text-time" }), (0, import_jsx_runtime$29.jsxs)("span", { children: ["图片生成于: ", format(/* @__PURE__ */ new Date(), "yyyy-MM-dd HH:mm:ss")] })]
+		})]
+	});
+	UserInfoSection$1 = (props) => (0, import_jsx_runtime$29.jsxs)("div", {
+		className: "flex flex-col gap-12",
+		children: [(0, import_jsx_runtime$29.jsxs)("div", {
+			className: "flex gap-12 items-start",
+			children: [(0, import_jsx_runtime$29.jsx)("div", {
+				className: "relative shrink-0",
+				children: (0, import_jsx_runtime$29.jsx)("div", {
+					className: "flex justify-center items-center bg-white rounded-full w-35 h-35",
+					children: (0, import_jsx_runtime$29.jsx)("img", {
+						src: props.data.avater_url,
+						alt: "头像",
+						className: "rounded-full w-33 h-33 shadow-large"
+					})
+				})
+			}), (0, import_jsx_runtime$29.jsxs)("div", {
+				className: "flex flex-col gap-5",
+				children: [(0, import_jsx_runtime$29.jsxs)("div", {
+					className: "text-7xl font-bold select-text text-foreground",
+					children: ["@", props.data.username]
+				}), (0, import_jsx_runtime$29.jsxs)("div", {
+					className: "flex gap-2 items-center text-4xl text-default-500",
+					children: [(0, import_jsx_runtime$29.jsx)(Hash, { className: "w-8 h-8 text-default-400" }), (0, import_jsx_runtime$29.jsxs)("span", {
+						className: "select-text",
+						children: ["抖音号: ", props.data.抖音号]
+					})]
+				})]
+			})]
+		}), (0, import_jsx_runtime$29.jsxs)("div", {
+			className: "text-3xl flex gap-6 items-center text-default-600",
+			children: [
+				(0, import_jsx_runtime$29.jsxs)("div", {
+					className: "flex flex-col gap-1 items-start px-6 py-3 rounded-2xl bg-default-100",
+					children: [
+						(0, import_jsx_runtime$29.jsxs)("div", {
+							className: "flex gap-1 items-center",
+							children: [(0, import_jsx_runtime$29.jsx)(Heart, { className: "w-7 h-7 text-like" }), (0, import_jsx_runtime$29.jsx)("span", {
+								className: "text-default-400",
+								children: "获赞"
+							})]
+						}),
+						(0, import_jsx_runtime$29.jsx)("div", { className: "w-full h-px bg-default-300" }),
+						(0, import_jsx_runtime$29.jsx)("span", {
+							className: "select-text font-medium text-4xl",
+							children: props.data.获赞
+						})
+					]
+				}),
+				(0, import_jsx_runtime$29.jsxs)("div", {
+					className: "flex flex-col gap-1 items-start px-6 py-3 rounded-2xl bg-default-100",
+					children: [
+						(0, import_jsx_runtime$29.jsxs)("div", {
+							className: "flex gap-1 items-center",
+							children: [(0, import_jsx_runtime$29.jsx)(Eye, { className: "w-7 h-7 text-view" }), (0, import_jsx_runtime$29.jsx)("span", {
+								className: "text-default-400",
+								children: "关注"
+							})]
+						}),
+						(0, import_jsx_runtime$29.jsx)("div", { className: "w-full h-px bg-default-300" }),
+						(0, import_jsx_runtime$29.jsx)("span", {
+							className: "select-text font-medium text-4xl",
+							children: props.data.关注
+						})
+					]
+				}),
+				(0, import_jsx_runtime$29.jsxs)("div", {
+					className: "flex flex-col gap-1 items-start px-6 py-3 rounded-2xl bg-default-100",
+					children: [
+						(0, import_jsx_runtime$29.jsxs)("div", {
+							className: "flex gap-1 items-center",
+							children: [(0, import_jsx_runtime$29.jsx)(Users, { className: "w-7 h-7 text-primary" }), (0, import_jsx_runtime$29.jsx)("span", {
+								className: "text-default-400",
+								children: "粉丝"
+							})]
+						}),
+						(0, import_jsx_runtime$29.jsx)("div", { className: "w-full h-px bg-default-300" }),
+						(0, import_jsx_runtime$29.jsx)("span", {
+							className: "select-text font-medium text-4xl",
+							children: props.data.粉丝
+						})
+					]
+				})
+			]
+		})]
+	});
+	DouyinArticleWork = (props) => (0, import_jsx_runtime$29.jsx)(DefaultLayout, {
+		...props,
+		children: (0, import_jsx_runtime$29.jsxs)("div", { children: [
+			(0, import_jsx_runtime$29.jsx)("div", { className: "h-15" }),
+			(0, import_jsx_runtime$29.jsx)(DouyinHeader$1, { useDarkTheme: props.data.useDarkTheme }),
+			(0, import_jsx_runtime$29.jsx)("div", { className: "h-15" }),
+			(0, import_jsx_runtime$29.jsx)(TitleSection, {
+				title: props.data.title,
+				createTime: props.data.create_time,
+				readTime: props.data.read_time
+			}),
+			(0, import_jsx_runtime$29.jsx)("div", { className: "h-5" }),
+			(0, import_jsx_runtime$29.jsx)(ContentSection, {
+				markdown: props.data.markdown,
+				images: props.data.images
+			}),
+			(0, import_jsx_runtime$29.jsx)("div", { className: "h-15" }),
+			(0, import_jsx_runtime$29.jsx)(InfoSection, { ...props }),
+			(0, import_jsx_runtime$29.jsx)("div", { className: "h-25" }),
+			(0, import_jsx_runtime$29.jsx)("div", {
+				className: "flex flex-col gap-10 px-0 pt-25",
+				children: (0, import_jsx_runtime$29.jsxs)("div", {
+					className: "flex justify-between items-start px-20 pb-20",
+					children: [(0, import_jsx_runtime$29.jsx)(UserInfoSection$1, { ...props }), (0, import_jsx_runtime$29.jsx)("div", {
+						className: "flex flex-col items-center gap-4",
+						children: props.qrCodeDataUrl ? (0, import_jsx_runtime$29.jsx)("img", {
+							src: props.qrCodeDataUrl,
+							alt: "二维码",
+							className: "h-auto w-75 rounded-xl"
+						}) : (0, import_jsx_runtime$29.jsx)("div", {
+							className: "flex justify-center items-center rounded-2xl bg-default-100 w-100 h-100",
+							children: (0, import_jsx_runtime$29.jsx)("span", {
+								className: "text-default-400",
+								children: "二维码"
+							})
+						})
+					})]
+				})
+			})
+		] })
+	});
+	ArticleWork_default = DouyinArticleWork;
 });
 var FavoriteList_exports = __export({ DouyinFavoriteList: () => DouyinFavoriteList }, 1), import_jsx_runtime$28, DouyinFavoriteList, StatItem$4;
 var init_FavoriteList = __esmMin(() => {
@@ -5550,17 +6459,27 @@ var init_DYNAMIC_TYPE_DRAW = __esmMin(() => {
 		return (0, import_jsx_runtime$15.jsxs)(import_jsx_runtime$15.Fragment, { children: [
 			(0, import_jsx_runtime$15.jsxs)("div", {
 				className: "flex flex-col px-20 w-full leading-relaxed",
-				children: [(0, import_jsx_runtime$15.jsx)("div", {
-					className: "relative items-center text-5xl tracking-wider wrap-break-word text-foreground",
-					children: (0, import_jsx_runtime$15.jsx)(CommentText, {
-						className: clsx_default("text-[60px] tracking-[0.5px] leading-[1.6] whitespace-pre-wrap text-foreground mb-5 select-text", "[&_svg]:inline [&_svg]:mb-4!", "[&_img]:inline [&_img]:mx-1 [&_img]:align-text-bottom"),
-						content: props.text,
-						style: {
-							wordBreak: "break-word",
-							overflowWrap: "break-word"
-						}
-					})
-				}), (0, import_jsx_runtime$15.jsx)("div", { className: "h-15" })]
+				children: [
+					props.title && (0, import_jsx_runtime$15.jsx)("div", {
+						className: "mb-8",
+						children: (0, import_jsx_runtime$15.jsx)("h2", {
+							className: "text-[72px] font-bold leading-[1.4] text-foreground select-text",
+							children: props.title
+						})
+					}),
+					(0, import_jsx_runtime$15.jsx)("div", {
+						className: "relative items-center text-5xl tracking-wider wrap-break-word text-foreground",
+						children: (0, import_jsx_runtime$15.jsx)(CommentText, {
+							className: clsx_default("text-[60px] tracking-[0.5px] leading-[1.6] whitespace-pre-wrap text-foreground mb-5 select-text", "[&_svg]:inline [&_svg]:mb-4!", "[&_img]:inline [&_img]:mx-1 [&_img]:align-text-bottom"),
+							content: props.text,
+							style: {
+								wordBreak: "break-word",
+								overflowWrap: "break-word"
+							}
+						})
+					}),
+					(0, import_jsx_runtime$15.jsx)("div", { className: "h-15" })
+				]
 			}),
 			props.image_url && Array.isArray(props.image_url) && props.image_url.length > 0 && (0, import_jsx_runtime$15.jsxs)("div", {
 				className: "px-20",
@@ -5809,6 +6728,7 @@ var init_DYNAMIC_TYPE_DRAW = __esmMin(() => {
 				}),
 				(0, import_jsx_runtime$15.jsx)("div", { className: "h-15" }),
 				(0, import_jsx_runtime$15.jsx)(BilibiliDynamicContent, {
+					title: props.data.title,
 					text: props.data.text,
 					image_url: props.data.image_url,
 					imageLayout: props.data.imageLayout,
@@ -11233,6 +12153,18 @@ var init_config = __esmMin(() => {
 							validateData: (data) => data && typeof data.share_url === "string",
 							lazyComponent: () => Promise.resolve().then(() => (init_Dynamic(), Dynamic_exports)).then((module) => ({ default: module.DouyinDynamic }))
 						});
+						case "video-work": return createComponentConfig(baseComponent, {
+							validateData: (data) => data && typeof data.share_url === "string",
+							lazyComponent: () => Promise.resolve().then(() => (init_VideoWork(), VideoWork_exports)).then((module) => ({ default: module.DouyinVideoWork }))
+						});
+						case "image-work": return createComponentConfig(baseComponent, {
+							validateData: (data) => data && typeof data.share_url === "string",
+							lazyComponent: () => Promise.resolve().then(() => (init_ImageWork(), ImageWork_exports)).then((module) => ({ default: module.DouyinImageWork }))
+						});
+						case "article-work": return createComponentConfig(baseComponent, {
+							validateData: (data) => data && typeof data.share_url === "string",
+							lazyComponent: () => Promise.resolve().then(() => (init_ArticleWork(), ArticleWork_exports)).then((module) => ({ default: module.DouyinArticleWork }))
+						});
 						case "favorite-list": return createComponentConfig(baseComponent, {
 							validateData: (data) => data && typeof data.share_url === "string",
 							lazyComponent: () => Promise.resolve().then(() => (init_FavoriteList(), FavoriteList_exports)).then((module) => ({ default: module.DouyinFavoriteList }))