karin-plugin-kkk 2.37.1 → 2.39.0

package/lib/core_chunk/main.js

@@ -15545,9 +15545,11 @@ var renderRichTextToReact = (document, options = {}) => {
 *
 * @param {string} text - The text to encode in the QR code.
 * @param {boolean} [useDarkTheme=false] - Whether to use a dark theme for the QR code.
+* @param {Uint8Array} [image] - Optional binary logo image embedded in the center of the QR code.
 * @return {string} The base64-encoded QR code image.
 */
-var generateQRCode = (text, useDarkTheme = false) => {
+var generateQRCode = (text, useDarkTheme = false, image) => {
+	const hasImage = Boolean(image?.byteLength);
 	return `data:image/webp;base64,${generateSync({
 		data: text,
 		size: 1e3,
@@ -15563,7 +15565,14 @@ var generateQRCode = (text, useDarkTheme = false) => {
 			cornerType: "dot",
 			color: useDarkTheme ? "rgba(255, 255, 255, 0.9)" : "rgba(0, 0, 0, 0.8)"
 		},
-		backgroundOptions: { transparent: true }
+		backgroundOptions: { transparent: true },
+		image: hasImage ? image : void 0,
+		imageOptions: hasImage ? {
+			imageSize: .2,
+			margin: 24,
+			round: .2,
+			hideBackgroundDots: true
+		} : void 0
 	}, "webp", "base64")}`;
 };
 //#endregion
@@ -16368,6 +16377,93 @@ var BilibiliComment = import_react.memo((props) => {
 	});
 });
 //#endregion
+//#region ../template/src/utils/QRCodeAvatar.ts
+var MAX_QRCODE_AVATAR_BYTES = 2 * 1024 * 1024;
+var QRCODE_AVATAR_TIMEOUT_MS = 5e3;
+var QRCODE_AVATAR_CACHE_SIZE = 128;
+var SUPPORTED_QRCODE_AVATAR_TYPES = /* @__PURE__ */ new Set([
+	"image/png",
+	"image/jpeg",
+	"image/webp"
+]);
+var avatarRequestCache = /* @__PURE__ */ new Map();
+var isSupportedImageBytes = (image) => {
+	const isPng = image.byteLength >= 8 && image[0] === 137 && image[1] === 80 && image[2] === 78 && image[3] === 71 && image[4] === 13 && image[5] === 10 && image[6] === 26 && image[7] === 10;
+	const isJpeg = image.byteLength >= 3 && image[0] === 255 && image[1] === 216 && image[2] === 255;
+	const isWebp = image.byteLength >= 12 && image[0] === 82 && image[1] === 73 && image[2] === 70 && image[3] === 70 && image[8] === 87 && image[9] === 69 && image[10] === 66 && image[11] === 80;
+	return isPng || isJpeg || isWebp;
+};
+var fetchQRCodeAvatar = async (url) => {
+	try {
+		const response = await fetch(url, {
+			headers: { accept: "image/png,image/jpeg,image/webp,image/*;q=0.8,*/*;q=0.5" },
+			signal: AbortSignal.timeout(QRCODE_AVATAR_TIMEOUT_MS)
+		});
+		if (!response.ok) return void 0;
+		if (Number(response.headers.get("content-length") ?? 0) > MAX_QRCODE_AVATAR_BYTES) return void 0;
+		const contentType = response.headers.get("content-type")?.split(";", 1)[0]?.trim().toLowerCase();
+		const image = new Uint8Array(await response.arrayBuffer());
+		if (image.byteLength === 0 || image.byteLength > MAX_QRCODE_AVATAR_BYTES) return void 0;
+		if (contentType && SUPPORTED_QRCODE_AVATAR_TYPES.has(contentType)) return image;
+		return isSupportedImageBytes(image) ? image : void 0;
+	} catch {
+		return;
+	}
+};
+/**
+* 加载并缓存二维码头像。同一头像的并发渲染会复用请求，失败结果不会进入缓存。
+*/
+var loadQRCodeAvatar = (url) => {
+	if (!url || !/^https?:\/\//i.test(url)) return Promise.resolve(void 0);
+	const cached = avatarRequestCache.get(url);
+	if (cached) return cached;
+	if (avatarRequestCache.size >= QRCODE_AVATAR_CACHE_SIZE) {
+		const oldestKey = avatarRequestCache.keys().next().value;
+		if (oldestKey) avatarRequestCache.delete(oldestKey);
+	}
+	const request = fetchQRCodeAvatar(url);
+	avatarRequestCache.set(url, request);
+	request.then((image) => {
+		if (!image) avatarRequestCache.delete(url);
+	});
+	return request;
+};
+//#endregion
+//#region ../template/src/components/common/QRCodeWithAvatar.tsx
+var QRCodeImage = ({ value, avatarUrl: _, useDarkTheme = false, avatar, alt = "二维码", ...imageProps }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
+	...imageProps,
+	src: generateQRCode(value, useDarkTheme, avatar),
+	alt
+});
+/** Node SSR 版本：在服务端流式渲染期间等待头像二进制。 */
+var QRCodeWithAvatarServer = async (props) => {
+	const avatar = await loadQRCodeAvatar(props.avatarUrl);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(QRCodeImage, {
+		...props,
+		avatar
+	});
+};
+/** 浏览器版本：保持同步组件语义，通过 effect 异步补充头像二维码。 */
+var QRCodeWithAvatarClient = (props) => {
+	const [avatar, setAvatar] = import_react.useState();
+	import_react.useEffect(() => {
+		let active = true;
+		setAvatar(void 0);
+		loadQRCodeAvatar(props.avatarUrl).then((image) => {
+			if (active) setAvatar(image);
+		});
+		return () => {
+			active = false;
+		};
+	}, [props.avatarUrl]);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(QRCodeImage, {
+		...props,
+		avatar
+	});
+};
+var QRCodeWithAvatar = typeof window === "undefined" ? import_react.memo(QRCodeWithAvatarServer) : import_react.memo(QRCodeWithAvatarClient);
+QRCodeWithAvatar.displayName = "QRCodeWithAvatar";
+//#endregion
 //#region ../template/src/components/platforms/bilibili/dynamic/DYNAMIC_TYPE_ARTICLE.tsx
 /**
 * B站专栏动态用户信息组件
@@ -16649,8 +16745,10 @@ var BilibiliArticleFooter = import_react.memo((props) => {
 			})]
 		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 			className: "flex flex-col items-center gap-4",
-			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
-				src: generateQRCode(props.data.share_url, props.data.useDarkTheme),
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(QRCodeWithAvatar, {
+				value: props.data.share_url,
+				avatarUrl: props.data.avatar_url,
+				useDarkTheme: props.data.useDarkTheme,
 				alt: "二维码",
 				className: "h-auto w-75 rounded-2xl"
 			})
@@ -16876,8 +16974,10 @@ var BilibiliDynamicFooter = (props) => {
 			})]
 		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 			className: "flex flex-col items-center gap-4",
-			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
-				src: generateQRCode(props.share_url, props.useDarkTheme),
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(QRCodeWithAvatar, {
+				value: props.share_url,
+				avatarUrl: props.avatar_url,
+				useDarkTheme: props.useDarkTheme,
 				alt: "二维码",
 				className: "h-auto w-75 rounded-2xl"
 			})
@@ -17331,9 +17431,9 @@ var BilibiliDynamicContent = (props) => {
 					})
 				}),
 				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-					className: "relative items-center text-5xl tracking-wider wrap-break-word text-foreground",
+					className: "relative items-center text-6xl tracking-wider wrap-break-word text-foreground",
 					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-						className: "text-[60px] tracking-[0.5px] leading-[1.6] whitespace-pre-wrap text-foreground select-text",
+						className: "tracking-[0.5px] leading-[1.6] whitespace-pre-wrap text-foreground select-text",
 						style: {
 							wordBreak: "break-word",
 							overflowWrap: "break-word"
@@ -17738,7 +17838,7 @@ var BilibiliForwardContent = (props) => {
 		/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 			className: "flex flex-col px-20 w-full",
 			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-				className: "relative items-center text-5xl tracking-wider wrap-break-word text-foreground leading-relaxed",
+				className: "relative items-center text-6xl tracking-wider wrap-break-word text-foreground leading-relaxed",
 				children: props.text && renderRichTextToReact(props.text, {
 					at: { className: "text-[#006A9E] dark:text-[#58B0D5]" },
 					topic: { className: "text-[#006A9E] dark:text-[#58B0D5]" },
@@ -18303,8 +18403,10 @@ var BilibiliLiveDynamic = import_react.memo((props) => {
 											className: "absolute right-22 top-1/2 h-52 w-52 -translate-y-1/2 rounded-full blur-[48px]",
 											style: { backgroundColor: withAlphaFromCss(accentColor, isDark ? .16 : .1) }
 										}),
-										data.share_url ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
-											src: generateQRCode(data.share_url, isDark),
+										data.share_url ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(QRCodeWithAvatar, {
+											value: data.share_url,
+											avatarUrl: data.avatar_url,
+											useDarkTheme: isDark,
 											alt: "二维码",
 											className: "relative h-100 w-100 object-contain drop-shadow-[0_20px_38px_rgba(0,0,0,0.18)]"
 										}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
@@ -19693,8 +19795,10 @@ var DouyinPosterFooter$2 = ({ data }) => {
 			className: "shrink-0 text-center",
 			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 				className: "drop-shadow-2xl",
-				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
-					src: generateQRCode(share_url, useDarkTheme),
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(QRCodeWithAvatar, {
+					value: share_url,
+					avatarUrl: avater_url,
+					useDarkTheme,
 					alt: "二维码",
 					className: "h-[300px] w-[300px]"
 				})
@@ -19764,8 +19868,10 @@ var QRCodeSection = (props) => {
 		className: "flex flex-col items-center",
 		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 			className: "flex justify-center items-center w-100 h-100 p-4",
-			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
-				src: generateQRCode(props.share_url, props.useDarkTheme),
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(QRCodeWithAvatar, {
+				value: props.share_url,
+				avatarUrl: props.AuthorAvatar,
+				useDarkTheme: props.useDarkTheme,
 				alt: "二维码",
 				className: "object-contain w-full h-full rounded-lg"
 			})
@@ -20570,8 +20676,10 @@ var DouyinDynamic = (props) => {
 					className: "flex justify-between items-start px-20 pb-20",
 					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(UserInfoSection, { ...props }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 						className: "flex flex-col items-center gap-4",
-						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
-							src: generateQRCode(props.data.share_url, props.data.useDarkTheme),
+						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(QRCodeWithAvatar, {
+							value: props.data.share_url,
+							avatarUrl: props.data.avater_url,
+							useDarkTheme: props.data.useDarkTheme,
 							alt: "二维码",
 							className: "h-auto w-75 rounded-xl"
 						})
@@ -20726,8 +20834,10 @@ var DouyinFavoriteList = (props) => {
 								/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-px w-full bg-linear-to-r from-surface-secondary via-border to-transparent" }),
 								/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 									className: "flex items-end gap-6",
-									children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
-										src: generateQRCode(props.data.share_url, props.data.useDarkTheme),
+									children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(QRCodeWithAvatar, {
+										value: props.data.share_url,
+										avatarUrl: props.data.author_avatar,
+										useDarkTheme: props.data.useDarkTheme,
 										className: "w-65 h-auto rounded-2xl mix-blend-multiply",
 										alt: "QR"
 									}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
@@ -20905,9 +21015,9 @@ var getTitleClassName$1 = (titleLength) => {
 */
 var ambientCoverMask$1 = "linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.08) 6%, rgba(0,0,0,0.32) 16%, rgba(0,0,0,0.68) 28%, black 42%, black 58%, rgba(0,0,0,0.68) 72%, rgba(0,0,0,0.32) 84%, rgba(0,0,0,0.08) 94%, transparent 100%)";
 var foregroundCoverMask$1 = "linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.1) 4%, rgba(0,0,0,0.35) 10%, rgba(0,0,0,0.68) 17%, rgba(0,0,0,0.9) 23%, black 30%, black 70%, rgba(0,0,0,0.9) 77%, rgba(0,0,0,0.68) 83%, rgba(0,0,0,0.35) 90%, rgba(0,0,0,0.1) 96%, transparent 100%)";
-var getCoverUrl = (data) => data.image_list.images[0]?.url;
+var getCoverUrl$1 = (data) => data.image_list.images[0]?.url;
 var DouyinDiffuseBackground$1 = ({ data }) => {
-	const coverUrl = getCoverUrl(data);
+	const coverUrl = getCoverUrl$1(data);
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 		className: "pointer-events-none absolute inset-0 overflow-hidden select-none",
 		children: [
@@ -20924,18 +21034,19 @@ var DouyinDiffuseBackground$1 = ({ data }) => {
 				children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", {
 					className: "h-full w-full",
 					xmlns: "http://www.w3.org/2000/svg",
-					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("defs", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("filter", {
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("filter", {
 						id: "douyinImageWorkNoise",
 						children: [
 							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("feTurbulence", {
 								type: "fractalNoise",
-								baseFrequency: "1.2",
-								numOctaves: "3",
+								baseFrequency: "0.8",
+								numOctaves: "2",
 								stitchTiles: "stitch"
 							}),
 							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("feColorMatrix", {
 								type: "saturate",
-								values: "0"
+								values: "0",
+								result: "gray"
 							}),
 							/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("feComponentTransfer", { children: [
 								/* @__PURE__ */ (0, import_jsx_runtime.jsx)("feFuncR", {
@@ -20957,47 +21068,7 @@ var DouyinDiffuseBackground$1 = ({ data }) => {
 								intercept: "-0.5"
 							}) })
 						]
-					}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("mask", {
-						id: "douyinImageWorkNoiseMask",
-						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("linearGradient", {
-							id: "douyinImageWorkNoiseGradient",
-							x1: "0%",
-							y1: "0%",
-							x2: "0%",
-							y2: "100%",
-							children: [
-								/* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", {
-									offset: "0%",
-									stopColor: "white",
-									stopOpacity: "1"
-								}),
-								/* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", {
-									offset: "15%",
-									stopColor: "white",
-									stopOpacity: "0.6"
-								}),
-								/* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", {
-									offset: "50%",
-									stopColor: "white",
-									stopOpacity: "0.15"
-								}),
-								/* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", {
-									offset: "85%",
-									stopColor: "white",
-									stopOpacity: "0.6"
-								}),
-								/* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", {
-									offset: "100%",
-									stopColor: "white",
-									stopOpacity: "1"
-								})
-							]
-						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", {
-							width: "100%",
-							height: "100%",
-							fill: "url(#douyinImageWorkNoiseGradient)"
-						})]
-					})] }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", {
+					}) }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", {
 						width: "100%",
 						height: "100%",
 						filter: "url(#douyinImageWorkNoise)",
@@ -21063,7 +21134,7 @@ var DouyinPosterTitle$1 = ({ data }) => {
 	const hasDesc = Boolean(desc?.nodes.length);
 	const titleClassName = getTitleClassName$1(title ? extractRichTextPlainText(title).length : 0);
 	const richTextOptions = {
-		hashtag: { className: "text-inherit opacity-60" },
+		hashtag: { className: cn$1("text-inherit opacity-60", !hasTitle && "text-6xl") },
 		mention: { className: "text-inherit" }
 	};
 	if (!hasTitle && !hasDesc) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", {
@@ -21080,7 +21151,7 @@ var DouyinPosterTitle$1 = ({ data }) => {
 			},
 			children: renderRichTextToReact(title, richTextOptions)
 		}), hasDesc && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-			className: "mt-7 whitespace-pre-wrap text-[42px] font-medium leading-[1.48] select-text",
+			className: cn$1("mt-7 whitespace-pre-wrap select-text", !hasTitle ? "text-6xl font-bold leading-tight" : "text-5xl font-medium"),
 			style: {
 				wordBreak: "break-word",
 				overflowWrap: "break-word"
@@ -21164,21 +21235,19 @@ var DouyinImageCover = ({ data }) => {
 			}),
 			music && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 				className: "absolute bottom-12 left-24 z-30 flex max-w-[850px] items-center gap-5 text-white drop-shadow-xl",
-				children: [music.cover ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				children: [music.cover ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 					className: "relative h-20 w-20 shrink-0",
-					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
-						src: music.cover,
-						alt: "",
-						className: "absolute inset-0 h-full w-full scale-110 rounded-2xl object-cover opacity-65 blur-md",
-						referrerPolicy: "no-referrer",
-						crossOrigin: "anonymous"
-					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
-						src: music.cover,
-						alt: "BGM封面",
-						className: "relative z-10 h-full w-full rounded-2xl object-cover",
-						referrerPolicy: "no-referrer",
-						crossOrigin: "anonymous"
-					})]
+					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GlowImage, {
+						glowStrength: 1,
+						blurRadius: 20,
+						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
+							src: music.cover,
+							alt: "BGM封面",
+							className: "relative z-10 h-full w-full rounded-2xl object-cover",
+							referrerPolicy: "no-referrer",
+							crossOrigin: "anonymous"
+						})
+					})
 				}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(e, {
 					size: 44,
 					weight: "fill",
@@ -21381,8 +21450,10 @@ var DouyinPosterFooter$1 = ({ data }) => {
 			className: "shrink-0 text-center",
 			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 				className: "drop-shadow-2xl",
-				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
-					src: generateQRCode(share_url, useDarkTheme),
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(QRCodeWithAvatar, {
+					value: share_url,
+					avatarUrl: avater_url,
+					useDarkTheme,
 					alt: "二维码",
 					className: "h-[300px] w-[300px]"
 				})
@@ -21731,8 +21802,10 @@ var BottomSection = ({ data }) => {
 					alt: "抖音",
 					className: "w-60 h-auto opacity-80 dark:opacity-70"
 				}),
-				generateQRCode(data.share_url, data.useDarkTheme) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
-					src: generateQRCode(data.share_url, data.useDarkTheme),
+				data.share_url ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(QRCodeWithAvatar, {
+					value: data.share_url,
+					avatarUrl: data.avater_url,
+					useDarkTheme: data.useDarkTheme,
 					alt: "二维码",
 					className: "h-auto w-75"
 				}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
@@ -21893,7 +21966,7 @@ var MusicAuthorInfoSection = ({ avatarUrl, username, userShortId, totalFavorited
 * @param props 组件属性
 * @returns JSX元素
 */
-var MusicQRCodeSection = ({ share_url, useDarkTheme }) => {
+var MusicQRCodeSection = ({ share_url, avatarUrl, useDarkTheme }) => {
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 		className: "flex flex-col-reverse items-center -mb-12 mr-18",
 		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
@@ -21901,8 +21974,10 @@ var MusicQRCodeSection = ({ share_url, useDarkTheme }) => {
 			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(QrCode, { className: "w-11 h-11" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "文件直链：永久有效" })]
 		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 			className: "p-2.5 rounded-sm border-[7px] border-dashed border-border",
-			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
-				src: generateQRCode(share_url, useDarkTheme),
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(QRCodeWithAvatar, {
+				value: share_url,
+				avatarUrl,
+				useDarkTheme,
 				alt: "二维码",
 				className: "w-87.5 h-87.5 select-text"
 			})
@@ -21950,6 +22025,7 @@ var DouyinMusicInfo = (props) => {
 					useDarkTheme: data.useDarkTheme
 				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MusicQRCodeSection, {
 					share_url: data.share_url,
+					avatarUrl: data.avater_url,
 					useDarkTheme: data.useDarkTheme
 				})]
 			})
@@ -22319,8 +22395,10 @@ var DouyinRecommendList = (props) => {
 								/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-px w-full bg-linear-to-r from-surface-secondary via-border to-transparent" }),
 								/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 									className: "flex items-end gap-6",
-									children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
-										src: generateQRCode(props.data.share_url, props.data.useDarkTheme),
+									children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(QRCodeWithAvatar, {
+										value: props.data.share_url,
+										avatarUrl: props.data.author_avatar,
+										useDarkTheme: props.data.useDarkTheme,
 										className: "w-65 h-auto rounded-2xl mix-blend-multiply",
 										alt: "QR"
 									}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
@@ -23039,7 +23117,7 @@ var getTitleClassName = (titleLength) => {
 	if (titleLength > 96) return "text-[42px] leading-[1.34]";
 	if (titleLength > 72) return "text-[48px] leading-[1.3]";
 	if (titleLength > 48) return "text-[54px] leading-[1.26]";
-	return "text-[62px] leading-[1.18]";
+	return "text-[62px] leading-tight";
 };
 function formatDuration(duration) {
 	if (typeof duration !== "number" || !Number.isFinite(duration) || duration < 0) return void 0;
@@ -23072,18 +23150,19 @@ var DouyinDiffuseBackground = ({ data }) => /* @__PURE__ */ (0, import_jsx_runti
 			children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", {
 				className: "h-full w-full",
 				xmlns: "http://www.w3.org/2000/svg",
-				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("defs", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("filter", {
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("filter", {
 					id: "douyinVideoWorkNoise",
 					children: [
 						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("feTurbulence", {
 							type: "fractalNoise",
-							baseFrequency: "1.2",
-							numOctaves: "3",
+							baseFrequency: "0.8",
+							numOctaves: "2",
 							stitchTiles: "stitch"
 						}),
 						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("feColorMatrix", {
 							type: "saturate",
-							values: "0"
+							values: "0",
+							result: "gray"
 						}),
 						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("feComponentTransfer", { children: [
 							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("feFuncR", {
@@ -23105,47 +23184,7 @@ var DouyinDiffuseBackground = ({ data }) => /* @__PURE__ */ (0, import_jsx_runti
 							intercept: "-0.5"
 						}) })
 					]
-				}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("mask", {
-					id: "douyinVideoWorkNoiseMask",
-					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("linearGradient", {
-						id: "douyinVideoWorkNoiseGradient",
-						x1: "0%",
-						y1: "0%",
-						x2: "0%",
-						y2: "100%",
-						children: [
-							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", {
-								offset: "0%",
-								stopColor: "white",
-								stopOpacity: "1"
-							}),
-							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", {
-								offset: "15%",
-								stopColor: "white",
-								stopOpacity: "0.6"
-							}),
-							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", {
-								offset: "50%",
-								stopColor: "white",
-								stopOpacity: "0.15"
-							}),
-							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", {
-								offset: "85%",
-								stopColor: "white",
-								stopOpacity: "0.6"
-							}),
-							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", {
-								offset: "100%",
-								stopColor: "white",
-								stopOpacity: "1"
-							})
-						]
-					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", {
-						width: "100%",
-						height: "100%",
-						fill: "url(#douyinVideoWorkNoiseGradient)"
-					})]
-				})] }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", {
+				}) }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", {
 					width: "100%",
 					height: "100%",
 					filter: "url(#douyinVideoWorkNoise)",
@@ -23251,21 +23290,19 @@ var DouyinVideoCover = ({ data }) => {
 			}),
 			music && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 				className: "absolute bottom-12 left-24 z-30 flex max-w-[850px] items-center gap-5 text-white drop-shadow-xl",
-				children: [music.cover ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				children: [music.cover ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 					className: "relative h-20 w-20 shrink-0",
-					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
-						src: music.cover,
-						alt: "",
-						className: "absolute inset-0 h-full w-full scale-110 rounded-2xl object-cover opacity-65 blur-md",
-						referrerPolicy: "no-referrer",
-						crossOrigin: "anonymous"
-					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
-						src: music.cover,
-						alt: "BGM封面",
-						className: "relative z-10 h-full w-full rounded-2xl object-cover",
-						referrerPolicy: "no-referrer",
-						crossOrigin: "anonymous"
-					})]
+					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GlowImage, {
+						glowStrength: 1,
+						blurRadius: 20,
+						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
+							src: music.cover,
+							alt: "BGM封面",
+							className: "relative z-10 h-full w-full rounded-2xl object-cover",
+							referrerPolicy: "no-referrer",
+							crossOrigin: "anonymous"
+						})
+					})
 				}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(e, {
 					size: 44,
 					weight: "fill",
@@ -23499,8 +23536,10 @@ var DouyinPosterFooter = ({ data }) => {
 			className: "shrink-0 text-center",
 			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 				className: "drop-shadow-2xl",
-				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
-					src: generateQRCode(share_url, useDarkTheme),
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(QRCodeWithAvatar, {
+					value: share_url,
+					avatarUrl: avater_url,
+					useDarkTheme,
 					alt: "二维码",
 					className: "h-[300px] w-[300px]"
 				})
@@ -30091,7 +30130,9 @@ var SSRRender = class {
 			let component = await ComponentRendererFactory.createComponent(request, ctx.state.props);
 			ctx.state.component = component;
 			await this.pluginContainer.runDuring(ctx);
-			const htmlContent = (0, import_server_node.renderToString)(ctx.state.component ?? component);
+			const stream = await (0, import_server_node.renderToReadableStream)(ctx.state.component ?? component);
+			await stream.allReady;
+			const htmlContent = await new Response(stream).text();
 			ctx.state.html = htmlContent;
 			await this.pluginContainer.runAfter(ctx);
 			const safeTemplateName = request.templateName.replace(/\//g, "_");
@@ -30595,11 +30636,13 @@ var decideCoverTheme = (buffer) => {
 var isBilibiliPosterPaletteRequest = (request) => {
 	return request.templateType === "bilibili" && request.templateName === "dynamic/DYNAMIC_TYPE_LIVE_RCMD";
 };
-var isDouyinCoverThemeRequest = (request) => {
+var isCoverThemeRequest = (request) => {
+	if (request.templateType === "bilibili") return request.templateName === "videoInfo";
 	return request.templateType === "douyin" && (request.templateName === "video-work" || request.templateName === "image-work");
 };
-var getDouyinCoverUrl = (request) => {
+var getCoverUrl = (request) => {
 	const data = request.data || {};
+	if (request.templateType === "bilibili" && request.templateName === "videoInfo") return typeof data.pic === "string" ? data.pic : "";
 	if (request.templateName === "video-work") return typeof data.image_url === "string" ? data.image_url : "";
 	if (request.templateName === "image-work") {
 		const cover = data.image_list?.images?.find((image) => typeof image.url === "string" && image.url.length > 0);
@@ -30607,8 +30650,8 @@ var getDouyinCoverUrl = (request) => {
 	}
 	return "";
 };
-var applyDouyinCoverTheme = async (ctx) => {
-	const imageUrl = getDouyinCoverUrl(ctx.request);
+var applyCoverTheme = async (ctx) => {
+	const imageUrl = getCoverUrl(ctx.request);
 	if (!imageUrl) return;
 	const sample = await resolvePosterImageSample(imageUrl);
 	if (!sample) return;
@@ -30617,17 +30660,17 @@ var applyDouyinCoverTheme = async (ctx) => {
 	const data = ctx.request.data || {};
 	ctx.request.useDarkTheme = decision.useDarkTheme;
 	data.useDarkTheme = decision.useDarkTheme;
-	logger.debug(`[Render] 抖音封面智能主题: ${ctx.request.templateName} -> ${decision.useDarkTheme ? "深色" : "浅色"} (luma=${decision.averageLuma.toFixed(2)}, dark=${decision.darkRatio.toFixed(2)}, bright=${decision.brightRatio.toFixed(2)}, vivid=${decision.vividRatio.toFixed(2)})`);
+	logger.debug(`[Render] 封面智能主题: ${ctx.request.templateType}/${ctx.request.templateName} -> ${decision.useDarkTheme ? "深色" : "浅色"} (luma=${decision.averageLuma.toFixed(2)}, dark=${decision.darkRatio.toFixed(2)}, bright=${decision.brightRatio.toFixed(2)}, vivid=${decision.vividRatio.toFixed(2)})`);
 };
 var createPosterPalettePlugin = () => {
 	return {
 		name: "封面动态取色与智能主题",
 		enforce: "pre",
 		apply(request) {
-			return isBilibiliPosterPaletteRequest(request) || Config.app.Theme === 3 && isDouyinCoverThemeRequest(request);
+			return isBilibiliPosterPaletteRequest(request) || Config.app.Theme === 3 && isCoverThemeRequest(request);
 		},
 		async beforeRender(ctx) {
-			if (Config.app.Theme === 3 && isDouyinCoverThemeRequest(ctx.request)) await applyDouyinCoverTheme(ctx);
+			if (Config.app.Theme === 3 && isCoverThemeRequest(ctx.request)) await applyCoverTheme(ctx);
 			if (!isBilibiliPosterPaletteRequest(ctx.request)) return;
 			const data = ctx.request.data || {};
 			const imageUrl = typeof data.image_url === "string" ? data.image_url : "";
@@ -36780,7 +36823,7 @@ var Bilibilipush = class extends Base {
 						data: `#kkk帮助`
 					}])] : [];
 					status = await karin.sendMsg(botId, Contact, [...watermarkedImg, ...parseButton]);
-					if (Config.bilibili.push.parsedynamic && status.messageId) switch (data[dynamicId].dynamic_type) {
+					if (Config.bilibili.push.parsedynamic && Config.bilibili.push.parseDynamicTypes.includes(data[dynamicId].dynamic_type) && status.messageId) switch (data[dynamicId].dynamic_type) {
 						case "DYNAMIC_TYPE_AV":
 							if (send_video) {
 								let correctList;
@@ -38986,7 +39029,7 @@ var DouYin = class DouYin extends Base {
 						sec_uid: aweme.author.sec_uid,
 						typeMode: "strict"
 					});
-					const shareLink = isVideo ? `https://aweme.snssdk.com/aweme/v1/play/?video_id=${aweme.video.play_addr.uri}&ratio=1080p&line=0` : aweme.share_url;
+					const shareLink = isVideo ? `https://aweme.snssdk.com/aweme/v1/play/?video_id=${aweme.video.play_addr.uri}&ratio=1080p&line=0` : `https://www.douyin.com/${isArticle ? "article" : "note"}/${aweme.aweme_id}`;
 					const workInfoImg = await renderWorkImage({
 						e: this.e,
 						Detail_Data: {
@@ -39893,6 +39936,7 @@ var DouYinpush = class extends Base {
         ${logger.cyan("分享链接")}: ${logger.green(shareUrl)}
         `);
 			const Detail_Data = pushItem.Detail_Data;
+			const workTypeInfo = getWorkTypeInfo(Detail_Data);
 			const skip = await skipDynamic(pushItem);
 			if (skip) logger.warn(`作品 https://www.douyin.com/video/${actualAwemeId} 已被处理，跳过`);
 			let img = [];
@@ -39900,7 +39944,7 @@ var DouYinpush = class extends Base {
 			this.injectBotToEventForRender(pushItem.targets);
 			if (!skip) iddata = await getDouyinID(this.e, Detail_Data.share_url ?? "https://live.douyin.com/" + Detail_Data.room_data?.owner.web_rid, false);
 			if (!skip) {
-				const realUrl = pushItem.pushType !== "live" && Config.douyin.push.shareType === "web" && await new Network({
+				const realUrl = pushItem.pushType !== "live" && workTypeInfo.isVideo && Config.douyin.push.shareType === "web" && await new Network({
 					url: Detail_Data.share_url,
 					headers: {
 						"User-Agent": "Apifox/1.0.0 (https://apifox.com)",
@@ -39909,6 +39953,11 @@ var DouYinpush = class extends Base {
 						Connection: "keep-alive"
 					}
 				}).getLocation();
+				let workShareLink;
+				if (pushItem.pushType !== "live") if (workTypeInfo.isArticle) workShareLink = `https://www.douyin.com/article/${actualAwemeId}`;
+				else if (workTypeInfo.isImage) workShareLink = `https://www.douyin.com/note/${actualAwemeId}`;
+				else if (Config.douyin.push.shareType === "web") workShareLink = realUrl || `https://www.douyin.com/video/${actualAwemeId}`;
+				else workShareLink = Detail_Data.video?.play_addr?.uri ? `https://aweme.snssdk.com/aweme/v1/play/?video_id=${Detail_Data.video.play_addr.uri}&ratio=1080p&line=0` : `https://www.douyin.com/video/${actualAwemeId}`;
 				switch (pushItem.pushType) {
 					case "live":
 						if (!("room_data" in pushItem.Detail_Data && Detail_Data.live_data)) break;
@@ -39919,41 +39968,35 @@ var DouYinpush = class extends Base {
 							dynamicTypeLabel: "直播动态推送"
 						});
 						break;
-					case "favorite": {
-						const shareLink = Config.douyin.push.shareType === "web" ? realUrl : `https://aweme.snssdk.com/aweme/v1/play/?video_id=${Detail_Data.video.play_addr.uri}&ratio=1080p&line=0`;
+					case "favorite":
 						img = await renderFavoriteImage({
 							e: this.e,
 							Detail_Data,
 							create_time: pushItem.create_time,
-							shareLink,
+							shareLink: workShareLink,
 							remark: pushItem.remark,
 							skipWatermark: true
 						});
 						break;
-					}
-					case "recommend": {
-						const shareLink = Config.douyin.push.shareType === "web" ? realUrl : `https://aweme.snssdk.com/aweme/v1/play/?video_id=${Detail_Data.video.play_addr.uri}&ratio=1080p&line=0`;
+					case "recommend":
 						img = await renderRecommendImage({
 							e: this.e,
 							Detail_Data,
 							create_time: pushItem.create_time,
-							shareLink,
+							shareLink: workShareLink,
 							remark: pushItem.remark,
 							skipWatermark: true
 						});
 						break;
-					}
-					default: {
-						const shareLink = Config.douyin.push.shareType === "web" ? realUrl : `https://aweme.snssdk.com/aweme/v1/play/?video_id=${Detail_Data.video.play_addr.uri}&ratio=1080p&line=0`;
+					default:
 						img = await renderWorkImage({
 							e: this.e,
 							Detail_Data,
 							create_time: pushItem.create_time,
-							shareLink,
+							shareLink: workShareLink,
 							skipWatermark: true
 						});
 						break;
-					}
 				}
 			}
 			for (const target of pushItem.targets) {
@@ -39978,7 +40021,6 @@ var DouYinpush = class extends Base {
 					status = await karin.sendMsg(botId, Contact, [...watermarkedImg, ...parseButton]);
 					if (pushItem.pushType === "live" && "room_data" in pushItem.Detail_Data && status.message_id) await douyinDBInstance.updateLiveStatus(pushItem.sec_uid, true);
 					if (Config.douyin.push.parsedynamic && status.message_id) {
-						const workTypeInfo = getWorkTypeInfo(Detail_Data);
 						logger.debug(`开始解析作品，类型为：${getWorkTypeDisplayName(workTypeInfo)}`);
 						if (workTypeInfo.isVideo) {
 							/** 默认视频下载地址 */
@@ -42341,6 +42383,13 @@ var globalStatistics = karin.command(/^#?kkk全局解析统计$/, handleGlobalSt
 });
 //#endregion
 //#region src/apps/testPush.ts
+/** 构建与生产推送一致的作品二维码链接。 */
+function buildWorkShareLink(aweme) {
+	const workTypeInfo = getWorkTypeInfo(aweme);
+	if (workTypeInfo.isArticle) return `https://www.douyin.com/article/${aweme.aweme_id}`;
+	if (workTypeInfo.isImage) return `https://www.douyin.com/note/${aweme.aweme_id}`;
+	return aweme.video?.play_addr?.uri ? `https://aweme.snssdk.com/aweme/v1/play/?video_id=${aweme.video.play_addr.uri}&ratio=1080p&line=0` : `https://www.douyin.com/video/${aweme.aweme_id}`;
+}
 /**
 * 测试抖音推送命令处理器
 * 支持四种推送类型的预览渲染，无数据库交互，仅用于调试和验证推送卡片效果
@@ -42392,7 +42441,7 @@ var handleTestPush = wrapWithErrorHandler(async (e) => {
 				...aweme,
 				user_info: userinfo
 			};
-			const shareLink = Detail_Data.video?.play_addr?.uri ? `https://aweme.snssdk.com/aweme/v1/play/?video_id=${Detail_Data.video.play_addr.uri}&ratio=1080p&line=0` : Detail_Data.share_url || url;
+			const shareLink = buildWorkShareLink(Detail_Data);
 			images = await renderWorkImage({
 				e,
 				Detail_Data,
@@ -42438,7 +42487,7 @@ var handleTestPush = wrapWithErrorHandler(async (e) => {
 				user_info: userinfo,
 				author_user_info: authorUserInfo
 			};
-			const shareLink = Detail_Data.video?.play_addr?.uri ? `https://aweme.snssdk.com/aweme/v1/play/?video_id=${Detail_Data.video.play_addr.uri}&ratio=1080p&line=0` : aweme.share_url;
+			const shareLink = buildWorkShareLink(Detail_Data);
 			images = await renderFavoriteImage({
 				e,
 				Detail_Data,
@@ -42485,7 +42534,7 @@ var handleTestPush = wrapWithErrorHandler(async (e) => {
 				user_info: userinfo,
 				author_user_info: authorUserInfo
 			};
-			const shareLink = Detail_Data.video?.play_addr?.uri ? `https://aweme.snssdk.com/aweme/v1/play/?video_id=${Detail_Data.video.play_addr.uri}&ratio=1080p&line=0` : aweme.share_url;
+			const shareLink = buildWorkShareLink(Detail_Data);
 			images = await renderRecommendImage({
 				e,
 				Detail_Data,