karin-plugin-kkk 2.18.2 → 2.19.0

package/lib/core_chunk/{template-BAFMkYza.js → template-CHNHRIxO.js}

@@ -1,5 +1,5 @@
 import { n as __esmMin, o as __toESM, r as __export } from "./rolldown-runtime-BMXAG3ag.js";
-import { $ as init_dist, A as RiRefreshLine, At as Hash, B as init_fa6, Bt as CircleFadingArrowUp, C as RiGroupLine, Ct as Plug2, D as RiListCheck2, Dt as MapPin, E as RiLinkM, Et as MessageCircle, F as RiTiktokFill, Ft as ExternalLink, G as zhCN, Gt as Calendar, H as AiFillStar, Ht as CircleCheckBig, I as RiUserFollowLine, It as Crown, J as init_date_fns, Jt as Bell, K as LuFullscreen, Kt as Bookmark, L as init_ri, Lt as CornerDownLeft, M as RiSendPlaneFill, Mt as Gamepad2, N as RiShareForwardFill, Nt as FileText, O as RiLoginCircleFill, Ot as Info, P as RiSparkling2Fill, Pt as Eye, Qt as require_react, R as FaCodeBranch, Rt as Coins, S as RiBellFill, St as QrCode, T as RiHeart3Line, Tt as Music, U as init_ai, Ut as CircleAlert, V as AiFillHeart, Vt as CircleEllipsis, W as init_locale, Wt as ChartColumn, X as formatDistanceToNow, Xt as init_clsx, Yt as clsx_default, Z as format, Zt as require_server_node, _ as TbScan, _t as Shield, at as IoSearch, b as init_hi, bt as ScanLine, ct as Zap, d as init_react_markdown, dt as UserPlus, et as code_default, f as Markdown, ft as TriangleAlert, g as init_si, gt as Smartphone, h as SiBilibili, ht as Star, it as require_jsx_runtime, j as RiRobot2Fill, jt as Gift, k as RiQuestionFill, kt as Heart, l as init_rehype_highlight, lt as Users, m as init_md, mt as Terminal, nt as button_default, ot as init_io5, p as MdAccessTime, pt as ThumbsUp, q as init_lu, qt as BookOpen, rt as HeroUIProvider, st as init_lucide_react, tt as chip_default, u as rehypeHighlight, ut as User, v as init_tb, vt as ShieldCheck, w as RiHashtag, wt as Play, x as RiArrowRightFill, xt as Radio, y as HiOutlineMenuAlt2, yt as Share2, z as FaCommentDots, zt as Clock } from "./vendor-BCUOH1Nn.js";
+import { $ as init_ri, $t as ChartColumn, A as RiBellFill, At as Quote, B as RiMessage3Fill, Bt as Gift, C as init_fa6, Ct as Star, D as init_locale, Dt as Share2, E as init_ai, Et as ShieldCheck, F as RiHeart3Line, Ft as MessageCircle, G as RiShareForwardFill, Gt as Crown, H as RiRefreshLine, Ht as FileText, I as RiLinkM, It as MapPin, J as RiStarLine, Jt as Clock, K as RiSparkling2Fill, Kt as CornerDownLeft, L as RiListCheck2, Lt as Info, M as RiHashtag, Mt as Plug2, N as RiHeart2Line, Nt as Play, O as zhCN, Ot as ScanLine, P as RiHeart3Fill, Pt as Music, Q as RiVideoLine, Qt as CircleAlert, R as RiLiveLine, Rt as Heart, S as FaCommentDots, St as Terminal, T as AiFillStar, Tt as Shield, U as RiRobot2Fill, Ut as Eye, V as RiQuestionFill, Vt as Gamepad2, W as RiSendPlaneFill, Wt as ExternalLink, X as RiTiktokFill, Xt as CircleEllipsis, Y as RiThumbUpFill, Yt as CircleFadingArrowUp, Z as RiUserFollowLine, Zt as CircleCheckBig, _ as TbScan, _t as Users, an as init_clsx, at as format, b as init_hi, bt as TriangleAlert, ct as code_default, d as init_react_markdown, dt as HeroUIProvider, en as Calendar, et as LuFullscreen, f as Markdown, ft as require_jsx_runtime, g as init_si, gt as Zap, h as SiBilibili, ht as init_lucide_react, in as clsx_default, it as formatDistanceToNow, j as RiGroupLine, jt as QrCode, k as RiArrowRightFill, kt as Radio, l as init_rehype_highlight, lt as chip_default, m as init_md, mt as init_io5, nn as BookOpen, nt as init_date_fns, on as require_server_node, p as MdAccessTime, pt as IoSearch, q as RiStarFill, qt as Coins, rn as Bell, sn as require_react, st as init_dist, tn as Bookmark, tt as init_lu, u as rehypeHighlight, ut as button_default, v as init_tb, vt as User, w as AiFillHeart, wt as Smartphone, x as FaCodeBranch, xt as ThumbsUp, y as HiOutlineMenuAlt2, yt as UserPlus, z as RiLoginCircleFill, zt as Hash } from "./vendor-BsdYKPEs.js";
 import { logger as logger$1 } from "node-karin";
 import fs from "node:fs";
 import path from "node:path";
@@ -37,16 +37,32 @@ var init_config_base = __esmMin(() => {
 				},
 				{
 					id: "dynamic",
-					name: "动态作品",
-					description: "抖音动态作品展示模板",
+					name: "作品列表",
+					description: "抖音作品列表推送模板",
 					enabled: true,
 					componentPath: "platforms/douyin/Dynamic",
 					exportName: "DouyinDynamic"
 				},
+				{
+					id: "favorite-list",
+					name: "喜欢列表",
+					description: "抖音喜欢列表推送模板",
+					enabled: true,
+					componentPath: "platforms/douyin/FavoriteList",
+					exportName: "DouyinFavoriteList"
+				},
+				{
+					id: "recommend-list",
+					name: "推荐列表",
+					description: "抖音推荐列表推送模板",
+					enabled: true,
+					componentPath: "platforms/douyin/RecommendList",
+					exportName: "DouyinRecommendList"
+				},
 				{
 					id: "live",
-					name: "直播间",
-					description: "抖音直播间信息模板",
+					name: "直播状态",
+					description: "抖音直播状态推送模板",
 					enabled: true,
 					componentPath: "platforms/douyin/Live",
 					exportName: "DouyinLive"
@@ -282,13 +298,13 @@ var init_config_base = __esmMin(() => {
 		}
 	];
 });
-var import_react$34, import_jsx_runtime$32, GlowImage, GlowText;
+var import_react$36, import_jsx_runtime$34, GlowImage, GlowText;
 var init_GlowImage = __esmMin(() => {
-	import_react$34 = __toESM(require_react(), 1);
-	import_jsx_runtime$32 = __toESM(require_jsx_runtime(), 1);
+	import_react$36 = __toESM(require_react(), 1);
+	import_jsx_runtime$34 = __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$34.useState("rgba(255,255,255,0.5)");
-		import_react$34.useEffect(() => {
+		const [shadowColor, setShadowColor] = import_react$36.useState("rgba(255,255,255,0.5)");
+		import_react$36.useEffect(() => {
 			if (mode !== "dominant-shadow" || !src) return;
 			const img = new Image();
 			if (crossOrigin) img.crossOrigin = crossOrigin;
@@ -325,13 +341,13 @@ var init_GlowImage = __esmMin(() => {
 			glowStrength,
 			crossOrigin
 		]);
-		if (children) return (0, import_jsx_runtime$32.jsxs)("div", {
+		if (children) return (0, import_jsx_runtime$34.jsxs)("div", {
 			className,
 			style: {
 				position: "relative",
 				display: "inline-block"
 			},
-			children: [(0, import_jsx_runtime$32.jsx)("div", {
+			children: [(0, import_jsx_runtime$34.jsx)("div", {
 				"aria-hidden": "true",
 				className: imgClassName,
 				style: {
@@ -346,25 +362,25 @@ var init_GlowImage = __esmMin(() => {
 					alignItems: "center"
 				},
 				children
-			}), (0, import_jsx_runtime$32.jsx)("div", {
+			}), (0, import_jsx_runtime$34.jsx)("div", {
 				className: imgClassName,
 				style: { position: "relative" },
 				children
 			})]
 		});
-		if (mode === "dominant-shadow") return (0, import_jsx_runtime$32.jsx)("img", {
+		if (mode === "dominant-shadow") return (0, import_jsx_runtime$34.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$32.jsxs)("div", {
+		return (0, import_jsx_runtime$34.jsxs)("div", {
 			className,
 			style: {
 				position: "relative",
 				display: "inline-block"
 			},
-			children: [(0, import_jsx_runtime$32.jsx)("img", {
+			children: [(0, import_jsx_runtime$34.jsx)("img", {
 				src,
 				alt,
 				"aria-hidden": "true",
@@ -376,20 +392,20 @@ var init_GlowImage = __esmMin(() => {
 					opacity: glowStrength,
 					pointerEvents: "none"
 				}
-			}), (0, import_jsx_runtime$32.jsx)("img", {
+			}), (0, import_jsx_runtime$34.jsx)("img", {
 				src,
 				alt,
 				className: imgClassName
 			})]
 		});
 	};
-	GlowText = ({ children, className, glowClassName, blurRadius = 12, glowStrength = .6, scale = 1.02 }) => (0, import_jsx_runtime$32.jsxs)("span", {
+	GlowText = ({ children, className, glowClassName, blurRadius = 12, glowStrength = .6, scale = 1.02 }) => (0, import_jsx_runtime$34.jsxs)("span", {
 		className,
 		style: {
 			position: "relative",
 			display: "inline-block"
 		},
-		children: [(0, import_jsx_runtime$32.jsx)("span", {
+		children: [(0, import_jsx_runtime$34.jsx)("span", {
 			"aria-hidden": "true",
 			className: glowClassName,
 			style: {
@@ -401,27 +417,27 @@ var init_GlowImage = __esmMin(() => {
 				pointerEvents: "none"
 			},
 			children
-		}), (0, import_jsx_runtime$32.jsx)("span", { children })]
+		}), (0, import_jsx_runtime$34.jsx)("span", { children })]
 	});
-}), import_jsx_runtime$31, RolldownLogo;
+}), import_jsx_runtime$33, RolldownLogo;
 var init_RolldownLogo = __esmMin(() => {
 	__toESM(require_react(), 1);
-	import_jsx_runtime$31 = __toESM(require_jsx_runtime(), 1);
-	RolldownLogo = ({ className = "w-auto h-10" }) => (0, import_jsx_runtime$31.jsxs)("svg", {
+	import_jsx_runtime$33 = __toESM(require_jsx_runtime(), 1);
+	RolldownLogo = ({ className = "w-auto h-10" }) => (0, import_jsx_runtime$33.jsxs)("svg", {
 		viewBox: "0 0 177 15",
 		fill: "none",
 		xmlns: "http://www.w3.org/2000/svg",
 		className,
 		children: [
-			(0, import_jsx_runtime$31.jsx)("path", {
+			(0, import_jsx_runtime$33.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$31.jsx)("path", {
+			(0, import_jsx_runtime$33.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$31.jsx)("mask", {
+			(0, import_jsx_runtime$33.jsx)("mask", {
 				id: "mask0_rd",
 				style: { maskType: "alpha" },
 				maskUnits: "userSpaceOnUse",
@@ -429,17 +445,17 @@ var init_RolldownLogo = __esmMin(() => {
 				y: "0",
 				width: "15",
 				height: "15",
-				children: (0, import_jsx_runtime$31.jsx)("path", {
+				children: (0, import_jsx_runtime$33.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$31.jsxs)("g", {
+			(0, import_jsx_runtime$33.jsxs)("g", {
 				mask: "url(#mask0_rd)",
 				children: [
-					(0, import_jsx_runtime$31.jsx)("g", {
+					(0, import_jsx_runtime$33.jsx)("g", {
 						filter: "url(#f0_rd)",
-						children: (0, import_jsx_runtime$31.jsx)("ellipse", {
+						children: (0, import_jsx_runtime$33.jsx)("ellipse", {
 							cx: "1.73",
 							cy: "7.56",
 							rx: "1.73",
@@ -448,9 +464,9 @@ var init_RolldownLogo = __esmMin(() => {
 							fill: "#FFE7E5"
 						})
 					}),
-					(0, import_jsx_runtime$31.jsx)("g", {
+					(0, import_jsx_runtime$33.jsx)("g", {
 						filter: "url(#f1_rd)",
-						children: (0, import_jsx_runtime$31.jsx)("ellipse", {
+						children: (0, import_jsx_runtime$33.jsx)("ellipse", {
 							cx: "1.73",
 							cy: "7.56",
 							rx: "1.73",
@@ -459,9 +475,9 @@ var init_RolldownLogo = __esmMin(() => {
 							fill: "#FFE7E5"
 						})
 					}),
-					(0, import_jsx_runtime$31.jsx)("g", {
+					(0, import_jsx_runtime$33.jsx)("g", {
 						filter: "url(#f2_rd)",
-						children: (0, import_jsx_runtime$31.jsx)("ellipse", {
+						children: (0, import_jsx_runtime$33.jsx)("ellipse", {
 							cx: "157.85",
 							cy: "0.46",
 							rx: "1.19",
@@ -470,9 +486,9 @@ var init_RolldownLogo = __esmMin(() => {
 							fill: "#FF19AF"
 						})
 					}),
-					(0, import_jsx_runtime$31.jsx)("g", {
+					(0, import_jsx_runtime$33.jsx)("g", {
 						filter: "url(#f3_rd)",
-						children: (0, import_jsx_runtime$31.jsx)("ellipse", {
+						children: (0, import_jsx_runtime$33.jsx)("ellipse", {
 							cx: "159.7",
 							cy: "10.93",
 							rx: "1.19",
@@ -481,9 +497,9 @@ var init_RolldownLogo = __esmMin(() => {
 							fill: "#FF19AF"
 						})
 					}),
-					(0, import_jsx_runtime$31.jsx)("g", {
+					(0, import_jsx_runtime$33.jsx)("g", {
 						filter: "url(#f4_rd)",
-						children: (0, import_jsx_runtime$31.jsx)("ellipse", {
+						children: (0, import_jsx_runtime$33.jsx)("ellipse", {
 							cx: "1.19",
 							cy: "7",
 							rx: "1.19",
@@ -492,9 +508,9 @@ var init_RolldownLogo = __esmMin(() => {
 							fill: "#FF19AF"
 						})
 					}),
-					(0, import_jsx_runtime$31.jsx)("g", {
+					(0, import_jsx_runtime$33.jsx)("g", {
 						filter: "url(#f5_rd)",
-						children: (0, import_jsx_runtime$31.jsx)("ellipse", {
+						children: (0, import_jsx_runtime$33.jsx)("ellipse", {
 							cx: "1.19",
 							cy: "7",
 							rx: "1.19",
@@ -503,9 +519,9 @@ var init_RolldownLogo = __esmMin(() => {
 							fill: "#FF19AF"
 						})
 					}),
-					(0, import_jsx_runtime$31.jsx)("g", {
+					(0, import_jsx_runtime$33.jsx)("g", {
 						filter: "url(#f6_rd)",
-						children: (0, import_jsx_runtime$31.jsx)("ellipse", {
+						children: (0, import_jsx_runtime$33.jsx)("ellipse", {
 							cx: "1.19",
 							cy: "7",
 							rx: "1.19",
@@ -514,9 +530,9 @@ var init_RolldownLogo = __esmMin(() => {
 							fill: "#FF19AF"
 						})
 					}),
-					(0, import_jsx_runtime$31.jsx)("g", {
+					(0, import_jsx_runtime$33.jsx)("g", {
 						filter: "url(#f7_rd)",
-						children: (0, import_jsx_runtime$31.jsx)("ellipse", {
+						children: (0, import_jsx_runtime$33.jsx)("ellipse", {
 							cx: "1.19",
 							cy: "7",
 							rx: "1.19",
@@ -525,9 +541,9 @@ var init_RolldownLogo = __esmMin(() => {
 							fill: "#FF19AF"
 						})
 					}),
-					(0, import_jsx_runtime$31.jsx)("g", {
+					(0, import_jsx_runtime$33.jsx)("g", {
 						filter: "url(#f8_rd)",
-						children: (0, import_jsx_runtime$31.jsx)("ellipse", {
+						children: (0, import_jsx_runtime$33.jsx)("ellipse", {
 							cx: "158.53",
 							cy: "0.97",
 							rx: "1.73",
@@ -536,9 +552,9 @@ var init_RolldownLogo = __esmMin(() => {
 							fill: "#D14B2A"
 						})
 					}),
-					(0, import_jsx_runtime$31.jsx)("g", {
+					(0, import_jsx_runtime$33.jsx)("g", {
 						filter: "url(#f9_rd)",
-						children: (0, import_jsx_runtime$31.jsx)("ellipse", {
+						children: (0, import_jsx_runtime$33.jsx)("ellipse", {
 							cx: "159.71",
 							cy: "9.14",
 							rx: "1.73",
@@ -549,16 +565,16 @@ var init_RolldownLogo = __esmMin(() => {
 					})
 				]
 			}),
-			(0, import_jsx_runtime$31.jsx)("path", {
+			(0, import_jsx_runtime$33.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$31.jsx)("path", {
+			(0, import_jsx_runtime$33.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$31.jsxs)("defs", { children: [
-				(0, import_jsx_runtime$31.jsxs)("filter", {
+			(0, import_jsx_runtime$33.jsxs)("defs", { children: [
+				(0, import_jsx_runtime$33.jsxs)("filter", {
 					id: "f0_rd",
 					x: "165.15",
 					y: "-8.5",
@@ -567,22 +583,22 @@ var init_RolldownLogo = __esmMin(() => {
 					filterUnits: "userSpaceOnUse",
 					colorInterpolationFilters: "sRGB",
 					children: [
-						(0, import_jsx_runtime$31.jsx)("feFlood", {
+						(0, import_jsx_runtime$33.jsx)("feFlood", {
 							floodOpacity: "0",
 							result: "bg"
 						}),
-						(0, import_jsx_runtime$31.jsx)("feBlend", {
+						(0, import_jsx_runtime$33.jsx)("feBlend", {
 							in: "SourceGraphic",
 							in2: "bg",
 							result: "shape"
 						}),
-						(0, import_jsx_runtime$31.jsx)("feGaussianBlur", {
+						(0, import_jsx_runtime$33.jsx)("feGaussianBlur", {
 							stdDeviation: "1.1",
 							result: "blur"
 						})
 					]
 				}),
-				(0, import_jsx_runtime$31.jsxs)("filter", {
+				(0, import_jsx_runtime$33.jsxs)("filter", {
 					id: "f1_rd",
 					x: "164.78",
 					y: "-1.13",
@@ -591,22 +607,22 @@ var init_RolldownLogo = __esmMin(() => {
 					filterUnits: "userSpaceOnUse",
 					colorInterpolationFilters: "sRGB",
 					children: [
-						(0, import_jsx_runtime$31.jsx)("feFlood", {
+						(0, import_jsx_runtime$33.jsx)("feFlood", {
 							floodOpacity: "0",
 							result: "bg"
 						}),
-						(0, import_jsx_runtime$31.jsx)("feBlend", {
+						(0, import_jsx_runtime$33.jsx)("feBlend", {
 							in: "SourceGraphic",
 							in2: "bg",
 							result: "shape"
 						}),
-						(0, import_jsx_runtime$31.jsx)("feGaussianBlur", {
+						(0, import_jsx_runtime$33.jsx)("feGaussianBlur", {
 							stdDeviation: "1.1",
 							result: "blur"
 						})
 					]
 				}),
-				(0, import_jsx_runtime$31.jsxs)("filter", {
+				(0, import_jsx_runtime$33.jsxs)("filter", {
 					id: "f2_rd",
 					x: "151.41",
 					y: "-7.45",
@@ -615,22 +631,22 @@ var init_RolldownLogo = __esmMin(() => {
 					filterUnits: "userSpaceOnUse",
 					colorInterpolationFilters: "sRGB",
 					children: [
-						(0, import_jsx_runtime$31.jsx)("feFlood", {
+						(0, import_jsx_runtime$33.jsx)("feFlood", {
 							floodOpacity: "0",
 							result: "bg"
 						}),
-						(0, import_jsx_runtime$31.jsx)("feBlend", {
+						(0, import_jsx_runtime$33.jsx)("feBlend", {
 							in: "SourceGraphic",
 							in2: "bg",
 							result: "shape"
 						}),
-						(0, import_jsx_runtime$31.jsx)("feGaussianBlur", {
+						(0, import_jsx_runtime$33.jsx)("feGaussianBlur", {
 							stdDeviation: "1.1",
 							result: "blur"
 						})
 					]
 				}),
-				(0, import_jsx_runtime$31.jsxs)("filter", {
+				(0, import_jsx_runtime$33.jsxs)("filter", {
 					id: "f3_rd",
 					x: "153.25",
 					y: "3.02",
@@ -639,22 +655,22 @@ var init_RolldownLogo = __esmMin(() => {
 					filterUnits: "userSpaceOnUse",
 					colorInterpolationFilters: "sRGB",
 					children: [
-						(0, import_jsx_runtime$31.jsx)("feFlood", {
+						(0, import_jsx_runtime$33.jsx)("feFlood", {
 							floodOpacity: "0",
 							result: "bg"
 						}),
-						(0, import_jsx_runtime$31.jsx)("feBlend", {
+						(0, import_jsx_runtime$33.jsx)("feBlend", {
 							in: "SourceGraphic",
 							in2: "bg",
 							result: "shape"
 						}),
-						(0, import_jsx_runtime$31.jsx)("feGaussianBlur", {
+						(0, import_jsx_runtime$33.jsx)("feGaussianBlur", {
 							stdDeviation: "1.1",
 							result: "blur"
 						})
 					]
 				}),
-				(0, import_jsx_runtime$31.jsxs)("filter", {
+				(0, import_jsx_runtime$33.jsxs)("filter", {
 					id: "f4_rd",
 					x: "164.67",
 					y: "-7.45",
@@ -663,22 +679,22 @@ var init_RolldownLogo = __esmMin(() => {
 					filterUnits: "userSpaceOnUse",
 					colorInterpolationFilters: "sRGB",
 					children: [
-						(0, import_jsx_runtime$31.jsx)("feFlood", {
+						(0, import_jsx_runtime$33.jsx)("feFlood", {
 							floodOpacity: "0",
 							result: "bg"
 						}),
-						(0, import_jsx_runtime$31.jsx)("feBlend", {
+						(0, import_jsx_runtime$33.jsx)("feBlend", {
 							in: "SourceGraphic",
 							in2: "bg",
 							result: "shape"
 						}),
-						(0, import_jsx_runtime$31.jsx)("feGaussianBlur", {
+						(0, import_jsx_runtime$33.jsx)("feGaussianBlur", {
 							stdDeviation: "1.1",
 							result: "blur"
 						})
 					]
 				}),
-				(0, import_jsx_runtime$31.jsxs)("filter", {
+				(0, import_jsx_runtime$33.jsxs)("filter", {
 					id: "f5_rd",
 					x: "162.46",
 					y: "3.02",
@@ -687,22 +703,22 @@ var init_RolldownLogo = __esmMin(() => {
 					filterUnits: "userSpaceOnUse",
 					colorInterpolationFilters: "sRGB",
 					children: [
-						(0, import_jsx_runtime$31.jsx)("feFlood", {
+						(0, import_jsx_runtime$33.jsx)("feFlood", {
 							floodOpacity: "0",
 							result: "bg"
 						}),
-						(0, import_jsx_runtime$31.jsx)("feBlend", {
+						(0, import_jsx_runtime$33.jsx)("feBlend", {
 							in: "SourceGraphic",
 							in2: "bg",
 							result: "shape"
 						}),
-						(0, import_jsx_runtime$31.jsx)("feGaussianBlur", {
+						(0, import_jsx_runtime$33.jsx)("feGaussianBlur", {
 							stdDeviation: "1.1",
 							result: "blur"
 						})
 					]
 				}),
-				(0, import_jsx_runtime$31.jsxs)("filter", {
+				(0, import_jsx_runtime$33.jsxs)("filter", {
 					id: "f6_rd",
 					x: "163.56",
 					y: "-7.45",
@@ -711,22 +727,22 @@ var init_RolldownLogo = __esmMin(() => {
 					filterUnits: "userSpaceOnUse",
 					colorInterpolationFilters: "sRGB",
 					children: [
-						(0, import_jsx_runtime$31.jsx)("feFlood", {
+						(0, import_jsx_runtime$33.jsx)("feFlood", {
 							floodOpacity: "0",
 							result: "bg"
 						}),
-						(0, import_jsx_runtime$31.jsx)("feBlend", {
+						(0, import_jsx_runtime$33.jsx)("feBlend", {
 							in: "SourceGraphic",
 							in2: "bg",
 							result: "shape"
 						}),
-						(0, import_jsx_runtime$31.jsx)("feGaussianBlur", {
+						(0, import_jsx_runtime$33.jsx)("feGaussianBlur", {
 							stdDeviation: "1.1",
 							result: "blur"
 						})
 					]
 				}),
-				(0, import_jsx_runtime$31.jsxs)("filter", {
+				(0, import_jsx_runtime$33.jsxs)("filter", {
 					id: "f7_rd",
 					x: "161.72",
 					y: "3.02",
@@ -735,22 +751,22 @@ var init_RolldownLogo = __esmMin(() => {
 					filterUnits: "userSpaceOnUse",
 					colorInterpolationFilters: "sRGB",
 					children: [
-						(0, import_jsx_runtime$31.jsx)("feFlood", {
+						(0, import_jsx_runtime$33.jsx)("feFlood", {
 							floodOpacity: "0",
 							result: "bg"
 						}),
-						(0, import_jsx_runtime$31.jsx)("feBlend", {
+						(0, import_jsx_runtime$33.jsx)("feBlend", {
 							in: "SourceGraphic",
 							in2: "bg",
 							result: "shape"
 						}),
-						(0, import_jsx_runtime$31.jsx)("feGaussianBlur", {
+						(0, import_jsx_runtime$33.jsx)("feGaussianBlur", {
 							stdDeviation: "1.1",
 							result: "blur"
 						})
 					]
 				}),
-				(0, import_jsx_runtime$31.jsxs)("filter", {
+				(0, import_jsx_runtime$33.jsxs)("filter", {
 					id: "f8_rd",
 					x: "151.2",
 					y: "-7.07",
@@ -759,22 +775,22 @@ var init_RolldownLogo = __esmMin(() => {
 					filterUnits: "userSpaceOnUse",
 					colorInterpolationFilters: "sRGB",
 					children: [
-						(0, import_jsx_runtime$31.jsx)("feFlood", {
+						(0, import_jsx_runtime$33.jsx)("feFlood", {
 							floodOpacity: "0",
 							result: "bg"
 						}),
-						(0, import_jsx_runtime$31.jsx)("feBlend", {
+						(0, import_jsx_runtime$33.jsx)("feBlend", {
 							in: "SourceGraphic",
 							in2: "bg",
 							result: "shape"
 						}),
-						(0, import_jsx_runtime$31.jsx)("feGaussianBlur", {
+						(0, import_jsx_runtime$33.jsx)("feGaussianBlur", {
 							stdDeviation: "1.1",
 							result: "blur"
 						})
 					]
 				}),
-				(0, import_jsx_runtime$31.jsxs)("filter", {
+				(0, import_jsx_runtime$33.jsxs)("filter", {
 					id: "f9_rd",
 					x: "152.85",
 					y: "0.72",
@@ -783,16 +799,16 @@ var init_RolldownLogo = __esmMin(() => {
 					filterUnits: "userSpaceOnUse",
 					colorInterpolationFilters: "sRGB",
 					children: [
-						(0, import_jsx_runtime$31.jsx)("feFlood", {
+						(0, import_jsx_runtime$33.jsx)("feFlood", {
 							floodOpacity: "0",
 							result: "bg"
 						}),
-						(0, import_jsx_runtime$31.jsx)("feBlend", {
+						(0, import_jsx_runtime$33.jsx)("feBlend", {
 							in: "SourceGraphic",
 							in2: "bg",
 							result: "shape"
 						}),
-						(0, import_jsx_runtime$31.jsx)("feGaussianBlur", {
+						(0, import_jsx_runtime$33.jsx)("feGaussianBlur", {
 							stdDeviation: "1.1",
 							result: "blur"
 						})
@@ -801,21 +817,21 @@ var init_RolldownLogo = __esmMin(() => {
 			] })
 		]
 	});
-}), import_jsx_runtime$30, ViteLogo;
+}), import_jsx_runtime$32, ViteLogo;
 var init_ViteLogo = __esmMin(() => {
 	__toESM(require_react(), 1);
-	import_jsx_runtime$30 = __toESM(require_jsx_runtime(), 1);
-	ViteLogo = ({ className = "w-auto h-12" }) => (0, import_jsx_runtime$30.jsxs)("svg", {
+	import_jsx_runtime$32 = __toESM(require_jsx_runtime(), 1);
+	ViteLogo = ({ className = "w-auto h-12" }) => (0, import_jsx_runtime$32.jsxs)("svg", {
 		viewBox: "0 0 87 15",
 		fill: "none",
 		xmlns: "http://www.w3.org/2000/svg",
 		className,
 		children: [
-			(0, import_jsx_runtime$30.jsx)("path", {
+			(0, import_jsx_runtime$32.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$30.jsx)("mask", {
+			(0, import_jsx_runtime$32.jsx)("mask", {
 				id: "mask0_vite",
 				style: { maskType: "alpha" },
 				maskUnits: "userSpaceOnUse",
@@ -823,17 +839,17 @@ var init_ViteLogo = __esmMin(() => {
 				y: "0",
 				width: "16",
 				height: "15",
-				children: (0, import_jsx_runtime$30.jsx)("path", {
+				children: (0, import_jsx_runtime$32.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$30.jsxs)("g", {
+			(0, import_jsx_runtime$32.jsxs)("g", {
 				mask: "url(#mask0_vite)",
 				children: [
-					(0, import_jsx_runtime$30.jsx)("g", {
+					(0, import_jsx_runtime$32.jsx)("g", {
 						filter: "url(#f0_vite)",
-						children: (0, import_jsx_runtime$30.jsx)("ellipse", {
+						children: (0, import_jsx_runtime$32.jsx)("ellipse", {
 							cx: "1.766",
 							cy: "4.714",
 							rx: "1.766",
@@ -842,9 +858,9 @@ var init_ViteLogo = __esmMin(() => {
 							fill: "#EDE6FF"
 						})
 					}),
-					(0, import_jsx_runtime$30.jsx)("g", {
+					(0, import_jsx_runtime$32.jsx)("g", {
 						filter: "url(#f1_vite)",
-						children: (0, import_jsx_runtime$30.jsx)("ellipse", {
+						children: (0, import_jsx_runtime$32.jsx)("ellipse", {
 							cx: "3.334",
 							cy: "9.57",
 							rx: "3.334",
@@ -853,9 +869,9 @@ var init_ViteLogo = __esmMin(() => {
 							fill: "#EDE6FF"
 						})
 					}),
-					(0, import_jsx_runtime$30.jsx)("g", {
+					(0, import_jsx_runtime$32.jsx)("g", {
 						filter: "url(#f2_vite)",
-						children: (0, import_jsx_runtime$30.jsx)("ellipse", {
+						children: (0, import_jsx_runtime$32.jsx)("ellipse", {
 							cx: "1.766",
 							cy: "9.774",
 							rx: "1.766",
@@ -864,9 +880,9 @@ var init_ViteLogo = __esmMin(() => {
 							fill: "#7E14FF"
 						})
 					}),
-					(0, import_jsx_runtime$30.jsx)("g", {
+					(0, import_jsx_runtime$32.jsx)("g", {
 						filter: "url(#f3_vite)",
-						children: (0, import_jsx_runtime$30.jsx)("ellipse", {
+						children: (0, import_jsx_runtime$32.jsx)("ellipse", {
 							cx: "1.766",
 							cy: "9.81",
 							rx: "1.766",
@@ -875,9 +891,9 @@ var init_ViteLogo = __esmMin(() => {
 							fill: "#7E14FF"
 						})
 					}),
-					(0, import_jsx_runtime$30.jsx)("g", {
+					(0, import_jsx_runtime$32.jsx)("g", {
 						filter: "url(#f4_vite)",
-						children: (0, import_jsx_runtime$30.jsx)("ellipse", {
+						children: (0, import_jsx_runtime$32.jsx)("ellipse", {
 							cx: "1.766",
 							cy: "9.81",
 							rx: "1.766",
@@ -886,9 +902,9 @@ var init_ViteLogo = __esmMin(() => {
 							fill: "#7E14FF"
 						})
 					}),
-					(0, import_jsx_runtime$30.jsx)("g", {
+					(0, import_jsx_runtime$32.jsx)("g", {
 						filter: "url(#f5_vite)",
-						children: (0, import_jsx_runtime$30.jsx)("ellipse", {
+						children: (0, import_jsx_runtime$32.jsx)("ellipse", {
 							cx: "4.511",
 							cy: "7.078",
 							rx: "4.511",
@@ -897,9 +913,9 @@ var init_ViteLogo = __esmMin(() => {
 							fill: "#EDE6FF"
 						})
 					}),
-					(0, import_jsx_runtime$30.jsx)("g", {
+					(0, import_jsx_runtime$32.jsx)("g", {
 						filter: "url(#f6_vite)",
-						children: (0, import_jsx_runtime$30.jsx)("ellipse", {
+						children: (0, import_jsx_runtime$32.jsx)("ellipse", {
 							cx: "1.113",
 							cy: "6.893",
 							rx: "1.113",
@@ -908,9 +924,9 @@ var init_ViteLogo = __esmMin(() => {
 							fill: "#7E14FF"
 						})
 					}),
-					(0, import_jsx_runtime$30.jsx)("g", {
+					(0, import_jsx_runtime$32.jsx)("g", {
 						filter: "url(#f7_vite)",
-						children: (0, import_jsx_runtime$30.jsx)("ellipse", {
+						children: (0, import_jsx_runtime$32.jsx)("ellipse", {
 							cx: "66.749",
 							cy: "3.123",
 							rx: "1.413",
@@ -919,9 +935,9 @@ var init_ViteLogo = __esmMin(() => {
 							fill: "#7E14FF"
 						})
 					}),
-					(0, import_jsx_runtime$30.jsx)("g", {
+					(0, import_jsx_runtime$32.jsx)("g", {
 						filter: "url(#f8_vite)",
-						children: (0, import_jsx_runtime$30.jsx)("ellipse", {
+						children: (0, import_jsx_runtime$32.jsx)("ellipse", {
 							cx: "81.86",
 							cy: "-1.706",
 							rx: "1.413",
@@ -930,9 +946,9 @@ var init_ViteLogo = __esmMin(() => {
 							fill: "#7E14FF"
 						})
 					}),
-					(0, import_jsx_runtime$30.jsx)("g", {
+					(0, import_jsx_runtime$32.jsx)("g", {
 						filter: "url(#f9_vite)",
-						children: (0, import_jsx_runtime$30.jsx)("ellipse", {
+						children: (0, import_jsx_runtime$32.jsx)("ellipse", {
 							cx: "79.902",
 							cy: "2.278",
 							rx: "1.914",
@@ -941,9 +957,9 @@ var init_ViteLogo = __esmMin(() => {
 							fill: "#47BFFF"
 						})
 					}),
-					(0, import_jsx_runtime$30.jsx)("g", {
+					(0, import_jsx_runtime$32.jsx)("g", {
 						filter: "url(#f10_vite)",
-						children: (0, import_jsx_runtime$30.jsx)("ellipse", {
+						children: (0, import_jsx_runtime$32.jsx)("ellipse", {
 							cx: "66.022",
 							cy: "12.536",
 							rx: "1.413",
@@ -952,9 +968,9 @@ var init_ViteLogo = __esmMin(() => {
 							fill: "#7E14FF"
 						})
 					}),
-					(0, import_jsx_runtime$30.jsx)("g", {
+					(0, import_jsx_runtime$32.jsx)("g", {
 						filter: "url(#f11_vite)",
-						children: (0, import_jsx_runtime$30.jsx)("ellipse", {
+						children: (0, import_jsx_runtime$32.jsx)("ellipse", {
 							cx: "78.055",
 							cy: "9.835",
 							rx: "1.413",
@@ -963,9 +979,9 @@ var init_ViteLogo = __esmMin(() => {
 							fill: "#7E14FF"
 						})
 					}),
-					(0, import_jsx_runtime$30.jsx)("g", {
+					(0, import_jsx_runtime$32.jsx)("g", {
 						filter: "url(#f12_vite)",
-						children: (0, import_jsx_runtime$30.jsx)("ellipse", {
+						children: (0, import_jsx_runtime$32.jsx)("ellipse", {
 							cx: "78.941",
 							cy: "10.634",
 							rx: "1.914",
@@ -976,20 +992,20 @@ var init_ViteLogo = __esmMin(() => {
 					})
 				]
 			}),
-			(0, import_jsx_runtime$30.jsx)("path", {
+			(0, import_jsx_runtime$32.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$30.jsx)("path", {
+			(0, import_jsx_runtime$32.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$30.jsx)("path", {
+			(0, import_jsx_runtime$32.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$30.jsxs)("defs", { children: [
-				(0, import_jsx_runtime$30.jsxs)("filter", {
+			(0, import_jsx_runtime$32.jsxs)("defs", { children: [
+				(0, import_jsx_runtime$32.jsxs)("filter", {
 					id: "f0_vite",
 					x: "60.29",
 					y: "5.42",
@@ -998,22 +1014,22 @@ var init_ViteLogo = __esmMin(() => {
 					filterUnits: "userSpaceOnUse",
 					colorInterpolationFilters: "sRGB",
 					children: [
-						(0, import_jsx_runtime$30.jsx)("feFlood", {
+						(0, import_jsx_runtime$32.jsx)("feFlood", {
 							floodOpacity: "0",
 							result: "bg"
 						}),
-						(0, import_jsx_runtime$30.jsx)("feBlend", {
+						(0, import_jsx_runtime$32.jsx)("feBlend", {
 							in: "SourceGraphic",
 							in2: "bg",
 							result: "shape"
 						}),
-						(0, import_jsx_runtime$30.jsx)("feGaussianBlur", {
+						(0, import_jsx_runtime$32.jsx)("feGaussianBlur", {
 							stdDeviation: "2.46",
 							result: "blur"
 						})
 					]
 				}),
-				(0, import_jsx_runtime$30.jsxs)("filter", {
+				(0, import_jsx_runtime$32.jsxs)("filter", {
 					id: "f1_vite",
 					x: "49.12",
 					y: "-2.17",
@@ -1022,22 +1038,22 @@ var init_ViteLogo = __esmMin(() => {
 					filterUnits: "userSpaceOnUse",
 					colorInterpolationFilters: "sRGB",
 					children: [
-						(0, import_jsx_runtime$30.jsx)("feFlood", {
+						(0, import_jsx_runtime$32.jsx)("feFlood", {
 							floodOpacity: "0",
 							result: "bg"
 						}),
-						(0, import_jsx_runtime$30.jsx)("feBlend", {
+						(0, import_jsx_runtime$32.jsx)("feBlend", {
 							in: "SourceGraphic",
 							in2: "bg",
 							result: "shape"
 						}),
-						(0, import_jsx_runtime$30.jsx)("feGaussianBlur", {
+						(0, import_jsx_runtime$32.jsx)("feGaussianBlur", {
 							stdDeviation: "2.46",
 							result: "blur"
 						})
 					]
 				}),
-				(0, import_jsx_runtime$30.jsxs)("filter", {
+				(0, import_jsx_runtime$32.jsxs)("filter", {
 					id: "f2_vite",
 					x: "50.71",
 					y: "0.9",
@@ -1046,22 +1062,22 @@ var init_ViteLogo = __esmMin(() => {
 					filterUnits: "userSpaceOnUse",
 					colorInterpolationFilters: "sRGB",
 					children: [
-						(0, import_jsx_runtime$30.jsx)("feFlood", {
+						(0, import_jsx_runtime$32.jsx)("feFlood", {
 							floodOpacity: "0",
 							result: "bg"
 						}),
-						(0, import_jsx_runtime$30.jsx)("feBlend", {
+						(0, import_jsx_runtime$32.jsx)("feBlend", {
 							in: "SourceGraphic",
 							in2: "bg",
 							result: "shape"
 						}),
-						(0, import_jsx_runtime$30.jsx)("feGaussianBlur", {
+						(0, import_jsx_runtime$32.jsx)("feGaussianBlur", {
 							stdDeviation: "1.47",
 							result: "blur"
 						})
 					]
 				}),
-				(0, import_jsx_runtime$30.jsxs)("filter", {
+				(0, import_jsx_runtime$32.jsxs)("filter", {
 					id: "f3_vite",
 					x: "52.18",
 					y: "6.67",
@@ -1070,22 +1086,22 @@ var init_ViteLogo = __esmMin(() => {
 					filterUnits: "userSpaceOnUse",
 					colorInterpolationFilters: "sRGB",
 					children: [
-						(0, import_jsx_runtime$30.jsx)("feFlood", {
+						(0, import_jsx_runtime$32.jsx)("feFlood", {
 							floodOpacity: "0",
 							result: "bg"
 						}),
-						(0, import_jsx_runtime$30.jsx)("feBlend", {
+						(0, import_jsx_runtime$32.jsx)("feBlend", {
 							in: "SourceGraphic",
 							in2: "bg",
 							result: "shape"
 						}),
-						(0, import_jsx_runtime$30.jsx)("feGaussianBlur", {
+						(0, import_jsx_runtime$32.jsx)("feGaussianBlur", {
 							stdDeviation: "1.47",
 							result: "blur"
 						})
 					]
 				}),
-				(0, import_jsx_runtime$30.jsxs)("filter", {
+				(0, import_jsx_runtime$32.jsxs)("filter", {
 					id: "f4_vite",
 					x: "52.68",
 					y: "7.04",
@@ -1094,22 +1110,22 @@ var init_ViteLogo = __esmMin(() => {
 					filterUnits: "userSpaceOnUse",
 					colorInterpolationFilters: "sRGB",
 					children: [
-						(0, import_jsx_runtime$30.jsx)("feFlood", {
+						(0, import_jsx_runtime$32.jsx)("feFlood", {
 							floodOpacity: "0",
 							result: "bg"
 						}),
-						(0, import_jsx_runtime$30.jsx)("feBlend", {
+						(0, import_jsx_runtime$32.jsx)("feBlend", {
 							in: "SourceGraphic",
 							in2: "bg",
 							result: "shape"
 						}),
-						(0, import_jsx_runtime$30.jsx)("feGaussianBlur", {
+						(0, import_jsx_runtime$32.jsx)("feGaussianBlur", {
 							stdDeviation: "1.47",
 							result: "blur"
 						})
 					]
 				}),
-				(0, import_jsx_runtime$30.jsxs)("filter", {
+				(0, import_jsx_runtime$32.jsxs)("filter", {
 					id: "f5_vite",
 					x: "71.68",
 					y: "-5.49",
@@ -1118,22 +1134,22 @@ var init_ViteLogo = __esmMin(() => {
 					filterUnits: "userSpaceOnUse",
 					colorInterpolationFilters: "sRGB",
 					children: [
-						(0, import_jsx_runtime$30.jsx)("feFlood", {
+						(0, import_jsx_runtime$32.jsx)("feFlood", {
 							floodOpacity: "0",
 							result: "bg"
 						}),
-						(0, import_jsx_runtime$30.jsx)("feBlend", {
+						(0, import_jsx_runtime$32.jsx)("feBlend", {
 							in: "SourceGraphic",
 							in2: "bg",
 							result: "shape"
 						}),
-						(0, import_jsx_runtime$30.jsx)("feGaussianBlur", {
+						(0, import_jsx_runtime$32.jsx)("feGaussianBlur", {
 							stdDeviation: "2.46",
 							result: "blur"
 						})
 					]
 				}),
-				(0, import_jsx_runtime$30.jsxs)("filter", {
+				(0, import_jsx_runtime$32.jsxs)("filter", {
 					id: "f6_vite",
 					x: "74.17",
 					y: "0.98",
@@ -1142,22 +1158,22 @@ var init_ViteLogo = __esmMin(() => {
 					filterUnits: "userSpaceOnUse",
 					colorInterpolationFilters: "sRGB",
 					children: [
-						(0, import_jsx_runtime$30.jsx)("feFlood", {
+						(0, import_jsx_runtime$32.jsx)("feFlood", {
 							floodOpacity: "0",
 							result: "bg"
 						}),
-						(0, import_jsx_runtime$30.jsx)("feBlend", {
+						(0, import_jsx_runtime$32.jsx)("feBlend", {
 							in: "SourceGraphic",
 							in2: "bg",
 							result: "shape"
 						}),
-						(0, import_jsx_runtime$30.jsx)("feGaussianBlur", {
+						(0, import_jsx_runtime$32.jsx)("feGaussianBlur", {
 							stdDeviation: "1.47",
 							result: "blur"
 						})
 					]
 				}),
-				(0, import_jsx_runtime$30.jsxs)("filter", {
+				(0, import_jsx_runtime$32.jsxs)("filter", {
 					id: "f7_vite",
 					x: "57.77",
 					y: "-7.08",
@@ -1166,22 +1182,22 @@ var init_ViteLogo = __esmMin(() => {
 					filterUnits: "userSpaceOnUse",
 					colorInterpolationFilters: "sRGB",
 					children: [
-						(0, import_jsx_runtime$30.jsx)("feFlood", {
+						(0, import_jsx_runtime$32.jsx)("feFlood", {
 							floodOpacity: "0",
 							result: "bg"
 						}),
-						(0, import_jsx_runtime$30.jsx)("feBlend", {
+						(0, import_jsx_runtime$32.jsx)("feBlend", {
 							in: "SourceGraphic",
 							in2: "bg",
 							result: "shape"
 						}),
-						(0, import_jsx_runtime$30.jsx)("feGaussianBlur", {
+						(0, import_jsx_runtime$32.jsx)("feGaussianBlur", {
 							stdDeviation: "1.47",
 							result: "blur"
 						})
 					]
 				}),
-				(0, import_jsx_runtime$30.jsxs)("filter", {
+				(0, import_jsx_runtime$32.jsxs)("filter", {
 					id: "f8_vite",
 					x: "73.07",
 					y: "-12.07",
@@ -1190,22 +1206,22 @@ var init_ViteLogo = __esmMin(() => {
 					filterUnits: "userSpaceOnUse",
 					colorInterpolationFilters: "sRGB",
 					children: [
-						(0, import_jsx_runtime$30.jsx)("feFlood", {
+						(0, import_jsx_runtime$32.jsx)("feFlood", {
 							floodOpacity: "0",
 							result: "bg"
 						}),
-						(0, import_jsx_runtime$30.jsx)("feBlend", {
+						(0, import_jsx_runtime$32.jsx)("feBlend", {
 							in: "SourceGraphic",
 							in2: "bg",
 							result: "shape"
 						}),
-						(0, import_jsx_runtime$30.jsx)("feGaussianBlur", {
+						(0, import_jsx_runtime$32.jsx)("feGaussianBlur", {
 							stdDeviation: "1.47",
 							result: "blur"
 						})
 					]
 				}),
-				(0, import_jsx_runtime$30.jsxs)("filter", {
+				(0, import_jsx_runtime$32.jsxs)("filter", {
 					id: "f9_vite",
 					x: "74.53",
 					y: "-3.38",
@@ -1214,22 +1230,22 @@ var init_ViteLogo = __esmMin(() => {
 					filterUnits: "userSpaceOnUse",
 					colorInterpolationFilters: "sRGB",
 					children: [
-						(0, import_jsx_runtime$30.jsx)("feFlood", {
+						(0, import_jsx_runtime$32.jsx)("feFlood", {
 							floodOpacity: "0",
 							result: "bg"
 						}),
-						(0, import_jsx_runtime$30.jsx)("feBlend", {
+						(0, import_jsx_runtime$32.jsx)("feBlend", {
 							in: "SourceGraphic",
 							in2: "bg",
 							result: "shape"
 						}),
-						(0, import_jsx_runtime$30.jsx)("feGaussianBlur", {
+						(0, import_jsx_runtime$32.jsx)("feGaussianBlur", {
 							stdDeviation: "1.47",
 							result: "blur"
 						})
 					]
 				}),
-				(0, import_jsx_runtime$30.jsxs)("filter", {
+				(0, import_jsx_runtime$32.jsxs)("filter", {
 					id: "f10_vite",
 					x: "57.24",
 					y: "2.17",
@@ -1238,22 +1254,22 @@ var init_ViteLogo = __esmMin(() => {
 					filterUnits: "userSpaceOnUse",
 					colorInterpolationFilters: "sRGB",
 					children: [
-						(0, import_jsx_runtime$30.jsx)("feFlood", {
+						(0, import_jsx_runtime$32.jsx)("feFlood", {
 							floodOpacity: "0",
 							result: "bg"
 						}),
-						(0, import_jsx_runtime$30.jsx)("feBlend", {
+						(0, import_jsx_runtime$32.jsx)("feBlend", {
 							in: "SourceGraphic",
 							in2: "bg",
 							result: "shape"
 						}),
-						(0, import_jsx_runtime$30.jsx)("feGaussianBlur", {
+						(0, import_jsx_runtime$32.jsx)("feGaussianBlur", {
 							stdDeviation: "1.47",
 							result: "blur"
 						})
 					]
 				}),
-				(0, import_jsx_runtime$30.jsxs)("filter", {
+				(0, import_jsx_runtime$32.jsxs)("filter", {
 					id: "f11_vite",
 					x: "69.27",
 					y: "-0.53",
@@ -1262,22 +1278,22 @@ var init_ViteLogo = __esmMin(() => {
 					filterUnits: "userSpaceOnUse",
 					colorInterpolationFilters: "sRGB",
 					children: [
-						(0, import_jsx_runtime$30.jsx)("feFlood", {
+						(0, import_jsx_runtime$32.jsx)("feFlood", {
 							floodOpacity: "0",
 							result: "bg"
 						}),
-						(0, import_jsx_runtime$30.jsx)("feBlend", {
+						(0, import_jsx_runtime$32.jsx)("feBlend", {
 							in: "SourceGraphic",
 							in2: "bg",
 							result: "shape"
 						}),
-						(0, import_jsx_runtime$30.jsx)("feGaussianBlur", {
+						(0, import_jsx_runtime$32.jsx)("feGaussianBlur", {
 							stdDeviation: "1.47",
 							result: "blur"
 						})
 					]
 				}),
-				(0, import_jsx_runtime$30.jsxs)("filter", {
+				(0, import_jsx_runtime$32.jsxs)("filter", {
 					id: "f12_vite",
 					x: "72.62",
 					y: "3.64",
@@ -1286,16 +1302,16 @@ var init_ViteLogo = __esmMin(() => {
 					filterUnits: "userSpaceOnUse",
 					colorInterpolationFilters: "sRGB",
 					children: [
-						(0, import_jsx_runtime$30.jsx)("feFlood", {
+						(0, import_jsx_runtime$32.jsx)("feFlood", {
 							floodOpacity: "0",
 							result: "bg"
 						}),
-						(0, import_jsx_runtime$30.jsx)("feBlend", {
+						(0, import_jsx_runtime$32.jsx)("feBlend", {
 							in: "SourceGraphic",
 							in2: "bg",
 							result: "shape"
 						}),
-						(0, import_jsx_runtime$30.jsx)("feGaussianBlur", {
+						(0, import_jsx_runtime$32.jsx)("feGaussianBlur", {
 							stdDeviation: "1.47",
 							result: "blur"
 						})
@@ -1304,7 +1320,7 @@ var init_ViteLogo = __esmMin(() => {
 			] })
 		]
 	});
-}), import_jsx_runtime$29, DefaultLayout;
+}), import_jsx_runtime$31, DefaultLayout;
 var init_DefaultLayout = __esmMin(() => {
 	init_dist();
 	init_clsx();
@@ -1313,10 +1329,10 @@ var init_DefaultLayout = __esmMin(() => {
 	init_GlowImage();
 	init_RolldownLogo();
 	init_ViteLogo();
-	import_jsx_runtime$29 = __toESM(require_jsx_runtime(), 1);
+	import_jsx_runtime$31 = __toESM(require_jsx_runtime(), 1);
 	DefaultLayout = ({ children, version, data, scale = 3, className = "", style = {} }) => {
 		const { useDarkTheme } = data;
-		return (0, import_jsx_runtime$29.jsx)(HeroUIProvider, { children: (0, import_jsx_runtime$29.jsxs)("div", {
+		return (0, import_jsx_runtime$31.jsx)(HeroUIProvider, { children: (0, import_jsx_runtime$31.jsxs)("div", {
 			className: clsx_default("w-360", "bg-default-50 text-default-900", "font-[HarmonyOSHans-Regular]", className, { dark: useDarkTheme }),
 			id: "container",
 			style: {
@@ -1325,130 +1341,130 @@ var init_DefaultLayout = __esmMin(() => {
 				width: "1440px",
 				...style
 			},
-			children: [children, version ? (0, import_jsx_runtime$29.jsx)("div", {
-				className: "pt-32 pb-20 text-default-800",
-				children: (0, import_jsx_runtime$29.jsxs)("div", {
+			children: [children, version ? (0, import_jsx_runtime$31.jsx)("div", {
+				className: "relative z-50 pt-32 pb-20 text-default-800",
+				children: (0, import_jsx_runtime$31.jsxs)("div", {
 					className: "flex relative justify-center items-center space-x-8",
 					children: [
-						(0, import_jsx_runtime$29.jsxs)("div", {
+						(0, import_jsx_runtime$31.jsxs)("div", {
 							className: "flex items-end space-x-8",
-							children: [(0, import_jsx_runtime$29.jsx)(GlowImage, {
+							children: [(0, import_jsx_runtime$31.jsx)(GlowImage, {
 								glowStrength: useDarkTheme ? 1 : 0,
 								blurRadius: 20,
-								children: (0, import_jsx_runtime$29.jsxs)("svg", {
+								children: (0, import_jsx_runtime$31.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$29.jsx)("path", {
+										(0, import_jsx_runtime$31.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$29.jsx)("path", {
+										(0, import_jsx_runtime$31.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$29.jsx)("path", {
+										(0, import_jsx_runtime$31.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$29.jsxs)("div", {
+							}), (0, import_jsx_runtime$31.jsxs)("div", {
 								className: "flex flex-col items-start opacity-90",
-								children: [(0, import_jsx_runtime$29.jsx)("div", {
+								children: [(0, import_jsx_runtime$31.jsx)("div", {
 									className: "flex items-center mb-1 space-x-2 text-sm font-bold uppercase text-default-900",
-									children: (0, import_jsx_runtime$29.jsx)("span", { children: version.plugin })
-								}), (0, import_jsx_runtime$29.jsx)("span", {
+									children: (0, import_jsx_runtime$31.jsx)("span", { children: version.plugin })
+								}), (0, import_jsx_runtime$31.jsx)("span", {
 									className: "text-5xl font-black",
 									children: version.pluginName
 								})]
 							})]
 						}),
-						(0, import_jsx_runtime$29.jsxs)("div", {
+						(0, import_jsx_runtime$31.jsxs)("div", {
 							className: "flex flex-col items-start opacity-90",
-							children: [(0, import_jsx_runtime$29.jsxs)("div", {
+							children: [(0, import_jsx_runtime$31.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$29.jsx)(CircleFadingArrowUp, {
+									version.hasUpdate && (0, import_jsx_runtime$31.jsx)(CircleFadingArrowUp, {
 										strokeWidth: 3,
 										className: "w-4 h-4 text-success"
 									}),
-									!version.hasUpdate && version.releaseType === "Stable" && (0, import_jsx_runtime$29.jsx)(CircleCheckBig, {
+									!version.hasUpdate && version.releaseType === "Stable" && (0, import_jsx_runtime$31.jsx)(CircleCheckBig, {
 										strokeWidth: 3,
 										className: "w-4 h-4"
 									}),
-									!version.hasUpdate && version.releaseType === "Preview" && (0, import_jsx_runtime$29.jsx)(TriangleAlert, {
+									!version.hasUpdate && version.releaseType === "Preview" && (0, import_jsx_runtime$31.jsx)(TriangleAlert, {
 										strokeWidth: 3,
 										className: "w-4 h-4 text-warning"
 									}),
-									!version.hasUpdate && version.releaseType !== "Stable" && version.releaseType !== "Preview" && (0, import_jsx_runtime$29.jsx)(Info, {
+									!version.hasUpdate && version.releaseType !== "Stable" && version.releaseType !== "Preview" && (0, import_jsx_runtime$31.jsx)(Info, {
 										strokeWidth: 3,
 										className: "w-4 h-4"
 									}),
-									(0, import_jsx_runtime$29.jsx)("span", {
+									(0, import_jsx_runtime$31.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$29.jsxs)("span", {
+							}), (0, import_jsx_runtime$31.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$29.jsx)("div", { className: "w-1 h-14 opacity-90 bg-default-900" }),
-						(0, import_jsx_runtime$29.jsxs)("div", {
+						(0, import_jsx_runtime$31.jsx)("div", { className: "w-1 h-14 opacity-90 bg-default-900" }),
+						(0, import_jsx_runtime$31.jsxs)("div", {
 							className: "flex items-end space-x-8",
-							children: [(0, import_jsx_runtime$29.jsx)(GlowImage, {
+							children: [(0, import_jsx_runtime$31.jsx)(GlowImage, {
 								src: "/image/frame-logo.png",
 								alt: "logo",
 								imgClassName: "w-auto h-18",
 								glowStrength: useDarkTheme ? 1 : 0,
 								blurRadius: 40
-							}), (0, import_jsx_runtime$29.jsxs)("div", {
+							}), (0, import_jsx_runtime$31.jsxs)("div", {
 								className: "flex flex-col items-start",
-								children: [(0, import_jsx_runtime$29.jsxs)("div", {
+								children: [(0, import_jsx_runtime$31.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$29.jsx)(Zap, {
+									children: [(0, import_jsx_runtime$31.jsx)(Zap, {
 										strokeWidth: 3,
 										className: "w-4 h-4 opacity-90"
-									}), (0, import_jsx_runtime$29.jsx)("span", {
+									}), (0, import_jsx_runtime$31.jsx)("span", {
 										className: "opacity-90",
 										children: "Power By"
 									})]
-								}), (0, import_jsx_runtime$29.jsxs)("div", {
+								}), (0, import_jsx_runtime$31.jsxs)("div", {
 									className: "flex items-end space-x-2",
-									children: [(0, import_jsx_runtime$29.jsx)("span", {
+									children: [(0, import_jsx_runtime$31.jsx)("span", {
 										className: "text-5xl font-black leading-none opacity-90",
 										children: version.poweredBy
-									}), (0, import_jsx_runtime$29.jsxs)("span", {
+									}), (0, import_jsx_runtime$31.jsxs)("span", {
 										className: "pb-1 text-2xl font-bold leading-none opacity-90",
 										children: ["v", version.frameworkVersion]
 									})]
 								})]
 							})]
 						}),
-						version.releaseType === "Stable" && (0, import_jsx_runtime$29.jsxs)(import_jsx_runtime$29.Fragment, { children: [(0, import_jsx_runtime$29.jsx)("div", { className: "w-1 h-14 opacity-90 bg-default-900" }), (0, import_jsx_runtime$29.jsxs)("div", {
+						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", {
 							className: "flex flex-col items-start space-y-4",
-							children: [(0, import_jsx_runtime$29.jsx)("div", {
+							children: [(0, import_jsx_runtime$31.jsx)("div", {
 								className: "flex items-end space-x-2",
-								children: (0, import_jsx_runtime$29.jsx)(GlowImage, {
+								children: (0, import_jsx_runtime$31.jsx)(GlowImage, {
 									glowStrength: useDarkTheme ? 1 : 0,
 									blurRadius: 6,
-									children: (0, import_jsx_runtime$29.jsx)(RolldownLogo, { className: "w-auto h-4" })
+									children: (0, import_jsx_runtime$31.jsx)(RolldownLogo, { className: "w-auto h-4" })
 								})
-							}), (0, import_jsx_runtime$29.jsx)(GlowImage, {
+							}), (0, import_jsx_runtime$31.jsx)(GlowImage, {
 								glowStrength: useDarkTheme ? 1 : 0,
 								blurRadius: 12,
-								children: (0, import_jsx_runtime$29.jsx)(ViteLogo, { className: "w-auto h-8" })
+								children: (0, import_jsx_runtime$31.jsx)(ViteLogo, { className: "w-auto h-8" })
 							})]
 						})] })
 					]
 				})
-			}) : (0, import_jsx_runtime$29.jsx)("div", { className: "h-24" })]
+			}) : (0, import_jsx_runtime$31.jsx)("div", { className: "h-24" })]
 		}) });
 	};
 });
@@ -1456,45 +1472,45 @@ var Comment_exports$3 = __export({
 	DouyinComment: () => DouyinComment,
 	default: () => Comment_default$3
 }, 1);
-var import_react$30, import_jsx_runtime$28, QRCodeSection$3, VideoInfoHeader$1, organizeReplies, ReplyItemComponent, CommentItemComponent$2, DouyinComment, Comment_default$3;
+var import_react$32, import_jsx_runtime$30, QRCodeSection$3, VideoInfoHeader$1, organizeReplies, ReplyItemComponent, CommentItemComponent$2, DouyinComment, Comment_default$3;
 var init_Comment$3 = __esmMin(() => {
 	init_clsx();
 	init_lucide_react();
-	import_react$30 = __toESM(require_react(), 1);
+	import_react$32 = __toESM(require_react(), 1);
 	init_io5();
 	init_DefaultLayout();
-	import_jsx_runtime$28 = __toESM(require_jsx_runtime(), 1);
-	QRCodeSection$3 = ({ qrCodeDataUrl }) => (0, import_jsx_runtime$28.jsx)("div", {
+	import_jsx_runtime$30 = __toESM(require_jsx_runtime(), 1);
+	QRCodeSection$3 = ({ qrCodeDataUrl }) => (0, import_jsx_runtime$30.jsx)("div", {
 		className: "flex flex-col items-center",
-		children: (0, import_jsx_runtime$28.jsx)("div", {
+		children: (0, import_jsx_runtime$30.jsx)("div", {
 			className: "flex justify-center items-center w-100 h-100 p-4",
-			children: qrCodeDataUrl ? (0, import_jsx_runtime$28.jsx)("img", {
+			children: qrCodeDataUrl ? (0, import_jsx_runtime$30.jsx)("img", {
 				src: qrCodeDataUrl,
 				alt: "二维码",
 				className: "object-contain w-full h-full rounded-lg"
-			}) : (0, import_jsx_runtime$28.jsxs)("div", {
+			}) : (0, import_jsx_runtime$30.jsxs)("div", {
 				className: "flex flex-col justify-center items-center text-foreground-400",
-				children: [(0, import_jsx_runtime$28.jsx)(QrCode, {
+				children: [(0, import_jsx_runtime$30.jsx)(QrCode, {
 					size: 80,
 					className: "mb-4"
-				}), (0, import_jsx_runtime$28.jsx)("span", {
+				}), (0, import_jsx_runtime$30.jsx)("span", {
 					className: "text-lg",
 					children: "二维码生成失败"
 				})]
 			})
 		})
 	});
-	VideoInfoHeader$1 = (props) => (0, import_jsx_runtime$28.jsx)("div", {
+	VideoInfoHeader$1 = (props) => (0, import_jsx_runtime$30.jsx)("div", {
 		className: "max-w-350 mx-auto px-10 py-8",
-		children: (0, import_jsx_runtime$28.jsxs)("div", {
+		children: (0, import_jsx_runtime$30.jsxs)("div", {
 			className: "flex gap-16 justify-between items-start",
-			children: [(0, import_jsx_runtime$28.jsxs)("div", {
+			children: [(0, import_jsx_runtime$30.jsxs)("div", {
 				className: "flex flex-col flex-1",
-				children: [(0, import_jsx_runtime$28.jsx)("div", {
+				children: [(0, import_jsx_runtime$30.jsx)("div", {
 					className: "mb-12",
-					children: (0, import_jsx_runtime$28.jsxs)("div", {
+					children: (0, import_jsx_runtime$30.jsxs)("div", {
 						className: "h-45 flex items-center",
-						children: [(0, import_jsx_runtime$28.jsx)("img", {
+						children: [(0, import_jsx_runtime$30.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",
@@ -1504,82 +1520,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$28.jsxs)("div", {
+						}), props.Type === "视频" && props.Resolution && (0, import_jsx_runtime$30.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$28.jsx)("span", {
+							children: [(0, import_jsx_runtime$30.jsx)("span", {
 								className: "text-[42px] text-foreground-400",
 								children: "分辨率（px）"
-							}), (0, import_jsx_runtime$28.jsx)("span", {
+							}), (0, import_jsx_runtime$30.jsx)("span", {
 								className: "text-[48px] font-medium text-foreground-600",
 								children: props.Resolution
 							})]
 						})]
 					})
-				}), (0, import_jsx_runtime$28.jsxs)("div", {
+				}), (0, import_jsx_runtime$30.jsxs)("div", {
 					className: "grid grid-cols-2 gap-y-6 gap-x-16 pl-2",
 					children: [
-						(0, import_jsx_runtime$28.jsxs)("div", {
+						(0, import_jsx_runtime$30.jsxs)("div", {
 							className: "flex items-center tracking-[6px] text-[45px] text-foreground-500 select-text",
-							children: [(0, import_jsx_runtime$28.jsx)("span", {
+							children: [(0, import_jsx_runtime$30.jsx)("span", {
 								className: "mr-4 text-foreground-400",
 								children: "类型"
-							}), (0, import_jsx_runtime$28.jsx)("span", {
+							}), (0, import_jsx_runtime$30.jsx)("span", {
 								className: "font-medium text-foreground-600",
 								children: props.Type
 							})]
 						}),
-						(0, import_jsx_runtime$28.jsxs)("div", {
+						(0, import_jsx_runtime$30.jsxs)("div", {
 							className: "flex items-center tracking-[6px] text-[45px] text-foreground-500 select-text",
-							children: [(0, import_jsx_runtime$28.jsx)("span", {
+							children: [(0, import_jsx_runtime$30.jsx)("span", {
 								className: "mr-4 text-foreground-400",
 								children: "评论"
-							}), (0, import_jsx_runtime$28.jsxs)("span", {
+							}), (0, import_jsx_runtime$30.jsxs)("span", {
 								className: "font-medium text-foreground-600",
 								children: [props.CommentLength, "条"]
 							})]
 						}),
-						props.Type === "视频" ? (0, import_jsx_runtime$28.jsxs)(import_jsx_runtime$28.Fragment, { children: [(0, import_jsx_runtime$28.jsxs)("div", {
+						props.Type === "视频" ? (0, import_jsx_runtime$30.jsxs)(import_jsx_runtime$30.Fragment, { children: [(0, import_jsx_runtime$30.jsxs)("div", {
 							className: "flex items-center tracking-[6px] text-[45px] text-foreground-500 select-text",
-							children: [(0, import_jsx_runtime$28.jsx)("span", {
+							children: [(0, import_jsx_runtime$30.jsx)("span", {
 								className: "mr-4 text-foreground-400",
 								children: "大小"
-							}), (0, import_jsx_runtime$28.jsxs)("span", {
+							}), (0, import_jsx_runtime$30.jsxs)("span", {
 								className: "font-medium text-foreground-600",
 								children: [props.VideoSize, "MB"]
 							})]
-						}), (0, import_jsx_runtime$28.jsxs)("div", {
+						}), (0, import_jsx_runtime$30.jsxs)("div", {
 							className: "flex items-center tracking-[6px] text-[45px] text-foreground-500 select-text",
-							children: [(0, import_jsx_runtime$28.jsx)("span", {
+							children: [(0, import_jsx_runtime$30.jsx)("span", {
 								className: "mr-4 text-foreground-400",
 								children: "帧率"
-							}), (0, import_jsx_runtime$28.jsxs)("span", {
+							}), (0, import_jsx_runtime$30.jsxs)("span", {
 								className: "font-medium text-foreground-600",
 								children: [props.VideoFPS, "Hz"]
 							})]
-						})] }) : (0, import_jsx_runtime$28.jsxs)(import_jsx_runtime$28.Fragment, { children: [(0, import_jsx_runtime$28.jsxs)("div", {
+						})] }) : (0, import_jsx_runtime$30.jsxs)(import_jsx_runtime$30.Fragment, { children: [(0, import_jsx_runtime$30.jsxs)("div", {
 							className: "flex items-center tracking-[6px] text-[45px] text-foreground-500 select-text",
-							children: [(0, import_jsx_runtime$28.jsx)("span", {
+							children: [(0, import_jsx_runtime$30.jsx)("span", {
 								className: "mr-4 text-foreground-400",
 								children: "区域"
-							}), (0, import_jsx_runtime$28.jsx)("span", {
+							}), (0, import_jsx_runtime$30.jsx)("span", {
 								className: "font-medium text-foreground-600",
 								children: props.Region
 							})]
-						}), (0, import_jsx_runtime$28.jsxs)("div", {
+						}), (0, import_jsx_runtime$30.jsxs)("div", {
 							className: "flex items-center tracking-[6px] text-[45px] text-foreground-500 select-text",
-							children: [(0, import_jsx_runtime$28.jsx)("span", {
+							children: [(0, import_jsx_runtime$30.jsx)("span", {
 								className: "mr-4 text-foreground-400",
 								children: "数量"
-							}), (0, import_jsx_runtime$28.jsxs)("span", {
+							}), (0, import_jsx_runtime$30.jsxs)("span", {
 								className: "font-medium text-foreground-600",
 								children: [props.ImageLength, "张"]
 							})]
 						})] })
 					]
 				})]
-			}), (0, import_jsx_runtime$28.jsx)("div", {
+			}), (0, import_jsx_runtime$30.jsx)("div", {
 				className: "shrink-0",
-				children: (0, import_jsx_runtime$28.jsx)(QRCodeSection$3, { qrCodeDataUrl: props.qrCodeDataUrl })
+				children: (0, import_jsx_runtime$30.jsx)(QRCodeSection$3, { qrCodeDataUrl: props.qrCodeDataUrl })
 			})]
 		})
 	});
@@ -1629,18 +1645,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$28.jsx)("div", {
+		if (reply.hiddenCount) return (0, import_jsx_runtime$30.jsx)("div", {
 			className: "flex relative flex-col mb-6",
-			children: (0, import_jsx_runtime$28.jsxs)("div", {
+			children: (0, import_jsx_runtime$30.jsxs)("div", {
 				className: "grid grid-cols-[100px_minmax(0,1fr)] relative",
-				children: [(0, import_jsx_runtime$28.jsxs)("div", {
+				children: [(0, import_jsx_runtime$30.jsxs)("div", {
 					className: "flex relative justify-center",
 					children: [
-						!isLast && (0, import_jsx_runtime$28.jsx)("div", { className: "absolute top-0 bottom-0 left-1/2 w-0.5 bg-default-300 -ml-px" }),
-						!isLast && (0, import_jsx_runtime$28.jsx)("div", { className: "absolute -bottom-6 left-1/2 w-0.5 h-6 bg-default-300 -ml-px" }),
-						(0, import_jsx_runtime$28.jsx)("svg", {
+						!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", {
 							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$28.jsx)("path", {
+							children: (0, import_jsx_runtime$30.jsx)("path", {
 								d: "M 50 0 V 15 Q 50 50 85 50 H 90",
 								fill: "none",
 								stroke: "currentColor",
@@ -1649,16 +1665,16 @@ var init_Comment$3 = __esmMin(() => {
 							})
 						})
 					]
-				}), (0, import_jsx_runtime$28.jsx)("div", {
+				}), (0, import_jsx_runtime$30.jsx)("div", {
 					className: "flex flex-col mt-6 min-w-0",
-					children: (0, import_jsx_runtime$28.jsx)("div", {
+					children: (0, import_jsx_runtime$30.jsx)("div", {
 						className: "flex items-center h-12.5",
-						children: (0, import_jsx_runtime$28.jsxs)("div", {
+						children: (0, import_jsx_runtime$30.jsxs)("div", {
 							className: "flex items-center text-foreground-500",
-							children: [(0, import_jsx_runtime$28.jsx)(CircleEllipsis, {
+							children: [(0, import_jsx_runtime$30.jsx)(CircleEllipsis, {
 								size: 45,
 								className: "mr-5"
-							}), (0, import_jsx_runtime$28.jsxs)("span", {
+							}), (0, import_jsx_runtime$30.jsxs)("span", {
 								className: "text-4xl font-medium tracking-wide",
 								children: [
 									"另外 ",
@@ -1671,18 +1687,18 @@ var init_Comment$3 = __esmMin(() => {
 				})]
 			})
 		});
-		return (0, import_jsx_runtime$28.jsx)("div", {
+		return (0, import_jsx_runtime$30.jsx)("div", {
 			className: "flex relative flex-col",
-			children: (0, import_jsx_runtime$28.jsxs)("div", {
+			children: (0, import_jsx_runtime$30.jsxs)("div", {
 				className: "grid grid-cols-[100px_minmax(0,1fr)] relative",
-				children: [(0, import_jsx_runtime$28.jsxs)("div", {
+				children: [(0, import_jsx_runtime$30.jsxs)("div", {
 					className: "flex relative justify-center",
 					children: [
-						!isLast && (0, import_jsx_runtime$28.jsx)("div", { className: "absolute top-0 bottom-0 left-1/2 w-0.5 bg-default-300 -ml-px" }),
-						!isLast && (0, import_jsx_runtime$28.jsx)("div", { className: "absolute -bottom-6 left-1/2 w-0.5 h-6 bg-default-300 -ml-px" }),
-						(0, import_jsx_runtime$28.jsx)("svg", {
+						!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", {
 							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$28.jsx)("path", {
+							children: (0, import_jsx_runtime$30.jsx)("path", {
 								d: "M 50 0 V 15 Q 50 50 85 50 H 90",
 								fill: "none",
 								stroke: "currentColor",
@@ -1691,85 +1707,85 @@ var init_Comment$3 = __esmMin(() => {
 							})
 						})
 					]
-				}), (0, import_jsx_runtime$28.jsxs)("div", {
+				}), (0, import_jsx_runtime$30.jsxs)("div", {
 					className: "flex flex-col min-w-0",
-					children: [(0, import_jsx_runtime$28.jsxs)("div", {
+					children: [(0, import_jsx_runtime$30.jsxs)("div", {
 						className: "grid grid-cols-[100px_minmax(0,1fr)] relative",
-						children: [(0, import_jsx_runtime$28.jsxs)("div", {
+						children: [(0, import_jsx_runtime$30.jsxs)("div", {
 							className: "flex relative flex-col items-center h-full",
-							children: [(0, import_jsx_runtime$28.jsx)("div", {
+							children: [(0, import_jsx_runtime$30.jsx)("div", {
 								className: "w-25 h-25 shrink-0 z-10 relative",
-								children: (0, import_jsx_runtime$28.jsx)("img", {
+								children: (0, import_jsx_runtime$30.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$28.jsx)("div", { className: "w-0.5 bg-default-300 h-full grow mt-3 rounded-t-full" })]
-						}), (0, import_jsx_runtime$28.jsxs)("div", {
+							}), 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", {
 							className: "flex flex-col pb-8 pl-3 min-w-0",
 							children: [
-								(0, import_jsx_runtime$28.jsxs)("div", {
+								(0, import_jsx_runtime$30.jsxs)("div", {
 									className: "flex flex-nowrap items-center h-25 content-center w-full overflow-hidden",
 									children: [
-										(0, import_jsx_runtime$28.jsx)("span", {
+										(0, import_jsx_runtime$30.jsx)("span", {
 											className: clsx_default("mr-2 text-5xl font-medium text-foreground-700", isNicknameLonger ? "min-w-0 truncate shrink" : "shrink-0"),
 											children: reply.nickname
 										}),
-										reply.label_text !== "" && (0, import_jsx_runtime$28.jsx)("div", {
+										reply.label_text !== "" && (0, import_jsx_runtime$30.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$28.jsxs)("div", {
+										reply.reply_to_username && (0, import_jsx_runtime$30.jsxs)("div", {
 											className: clsx_default("flex items-center", !isNicknameLonger ? "overflow-hidden min-w-0 shrink" : "shrink-0"),
-											children: [(0, import_jsx_runtime$28.jsx)(Play, {
+											children: [(0, import_jsx_runtime$30.jsx)(Play, {
 												size: 35,
 												className: "mr-3.5 mx-1 text-foreground-400 shrink-0",
 												fill: "currentColor"
-											}), (0, import_jsx_runtime$28.jsx)("span", {
+											}), (0, import_jsx_runtime$30.jsx)("span", {
 												className: clsx_default("text-5xl font-medium text-foreground-700", !isNicknameLonger && "truncate"),
 												children: reply.reply_to_username
 											})]
 										})
 									]
 								}),
-								(0, import_jsx_runtime$28.jsxs)("div", {
+								(0, import_jsx_runtime$30.jsxs)("div", {
 									className: "py-2",
-									children: [(0, import_jsx_runtime$28.jsx)("div", {
+									children: [(0, import_jsx_runtime$30.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$28.jsx)("div", {
+									}), reply.image_list && reply.image_list.length > 0 && reply.image_list.filter(Boolean).map((img, idx) => (0, import_jsx_runtime$30.jsx)("div", {
 										className: "my-4 overflow-hidden shadow-sm rounded-xl max-w-150",
-										children: (0, import_jsx_runtime$28.jsx)("img", {
+										children: (0, import_jsx_runtime$30.jsx)("img", {
 											className: "object-contain w-full h-auto rounded-xl",
 											src: img,
 											alt: "评论图片"
 										})
 									}, idx))]
 								}),
-								(0, import_jsx_runtime$28.jsx)("div", {
+								(0, import_jsx_runtime$30.jsx)("div", {
 									className: "pb-4",
-									children: (0, import_jsx_runtime$28.jsxs)("div", {
+									children: (0, import_jsx_runtime$30.jsxs)("div", {
 										className: "flex gap-6 items-center text-foreground-500",
 										children: [
-											(0, import_jsx_runtime$28.jsxs)("div", {
+											(0, import_jsx_runtime$30.jsxs)("div", {
 												className: "flex gap-2 items-center",
-												children: [(0, import_jsx_runtime$28.jsx)(Heart, {
+												children: [(0, import_jsx_runtime$30.jsx)(Heart, {
 													size: 40,
 													className: "text-foreground-500"
-												}), (0, import_jsx_runtime$28.jsx)("span", {
+												}), (0, import_jsx_runtime$30.jsx)("span", {
 													className: "text-4xl",
 													children: reply.digg_count
 												})]
 											}),
-											(0, import_jsx_runtime$28.jsx)("span", {
+											(0, import_jsx_runtime$30.jsx)("span", {
 												className: "text-4xl",
 												children: reply.ip_label
 											}),
-											(0, import_jsx_runtime$28.jsx)("span", {
+											(0, import_jsx_runtime$30.jsx)("span", {
 												className: "ml-2 text-4xl",
 												children: reply.create_time
 											})
@@ -1778,9 +1794,9 @@ var init_Comment$3 = __esmMin(() => {
 								})
 							]
 						})]
-					}), reply.children.length > 0 && (0, import_jsx_runtime$28.jsx)("div", {
+					}), reply.children.length > 0 && (0, import_jsx_runtime$30.jsx)("div", {
 						className: "flex relative flex-col",
-						children: (0, import_jsx_runtime$28.jsx)("div", { children: reply.children.map((child, index) => (0, import_jsx_runtime$28.jsx)(ReplyItemComponent, {
+						children: (0, import_jsx_runtime$30.jsx)("div", { children: reply.children.map((child, index) => (0, import_jsx_runtime$30.jsx)(ReplyItemComponent, {
 							reply: child,
 							depth: depth + 1,
 							isLast: index === reply.children.length - 1,
@@ -1791,50 +1807,50 @@ var init_Comment$3 = __esmMin(() => {
 			})
 		});
 	};
-	CommentItemComponent$2 = (props) => (0, import_jsx_runtime$28.jsx)("div", {
+	CommentItemComponent$2 = (props) => (0, import_jsx_runtime$30.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$28.jsxs)("div", {
+		children: (0, import_jsx_runtime$30.jsxs)("div", {
 			className: "flex flex-col min-w-0",
-			children: [(0, import_jsx_runtime$28.jsxs)("div", {
+			children: [(0, import_jsx_runtime$30.jsxs)("div", {
 				className: "grid grid-cols-[140px_minmax(0,1fr)] relative",
-				children: [(0, import_jsx_runtime$28.jsxs)("div", {
+				children: [(0, import_jsx_runtime$30.jsxs)("div", {
 					className: "flex relative flex-col items-center",
-					children: [(0, import_jsx_runtime$28.jsx)("div", {
+					children: [(0, import_jsx_runtime$30.jsx)("div", {
 						className: "w-35 h-35 shrink-0 z-10 relative",
-						children: (0, import_jsx_runtime$28.jsx)("img", {
+						children: (0, import_jsx_runtime$30.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$28.jsx)("div", { className: "w-0.5 bg-default-300 h-full grow mt-4 rounded-t-full" })]
-				}), (0, import_jsx_runtime$28.jsxs)("div", {
+					}), 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", {
 					className: "flex flex-col pb-4 pl-4 min-w-0",
 					children: [
-						(0, import_jsx_runtime$28.jsxs)("div", {
+						(0, import_jsx_runtime$30.jsxs)("div", {
 							className: "flex flex-wrap gap-4 items-center mb-3 text-5xl select-text text-foreground-700 min-h-35 content-center",
 							children: [
-								(0, import_jsx_runtime$28.jsx)("span", {
+								(0, import_jsx_runtime$30.jsx)("span", {
 									className: "font-medium",
 									children: props.nickname
 								}),
-								props.label_type === 1 && (0, import_jsx_runtime$28.jsx)("div", {
+								props.label_type === 1 && (0, import_jsx_runtime$30.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$28.jsx)("div", {
+								props.is_author_digged && props.status_label !== "作者赞过" && (0, import_jsx_runtime$30.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$28.jsx)("div", {
+								props.status_label && (0, import_jsx_runtime$30.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$28.jsx)("div", {
+						(0, import_jsx_runtime$30.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: {
@@ -1842,34 +1858,34 @@ var init_Comment$3 = __esmMin(() => {
 								overflowWrap: "break-word"
 							}
 						}),
-						(props.commentimage || props.sticker) && (0, import_jsx_runtime$28.jsx)("div", {
+						(props.commentimage || props.sticker) && (0, import_jsx_runtime$30.jsx)("div", {
 							className: "my-6 overflow-hidden shadow-sm rounded-2xl max-w-200",
-							children: (0, import_jsx_runtime$28.jsx)("img", {
+							children: (0, import_jsx_runtime$30.jsx)("img", {
 								className: "object-contain w-full h-auto rounded-2xl",
 								src: props.commentimage || props.sticker,
 								alt: "评论图片"
 							})
 						}),
-						(0, import_jsx_runtime$28.jsx)("div", {
+						(0, import_jsx_runtime$30.jsx)("div", {
 							className: "flex justify-between items-center mt-3 text-foreground-500",
-							children: (0, import_jsx_runtime$28.jsxs)("div", {
+							children: (0, import_jsx_runtime$30.jsxs)("div", {
 								className: "flex gap-6 items-center shrink-0",
 								children: [
-									(0, import_jsx_runtime$28.jsxs)("div", {
+									(0, import_jsx_runtime$30.jsxs)("div", {
 										className: "flex gap-2 items-center transition-colors cursor-pointer",
-										children: [(0, import_jsx_runtime$28.jsx)(Heart, {
+										children: [(0, import_jsx_runtime$30.jsx)(Heart, {
 											size: 44,
 											className: "text-foreground-500"
-										}), (0, import_jsx_runtime$28.jsx)("span", {
+										}), (0, import_jsx_runtime$30.jsx)("span", {
 											className: "text-4xl select-text",
 											children: props.digg_count
 										})]
 									}),
-									(0, import_jsx_runtime$28.jsx)("span", {
+									(0, import_jsx_runtime$30.jsx)("span", {
 										className: "text-4xl",
 										children: props.ip_label
 									}),
-									(0, import_jsx_runtime$28.jsx)("span", {
+									(0, import_jsx_runtime$30.jsx)("span", {
 										className: "ml-2 text-4xl",
 										children: props.create_time
 									})
@@ -1878,9 +1894,9 @@ var init_Comment$3 = __esmMin(() => {
 						})
 					]
 				})]
-			}), props.replyComment && props.replyComment.length > 0 && (0, import_jsx_runtime$28.jsxs)("div", {
+			}), props.replyComment && props.replyComment.length > 0 && (0, import_jsx_runtime$30.jsxs)("div", {
 				className: "flex relative flex-col mt-8 ml-5",
-				children: [(0, import_jsx_runtime$28.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$28.jsx)(ReplyItemComponent, {
+				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, {
 					reply,
 					depth: 1,
 					isLast: index === arr.length - 1,
@@ -1889,51 +1905,51 @@ var init_Comment$3 = __esmMin(() => {
 			})]
 		})
 	});
-	DouyinComment = import_react$30.memo((props) => {
-		const randomSuggestWord = import_react$30.useMemo(() => {
+	DouyinComment = import_react$32.memo((props) => {
+		const randomSuggestWord = import_react$32.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$28.jsx)(DefaultLayout, {
+		return (0, import_jsx_runtime$30.jsx)(DefaultLayout, {
 			...props,
-			children: (0, import_jsx_runtime$28.jsxs)("div", {
+			children: (0, import_jsx_runtime$30.jsxs)("div", {
 				className: "p-5",
 				children: [
-					(0, import_jsx_runtime$28.jsx)("div", { className: "h-20" }),
-					(0, import_jsx_runtime$28.jsx)(VideoInfoHeader$1, {
+					(0, import_jsx_runtime$30.jsx)("div", { className: "h-20" }),
+					(0, import_jsx_runtime$30.jsx)(VideoInfoHeader$1, {
 						...props.data,
 						qrCodeDataUrl: props.qrCodeDataUrl
 					}),
-					randomSuggestWord && (0, import_jsx_runtime$28.jsx)("div", {
+					randomSuggestWord && (0, import_jsx_runtime$30.jsx)("div", {
 						className: "mx-auto my-20 mb-5 ml-10",
-						children: (0, import_jsx_runtime$28.jsxs)("div", {
+						children: (0, import_jsx_runtime$30.jsxs)("div", {
 							className: "flex gap-3 items-center px-6 py-4 rounded-2xl",
-							children: [(0, import_jsx_runtime$28.jsx)("span", {
+							children: [(0, import_jsx_runtime$30.jsx)("span", {
 								className: "text-5xl text-default-500",
 								children: "大家都在搜："
-							}), (0, import_jsx_runtime$28.jsxs)("span", {
+							}), (0, import_jsx_runtime$30.jsxs)("span", {
 								className: "relative text-5xl text-[#04498d] dark:text-[#face15]",
-								children: [randomSuggestWord, (0, import_jsx_runtime$28.jsx)(IoSearch, {
+								children: [randomSuggestWord, (0, import_jsx_runtime$30.jsx)(IoSearch, {
 									size: 32,
 									className: "absolute -top-2 -right-8"
 								})]
 							})]
 						})
 					}),
-					(0, import_jsx_runtime$28.jsx)("div", {
+					(0, import_jsx_runtime$30.jsx)("div", {
 						className: "overflow-hidden mt-8",
-						children: props.data.CommentsData.length > 0 ? (0, import_jsx_runtime$28.jsx)(import_jsx_runtime$28.Fragment, { children: props.data.CommentsData.map((comment, index) => (0, import_jsx_runtime$28.jsx)(CommentItemComponent$2, {
+						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, {
 							...comment,
 							isLast: index === props.data.CommentsData.length - 1,
 							maxDepth: props.data.maxDepth
-						}, comment.cid || index)) }) : (0, import_jsx_runtime$28.jsx)("div", {
+						}, comment.cid || index)) }) : (0, import_jsx_runtime$30.jsx)("div", {
 							className: "flex justify-center items-center py-20 text-foreground-400",
-							children: (0, import_jsx_runtime$28.jsx)("div", {
+							children: (0, import_jsx_runtime$30.jsx)("div", {
 								className: "text-center",
-								children: (0, import_jsx_runtime$28.jsx)("p", {
+								children: (0, import_jsx_runtime$30.jsx)("p", {
 									className: "text-xl",
 									children: "暂无评论数据"
 								})
@@ -1950,43 +1966,43 @@ var Dynamic_exports = __export({
 	DouyinDynamic: () => DouyinDynamic,
 	default: () => Dynamic_default
 }, 1);
-var import_react$29, import_jsx_runtime$27, DouyinHeader$1, CoverSection$1, InfoSection, UserInfoSection$1, CoCreatorsInfo, DouyinDynamic, Dynamic_default;
+var import_react$31, import_jsx_runtime$29, DouyinHeader$1, CoverSection$1, InfoSection, UserInfoSection$1, CoCreatorsInfo, DouyinDynamic, Dynamic_default;
 var init_Dynamic = __esmMin(() => {
 	init_date_fns();
 	init_lucide_react();
-	import_react$29 = __toESM(require_react(), 1);
+	import_react$31 = __toESM(require_react(), 1);
 	init_lu();
 	init_DefaultLayout();
-	import_jsx_runtime$27 = __toESM(require_jsx_runtime(), 1);
-	DouyinHeader$1 = ({ useDarkTheme }) => (0, import_jsx_runtime$27.jsxs)("div", {
+	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$27.jsx)("div", {
+		children: [(0, import_jsx_runtime$29.jsx)("div", {
 			className: "w-[39%] h-50 bg-cover bg-center bg-fixed",
-			children: (0, import_jsx_runtime$27.jsx)("img", {
+			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$27.jsx)("span", {
+		}), (0, import_jsx_runtime$29.jsx)("span", {
 			className: "text-[65px] ml-4 text-foreground-600",
 			children: "记录美好生活"
 		})]
 	});
-	CoverSection$1 = ({ imageUrl }) => (0, import_jsx_runtime$27.jsx)("div", {
+	CoverSection$1 = ({ imageUrl }) => (0, import_jsx_runtime$29.jsx)("div", {
 		className: "flex flex-col items-center my-5",
-		children: (0, import_jsx_runtime$27.jsx)("div", {
+		children: (0, import_jsx_runtime$29.jsx)("div", {
 			className: "flex flex-col items-center overflow-hidden shadow-large rounded-[25px] w-[90%] relative",
-			children: (0, import_jsx_runtime$27.jsx)("img", {
+			children: (0, import_jsx_runtime$29.jsx)("img", {
 				className: "rounded-[25px] object-contain w-full h-full",
 				src: imageUrl,
 				alt: "封面"
 			})
 		})
 	});
-	InfoSection = (props) => (0, import_jsx_runtime$27.jsxs)("div", {
+	InfoSection = (props) => (0, import_jsx_runtime$29.jsxs)("div", {
 		className: "flex flex-col px-16 py-5",
 		children: [
-			(0, import_jsx_runtime$27.jsx)("div", {
+			(0, import_jsx_runtime$29.jsx)("div", {
 				className: "text-[70px] font-bold leading-relaxed mb-9 text-foreground select-text",
 				style: {
 					letterSpacing: "1.5px",
@@ -1994,128 +2010,128 @@ var init_Dynamic = __esmMin(() => {
 				},
 				dangerouslySetInnerHTML: { __html: props.data.desc }
 			}),
-			(0, import_jsx_runtime$27.jsxs)("div", {
+			(0, import_jsx_runtime$29.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$27.jsxs)("div", {
+					(0, import_jsx_runtime$29.jsxs)("div", {
 						className: "flex gap-2 items-center",
-						children: [(0, import_jsx_runtime$27.jsx)(Heart, { className: "w-11 h-11 text-like" }), (0, import_jsx_runtime$27.jsxs)("span", { children: [props.data.dianzan, "点赞"] })]
+						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$27.jsx)("span", { children: "·" }),
-					(0, import_jsx_runtime$27.jsxs)("div", {
+					(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$27.jsx)(MessageCircle, { className: "w-11 h-11 text-comment" }), (0, import_jsx_runtime$27.jsxs)("span", { children: [props.data.pinglun, "评论"] })]
+						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$27.jsx)("span", { children: "·" }),
-					(0, import_jsx_runtime$27.jsxs)("div", {
+					(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$27.jsx)(Bookmark, { className: "w-11 h-11" }), (0, import_jsx_runtime$27.jsxs)("span", { children: [props.data.shouchang, "收藏"] })]
+						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$27.jsx)("span", { children: "·" }),
-					(0, import_jsx_runtime$27.jsxs)("div", {
+					(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$27.jsx)(Share2, { className: "w-11 h-11 text-success" }), (0, import_jsx_runtime$27.jsxs)("span", { children: [props.data.share, "分享"] })]
+						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$27.jsxs)("div", {
+			(0, import_jsx_runtime$29.jsxs)("div", {
 				className: "flex items-center gap-2 text-[45px] text-foreground-500 font-light select-text",
-				children: [(0, import_jsx_runtime$27.jsx)(Clock, { className: "w-11 h-11 text-time" }), (0, import_jsx_runtime$27.jsxs)("span", { children: ["发布于: ", props.data.create_time] })]
+				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] })]
 			}),
-			(0, import_jsx_runtime$27.jsxs)("div", {
+			(0, import_jsx_runtime$29.jsxs)("div", {
 				className: "flex items-center gap-2 text-[45px] text-foreground-500 font-light select-text",
-				children: [(0, import_jsx_runtime$27.jsx)(LuFullscreen, { className: "w-11 h-11 text-time text-time" }), (0, import_jsx_runtime$27.jsxs)("span", { children: ["图片生成于: ", format(/* @__PURE__ */ new Date(), "yyyy-MM-dd HH:mm:ss")] })]
+				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")] })]
 			})
 		]
 	});
-	UserInfoSection$1 = (props) => (0, import_jsx_runtime$27.jsxs)("div", {
+	UserInfoSection$1 = (props) => (0, import_jsx_runtime$29.jsxs)("div", {
 		className: "flex flex-col gap-12",
-		children: [(0, import_jsx_runtime$27.jsxs)("div", {
+		children: [(0, import_jsx_runtime$29.jsxs)("div", {
 			className: "flex gap-12 items-start",
-			children: [(0, import_jsx_runtime$27.jsx)("div", {
+			children: [(0, import_jsx_runtime$29.jsx)("div", {
 				className: "relative shrink-0",
-				children: (0, import_jsx_runtime$27.jsx)("div", {
+				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$27.jsx)("img", {
+					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$27.jsxs)("div", {
+			}), (0, import_jsx_runtime$29.jsxs)("div", {
 				className: "flex flex-col gap-5",
-				children: [(0, import_jsx_runtime$27.jsxs)("div", {
+				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$27.jsxs)("div", {
+				}), (0, import_jsx_runtime$29.jsxs)("div", {
 					className: "flex gap-2 items-center text-4xl text-default-500",
-					children: [(0, import_jsx_runtime$27.jsx)(Hash, {
+					children: [(0, import_jsx_runtime$29.jsx)(Hash, {
 						size: 32,
 						className: "text-default-400"
-					}), (0, import_jsx_runtime$27.jsxs)("span", {
+					}), (0, import_jsx_runtime$29.jsxs)("span", {
 						className: "select-text",
 						children: ["抖音号: ", props.data.抖音号]
 					})]
 				})]
 			})]
-		}), (0, import_jsx_runtime$27.jsxs)("div", {
+		}), (0, import_jsx_runtime$29.jsxs)("div", {
 			className: "text-3xl flex gap-6 items-center text-default-600",
 			children: [
-				(0, import_jsx_runtime$27.jsxs)("div", {
+				(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$27.jsxs)("div", {
+						(0, import_jsx_runtime$29.jsxs)("div", {
 							className: "flex gap-1 items-center",
-							children: [(0, import_jsx_runtime$27.jsx)(Heart, {
+							children: [(0, import_jsx_runtime$29.jsx)(Heart, {
 								size: 28,
 								className: "text-like"
-							}), (0, import_jsx_runtime$27.jsx)("span", {
+							}), (0, import_jsx_runtime$29.jsx)("span", {
 								className: "text-default-400",
 								children: "获赞"
 							})]
 						}),
-						(0, import_jsx_runtime$27.jsx)("div", { className: "w-full h-px bg-default-300" }),
-						(0, import_jsx_runtime$27.jsx)("span", {
+						(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$27.jsxs)("div", {
+				(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$27.jsxs)("div", {
+						(0, import_jsx_runtime$29.jsxs)("div", {
 							className: "flex gap-1 items-center",
-							children: [(0, import_jsx_runtime$27.jsx)(Eye, {
+							children: [(0, import_jsx_runtime$29.jsx)(Eye, {
 								size: 28,
 								className: "text-view"
-							}), (0, import_jsx_runtime$27.jsx)("span", {
+							}), (0, import_jsx_runtime$29.jsx)("span", {
 								className: "text-default-400",
 								children: "关注"
 							})]
 						}),
-						(0, import_jsx_runtime$27.jsx)("div", { className: "w-full h-px bg-default-300" }),
-						(0, import_jsx_runtime$27.jsx)("span", {
+						(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$27.jsxs)("div", {
+				(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$27.jsxs)("div", {
+						(0, import_jsx_runtime$29.jsxs)("div", {
 							className: "flex gap-1 items-center",
-							children: [(0, import_jsx_runtime$27.jsx)(Users, {
+							children: [(0, import_jsx_runtime$29.jsx)(Users, {
 								size: 28,
 								className: "text-primary"
-							}), (0, import_jsx_runtime$27.jsx)("span", {
+							}), (0, import_jsx_runtime$29.jsx)("span", {
 								className: "text-default-400",
 								children: "粉丝"
 							})]
 						}),
-						(0, import_jsx_runtime$27.jsx)("div", { className: "w-full h-px bg-default-300" }),
-						(0, import_jsx_runtime$27.jsx)("span", {
+						(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.粉丝
 						})
@@ -2128,9 +2144,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$29.useRef(null);
-		const [visibleCount, setVisibleCount] = import_react$29.useState(items.length);
-		import_react$29.useEffect(() => {
+		const listRef = import_react$31.useRef(null);
+		const [visibleCount, setVisibleCount] = import_react$31.useState(items.length);
+		import_react$31.useEffect(() => {
 			const calc = () => {
 				const el = listRef.current;
 				if (!el) return;
@@ -2142,46 +2158,46 @@ var init_Dynamic = __esmMin(() => {
 			window.addEventListener("resize", calc);
 			return () => window.removeEventListener("resize", calc);
 		}, [items.length]);
-		return (0, import_jsx_runtime$27.jsx)("div", {
+		return (0, import_jsx_runtime$29.jsx)("div", {
 			className: "flex flex-col pl-16 w-full",
-			children: (0, import_jsx_runtime$27.jsxs)("div", {
+			children: (0, import_jsx_runtime$29.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$27.jsxs)("div", {
+					return (0, import_jsx_runtime$29.jsxs)("div", {
 						className: "flex flex-col items-center min-w-38 w-38 shrink-0",
 						children: [
-							(0, import_jsx_runtime$27.jsx)("div", {
+							(0, import_jsx_runtime$29.jsx)("div", {
 								className: "flex justify-center items-center bg-white rounded-full w-30 h-30",
-								children: (0, import_jsx_runtime$27.jsx)("img", {
+								children: (0, import_jsx_runtime$29.jsx)("img", {
 									src: avatar,
 									alt: "共创者头像",
 									className: "object-cover w-28 h-auto rounded-full"
 								})
 							}),
-							(0, import_jsx_runtime$27.jsx)("div", {
+							(0, import_jsx_runtime$29.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$27.jsx)("div", {
+							(0, import_jsx_runtime$29.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$27.jsxs)("div", {
+				}), items.length > visibleCount && (0, import_jsx_runtime$29.jsxs)("div", {
 					className: "flex flex-col items-center min-w-38 w-38 shrink-0",
 					children: [
-						(0, import_jsx_runtime$27.jsx)("div", {
+						(0, import_jsx_runtime$29.jsx)("div", {
 							className: "flex justify-center items-center rounded-full bg-default-200 w-38 h-38",
-							children: (0, import_jsx_runtime$27.jsx)("span", {
+							children: (0, import_jsx_runtime$29.jsx)("span", {
 								className: "text-[42px] leading-none text-foreground-500",
 								children: "···"
 							})
 						}),
-						(0, import_jsx_runtime$27.jsxs)("div", {
+						(0, import_jsx_runtime$29.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: [
 								"还有",
@@ -2189,7 +2205,7 @@ var init_Dynamic = __esmMin(() => {
 								"人"
 							]
 						}),
-						(0, import_jsx_runtime$27.jsx)("div", {
+						(0, import_jsx_runtime$29.jsx)("div", {
 							className: "overflow-hidden mt-2 w-full text-3xl leading-tight text-center truncate whitespace-nowrap select-text text-foreground-600",
 							children: "共创"
 						})
@@ -2200,41 +2216,41 @@ var init_Dynamic = __esmMin(() => {
 	};
 	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$27.jsx)(DefaultLayout, {
+		return (0, import_jsx_runtime$29.jsx)(DefaultLayout, {
 			...props,
-			children: (0, import_jsx_runtime$27.jsxs)("div", { children: [
-				(0, import_jsx_runtime$27.jsx)("div", { className: "h-15" }),
-				(0, import_jsx_runtime$27.jsx)(DouyinHeader$1, { useDarkTheme: props.data.useDarkTheme }),
-				(0, import_jsx_runtime$27.jsx)("div", { className: "h-15" }),
-				(0, import_jsx_runtime$27.jsx)(CoverSection$1, { imageUrl: props.data.image_url }),
-				(0, import_jsx_runtime$27.jsx)("div", { className: "h-5" }),
-				(0, import_jsx_runtime$27.jsx)(InfoSection, { ...props }),
-				(0, import_jsx_runtime$27.jsx)("div", { className: "h-25" }),
-				(0, import_jsx_runtime$27.jsxs)("div", {
+			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", {
 					className: "flex flex-col gap-10 px-0 pt-25",
-					children: [(0, import_jsx_runtime$27.jsxs)("div", {
+					children: [(0, import_jsx_runtime$29.jsxs)("div", {
 						className: "w-full",
-						children: [coCreatorCount && coCreatorCount > 0 && (0, import_jsx_runtime$27.jsx)("div", {
+						children: [coCreatorCount && coCreatorCount > 0 && (0, import_jsx_runtime$29.jsx)("div", {
 							className: "px-16 pb-8",
-							children: (0, import_jsx_runtime$27.jsxs)("div", {
+							children: (0, import_jsx_runtime$29.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$27.jsx)(Users, { className: "w-7 h-7" }), (0, import_jsx_runtime$27.jsxs)("span", {
+								children: [(0, import_jsx_runtime$29.jsx)(Users, { className: "w-7 h-7" }), (0, import_jsx_runtime$29.jsxs)("span", {
 									className: "text-3xl font-medium leading-none select-text text-foreground-700",
 									children: [coCreatorCount, "人共创"]
 								})]
 							})
-						}), (0, import_jsx_runtime$27.jsx)(CoCreatorsInfo, { info: props.data.cooperation_info })]
-					}), (0, import_jsx_runtime$27.jsxs)("div", {
+						}), (0, import_jsx_runtime$29.jsx)(CoCreatorsInfo, { info: props.data.cooperation_info })]
+					}), (0, import_jsx_runtime$29.jsxs)("div", {
 						className: "flex justify-between items-start px-20 pb-20",
-						children: [(0, import_jsx_runtime$27.jsx)(UserInfoSection$1, { ...props }), (0, import_jsx_runtime$27.jsx)("div", {
+						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$27.jsx)("img", {
+							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$27.jsx)("div", {
+							}) : (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$27.jsx)("span", {
+								children: (0, import_jsx_runtime$29.jsx)("span", {
 									className: "text-default-400",
 									children: "二维码"
 								})
@@ -2247,6 +2263,532 @@ var init_Dynamic = __esmMin(() => {
 	};
 	Dynamic_default = DouyinDynamic;
 });
+var FavoriteList_exports = __export({ DouyinFavoriteList: () => DouyinFavoriteList }, 1), import_jsx_runtime$28, DouyinFavoriteList, StatItem$4;
+var init_FavoriteList = __esmMin(() => {
+	init_date_fns();
+	init_lucide_react();
+	__toESM(require_react(), 1);
+	init_ri();
+	init_DefaultLayout();
+	import_jsx_runtime$28 = __toESM(require_jsx_runtime(), 1);
+	DouyinFavoriteList = (props) => {
+		const glowColors = props.data.useDarkTheme ?? false ? {
+			primary: "rgba(225, 29, 72, 0.15)",
+			secondary: "rgba(20, 184, 166, 0.15)"
+		} : {
+			primary: "rgba(244, 63, 94, 0.25)",
+			secondary: "rgba(20, 184, 166, 0.2)"
+		};
+		return (0, import_jsx_runtime$28.jsxs)(DefaultLayout, {
+			...props,
+			className: "relative overflow-hidden bg-default-50",
+			children: [
+				(0, import_jsx_runtime$28.jsxs)("div", {
+					className: "absolute inset-0 pointer-events-none z-0",
+					children: [(0, import_jsx_runtime$28.jsx)("div", {
+						className: "absolute rounded-full w-full h-[60%] -top-[20%] -left-[20%] blur-[150px]",
+						style: { background: glowColors.primary }
+					}), (0, import_jsx_runtime$28.jsx)("div", {
+						className: "absolute rounded-full w-full h-[60%] -bottom-[20%] -right-[20%] blur-[180px]",
+						style: { background: glowColors.secondary }
+					})]
+				}),
+				(0, import_jsx_runtime$28.jsx)("div", {
+					className: "absolute inset-0 pointer-events-none z-10 mix-blend-overlay",
+					children: (0, import_jsx_runtime$28.jsxs)("svg", {
+						className: "w-full h-full",
+						xmlns: "http://www.w3.org/2000/svg",
+						children: [(0, import_jsx_runtime$28.jsxs)("filter", {
+							id: "noiseFilter",
+							children: [(0, import_jsx_runtime$28.jsx)("feTurbulence", {
+								type: "fractalNoise",
+								baseFrequency: "0.8",
+								numOctaves: "3",
+								stitchTiles: "stitch"
+							}), (0, import_jsx_runtime$28.jsx)("feColorMatrix", {
+								type: "saturate",
+								values: "0"
+							})]
+						}), (0, import_jsx_runtime$28.jsx)("rect", {
+							width: "100%",
+							height: "100%",
+							filter: "url(#noiseFilter)"
+						})]
+					})
+				}),
+				(0, import_jsx_runtime$28.jsxs)("div", {
+					className: "relative z-20 p-12 pb-0 grid grid-cols-12 gap-12 min-h-screen items-stretch",
+					children: [(0, import_jsx_runtime$28.jsxs)("div", {
+						className: "col-span-4 flex flex-col justify-between py-8",
+						children: [
+							(0, import_jsx_runtime$28.jsxs)("div", {
+								className: "flex flex-col gap-1 select-none",
+								children: [
+									(0, import_jsx_runtime$28.jsx)("span", {
+										className: "text-6xl font-black text-default-900/10 tracking-tighter leading-none",
+										children: "LIKE"
+									}),
+									(0, import_jsx_runtime$28.jsx)("span", {
+										className: "text-6xl font-black text-rose-500/20 tracking-tighter leading-none",
+										children: "FAVORITE"
+									}),
+									(0, import_jsx_runtime$28.jsxs)("div", {
+										className: "flex items-center gap-3 mt-2",
+										children: [(0, import_jsx_runtime$28.jsx)("div", { className: "h-1.5 w-16 bg-rose-500 rounded-full" }), (0, import_jsx_runtime$28.jsx)("span", {
+											className: "text-base text-default-400 font-mono tracking-widest uppercase",
+											children: "Push Notification"
+										})]
+									})
+								]
+							}),
+							(0, import_jsx_runtime$28.jsxs)("div", {
+								className: "flex flex-col gap-10 relative",
+								children: [
+									(0, import_jsx_runtime$28.jsx)("div", { className: "absolute -left-8 top-10 w-16 h-16 rounded-full border-4 border-rose-300/30 animate-[bounce_4s_infinite]" }),
+									(0, import_jsx_runtime$28.jsx)("div", { className: "absolute right-10 -top-4 w-6 h-6 rounded-full bg-orange-300/40" }),
+									(0, import_jsx_runtime$28.jsxs)("div", {
+										className: "relative w-fit self-center",
+										children: [
+											(0, import_jsx_runtime$28.jsx)("div", { className: "absolute -inset-8 bg-linear-to-br from-rose-400 to-orange-400 rounded-full blur-2xl opacity-40 animate-pulse" }),
+											(0, import_jsx_runtime$28.jsx)("div", { className: "absolute -inset-4 rounded-full border-2 border-dashed border-rose-400/30 animate-[spin_10s_linear_infinite]" }),
+											(0, import_jsx_runtime$28.jsx)("img", {
+												src: props.data.liker_avatar,
+												className: "relative w-64 h-64 rounded-full border-[6px] border-white object-cover shadow-2xl",
+												alt: "Liker"
+											}),
+											(0, import_jsx_runtime$28.jsxs)("div", {
+												className: "absolute -bottom-3 -right-3 bg-rose-500 text-white px-5 py-2 rounded-full border-[5px] border-white font-bold text-xl shadow-xl flex items-center gap-2",
+												children: [(0, import_jsx_runtime$28.jsx)(RiHeart3Fill, { className: "w-5 h-5 fill-current" }), (0, import_jsx_runtime$28.jsx)("span", { children: "赞了" })]
+											})
+										]
+									}),
+									(0, import_jsx_runtime$28.jsxs)("div", {
+										className: "flex flex-col items-center text-center",
+										children: [
+											(0, import_jsx_runtime$28.jsxs)("span", {
+												className: "text-6xl font-black text-default-900 leading-tight relative",
+												children: [props.data.liker_username, (0, import_jsx_runtime$28.jsx)("svg", {
+													className: "absolute -right-8 -top-2 text-orange-400 w-8 h-8 opacity-60",
+													viewBox: "0 0 24 24",
+													fill: "currentColor",
+													children: (0, import_jsx_runtime$28.jsx)("path", { d: "M12 2l2.4 7.2h7.6l-6 4.8 2.4 7.2-6-4.8-6 4.8 2.4-7.2-6-4.8h7.6z" })
+												})]
+											}),
+											(0, import_jsx_runtime$28.jsxs)("div", {
+												className: "px-6 py-6 pt-0 rounded-full text-3xl text-default-500 font-mono",
+												children: ["@", props.data.liker_douyin_id]
+											}),
+											(0, import_jsx_runtime$28.jsxs)("div", {
+												className: "mt-6 flex flex-col items-center gap-2 text-rose-500",
+												children: [(0, import_jsx_runtime$28.jsxs)("div", {
+													className: "flex items-center gap-3",
+													children: [(0, import_jsx_runtime$28.jsx)(RiHeart3Fill, { className: "w-10 h-10 fill-current" }), (0, import_jsx_runtime$28.jsx)("span", {
+														className: "text-4xl font-bold",
+														children: "刚刚赞了这个作品"
+													})]
+												}), (0, import_jsx_runtime$28.jsx)("svg", {
+													width: "200",
+													height: "20",
+													viewBox: "0 0 200 20",
+													className: "opacity-60",
+													children: (0, import_jsx_runtime$28.jsx)("path", {
+														d: "M0 10 Q 50 20, 100 10 T 200 10",
+														stroke: "currentColor",
+														strokeWidth: "3",
+														fill: "none",
+														strokeLinecap: "round"
+													})
+												})]
+											})
+										]
+									})
+								]
+							}),
+							(0, import_jsx_runtime$28.jsxs)("div", {
+								className: "flex flex-col gap-8 relative",
+								children: [
+									(0, import_jsx_runtime$28.jsx)("div", { className: "absolute left-4 bottom-4 w-32 h-32 bg-rose-500/5 rounded-2xl -z-10 rotate-12" }),
+									(0, import_jsx_runtime$28.jsx)("div", { className: "h-px w-full bg-linear-to-r from-default-200 via-default-300 to-transparent" }),
+									(0, import_jsx_runtime$28.jsxs)("div", {
+										className: "flex items-end gap-6",
+										children: [props.qrCodeDataUrl && (0, import_jsx_runtime$28.jsx)("img", {
+											src: props.qrCodeDataUrl,
+											className: "w-65 h-auto rounded-2xl mix-blend-multiply",
+											alt: "QR"
+										}), (0, import_jsx_runtime$28.jsxs)("div", {
+											className: "flex flex-col justify-end h-56 pb-2",
+											children: [
+												(0, import_jsx_runtime$28.jsx)("span", {
+													className: "text-default-400 text-sm font-mono mb-2",
+													children: "SCAN TO VIEW"
+												}),
+												(0, import_jsx_runtime$28.jsx)("span", {
+													className: "text-3xl font-bold text-default-700 leading-none",
+													children: format(/* @__PURE__ */ new Date(), "HH:mm")
+												}),
+												(0, import_jsx_runtime$28.jsx)("span", {
+													className: "text-lg text-default-400 font-medium",
+													children: format(/* @__PURE__ */ new Date(), "yyyy.MM.dd")
+												})
+											]
+										})]
+									})
+								]
+							})
+						]
+					}), (0, import_jsx_runtime$28.jsx)("div", {
+						className: "col-span-8 h-full",
+						children: (0, import_jsx_runtime$28.jsxs)("div", {
+							className: "h-full bg-default-50/60 backdrop-blur-xl rounded-[3rem] p-10 border border-default-200 flex flex-col gap-8 shadow-2xl relative overflow-hidden",
+							children: [
+								(0, import_jsx_runtime$28.jsxs)("div", {
+									className: "flex items-center justify-between z-10",
+									children: [(0, import_jsx_runtime$28.jsxs)("div", {
+										className: "flex items-center gap-6 flex-1 min-w-0 mr-6",
+										children: [(0, import_jsx_runtime$28.jsx)("img", {
+											src: props.data.author_avatar,
+											className: "w-24 h-24 rounded-full border-2 border-default-100 shadow-md shrink-0",
+											alt: "Author"
+										}), (0, import_jsx_runtime$28.jsxs)("div", {
+											className: "flex flex-col gap-1 min-w-0",
+											children: [(0, import_jsx_runtime$28.jsx)("span", {
+												className: "text-4xl font-bold text-default-800 truncate",
+												title: props.data.author_username,
+												children: props.data.author_username
+											}), (0, import_jsx_runtime$28.jsxs)("span", {
+												className: "text-xl text-default-400 font-mono truncate",
+												children: ["抖音号: ", props.data.author_douyin_id]
+											})]
+										})]
+									}), (0, import_jsx_runtime$28.jsxs)("div", {
+										className: "px-6 py-3 bg-default-100/80 backdrop-blur-md rounded-full text-default-500 font-medium text-lg shrink-0",
+										children: ["发布于 ", props.data.create_time.split(" ")[0]]
+									})]
+								}),
+								(0, import_jsx_runtime$28.jsxs)("div", {
+									className: "flex-1 relative rounded-[2.5rem] overflow-hidden group shadow-inner bg-black/5",
+									children: [(0, import_jsx_runtime$28.jsx)("img", {
+										src: props.data.image_url,
+										className: "w-full h-full object-cover transition-transform duration-700",
+										alt: "Cover"
+									}), (0, import_jsx_runtime$28.jsx)("div", {
+										className: "absolute inset-x-0 bottom-0 pt-40 pb-12 px-12 bg-linear-to-t from-black/90 via-black/50 to-transparent",
+										children: (0, import_jsx_runtime$28.jsxs)("div", {
+											className: "flex gap-6 items-start",
+											children: [(0, import_jsx_runtime$28.jsx)(Quote, {
+												size: 48,
+												className: "text-rose-500/90 shrink-0 rotate-180 mt-2"
+											}), (0, import_jsx_runtime$28.jsx)("div", {
+												className: "text-white text-4xl font-medium leading-relaxed line-clamp-3 drop-shadow-lg tracking-wide",
+												dangerouslySetInnerHTML: { __html: props.data.desc || "分享视频" }
+											})]
+										})
+									})]
+								}),
+								(0, import_jsx_runtime$28.jsxs)("div", {
+									className: "grid grid-cols-5 gap-6 z-10",
+									children: [
+										(0, import_jsx_runtime$28.jsx)(StatItem$4, {
+											icon: RiHeart3Fill,
+											value: props.data.dianzan,
+											iconClassName: "text-rose-500/80"
+										}),
+										(0, import_jsx_runtime$28.jsx)(StatItem$4, {
+											icon: RiThumbUpFill,
+											value: props.data.tuijian
+										}),
+										(0, import_jsx_runtime$28.jsx)(StatItem$4, {
+											icon: RiMessage3Fill,
+											value: props.data.pinglun
+										}),
+										(0, import_jsx_runtime$28.jsx)(StatItem$4, {
+											icon: RiStarFill,
+											value: props.data.shouchang
+										}),
+										(0, import_jsx_runtime$28.jsx)(StatItem$4, {
+											icon: RiShareForwardFill,
+											value: props.data.share
+										})
+									]
+								})
+							]
+						})
+					})]
+				})
+			]
+		});
+	};
+	StatItem$4 = ({ icon: Icon, value, iconClassName }) => (0, import_jsx_runtime$28.jsxs)("div", {
+		className: "flex flex-col items-center justify-center gap-2 py-6 rounded-3xl bg-default-100",
+		children: [(0, import_jsx_runtime$28.jsx)(Icon, { className: `w-12 h-12 fill-current opacity-90 ${iconClassName || "text-default-400"}` }), (0, import_jsx_runtime$28.jsx)("span", {
+			className: "text-2xl font-bold text-default-600 mt-1",
+			children: value
+		})]
+	});
+});
+var RecommendList_exports = __export({ DouyinRecommendList: () => DouyinRecommendList }, 1), import_jsx_runtime$27, DouyinRecommendList, StatItem$3;
+var init_RecommendList = __esmMin(() => {
+	init_date_fns();
+	init_lucide_react();
+	__toESM(require_react(), 1);
+	init_ri();
+	init_DefaultLayout();
+	import_jsx_runtime$27 = __toESM(require_jsx_runtime(), 1);
+	DouyinRecommendList = (props) => {
+		const glowColors = props.data.useDarkTheme ?? false ? {
+			primary: "rgba(16, 185, 129, 0.15)",
+			secondary: "rgba(59, 130, 246, 0.15)"
+		} : {
+			primary: "rgba(34, 197, 94, 0.25)",
+			secondary: "rgba(59, 130, 246, 0.25)"
+		};
+		return (0, import_jsx_runtime$27.jsxs)(DefaultLayout, {
+			...props,
+			className: "relative overflow-hidden bg-default-50",
+			children: [
+				(0, import_jsx_runtime$27.jsxs)("div", {
+					className: "absolute inset-0 pointer-events-none z-0",
+					children: [(0, import_jsx_runtime$27.jsx)("div", {
+						className: "absolute rounded-full w-full h-[60%] -top-[20%] -left-[20%] blur-[150px]",
+						style: { background: glowColors.primary }
+					}), (0, import_jsx_runtime$27.jsx)("div", {
+						className: "absolute rounded-full w-full h-[60%] -bottom-[20%] -right-[20%] blur-[180px]",
+						style: { background: glowColors.secondary }
+					})]
+				}),
+				(0, import_jsx_runtime$27.jsx)("div", {
+					className: "absolute inset-0 pointer-events-none z-10 mix-blend-overlay",
+					children: (0, import_jsx_runtime$27.jsxs)("svg", {
+						className: "w-full h-full",
+						xmlns: "http://www.w3.org/2000/svg",
+						children: [(0, import_jsx_runtime$27.jsxs)("filter", {
+							id: "noiseFilter",
+							children: [(0, import_jsx_runtime$27.jsx)("feTurbulence", {
+								type: "fractalNoise",
+								baseFrequency: "0.8",
+								numOctaves: "3",
+								stitchTiles: "stitch"
+							}), (0, import_jsx_runtime$27.jsx)("feColorMatrix", {
+								type: "saturate",
+								values: "0"
+							})]
+						}), (0, import_jsx_runtime$27.jsx)("rect", {
+							width: "100%",
+							height: "100%",
+							filter: "url(#noiseFilter)"
+						})]
+					})
+				}),
+				(0, import_jsx_runtime$27.jsxs)("div", {
+					className: "relative z-20 p-12 pb-0 grid grid-cols-12 gap-12 min-h-screen items-stretch",
+					children: [(0, import_jsx_runtime$27.jsxs)("div", {
+						className: "col-span-4 flex flex-col justify-between py-8",
+						children: [
+							(0, import_jsx_runtime$27.jsxs)("div", {
+								className: "flex flex-col gap-1 select-none",
+								children: [
+									(0, import_jsx_runtime$27.jsx)("span", {
+										className: "text-6xl font-black text-default-900/10 tracking-tighter leading-none",
+										children: "DOUYIN"
+									}),
+									(0, import_jsx_runtime$27.jsx)("span", {
+										className: "text-6xl font-black text-emerald-500/20 tracking-tighter leading-none",
+										children: "RECOMMEND"
+									}),
+									(0, import_jsx_runtime$27.jsxs)("div", {
+										className: "flex items-center gap-3 mt-2",
+										children: [(0, import_jsx_runtime$27.jsx)("div", { className: "h-1.5 w-16 bg-emerald-500 rounded-full" }), (0, import_jsx_runtime$27.jsx)("span", {
+											className: "text-base text-default-400 font-mono tracking-widest uppercase",
+											children: "Push Notification"
+										})]
+									})
+								]
+							}),
+							(0, import_jsx_runtime$27.jsxs)("div", {
+								className: "flex flex-col gap-10 relative",
+								children: [
+									(0, import_jsx_runtime$27.jsx)("div", { className: "absolute -left-8 top-10 w-16 h-16 rounded-full border-4 border-emerald-300/30 animate-[bounce_4s_infinite]" }),
+									(0, import_jsx_runtime$27.jsx)("div", { className: "absolute right-10 -top-4 w-6 h-6 rounded-full bg-blue-300/40" }),
+									(0, import_jsx_runtime$27.jsxs)("div", {
+										className: "relative w-fit self-center",
+										children: [
+											(0, import_jsx_runtime$27.jsx)("div", { className: "absolute -inset-8 bg-linear-to-br from-emerald-400 to-blue-400 rounded-full blur-2xl opacity-40 animate-pulse" }),
+											(0, import_jsx_runtime$27.jsx)("div", { className: "absolute -inset-4 rounded-full border-2 border-dashed border-emerald-400/30 animate-[spin_10s_linear_infinite]" }),
+											(0, import_jsx_runtime$27.jsx)("img", {
+												src: props.data.recommender_avatar,
+												className: "relative w-64 h-64 rounded-full border-[6px] border-white object-cover shadow-2xl",
+												alt: "Recommender"
+											}),
+											(0, import_jsx_runtime$27.jsxs)("div", {
+												className: "absolute -bottom-3 -right-3 bg-emerald-500 text-white px-5 py-2 rounded-full border-[5px] border-white font-bold text-xl shadow-xl flex items-center gap-2",
+												children: [(0, import_jsx_runtime$27.jsx)(RiThumbUpFill, { className: "w-5 h-5 fill-current" }), (0, import_jsx_runtime$27.jsx)("span", { children: "推荐" })]
+											})
+										]
+									}),
+									(0, import_jsx_runtime$27.jsxs)("div", {
+										className: "flex flex-col items-center text-center",
+										children: [
+											(0, import_jsx_runtime$27.jsxs)("span", {
+												className: "text-6xl font-black text-default-900 leading-tight relative",
+												children: [props.data.recommender_username, (0, import_jsx_runtime$27.jsx)("svg", {
+													className: "absolute -right-8 -top-2 text-blue-400 w-8 h-8 opacity-60",
+													viewBox: "0 0 24 24",
+													fill: "currentColor",
+													children: (0, import_jsx_runtime$27.jsx)("path", { d: "M12 2l2.4 7.2h7.6l-6 4.8 2.4 7.2-6-4.8-6 4.8 2.4-7.2-6-4.8h7.6z" })
+												})]
+											}),
+											(0, import_jsx_runtime$27.jsxs)("div", {
+												className: "px-6 py-6 pt-0 rounded-full text-2xl text-default-500 font-mono",
+												children: ["@", props.data.recommender_douyin_id]
+											}),
+											(0, import_jsx_runtime$27.jsxs)("div", {
+												className: "mt-6 flex flex-col items-center gap-2 text-emerald-500",
+												children: [(0, import_jsx_runtime$27.jsxs)("div", {
+													className: "flex items-center gap-3",
+													children: [(0, import_jsx_runtime$27.jsx)(RiThumbUpFill, { className: "w-10 h-10 fill-current" }), (0, import_jsx_runtime$27.jsx)("span", {
+														className: "text-4xl font-bold",
+														children: "刚刚推荐了这个作品"
+													})]
+												}), (0, import_jsx_runtime$27.jsx)("svg", {
+													width: "200",
+													height: "20",
+													viewBox: "0 0 200 20",
+													className: "opacity-60",
+													children: (0, import_jsx_runtime$27.jsx)("path", {
+														d: "M0 10 Q 50 20, 100 10 T 200 10",
+														stroke: "currentColor",
+														strokeWidth: "3",
+														fill: "none",
+														strokeLinecap: "round"
+													})
+												})]
+											})
+										]
+									})
+								]
+							}),
+							(0, import_jsx_runtime$27.jsxs)("div", {
+								className: "flex flex-col gap-8 relative",
+								children: [
+									(0, import_jsx_runtime$27.jsx)("div", { className: "absolute left-4 bottom-4 w-32 h-32 bg-emerald-500/5 rounded-2xl -z-10 rotate-12" }),
+									(0, import_jsx_runtime$27.jsx)("div", { className: "h-px w-full bg-linear-to-r from-default-200 via-default-300 to-transparent" }),
+									(0, import_jsx_runtime$27.jsxs)("div", {
+										className: "flex items-end gap-6",
+										children: [props.qrCodeDataUrl && (0, import_jsx_runtime$27.jsx)("img", {
+											src: props.qrCodeDataUrl,
+											className: "w-65 h-auto rounded-2xl mix-blend-multiply",
+											alt: "QR"
+										}), (0, import_jsx_runtime$27.jsxs)("div", {
+											className: "flex flex-col justify-end h-56 pb-2",
+											children: [
+												(0, import_jsx_runtime$27.jsx)("span", {
+													className: "text-default-400 text-sm font-mono mb-2",
+													children: "SCAN TO VIEW"
+												}),
+												(0, import_jsx_runtime$27.jsx)("span", {
+													className: "text-3xl font-bold text-default-700 leading-none",
+													children: format(/* @__PURE__ */ new Date(), "HH:mm")
+												}),
+												(0, import_jsx_runtime$27.jsx)("span", {
+													className: "text-lg text-default-400 font-medium",
+													children: format(/* @__PURE__ */ new Date(), "yyyy.MM.dd")
+												})
+											]
+										})]
+									})
+								]
+							})
+						]
+					}), (0, import_jsx_runtime$27.jsx)("div", {
+						className: "col-span-8 h-full",
+						children: (0, import_jsx_runtime$27.jsxs)("div", {
+							className: "h-full bg-default-50/60 backdrop-blur-xl rounded-[3rem] p-10 border border-default-200 flex flex-col gap-8 shadow-2xl relative overflow-hidden",
+							children: [
+								(0, import_jsx_runtime$27.jsxs)("div", {
+									className: "flex items-center justify-between z-10",
+									children: [(0, import_jsx_runtime$27.jsxs)("div", {
+										className: "flex items-center gap-6 flex-1 min-w-0 mr-6",
+										children: [(0, import_jsx_runtime$27.jsx)("img", {
+											src: props.data.author_avatar,
+											className: "w-24 h-24 rounded-full border-2 border-default-100 shadow-md shrink-0",
+											alt: "Author"
+										}), (0, import_jsx_runtime$27.jsxs)("div", {
+											className: "flex flex-col gap-1 min-w-0",
+											children: [(0, import_jsx_runtime$27.jsx)("span", {
+												className: "text-4xl font-bold text-default-800 truncate",
+												title: props.data.author_username,
+												children: props.data.author_username
+											}), (0, import_jsx_runtime$27.jsxs)("span", {
+												className: "text-xl text-default-400 font-mono truncate",
+												children: ["抖音号: ", props.data.author_douyin_id]
+											})]
+										})]
+									}), (0, import_jsx_runtime$27.jsxs)("div", {
+										className: "px-6 py-3 bg-default-100/80 backdrop-blur-md rounded-full text-default-500 font-medium text-lg shrink-0",
+										children: ["发布于 ", props.data.create_time.split(" ")[0]]
+									})]
+								}),
+								(0, import_jsx_runtime$27.jsxs)("div", {
+									className: "flex-1 relative rounded-[2.5rem] overflow-hidden group shadow-inner bg-black/5",
+									children: [(0, import_jsx_runtime$27.jsx)("img", {
+										src: props.data.image_url,
+										className: "w-full h-full object-cover transition-transform duration-700",
+										alt: "Cover"
+									}), (0, import_jsx_runtime$27.jsx)("div", {
+										className: "absolute inset-x-0 bottom-0 pt-40 pb-12 px-12 bg-linear-to-t from-black/90 via-black/50 to-transparent",
+										children: (0, import_jsx_runtime$27.jsxs)("div", {
+											className: "flex gap-6 items-start",
+											children: [(0, import_jsx_runtime$27.jsx)(Quote, {
+												size: 48,
+												className: "text-emerald-500/90 shrink-0 rotate-180 mt-2"
+											}), (0, import_jsx_runtime$27.jsx)("div", {
+												className: "text-white text-4xl font-medium leading-relaxed line-clamp-3 drop-shadow-lg tracking-wide",
+												dangerouslySetInnerHTML: { __html: props.data.desc || "分享视频" }
+											})]
+										})
+									})]
+								}),
+								(0, import_jsx_runtime$27.jsxs)("div", {
+									className: "grid grid-cols-5 gap-6 z-10",
+									children: [
+										(0, import_jsx_runtime$27.jsx)(StatItem$3, {
+											icon: RiHeart3Fill,
+											value: props.data.dianzan
+										}),
+										(0, import_jsx_runtime$27.jsx)(StatItem$3, {
+											icon: RiThumbUpFill,
+											value: props.data.tuijian,
+											iconClassName: "text-emerald-500/80"
+										}),
+										(0, import_jsx_runtime$27.jsx)(StatItem$3, {
+											icon: RiMessage3Fill,
+											value: props.data.pinglun
+										}),
+										(0, import_jsx_runtime$27.jsx)(StatItem$3, {
+											icon: RiStarFill,
+											value: props.data.shouchang
+										}),
+										(0, import_jsx_runtime$27.jsx)(StatItem$3, {
+											icon: RiShareForwardFill,
+											value: props.data.share
+										})
+									]
+								})
+							]
+						})
+					})]
+				})
+			]
+		});
+	};
+	StatItem$3 = ({ icon: Icon, value, iconClassName }) => (0, import_jsx_runtime$27.jsxs)("div", {
+		className: "flex flex-col items-center justify-center gap-2 py-6 rounded-3xl bg-default-100",
+		children: [(0, import_jsx_runtime$27.jsx)(Icon, { className: `w-12 h-12 fill-current opacity-90 ${iconClassName || "text-default-400"}` }), (0, import_jsx_runtime$27.jsx)("span", {
+			className: "text-2xl font-bold text-default-600 mt-1",
+			children: value
+		})]
+	});
+});
 var Live_exports = __export({
 	DouyinLive: () => DouyinLive,
 	default: () => Live_default
@@ -2732,12 +3274,34 @@ var init_UserVideoList = __esmMin(() => {
 		})]
 	});
 });
-var UserList_exports$1 = __export({ default: () => UserList_default$1 }, 1), import_jsx_runtime$23, DouyinUserItem, DouyinUserList, UserList_default$1;
+var UserList_exports$1 = __export({ default: () => UserList_default$1 }, 1), import_jsx_runtime$23, pushTypeConfig, DouyinUserItem, DouyinUserList, UserList_default$1;
 var init_UserList$1 = __esmMin(() => {
 	__toESM(require_react(), 1);
 	init_ri();
 	init_DefaultLayout();
 	import_jsx_runtime$23 = __toESM(require_jsx_runtime(), 1);
+	pushTypeConfig = {
+		post: {
+			label: "作品更新",
+			color: "bg-primary-500/5 text-primary-500 border-primary-500/20",
+			icon: RiVideoLine
+		},
+		favorite: {
+			label: "喜欢列表",
+			color: "bg-danger-500/5 text-danger-500 border-danger-500/20",
+			icon: RiHeart2Line
+		},
+		recommend: {
+			label: "推荐列表",
+			color: "bg-warning-500/5 text-warning-500 border-warning-500/20",
+			icon: RiStarLine
+		},
+		live: {
+			label: "直播状态",
+			color: "bg-secondary-500/5 text-secondary-500 border-secondary-500/20",
+			icon: RiLiveLine
+		}
+	};
 	DouyinUserItem = (props) => (0, import_jsx_runtime$23.jsxs)("li", {
 		className: "relative group overflow-hidden rounded-4xl bg-content1/60 border border-default-200/50 backdrop-blur-xl shadow-xl",
 		children: [
@@ -2811,7 +3375,7 @@ var init_UserList$1 = __esmMin(() => {
 							className: "w-full h-full rounded-full object-cover"
 						})
 					}), (0, import_jsx_runtime$23.jsxs)("div", {
-						className: `absolute -bottom-1 -right-1 px-3 py-1 rounded-full border-2 border-background flex items-center gap-1.5 shadow-md ${props.switch ? "bg-danger text-white" : "bg-default-500 text-default-100"}`,
+						className: `absolute -bottom-1 -right-1 px-3 py-1 rounded-full border-2 border-background flex items-center gap-1.5 shadow-md ${props.switch ? "bg-success text-white" : "bg-danger-500 text-default-100"}`,
 						children: [(0, import_jsx_runtime$23.jsx)("div", { className: `w-1.5 h-1.5 rounded-full ${props.switch ? "bg-white" : "bg-default-300"}` }), (0, import_jsx_runtime$23.jsx)("span", {
 							className: "text-[10px] font-bold uppercase tracking-wider leading-none",
 							children: props.switch ? "ON" : "OFF"
@@ -2819,65 +3383,61 @@ var init_UserList$1 = __esmMin(() => {
 					})]
 				}), (0, import_jsx_runtime$23.jsxs)("div", {
 					className: "flex-1 min-w-0",
-					children: [(0, import_jsx_runtime$23.jsxs)("div", {
-						className: "mb-5",
-						children: [(0, import_jsx_runtime$23.jsx)("h3", {
-							className: "text-3xl font-black tracking-tight text-foreground truncate drop-shadow-sm",
-							children: props.username
-						}), (0, import_jsx_runtime$23.jsx)("div", {
-							className: "flex items-center gap-2 mt-1",
-							children: (0, import_jsx_runtime$23.jsxs)("span", {
-								className: "px-2 py-0.5 rounded-md bg-default-100 border border-default-200 text-xs font-mono font-bold text-default-500 flex items-center gap-1",
-								children: [(0, import_jsx_runtime$23.jsx)(RiHashtag, { className: "w-3 h-3 opacity-70" }), props.short_id]
+					children: [
+						(0, import_jsx_runtime$23.jsxs)("div", {
+							className: "mb-3",
+							children: [(0, import_jsx_runtime$23.jsx)("h3", {
+								className: "text-2xl font-black tracking-tight text-foreground truncate drop-shadow-sm",
+								children: props.username
+							}), (0, import_jsx_runtime$23.jsx)("div", {
+								className: "flex items-center gap-2 mt-1",
+								children: (0, import_jsx_runtime$23.jsxs)("span", {
+									className: "px-1.5 py-0.5 rounded-md bg-default-100/50 border border-default-200/50 text-[10px] font-mono font-bold text-default-500 flex items-center gap-1",
+									children: [(0, import_jsx_runtime$23.jsx)(RiHashtag, { className: "w-2.5 h-2.5 opacity-70" }), props.short_id]
+								})
+							})]
+						}),
+						(0, import_jsx_runtime$23.jsx)("div", {
+							className: "flex flex-wrap gap-2 mb-4",
+							children: Object.entries(pushTypeConfig).map(([type, config$1]) => {
+								const isActive = props.pushTypes?.includes(type);
+								const Icon = config$1.icon;
+								return (0, import_jsx_runtime$23.jsxs)("div", {
+									className: `px-2 py-0.5 rounded-md border flex items-center gap-1.5 transition-colors duration-200 ${isActive ? config$1.color : "bg-default-100/50 text-default-400 border-transparent dark:bg-default-100/10"}`,
+									children: [(0, import_jsx_runtime$23.jsx)(Icon, { className: `w-3 h-3 ${isActive ? "" : "opacity-50"}` }), (0, import_jsx_runtime$23.jsx)("span", {
+										className: "text-[10px] font-bold",
+										children: config$1.label
+									})]
+								}, type);
 							})
-						})]
-					}), (0, import_jsx_runtime$23.jsxs)("div", {
-						className: "flex items-center gap-3 w-full",
-						children: [
-							(0, import_jsx_runtime$23.jsxs)("div", {
-								className: "flex-1 flex flex-col items-center justify-center py-2 px-3 rounded-2xl bg-content2/40 border border-default-200/40 backdrop-blur-sm",
-								children: [
-									(0, import_jsx_runtime$23.jsx)(RiGroupLine, { className: "w-5 h-5 mb-1 text-default-500" }),
-									(0, import_jsx_runtime$23.jsx)("span", {
-										className: "text-lg font-black font-mono bg-linear-to-b from-foreground to-default-500 bg-clip-text text-transparent leading-none",
+						}),
+						(0, import_jsx_runtime$23.jsxs)("div", {
+							className: "flex items-center gap-2 w-full",
+							children: [
+								(0, import_jsx_runtime$23.jsxs)("div", {
+									className: "flex-1 flex flex-col items-center justify-center py-1.5 px-2 rounded-lg bg-content2/20 border border-default-200/20 backdrop-blur-sm",
+									children: [(0, import_jsx_runtime$23.jsx)(RiGroupLine, { className: "w-3.5 h-3.5 mb-0.5 text-default-400" }), (0, import_jsx_runtime$23.jsx)("span", {
+										className: "text-sm font-bold font-mono text-default-600 leading-none",
 										children: props.fans
-									}),
-									(0, import_jsx_runtime$23.jsx)("span", {
-										className: "text-[10px] font-bold uppercase opacity-40 mt-1 text-foreground",
-										children: "Fans"
-									})
-								]
-							}),
-							(0, import_jsx_runtime$23.jsxs)("div", {
-								className: "flex-1 flex flex-col items-center justify-center py-2 px-3 rounded-2xl bg-content2/40 border border-default-200/40 backdrop-blur-sm",
-								children: [
-									(0, import_jsx_runtime$23.jsx)(RiHeart3Line, { className: "w-5 h-5 mb-1 text-default-500" }),
-									(0, import_jsx_runtime$23.jsx)("span", {
-										className: "text-lg font-black font-mono bg-linear-to-b from-foreground to-default-500 bg-clip-text text-transparent leading-none",
+									})]
+								}),
+								(0, import_jsx_runtime$23.jsxs)("div", {
+									className: "flex-1 flex flex-col items-center justify-center py-1.5 px-2 rounded-lg bg-content2/20 border border-default-200/20 backdrop-blur-sm",
+									children: [(0, import_jsx_runtime$23.jsx)(RiHeart3Line, { className: "w-3.5 h-3.5 mb-0.5 text-default-400" }), (0, import_jsx_runtime$23.jsx)("span", {
+										className: "text-sm font-bold font-mono text-default-600 leading-none",
 										children: props.total_favorited
-									}),
-									(0, import_jsx_runtime$23.jsx)("span", {
-										className: "text-[10px] font-bold uppercase opacity-40 mt-1 text-foreground",
-										children: "Likes"
-									})
-								]
-							}),
-							(0, import_jsx_runtime$23.jsxs)("div", {
-								className: "flex-1 flex flex-col items-center justify-center py-2 px-3 rounded-2xl bg-content2/40 border border-default-200/40 backdrop-blur-sm",
-								children: [
-									(0, import_jsx_runtime$23.jsx)(RiUserFollowLine, { className: "w-5 h-5 mb-1 text-default-500" }),
-									(0, import_jsx_runtime$23.jsx)("span", {
-										className: "text-lg font-black font-mono bg-linear-to-b from-foreground to-default-500 bg-clip-text text-transparent leading-none",
+									})]
+								}),
+								(0, import_jsx_runtime$23.jsxs)("div", {
+									className: "flex-1 flex flex-col items-center justify-center py-1.5 px-2 rounded-lg bg-content2/20 border border-default-200/20 backdrop-blur-sm",
+									children: [(0, import_jsx_runtime$23.jsx)(RiUserFollowLine, { className: "w-3.5 h-3.5 mb-0.5 text-default-400" }), (0, import_jsx_runtime$23.jsx)("span", {
+										className: "text-sm font-bold font-mono text-default-600 leading-none",
 										children: props.following_count
-									}),
-									(0, import_jsx_runtime$23.jsx)("span", {
-										className: "text-[10px] font-bold uppercase opacity-40 mt-1 text-foreground",
-										children: "Follow"
-									})
-								]
-							})
-						]
-					})]
+									})]
+								})
+							]
+						})
+					]
 				})]
 			})
 		]
@@ -4009,7 +4569,7 @@ var init_UserList = __esmMin(() => {
 							className: "w-full h-full rounded-full object-cover"
 						})
 					}), (0, import_jsx_runtime$18.jsxs)("div", {
-						className: `absolute -bottom-1 -right-1 px-3 py-1 rounded-full border-2 border-background flex items-center gap-1.5 shadow-md ${props.switch ? "bg-success text-white" : "bg-default-500 text-default-100"}`,
+						className: `absolute -bottom-1 -right-1 px-3 py-1 rounded-full border-2 border-background flex items-center gap-1.5 shadow-md ${props.switch ? "bg-success text-white" : "bg-danger-500 text-default-100"}`,
 						children: [(0, import_jsx_runtime$18.jsx)("div", { className: `w-1.5 h-1.5 rounded-full ${props.switch ? "bg-white" : "bg-default-300"}` }), (0, import_jsx_runtime$18.jsx)("span", {
 							className: "text-[10px] font-bold uppercase tracking-wider leading-none",
 							children: props.switch ? "ON" : "OFF"
@@ -4923,7 +5483,7 @@ var init_DYNAMIC_TYPE_DRAW = __esmMin(() => {
 			}),
 			props.decoration_card && (0, import_jsx_runtime$15.jsx)("div", {
 				className: "pl-40",
-				children: (0, import_jsx_runtime$15.jsx)("div", { dangerouslySetInnerHTML: { __html: props.decoration_card } })
+				children: (0, import_jsx_runtime$15.jsx)(DecorationCard, { html: props.decoration_card })
 			})
 		]
 	});
@@ -5279,7 +5839,7 @@ var init_DYNAMIC_TYPE_WORD = __esmMin(() => {
 			}),
 			props.decoration_card && (0, import_jsx_runtime$14.jsx)("div", {
 				className: "pl-40",
-				children: (0, import_jsx_runtime$14.jsx)("div", { dangerouslySetInnerHTML: { __html: props.decoration_card } })
+				children: (0, import_jsx_runtime$14.jsx)(DecorationCard, { html: props.decoration_card })
 			})
 		]
 	});
@@ -5887,7 +6447,7 @@ var init_DYNAMIC_TYPE_FORWARD = __esmMin(() => {
 			}),
 			props.decoration_card && (0, import_jsx_runtime$12.jsx)("div", {
 				className: "pl-40",
-				children: (0, import_jsx_runtime$12.jsx)("div", { dangerouslySetInnerHTML: { __html: props.decoration_card } })
+				children: (0, import_jsx_runtime$12.jsx)(DecorationCard, { html: props.decoration_card })
 			})
 		]
 	});
@@ -6733,7 +7293,7 @@ var init_DYNAMIC_TYPE_ARTICLE = __esmMin(() => {
 			}),
 			props.data.decoration_card && (0, import_jsx_runtime$10.jsx)("div", {
 				className: "pl-40",
-				children: (0, import_jsx_runtime$10.jsx)("div", { dangerouslySetInnerHTML: { __html: props.data.decoration_card.card_url } })
+				children: (0, import_jsx_runtime$10.jsx)(DecorationCard, { html: props.data.decoration_card.card_url })
 			})
 		]
 	}));
@@ -9915,237 +10475,30 @@ var init_qrlogin = __esmMin(() => {
 		const secondaryColor = isDark ? "#a78bfa" : "#8b5cf6";
 		const mutedColor = isDark ? "rgba(129,140,248,0.7)" : "#7c3aed";
 		const accentColor = isDark ? "#c4b5fd" : "#4f46e5";
+		const warningColor = isDark ? "#f87171" : "#dc2626";
 		return (0, import_jsx_runtime.jsxs)(DefaultLayout, {
 			...props,
 			version: void 0,
 			className: "relative overflow-hidden",
 			style: {
 				backgroundColor: bgColor,
-				width: "720px",
-				height: "1280px"
+				minHeight: "2000px"
 			},
 			children: [
-				(0, import_jsx_runtime.jsxs)("div", {
-					className: "absolute inset-0 z-50 pointer-events-none",
-					children: [
-						(0, import_jsx_runtime.jsxs)("div", {
-							className: "absolute top-0 left-0 right-0 h-14 flex items-center overflow-hidden",
-							style: { background: isDark ? "linear-gradient(90deg, #7c3aed 0%, #8b5cf6 50%, #7c3aed 100%)" : "linear-gradient(90deg, #7c3aed 0%, #8b5cf6 50%, #7c3aed 100%)" },
-							children: [
-								(0, import_jsx_runtime.jsx)("div", {
-									className: "absolute left-0 top-0 w-32 h-full",
-									style: {
-										background: isDark ? "#a78bfa" : "#a78bfa",
-										clipPath: "polygon(0 0, 100% 0, 70% 100%, 0 100%)"
-									}
-								}),
-								(0, import_jsx_runtime.jsx)("div", {
-									className: "absolute left-24 top-0 w-8 h-full",
-									style: {
-										background: "rgba(255,255,255,0.3)",
-										clipPath: "polygon(0 0, 100% 0, 60% 100%, 0 100%)"
-									}
-								}),
-								(0, import_jsx_runtime.jsxs)("div", {
-									className: "flex-1 flex items-center justify-center gap-6 relative z-10",
-									children: [
-										(0, import_jsx_runtime.jsx)("span", {
-											className: "text-white/50 text-3xl",
-											children: "◆"
-										}),
-										(0, import_jsx_runtime.jsx)("span", {
-											className: "text-white text-[20px] font-black tracking-[0.2em] drop-shadow-lg",
-											children: "⚠ 请勿截图转发 ⚠"
-										}),
-										(0, import_jsx_runtime.jsx)("span", {
-											className: "text-white/50 text-3xl",
-											children: "◆"
-										}),
-										(0, import_jsx_runtime.jsx)("span", {
-											className: "text-purple-100 text-[18px] font-bold tracking-wider",
-											children: "图片含敏感信息"
-										}),
-										(0, import_jsx_runtime.jsx)("span", {
-											className: "text-white/50 text-3xl",
-											children: "◆"
-										})
-									]
-								}),
-								(0, import_jsx_runtime.jsx)("div", {
-									className: "absolute right-24 top-0 w-8 h-full",
-									style: {
-										background: "rgba(255,255,255,0.3)",
-										clipPath: "polygon(40% 0, 100% 0, 100% 100%, 0 100%)"
-									}
-								}),
-								(0, import_jsx_runtime.jsx)("div", {
-									className: "absolute right-0 top-0 w-32 h-full",
-									style: {
-										background: isDark ? "#a78bfa" : "#a78bfa",
-										clipPath: "polygon(30% 0, 100% 0, 100% 100%, 0 100%)"
-									}
-								})
-							]
-						}),
-						(0, import_jsx_runtime.jsxs)("div", {
-							className: "absolute bottom-0 left-0 right-0 h-14 flex items-center overflow-hidden",
-							style: { background: isDark ? "linear-gradient(90deg, #7c3aed 0%, #8b5cf6 50%, #7c3aed 100%)" : "linear-gradient(90deg, #7c3aed 0%, #8b5cf6 50%, #7c3aed 100%)" },
-							children: [
-								(0, import_jsx_runtime.jsx)("div", {
-									className: "absolute left-0 top-0 w-32 h-full",
-									style: {
-										background: isDark ? "#a78bfa" : "#a78bfa",
-										clipPath: "polygon(0 0, 70% 0, 100% 100%, 0 100%)"
-									}
-								}),
-								(0, import_jsx_runtime.jsx)("div", {
-									className: "absolute left-24 top-0 w-8 h-full",
-									style: {
-										background: "rgba(255,255,255,0.3)",
-										clipPath: "polygon(0 0, 60% 0, 100% 100%, 0 100%)"
-									}
-								}),
-								(0, import_jsx_runtime.jsxs)("div", {
-									className: "flex-1 flex items-center justify-center gap-6 relative z-10",
-									children: [
-										(0, import_jsx_runtime.jsx)("span", {
-											className: "text-white/50 text-3xl",
-											children: "◆"
-										}),
-										(0, import_jsx_runtime.jsx)("span", {
-											className: "text-purple-100 text-[18px] font-bold tracking-wider",
-											children: "泄露将导致服务器风险"
-										}),
-										(0, import_jsx_runtime.jsx)("span", {
-											className: "text-white/50 text-3xl",
-											children: "◆"
-										}),
-										(0, import_jsx_runtime.jsx)("span", {
-											className: "text-white text-[20px] font-black tracking-[0.2em] drop-shadow-lg",
-											children: "CONFIDENTIAL"
-										}),
-										(0, import_jsx_runtime.jsx)("span", {
-											className: "text-white/50 text-3xl",
-											children: "◆"
-										})
-									]
-								}),
-								(0, import_jsx_runtime.jsx)("div", {
-									className: "absolute right-24 top-0 w-8 h-full",
-									style: {
-										background: "rgba(255,255,255,0.3)",
-										clipPath: "polygon(0 0, 100% 0, 100% 100%, 40% 100%)"
-									}
-								}),
-								(0, import_jsx_runtime.jsx)("div", {
-									className: "absolute right-0 top-0 w-32 h-full",
-									style: {
-										background: isDark ? "#a78bfa" : "#a78bfa",
-										clipPath: "polygon(0 0, 100% 0, 100% 100%, 30% 100%)"
-									}
-								})
-							]
-						}),
-						(0, import_jsx_runtime.jsxs)("div", {
-							className: "absolute top-14 bottom-14 left-0 w-14 flex flex-col items-center overflow-hidden",
-							style: { background: isDark ? "linear-gradient(180deg, #7c3aed 0%, #8b5cf6 50%, #7c3aed 100%)" : "linear-gradient(180deg, #7c3aed 0%, #8b5cf6 50%, #7c3aed 100%)" },
-							children: [
-								(0, import_jsx_runtime.jsx)("div", {
-									className: "absolute top-0 left-0 w-full h-24",
-									style: {
-										background: isDark ? "#a78bfa" : "#a78bfa",
-										clipPath: "polygon(0 0, 100% 0, 100% 60%, 0 100%)"
-									}
-								}),
-								(0, import_jsx_runtime.jsx)("div", {
-									className: "absolute top-20 left-0 w-full h-6",
-									style: {
-										background: "rgba(255,255,255,0.3)",
-										clipPath: "polygon(0 0, 100% 0, 100% 40%, 0 100%)"
-									}
-								}),
-								(0, import_jsx_runtime.jsx)("div", {
-									className: "flex-1 flex items-center justify-center relative z-10",
-									children: (0, import_jsx_runtime.jsx)("span", {
-										className: "text-white text-[20px] font-black tracking-[0.5em] drop-shadow-lg",
-										style: { writingMode: "vertical-rl" },
-										children: "⚠请勿外传⚠"
-									})
-								}),
-								(0, import_jsx_runtime.jsx)("div", {
-									className: "absolute bottom-20 left-0 w-full h-6",
-									style: {
-										background: "rgba(255,255,255,0.3)",
-										clipPath: "polygon(0 60%, 100% 0, 100% 100%, 0 100%)"
-									}
-								}),
-								(0, import_jsx_runtime.jsx)("div", {
-									className: "absolute bottom-0 left-0 w-full h-24",
-									style: {
-										background: isDark ? "#a78bfa" : "#a78bfa",
-										clipPath: "polygon(0 40%, 100% 0, 100% 100%, 0 100%)"
-									}
-								})
-							]
-						}),
-						(0, import_jsx_runtime.jsxs)("div", {
-							className: "absolute top-14 bottom-14 right-0 w-14 flex flex-col items-center overflow-hidden",
-							style: { background: isDark ? "linear-gradient(180deg, #7c3aed 0%, #8b5cf6 50%, #7c3aed 100%)" : "linear-gradient(180deg, #7c3aed 0%, #8b5cf6 50%, #7c3aed 100%)" },
-							children: [
-								(0, import_jsx_runtime.jsx)("div", {
-									className: "absolute top-0 left-0 w-full h-24",
-									style: {
-										background: isDark ? "#a78bfa" : "#a78bfa",
-										clipPath: "polygon(0 0, 100% 0, 100% 100%, 0 60%)"
-									}
-								}),
-								(0, import_jsx_runtime.jsx)("div", {
-									className: "absolute top-20 left-0 w-full h-6",
-									style: {
-										background: "rgba(255,255,255,0.3)",
-										clipPath: "polygon(0 0, 100% 0, 100% 100%, 0 40%)"
-									}
-								}),
-								(0, import_jsx_runtime.jsx)("div", {
-									className: "flex-1 flex items-center justify-center relative z-10",
-									children: (0, import_jsx_runtime.jsx)("span", {
-										className: "text-white text-[20px] font-black tracking-[0.5em] drop-shadow-lg",
-										style: { writingMode: "vertical-rl" },
-										children: "⚠请勿外传⚠"
-									})
-								}),
-								(0, import_jsx_runtime.jsx)("div", {
-									className: "absolute bottom-20 left-0 w-full h-6",
-									style: {
-										background: "rgba(255,255,255,0.3)",
-										clipPath: "polygon(0 0, 100% 60%, 100% 100%, 0 100%)"
-									}
-								}),
-								(0, import_jsx_runtime.jsx)("div", {
-									className: "absolute bottom-0 left-0 w-full h-24",
-									style: {
-										background: isDark ? "#a78bfa" : "#a78bfa",
-										clipPath: "polygon(0 0, 100% 40%, 100% 100%, 0 100%)"
-									}
-								})
-							]
-						})
-					]
-				}),
 				(0, import_jsx_runtime.jsxs)("div", {
 					className: "absolute inset-0 pointer-events-none",
 					children: [
 						(0, import_jsx_runtime.jsx)("div", {
-							className: "absolute rounded-full w-200 h-225 -top-50 -left-50 blur-[120px] -rotate-15",
-							style: { background: isDark ? "radial-gradient(ellipse at 30% 30%, rgba(99,102,241,0.5) 0%, rgba(139,92,246,0.25) 50%, transparent 100%)" : "radial-gradient(ellipse at 30% 30%, rgba(99,102,241,0.35) 0%, rgba(139,92,246,0.18) 50%, transparent 100%)" }
+							className: "absolute rounded-full w-[800px] h-[600px] -top-[200px] left-1/2 -translate-x-1/2 blur-[150px]",
+							style: { background: isDark ? "radial-gradient(ellipse at 50% 30%, rgba(99,102,241,0.5) 0%, rgba(139,92,246,0.25) 50%, transparent 100%)" : "radial-gradient(ellipse at 50% 30%, rgba(99,102,241,0.35) 0%, rgba(139,92,246,0.18) 50%, transparent 100%)" }
 						}),
 						(0, import_jsx_runtime.jsx)("div", {
-							className: "absolute rounded-full w-150 h-175 top-75 -right-37.5 blur-[100px] rotate-20",
+							className: "absolute rounded-full w-[700px] h-[700px] top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 blur-[140px]",
 							style: { background: isDark ? "radial-gradient(ellipse at 50% 50%, rgba(167,139,250,0.4) 0%, rgba(196,181,253,0.2) 50%, transparent 100%)" : "radial-gradient(ellipse at 50% 50%, rgba(167,139,250,0.3) 0%, rgba(196,181,253,0.12) 50%, transparent 100%)" }
 						}),
 						(0, import_jsx_runtime.jsx)("div", {
-							className: "absolute rounded-full w-175 h-125 -bottom-25 left-25 blur-[110px] -rotate-10",
-							style: { background: isDark ? "radial-gradient(ellipse at 50% 60%, rgba(124,58,237,0.35) 0%, rgba(99,102,241,0.18) 50%, transparent 100%)" : "radial-gradient(ellipse at 50% 60%, rgba(124,58,237,0.25) 0%, rgba(99,102,241,0.12) 50%, transparent 100%)" }
+							className: "absolute rounded-full w-[800px] h-[600px] -bottom-[200px] left-1/2 -translate-x-1/2 blur-[150px]",
+							style: { background: isDark ? "radial-gradient(ellipse at 50% 70%, rgba(124,58,237,0.35) 0%, rgba(99,102,241,0.18) 50%, transparent 100%)" : "radial-gradient(ellipse at 50% 70%, rgba(124,58,237,0.25) 0%, rgba(99,102,241,0.12) 50%, transparent 100%)" }
 						})
 					]
 				}),
@@ -10197,198 +10550,248 @@ var init_qrlogin = __esmMin(() => {
 					})
 				}),
 				(0, import_jsx_runtime.jsxs)("div", {
-					className: "absolute top-20 right-17.5 pointer-events-none select-none opacity-[0.04]",
-					children: [(0, import_jsx_runtime.jsx)("span", {
-						className: "text-[140px] font-black tracking-tighter leading-none block text-right",
-						style: { color: isDark ? "#fff" : "#4f46e5" },
-						children: "SCAN"
-					}), (0, import_jsx_runtime.jsx)("span", {
-						className: "text-[140px] font-black tracking-tighter leading-none block text-right",
-						style: { color: isDark ? "#fff" : "#4f46e5" },
-						children: "LOGIN"
-					})]
-				}),
-				(0, import_jsx_runtime.jsxs)("div", {
-					className: "relative z-10 flex flex-col h-full pt-20 pb-20 px-20",
+					className: "relative z-10 flex flex-col min-h-[2000px] pt-20 pb-20 px-32",
 					children: [
 						(0, import_jsx_runtime.jsxs)("div", {
-							className: "flex flex-col gap-3",
+							className: "flex flex-col gap-5",
 							children: [
 								(0, import_jsx_runtime.jsx)("p", {
-									className: "text-[18px] font-medium tracking-[0.3em] uppercase",
+									className: "text-2xl font-medium tracking-[0.3em] uppercase",
 									style: { color: mutedColor },
 									children: "karin-plugin-kkk"
 								}),
 								(0, import_jsx_runtime.jsxs)("div", {
-									className: "flex items-center gap-3",
+									className: "flex items-center gap-6",
 									children: [(0, import_jsx_runtime.jsx)(GlowImage, {
 										glowStrength: .8,
-										blurRadius: 15,
+										blurRadius: 25,
 										children: (0, import_jsx_runtime.jsx)(Smartphone, {
-											className: "w-12 h-12",
+											className: "w-20 h-20",
 											style: { color: accentColor }
 										})
 									}), (0, import_jsx_runtime.jsx)("h1", {
-										className: "text-[60px] font-black leading-none",
+										className: "text-[90px] font-black leading-none",
 										style: { color: accentColor },
 										children: "扫码登录"
 									})]
 								}),
 								(0, import_jsx_runtime.jsx)("p", {
-									className: "text-[20px] font-medium",
+									className: "text-3xl font-medium",
 									style: { color: secondaryColor },
 									children: "使用手机 APP 扫描二维码快速连接"
 								})
 							]
 						}),
-						(0, import_jsx_runtime.jsxs)("div", {
-							className: "absolute top-20 right-20 flex flex-col items-end space-y-2",
-							children: [(0, import_jsx_runtime.jsxs)("div", {
-								className: "flex space-x-2",
+						(0, import_jsx_runtime.jsx)("div", {
+							className: "mt-10 mb-10",
+							children: (0, import_jsx_runtime.jsxs)("div", {
+								className: "relative rounded-3xl p-10 border-4",
+								style: {
+									background: isDark ? "linear-gradient(135deg, rgba(139,92,246,0.2) 0%, rgba(124,58,237,0.15) 100%)" : "linear-gradient(135deg, rgba(196,181,253,0.4) 0%, rgba(167,139,250,0.3) 100%)",
+									borderColor: isDark ? "#a78bfa" : "#8b5cf6",
+									boxShadow: isDark ? "0 0 60px rgba(139,92,246,0.4), inset 0 0 40px rgba(139,92,246,0.15)" : "0 0 60px rgba(139,92,246,0.3), inset 0 0 40px rgba(196,181,253,0.4)"
+								},
 								children: [
 									(0, import_jsx_runtime.jsx)("div", {
-										className: "w-4 h-4 rounded-full",
-										style: {
-											backgroundColor: accentColor,
-											opacity: .2
-										}
+										className: "absolute -top-12 left-1/2 -translate-x-1/2",
+										children: (0, import_jsx_runtime.jsx)("div", {
+											className: "rounded-full p-6",
+											style: {
+												background: isDark ? "linear-gradient(135deg, #f87171 0%, #dc2626 100%)" : "linear-gradient(135deg, #ef4444 0%, #dc2626 100%)",
+												boxShadow: isDark ? "0 0 40px rgba(248,113,113,0.6)" : "0 0 40px rgba(239,68,68,0.5)"
+											},
+											children: (0, import_jsx_runtime.jsx)(TriangleAlert, {
+												className: "w-16 h-16 text-white",
+												strokeWidth: 3
+											})
+										})
 									}),
-									(0, import_jsx_runtime.jsx)("div", {
-										className: "w-4 h-4 rounded-full",
-										style: {
-											backgroundColor: accentColor,
-											opacity: .4
-										}
+									(0, import_jsx_runtime.jsxs)("div", {
+										className: "flex flex-col gap-6 mt-8",
+										children: [
+											(0, import_jsx_runtime.jsxs)("div", {
+												className: "text-center",
+												children: [(0, import_jsx_runtime.jsx)("h3", {
+													className: "text-6xl font-black tracking-wider mb-4",
+													style: { color: warningColor },
+													children: "⚠ 安全警告 ⚠"
+												}), (0, import_jsx_runtime.jsxs)("div", {
+													className: "space-y-3",
+													children: [(0, import_jsx_runtime.jsx)("p", {
+														className: "text-4xl font-bold",
+														style: { color: isDark ? "#c4b5fd" : "#7c3aed" },
+														children: "请勿截图转发此二维码"
+													}), (0, import_jsx_runtime.jsx)("p", {
+														className: "text-3xl font-medium",
+														style: { color: isDark ? "#a78bfa" : "#8b5cf6" },
+														children: "图片含敏感登录信息"
+													})]
+												})]
+											}),
+											(0, import_jsx_runtime.jsxs)("div", {
+												className: "flex items-center gap-4",
+												children: [
+													(0, import_jsx_runtime.jsx)("div", {
+														className: "flex-1 h-1 rounded-full",
+														style: {
+															backgroundColor: isDark ? "#8b5cf6" : "#a78bfa",
+															opacity: .5
+														}
+													}),
+													(0, import_jsx_runtime.jsx)("span", {
+														className: "text-3xl",
+														style: { color: isDark ? "#a78bfa" : "#8b5cf6" },
+														children: "◆"
+													}),
+													(0, import_jsx_runtime.jsx)("div", {
+														className: "flex-1 h-1 rounded-full",
+														style: {
+															backgroundColor: isDark ? "#8b5cf6" : "#a78bfa",
+															opacity: .5
+														}
+													})
+												]
+											}),
+											(0, import_jsx_runtime.jsxs)("div", {
+												className: "text-center",
+												children: [(0, import_jsx_runtime.jsx)("p", {
+													className: "text-4xl font-bold tracking-wide",
+													style: { color: warningColor },
+													children: "泄露将导致服务器安全风险"
+												}), (0, import_jsx_runtime.jsx)("p", {
+													className: "text-3xl font-medium mt-3",
+													style: { color: isDark ? "#a78bfa" : "#8b5cf6" },
+													children: "CONFIDENTIAL · 机密信息"
+												})]
+											})
+										]
 									}),
 									(0, import_jsx_runtime.jsx)("div", {
-										className: "w-4 h-4 rounded-full",
-										style: {
-											backgroundColor: accentColor,
-											opacity: .7
-										}
+										className: "absolute top-4 left-4 w-12 h-12 border-t-4 border-l-4 rounded-tl-2xl",
+										style: { borderColor: isDark ? "#a78bfa" : "#8b5cf6" }
 									}),
 									(0, import_jsx_runtime.jsx)("div", {
-										className: "w-4 h-4 rounded-full",
-										style: { backgroundColor: accentColor }
-									})
-								]
-							}), (0, import_jsx_runtime.jsxs)("div", {
-								className: "flex space-x-2",
-								children: [
-									(0, import_jsx_runtime.jsx)("div", {
-										className: "w-4 h-4 rounded",
-										style: {
-											backgroundColor: secondaryColor,
-											opacity: .15
-										}
+										className: "absolute top-4 right-4 w-12 h-12 border-t-4 border-r-4 rounded-tr-2xl",
+										style: { borderColor: isDark ? "#a78bfa" : "#8b5cf6" }
 									}),
 									(0, import_jsx_runtime.jsx)("div", {
-										className: "w-4 h-4 rounded",
-										style: {
-											backgroundColor: secondaryColor,
-											opacity: .35
-										}
+										className: "absolute bottom-4 left-4 w-12 h-12 border-b-4 border-l-4 rounded-bl-2xl",
+										style: { borderColor: isDark ? "#a78bfa" : "#8b5cf6" }
 									}),
 									(0, import_jsx_runtime.jsx)("div", {
-										className: "w-4 h-4 rounded",
-										style: {
-											backgroundColor: secondaryColor,
-											opacity: .55
-										}
+										className: "absolute bottom-4 right-4 w-12 h-12 border-b-4 border-r-4 rounded-br-2xl",
+										style: { borderColor: isDark ? "#a78bfa" : "#8b5cf6" }
 									})
 								]
-							})]
+							})
 						}),
 						(0, import_jsx_runtime.jsxs)("div", {
-							className: "flex-1 flex flex-col justify-center items-center",
+							className: "flex-1 flex flex-col justify-center items-center py-12",
 							children: [qrCodeDataUrl ? (0, import_jsx_runtime.jsx)("div", {
-								className: "flex justify-center items-center w-[320px] h-80",
+								className: "flex justify-center items-center w-[800px] h-[800px]",
 								children: (0, import_jsx_runtime.jsx)("img", {
 									src: qrCodeDataUrl,
 									alt: "登录二维码",
 									className: "object-contain w-full h-full"
 								})
 							}) : (0, import_jsx_runtime.jsxs)("div", {
-								className: "flex flex-col gap-4 justify-center items-center w-[320px] h-80",
-								children: [(0, import_jsx_runtime.jsx)(QrCode, { className: "w-16 h-16 text-default-300" }), (0, import_jsx_runtime.jsx)("span", {
-									className: "text-lg text-default-400",
+								className: "flex flex-col gap-8 justify-center items-center w-[800px] h-[800px]",
+								children: [(0, import_jsx_runtime.jsx)(QrCode, {
+									className: "w-40 h-40",
+									style: { color: mutedColor }
+								}), (0, import_jsx_runtime.jsx)("span", {
+									className: "text-5xl font-medium",
+									style: { color: mutedColor },
 									children: "二维码生成中..."
 								})]
 							}), (0, import_jsx_runtime.jsxs)("div", {
-								className: "mt-6 flex items-center gap-3",
+								className: "mt-10 flex items-center gap-8",
 								children: [
 									(0, import_jsx_runtime.jsx)("div", {
-										className: "w-12 h-0.5 rounded-full",
+										className: "w-32 h-2 rounded-full",
 										style: { background: `linear-gradient(90deg, transparent, ${mutedColor})` }
 									}),
-									(0, import_jsx_runtime.jsx)("span", {
-										className: "text-[18px] font-medium",
-										style: { color: mutedColor },
-										children: "打开 APP 扫一扫"
+									(0, import_jsx_runtime.jsxs)("div", {
+										className: "flex items-center gap-4",
+										children: [(0, import_jsx_runtime.jsx)(Smartphone, {
+											className: "w-12 h-12",
+											style: { color: mutedColor }
+										}), (0, import_jsx_runtime.jsx)("span", {
+											className: "text-5xl font-bold",
+											style: { color: mutedColor },
+											children: "打开 APP 扫一扫"
+										})]
 									}),
 									(0, import_jsx_runtime.jsx)("div", {
-										className: "w-12 h-0.5 rounded-full",
+										className: "w-32 h-2 rounded-full",
 										style: { background: `linear-gradient(90deg, ${mutedColor}, transparent)` }
 									})
 								]
 							})]
 						}),
-						(0, import_jsx_runtime.jsxs)("div", {
-							className: "flex flex-col gap-2 mb-4",
-							children: [(0, import_jsx_runtime.jsxs)("div", {
-								className: "flex items-center gap-2",
-								children: [(0, import_jsx_runtime.jsxs)("svg", {
-									className: "w-4 h-4",
-									viewBox: "0 0 24 24",
-									fill: "none",
-									stroke: mutedColor,
-									strokeWidth: "2",
-									children: [
-										(0, import_jsx_runtime.jsx)("rect", {
-											x: "2",
-											y: "2",
-											width: "20",
-											height: "8",
-											rx: "2"
-										}),
-										(0, import_jsx_runtime.jsx)("rect", {
-											x: "2",
-											y: "14",
-											width: "20",
-											height: "8",
-											rx: "2"
-										}),
-										(0, import_jsx_runtime.jsx)("circle", {
-											cx: "6",
-											cy: "6",
-											r: "1",
-											fill: mutedColor
-										}),
-										(0, import_jsx_runtime.jsx)("circle", {
-											cx: "6",
-											cy: "18",
-											r: "1",
-											fill: mutedColor
-										})
-									]
-								}), (0, import_jsx_runtime.jsx)("span", {
-									className: "text-[16px] font-medium",
-									style: { color: mutedColor },
-									children: "服务器地址"
+						(0, import_jsx_runtime.jsx)("div", {
+							className: "flex flex-col gap-6 mt-12",
+							children: (0, import_jsx_runtime.jsxs)("div", {
+								className: "rounded-3xl p-10",
+								style: {
+									background: isDark ? "rgba(139,92,246,0.1)" : "rgba(139,92,246,0.05)",
+									border: `2px solid ${isDark ? "rgba(139,92,246,0.3)" : "rgba(139,92,246,0.2)"}`
+								},
+								children: [(0, import_jsx_runtime.jsxs)("div", {
+									className: "flex items-center gap-4 mb-6",
+									children: [(0, import_jsx_runtime.jsxs)("svg", {
+										className: "w-12 h-12",
+										viewBox: "0 0 24 24",
+										fill: "none",
+										stroke: mutedColor,
+										strokeWidth: "2",
+										children: [
+											(0, import_jsx_runtime.jsx)("rect", {
+												x: "2",
+												y: "2",
+												width: "20",
+												height: "8",
+												rx: "2"
+											}),
+											(0, import_jsx_runtime.jsx)("rect", {
+												x: "2",
+												y: "14",
+												width: "20",
+												height: "8",
+												rx: "2"
+											}),
+											(0, import_jsx_runtime.jsx)("circle", {
+												cx: "6",
+												cy: "6",
+												r: "1",
+												fill: mutedColor
+											}),
+											(0, import_jsx_runtime.jsx)("circle", {
+												cx: "6",
+												cy: "18",
+												r: "1",
+												fill: mutedColor
+											})
+										]
+									}), (0, import_jsx_runtime.jsx)("span", {
+										className: "text-4xl font-bold",
+										style: { color: mutedColor },
+										children: "服务器地址"
+									})]
+								}), (0, import_jsx_runtime.jsx)("code", {
+									className: "text-6xl font-mono font-bold block text-center",
+									style: { color: accentColor },
+									children: props.data.serverUrl
 								})]
-							}), (0, import_jsx_runtime.jsx)("code", {
-								className: "text-[26px] font-mono font-bold",
-								style: { color: accentColor },
-								children: props.data.serverUrl
-							})]
+							})
 						}),
 						(0, import_jsx_runtime.jsxs)("div", {
-							className: "flex justify-between items-end",
+							className: "flex justify-between items-end mt-32",
 							children: [(0, import_jsx_runtime.jsxs)("div", {
-								className: "flex flex-col space-y-1",
+								className: "flex flex-col space-y-3",
 								children: [
 									(0, import_jsx_runtime.jsx)("svg", {
-										className: "w-5 h-5 opacity-20",
+										className: "w-12 h-12 opacity-20",
 										viewBox: "0 0 24 24",
 										fill: "none",
 										stroke: mutedColor,
@@ -10402,7 +10805,7 @@ var init_qrlogin = __esmMin(() => {
 										})
 									}),
 									(0, import_jsx_runtime.jsx)("svg", {
-										className: "w-5 h-5 opacity-40",
+										className: "w-12 h-12 opacity-40",
 										viewBox: "0 0 24 24",
 										fill: "none",
 										stroke: mutedColor,
@@ -10416,7 +10819,7 @@ var init_qrlogin = __esmMin(() => {
 										})
 									}),
 									(0, import_jsx_runtime.jsx)("svg", {
-										className: "w-5 h-5",
+										className: "w-12 h-12",
 										viewBox: "0 0 24 24",
 										fill: accentColor,
 										children: (0, import_jsx_runtime.jsx)("rect", {
@@ -10429,25 +10832,25 @@ var init_qrlogin = __esmMin(() => {
 									})
 								]
 							}), (0, import_jsx_runtime.jsxs)("div", {
-								className: "flex items-end space-x-3",
+								className: "flex items-end gap-6",
 								children: [(0, import_jsx_runtime.jsxs)("div", {
-									className: "flex flex-col items-end",
+									className: "flex flex-col items-end justify-end",
 									children: [(0, import_jsx_runtime.jsx)("span", {
-										className: "text-[12px] font-bold tracking-widest uppercase",
+										className: "text-3xl font-bold tracking-widest uppercase leading-tight mb-1",
 										style: { color: mutedColor },
 										children: "KARIN-PLUGIN"
 									}), (0, import_jsx_runtime.jsx)("span", {
-										className: "text-[28px] font-black leading-none",
+										className: "text-8xl font-black leading-none",
 										style: { color: accentColor },
 										children: "kkk"
 									})]
 								}), (0, import_jsx_runtime.jsx)(GlowImage, {
 									glowStrength: 1,
-									blurRadius: 15,
+									blurRadius: 25,
 									children: (0, import_jsx_runtime.jsxs)("svg", {
 										xmlns: "http://www.w3.org/2000/svg",
 										viewBox: "0 0 230 221",
-										className: "h-10 w-auto",
+										className: "w-auto h-36",
 										style: { color: accentColor },
 										children: [
 											(0, import_jsx_runtime.jsx)("path", {
@@ -10503,6 +10906,14 @@ 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 "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 }))
+						});
+						case "recommend-list": return createComponentConfig(baseComponent, {
+							validateData: (data) => data && typeof data.share_url === "string",
+							lazyComponent: () => Promise.resolve().then(() => (init_RecommendList(), RecommendList_exports)).then((module) => ({ default: module.DouyinRecommendList }))
+						});
 						case "live": return createComponentConfig(baseComponent, {
 							validateData: (data) => data && typeof data.share_url === "string",
 							lazyComponent: () => Promise.resolve().then(() => (init_Live(), Live_exports)).then((module) => ({ default: module.DouyinLive }))