修复主题

static/css/style.css

@@ -1362,13 +1362,6 @@ tr:hover {
     /* 添加箭头 */
 }
 
-/* 显示跟踪器浮窗 */
-.tracker-tooltip.visible {
-    display: block;
-    opacity: 1;
-    visibility: visible;
-}
-
 /* 浮窗箭头 */
 .tracker-tooltip::before {
     content: '';
@@ -1395,22 +1388,6 @@ tr:hover {
     z-index: -1;
 }
 
-/* 深色主题下的跟踪器浮窗样式 */
-.dark .tracker-tooltip {
-    background-color: var(--bg-secondary);
-    border: 1px solid var(--border-color);
-    color: var(--text-primary);
-    box-shadow: var(--shadow);
-}
-
-.dark .tracker-tooltip::before {
-    border-right-color: var(--bg-secondary);
-}
-
-.dark .tracker-tooltip::after {
-    border-right-color: var(--border-color);
-}
-
 /* 浮窗标题 */
 .tracker-tooltip .font-semibold {
     font-weight: 600;
@@ -1418,11 +1395,6 @@ tr:hover {
     margin-bottom: 8px;
 }
 
-/* 深色主题下的浮窗标题 */
-.dark .tracker-tooltip .font-semibold {
-    color: var(--text-primary);
-}
-
 /* 搜索框样式优化 */
 #logs-search {
     /* 确保搜索框在所有设备上都有合适的宽度 */
@@ -1455,6 +1427,78 @@ tr:hover {
     text-decoration: underline;
 }
 
+/* 平滑过渡动画类 */
+@keyframes fadeIn {
+    from {
+        opacity: 0;
+    }
+    to {
+        opacity: 1;
+    }
+}
+
+@keyframes slideIn {
+    from {
+        opacity: 0;
+        transform: translateY(20px) scale(0.95);
+    }
+    to {
+        opacity: 1;
+        transform: translateY(0) scale(1);
+    }
+}
+
+@keyframes fadeOut {
+    from {
+        opacity: 1;
+    }
+    to {
+        opacity: 0;
+    }
+}
+
+@keyframes slideOut {
+    from {
+        opacity: 1;
+        transform: translateY(0) scale(1);
+    }
+    to {
+        opacity: 0;
+        transform: translateY(20px) scale(0.95);
+    }
+}
+
+.animate-fade-in {
+    animation: fadeIn 0.3s ease-out forwards;
+}
+
+.animate-slide-in {
+    animation: slideIn 0.3s ease-out forwards;
+}
+
+.animate-fade-out {
+    animation: fadeOut 0.3s ease-in forwards;
+}
+
+.animate-slide-out {
+    animation: slideOut 0.3s ease-in forwards;
+}
+
+/* 跟踪器浮窗显示/隐藏的平滑过渡 */
+.tracker-tooltip.visible {
+    display: block;
+    opacity: 1;
+    visibility: visible;
+    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
+}
+
+.tracker-tooltip {
+    display: block;
+    opacity: 0;
+    visibility: hidden;
+    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
+}
+
 /* 滚动条样式优化 */
 /* 基础滚动条样式 */
 ::-webkit-scrollbar {