refactor: 移除 success 字段，简化为 matched 单层判定模型

openspec/changes/archive/2026-05-11-card-ui-refactor/specs/card-dashboard/spec.md

@@ -0,0 +1,70 @@
+## ADDED Requirements
+
+### Requirement: 分组卡片布局
+Dashboard SHALL 按分组展示所有拨测目标，每个分组包含带统计的分组标题和固定宽度的卡片网格。
+
+#### Scenario: 按分组展示目标
+- **WHEN** 用户打开 Dashboard 页面
+- **THEN** 页面 SHALL 按分组展示目标卡片，"默认分组" 排在最上面，其余分组按 YAML 配置顺序排列
+
+#### Scenario: 分组标题带统计
+- **WHEN** 页面渲染某个分组
+- **THEN** 分组标题 SHALL 显示分组名称、该分组内目标总数、正常数和异常数，格式为 `分组名 (N个, X UP / Y DOWN)`
+
+#### Scenario: "default" 分组显示名称
+- **WHEN** 分组名称为 "default"
+- **THEN** 分组标题 SHALL 显示 "默认分组"
+
+### Requirement: 响应式卡片网格
+Dashboard SHALL 使用固定宽度的卡片配合响应式网格布局。
+
+#### Scenario: 卡片固定宽度
+- **WHEN** 页面渲染卡片
+- **THEN** 每个卡片 SHALL 固定宽度 280px
+
+#### Scenario: 响应式列数
+- **WHEN** 视口宽度变化
+- **THEN** 卡片网格 SHALL 自动调整列数，使用 CSS Grid auto-fill 适配可用空间
+
+### Requirement: 目标卡片内容
+每个目标卡片 SHALL 展示目标名称、当前状态、类型标签、状态条和迷你耗时趋势线。
+
+#### Scenario: 卡片第一行内容
+- **WHEN** 卡片渲染
+- **THEN** 卡片第一行 SHALL 展示状态指示圆点（UP 绿色 / DOWN 红色）、目标名称和类型标签（HTTP / Command）
+
+#### Scenario: 卡片状态指示圆点
+- **WHEN** 目标最近一次拨测 success=true 且 matched=true
+- **THEN** 卡片状态圆点 SHALL 显示为绿色
+- **WHEN** 目标最近一次拨测 success=false 或 matched=false
+- **THEN** 卡片状态圆点 SHALL 显示为红色
+
+#### Scenario: 卡片状态条可视化
+- **WHEN** 卡片渲染且 recentSamples 数据可用
+- **THEN** 卡片 SHALL 展示一条状态条，每个采样点为一个色块：UP 显示绿色（#1fbf75），DOWN 显示红色（#e5484d），无数据显示灰色（#e2e8f0）
+
+#### Scenario: 卡片迷你耗时趋势线
+- **WHEN** 卡片渲染且 recentSamples 中有 durationMs 数据
+- **THEN** 卡片 SHALL 展示基于 recharts 的迷你折线图，展示最近 N 次检查的耗时趋势
+
+### Requirement: 卡片交互
+卡片 SHALL 支持 hover 效果和点击打开模态框。
+
+#### Scenario: 卡片 hover 效果
+- **WHEN** 鼠标悬停在卡片上
+- **THEN** 卡片 SHALL 显示上浮效果（阴影加深）
+
+#### Scenario: 卡片点击打开详情
+- **WHEN** 用户点击某个目标卡片
+- **THEN** 系统 SHALL 打开该目标的详情模态框
+
+### Requirement: SummaryCards 变更
+Dashboard 顶部 SHALL 展示 3 个统计卡片：全部目标数、正常数、异常数。
+
+#### Scenario: 展示 3 个统计卡片
+- **WHEN** 用户打开 Dashboard 页面
+- **THEN** 页面顶部 SHALL 显示 3 个统计卡片：全部目标数、正常目标数、异常目标数
+
+#### Scenario: 统计数据自动刷新
+- **WHEN** 页面处于打开状态
+- **THEN** 统计卡片 SHALL 每 5-10 秒自动刷新数据