feat: 前端区分显示本地分析和AI分析结果

web/static/style.css

@@ -261,6 +261,34 @@ button {
     overflow-y: auto;
 }
 
+.events-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 8px 12px;
+    margin-bottom: 10px;
+    border-radius: 5px;
+    background: #f0f0f0;
+}
+
+.header-label {
+    font-weight: bold;
+    font-size: 14px;
+}
+
+.header-label.local {
+    color: #2196F3;
+}
+
+.header-label.ai {
+    color: #9C27B0;
+}
+
+.header-count {
+    color: #888;
+    font-size: 12px;
+}
+
 .event-card {
     background: #f9f9f9;
     padding: 12px;
@@ -274,10 +302,24 @@ button {
     background: #f0f0f0;
 }
 
+.event-card.source-local {
+    border-left-color: #2196F3;
+    background: #f5faff;
+}
+
+.event-card.source-ai {
+    border-left-color: #9C27B0;
+    background: #f9f5ff;
+}
+
 .event-card.type-人物活动 {
     border-left-color: #e91e63;
 }
 
+.event-card.type-运动检测 {
+    border-left-color: #ff9800;
+}
+
 .event-card.type-物体变化 {
     border-left-color: #ff9800;
 }
@@ -298,6 +340,7 @@ button {
 .event-header {
     display: flex;
     justify-content: space-between;
+    align-items: center;
     margin-bottom: 5px;
 }
 
@@ -306,6 +349,23 @@ button {
     color: #333;
 }
 
+.event-source {
+    font-size: 11px;
+    padding: 2px 6px;
+    border-radius: 3px;
+    background: #e0e0e0;
+}
+
+.event-card.source-local .event-source {
+    background: #e3f2fd;
+    color: #2196F3;
+}
+
+.event-card.source-ai .event-source {
+    background: #f3e5f5;
+    color: #9C27B0;
+}
+
 .event-time {
     font-size: 12px;
     color: #888;
@@ -385,11 +445,48 @@ button {
     margin-top: 15px;
 }
 
+.modal-events-section {
+    margin-bottom: 15px;
+}
+
+.section-title {
+    margin-bottom: 10px;
+    font-size: 14px;
+    font-weight: bold;
+}
+
+.section-title.local {
+    color: #2196F3;
+    border-bottom: 2px solid #2196F3;
+    padding-bottom: 5px;
+}
+
+.section-title.ai {
+    color: #9C27B0;
+    border-bottom: 2px solid #9C27B0;
+    padding-bottom: 5px;
+}
+
 .modal-event {
     background: #f5f5f5;
     padding: 10px;
     margin-bottom: 8px;
     border-radius: 5px;
+    border-left: 3px solid #ccc;
+}
+
+.modal-event.source-local {
+    background: #f5faff;
+    border-left-color: #2196F3;
+}
+
+.modal-event.source-ai {
+    background: #f9f5ff;
+    border-left-color: #9C27B0;
+}
+
+.modal-event .event-type {
+    font-weight: bold;
 }
 
 .modal-actions {