From 047cc0efc53fa50c2729d27f5916af9ecc6ac8f9 Mon Sep 17 00:00:00 2001
From: maogeigei <maogeigei@work.alotbuy.com>
Date: Thu, 3 Sep 2026 19:15:35 +0800
Subject: [PATCH] =?UTF-8?q?R45:=20=E8=B4=A6=E5=8F=B7=E8=AF=A6=E6=83=85?=
 =?UTF-8?q?=E4=BF=A1=E6=81=AF=E5=8D=A1=E5=B1=9E=E6=80=A7=E5=AE=BD=E5=BA=A6?=
 =?UTF-8?q?=E5=AF=B9=E9=BD=90=E8=A7=86=E9=A2=91=E8=AF=A6=E6=83=85=E2=80=94?=
 =?UTF-8?q?=E2=80=94=E8=B4=A6=E5=8F=B7=E5=AE=9A=E4=BD=8D=E7=A7=BB=E5=87=BA?=
 =?UTF-8?q?=E5=85=B1=E4=BA=AB=E7=BD=91=E6=A0=BC=E6=B6=88=E9=99=A4=20232.5p?=
 =?UTF-8?q?x=20=E7=AD=89=E5=AE=BD=E6=92=91=E5=AE=BD=E3=80=81gap=2080px=20?=
 =?UTF-8?q?=E4=B8=8E=20.video-grid=20=E4=B8=80=E8=87=B4=EF=BC=9Bcss=20ad?=
 =?UTF-8?q?=E2=86=92af=E3=80=81data-pages=20af=E2=86=92ag?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../短视频脚本创作/V1.0/mcn-work-shop/public/data-pages.js | 3 ++-
 .../短视频脚本创作/V1.0/mcn-work-shop/public/index.html    | 4 ++--
 project/短视频脚本创作/V1.0/mcn-work-shop/public/style.css | 7 ++++++-
 3 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/project/短视频脚本创作/V1.0/mcn-work-shop/public/data-pages.js b/project/短视频脚本创作/V1.0/mcn-work-shop/public/data-pages.js
index 405677f..6af9c14 100644
--- a/project/短视频脚本创作/V1.0/mcn-work-shop/public/data-pages.js
+++ b/project/短视频脚本创作/V1.0/mcn-work-shop/public/data-pages.js
@@ -1010,7 +1010,8 @@ async function renderAccountDetail(view, id) {
       // 账号定位：默认最多 4 行，可点击展开/收起
       const contentHtml = `<span class="clamp-wrap"><span class="clamp-text" data-clamp>${esc(contentText) || '-'}</span>${contentText.length > 120 ? `<button class="clamp-btn" data-clamp-toggle>展开</button>` : ''}</span>`;
       panel = `<div class="info-card account-info">
-        <div class="account-grid">${infoGrid('抖音号', dyHtml, false, true, 'a')}${infoGrid('作品数', acc.works_count, false, false, 'b')}${infoGrid('获取视频', dv.total, false, false, 'c')}${infoGrid('赛道', acc.track, false, false, 'd')}${infoGrid('AI制作', acc.is_ai === '是' ? '是' : '否', false, false, 'e')}${infoGrid('粉丝', acc.followers, false, false, 'f')}${infoGrid('获赞', acc.total_likes, false, false, 'g')}${infoGrid('账号定位', contentHtml, true, true, 'h')}</div>
+        <div class="account-grid">${infoGrid('抖音号', dyHtml, false, true, 'a')}${infoGrid('作品数', acc.works_count, false, false, 'b')}${infoGrid('获取视频', dv.total, false, false, 'c')}${infoGrid('赛道', acc.track, false, false, 'd')}${infoGrid('AI制作', acc.is_ai === '是' ? '是' : '否', false, false, 'e')}${infoGrid('粉丝', acc.followers, false, false, 'f')}${infoGrid('获赞', acc.total_likes, false, false, 'g')}</div>
+        ${infoGrid('账号定位', contentHtml, true, true)}
       </div>
       <h3 class="video-list-title">账号设定</h3>
       ${personaPanel()}`;
diff --git a/project/短视频脚本创作/V1.0/mcn-work-shop/public/index.html b/project/短视频脚本创作/V1.0/mcn-work-shop/public/index.html
index 97b356c..e9c2763 100644
--- a/project/短视频脚本创作/V1.0/mcn-work-shop/public/index.html
+++ b/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=20260903ad">
+<link rel="stylesheet" href="style.css?v=20260903af">
 <script src="vendor/echarts.min.js"></script>
 </head>
 <body>
@@ -42,6 +42,6 @@
 </div>
 
 <script src="app.js?v=20260903y"></script>
-<script src="data-pages.js?v=20260903af"></script>
+<script src="data-pages.js?v=20260903ag"></script>
 </body>
 </html>
diff --git a/project/短视频脚本创作/V1.0/mcn-work-shop/public/style.css b/project/短视频脚本创作/V1.0/mcn-work-shop/public/style.css
index 51fcc7c..a518069 100644
--- a/project/短视频脚本创作/V1.0/mcn-work-shop/public/style.css
+++ b/project/短视频脚本创作/V1.0/mcn-work-shop/public/style.css
@@ -522,8 +522,13 @@ td.td-title { max-width: 240px; }
 .info-row + .info-row { margin-top: 10px; }
 /* 账号信息字段对齐（09-03 R44）：与视频详情同款解法——抖音号/作品数/获取视频 与 赛道/AI制作/粉丝/获赞 同处一个 grid，
    列轨道跨行共享（a列=抖音号与赛道同宽，b列=作品数与AI制作严格对齐）；原独立 .info-row 各行按内容宽排，抖音号长短会把「作品数」顶偏造成跨行错位 */
-.account-info .account-grid { display: grid; grid-template-columns: repeat(4, minmax(min-content, max-content)); grid-template-areas: 'a b c .' 'd e f g' 'h h h h'; gap: 10px 80px; justify-content: start; }
+/* R45 间隔回调（终版）：横向 gap 保持 80px、与视频详情 .video-grid 完全一致；「宽」的真根因是账号定位整行留在网格内（原 h h h h 区）
+   把 4 列轨道撑成等宽 232.5px、每格右侧大片留白——故将其移出共享网格（见 .account-info > .info-item），8→7 字段列轨贴内容收缩，
+   值与值之间视觉距离恢复为「内容宽+80px」，与视频详情属性区观感一致 */
+.account-info .account-grid { display: grid; grid-template-columns: repeat(4, minmax(min-content, max-content)); grid-template-areas: 'a b c .' 'd e f g'; gap: 10px 80px; justify-content: start; }
 .account-info .account-grid .info-item { min-width: 0; }
+/* 账号定位整行（R45）：作为网格容器的直接子项平级输出，占满卡片宽度，与网格保持纵向间距 */
+.account-info > .info-item { margin-top: 12px; }
 .info-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 10px 18px; }
 .info-item { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
 .info-wide { grid-column: 1/-1; }