From 7dea6fa38fd95d2b22aeccc9b5685d1b57fbc840 Mon Sep 17 00:00:00 2001
From: hubian <908234780@qq.com>
Date: Fri, 17 Apr 2026 11:16:01 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=A4=A7=E5=B9=85=E5=8E=8B=E7=BC=A9?=
 =?UTF-8?q?=E8=AE=BE=E7=BD=AE=E5=BC=B9=E6=A1=86=E6=A0=B7=E5=BC=8F=EF=BC=8C?=
 =?UTF-8?q?=E7=A1=AE=E4=BF=9D=E6=89=80=E6=9C=89=E5=86=85=E5=AE=B9=E9=83=BD?=
 =?UTF-8?q?=E5=9C=A8=E5=BC=B9=E6=A1=86=E5=86=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/static/style.css | 128 +++++++++++++++++--------------------------
 1 file changed, 51 insertions(+), 77 deletions(-)

diff --git a/web/static/style.css b/web/static/style.css
index 5d545d5..5c586ac 100644
--- a/web/static/style.css
+++ b/web/static/style.css
@@ -189,7 +189,7 @@ button {
     border-radius: 5px;
 }
 
-/* 图片列表 - 序号+分析信息 */
+/* 图片列表 */
 .images-list {
     max-height: 500px;
     overflow-y: auto;
@@ -219,10 +219,6 @@ button {
     border-left-color: #f44336;
 }
 
-.image-item:hover {
-    background: #f0f0f0;
-}
-
 .image-number {
     font-size: 18px;
     font-weight: bold;
@@ -265,11 +261,6 @@ button {
     margin-right: 10px;
 }
 
-.person-indices {
-    color: #667eea;
-    font-weight: bold;
-}
-
 /* 事件列表 */
 .events-list {
     max-height: 500px;
@@ -386,28 +377,14 @@ button {
     color: #888;
 }
 
-.event-card.type-人员进出 .event-type::before,
-.event-card.type-人物活动 .event-type::before {
-    content: "#";
-    color: #667eea;
-}
-
-.event-card.source-local .event-type {
-    display: inline-block;
-}
-
-.event-card.source-local .event-type::after {
-    content: "";
-    margin-right: 5px;
-}
-
 .event-desc {
     font-size: 14px;
     color: #555;
 }
 
-.event-desc strong {
+.person-indices {
     color: #667eea;
+    font-weight: bold;
 }
 
 .event-confidence {
@@ -438,7 +415,7 @@ button {
 
 .modal-content {
     background: white;
-    padding: 20px;
+    padding: 15px;
     border-radius: 10px;
     max-width: 800px;
     max-height: 90vh;
@@ -447,7 +424,7 @@ button {
 }
 
 .settings-modal-content {
-    max-width: 650px;
+    max-width: 550px;
     max-height: 85vh;
     overflow-y: auto;
 }
@@ -533,63 +510,65 @@ button {
 
 /* 设置模态框 */
 .settings-section {
-    margin-bottom: 12px;
-    padding-bottom: 10px;
+    margin-bottom: 8px;
+    padding-bottom: 6px;
     border-bottom: 1px solid #eee;
 }
 
 .settings-section:last-of-type {
     border-bottom: none;
-    margin-bottom: 15px;
 }
 
 .settings-section h4 {
-    margin-bottom: 10px;
+    margin-bottom: 6px;
     color: #667eea;
-    font-size: 14px;
+    font-size: 13px;
 }
 
 .setting-item {
     display: flex;
     align-items: center;
-    gap: 8px;
-    margin-bottom: 6px;
+    gap: 5px;
+    margin-bottom: 4px;
 }
 
 .setting-item label {
-    min-width: 130px;
+    min-width: 100px;
     color: #555;
-    font-size: 13px;
+    font-size: 12px;
 }
 
 .setting-item input[type="text"],
 .setting-item input[type="number"],
 .setting-item input[type="password"] {
     flex: 1;
-    padding: 6px 10px;
+    padding: 4px 8px;
     border: 1px solid #ddd;
-    border-radius: 5px;
-    font-size: 13px;
-}
-    flex: 1;
-    padding: 8px 12px;
-    border: 1px solid #ddd;
-    border-radius: 5px;
+    border-radius: 4px;
+    font-size: 12px;
+    max-width: 120px;
 }
 
 .setting-item input[type="checkbox"] {
-    width: 20px;
-    height: 20px;
+    width: 14px;
+    height: 14px;
 }
 
 .setting-note {
     color: #888;
-    font-size: 12px;
-    margin-top: 5px;
+    font-size: 11px;
+    margin-top: 3px;
+}
+
+.setting-desc {
+    color: #888;
+    font-size: 11px;
 }
 
 .settings-actions {
-    margin-top: 20px;
+    margin-top: 10px;
+    padding-top: 8px;
+    border-top: 1px solid #eee;
     display: flex;
     gap: 10px;
     justify-content: center;
@@ -626,34 +605,34 @@ button {
     to { opacity: 0; }
 }
 
-/* 响应式 */
 /* 人员库样式 */
 .persons-stats {
-    margin-bottom: 20px;
+    margin-bottom: 15px;
 }
 
 .stats-summary {
     display: flex;
-    gap: 20px;
+    gap: 15px;
     justify-content: center;
-    padding: 15px;
+    padding: 10px;
     background: #f5f5f5;
     border-radius: 8px;
 }
 
 .stats-summary span {
     color: #555;
+    font-size: 12px;
 }
 
 .persons-list {
-    max-height: 400px;
+    max-height: 350px;
     overflow-y: auto;
 }
 
 .person-item {
     background: #f9f9f9;
-    padding: 15px;
-    margin-bottom: 10px;
+    padding: 12px;
+    margin-bottom: 8px;
     border-radius: 8px;
     border-left: 4px solid #2196F3;
 }
@@ -661,42 +640,33 @@ button {
 .person-info {
     display: flex;
     justify-content: space-between;
-    margin-bottom: 8px;
+    margin-bottom: 6px;
 }
 
 .person-name {
     font-weight: bold;
-    font-size: 16px;
+    font-size: 14px;
 }
 
 .person-id {
     color: #888;
-    font-size: 12px;
+    font-size: 11px;
 }
 
 .person-stats {
     display: flex;
-    gap: 15px;
+    gap: 10px;
     color: #555;
-    font-size: 13px;
-    margin-bottom: 10px;
-}
-
-.person-actions {
-    display: flex;
-    gap: 10px;
-}
-
-.person-actions {
-    display: flex;
-    gap: 10px;
-}
-
-.setting-desc {
-    color: #888;
     font-size: 12px;
+    margin-bottom: 8px;
 }
 
+.person-actions {
+    display: flex;
+    gap: 8px;
+}
+
+/* 响应式 */
 @media (max-width: 768px) {
     .control-panel {
         flex-direction: column;
@@ -713,4 +683,8 @@ button {
     .image-item {
         flex-wrap: wrap;
     }
+    
+    .settings-modal-content {
+        max-width: 95vw;
+    }
 }
\ No newline at end of file