refactor: 优化卡片显示一致性与可扩展性

- 统一 Summary Cards 和 Target Cards 宽度为 280px（CSS 变量控制）
- 分组统计改为徽章展示（纯数字 + 颜色区分）
- 目标名称添加 title 属性支持显示完整名称
- 建立类型映射系统，Command 显示为 CMD，支持扩展
- 移除移动端响应式代码，简化维护
- 新增 target-type-display 能力规格
- 更新 card-dashboard 和 target-detail-modal 规格

src/web/styles.css

@@ -9,6 +9,7 @@
     BlinkMacSystemFont,
     "Segoe UI",
     sans-serif;
+  --dashboard-card-width: 280px;
 }
 
 * {
@@ -60,7 +61,7 @@ body {
 }
 
 .summary-card {
-  width: 280px;
+  width: var(--dashboard-card-width);
   flex-shrink: 0;
   padding: 20px;
   border: 1px solid rgba(49, 83, 126, 0.12);
@@ -122,8 +123,33 @@ body {
 }
 
 .group-stats {
-  color: #61728a;
-  font-size: 0.85rem;
+  display: flex;
+  align-items: center;
+  gap: 6px;
+}
+
+.stat-badge {
+  padding: 2px 8px;
+  border-radius: 6px;
+  font-size: 0.75rem;
+  font-weight: 600;
+  min-width: 24px;
+  text-align: center;
+}
+
+.stat-badge-total {
+  background: rgba(53, 109, 210, 0.1);
+  color: #356dd2;
+}
+
+.stat-badge-up {
+  background: rgba(31, 191, 117, 0.1);
+  color: #1fbf75;
+}
+
+.stat-badge-down {
+  background: rgba(229, 72, 77, 0.1);
+  color: #e5484d;
 }
 
 .card-grid {
@@ -133,7 +159,7 @@ body {
 }
 
 .target-card {
-  width: 270px;
+  width: var(--dashboard-card-width);
   flex-shrink: 0;
   padding: 16px;
   border: 1px solid rgba(49, 83, 126, 0.12);
@@ -579,23 +605,3 @@ body {
   color: #94a3b8;
   padding: 0 4px;
 }
-
-@media (max-width: 768px) {
-  .dashboard {
-    padding: 16px;
-  }
-
-  .modal-content {
-    width: 95vw;
-    max-height: 90vh;
-  }
-
-  .modal-charts {
-    flex-direction: column;
-  }
-
-  .time-range-picker {
-    flex-direction: column;
-    align-items: flex-start;
-  }
-}