karin-plugin-kkk 2.20.2 → 2.21.0

package/lib/core_chunk/{template-CQ-u6h09.js → template-n3eb7E79.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_date_fns, $t as BookOpen, A as RiHeart2Line, At as Play, B as RiRobot2Fill, Bt as Eye, C as init_ai, Ct as ShieldCheck, D as RiBellFill, Dt as Quote, E as RiArrowRightFill, Et as Radio, F as RiLiveLine, Ft as Heart, G as RiStarLine, Gt as Clock, H as RiShareForwardFill, Ht as Crown, I as RiLoginCircleFill, It as Hash, J as RiUserFollowLine, Jt as CircleCheckBig, K as RiThumbUpFill, Kt as CircleFadingArrowUp, L as RiMessage3Fill, Lt as Gift, M as RiHeart3Line, Mt as MessageCircle, N as RiLinkM, Nt as MapPin, O as RiGroupLine, Ot as QrCode, P as RiListCheck2, Pt as Info, Q as init_lu, Qt as Bookmark, R as RiQuestionFill, Rt as Gamepad2, S as AiFillStar, St as Shield, T as zhCN, Tt as ScanLine, U as RiSparkling2Fill, Ut as CornerDownLeft, V as RiSendPlaneFill, Vt as ExternalLink, W as RiStarFill, Wt as Coins, X as init_ri, Xt as ChartColumn, Y as RiVideoLine, Yt as CircleAlert, Z as LuFullscreen, Zt as Calendar, _ as init_hi, _t as TriangleAlert, at as code_default, b as init_fa6, bt as Star, c as init_react_markdown, ct as HeroUIProvider, d as init_md, dt as init_io5, en as Bell, f as SiBilibili, ft as init_lucide_react, g as HiOutlineMenuAlt2, gt as UserPlus, h as init_tb, ht as User, in as require_react, it as init_dist, j as RiHeart3Fill, jt as Music, k as RiHashtag, kt as Plug2, l as Markdown, lt as require_jsx_runtime, m as TbScan, mt as Users, nn as init_clsx, nt as format, o as init_rehype_highlight, ot as chip_default, p as init_si, pt as Zap, q as RiTiktokFill, qt as CircleEllipsis, rn as require_server_node, s as rehypeHighlight, st as button_default, tn as clsx_default, tt as formatDistanceToNow, u as MdAccessTime, ut as IoSearch, v as FaCodeBranch, vt as ThumbsUp, w as init_locale, wt as Share2, x as AiFillHeart, xt as Smartphone, y as FaCommentDots, yt as Terminal, z as RiRefreshLine, zt as FileText } from "./vendor-CYCcUtqE.js";
 import { logger as logger$1 } from "node-karin";
 import fs from "node:fs";
 import path from "node:path";
@@ -3965,13 +3965,17 @@ var Comment_exports$2 = __export({
 	BilibiliComment: () => BilibiliComment,
 	default: () => Comment_default$2
 }, 1);
-var import_react$22, import_jsx_runtime$20, processCommentHTML$1, ImageWithSkeleton, QRCodeSection$1, VideoInfoHeader, CommentItemComponent$1, BilibiliComment, Comment_default$2;
+var import_react$22, import_jsx_runtime$20, TopBadge, processCommentHTML$1, ImageWithSkeleton, QRCodeSection$1, VideoInfoHeader, CommentItemComponent$1, BilibiliComment, Comment_default$2;
 var init_Comment$2 = __esmMin(() => {
 	init_clsx();
 	init_lucide_react();
 	import_react$22 = __toESM(require_react(), 1);
 	init_DefaultLayout();
 	import_jsx_runtime$20 = __toESM(require_jsx_runtime(), 1);
+	TopBadge = () => (0, import_jsx_runtime$20.jsx)("span", {
+		className: clsx_default("inline-flex justify-center items-center", "px-4 py-2 mr-4 mb-1 rounded-xl", "text-[45px] font-light leading-none", "align-baseline", "bg-[#ffedf5] text-[#ff799e]", "dark:bg-[#321b26] dark:text-[#cb5775]"),
+		children: "置顶"
+	});
 	processCommentHTML$1 = (htmlContent) => htmlContent.replace(/<img([^>]*?)>/gi, "<img$1 referrerpolicy=\"no-referrer\" crossorigin=\"anonymous\">");
 	ImageWithSkeleton = ({ src, alt, className = "", placeholder }) => {
 		const [hasError, setHasError] = (0, import_react$22.useState)(false);
@@ -4197,22 +4201,42 @@ var init_Comment$2 = __esmMin(() => {
 						})
 					]
 				}),
-				(0, import_jsx_runtime$20.jsx)("div", {
-					className: "text-[60px] tracking-[0.5px] leading-[1.6] text-foreground mb-5 select-text [&_img]:mb-3 [&_img]:inline [&_img]:h-[1.4em] [&_img]:w-auto [&_img]:align-middle [&_img]:mx-1 [&_img]:max-w-[1.7em]",
+				(0, import_jsx_runtime$20.jsxs)("div", {
+					className: "items-center text-[60px] tracking-[0.5px] leading-[1.6] text-foreground mb-5 select-text [&_img]:mb-3 [&_img]:inline [&_img]:h-[1.4em] [&_img]:w-auto [&_img]:align-middle [&_img]:mx-1 [&_img]:max-w-[1.7em] flex flex-wrap",
 					style: {
 						wordBreak: "break-word",
 						overflowWrap: "break-word"
 					},
-					dangerouslySetInnerHTML: { __html: (props.isTop ? "<span class=\"inline-flex justify-center items-center relative border-4 border-[#006A9E] rounded-xl text-[#006A9E] text-5xl px-2 py-1 leading-none mr-2 align-baseline\">置顶</span>" : "") + processCommentHTML$1(props.message) }
+					children: [props.isTop && (0, import_jsx_runtime$20.jsx)(TopBadge, {}), (0, import_jsx_runtime$20.jsx)("span", { dangerouslySetInnerHTML: { __html: processCommentHTML$1(props.message) } })]
 				}),
-				(props.img_src || props.sticker) && (0, import_jsx_runtime$20.jsx)("div", {
-					className: "flex my-5 overflow-hidden rounded-[25px] w-[95%] shadow-large",
-					children: (0, import_jsx_runtime$20.jsx)(ImageWithSkeleton, {
-						src: props.img_src || props.sticker || "IMAGE_PLACEHOLDER",
-						alt: "评论图片",
-						className: "rounded-[25px] object-contain w-full h-full",
-						placeholder: "评论图片"
-					})
+				props.pictures && props.pictures.length > 0 && (0, import_jsx_runtime$20.jsx)("div", {
+					className: "flex gap-5 my-5 w-[95%]",
+					children: props.pictures.length === 1 ? (0, import_jsx_runtime$20.jsx)("div", {
+						className: "overflow-hidden rounded-[25px] shadow-large w-full",
+						children: (0, import_jsx_runtime$20.jsx)(ImageWithSkeleton, {
+							src: props.pictures[0],
+							alt: "评论图片",
+							className: "rounded-[25px] object-contain w-full h-full",
+							placeholder: "评论图片"
+						})
+					}) : props.pictures.slice(0, 2).map((picUrl, idx) => (0, import_jsx_runtime$20.jsxs)("div", {
+						className: "relative overflow-hidden rounded-[25px] shadow-large flex-1 aspect-square",
+						children: [(0, import_jsx_runtime$20.jsx)(ImageWithSkeleton, {
+							src: picUrl,
+							alt: `评论图片${idx + 1}`,
+							className: "rounded-[25px] object-cover w-full h-full",
+							placeholder: "评论图片"
+						}), idx === 1 && props.pictures.length > 2 && (0, import_jsx_runtime$20.jsx)("div", {
+							className: "absolute bottom-3 right-3",
+							children: (0, import_jsx_runtime$20.jsx)("div", {
+								className: "flex items-center justify-center bg-black px-4 py-3 rounded-2xl opacity-80 backdrop-blur-sm",
+								children: (0, import_jsx_runtime$20.jsxs)("span", {
+									className: "text-white text-4xl font-bold leading-none",
+									children: ["+ ", props.pictures.length - 2]
+								})
+							})
+						})]
+					}, idx))
 				}),
 				(0, import_jsx_runtime$20.jsxs)("div", {
 					className: "flex items-center justify-between mt-[37.5px] whitespace-nowrap text-foreground-500",
@@ -4339,14 +4363,35 @@ var init_Comment$2 = __esmMin(() => {
 									},
 									dangerouslySetInnerHTML: { __html: processCommentHTML$1(subReply.message) }
 								}),
-								subReply.img_src && (0, import_jsx_runtime$20.jsx)("div", {
-									className: "flex my-5 overflow-hidden rounded-[25px] w-[95%] shadow-large",
-									children: (0, import_jsx_runtime$20.jsx)(ImageWithSkeleton, {
-										src: subReply.img_src,
-										alt: "评论图片",
-										className: "rounded-[25px] object-contain w-full h-full",
-										placeholder: "评论图片"
-									})
+								subReply.pictures && subReply.pictures.length > 0 && (0, import_jsx_runtime$20.jsx)("div", {
+									className: "flex gap-5 my-5 w-[95%]",
+									children: subReply.pictures.length === 1 ? (0, import_jsx_runtime$20.jsx)("div", {
+										className: "overflow-hidden rounded-[25px] shadow-large w-full",
+										children: (0, import_jsx_runtime$20.jsx)(ImageWithSkeleton, {
+											src: subReply.pictures[0],
+											alt: "评论图片",
+											className: "rounded-[25px] object-contain w-full h-full",
+											placeholder: "评论图片"
+										})
+									}) : subReply.pictures.slice(0, 2).map((picUrl, idx) => (0, import_jsx_runtime$20.jsxs)("div", {
+										className: "relative overflow-hidden rounded-[25px] shadow-large flex-1 aspect-square",
+										children: [(0, import_jsx_runtime$20.jsx)(ImageWithSkeleton, {
+											src: picUrl,
+											alt: `评论图片${idx + 1}`,
+											className: "rounded-[25px] object-cover w-full h-full",
+											placeholder: "评论图片"
+										}), idx === 1 && subReply.pictures.length > 2 && (0, import_jsx_runtime$20.jsx)("div", {
+											className: "absolute bottom-10 right-10",
+											children: (0, import_jsx_runtime$20.jsx)("div", {
+												className: "flex items-center justify-center px-8 py-6 rounded-[18px] shadow-xl",
+												style: { backgroundColor: "rgba(0, 0, 0, 0.7)" },
+												children: (0, import_jsx_runtime$20.jsxs)("span", {
+													className: "text-white text-[60px] font-bold leading-none",
+													children: ["+", subReply.pictures.length - 2]
+												})
+											})
+										})]
+									}, idx))
 								}),
 								(0, import_jsx_runtime$20.jsxs)("div", {
 									className: "flex items-center justify-between mt-[37.5px] whitespace-nowrap text-foreground-500",
@@ -6099,12 +6144,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 +6168,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 +6180,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 +6202,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 +6212,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 +6222,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 +6236,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 +6246,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 +6256,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 +6271,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 +6288,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 +6297,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 })
 			]
 		})
 	}));
@@ -9881,8 +9977,8 @@ var init_changelog = __esmMin(() => {
 		},
 		children: (0, import_jsx_runtime$2.jsxs)("div", {
 			className: "relative px-20 pt-5 pb-0 w-full max-w-none prose prose-lg prose-invert from-default-50 to-default-100",
-			children: [props.data.Tip === true ? (0, import_jsx_runtime$2.jsxs)(import_jsx_runtime$2.Fragment, { children: [
-				(0, import_jsx_runtime$2.jsxs)("div", {
+			children: [
+				props.data.Tip === true ? (0, import_jsx_runtime$2.jsxs)(import_jsx_runtime$2.Fragment, { children: [(0, import_jsx_runtime$2.jsxs)("div", {
 					className: "inline-block relative mt-20",
 					children: [
 						(0, import_jsx_runtime$2.jsx)("div", { className: "absolute inset-0 bg-black rounded-2xl opacity-50 blur-xl translate-y-6 -z-10" }),
@@ -9899,166 +9995,246 @@ var init_changelog = __esmMin(() => {
 							})
 						})
 					]
+				}), (0, import_jsx_runtime$2.jsxs)("div", {
+					className: "py-12 pb-6",
+					children: [(0, import_jsx_runtime$2.jsx)("div", {
+						className: "text-4xl leading-relaxed text-center mb-8 opacity-50 text-default-600",
+						children: "以下任意方式均可更新"
+					}), (0, import_jsx_runtime$2.jsxs)("div", {
+						className: "flex flex-col gap-6 text-[2.8em] leading-relaxed text-default-700",
+						children: [
+							(0, import_jsx_runtime$2.jsxs)("div", {
+								className: "flex items-center gap-5",
+								children: [
+									(0, import_jsx_runtime$2.jsx)("span", {
+										className: "text-warning text-[1.2em]",
+										children: "•"
+									}),
+									(0, import_jsx_runtime$2.jsx)("span", { children: "引用回复此消息包含" }),
+									(0, import_jsx_runtime$2.jsx)(GlowText, {
+										className: "inline-block text-[1.15em] font-bold text-warning",
+										blurRadius: 15,
+										glowStrength: 2,
+										scale: 1.1,
+										children: "更新"
+									}),
+									(0, import_jsx_runtime$2.jsx)("span", { children: "字眼" })
+								]
+							}),
+							(0, import_jsx_runtime$2.jsxs)("div", {
+								className: "flex items-center gap-5",
+								children: [
+									(0, import_jsx_runtime$2.jsx)("span", {
+										className: "text-warning text-[1.2em]",
+										children: "•"
+									}),
+									(0, import_jsx_runtime$2.jsx)("span", { children: "Karin 的" }),
+									(0, import_jsx_runtime$2.jsx)(GlowText, {
+										blurRadius: 10,
+										glowStrength: 1.5,
+										scale: 1.05,
+										children: (0, import_jsx_runtime$2.jsx)(code_default, {
+											radius: "lg",
+											color: "warning",
+											className: "text-[0.9em]",
+											children: "WebUI"
+										})
+									}),
+									(0, import_jsx_runtime$2.jsx)("span", { children: "→" }),
+									(0, import_jsx_runtime$2.jsx)(GlowText, {
+										blurRadius: 10,
+										glowStrength: 1.5,
+										scale: 1.05,
+										children: (0, import_jsx_runtime$2.jsx)(code_default, {
+											radius: "lg",
+											color: "warning",
+											className: "text-[0.9em]",
+											children: "插件管理"
+										})
+									}),
+									(0, import_jsx_runtime$2.jsx)("span", { children: "→" }),
+									(0, import_jsx_runtime$2.jsx)(GlowText, {
+										blurRadius: 10,
+										glowStrength: 1.5,
+										scale: 1.05,
+										children: (0, import_jsx_runtime$2.jsx)(code_default, {
+											radius: "lg",
+											color: "warning",
+											className: "text-[0.9em]",
+											children: "已安装"
+										})
+									})
+								]
+							}),
+							(0, import_jsx_runtime$2.jsxs)("div", {
+								className: "flex items-center gap-5",
+								children: [
+									(0, import_jsx_runtime$2.jsx)("span", {
+										className: "text-warning text-[1.2em]",
+										children: "•"
+									}),
+									(0, import_jsx_runtime$2.jsx)("span", { children: "Karin 目录运行" }),
+									(0, import_jsx_runtime$2.jsx)(GlowText, {
+										blurRadius: 10,
+										glowStrength: 1.5,
+										scale: 1.05,
+										children: (0, import_jsx_runtime$2.jsxs)(code_default, {
+											radius: "lg",
+											color: "warning",
+											className: "text-[0.85em] whitespace-nowrap",
+											children: [
+												"pnpm add karin-plugin-kkk@",
+												props.data.remoteVersion,
+												" -w"
+											]
+										})
+									})
+								]
+							})
+						]
+					})]
+				})] }) : null,
+				(0, import_jsx_runtime$2.jsx)("div", {
+					className: "changelog-content",
+					children: (0, import_jsx_runtime$2.jsx)(Markdown, {
+						rehypePlugins: [rehypeHighlight],
+						components: {
+							h1: ({ children, ...props$1 }) => (0, import_jsx_runtime$2.jsx)("h1", {
+								className: "text-[5.28em] font-semibold mb-8 pb-2 border-b-2 border-default-400 text-default-900",
+								...props$1,
+								children
+							}),
+							h2: ({ children, ...props$1 }) => (0, import_jsx_runtime$2.jsxs)("div", {
+								className: "relative mt-20 mb-5",
+								children: [
+									(0, import_jsx_runtime$2.jsx)("div", {
+										className: "absolute -top-13 left-0 text-[11em] font-black text-default-200/50 select-none pointer-events-none uppercase leading-none",
+										"aria-hidden": "true",
+										children: typeof children === "string" ? children : "H2"
+									}),
+									(0, import_jsx_runtime$2.jsx)("h2", {
+										className: "ml-15 relative z-10 text-[3.8em] pb-2  text-default-900 font-medium",
+										...props$1,
+										children
+									}),
+									(0, import_jsx_runtime$2.jsx)("div", { className: "w-full border-b border-default-400" })
+								]
+							}),
+							h3: ({ children, ...props$1 }) => (0, import_jsx_runtime$2.jsxs)("h3", {
+								className: "flex items-baseline gap-3 text-[3.3em] font-semibold mb-6 text-default-900",
+								...props$1,
+								children: [children, (0, import_jsx_runtime$2.jsx)(CornerDownLeft, {
+									strokeWidth: 2.5,
+									className: "w-[1em] h-[1em] text-default-200"
+								})]
+							}),
+							h4: ({ children, ...props$1 }) => (0, import_jsx_runtime$2.jsx)("h4", {
+								className: "text-[2.64em] font-semibold mb-5 text-default-900",
+								...props$1,
+								children
+							}),
+							h5: ({ children, ...props$1 }) => (0, import_jsx_runtime$2.jsx)("h5", {
+								className: "text-[2.38em] font-semibold mb-5 text-default-900",
+								...props$1,
+								children
+							}),
+							h6: ({ children, ...props$1 }) => (0, import_jsx_runtime$2.jsx)("h6", {
+								className: "text-[2.11em] font-semibold mb-4 text-default-600",
+								...props$1,
+								children
+							}),
+							p: ({ children, ...props$1 }) => (0, import_jsx_runtime$2.jsx)("p", {
+								className: "text-[2.64em] leading-[1.75] mb-[2.64em] text-default-900",
+								...props$1,
+								children
+							}),
+							ul: ({ children, ...props$1 }) => (0, import_jsx_runtime$2.jsx)("ul", {
+								className: "pl-[5em] mb-[2em] list-disc text-default-900",
+								...props$1,
+								children
+							}),
+							ol: ({ children, ...props$1 }) => (0, import_jsx_runtime$2.jsx)("ol", {
+								className: "pl-[3.6em] mb-[1.8em] list-decimal text-default-900",
+								...props$1,
+								children
+							}),
+							li: ({ children, ...props$1 }) => (0, import_jsx_runtime$2.jsx)("li", {
+								className: "text-[2.6em] leading-[1.6] text-default-900",
+								...props$1,
+								children
+							}),
+							blockquote: ({ children, ...props$1 }) => (0, import_jsx_runtime$2.jsx)("blockquote", {
+								className: "border-l-4 border-default-500 pl-[1.8em] py-[0.9em] mb-[1.8em] text-default-700 bg-default-100",
+								...props$1,
+								children
+							}),
+							code: ({ children }) => (0, import_jsx_runtime$2.jsx)(code_default, {
+								radius: "lg",
+								color: "warning",
+								className: "inline align-text-bottom leading-inherit text-[0.8em] whitespace-normal break-all box-decoration-slice",
+								children
+							}),
+							pre: ({ children, ...props$1 }) => (0, import_jsx_runtime$2.jsx)("pre", {
+								className: "p-[1.8em] mb-[1.8em] bg-default-200 rounded overflow-x-auto font-mono",
+								...props$1,
+								children
+							}),
+							a: ({ children, href, ...props$1 }) => (0, import_jsx_runtime$2.jsxs)("a", {
+								className: "inline-flex gap-3 items-baseline cursor-pointer text-warning hover:underline",
+								onClick: (e) => e.preventDefault(),
+								...props$1,
+								children: [(0, import_jsx_runtime$2.jsx)(GlowText, {
+									blurRadius: 10,
+									glowStrength: 3,
+									scale: 1.2,
+									children
+								}), (0, import_jsx_runtime$2.jsx)(GlowText, {
+									blurRadius: 10,
+									glowStrength: 3,
+									scale: 1.2,
+									children: (0, import_jsx_runtime$2.jsx)(ExternalLink, { className: "w-[1.1em] h-[1.1em] -mb-[0.1em]" })
+								})]
+							}),
+							img: ({ ...props$1 }) => (0, import_jsx_runtime$2.jsx)("img", {
+								className: "max-w-full h-auto rounded",
+								...props$1
+							}),
+							table: ({ children, ...props$1 }) => (0, import_jsx_runtime$2.jsx)("table", {
+								className: "w-full border-collapse mb-[1.8em] text-default-900",
+								...props$1,
+								children
+							}),
+							th: ({ children, ...props$1 }) => (0, import_jsx_runtime$2.jsx)("th", {
+								className: "px-5 py-3 font-semibold text-left border text-default-900 bg-default-200 border-default-400",
+								...props$1,
+								children
+							}),
+							td: ({ children, ...props$1 }) => (0, import_jsx_runtime$2.jsx)("td", {
+								className: "px-5 py-3 border text-default-900 border-default-400",
+								...props$1,
+								children
+							})
+						},
+						children: props.data?.markdown ?? ""
+					})
 				}),
-				(0, import_jsx_runtime$2.jsxs)("div", {
-					className: "py-16 pb-4 text-5xl leading-relaxed text-center",
-					children: [
-						"引用回复此消息包含",
-						(0, import_jsx_runtime$2.jsx)("span", {
-							className: "text-7xl",
-							children: "「"
-						}),
-						(0, import_jsx_runtime$2.jsx)(GlowText, {
-							className: "text-7xl font-bold text-warning",
-							blurRadius: 20,
-							glowStrength: 2,
-							scale: 1.2,
-							children: "更新"
-						}),
-						(0, import_jsx_runtime$2.jsx)("span", {
-							className: "text-7xl",
-							children: "」"
-						}),
-						"字眼，即可开始更新"
-					]
-				}),
-				props.data.buildTime && (0, import_jsx_runtime$2.jsxs)("div", {
-					className: "flex gap-4 opacity-50",
+				props.data.Tip === true && props.data.buildTime && (0, import_jsx_runtime$2.jsxs)("div", {
+					className: "flex gap-8 justify-center py-12 mt-16 border-t-2 border-default-300 opacity-60",
 					children: [(0, import_jsx_runtime$2.jsxs)("div", {
-						className: "text-4xl ml-17",
+						className: "text-4xl",
 						children: ["更新频道:", (0, import_jsx_runtime$2.jsx)("span", {
 							className: "font-bold text-warning-200",
 							children: " 正式版"
 						})]
 					}), (0, import_jsx_runtime$2.jsxs)("div", {
-						className: "text-4xl ml-15",
+						className: "text-4xl",
 						children: ["编译于:", (0, import_jsx_runtime$2.jsxs)("span", {
 							className: "font-bold text-warning-200",
 							children: [" ", props.data.buildTime]
 						})]
 					})]
 				})
-			] }) : null, (0, import_jsx_runtime$2.jsx)(Markdown, {
-				rehypePlugins: [rehypeHighlight],
-				components: {
-					h1: ({ children, ...props$1 }) => (0, import_jsx_runtime$2.jsx)("h1", {
-						className: "text-[5.28em] font-semibold mb-8 pb-2 border-b-2 border-default-400 text-default-900",
-						...props$1,
-						children
-					}),
-					h2: ({ children, ...props$1 }) => (0, import_jsx_runtime$2.jsxs)("div", {
-						className: "relative mt-20 mb-5",
-						children: [
-							(0, import_jsx_runtime$2.jsx)("div", {
-								className: "absolute -top-13 left-0 text-[11em] font-black text-default-200/50 select-none pointer-events-none uppercase leading-none",
-								"aria-hidden": "true",
-								children: typeof children === "string" ? children : "H2"
-							}),
-							(0, import_jsx_runtime$2.jsx)("h2", {
-								className: "ml-15 relative z-10 text-[3.8em] pb-2  text-default-900 font-medium",
-								...props$1,
-								children
-							}),
-							(0, import_jsx_runtime$2.jsx)("div", { className: "w-full border-b border-default-400" })
-						]
-					}),
-					h3: ({ children, ...props$1 }) => (0, import_jsx_runtime$2.jsxs)("h3", {
-						className: "flex items-baseline gap-3 text-[3.3em] font-semibold mb-6 text-default-900",
-						...props$1,
-						children: [children, (0, import_jsx_runtime$2.jsx)(CornerDownLeft, {
-							strokeWidth: 2.5,
-							className: "w-[1em] h-[1em] text-default-200"
-						})]
-					}),
-					h4: ({ children, ...props$1 }) => (0, import_jsx_runtime$2.jsx)("h4", {
-						className: "text-[2.64em] font-semibold mb-5 text-default-900",
-						...props$1,
-						children
-					}),
-					h5: ({ children, ...props$1 }) => (0, import_jsx_runtime$2.jsx)("h5", {
-						className: "text-[2.38em] font-semibold mb-5 text-default-900",
-						...props$1,
-						children
-					}),
-					h6: ({ children, ...props$1 }) => (0, import_jsx_runtime$2.jsx)("h6", {
-						className: "text-[2.11em] font-semibold mb-4 text-default-600",
-						...props$1,
-						children
-					}),
-					p: ({ children, ...props$1 }) => (0, import_jsx_runtime$2.jsx)("p", {
-						className: "text-[2.64em] leading-[1.75] mb-[2.64em] text-default-900",
-						...props$1,
-						children
-					}),
-					ul: ({ children, ...props$1 }) => (0, import_jsx_runtime$2.jsx)("ul", {
-						className: "pl-[5em] mb-[2em] list-disc text-default-900",
-						...props$1,
-						children
-					}),
-					ol: ({ children, ...props$1 }) => (0, import_jsx_runtime$2.jsx)("ol", {
-						className: "pl-[3.6em] mb-[1.8em] list-decimal text-default-900",
-						...props$1,
-						children
-					}),
-					li: ({ children, ...props$1 }) => (0, import_jsx_runtime$2.jsx)("li", {
-						className: "text-[2.6em] leading-[1.6] text-default-900",
-						...props$1,
-						children
-					}),
-					blockquote: ({ children, ...props$1 }) => (0, import_jsx_runtime$2.jsx)("blockquote", {
-						className: "border-l-4 border-default-500 pl-[1.8em] py-[0.9em] mb-[1.8em] text-default-700 bg-default-100",
-						...props$1,
-						children
-					}),
-					code: ({ children }) => (0, import_jsx_runtime$2.jsx)(code_default, {
-						radius: "lg",
-						color: "warning",
-						className: "inline align-text-bottom leading-inherit text-[0.8em] whitespace-normal break-all box-decoration-slice",
-						children
-					}),
-					pre: ({ children, ...props$1 }) => (0, import_jsx_runtime$2.jsx)("pre", {
-						className: "p-[1.8em] mb-[1.8em] bg-default-200 rounded overflow-x-auto font-mono",
-						...props$1,
-						children
-					}),
-					a: ({ children, href, ...props$1 }) => (0, import_jsx_runtime$2.jsxs)("a", {
-						className: "inline-flex gap-3 items-baseline cursor-pointer text-warning hover:underline",
-						onClick: (e) => e.preventDefault(),
-						...props$1,
-						children: [(0, import_jsx_runtime$2.jsx)(GlowText, {
-							blurRadius: 10,
-							glowStrength: 3,
-							scale: 1.2,
-							children
-						}), (0, import_jsx_runtime$2.jsx)(GlowText, {
-							blurRadius: 10,
-							glowStrength: 3,
-							scale: 1.2,
-							children: (0, import_jsx_runtime$2.jsx)(ExternalLink, { className: "w-[1.1em] h-[1.1em] -mb-[0.1em]" })
-						})]
-					}),
-					img: ({ ...props$1 }) => (0, import_jsx_runtime$2.jsx)("img", {
-						className: "max-w-full h-auto rounded",
-						...props$1
-					}),
-					table: ({ children, ...props$1 }) => (0, import_jsx_runtime$2.jsx)("table", {
-						className: "w-full border-collapse mb-[1.8em] text-default-900",
-						...props$1,
-						children
-					}),
-					th: ({ children, ...props$1 }) => (0, import_jsx_runtime$2.jsx)("th", {
-						className: "px-5 py-3 font-semibold text-left border text-default-900 bg-default-200 border-default-400",
-						...props$1,
-						children
-					}),
-					td: ({ children, ...props$1 }) => (0, import_jsx_runtime$2.jsx)("td", {
-						className: "px-5 py-3 border text-default-900 border-default-400",
-						...props$1,
-						children
-					})
-				},
-				children: props.data?.markdown ?? ""
-			})]
+			]
 		})
 	}));
 	Changelog.displayName = "Changelog";
@@ -10084,7 +10260,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 +10355,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 +10493,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 +10517,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: "插件基于较新版本开发，低版本运行可能存在兼容问题"
 									})
 								]
 							})
@@ -11137,7 +11464,10 @@ var init_DevDataManager = __esmMin(() => {
 			if (!fs.existsSync(dirPath)) fs.mkdirSync(dirPath, { recursive: true });
 		}
 		static getTemplateDataDir(platform, templateName) {
-			if (!devDataDir) throw new Error("karin-plugin-kkk 仅在环境变量 NODE_ENV 为 production 时可用");
+			if (!devDataDir) {
+				logger$1.debug("DevDataManager: 当前不在开发环境，数据保存功能将被禁用");
+				return "";
+			}
 			const dir = path.join(devDataDir, platform, templateName);
 			this.ensureDir(dir);
 			return dir;
@@ -11190,6 +11520,7 @@ var init_DevDataManager = __esmMin(() => {
 			if (!this.isDevEnvironment()) return false;
 			try {
 				const dir = this.getTemplateDataDir(platform, templateName);
+				if (!dir) return false;
 				const defaultFilePath = path.join(dir, "default.json");
 				let versionsData = this.readVersionsFile(dir);
 				if (fs.existsSync(defaultFilePath)) {
@@ -11298,18 +11629,18 @@ var init_main = __esmMin(() => {
 		packageDir;
 		NODE_ENV;
 		static initialized = false;
+		isDevelopment;
 		constructor() {
 			this.NODE_ENV = process.env.NODE_ENV || "production";
+			this.isDevelopment = this.NODE_ENV === "development";
 			this.packageDir = this.getPackageDir();
 			ResourcePathManager.initialized = true;
 		}
 		getPackageDir() {
 			const cwd = process.cwd();
-			switch (this.NODE_ENV) {
-				case "development": return this.findDevelopmentDir(cwd);
-				case "production":
-				default: return this.getPackageDirFromImportMeta();
-			}
+			const metaDir = this.getPackageDirFromImportMeta();
+			if (this.isDevelopment) return this.findDevelopmentDir(cwd) || metaDir;
+			return metaDir;
 		}
 		findDevelopmentDir(cwd) {
 			let currentDir = cwd;
@@ -11321,7 +11652,8 @@ var init_main = __esmMin(() => {
 				}
 				currentDir = path.dirname(currentDir);
 			}
-			return path.join(path.dirname(cwd), "render");
+			if (!ResourcePathManager.initialized) logger$1.debug("开发模式：未找到 render 目录，将使用生产模式路径");
+			return null;
 		}
 		getPackageDirFromImportMeta() {
 			try {
@@ -11389,21 +11721,86 @@ var init_main = __esmMin(() => {
 			return hasPluginsInPath && pluginResourcesExists && npmPackageExists;
 		}
 		getResourcePaths() {
-			switch (this.NODE_ENV) {
-				case "development": return {
-					cssDir: path.join(path.dirname(this.packageDir), "core", "lib"),
-					imageDir: path.join(path.dirname(this.packageDir), "core/resources/image")
-				};
-				case "production":
-				default: if (this.isPluginMode()) return {
-					cssDir: fs.existsSync(path.join(this.packageDir, "node_modules", "karin-plugin-kkk", "lib")) ? path.join(this.packageDir, "node_modules", "karin-plugin-kkk", "lib") : path.join(this.packageDir, "lib"),
-					imageDir: path.join(this.packageDir, "resources", "image")
-				};
-				else return {
-					cssDir: path.join(this.packageDir, "node_modules", "karin-plugin-kkk", "lib"),
-					imageDir: path.join(this.packageDir, "node_modules", "karin-plugin-kkk", "resources", "image")
-				};
+			const possiblePaths = this.getPossibleResourcePaths();
+			let cssDir = "";
+			for (const cssPath of possiblePaths.cssPaths) if (fs.existsSync(cssPath)) {
+				cssDir = cssPath;
+				if (!ResourcePathManager.initialized) logger$1.debug("找到 CSS 目录:", cssDir);
+				break;
 			}
+			let imageDir = "";
+			for (const imagePath of possiblePaths.imagePaths) if (fs.existsSync(imagePath)) {
+				imageDir = imagePath;
+				if (!ResourcePathManager.initialized) logger$1.debug("找到图片目录:", imageDir);
+				break;
+			}
+			if (!cssDir) {
+				cssDir = possiblePaths.cssPaths[0];
+				if (!ResourcePathManager.initialized) logger$1.warn("未找到 CSS 目录，使用默认路径:", cssDir);
+			}
+			if (!imageDir) {
+				imageDir = possiblePaths.imagePaths[0];
+				if (!ResourcePathManager.initialized) logger$1.warn("未找到图片目录，使用默认路径:", imageDir);
+			}
+			return {
+				cssDir,
+				imageDir
+			};
+		}
+		getPossibleResourcePaths() {
+			const cssPaths = [];
+			const imagePaths = [];
+			const karinPluginPath = this.findKarinPluginKkkPackage();
+			if (karinPluginPath) {
+				cssPaths.push(path.join(karinPluginPath, "lib"));
+				imagePaths.push(path.join(karinPluginPath, "resources", "image"));
+			}
+			if (this.isDevelopment) {
+				const parentDir = path.dirname(this.packageDir);
+				cssPaths.push(path.join(parentDir, "core", "lib"), path.join(this.packageDir, "../core/lib"));
+				imagePaths.push(path.join(parentDir, "core", "resources", "image"), path.join(this.packageDir, "../core/resources/image"));
+			}
+			if (this.isPluginMode()) {
+				cssPaths.push(path.join(this.packageDir, "node_modules", "karin-plugin-kkk", "lib"), path.join(this.packageDir, "lib"));
+				imagePaths.push(path.join(this.packageDir, "resources", "image"));
+			}
+			cssPaths.push(path.join(this.packageDir, "node_modules", "karin-plugin-kkk", "lib"), path.join(this.packageDir, "lib"), path.join(this.packageDir, "dist"));
+			imagePaths.push(path.join(this.packageDir, "node_modules", "karin-plugin-kkk", "resources", "image"), path.join(this.packageDir, "resources", "image"), path.join(this.packageDir, "public", "image"));
+			return {
+				cssPaths,
+				imagePaths
+			};
+		}
+		findKarinPluginKkkPackage() {
+			try {
+				const currentModuleUrl = import.meta.url;
+				const currentModulePath = new URL(currentModuleUrl).pathname;
+				const normalizedPath = process.platform === "win32" ? currentModulePath.slice(1) : currentModulePath;
+				let currentDir = path.dirname(normalizedPath);
+				for (let i = 0; i < 10; i++) {
+					const packageJsonPath = path.join(currentDir, "package.json");
+					if (fs.existsSync(packageJsonPath)) try {
+						if (JSON.parse(fs.readFileSync(packageJsonPath, "utf-8")).name === "karin-plugin-kkk") {
+							if (!ResourcePathManager.initialized) logger$1.debug("找到 karin-plugin-kkk 包:", currentDir);
+							return currentDir;
+						}
+					} catch {}
+					const nodeModulesPath = path.join(currentDir, "node_modules", "karin-plugin-kkk");
+					if (fs.existsSync(nodeModulesPath)) {
+						const packageJsonPath$1 = path.join(nodeModulesPath, "package.json");
+						if (fs.existsSync(packageJsonPath$1)) {
+							if (!ResourcePathManager.initialized) logger$1.debug("在 node_modules 中找到 karin-plugin-kkk:", nodeModulesPath);
+							return nodeModulesPath;
+						}
+					}
+					const parentDir = path.dirname(currentDir);
+					if (parentDir === currentDir) break;
+					currentDir = parentDir;
+				}
+			} catch (error) {
+				if (!ResourcePathManager.initialized) logger$1.debug("查找 karin-plugin-kkk 包失败:", error);
+			}
+			return null;
 		}
 	};
 	HtmlWrapper = class {
@@ -11421,7 +11818,7 @@ var init_main = __esmMin(() => {
 			const fontRelativePath = path.relative(htmlDir, fontDir).replace(/\\/g, "/");
 			const bilifontUrl = path.join(fontRelativePath, "bilifont/font.css").replace(/\\/g, "/");
 			const monoFontUrl = path.join(fontRelativePath, "mono/font.css").replace(/\\/g, "/");
-			const processedHtml = htmlContent.replace(/src="\/image\//g, `src="${imageRelativePath}/`);
+			let processedHtml = htmlContent.replace(/src="\/image\//g, `src="${imageRelativePath}/`).replace(/src='\/image\//g, `src='${imageRelativePath}/`).replace(/src="image\//g, `src="${imageRelativePath}/`);
 			return `\n    <!DOCTYPE html>\n    <html lang="zh-CN">\n    <head>\n      <meta charset="UTF-8">\n      <meta name="viewport" content="width=device-width">\n      <link rel="stylesheet" href="${bilifontUrl}">\n      <link rel="stylesheet" href="${monoFontUrl}">\n      <link rel="stylesheet" href="${cssUrl}">\n      <style>\n        html, body {\n          margin: 0;\n          padding: 0;\n          background: transparent !important;\n        }\n        body {\n          display: flex;\n          align-items: flex-start;\n          justify-content: flex-start;\n        }\n        #container {\n          border-radius: 3rem;\n          overflow: hidden;\n          background-clip: padding-box;\n        }\n      </style>\n    </head>\n    <body class="${isDark ? "dark" : ""}">\n      ${processedHtml}\n    </body>\n    </html>\n    `;
 		}
 	};
@@ -11483,7 +11880,7 @@ var init_main = __esmMin(() => {
 			plugins,
 			outputDir
 		}).render(request);
-		if (result.success && process.env.NODE_ENV === "development") DevDataManager.saveRenderData(request.templateType, request.templateName, request.data);
+		if (process.env.NODE_ENV === "development") DevDataManager.saveRenderData(request.templateType, request.templateName, request.data);
 		return result;
 	};
 });