R48 补：视频详情属性统一宽度 140px——8 字段严格等宽 + 去横向间隔(gap 80px→0)，标签(info-wide)占整行不受限宽；移除 vid-limited 冗余 max-width；style ai→aj

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=20260903ai">
+<link rel="stylesheet" href="style.css?v=20260903aj">
 <script src="vendor/echarts.min.js"></script>
 </head>
 <body>

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

@@ -540,12 +540,12 @@ td.td-title { max-width: 240px; }
 .info-value { font-size: 15px; color: var(--text); word-break: break-word; white-space: pre-wrap; line-height: 1.6; }
 /* 视频详情信息卡：标题独立一行（大字号），下方按行分组 */
 /* 视频详情字段对齐（09-02 终版）：8 字段同处一个 grid 容器（2 行 × 4 列），列轨道跨行共享——第 i 列严格对齐（分享↔时长、收藏↔发布时间）；列宽贴合内容（min-content~max-content，非均分）；横向间隔 80px 与账号信息一致。之前用两个独立 .info-row 容器导致跨行不对齐 */
-.video-info .video-grid { display: grid; grid-template-columns: repeat(4, minmax(min-content, max-content)); gap: 10px 80px; justify-content: start; }
-.video-info .video-grid .info-item { min-width: 0; }
-.video-info .video-grid .info-item.info-wide { grid-column: 1 / -1; }
-/* 视频ID 限宽（09-02）：长数字不把第一行撑爆，多余省略号 + hover 提示全量 */
-.video-info .info-item.vid-limited { max-width: 220px; }
-.video-info .info-item.vid-limited .info-value { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.video-info .video-grid { display: grid; grid-template-columns: repeat(4, minmax(min-content, max-content)); gap: 10px 0; justify-content: start; }
+.video-info .video-grid .info-item { width: 140px; }
+.video-info .video-grid .info-item.info-wide { grid-column: 1 / -1; width: auto; }
+/* 视频详情属性内容统一宽度（09-03 R48）：与账号详情同款——8 字段固定 width 140px、横向间隔 0；超宽单行省略号 + hover 看全量；
+   标签(info-wide)占整行不受限宽保持换行；原视频ID vid-limited 独立 max-width 220 已被统一 140 覆盖，移除冗余规则 */
+.video-info .video-grid .info-item:not(.info-wide) .info-value { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 /* 长文本默认最多 4 行，可点击展开/收起（账号定位等） */
 /* 09-01 改用 block+max-height 裁剪：display:-webkit-box 下长句不折行，内容宽被撑到 1896px 导致 main 横向滚动条 */
 .clamp-text { display: block; max-height: 96px; overflow: hidden; word-break: break-word; overflow-wrap: anywhere; } /* 96px=4行×15px×1.6 */