视频详情信息卡顶部加标题「视频信息」(带分隔线)

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

@@ -545,6 +545,7 @@ async function renderVideoDetail(view, id) {
       <div class="page-toolbar">${toolbarBack()}<span class="page-title">${esc(cleanTitle(v.video_title) || '视频详情')}</span></div>
       <div class="detail-body">
         <div class="info-card video-info">
+          <div class="info-card-title">视频信息</div>
           <div class="info-row">${infoGrid('标签', `${v.tags ? esc(v.tags) : '无'}　${viewLink}`, true, true)}</div>
           <div class="info-row">${infoGrid('账号', v.account_name)}${infoGrid('视频ID', v.aweme_id)}${infoGrid('时长', fmtDuration(v.duration))}${infoGrid('发布时间', v.publish_time)}</div>
           <div class="info-row">${infoGrid('点赞', fmtWan(v.like_display || v.like_count))}${infoGrid('评论', fmtWan(v.comment_count))}${infoGrid('分享', fmtWan(v.share_count))}${infoGrid('收藏', fmtWan(v.collect_count))}</div>

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

@@ -367,6 +367,7 @@ td.td-title { max-width: 240px; }
 
 /* ================= 信息卡 ================= */
 .info-card { border: 1px solid var(--border); border-radius: 8px; padding: 14px 16px; margin-bottom: 14px; background: var(--panel); }
+.info-card-title { font-size: 15px; font-weight: 600; color: var(--text); margin-bottom: 12px; padding-bottom: 10px; border-bottom: 1px solid var(--border); }
 /* 账号信息按行分组：行内项目按内容宽度左对齐，保留行间距 */
 .info-row { display: flex; flex-wrap: wrap; gap: 10px 80px; }
 .info-row .info-item { flex: 0 0 auto; min-width: 100px; }