koishi-plugin-ll-mc 3.1.3 → 3.1.5

package/lib/index.js

@@ -2519,7 +2519,6 @@ ${targetUserRecord[0].username}
     }[ch]));
   }
   __name(escapeHtml, "escapeHtml");
-  const BAR_LIGHT_TRACK = "#F3F4F6";
   const BAR_FILL_COLORS = [
     "#F472B6", // pink
     "#A78BFA", // violet
@@ -2540,8 +2539,7 @@ ${targetUserRecord[0].username}
     const avatar = escapeHtml(item.avatar || "");
     const name = escapeHtml(item.name || "");
     const count = item.count;
-    // 柱子总背景固定为浅色，发言部分单独用颜色区分，这样更显眼
-    const barBg = BAR_LIGHT_TRACK;
+    // 柱子未发言部分用半透明玻璃（毛玻璃），发言部分用彩色区分
     const fill = isHero
       ? 'linear-gradient(to right, #6366F1, #A855F7, #EC4899)'
       : fillColor;
@@ -2551,7 +2549,7 @@ ${targetUserRecord[0].username}
       : "";
     return `<div class="row">
       <div class="avatar"><img src="${avatar}" alt="avatar"></div>
-      <div class="bar" style="background:${barBg};">
+      <div class="bar">
         <div class="fill" style="width:${width}%;background:${fill};"></div>
         <div class="bar-content" style="color:${textColor};">
           <span class="row-name${isHero ? " is-hero" : ""}">${star}${name}</span>
@@ -2578,19 +2576,14 @@ ${targetUserRecord[0].username}
     background-color: #F5F7FA;
   }
   body {
-    padding: 24px;
     font-family: "PingFang SC", "Microsoft YaHei", "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
     -webkit-font-smoothing: antialiased;
   }
   .card {
     width: 100%;
-    max-width: 868px;
-    margin: 0 auto;
-    background: #FFFFFF;
-    border-radius: 12px;
+    /* 去掉容器白色圆角背景，让自定义背景直接透出；边距即卡片内边距(到边缘的真实距离) */
+    background: transparent;
     padding: 24px;
-    box-shadow: 0 4px 6px rgba(0,0,0,0.06);
-    border: 1px solid #F3F4F6;
   }
   .card-header { text-align: center; margin-bottom: 22px; }
   .card-title { font-size: 28px; font-weight: 700; letter-spacing: 0.02em; color: #000000; margin-bottom: 6px; }
@@ -2599,7 +2592,7 @@ ${targetUserRecord[0].username}
   .row { display: flex; align-items: center; gap: 12px; width: 100%; }
   .avatar { width: 40px; height: 40px; flex-shrink: 0; }
   .avatar img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; box-shadow: 0 1px 2px rgba(0,0,0,0.08); background: #fff; padding: 2px; }
-  .bar { position: relative; flex-grow: 1; height: 40px; border-radius: 8px; overflow: hidden; display: flex; align-items: center; justify-content: space-between; padding: 0 12px; }
+  .bar { position: relative; flex-grow: 1; height: 40px; border-radius: 8px; overflow: hidden; display: flex; align-items: center; justify-content: space-between; padding: 0 12px; background: rgba(255,255,255,0.34); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,0.45); box-shadow: 0 1px 2px rgba(0,0,0,0.04); }
   .bar::after { content: ''; position: absolute; inset: 0; background-image: linear-gradient(to right, transparent 99%, rgba(255,255,255,0.2) 100%); background-size: 10% 100%; pointer-events: none; }
   .fill { position: absolute; left: 0; top: 0; height: 100%; border-radius: 8px 0 0 8px; z-index: 0; }
   .bar-content { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; width: 100%; }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "koishi-plugin-ll-mc",
   "description": "消息数量统计插件（基于 koishi-plugin-message-counter 重做，官方QQ机器人兼容）",
-  "version": "3.1.3",
+  "version": "3.1.5",
   "main": "lib/index.js",
   "typings": "lib/index.d.ts",
   "files": [