feat: Drawer 响应式默认宽度与拖拽调整，统计卡片上下布局优化

Drawer 宽度从固定百分比改为按视口响应式默认值（6段断点），宽屏占比更小、窄屏占比更大。

启用 TDesign sizeDraggable 原生拖拽调整能力，配置 min/max 视口安全边界，不持久化拖拽宽度。

概览统计卡片改为 TDesign Statistic 上下布局（与 SummaryCards 一致），提升窄屏视觉体验。

Drawer header 间距调大，MutationObserver polyfill 补全。

openspec/specs/css-utility-classes/spec.md

@@ -103,7 +103,7 @@ styles.css SHALL 定义前端组件复用的工具类，包含页面布局相关
 
 #### Scenario: 概览统计卡片类
 - **WHEN** Drawer 概览统计区渲染
-- **THEN** 统计卡片 SHALL 使用 `.overview-stat-card` 类（background: var(--td-bg-color-container-hover)），内部项 SHALL 使用 `.overview-stat-item` 类（display: flex; align-items: center; justify-content: space-between），数值 SHALL 使用 `.overview-stat-value` 类（font-size: var(--td-font-size-body-medium); text-align: right）
+- **THEN** 统计卡片 SHALL 使用 `.overview-stat-card` 类（background: var(--td-bg-color-container-hover)），并使用 TDesign Statistic 组件自带的上下布局（title 在上、value 在下），通过 `.summary-stat-col` 类（text-align: center）实现内容居中。系统 SHALL NOT 使用已移除的 `.overview-stat-item` 和 `.overview-stat-value` 类。
 
 ### Requirement: 异常行背景类
 styles.css SHALL 定义 DOWN 行的背景色和左侧竖线，使用安全选择器且不使用 `!important`。

openspec/specs/target-detail-drawer/spec.md

@@ -9,7 +9,7 @@ Dashboard SHALL 在用户点击目标表格行后从右侧滑出 Drawer，展示
 
 #### Scenario: 打开 Drawer
 - **WHEN** 用户点击某个目标表格行
-- **THEN** 系统 SHALL 从右侧滑出 Drawer（placement="right"），宽度为 52%，并将当前 Tab 重置为"概览"
+- **THEN** 系统 SHALL 从右侧滑出 Drawer（placement="right"），使用响应式默认宽度，并将当前 Tab 重置为"概览"
 
 #### Scenario: Drawer 标题栏
 - **WHEN** Drawer 渲染
@@ -36,11 +36,11 @@ Dashboard SHALL 在用户点击目标表格行后从右侧滑出 Drawer，展示
 - **THEN** 时间选择器、Tabs 等区块之间的间距 SHALL 通过 TDesign Space 组件（direction="vertical", size={16}）统一管理，不使用内联 style 的 marginBottom
 
 ### Requirement: 概览面板组件化
-概览 Tab SHALL 作为独立组件 `OverviewTab` 实现，展示基本信息、多维度统计（左右布局卡片）和趋势图。不再包含状态分布环形图。
+概览 Tab SHALL 作为独立组件 `OverviewTab` 实现，展示基本信息、多维度统计（上下布局卡片）和趋势图。不再包含状态分布环形图。
 
 #### Scenario: OverviewTab 组件职责
 - **WHEN** 概览 Tab 渲染
-- **THEN** `OverviewTab` 组件 SHALL 负责基本信息（直接展示 Descriptions）、多维度统计卡片（4×2 左右布局）和趋势图的渲染
+- **THEN** `OverviewTab` 组件 SHALL 负责基本信息（直接展示 Descriptions）、多维度统计卡片（4×2 上下布局）和趋势图的渲染
 
 #### Scenario: OverviewTab props
 - **WHEN** OverviewTab 渲染
@@ -217,9 +217,9 @@ Drawer 内部 SHALL 使用 TDesign Tabs 组织概览和记录两个面板。Tabs
 - **WHEN** 概览面板渲染
 - **THEN** Descriptions SHALL 展示：目标地址、检查间隔、最新检查时间、状态详情
 
-#### Scenario: 统计区左右布局卡片
+#### Scenario: 统计区上下布局卡片
 - **WHEN** 概览面板渲染且有统计数据
-- **THEN** 面板 SHALL 在"统计"区域使用 4 列 × 2 行的 Row/Col 布局，每个统计项使用 `<div className="overview-stat-card">` 包裹，通过 CSS 类实现背景色和内边距视觉效果
+- **THEN** 面板 SHALL 在"统计"区域使用 4 列 × 2 行的 Row/Col 布局，每个统计项使用 `overview-stat-card` 包裹，内部使用 TDesign Statistic 组件自带的上下布局（title 在上、value 在下），通过 `summary-stat-col` 类居中。系统 SHALL NOT 使用已移除的 `overview-stat-item` 左右 flex 布局
 
 #### Scenario: 统计区内容
 - **WHEN** 概览面板渲染
@@ -261,11 +261,27 @@ Drawer 内部 SHALL 使用 TDesign Tabs 组织概览和记录两个面板。Tabs
 - **THEN** 系统 SHALL 依赖 Drawer 内容区域作为唯一纵向滚动容器，HistoryTab 中的 PrimaryTable SHALL 不配置 `height`、`maxHeight` 或纵向 `scroll` 来创建第二个纵向滚动区域
 
 ### Requirement: Drawer 宽度
-Drawer 宽度 SHALL 设置为 52%。
+Drawer 宽度 SHALL 根据视口宽度设置响应式默认值，并 SHALL 支持用户通过鼠标拖拽边缘在当前页面生命周期内调整宽度。系统 MUST NOT 将拖拽后的宽度持久化到 `localStorage`、后端、URL 或其他跨刷新存储。
 
-#### Scenario: Drawer 宽度
-- **WHEN** Drawer 打开
-- **THEN** Drawer size SHALL 为 "52%"
+#### Scenario: Drawer 响应式默认宽度
+- **WHEN** Drawer 打开且用户尚未在当前页面生命周期内拖拽调整宽度
+- **THEN** Drawer size SHALL 使用响应式默认宽度，宽屏时占视口比例 SHALL 小于窄屏时占视口比例，且窄屏下 SHALL 不超过视口安全宽度
+
+#### Scenario: Drawer 边缘拖拽宽度
+- **WHEN** 用户使用鼠标拖动右侧 Drawer 的左边缘
+- **THEN** Drawer SHALL 通过 TDesign Drawer 原生拖拽能力调整宽度，不通过自定义全局鼠标事件实现拖拽
+
+#### Scenario: Drawer 拖拽边界
+- **WHEN** 用户拖拽调整 Drawer 宽度
+- **THEN** Drawer 宽度 SHALL 被限制在最小可读宽度和视口安全最大宽度之间，避免内容不可读或横向溢出
+
+#### Scenario: Drawer 当前页面生命周期内保留拖拽宽度
+- **WHEN** 用户拖拽调整 Drawer 宽度后关闭并再次打开 Drawer，且页面未刷新、组件未重新挂载
+- **THEN** Drawer SHALL 保留当前页面生命周期内的拖拽后宽度
+
+#### Scenario: Drawer 拖拽宽度不持久化
+- **WHEN** 页面刷新后用户再次打开 Drawer
+- **THEN** Drawer SHALL 恢复响应式默认宽度，且 MUST NOT 从 `localStorage`、后端、URL 或其他跨刷新存储恢复拖拽宽度
 
 ### Requirement: 时间选择器单行布局
 Drawer 顶部的时间范围快捷按钮和日期范围选择器 SHALL 在同一行展示。