Improve heart rate device reconnect flow

miniprogram/pages/map/map.wxss

@@ -1194,6 +1194,81 @@
   gap: 14rpx;
 }
 
+.debug-device-list {
+  display: flex;
+  flex-direction: column;
+  gap: 12rpx;
+  margin-top: 16rpx;
+}
+
+.debug-device-card {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 16rpx;
+  padding: 16rpx 18rpx;
+  border-radius: 18rpx;
+  background: rgba(255, 255, 255, 0.82);
+  box-shadow: inset 0 0 0 2rpx rgba(22, 48, 32, 0.06);
+}
+
+.debug-device-card__main {
+  flex: 1;
+  min-width: 0;
+}
+
+.debug-device-card__title-row {
+  display: flex;
+  align-items: center;
+  gap: 10rpx;
+}
+
+.debug-device-card__name {
+  flex: 1;
+  min-width: 0;
+  font-size: 24rpx;
+  line-height: 1.3;
+  font-weight: 700;
+  color: #163020;
+  word-break: break-all;
+}
+
+.debug-device-card__badge {
+  flex-shrink: 0;
+  padding: 4rpx 10rpx;
+  border-radius: 999rpx;
+  background: rgba(45, 106, 79, 0.14);
+  color: #2d6a4f;
+  font-size: 18rpx;
+  line-height: 1;
+  font-weight: 700;
+}
+
+.debug-device-card__meta {
+  margin-top: 8rpx;
+  font-size: 20rpx;
+  line-height: 1.2;
+  color: #6a826f;
+}
+
+.debug-device-card__action {
+  flex-shrink: 0;
+  min-width: 96rpx;
+  padding: 16rpx 18rpx;
+  border-radius: 999rpx;
+  background: #eef6ea;
+  color: #2d6a4f;
+  font-size: 22rpx;
+  line-height: 1;
+  text-align: center;
+  font-weight: 700;
+}
+
+.debug-device-card__action--active {
+  background: #2d6a4f;
+  color: #f7fbf2;
+}
+
 .control-row {
   display: flex;
   gap: 14rpx;