karin-plugin-kkk 2.23.1 → 2.24.0

package/lib/core_chunk/{template-CnW8M_F0.js → template-DekmxKd7.js}

@@ -1370,6 +1370,7 @@ var init_ViteLogo = __esmMin(() => {
 var init_DefaultLayout = __esmMin(() => {
 	init_dist();
 	init_clsx();
+	init_date_fns();
 	init_lucide_react();
 	__toESM(require_react(), 1);
 	init_GlowImage();
@@ -1510,7 +1511,17 @@ var init_DefaultLayout = __esmMin(() => {
 						})] })
 					]
 				})
-			}) : (0, import_jsx_runtime$36.jsx)("div", { className: "h-24" })]
+			}) : (0, import_jsx_runtime$36.jsx)("div", {
+				className: "h-24 flex items-center justify-center px-4",
+				children: (0, import_jsx_runtime$36.jsx)("span", {
+					className: "text-xl font-medium text-center leading-relaxed select-none opacity-5",
+					style: {
+						mixBlendMode: "difference",
+						color: "#ffffff"
+					},
+					children: (() => `【法律声明】karin-plugin-kkk 软件作品的完整著作权及相关衍生权利均归作者ikenxuan所有，依据《GNU通用公共许可证第3版》（GPL-3.0）之规定授权公开发布。任何未遵守GPL-3.0协议条款的商业使用行为，均构成对本著作权的侵权行为。完整协议文本查阅地址：https://github.com/ikenxuan/karin-plugin-kkk?tab=GPL-3.0-1-ov-file | 溯源时间戳：${format(/* @__PURE__ */ new Date(), "yyyy-MM-dd HH:mm:ss")} | 移除本声明的行为，视为违反GPL-3.0协议约定，作者保留追究相关主体法律责任的权利。`)()
+				})
+			})]
 		}) });
 	};
 });
@@ -2211,7 +2222,7 @@ var init_Dynamic = __esmMin(() => {
 				className: "flex overflow-hidden gap-8 py-1 pr-2 w-full",
 				style: { scrollbarWidth: "thin" },
 				children: [items.slice(0, visibleCount).map((c, idx) => {
-					const avatar = c.avatar_thumb?.url_list[0];
+					const avatar = c.avatar_url;
 					return (0, import_jsx_runtime$34.jsxs)("div", {
 						className: "flex flex-col items-center min-w-38 w-38 shrink-0",
 						children: [
@@ -2412,13 +2423,17 @@ var init_VideoWork = __esmMin(() => {
 					children: ["@", props.data.username]
 				}), (0, import_jsx_runtime$33.jsxs)("div", {
 					className: "flex gap-2 items-center text-4xl text-default-500",
-					children: [(0, import_jsx_runtime$33.jsx)(Hash, {
-						size: 32,
-						className: "text-default-400"
-					}), (0, import_jsx_runtime$33.jsxs)("span", {
-						className: "select-text",
-						children: ["抖音号: ", props.data.抖音号]
-					})]
+					children: [
+						(0, import_jsx_runtime$33.jsx)(Hash, { size: 32 }),
+						(0, import_jsx_runtime$33.jsxs)("span", {
+							className: "select-text",
+							children: ["抖音号: ", props.data.抖音号]
+						}),
+						props.data.cooperation_info?.subscriber_role && (0, import_jsx_runtime$33.jsx)("span", {
+							className: "ml-5 px-3 py-1 rounded-xl bg-default-200 text-3xl",
+							children: props.data.cooperation_info.subscriber_role
+						})
+					]
 				})]
 			})]
 		}), (0, import_jsx_runtime$33.jsxs)("div", {
@@ -2487,8 +2502,8 @@ var init_VideoWork = __esmMin(() => {
 			]
 		})]
 	});
-	CoCreatorsInfo$1 = ({ info }) => {
-		const creators = info?.co_creators ?? [];
+	CoCreatorsInfo$1 = ({ info, subscriberNickname }) => {
+		const creators = (info?.co_creators ?? []).filter((c) => !subscriberNickname || c.nickname !== subscriberNickname);
 		if (creators.length === 0) return null;
 		const items = creators.slice(0, 50);
 		const listRef = import_react$35.useRef(null);
@@ -2512,9 +2527,9 @@ var init_VideoWork = __esmMin(() => {
 				className: "flex overflow-hidden gap-8 py-1 pr-2 w-full",
 				style: { scrollbarWidth: "thin" },
 				children: [items.slice(0, visibleCount).map((c, idx) => {
-					const avatar = c.avatar_thumb?.url_list[0];
+					const avatar = c.avatar_url;
 					return (0, import_jsx_runtime$33.jsxs)("div", {
-						className: "flex flex-col items-center min-w-38 w-38 shrink-0",
+						className: "flex flex-col items-center min-w-42 w-42 shrink-0",
 						children: [
 							(0, import_jsx_runtime$33.jsx)("div", {
 								className: "flex justify-center items-center bg-white rounded-full w-30 h-30",
@@ -2525,7 +2540,7 @@ var init_VideoWork = __esmMin(() => {
 								})
 							}),
 							(0, import_jsx_runtime$33.jsx)("div", {
-								className: "overflow-hidden mt-6 w-full text-3xl font-medium leading-tight text-center truncate whitespace-nowrap select-text text-foreground-700",
+								className: "overflow-hidden mt-6 w-full text-3xl font-medium leading-tight text-center truncate whitespace-nowrap select-text text-foreground",
 								children: c.nickname || "未提供"
 							}),
 							(0, import_jsx_runtime$33.jsx)("div", {
@@ -2538,7 +2553,7 @@ var init_VideoWork = __esmMin(() => {
 					className: "flex flex-col items-center min-w-38 w-38 shrink-0",
 					children: [
 						(0, import_jsx_runtime$33.jsx)("div", {
-							className: "flex justify-center items-center rounded-full bg-default-200 w-38 h-38",
+							className: "flex justify-center items-center rounded-full bg-default-200 w-30 h-30",
 							children: (0, import_jsx_runtime$33.jsx)("span", {
 								className: "text-[42px] leading-none text-foreground-500",
 								children: "···"
@@ -2586,7 +2601,10 @@ var init_VideoWork = __esmMin(() => {
 									children: [coCreatorCount, "人共创"]
 								})]
 							})
-						}), (0, import_jsx_runtime$33.jsx)(CoCreatorsInfo$1, { info: props.data.cooperation_info })]
+						}), (0, import_jsx_runtime$33.jsx)(CoCreatorsInfo$1, {
+							info: props.data.cooperation_info,
+							subscriberNickname: props.data.username
+						})]
 					}), (0, import_jsx_runtime$33.jsxs)("div", {
 						className: "flex justify-between items-start px-20 pb-20",
 						children: [(0, import_jsx_runtime$33.jsx)(UserInfoSection$3, { ...props }), (0, import_jsx_runtime$33.jsx)("div", {
@@ -2813,7 +2831,7 @@ var init_ImageWork = __esmMin(() => {
 				className: "flex overflow-hidden gap-8 py-1 pr-2 w-full",
 				style: { scrollbarWidth: "thin" },
 				children: [items.slice(0, visibleCount).map((c, idx) => {
-					const avatar = c.avatar_thumb?.url_list[0];
+					const avatar = c.avatar_url;
 					return (0, import_jsx_runtime$32.jsxs)("div", {
 						className: "flex flex-col items-center min-w-38 w-38 shrink-0",
 						children: [
@@ -4295,80 +4313,87 @@ var init_UserList$1 = __esmMin(() => {
 				})
 			}),
 			(0, import_jsx_runtime$25.jsxs)("div", {
-				className: "relative z-10 p-8 flex items-center gap-8",
+				className: "relative z-10 p-6 flex flex-col gap-4",
 				children: [(0, import_jsx_runtime$25.jsxs)("div", {
-					className: "relative shrink-0",
-					children: [(0, import_jsx_runtime$25.jsx)("div", {
-						className: "w-28 h-28 rounded-full p-1 bg-default-100/20 backdrop-blur-md border border-default-200/30 shadow-lg",
-						children: (0, import_jsx_runtime$25.jsx)("img", {
-							src: props.avatar_img,
-							alt: "Avatar",
-							className: "w-full h-full rounded-full object-cover"
-						})
-					}), (0, import_jsx_runtime$25.jsxs)("div", {
-						className: `absolute -bottom-1 -right-1 px-3 py-1 rounded-full border-2 border-background flex items-center gap-1.5 shadow-md ${props.switch ? "bg-success text-white" : "bg-danger-500 text-default-100"}`,
-						children: [(0, import_jsx_runtime$25.jsx)("div", { className: `w-1.5 h-1.5 rounded-full ${props.switch ? "bg-white" : "bg-default-300"}` }), (0, import_jsx_runtime$25.jsx)("span", {
-							className: "text-[10px] font-bold uppercase tracking-wider leading-none",
-							children: props.switch ? "ON" : "OFF"
-						})]
-					})]
-				}), (0, import_jsx_runtime$25.jsxs)("div", {
-					className: "flex-1 min-w-0",
+					className: "flex items-center gap-4",
 					children: [
+						(0, import_jsx_runtime$25.jsx)("div", {
+							className: "w-20 h-20 rounded-full p-1 bg-default-100/20 backdrop-blur-md border border-default-200/30 shadow-lg shrink-0",
+							children: (0, import_jsx_runtime$25.jsx)("img", {
+								src: props.avatar_img,
+								alt: "Avatar",
+								className: "w-full h-full rounded-full object-cover"
+							})
+						}),
 						(0, import_jsx_runtime$25.jsxs)("div", {
-							className: "mb-3",
+							className: "flex-1 min-w-0",
 							children: [(0, import_jsx_runtime$25.jsx)("h3", {
-								className: "text-2xl font-black tracking-tight text-foreground truncate drop-shadow-sm",
+								className: "text-3xl font-black tracking-tight text-foreground truncate drop-shadow-sm mb-1.5",
 								children: props.username
-							}), (0, import_jsx_runtime$25.jsx)("div", {
-								className: "flex items-center gap-2 mt-1",
-								children: (0, import_jsx_runtime$25.jsxs)("span", {
-									className: "px-1.5 py-0.5 rounded-md bg-default-100/50 border border-default-200/50 text-[10px] font-mono font-bold text-default-500 flex items-center gap-1",
-									children: [(0, import_jsx_runtime$25.jsx)(RiHashtag, { className: "w-2.5 h-2.5 opacity-70" }), props.short_id]
-								})
+							}), (0, import_jsx_runtime$25.jsxs)("span", {
+								className: "inline-flex items-center gap-1 px-2 py-1 rounded-md bg-default-100/50 border border-default-200/50 text-xs font-mono font-bold text-default-500",
+								children: [(0, import_jsx_runtime$25.jsx)(RiHashtag, { className: "w-3 h-3 opacity-70" }), props.short_id]
 							})]
 						}),
-						(0, import_jsx_runtime$25.jsx)("div", {
-							className: "flex flex-wrap gap-2 mb-4",
-							children: Object.entries(pushTypeConfig).map(([type, config$1]) => {
-								const isActive = props.pushTypes?.includes(type);
-								const Icon = config$1.icon;
-								return (0, import_jsx_runtime$25.jsxs)("div", {
-									className: `px-2 py-0.5 rounded-md border flex items-center gap-1.5 transition-colors duration-200 ${isActive ? config$1.color : "bg-default-100/50 text-default-400 border-transparent dark:bg-default-100/10"}`,
-									children: [(0, import_jsx_runtime$25.jsx)(Icon, { className: `w-3 h-3 ${isActive ? "" : "opacity-50"}` }), (0, import_jsx_runtime$25.jsx)("span", {
-										className: "text-[10px] font-bold",
-										children: config$1.label
-									})]
-								}, type);
-							})
-						}),
 						(0, import_jsx_runtime$25.jsxs)("div", {
-							className: "flex items-center gap-2 w-full",
-							children: [
-								(0, import_jsx_runtime$25.jsxs)("div", {
-									className: "flex-1 flex flex-col items-center justify-center py-1.5 px-2 rounded-lg bg-content2/20 border border-default-200/20 backdrop-blur-sm",
-									children: [(0, import_jsx_runtime$25.jsx)(RiGroupLine, { className: "w-3.5 h-3.5 mb-0.5 text-default-400" }), (0, import_jsx_runtime$25.jsx)("span", {
-										className: "text-sm font-bold font-mono text-default-600 leading-none",
-										children: props.fans
-									})]
-								}),
-								(0, import_jsx_runtime$25.jsxs)("div", {
-									className: "flex-1 flex flex-col items-center justify-center py-1.5 px-2 rounded-lg bg-content2/20 border border-default-200/20 backdrop-blur-sm",
-									children: [(0, import_jsx_runtime$25.jsx)(RiHeart3Line, { className: "w-3.5 h-3.5 mb-0.5 text-default-400" }), (0, import_jsx_runtime$25.jsx)("span", {
-										className: "text-sm font-bold font-mono text-default-600 leading-none",
-										children: props.total_favorited
-									})]
-								}),
-								(0, import_jsx_runtime$25.jsxs)("div", {
-									className: "flex-1 flex flex-col items-center justify-center py-1.5 px-2 rounded-lg bg-content2/20 border border-default-200/20 backdrop-blur-sm",
-									children: [(0, import_jsx_runtime$25.jsx)(RiUserFollowLine, { className: "w-3.5 h-3.5 mb-0.5 text-default-400" }), (0, import_jsx_runtime$25.jsx)("span", {
-										className: "text-sm font-bold font-mono text-default-600 leading-none",
-										children: props.following_count
-									})]
-								})
-							]
+							className: `px-4 py-2 rounded-full border-2 border-background flex items-center gap-2 shadow-md shrink-0 ${props.switch ? "bg-success text-white" : "bg-danger-500 text-default-100"}`,
+							children: [(0, import_jsx_runtime$25.jsx)("div", { className: `w-2 h-2 rounded-full ${props.switch ? "bg-white" : "bg-default-300"}` }), (0, import_jsx_runtime$25.jsx)("span", {
+								className: "text-xs font-bold uppercase tracking-wider leading-none",
+								children: props.switch ? "ON" : "OFF"
+							})]
 						})
 					]
+				}), (0, import_jsx_runtime$25.jsxs)("div", {
+					className: "flex gap-6",
+					children: [(0, import_jsx_runtime$25.jsx)("div", {
+						className: "flex gap-2.5",
+						children: Object.entries(pushTypeConfig).map(([type, config$1]) => {
+							const isActive = props.pushTypes?.includes(type);
+							const Icon = config$1.icon;
+							return (0, import_jsx_runtime$25.jsxs)("div", {
+								className: `px-2.5 py-3 rounded-xl border flex flex-col items-center gap-2.5 transition-colors duration-200 ${isActive ? config$1.color : "bg-default-100/50 text-default-400 border-transparent dark:bg-default-100/10"}`,
+								children: [(0, import_jsx_runtime$25.jsx)(Icon, { className: `w-5 h-5 ${isActive ? "" : "opacity-50"}` }), (0, import_jsx_runtime$25.jsx)("span", {
+									className: "text-xs font-bold whitespace-nowrap tracking-wide",
+									style: { writingMode: "vertical-rl" },
+									children: config$1.label
+								})]
+							}, type);
+						})
+					}), (0, import_jsx_runtime$25.jsx)("div", {
+						className: "flex-1 flex flex-col gap-2",
+						children: [
+							{
+								icon: RiGroupLine,
+								value: props.fans,
+								label: "粉丝"
+							},
+							{
+								icon: RiHeart3Line,
+								value: props.total_favorited,
+								label: "获赞"
+							},
+							{
+								icon: RiUserFollowLine,
+								value: props.following_count,
+								label: "关注"
+							}
+						].map((item, index) => {
+							const Icon = item.icon;
+							return (0, import_jsx_runtime$25.jsxs)("div", {
+								className: "flex items-center gap-3 px-4 py-2 rounded-lg bg-content2/30 border border-default-200/30 backdrop-blur-sm",
+								children: [(0, import_jsx_runtime$25.jsx)(Icon, { className: "w-5 h-5 text-default-400 shrink-0" }), (0, import_jsx_runtime$25.jsxs)("div", {
+									className: "flex items-baseline gap-2 flex-1",
+									children: [(0, import_jsx_runtime$25.jsx)("span", {
+										className: "text-base font-bold font-mono text-foreground",
+										children: item.value
+									}), (0, import_jsx_runtime$25.jsx)("span", {
+										className: "text-xs text-default-400 font-medium",
+										children: item.label
+									})]
+								})]
+							}, index);
+						})
+					})]
 				})]
 			})
 		]
@@ -4559,11 +4584,101 @@ var init_videoInfo$1 = __esmMin(() => {
 			className: "relative",
 			children: [(0, import_jsx_runtime$24.jsxs)("div", {
 				className: "absolute inset-0 overflow-hidden -z-10",
-				children: [(0, import_jsx_runtime$24.jsx)("img", {
-					src: props.data.image_url,
-					alt: "",
-					className: "w-full h-full object-cover scale-150 blur-[120px] saturate-[1.8] opacity-50"
-				}), (0, import_jsx_runtime$24.jsx)("div", { className: "absolute inset-0 bg-linear-to-b from-default-50/70 via-default-50/50 to-default-50/70 dark:from-black/40 dark:via-black/30 dark:to-black/40" })]
+				children: [
+					(0, import_jsx_runtime$24.jsx)("img", {
+						src: props.data.image_url,
+						alt: "",
+						className: "w-full h-full object-cover scale-150 blur-[120px] saturate-[1.8] opacity-50"
+					}),
+					(0, import_jsx_runtime$24.jsx)("div", { className: "absolute inset-0 bg-linear-to-b from-default-50/70 via-default-50/50 to-default-50/70 dark:from-black/40 dark:via-black/30 dark:to-black/40" }),
+					(0, import_jsx_runtime$24.jsx)("div", {
+						className: "absolute inset-0 pointer-events-none opacity-[0.35] mix-blend-overlay dark:mix-blend-soft-light",
+						children: (0, import_jsx_runtime$24.jsxs)("svg", {
+							className: "w-full h-full",
+							xmlns: "http://www.w3.org/2000/svg",
+							children: [(0, import_jsx_runtime$24.jsxs)("defs", { children: [(0, import_jsx_runtime$24.jsxs)("filter", {
+								id: "douyinNoise",
+								children: [
+									(0, import_jsx_runtime$24.jsx)("feTurbulence", {
+										type: "fractalNoise",
+										baseFrequency: "1.2",
+										numOctaves: "3",
+										stitchTiles: "stitch"
+									}),
+									(0, import_jsx_runtime$24.jsx)("feColorMatrix", {
+										type: "saturate",
+										values: "0"
+									}),
+									(0, import_jsx_runtime$24.jsxs)("feComponentTransfer", { children: [
+										(0, import_jsx_runtime$24.jsx)("feFuncR", {
+											type: "discrete",
+											tableValues: "0 1"
+										}),
+										(0, import_jsx_runtime$24.jsx)("feFuncG", {
+											type: "discrete",
+											tableValues: "0 1"
+										}),
+										(0, import_jsx_runtime$24.jsx)("feFuncB", {
+											type: "discrete",
+											tableValues: "0 1"
+										})
+									] }),
+									(0, import_jsx_runtime$24.jsx)("feComponentTransfer", { children: (0, import_jsx_runtime$24.jsx)("feFuncA", {
+										type: "linear",
+										slope: "2",
+										intercept: "-0.5"
+									}) })
+								]
+							}), (0, import_jsx_runtime$24.jsxs)("mask", {
+								id: "noiseMask",
+								children: [(0, import_jsx_runtime$24.jsxs)("linearGradient", {
+									id: "noiseGradient",
+									x1: "0%",
+									y1: "0%",
+									x2: "0%",
+									y2: "100%",
+									children: [
+										(0, import_jsx_runtime$24.jsx)("stop", {
+											offset: "0%",
+											stopColor: "white",
+											stopOpacity: "1"
+										}),
+										(0, import_jsx_runtime$24.jsx)("stop", {
+											offset: "15%",
+											stopColor: "white",
+											stopOpacity: "0.6"
+										}),
+										(0, import_jsx_runtime$24.jsx)("stop", {
+											offset: "50%",
+											stopColor: "white",
+											stopOpacity: "0.15"
+										}),
+										(0, import_jsx_runtime$24.jsx)("stop", {
+											offset: "85%",
+											stopColor: "white",
+											stopOpacity: "0.6"
+										}),
+										(0, import_jsx_runtime$24.jsx)("stop", {
+											offset: "100%",
+											stopColor: "white",
+											stopOpacity: "1"
+										})
+									]
+								}), (0, import_jsx_runtime$24.jsx)("rect", {
+									width: "100%",
+									height: "100%",
+									fill: "url(#noiseGradient)"
+								})]
+							})] }), (0, import_jsx_runtime$24.jsx)("rect", {
+								width: "100%",
+								height: "100%",
+								filter: "url(#douyinNoise)",
+								mask: "url(#noiseMask)",
+								fill: "white"
+							})]
+						})
+					})
+				]
 			}), (0, import_jsx_runtime$24.jsx)("div", {
 				className: "relative w-full overflow-hidden text-default-900",
 				children: (0, import_jsx_runtime$24.jsxs)("div", {
@@ -13017,56 +13132,95 @@ var init_GlobalStatistics = __esmMin(() => {
 								children: [(0, import_jsx_runtime.jsx)("div", { className: "w-5 h-24 rounded-full bg-violet-500" }), (0, import_jsx_runtime.jsxs)("div", {
 									className: "flex flex-col",
 									children: [(0, import_jsx_runtime.jsx)("h2", {
-										className: "text-[5rem] font-black tracking-tight leading-none text-slate-900 dark:text-white",
+										className: "text-[5rem] font-black tracking-tight leading-none text-default-900/90",
 										children: "平台详情"
 									}), (0, import_jsx_runtime.jsx)("span", {
-										className: "text-2xl font-medium tracking-[0.15em] uppercase text-slate-400 dark:text-slate-500 mt-2",
+										className: "text-2xl font-medium tracking-[0.15em] uppercase text-default-500/70 mt-2",
 										children: "PLATFORMS"
 									})]
 								})]
-							}), (0, import_jsx_runtime.jsx)("div", {
-								className: "space-y-18",
-								children: Object.entries(platformStats).map(([platform, count]) => {
-									const maxCount = Math.max(...Object.values(platformStats));
-									const percentage = maxCount > 0 ? count / maxCount * 100 : 0;
-									const config$1 = platformConfig[platform];
-									return (0, import_jsx_runtime.jsxs)("div", {
-										className: "relative",
-										children: [(0, import_jsx_runtime.jsxs)("div", {
-											className: "flex items-center gap-8 mb-6",
-											children: [
-												(0, import_jsx_runtime.jsx)("img", {
-													src: config$1.logo,
-													alt: config$1.name,
-													className: "h-24 w-auto object-contain"
-												}),
-												(0, import_jsx_runtime.jsxs)("div", {
-													className: "flex-1",
-													children: [(0, import_jsx_runtime.jsx)("div", {
+							}), (0, import_jsx_runtime.jsxs)("div", {
+								className: "flex flex-col items-center gap-20",
+								children: [(0, import_jsx_runtime.jsx)("div", {
+									className: "relative w-full h-200 flex items-center justify-center",
+									children: (0, import_jsx_runtime.jsx)("svg", {
+										width: "1200",
+										height: "1000",
+										viewBox: "0 0 1200 1000",
+										children: (0, import_jsx_runtime.jsx)(VictoryPie, {
+											standalone: false,
+											width: 1200,
+											height: 1e3,
+											data: Object.entries(platformStats).map(([platform, count]) => {
+												const config$1 = platformConfig[platform];
+												const total = Object.values(platformStats).reduce((sum, c) => sum + c, 0);
+												const percentage = total > 0 ? (count / total * 100).toFixed(0) : "0";
+												return {
+													x: config$1.name,
+													y: count,
+													label: `${config$1.name} ${percentage}%\n${formatNumber$4(count)}次`,
+													fill: config$1.color
+												};
+											}),
+											innerRadius: 220,
+											radius: 320,
+											padAngle: 3,
+											colorScale: Object.keys(platformStats).map((platform) => platformConfig[platform].color),
+											style: { labels: {
+												fontSize: 40,
+												fontFamily: "HarmonyOSHans-Regular",
+												fontWeight: "bold",
+												fill: useDarkTheme ? "#fff" : "#000"
+											} },
+											labelRadius: 400
+										})
+									})
+								}), (0, import_jsx_runtime.jsx)("div", {
+									className: "w-full grid grid-cols-2 gap-x-16 gap-y-8",
+									children: Object.entries(platformStats).map(([platform, count]) => {
+										if (count === 0) return null;
+										const config$1 = platformConfig[platform];
+										const total = Object.values(platformStats).reduce((sum, c) => sum + c, 0);
+										const percentage = total > 0 ? (count / total * 100).toFixed(1) : "0.0";
+										return (0, import_jsx_runtime.jsxs)("div", {
+											className: "flex items-center gap-8",
+											children: [(0, import_jsx_runtime.jsx)("div", {
+												className: "w-14 h-14 rounded-lg shrink-0",
+												style: { backgroundColor: config$1.color }
+											}), (0, import_jsx_runtime.jsxs)("div", {
+												className: "flex-1",
+												children: [
+													(0, import_jsx_runtime.jsx)("div", {
 														className: "text-4xl font-bold text-default-900/90 mb-2",
 														children: config$1.name
-													}), (0, import_jsx_runtime.jsx)("div", {
-														className: "text-2xl text-default-600/80",
+													}),
+													(0, import_jsx_runtime.jsx)("div", {
+														className: "text-2xl text-default-600/80 mb-2",
 														children: config$1.nameEn
-													})]
-												}),
-												(0, import_jsx_runtime.jsx)("div", {
-													className: "text-[5rem] font-black text-default-900/90",
-													children: formatWithCommas(count)
-												})
-											]
-										}), (0, import_jsx_runtime.jsx)("div", {
-											className: "relative h-18 bg-default-200/30 rounded-full overflow-hidden",
-											children: (0, import_jsx_runtime.jsx)("div", {
-												className: "absolute inset-y-0 left-0 rounded-full transition-all duration-500",
-												style: {
-													width: `${percentage}%`,
-													backgroundColor: config$1.color
-												}
-											})
-										})]
-									}, platform);
-								})
+													}),
+													(0, import_jsx_runtime.jsxs)("div", {
+														className: "text-3xl text-default-600/80",
+														children: [
+															(0, import_jsx_runtime.jsx)("span", {
+																className: "font-black text-default-900/90",
+																children: formatWithCommas(count)
+															}),
+															" 次",
+															(0, import_jsx_runtime.jsxs)("span", {
+																className: "text-2xl ml-2",
+																children: [
+																	"(",
+																	percentage,
+																	"%)"
+																]
+															})
+														]
+													})
+												]
+											})]
+										}, platform);
+									})
+								})]
 							})]
 						}),
 						(0, import_jsx_runtime.jsxs)("div", { children: [(0, import_jsx_runtime.jsxs)("div", {

package/lib/core_chunk/template.d.mts

@@ -142,9 +142,7 @@ interface DouyinDynamicProps extends BaseComponentProps {
     cooperation_info?: {
       co_creator_nums: number;
       co_creators: Array<{
-        avatar_thumb: {
-          url_list: string[];
-        };
+        avatar_url?: string;
         nickname: string;
         role_title: string;
       }>;
@@ -209,9 +207,7 @@ interface DouyinImageWorkProps extends BaseComponentProps {
     cooperation_info?: {
       co_creator_nums: number;
       co_creators: Array<{
-        avatar_thumb: {
-          url_list: string[];
-        };
+        avatar_url?: string;
         nickname: string;
         role_title: string;
       }>;
@@ -451,12 +447,11 @@ interface DouyinVideoWorkProps extends BaseComponentProps {
     cooperation_info?: {
       co_creator_nums: number;
       co_creators: Array<{
-        avatar_thumb: {
-          url_list: string[];
-        };
+        avatar_url?: string;
         nickname: string;
         role_title: string;
       }>;
+      subscriber_role?: string;
     };
   };
   /** 预生成的二维码数据URL */

package/lib/core_chunk/template.js

@@ -1,4 +1,4 @@
 import "./rolldown-runtime-BMXAG3ag.js";
 import "./vendor-DxfKHvj-.js";
-import { r as reactServerRender, t as template_default } from "./template-CnW8M_F0.js";
+import { r as reactServerRender, t as template_default } from "./template-DekmxKd7.js";
 export { template_default as default, reactServerRender };

package/lib/index.js

@@ -1,5 +1,5 @@
 import "./core_chunk/rolldown-runtime-BMXAG3ag.js";
-import "./core_chunk/main-BdZy8WYB.js";
+import "./core_chunk/main-1eljaHiz.js";
 import "./core_chunk/vendor-DxfKHvj-.js";
-import "./core_chunk/template-CnW8M_F0.js";
+import "./core_chunk/template-DekmxKd7.js";
 export {};