refactor: 技术列表去掉置信度小点 + 改 flex-wrap 紧贴排布

置信度信息保留在点击后的详情面板,列表里去掉每条尾部的小圆点;tech-grid 从固定列宽 grid 改成 flex-wrap,chip 按内容宽度自然横排,gap 收到 2px,密度进一步提升。

将版本号提升到 1.3.64。

Author: setube

package.json

@@ -1,7 +1,7 @@
 {
   "name": "stackprism",
   "private": true,
-  "version": "1.3.63",
+  "version": "1.3.64",
   "type": "module",
   "description": "StackPrism 用于检测网页前端、后端、CDN、SaaS、广告营销、统计、登录、支付、网站程序和主题模板线索。",
   "scripts": {

src/ui/popup/Popup.vue

@@ -130,11 +130,6 @@
                   >
                     <span :class="['tech-chip', techChipClass(tech)]" aria-hidden="true">{{ techInitial(tech) }}</span>
                     <span class="tech-row-name">{{ tech.name }}</span>
-                    <span
-                      :class="['confidence-dot', confidenceClass(tech.confidence)]"
-                      :title="`${tech.confidence}置信度`"
-                      aria-hidden="true"
-                    ></span>
                   </button>
                 </div>
               </section>
@@ -1628,26 +1623,24 @@
     text-transform: none;
   }
 
-  // 同类目里多个技术按 grid 排开:每个单元宽度自适应 140px+,popup 默认宽度下能塞下 2~3 列
+  // 同类目里多个技术用 flex-wrap 排开:按内容宽度自然换行,密度更高
   .tech-grid {
-    display: grid;
-    gap: 4px;
-    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
+    display: flex;
+    flex-wrap: wrap;
+    gap: 2px;
   }
 
-  // 单个技术 chip:色块图标 + 名字 + 置信度状态点
+  // 单个技术 chip:色块图标 + 名字
   .tech-row {
     align-items: center;
     background: transparent;
     border: 0;
     border-radius: 5px;
     color: var(--text);
     cursor: pointer;
-    display: grid;
+    display: inline-flex;
     font: inherit;
     gap: 6px;
-    grid-template-columns: 18px 1fr 7px;
-    min-width: 0;
     padding: 4px 8px;
     text-align: left;
     transition: background 0.15s ease;
@@ -1717,24 +1710,6 @@
     width: 36px;
   }
 
-  // 置信度状态点:6px 圆点,颜色继承 confidence-* token
-  .confidence-dot {
-    border-radius: 50%;
-    flex-shrink: 0;
-    height: 7px;
-    width: 7px;
-
-    &.high {
-      background: var(--confidence-high-text);
-    }
-    &.medium {
-      background: var(--confidence-medium-text);
-    }
-    &.low {
-      background: var(--confidence-low-text);
-    }
-  }
-
   // 详情面板里仍保留的彩色置信度徽章(详情视图里信息密度低,徽章撑得开)
   .confidence {
     border-radius: 4px;