算法与视觉优化

frontend/src/views/SearchView.vue

@@ -72,6 +72,12 @@ const chartOptions = ref<ApexOptions>({
     },
     // 点击图表数据点：切换选中时间，再次点击则取消筛选
     events: {
+      mounted: (chartContext: any) => {
+        chartContext.el?.querySelector('.apexcharts-svg > title')?.remove()
+      },
+      updated: (chartContext: any) => {
+        chartContext.el?.querySelector('.apexcharts-svg > title')?.remove()
+      },
       markerClick: function(event: unknown, chartContext: unknown, { dataPointIndex }: never) {
         if (searchResult.value && searchResult.value.timeline[dataPointIndex]) {
           const clickedTime = searchResult.value.timeline[dataPointIndex].time_label
@@ -585,7 +591,12 @@ async function handleSearch() {
 
 .chart-container {
   margin-top: 16px;
-  margin-left: -10px; /* 视觉上抵消 apexcharts 的默认左侧留白。 */
+  margin-left: -10px; 
+}
+
+.chart-container :deep(svg),
+.chart-container :deep(canvas) {
+  outline: none;
 }
 
 .events-section {
@@ -595,7 +606,6 @@ async function handleSearch() {
 .events-grid {
   display: flex;
   flex-direction: column;
-  /* 与 DashboardView 保持一致，列表按纵向堆叠展示。 */
 }
 
 .loading-state {