feat: 前台卡片展示标签(tags)药丸样式

templates/index.html

@@ -146,6 +146,16 @@
             background: #d9d9d9;
         }
 
+        .card-tags { margin-top: 6px; display: flex; flex-wrap: wrap; gap: 4px; }
+        .card-tag {
+            font-size: 11px;
+            color: #667eea;
+            background: rgba(102,126,234,0.1);
+            padding: 2px 8px;
+            border-radius: 10px;
+            white-space: nowrap;
+        }
+
         .empty-state {
             grid-column: 1 / -1;
             text-align: center;
@@ -268,6 +278,7 @@
                     <div class="card-info">
                         <div class="card-name">${escapeHTML(s.name)} <span class="status-dot ${statusClass}"></span></div>
                         ${s.description ? `<div class="card-desc">${escapeHTML(s.description)}</div>` : ''}
+                        ${s.tags ? `<div class="card-tags">${s.tags.split(',').map(t => `<span class="card-tag">${escapeHTML(t.trim())}</span>`).join('')}</div>` : ''}
                     </div>
                 </a>
             `;