Merge pull request #6 from stardrophere/main

优化提示界面

frontend/src/views/SearchView.vue

@@ -235,17 +235,17 @@ async function handleSearch() {
         <div class="tips-box glass-panel">
           <h2 class="panel-title"><i class="fa-regular fa-lightbulb"></i> 搜索建议</h2>
           <div class="tips-content">
-            <button class="tip-tag" @click="keyword='新能源汽车'; hours=168; handleSearch()">
-              <i class="fa-solid fa-rocket"></i> 新能源汽车
+            <button class="tip-tag" @click="keyword='火箭发射'; hours=168; handleSearch()">
+              <i class="fa-solid fa-rocket"></i> 火箭发射
             </button>
             <button class="tip-tag" @click="keyword='苹果公司'; hours=168; handleSearch()">
-              <i class="fa-brands fa-apple"></i> 苹果产业链
+              <i class="fa-brands fa-apple"></i> 苹果公司
             </button>
             <button class="tip-tag regex-tag" @click="keyword='AI|LLM'; hours=168; handleSearch()">
               <i class="fa-solid fa-code-branch"></i> AI / 大模型
             </button>
-            <button class="tip-tag regex-tag" @click="keyword='美国关税'; hours=168; handleSearch()">
-              <i class="fa-solid fa-flag-usa"></i> 美国关税
+            <button class="tip-tag regex-tag" @click="keyword='美国'; hours=168; handleSearch()">
+              <i class="fa-solid fa-flag-usa"></i> 美国
             </button>
           </div>
         </div>
@@ -261,9 +261,15 @@ async function handleSearch() {
       <div v-else-if="searchResult" class="results-container">
         <section class="chart-section glass-panel">
           <div class="section-header">
-            <h2 class="section-title">
-              <i class="fa-solid fa-wave-square"></i> 时间热度脉络
-            </h2>
+            <div class="section-title-group">
+              <h2 class="section-title">
+                <i class="fa-solid fa-wave-square"></i> 时间热度脉络
+              </h2>
+              <span class="chart-tip">
+                <i class="fa-solid fa-hand-pointer"></i>
+                点击时间点查看具体事件列表
+              </span>
+            </div>
             <span class="meta-info">共 {{ searchResult.timeline.length }} 个时间节点 · 覆盖 {{ searchResult.events.length }} 个聚合事件</span>
           </div>
 
@@ -553,6 +559,30 @@ async function handleSearch() {
   color: var(--brand-primary);
 }
 
+.section-title-group {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  flex-wrap: wrap;
+}
+
+.chart-tip {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  padding: 4px 10px;
+  border-radius: var(--radius-md);
+  background: var(--brand-primary-alpha);
+  border: 1px solid rgba(99, 102, 241, 0.2);
+  color: var(--brand-primary);
+  font-size: 12px;
+  font-weight: 600;
+}
+
+.chart-tip i {
+  font-size: 12px;
+}
+
 .time-filter-badge {
   display: inline-flex;
   align-items: center;
@@ -599,6 +629,10 @@ async function handleSearch() {
   outline: none;
 }
 
+.chart-container :deep(.apexcharts-marker) {
+  cursor: pointer;
+}
+
 .events-section {
   margin-top: 8px;
 }