热点数据：视频热榜/点赞榜 tab 悬停气泡提示近7日数据（停留2s浮现，纯CSS）

project/短视频脚本创作/V1.0/mcn-work-shop/public/app.js

@@ -324,8 +324,8 @@ function renderHome() {
       <div class="recent-head">
         <div class="rank-tabs" role="tablist">
           <button class="rank-tab active" data-rank-tab="week" role="tab">账号周榜</button>
-          <button class="rank-tab" data-rank-tab="hot" role="tab">视频热榜</button>
-          <button class="rank-tab" data-rank-tab="likes" role="tab">点赞榜</button>
+          <button class="rank-tab" data-rank-tab="hot" data-tip="近7日数据" role="tab">视频热榜</button>
+          <button class="rank-tab" data-rank-tab="likes" data-tip="近7日数据" role="tab">点赞榜</button>
         </div>
         <div class="rank-tools" id="rankTools">
           <select id="rankCat" class="input-select rank-filter" title="赛道筛选"></select>

project/短视频脚本创作/V1.0/mcn-work-shop/public/data-pages.js

@@ -507,8 +507,8 @@ async function renderRanking(view) {
   // 视频热榜 抖音周榜_视频热榜_{赛道}_{周一}.json，点赞榜 抖音周榜_点赞榜_{赛道}_{周一}.json；后端按 board 识别
   const RANK_TABS = [
     ['week', '账号周榜'],
-    ['hot', '视频热榜'],
-    ['likes', '点赞榜'],
+    ['hot', '视频热榜', '近7日数据'],
+    ['likes', '点赞榜', '近7日数据'],
   ];
   const mkState = () => ({ date: '', category: '', sortBy: '', order: '', page: 1, pageSize: 20, dates: [], categories: [] });
   // 每榜独立状态（切 tab 保留各自筛选/翻页/日期）
@@ -521,7 +521,7 @@ async function renderRanking(view) {
       ${toolbarBack()}
       <span class="page-title">热点数据</span>
       <div class="rank-tabs" role="tablist">
-        ${RANK_TABS.map(([k, label]) => `<button class="rank-tab${k === tab ? ' active' : ''}" data-rank-tab="${k}" role="tab">${label}</button>`).join('')}
+        ${RANK_TABS.map(([k, label, tip]) => `<button class="rank-tab${k === tab ? ' active' : ''}" data-rank-tab="${k}"${tip ? ` data-tip="${tip}"` : ''} role="tab">${label}</button>`).join('')}
       </div>
       ${withFilters ? `<div class="toolbar-right">
         <select id="rankCat" class="input-select" title="赛道筛选">

project/短视频脚本创作/V1.0/mcn-work-shop/public/index.html

@@ -4,7 +4,7 @@
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>MCN工作台</title>
-<link rel="stylesheet" href="style.css?v=20260903">
+<link rel="stylesheet" href="style.css?v=20260903c">
 <script src="vendor/echarts.min.js"></script>
 </head>
 <body>
@@ -41,7 +41,7 @@
   </div>
 </div>
 
-<script src="app.js?v=20260903"></script>
-<script src="data-pages.js?v=20260903"></script>
+<script src="app.js?v=20260903c"></script>
+<script src="data-pages.js?v=20260903c"></script>
 </body>
 </html>

project/短视频脚本创作/V1.0/mcn-work-shop/public/style.css

@@ -588,6 +588,17 @@ td.td-title { max-width: 240px; }
 /* 热点数据页：tab 并入 page-toolbar 同一行（与赛道/时间筛选同行），去整行分隔条 */
 .page-toolbar .rank-tabs { border-bottom: none; margin-bottom: 0; align-self: center; }
 .page-toolbar .rank-tab { padding: 4px 10px 3px; font-size: 13px; }
+/* tab 悬停提示气泡：停留约 2s 后浮现，移开立即淡出（transition-delay 仅作用于 hover 态） */
+.rank-tab[data-tip] { position: relative; }
+.rank-tab[data-tip]::after {
+  content: attr(data-tip);
+  position: absolute; top: calc(100% + 8px); left: 50%; transform: translateX(-50%);
+  background: #2b2f36; color: #f2f4f7; font-size: 12px; line-height: 1;
+  padding: 5px 9px; border-radius: 6px; white-space: nowrap;
+  pointer-events: none; z-index: 40; opacity: 0;
+  transition: opacity .15s ease;
+}
+.rank-tab[data-tip]:hover::after { opacity: 1; transition-delay: 2s; }
 .rank-placeholder { border: 1px dashed var(--border); border-radius: 10px; padding: 36px 12px; text-align: center; color: var(--dim); background: var(--panel); font-size: 14px; }
 .rank-tools { display: flex; align-items: center; gap: 6px; margin-left: auto; }
 .rank-filter { padding: 3px 6px; font-size: 14px; max-width: 110px; }