karin-plugin-kkk 2.40.0 → 2.40.1

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 # Changelog
 
+## [2.40.1](https://github.com/ikenxuan/karin-plugin-kkk/compare/v2.40.0...v2.40.1) (2026-07-19)
+
+
+### 💄 UI 优化
+
+* 微调 `#kkk`  版本 ([82aa4e3](https://github.com/ikenxuan/karin-plugin-kkk/commit/82aa4e3cf5dc27e6ba69f0936bbc3ff2a59025a5))
+
 ## [2.40.0](https://github.com/ikenxuan/karin-plugin-kkk/compare/v2.39.0...v2.40.0) (2026-07-18)
 
 

package/lib/build-metadata.json

@@ -1,10 +1,10 @@
 {
-  "version": "2.40.0",
-  "buildTime": "2026-07-18T20:58:47.957Z",
-  "buildTimestamp": 1784408327958,
+  "version": "2.40.1",
+  "buildTime": "2026-07-19T04:17:32.889Z",
+  "buildTimestamp": 1784434652890,
   "name": "karin-plugin-kkk",
   "description": "Karin 的「抖音」「B 站」视频解析/动态推送插件",
   "homepage": "https://github.com/ikenxuan/karin-plugin-kkk",
-  "commitHash": "2359a2359b12307d77550dfffa198d0036a78a04",
-  "shortCommitHash": "2359a235"
+  "commitHash": "8ee6190a7d8ae16fae83d8580046640d6ddcb2fc",
+  "shortCommitHash": "8ee6190a"
 }

package/lib/core_chunk/main.js

@@ -27787,30 +27787,30 @@ var RuntimeReport = import_react.memo((props) => {
 	};
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DefaultLayout, {
 		...props,
-		className: "relative min-h-[1820px] overflow-hidden",
+		className: "relative min-h-455 overflow-hidden",
 		style: { backgroundColor: palette.background },
 		children: [
 			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 				className: "pointer-events-none absolute inset-0 z-0 overflow-hidden",
 				children: [
 					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-						className: "absolute -left-[520px] -top-[480px] h-[1350px] w-[1500px] rounded-full blur-[230px]",
+						className: "absolute -left-130 -top-120 h-337.5 w-375 rounded-full blur-[230px]",
 						style: { background: `radial-gradient(ellipse at center, ${palette.glowPrimary} 0%, transparent 70%)` }
 					}),
 					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-						className: "absolute -right-[520px] top-[32%] h-[1250px] w-[1200px] rounded-full blur-[240px]",
+						className: "absolute -right-130 top-[32%] h-312.5 w-300 rounded-full blur-[240px]",
 						style: { background: `radial-gradient(ellipse at center, ${palette.glowSecondary} 0%, transparent 72%)` }
 					}),
 					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-						className: "absolute -bottom-[480px] -left-[320px] h-[1150px] w-[1350px] rounded-full blur-[260px]",
+						className: "absolute -bottom-120 -left-80 h-287.5 w-337.5 rounded-full blur-[260px]",
 						style: { background: `radial-gradient(ellipse at center, ${palette.glowWarm} 0%, transparent 72%)` }
 					}),
 					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-						className: "absolute -bottom-[360px] -right-[420px] h-[900px] w-[1000px] rounded-full blur-[240px]",
+						className: "absolute -bottom-90 -right-105 h-225 w-250 rounded-full blur-[240px]",
 						style: { background: `radial-gradient(ellipse at center, ${palette.glowPrimary} 0%, transparent 72%)` }
 					}),
 					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-						className: "absolute -right-16 top-[110px] select-none text-[240px] font-black leading-none tracking-[-0.06em] opacity-[0.03]",
+						className: "absolute left-115 top-200 select-none text-[400px] -rotate-90 font-black leading-none tracking-[-0.06em] opacity-[0.03]",
 						style: { color: palette.bgWord },
 						children: "RUNTIME"
 					})
@@ -27864,7 +27864,7 @@ var RuntimeReport = import_react.memo((props) => {
 				})
 			}),
 			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("main", {
-				className: "relative z-10 px-[88px] pb-[64px] pt-[80px]",
+				className: "relative z-10 px-22 pb-16 pt-20",
 				children: [
 					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("header", {
 						className: "relative",
@@ -27894,7 +27894,7 @@ var RuntimeReport = import_react.memo((props) => {
 								})]
 							}),
 							/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-								className: "mt-[76px]",
+								className: "mt-19",
 								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", {
 									className: "whitespace-nowrap text-[136px] font-black leading-none tracking-[-0.05em] text-foreground",
 									children: "运行环境"
@@ -27904,10 +27904,10 @@ var RuntimeReport = import_react.memo((props) => {
 								})]
 							}),
 							/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-								className: "relative mt-[92px]",
+								className: "relative mt-23",
 								children: [
 									/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-										className: "pointer-events-none absolute -left-16 -top-24 h-[420px] w-[820px] rounded-full blur-[150px]",
+										className: "pointer-events-none absolute -left-16 -top-24 h-105 w-205 rounded-full blur-[150px]",
 										style: { background: palette.versionGlow }
 									}),
 									/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
@@ -27941,7 +27941,7 @@ var RuntimeReport = import_react.memo((props) => {
 										})]
 									}),
 									/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-										className: "relative mt-[44px] whitespace-nowrap font-mono text-[22px] font-semibold text-foreground/28",
+										className: "relative mt-11 whitespace-nowrap font-mono text-[22px] font-semibold text-foreground/28",
 										children: [
 											"构建 ",
 											data.build.shortCommitHash ?? "未知",
@@ -27954,7 +27954,7 @@ var RuntimeReport = import_react.memo((props) => {
 						]
 					}),
 					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", {
-						className: "relative mt-[120px]",
+						className: "relative mt-30",
 						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 							className: "relative flex items-center gap-5",
 							children: [
@@ -27968,12 +27968,12 @@ var RuntimeReport = import_react.memo((props) => {
 									children: "环境摘要"
 								}),
 								/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-									className: "ml-2 h-2 w-[88px] rounded-full",
+									className: "ml-2 h-2 w-22 rounded-full",
 									style: { background: palette.barAccent }
 								})
 							]
 						}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-							className: "relative mt-[64px] grid grid-cols-2 gap-x-[72px] gap-y-[64px]",
+							className: "relative mt-16 grid grid-cols-2 gap-x-18 gap-y-16",
 							children: [
 								/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
 									/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
@@ -28043,7 +28043,7 @@ var RuntimeReport = import_react.memo((props) => {
 										})]
 									}),
 									/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-										className: "mt-5 h-[12px] w-full max-w-[420px] overflow-hidden rounded-full bg-foreground/8",
+										className: "mt-5 h-3 w-full max-w-105 overflow-hidden rounded-full bg-foreground/8",
 										children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 											className: "h-full rounded-full",
 											style: {
@@ -28059,7 +28059,7 @@ var RuntimeReport = import_react.memo((props) => {
 										children: "处理器"
 									}),
 									/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-										className: "mt-3 line-clamp-2 break-words text-[32px] font-black leading-[1.4] text-foreground/78",
+										className: "mt-3 line-clamp-2 wrap-break-word text-[32px] font-black leading-[1.4] text-foreground/78",
 										children: data.resources.cpuModel
 									}),
 									/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
@@ -28071,7 +28071,7 @@ var RuntimeReport = import_react.memo((props) => {
 						})]
 					}),
 					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", {
-						className: "relative mt-[130px]",
+						className: "relative mt-32.5",
 						children: [
 							/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 								className: "relative flex items-center gap-5",
@@ -28086,7 +28086,7 @@ var RuntimeReport = import_react.memo((props) => {
 										children: "仅展示当前版本"
 									}),
 									/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-										className: "ml-2 h-2 w-[88px] rounded-full",
+										className: "ml-2 h-2 w-22 rounded-full",
 										style: { background: palette.barAccent }
 									})
 								]
@@ -28097,7 +28097,7 @@ var RuntimeReport = import_react.memo((props) => {
 								children: "本版变更"
 							}),
 							data.releaseNotes.available ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-								className: "runtime-release-notes relative mt-[60px]",
+								className: "runtime-release-notes relative mt-15",
 								children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Markdown, {
 									components: {
 										h2: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", {
@@ -28127,7 +28127,7 @@ var RuntimeReport = import_react.memo((props) => {
 											children
 										}),
 										li: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", {
-											className: `relative break-words text-[32px] font-semibold leading-[1.65] before:absolute before:-left-8 before:top-[0.74em] before:h-2.5 before:w-2.5 before:rounded-full ${palette.noteBulletClass}`,
+											className: `relative wrap-break-word text-[32px] font-semibold leading-[1.65] before:absolute before:-left-8 before:top-[0.74em] before:h-2.5 before:w-2.5 before:rounded-full ${palette.noteBulletClass}`,
 											style: { color: palette.noteBody },
 											children
 										}),
@@ -28153,7 +28153,7 @@ var RuntimeReport = import_react.memo((props) => {
 									children: data.releaseNotes.markdown
 								})
 							}) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-								className: "relative mt-[60px] flex items-start gap-6",
+								className: "relative mt-15 flex items-start gap-6",
 								style: { color: palette.warnText },
 								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TriangleAlert, { className: "mt-1 h-11 w-11 shrink-0" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 									className: "text-[34px] font-black",
@@ -28166,7 +28166,7 @@ var RuntimeReport = import_react.memo((props) => {
 						]
 					}),
 					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("footer", {
-						className: "mt-[80px] flex items-end justify-between gap-12 whitespace-nowrap text-[22px] font-semibold text-foreground/32",
+						className: "mt-20 flex items-end justify-between gap-12 whitespace-nowrap text-[22px] font-semibold text-foreground/32",
 						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "仅包含经过脱敏的本地运行信息" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
 							className: "font-mono",
 							children: data.snapshotAt

package/lib/karin-plugin-kkk.css

@@ -13033,12 +13033,12 @@
     top: calc(var(--spacing) * -100);
   }
 
-  .-top-125 {
-    top: calc(var(--spacing) * -125);
+  .-top-120 {
+    top: calc(var(--spacing) * -120);
   }
 
-  .-top-\[480px\] {
-    top: -480px;
+  .-top-125 {
+    top: calc(var(--spacing) * -125);
   }
 
   .top-0 {
@@ -13109,6 +13109,10 @@
     top: calc(var(--spacing) * 150);
   }
 
+  .top-200 {
+    top: calc(var(--spacing) * 200);
+  }
+
   .top-450 {
     top: calc(var(--spacing) * 450);
   }
@@ -13137,10 +13141,6 @@
     top: 80%;
   }
 
-  .top-\[110px\] {
-    top: 110px;
-  }
-
   .-right-1 {
     right: calc(var(--spacing) * -1);
   }
@@ -13185,12 +13185,12 @@
     right: calc(var(--spacing) * -100);
   }
 
-  .-right-\[420px\] {
-    right: -420px;
+  .-right-105 {
+    right: calc(var(--spacing) * -105);
   }
 
-  .-right-\[520px\] {
-    right: -520px;
+  .-right-130 {
+    right: calc(var(--spacing) * -130);
   }
 
   .right-0 {
@@ -13321,16 +13321,12 @@
     bottom: calc(var(--spacing) * -75);
   }
 
-  .-bottom-120 {
-    bottom: calc(var(--spacing) * -120);
+  .-bottom-90 {
+    bottom: calc(var(--spacing) * -90);
   }
 
-  .-bottom-\[360px\] {
-    bottom: -360px;
-  }
-
-  .-bottom-\[480px\] {
-    bottom: -480px;
+  .-bottom-120 {
+    bottom: calc(var(--spacing) * -120);
   }
 
   .bottom-0 {
@@ -13457,16 +13453,16 @@
     left: calc(var(--spacing) * -75);
   }
 
-  .-left-100 {
-    left: calc(var(--spacing) * -100);
+  .-left-80 {
+    left: calc(var(--spacing) * -80);
   }
 
-  .-left-\[320px\] {
-    left: -320px;
+  .-left-100 {
+    left: calc(var(--spacing) * -100);
   }
 
-  .-left-\[520px\] {
-    left: -520px;
+  .-left-130 {
+    left: calc(var(--spacing) * -130);
   }
 
   .left-0 {
@@ -13553,6 +13549,10 @@
     left: calc(var(--spacing) * 100);
   }
 
+  .left-115 {
+    left: calc(var(--spacing) * 115);
+  }
+
   .left-\[-20\%\] {
     left: -20%;
   }
@@ -13775,6 +13775,10 @@
     margin-top: calc(var(--spacing) * 10);
   }
 
+  .mt-11 {
+    margin-top: calc(var(--spacing) * 11);
+  }
+
   .mt-12 {
     margin-top: calc(var(--spacing) * 12);
   }
@@ -13799,18 +13803,34 @@
     margin-top: calc(var(--spacing) * 18);
   }
 
+  .mt-19 {
+    margin-top: calc(var(--spacing) * 19);
+  }
+
   .mt-20 {
     margin-top: calc(var(--spacing) * 20);
   }
 
+  .mt-23 {
+    margin-top: calc(var(--spacing) * 23);
+  }
+
   .mt-25 {
     margin-top: calc(var(--spacing) * 25);
   }
 
+  .mt-30 {
+    margin-top: calc(var(--spacing) * 30);
+  }
+
   .mt-32 {
     margin-top: calc(var(--spacing) * 32);
   }
 
+  .mt-32\.5 {
+    margin-top: calc(var(--spacing) * 32.5);
+  }
+
   .mt-35 {
     margin-top: calc(var(--spacing) * 35);
   }
@@ -13819,38 +13839,6 @@
     margin-top: 37.5px;
   }
 
-  .mt-\[44px\] {
-    margin-top: 44px;
-  }
-
-  .mt-\[60px\] {
-    margin-top: 60px;
-  }
-
-  .mt-\[64px\] {
-    margin-top: 64px;
-  }
-
-  .mt-\[76px\] {
-    margin-top: 76px;
-  }
-
-  .mt-\[80px\] {
-    margin-top: 80px;
-  }
-
-  .mt-\[92px\] {
-    margin-top: 92px;
-  }
-
-  .mt-\[120px\] {
-    margin-top: 120px;
-  }
-
-  .mt-\[130px\] {
-    margin-top: 130px;
-  }
-
   .mt-auto {
     margin-top: auto;
   }
@@ -14370,6 +14358,10 @@
     height: calc(var(--spacing) * 100);
   }
 
+  .h-105 {
+    height: calc(var(--spacing) * 105);
+  }
+
   .h-110 {
     height: calc(var(--spacing) * 110);
   }
@@ -14434,10 +14426,22 @@
     height: calc(var(--spacing) * 280);
   }
 
+  .h-287\.5 {
+    height: calc(var(--spacing) * 287.5);
+  }
+
   .h-300 {
     height: calc(var(--spacing) * 300);
   }
 
+  .h-312\.5 {
+    height: calc(var(--spacing) * 312.5);
+  }
+
+  .h-337\.5 {
+    height: calc(var(--spacing) * 337.5);
+  }
+
   .h-350 {
     height: calc(var(--spacing) * 350);
   }
@@ -14462,10 +14466,6 @@
     height: 1em;
   }
 
-  .h-\[12px\] {
-    height: 12px;
-  }
-
   .h-\[24\%\] {
     height: 24%;
   }
@@ -14502,26 +14502,6 @@
     height: 300px;
   }
 
-  .h-\[420px\] {
-    height: 420px;
-  }
-
-  .h-\[900px\] {
-    height: 900px;
-  }
-
-  .h-\[1150px\] {
-    height: 1150px;
-  }
-
-  .h-\[1250px\] {
-    height: 1250px;
-  }
-
-  .h-\[1350px\] {
-    height: 1350px;
-  }
-
   .h-\[calc\(100\%-160px\)\] {
     height: calc(100% - 160px);
   }
@@ -14614,12 +14594,12 @@
     min-height: calc(var(--spacing) * 360);
   }
 
-  .min-h-500 {
-    min-height: calc(var(--spacing) * 500);
+  .min-h-455 {
+    min-height: calc(var(--spacing) * 455);
   }
 
-  .min-h-\[1820px\] {
-    min-height: 1820px;
+  .min-h-500 {
+    min-height: calc(var(--spacing) * 500);
   }
 
   .min-h-\[calc\(100vh-200px\)\] {
@@ -14718,6 +14698,10 @@
     width: calc(var(--spacing) * 20);
   }
 
+  .w-22 {
+    width: calc(var(--spacing) * 22);
+  }
+
   .w-23 {
     width: calc(var(--spacing) * 23);
   }
@@ -14870,6 +14854,10 @@
     width: calc(var(--spacing) * 200);
   }
 
+  .w-205 {
+    width: calc(var(--spacing) * 205);
+  }
+
   .w-225 {
     width: calc(var(--spacing) * 225);
   }
@@ -14898,6 +14886,10 @@
     width: calc(var(--spacing) * 315);
   }
 
+  .w-337\.5 {
+    width: calc(var(--spacing) * 337.5);
+  }
+
   .w-350 {
     width: calc(var(--spacing) * 350);
   }
@@ -14906,6 +14898,10 @@
     width: calc(var(--spacing) * 360);
   }
 
+  .w-375 {
+    width: calc(var(--spacing) * 375);
+  }
+
   .w-400 {
     width: calc(var(--spacing) * 400);
   }
@@ -14950,10 +14946,6 @@
     width: 72px;
   }
 
-  .w-\[88px\] {
-    width: 88px;
-  }
-
   .w-\[90\%\] {
     width: 90%;
   }
@@ -14970,26 +14962,6 @@
     width: 300px;
   }
 
-  .w-\[820px\] {
-    width: 820px;
-  }
-
-  .w-\[1000px\] {
-    width: 1000px;
-  }
-
-  .w-\[1200px\] {
-    width: 1200px;
-  }
-
-  .w-\[1350px\] {
-    width: 1350px;
-  }
-
-  .w-\[1500px\] {
-    width: 1500px;
-  }
-
   .w-\[calc\(100\%-160px\)\] {
     width: calc(100% - 160px);
   }
@@ -15038,6 +15010,10 @@
     max-width: calc(var(--spacing) * 80);
   }
 
+  .max-w-105 {
+    max-width: calc(var(--spacing) * 105);
+  }
+
   .max-w-112\.5 {
     max-width: calc(var(--spacing) * 112.5);
   }
@@ -15074,10 +15050,6 @@
     max-width: 310px;
   }
 
-  .max-w-\[420px\] {
-    max-width: 420px;
-  }
-
   .max-w-\[650px\] {
     max-width: 650px;
   }
@@ -15260,6 +15232,10 @@
     rotate: -20deg;
   }
 
+  .-rotate-90 {
+    rotate: -90deg;
+  }
+
   .rotate-12 {
     rotate: 12deg;
   }
@@ -15620,12 +15596,12 @@
     column-gap: calc(var(--spacing) * 16);
   }
 
-  .gap-x-24 {
-    column-gap: calc(var(--spacing) * 24);
+  .gap-x-18 {
+    column-gap: calc(var(--spacing) * 18);
   }
 
-  .gap-x-\[72px\] {
-    column-gap: 72px;
+  .gap-x-24 {
+    column-gap: calc(var(--spacing) * 24);
   }
 
   :where(.-space-x-5 > :not(:last-child)) {
@@ -15700,10 +15676,6 @@
     row-gap: calc(var(--spacing) * 16);
   }
 
-  .gap-y-\[64px\] {
-    row-gap: 64px;
-  }
-
   :where(.divide-y > :not(:last-child)) {
     --tw-divide-y-reverse: 0;
     border-bottom-style: var(--tw-border-style);
@@ -17476,6 +17448,10 @@
     padding-inline: calc(var(--spacing) * 20);
   }
 
+  .px-22 {
+    padding-inline: calc(var(--spacing) * 22);
+  }
+
   .px-24 {
     padding-inline: calc(var(--spacing) * 24);
   }
@@ -17492,10 +17468,6 @@
     padding-inline: .48em;
   }
 
-  .px-\[88px\] {
-    padding-inline: 88px;
-  }
-
   .py-0\.5 {
     padding-block: calc(var(--spacing) * .5);
   }
@@ -17644,10 +17616,6 @@
     padding-top: calc(var(--spacing) * 40);
   }
 
-  .pt-\[80px\] {
-    padding-top: 80px;
-  }
-
   .pr-0 {
     padding-right: 0;
   }
@@ -17740,10 +17708,6 @@
     padding-bottom: calc(var(--spacing) * 48);
   }
 
-  .pb-\[64px\] {
-    padding-bottom: 64px;
-  }
-
   .pl-2 {
     padding-left: calc(var(--spacing) * 2);
   }
@@ -18177,8 +18141,8 @@
     font-size: 220px;
   }
 
-  .text-\[240px\] {
-    font-size: 240px;
+  .text-\[400px\] {
+    font-size: 400px;
   }
 
   .leading-10 {
@@ -18496,7 +18460,7 @@
     letter-spacing: var(--tracking-widest);
   }
 
-  .break-words, .wrap-break-word {
+  .wrap-break-word {
     overflow-wrap: break-word;
   }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "karin-plugin-kkk",
-  "version": "2.40.0",
+  "version": "2.40.1",
   "description": "Karin 的「抖音」「B 站」视频解析/动态推送插件",
   "keywords": [
     "karin",
@@ -89,5 +89,5 @@
     "web": "./lib/web.config.js",
     "ts-web": "./src/web.config.ts"
   },
-  "timestamp": "2026-07-18T20:29:34.500Z"
+  "timestamp": "2026-07-19T04:05:14.269Z"
 }