karin-plugin-kkk 2.20.1 → 2.20.3

package/lib/core_chunk/{template-CQ-u6h09.js → template-Bo8XmVaD.js}

@@ -1,5 +1,5 @@
 import { n as __esmMin, o as __toESM, r as __export } from "./rolldown-runtime-BMXAG3ag.js";
-import { $ as init_lu, $t as Bookmark, A as RiHashtag, At as Plug2, B as RiRefreshLine, Bt as FileText, C as AiFillStar, Ct as Shield, D as RiArrowRightFill, Dt as Radio, E as zhCN, Et as ScanLine, F as RiListCheck2, Ft as Info, G as RiStarFill, Gt as Coins, H as RiSendPlaneFill, Ht as ExternalLink, I as RiLiveLine, It as Heart, J as RiTiktokFill, Jt as CircleEllipsis, K as RiStarLine, Kt as Clock, L as RiLoginCircleFill, Lt as Hash, M as RiHeart3Fill, Mt as Music, N as RiHeart3Line, Nt as MessageCircle, O as RiBellFill, Ot as Quote, P as RiLinkM, Pt as MapPin, Q as LuFullscreen, Qt as Calendar, R as RiMessage3Fill, Rt as Gift, S as AiFillHeart, St as Smartphone, T as init_locale, Tt as Share2, U as RiShareForwardFill, Ut as Crown, V as RiRobot2Fill, Vt as Eye, W as RiSparkling2Fill, Wt as CornerDownLeft, X as RiVideoLine, Xt as CircleAlert, Y as RiUserFollowLine, Yt as CircleCheckBig, Z as init_ri, Zt as ChartColumn, _ as HiOutlineMenuAlt2, _t as UserPlus, an as require_react, at as init_dist, b as FaCommentDots, bt as Terminal, c as rehypeHighlight, ct as button_default, d as MdAccessTime, dt as IoSearch, en as BookOpen, et as init_date_fns, f as init_md, ft as init_io5, g as init_tb, gt as User, h as TbScan, ht as Users, in as require_server_node, j as RiHeart2Line, jt as Play, k as RiGroupLine, kt as QrCode, l as init_react_markdown, lt as HeroUIProvider, m as init_si, mt as Zap, nn as clsx_default, nt as formatDistanceToNow, ot as code_default, p as SiBilibili, pt as init_lucide_react, q as RiThumbUpFill, qt as CircleFadingArrowUp, rn as init_clsx, rt as format, s as init_rehype_highlight, st as chip_default, tn as Bell, u as Markdown, ut as require_jsx_runtime, v as init_hi, vt as TriangleAlert, w as init_ai, wt as ShieldCheck, x as init_fa6, xt as Star, y as FaCodeBranch, yt as ThumbsUp, z as RiQuestionFill, zt as Gamepad2 } from "./vendor-B3KhGHI_.js";
+import { $ as init_lu, $t as Bookmark, A as RiHashtag, At as Plug2, B as RiRefreshLine, Bt as FileText, C as AiFillStar, Ct as Shield, D as RiArrowRightFill, Dt as Radio, E as zhCN, Et as ScanLine, F as RiListCheck2, Ft as Info, G as RiStarFill, Gt as Coins, H as RiSendPlaneFill, Ht as ExternalLink, I as RiLiveLine, It as Heart, J as RiTiktokFill, Jt as CircleEllipsis, K as RiStarLine, Kt as Clock, L as RiLoginCircleFill, Lt as Hash, M as RiHeart3Fill, Mt as Music, N as RiHeart3Line, Nt as MessageCircle, O as RiBellFill, Ot as Quote, P as RiLinkM, Pt as MapPin, Q as LuFullscreen, Qt as Calendar, R as RiMessage3Fill, Rt as Gift, S as AiFillHeart, St as Smartphone, T as init_locale, Tt as Share2, U as RiShareForwardFill, Ut as Crown, V as RiRobot2Fill, Vt as Eye, W as RiSparkling2Fill, Wt as CornerDownLeft, X as RiVideoLine, Xt as CircleAlert, Y as RiUserFollowLine, Yt as CircleCheckBig, Z as init_ri, Zt as ChartColumn, _ as HiOutlineMenuAlt2, _t as UserPlus, an as require_react, at as init_dist, b as FaCommentDots, bt as Terminal, c as rehypeHighlight, ct as button_default, d as MdAccessTime, dt as IoSearch, en as BookOpen, et as init_date_fns, f as init_md, ft as init_io5, g as init_tb, gt as User, h as TbScan, ht as Users, in as require_server_node, j as RiHeart2Line, jt as Play, k as RiGroupLine, kt as QrCode, l as init_react_markdown, lt as HeroUIProvider, m as init_si, mt as Zap, nn as clsx_default, nt as formatDistanceToNow, ot as code_default, p as SiBilibili, pt as init_lucide_react, q as RiThumbUpFill, qt as CircleFadingArrowUp, rn as init_clsx, rt as format, s as init_rehype_highlight, st as chip_default, tn as Bell, u as Markdown, ut as require_jsx_runtime, v as init_hi, vt as TriangleAlert, w as init_ai, wt as ShieldCheck, x as init_fa6, xt as Star, y as FaCodeBranch, yt as ThumbsUp, z as RiQuestionFill, zt as Gamepad2 } from "./vendor-DrIRnh5C.js";
 import { logger as logger$1 } from "node-karin";
 import fs from "node:fs";
 import path from "node:path";
@@ -6099,12 +6099,12 @@ var init_DYNAMIC_TYPE_AV = __esmMin(() => {
 		}),
 		(0, import_jsx_runtime$13.jsx)("div", { className: "h-20" })
 	] });
-	BilibiliVideoDynamicContent = (props) => (0, import_jsx_runtime$13.jsxs)(import_jsx_runtime$13.Fragment, { children: [props.image_url && (0, import_jsx_runtime$13.jsxs)(import_jsx_runtime$13.Fragment, { children: [(0, import_jsx_runtime$13.jsx)("div", {
+	BilibiliVideoDynamicContent = (props) => (0, import_jsx_runtime$13.jsxs)(import_jsx_runtime$13.Fragment, { children: [props.data.image_url && (0, import_jsx_runtime$13.jsxs)(import_jsx_runtime$13.Fragment, { children: [(0, import_jsx_runtime$13.jsx)("div", {
 		className: "flex flex-col items-center",
 		children: (0, import_jsx_runtime$13.jsxs)("div", {
 			className: "flex overflow-hidden relative flex-col flex-1 items-center w-11/12 rounded-3xl shadow-large",
 			children: [(0, import_jsx_runtime$13.jsx)(EnhancedImage, {
-				src: props.image_url,
+				src: props.data.image_url,
 				alt: "封面",
 				className: "object-contain w-full h-full rounded-3xl"
 			}), (0, import_jsx_runtime$13.jsx)("div", {
@@ -6123,7 +6123,7 @@ var init_DYNAMIC_TYPE_AV = __esmMin(() => {
 				className: "relative items-center text-8xl font-bold tracking-wider wrap-break-word text-foreground",
 				children: (0, import_jsx_runtime$13.jsx)(CommentText, {
 					className: "text-[80px] font-bold tracking-[1.5px] leading-normal whitespace-pre-wrap text-foreground select-text",
-					content: props.text,
+					content: props.data.text,
 					style: {
 						wordBreak: "break-word",
 						overflowWrap: "break-word"
@@ -6135,7 +6135,7 @@ var init_DYNAMIC_TYPE_AV = __esmMin(() => {
 				className: "text-6xl text-default-500",
 				children: (0, import_jsx_runtime$13.jsx)(CommentText, {
 					className: "text-[60px] leading-normal whitespace-pre-wrap text-default-500 select-text",
-					content: props.desc,
+					content: props.data.desc,
 					style: {
 						wordBreak: "break-word",
 						overflowWrap: "break-word"
@@ -6157,7 +6157,7 @@ var init_DYNAMIC_TYPE_AV = __esmMin(() => {
 									className: "text-like"
 								}), (0, import_jsx_runtime$13.jsxs)("span", {
 									className: "select-text",
-									children: [props.dianzan, "点赞"]
+									children: [props.data.dianzan, "点赞"]
 								})]
 							}),
 							(0, import_jsx_runtime$13.jsxs)("div", {
@@ -6167,7 +6167,7 @@ var init_DYNAMIC_TYPE_AV = __esmMin(() => {
 									className: "text-comment"
 								}), (0, import_jsx_runtime$13.jsxs)("span", {
 									className: "select-text",
-									children: [props.pinglun, "评论"]
+									children: [props.data.pinglun, "评论"]
 								})]
 							}),
 							(0, import_jsx_runtime$13.jsxs)("div", {
@@ -6177,7 +6177,7 @@ var init_DYNAMIC_TYPE_AV = __esmMin(() => {
 									className: "text-success"
 								}), (0, import_jsx_runtime$13.jsxs)("span", {
 									className: "select-text",
-									children: [props.share, "分享"]
+									children: [props.data.share, "分享"]
 								})]
 							})
 						]
@@ -6191,7 +6191,7 @@ var init_DYNAMIC_TYPE_AV = __esmMin(() => {
 									className: "text-warning"
 								}), (0, import_jsx_runtime$13.jsxs)("span", {
 									className: "select-text",
-									children: [props.coin, "硬币"]
+									children: [props.data.coin, "硬币"]
 								})]
 							}),
 							(0, import_jsx_runtime$13.jsxs)("div", {
@@ -6201,7 +6201,7 @@ var init_DYNAMIC_TYPE_AV = __esmMin(() => {
 									className: "text-default-400 text-view"
 								}), (0, import_jsx_runtime$13.jsxs)("span", {
 									className: "select-text",
-									children: [props.view, "浏览"]
+									children: [props.data.view, "浏览"]
 								})]
 							}),
 							(0, import_jsx_runtime$13.jsxs)("div", {
@@ -6211,7 +6211,7 @@ var init_DYNAMIC_TYPE_AV = __esmMin(() => {
 									className: "text-time"
 								}), (0, import_jsx_runtime$13.jsxs)("span", {
 									className: "select-text",
-									children: ["视频时长: ", props.duration_text]
+									children: ["视频时长: ", props.data.duration_text]
 								})]
 							})
 						]
@@ -6226,7 +6226,7 @@ var init_DYNAMIC_TYPE_AV = __esmMin(() => {
 								className: "text-time"
 							}), (0, import_jsx_runtime$13.jsxs)("span", {
 								className: "select-text",
-								children: ["发布于", props.create_time]
+								children: ["发布于", props.data.create_time]
 							})]
 						}),
 						(0, import_jsx_runtime$13.jsxs)("div", {
@@ -6243,7 +6243,7 @@ var init_DYNAMIC_TYPE_AV = __esmMin(() => {
 								className: "text-default-400"
 							}), (0, import_jsx_runtime$13.jsxs)("span", {
 								className: "select-text",
-								children: ["动态ID: ", props.dynamic_id]
+								children: ["动态ID: ", props.data.dynamic_id]
 							})]
 						})
 					]
@@ -6252,151 +6252,202 @@ var init_DYNAMIC_TYPE_AV = __esmMin(() => {
 			(0, import_jsx_runtime$13.jsx)("div", { className: "h-40" })
 		]
 	})] });
-	BilibiliVideoDynamicFooter = (props) => (0, import_jsx_runtime$13.jsxs)(import_jsx_runtime$13.Fragment, { children: [(0, import_jsx_runtime$13.jsx)("div", { className: "h-15" }), (0, import_jsx_runtime$13.jsxs)("div", {
-		className: "flex justify-between items-start px-20 pb-20",
-		children: [(0, import_jsx_runtime$13.jsxs)("div", {
-			className: "flex flex-col gap-12",
-			children: [(0, import_jsx_runtime$13.jsxs)("div", {
-				className: "flex gap-12 items-start",
-				children: [(0, import_jsx_runtime$13.jsxs)("div", {
-					className: "relative shrink-0",
-					children: [(0, import_jsx_runtime$13.jsx)(EnhancedImage, {
-						src: props.avatar_url,
-						alt: "头像",
-						className: "rounded-full shadow-medium w-35 h-auto",
-						isCircular: true
-					}), props.frame && (0, import_jsx_runtime$13.jsx)(EnhancedImage, {
-						src: props.frame,
-						alt: "头像框",
-						className: "absolute inset-0 transform scale-180"
-					})]
-				}), (0, import_jsx_runtime$13.jsxs)("div", {
-					className: "flex flex-col gap-5",
-					children: [(0, import_jsx_runtime$13.jsx)("div", {
-						className: "text-7xl font-bold select-text text-foreground",
-						children: (0, import_jsx_runtime$13.jsx)("span", { dangerouslySetInnerHTML: { __html: props.username } })
-					}), (0, import_jsx_runtime$13.jsxs)("div", {
-						className: "flex gap-2 items-center text-4xl text-default-500",
-						children: [(0, import_jsx_runtime$13.jsx)(Hash, {
-							size: 32,
-							className: "text-default-400"
-						}), (0, import_jsx_runtime$13.jsxs)("span", {
-							className: "select-text",
-							children: ["UID: ", props.user_shortid]
-						})]
-					})]
-				})]
-			}), (0, import_jsx_runtime$13.jsxs)("div", {
-				className: "text-3xl flex gap-6 items-center text-default-600",
-				children: [
-					(0, import_jsx_runtime$13.jsxs)("div", {
-						className: "flex flex-col gap-1 items-start px-6 py-3 rounded-2xl bg-default-100",
+	BilibiliVideoDynamicFooter = (props) => {
+		const otherStaff = props.data.staff?.filter((member) => member.mid !== Number(props.data.user_shortid)) || [];
+		const currentUserRole = props.data.staff?.find((member) => member.mid === Number(props.data.user_shortid))?.title;
+		const listRef = import_react$15.useRef(null);
+		const [visibleCount, setVisibleCount] = import_react$15.useState(otherStaff.length);
+		import_react$15.useEffect(() => {
+			const calc = () => {
+				const el = listRef.current;
+				if (!el || otherStaff.length === 0) return;
+				const containerWidth = el.offsetWidth;
+				const capacity = Math.floor(containerWidth / 200);
+				setVisibleCount(otherStaff.length > capacity ? Math.max(0, capacity - 1) : otherStaff.length);
+			};
+			calc();
+			window.addEventListener("resize", calc);
+			return () => window.removeEventListener("resize", calc);
+		}, [otherStaff.length]);
+		return (0, import_jsx_runtime$13.jsxs)(import_jsx_runtime$13.Fragment, { children: [
+			otherStaff.length > 0 && (0, import_jsx_runtime$13.jsx)("div", {
+				className: "flex flex-col px-20 w-full",
+				children: (0, import_jsx_runtime$13.jsxs)("div", {
+					ref: listRef,
+					className: "flex overflow-hidden gap-8 py-1 w-full",
+					children: [otherStaff.slice(0, visibleCount).map((member) => (0, import_jsx_runtime$13.jsxs)("div", {
+						className: "flex flex-col items-center min-w-42 w-42 shrink-0",
 						children: [
-							(0, import_jsx_runtime$13.jsxs)("div", {
-								className: "flex gap-1 items-center",
-								children: [(0, import_jsx_runtime$13.jsx)(Heart, {
-									size: 28,
-									className: "text-like"
-								}), (0, import_jsx_runtime$13.jsx)("span", {
-									className: "text-default-400",
-									children: "获赞"
-								})]
+							(0, import_jsx_runtime$13.jsx)("div", {
+								className: "flex justify-center items-center bg-white rounded-full w-30 h-30",
+								children: (0, import_jsx_runtime$13.jsx)(EnhancedImage, {
+									src: member.face,
+									alt: member.name,
+									className: "object-cover w-28 h-28 rounded-full",
+									isCircular: true
+								})
 							}),
-							(0, import_jsx_runtime$13.jsx)("div", { className: "w-full h-px bg-default-300" }),
-							(0, import_jsx_runtime$13.jsx)("span", {
-								className: "select-text font-medium text-4xl",
-								children: props.total_favorited
+							(0, import_jsx_runtime$13.jsx)("div", {
+								className: "overflow-hidden mt-6 w-full text-3xl font-medium leading-tight text-center truncate whitespace-nowrap select-text text-foreground",
+								children: member.name
+							}),
+							(0, import_jsx_runtime$13.jsx)("div", {
+								className: "overflow-hidden mt-2 w-full text-3xl leading-tight text-center truncate whitespace-nowrap select-text text-default-500",
+								children: member.title
 							})
 						]
-					}),
-					(0, import_jsx_runtime$13.jsxs)("div", {
-						className: "flex flex-col gap-1 items-start px-6 py-3 rounded-2xl bg-default-100",
+					}, member.mid)), otherStaff.length > visibleCount && (0, import_jsx_runtime$13.jsxs)("div", {
+						className: "flex flex-col items-center min-w-42 w-42 shrink-0",
 						children: [
+							(0, import_jsx_runtime$13.jsx)("div", {
+								className: "flex justify-center items-center rounded-full bg-default-200 w-30 h-30",
+								children: (0, import_jsx_runtime$13.jsx)("span", {
+									className: "text-[42px] leading-none text-default-500",
+									children: "···"
+								})
+							}),
 							(0, import_jsx_runtime$13.jsxs)("div", {
-								className: "flex gap-1 items-center",
-								children: [(0, import_jsx_runtime$13.jsx)(Eye, {
-									size: 28,
-									className: "text-view"
-								}), (0, import_jsx_runtime$13.jsx)("span", {
-									className: "text-default-400",
-									children: "关注"
-								})]
+								className: "overflow-hidden mt-6 w-full text-3xl font-medium leading-tight text-center truncate whitespace-nowrap select-text text-foreground",
+								children: [
+									"还有",
+									otherStaff.length - visibleCount,
+									"人"
+								]
 							}),
-							(0, import_jsx_runtime$13.jsx)("div", { className: "w-full h-px bg-default-300" }),
-							(0, import_jsx_runtime$13.jsx)("span", {
-								className: "select-text font-medium text-4xl",
-								children: props.following_count
+							(0, import_jsx_runtime$13.jsx)("div", {
+								className: "overflow-hidden mt-2 w-full text-3xl leading-tight text-center truncate whitespace-nowrap select-text text-default-500",
+								children: "共创"
 							})
 						]
-					}),
-					(0, import_jsx_runtime$13.jsxs)("div", {
-						className: "flex flex-col gap-1 items-start px-6 py-3 rounded-2xl bg-default-100",
+					})]
+				})
+			}),
+			(0, import_jsx_runtime$13.jsx)("div", { className: "h-15" }),
+			(0, import_jsx_runtime$13.jsxs)("div", {
+				className: "flex justify-between items-start px-20 pb-20",
+				children: [(0, import_jsx_runtime$13.jsxs)("div", {
+					className: "flex flex-col gap-12",
+					children: [(0, import_jsx_runtime$13.jsxs)("div", {
+						className: "flex gap-12 items-start",
+						children: [(0, import_jsx_runtime$13.jsxs)("div", {
+							className: "relative shrink-0",
+							children: [(0, import_jsx_runtime$13.jsx)(EnhancedImage, {
+								src: props.data.avatar_url,
+								alt: "头像",
+								className: "rounded-full shadow-medium w-35 h-auto",
+								isCircular: true
+							}), props.data.frame && (0, import_jsx_runtime$13.jsx)(EnhancedImage, {
+								src: props.data.frame,
+								alt: "头像框",
+								className: "absolute inset-0 transform scale-180"
+							})]
+						}), (0, import_jsx_runtime$13.jsxs)("div", {
+							className: "flex flex-col gap-5",
+							children: [(0, import_jsx_runtime$13.jsx)("div", {
+								className: "text-7xl font-bold select-text text-foreground",
+								children: (0, import_jsx_runtime$13.jsx)("span", { dangerouslySetInnerHTML: { __html: props.data.username } })
+							}), (0, import_jsx_runtime$13.jsxs)("div", {
+								className: "flex gap-2 items-center text-4xl text-default-500",
+								children: [
+									(0, import_jsx_runtime$13.jsx)(Hash, { size: 32 }),
+									(0, import_jsx_runtime$13.jsxs)("span", { children: ["UID: ", props.data.user_shortid] }),
+									currentUserRole && (0, import_jsx_runtime$13.jsx)("span", {
+										className: "ml-5 px-3 py-1 rounded-xl bg-default-200 text-3xl",
+										children: currentUserRole
+									})
+								]
+							})]
+						})]
+					}), (0, import_jsx_runtime$13.jsxs)("div", {
+						className: "text-3xl flex gap-6 items-center text-default-600",
 						children: [
 							(0, import_jsx_runtime$13.jsxs)("div", {
-								className: "flex gap-1 items-center",
-								children: [(0, import_jsx_runtime$13.jsx)(Users, {
-									size: 28,
-									className: "text-primary"
-								}), (0, import_jsx_runtime$13.jsx)("span", {
-									className: "text-default-400",
-									children: "粉丝"
-								})]
+								className: "flex flex-col gap-1 items-start px-6 py-3 rounded-2xl bg-default-100",
+								children: [
+									(0, import_jsx_runtime$13.jsxs)("div", {
+										className: "flex gap-1 items-center",
+										children: [(0, import_jsx_runtime$13.jsx)(Heart, {
+											size: 28,
+											className: "text-like"
+										}), (0, import_jsx_runtime$13.jsx)("span", {
+											className: "text-default-400",
+											children: "获赞"
+										})]
+									}),
+									(0, import_jsx_runtime$13.jsx)("div", { className: "w-full h-px bg-default-300" }),
+									(0, import_jsx_runtime$13.jsx)("span", {
+										className: "select-text font-medium text-4xl",
+										children: props.data.total_favorited
+									})
+								]
 							}),
-							(0, import_jsx_runtime$13.jsx)("div", { className: "w-full h-px bg-default-300" }),
-							(0, import_jsx_runtime$13.jsx)("span", {
-								className: "select-text font-medium text-4xl",
-								children: props.fans
+							(0, import_jsx_runtime$13.jsxs)("div", {
+								className: "flex flex-col gap-1 items-start px-6 py-3 rounded-2xl bg-default-100",
+								children: [
+									(0, import_jsx_runtime$13.jsxs)("div", {
+										className: "flex gap-1 items-center",
+										children: [(0, import_jsx_runtime$13.jsx)(Eye, {
+											size: 28,
+											className: "text-view"
+										}), (0, import_jsx_runtime$13.jsx)("span", {
+											className: "text-default-400",
+											children: "关注"
+										})]
+									}),
+									(0, import_jsx_runtime$13.jsx)("div", { className: "w-full h-px bg-default-300" }),
+									(0, import_jsx_runtime$13.jsx)("span", {
+										className: "select-text font-medium text-4xl",
+										children: props.data.following_count
+									})
+								]
+							}),
+							(0, import_jsx_runtime$13.jsxs)("div", {
+								className: "flex flex-col gap-1 items-start px-6 py-3 rounded-2xl bg-default-100",
+								children: [
+									(0, import_jsx_runtime$13.jsxs)("div", {
+										className: "flex gap-1 items-center",
+										children: [(0, import_jsx_runtime$13.jsx)(Users, {
+											size: 28,
+											className: "text-primary"
+										}), (0, import_jsx_runtime$13.jsx)("span", {
+											className: "text-default-400",
+											children: "粉丝"
+										})]
+									}),
+									(0, import_jsx_runtime$13.jsx)("div", { className: "w-full h-px bg-default-300" }),
+									(0, import_jsx_runtime$13.jsx)("span", {
+										className: "select-text font-medium text-4xl",
+										children: props.data.fans
+									})
+								]
 							})
 						]
+					})]
+				}), (0, import_jsx_runtime$13.jsx)("div", {
+					className: "flex flex-col items-center gap-4",
+					children: props.qrCodeDataUrl ? (0, import_jsx_runtime$13.jsx)("img", {
+						src: props.qrCodeDataUrl,
+						alt: "二维码",
+						className: "h-auto w-75 rounded-xl"
+					}) : (0, import_jsx_runtime$13.jsx)("div", {
+						className: "flex justify-center items-center rounded-xl bg-default-100 w-100 h-100",
+						children: (0, import_jsx_runtime$13.jsx)("span", {
+							className: "text-default-400",
+							children: "二维码"
+						})
 					})
-				]
-			})]
-		}), (0, import_jsx_runtime$13.jsx)("div", {
-			className: "flex flex-col items-center gap-4",
-			children: props.qrCodeDataUrl ? (0, import_jsx_runtime$13.jsx)("img", {
-				src: props.qrCodeDataUrl,
-				alt: "二维码",
-				className: "h-auto w-75 rounded-xl"
-			}) : (0, import_jsx_runtime$13.jsx)("div", {
-				className: "flex justify-center items-center rounded-xl bg-default-100 w-100 h-100",
-				children: (0, import_jsx_runtime$13.jsx)("span", {
-					className: "text-default-400",
-					children: "二维码"
-				})
+				})]
 			})
-		})]
-	})] });
+		] });
+	};
 	BilibiliVideoDynamic = import_react$15.memo((props) => (0, import_jsx_runtime$13.jsx)(DefaultLayout, {
 		...props,
 		children: (0, import_jsx_runtime$13.jsxs)("div", {
 			className: "p-4",
 			children: [
 				(0, import_jsx_runtime$13.jsx)(BilibiliVideoDynamicHeader, {}),
-				(0, import_jsx_runtime$13.jsx)(BilibiliVideoDynamicContent, {
-					text: props.data.text,
-					desc: props.data.desc,
-					image_url: props.data.image_url,
-					dianzan: props.data.dianzan,
-					pinglun: props.data.pinglun,
-					share: props.data.share,
-					coin: props.data.coin,
-					view: props.data.view,
-					duration_text: props.data.duration_text,
-					create_time: props.data.create_time,
-					dynamic_id: props.data.dynamic_id
-				}),
-				(0, import_jsx_runtime$13.jsx)(BilibiliVideoDynamicFooter, {
-					avatar_url: props.data.avatar_url,
-					frame: props.data.frame,
-					username: props.data.username,
-					user_shortid: props.data.user_shortid,
-					total_favorited: props.data.total_favorited,
-					following_count: props.data.following_count,
-					fans: props.data.fans,
-					dynamicTYPE: props.data.dynamicTYPE,
-					share_url: props.data.share_url,
-					qrCodeDataUrl: props.qrCodeDataUrl
-				})
+				(0, import_jsx_runtime$13.jsx)(BilibiliVideoDynamicContent, { ...props }),
+				(0, import_jsx_runtime$13.jsx)(BilibiliVideoDynamicFooter, { ...props })
 			]
 		})
 	}));
@@ -10084,7 +10135,7 @@ var init_VersionWarning = __esmMin(() => {
 			className: "relative overflow-hidden",
 			style: {
 				backgroundColor: bgColor,
-				height: "2100px"
+				height: "2450px"
 			},
 			children: [
 				(0, import_jsx_runtime$1.jsxs)("div", {
@@ -10179,7 +10230,7 @@ var init_VersionWarning = __esmMin(() => {
 									(0, import_jsx_runtime$1.jsx)("h1", {
 										className: "text-[180px] font-black leading-none",
 										style: { color: accentColor },
-										children: "请升级"
+										children: "请升级你的"
 									}),
 									(0, import_jsx_runtime$1.jsx)("h1", {
 										className: "text-[120px] font-black leading-none",
@@ -10317,7 +10368,7 @@ var init_VersionWarning = __esmMin(() => {
 														(0, import_jsx_runtime$1.jsx)("span", {
 															className: "text-[28px] font-medium",
 															style: { color: mutedColor },
-															children: "需要的版本"
+															children: "需要/建议的版本"
 														}),
 														(0, import_jsx_runtime$1.jsx)(chip_default, {
 															className: "text-lg font-bold",
@@ -10341,37 +10392,188 @@ var init_VersionWarning = __esmMin(() => {
 										className: "h-0.5 rounded-full mb-10",
 										style: { backgroundColor: isDark ? "rgba(251,146,60,0.2)" : "rgba(180,83,9,0.15)" }
 									}),
-									(0, import_jsx_runtime$1.jsxs)("div", { children: [(0, import_jsx_runtime$1.jsxs)("div", {
-										className: "flex items-center space-x-4 mb-4",
-										children: [(0, import_jsx_runtime$1.jsx)("svg", {
-											className: "w-5 h-5",
+									(0, import_jsx_runtime$1.jsxs)("div", {
+										className: "space-y-20",
+										children: [(0, import_jsx_runtime$1.jsxs)("div", { children: [(0, import_jsx_runtime$1.jsxs)("div", {
+											className: "flex items-center space-x-4 mb-6",
+											children: [
+												(0, import_jsx_runtime$1.jsx)("div", {
+													className: "flex items-center justify-center w-10 h-10 rounded-lg",
+													style: { backgroundColor: isDark ? "rgba(251,146,60,0.15)" : "rgba(194,65,12,0.1)" },
+													children: (0, import_jsx_runtime$1.jsx)("span", {
+														className: "text-[28px] font-black",
+														style: { color: accentColor },
+														children: "1"
+													})
+												}),
+												(0, import_jsx_runtime$1.jsxs)("svg", {
+													className: "w-8 h-8",
+													viewBox: "0 0 24 24",
+													fill: "none",
+													stroke: mutedColor,
+													strokeWidth: "2",
+													children: [(0, import_jsx_runtime$1.jsx)("rect", {
+														x: "3",
+														y: "3",
+														width: "18",
+														height: "18",
+														rx: "2",
+														strokeLinecap: "round",
+														strokeLinejoin: "round"
+													}), (0, import_jsx_runtime$1.jsx)("path", {
+														d: "M9 3v18M3 9h18M3 15h18",
+														strokeLinecap: "round",
+														strokeLinejoin: "round"
+													})]
+												}),
+												(0, import_jsx_runtime$1.jsx)("span", {
+													className: "text-[32px] font-bold",
+													style: { color: mutedColor },
+													children: "Web 控制台更新"
+												}),
+												(0, import_jsx_runtime$1.jsx)(chip_default, {
+													className: "text-[20px] font-semibold px-4",
+													style: {
+														backgroundColor: isDark ? "rgba(251,146,60,0.2)" : "rgba(194,65,12,0.15)",
+														color: accentColor
+													},
+													size: "lg",
+													children: "推荐"
+												})
+											]
+										}), (0, import_jsx_runtime$1.jsxs)("div", {
+											className: "ml-14 space-y-4",
+											children: [
+												(0, import_jsx_runtime$1.jsxs)("div", {
+													className: "flex items-start space-x-4",
+													children: [(0, import_jsx_runtime$1.jsx)("div", {
+														className: "w-3 h-3 rounded-full mt-3 flex-shrink-0",
+														style: { backgroundColor: mutedColor }
+													}), (0, import_jsx_runtime$1.jsx)("span", {
+														className: "text-[28px] leading-relaxed",
+														style: { color: secondaryColor },
+														children: "访问 Karin Web 控制台首页，查看 Karin 版本信息"
+													})]
+												}),
+												(0, import_jsx_runtime$1.jsxs)("div", {
+													className: "flex items-start space-x-4",
+													children: [(0, import_jsx_runtime$1.jsx)("div", {
+														className: "w-3 h-3 rounded-full mt-3 flex-shrink-0",
+														style: { backgroundColor: mutedColor }
+													}), (0, import_jsx_runtime$1.jsx)("span", {
+														className: "text-[28px] leading-relaxed",
+														style: { color: secondaryColor },
+														children: "当有新版本时会高亮提示，点击查看更新日志"
+													})]
+												}),
+												(0, import_jsx_runtime$1.jsxs)("div", {
+													className: "flex items-start space-x-4",
+													children: [(0, import_jsx_runtime$1.jsx)("div", {
+														className: "w-3 h-3 rounded-full mt-3 flex-shrink-0",
+														style: { backgroundColor: mutedColor }
+													}), (0, import_jsx_runtime$1.jsx)("span", {
+														className: "text-[28px] leading-relaxed",
+														style: { color: secondaryColor },
+														children: "点击「更新」按钮，系统将自动完成更新并重启"
+													})]
+												})
+											]
+										})] }), (0, import_jsx_runtime$1.jsxs)("div", { children: [(0, import_jsx_runtime$1.jsxs)("div", {
+											className: "flex items-center space-x-4 mb-6",
+											children: [
+												(0, import_jsx_runtime$1.jsx)("div", {
+													className: "flex items-center justify-center w-10 h-10 rounded-lg",
+													style: { backgroundColor: isDark ? "rgba(251,146,60,0.15)" : "rgba(194,65,12,0.1)" },
+													children: (0, import_jsx_runtime$1.jsx)("span", {
+														className: "text-[28px] font-black",
+														style: { color: accentColor },
+														children: "2"
+													})
+												}),
+												(0, import_jsx_runtime$1.jsx)("svg", {
+													className: "w-8 h-8",
+													viewBox: "0 0 24 24",
+													fill: "none",
+													stroke: mutedColor,
+													strokeWidth: "2",
+													children: (0, import_jsx_runtime$1.jsx)("path", {
+														d: "M4 17l6-6-6-6M12 19h8",
+														strokeLinecap: "round",
+														strokeLinejoin: "round"
+													})
+												}),
+												(0, import_jsx_runtime$1.jsx)("span", {
+													className: "text-[32px] font-bold",
+													style: { color: mutedColor },
+													children: "命令行更新"
+												})
+											]
+										}), (0, import_jsx_runtime$1.jsxs)("div", {
+											className: "ml-14 space-y-4",
+											children: [
+												(0, import_jsx_runtime$1.jsx)("p", {
+													className: "text-[28px]",
+													style: { color: secondaryColor },
+													children: "在 Karin 根目录下执行以下命令"
+												}),
+												(0, import_jsx_runtime$1.jsx)("div", {
+													className: "rounded-xl p-6",
+													style: { backgroundColor: isDark ? "rgba(0,0,0,0.4)" : "rgba(255,255,255,0.7)" },
+													children: (0, import_jsx_runtime$1.jsxs)("code", {
+														className: "text-[40px] font-mono font-bold block",
+														style: { color: accentColor },
+														children: [
+															"pnpm add node-karin@",
+															props.data.requireVersion,
+															" -w"
+														]
+													})
+												}),
+												(0, import_jsx_runtime$1.jsx)("p", {
+													className: "text-[28px] opacity-80",
+													style: { color: secondaryColor },
+													children: "更新完成后手动重启 Karin 即可"
+												})
+											]
+										})] })]
+									}),
+									(0, import_jsx_runtime$1.jsx)("div", {
+										className: "h-0.5 rounded-full my-10",
+										style: { backgroundColor: isDark ? "rgba(251,146,60,0.2)" : "rgba(180,83,9,0.15)" }
+									}),
+									(0, import_jsx_runtime$1.jsxs)("div", {
+										className: "rounded-2xl p-6 flex items-start space-x-5",
+										style: { backgroundColor: isDark ? "rgba(251,146,60,0.08)" : "rgba(194,65,12,0.08)" },
+										children: [(0, import_jsx_runtime$1.jsxs)("svg", {
+											className: "w-10 h-10 mt-1 flex-shrink-0",
 											viewBox: "0 0 24 24",
-											fill: "none",
-											stroke: mutedColor,
-											strokeWidth: "2",
-											children: (0, import_jsx_runtime$1.jsx)("path", {
-												d: "M4 17l6-6-6-6M12 19h8",
-												strokeLinecap: "round",
-												strokeLinejoin: "round"
-											})
-										}), (0, import_jsx_runtime$1.jsx)("span", {
-											className: "text-[22px] font-medium",
-											style: { color: mutedColor },
-											children: "根目录下执行以下命令以升级"
+											fill: accentColor,
+											children: [(0, import_jsx_runtime$1.jsx)("path", { d: "M12 2L22 20H2L12 2Z" }), (0, import_jsx_runtime$1.jsx)("path", {
+												d: "M12 9v4M12 17h.01",
+												stroke: bgColor,
+												strokeWidth: "2",
+												strokeLinecap: "round"
+											})]
+										}), (0, import_jsx_runtime$1.jsxs)("div", {
+											className: "flex-1",
+											children: [(0, import_jsx_runtime$1.jsx)("p", {
+												className: "text-[28px] font-semibold mb-2",
+												style: { color: accentColor },
+												children: "版本兼容性提示"
+											}), (0, import_jsx_runtime$1.jsxs)("p", {
+												className: "text-[26px] leading-relaxed",
+												style: { color: secondaryColor },
+												children: [
+													"当前插件版本基于 ",
+													(0, import_jsx_runtime$1.jsxs)("span", {
+														className: "font-bold font-mono",
+														style: { color: accentColor },
+														children: ["node-karin v", props.data.requireVersion]
+													}),
+													" 开发，低版本运行时可能出现功能异常或兼容性问题，请及时更新以获得最佳体验"
+												]
+											})]
 										})]
-									}), (0, import_jsx_runtime$1.jsxs)("code", {
-										className: "text-[40px] font-mono font-bold",
-										style: { color: accentColor },
-										children: [
-											"pnpm add node-karin@",
-											props.data.requireVersion,
-											" -w"
-										]
-									})] }),
-									(0, import_jsx_runtime$1.jsx)("p", {
-										className: "text-[28px] mt-10 opacity-70",
-										style: { color: secondaryColor },
-										children: "插件基于较新版本开发，低版本运行可能存在兼容问题"
 									})
 								]
 							})