feat(team): banner 右栏空白补「团队动态」卡 · 最近 7 条成员行为流

电商AI平台/team.html

@@ -7,17 +7,35 @@
 <link rel="stylesheet" href="assets/restraint.css?v=202605211643">
 <style>
   /* ─── 团队信息卡(深色 banner · 上标题行 + 下统计行)─── */
+  /* 顶部行:banner(左)+ 团队动态(右),与下方 team-grid 同列宽对齐 */
+  .team-top { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 24px; margin-bottom: 24px; align-items: stretch; }
+
   .team-banner {
     background: var(--accent-black);
     color: var(--accent-white);
     padding: 22px 28px 24px;
-    margin-bottom: 24px;
-    /* 与下方 .team-grid 左列(成员表)对齐:右栏 320 + gap 24 = 344 */
-    margin-right: calc(320px + 24px);
     position: relative;
     border: 1px solid var(--accent-black);
     border-radius: var(--r-md);
   }
+
+  /* ─── 团队动态卡(贴 banner 右边)─── */
+  .team-feed { background: var(--surface); border: 1px solid var(--border-faint); border-radius: var(--r-md); padding: 16px 18px; display: flex; flex-direction: column; min-width: 0; }
+  .team-feed .h { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; }
+  .team-feed .h h3 { font-size: 13.5px; font-weight: 600; margin: 0; }
+  .team-feed .h .ct { font-family: var(--font-mono); font-size: 10.5px; color: var(--black-alpha-48); }
+  .team-feed .h .more { margin-left: auto; font-family: var(--font-mono); font-size: 11px; color: var(--heat); text-decoration: none; cursor: pointer; }
+  .team-feed .feed-list { flex: 1; overflow-y: auto; display: flex; flex-direction: column; gap: 10px; max-height: 240px; padding-right: 4px; scrollbar-width: thin; }
+  .team-feed .feed-list::-webkit-scrollbar { width: 4px; }
+  .team-feed .feed-list::-webkit-scrollbar-thumb { background: var(--border-faint); border-radius: 2px; }
+  .team-feed .feed-item { display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 10px; align-items: start; }
+  .team-feed .feed-item .av { width: 24px; height: 24px; border-radius: 50%; background: var(--background-lighter); border: 1px solid var(--border-faint); display: grid; place-items: center; font-size: 11px; font-weight: 600; color: var(--accent-black); }
+  .team-feed .feed-item .txt { font-size: 12.5px; line-height: 1.45; color: var(--accent-black); min-width: 0; }
+  .team-feed .feed-item .txt .who { font-weight: 600; }
+  .team-feed .feed-item .txt .act { color: var(--black-alpha-56); margin: 0 3px; }
+  .team-feed .feed-item .txt .obj { color: var(--heat); }
+  .team-feed .feed-item .txt .obj-money { color: var(--accent-forest); font-variant-numeric: tabular-nums; font-family: var(--font-mono); }
+  .team-feed .feed-item .ts { font-family: var(--font-mono); font-size: 10.5px; color: var(--black-alpha-48); margin-top: 2px; letter-spacing: .02em; }
   /* 4 个装订线小十字(2 个 pseudo + 2 个 span)*/
   .team-banner::before, .team-banner::after,
   .team-banner > .corner-tr, .team-banner > .corner-bl {
@@ -143,6 +161,9 @@
   </div>
 </div>
 
+<!-- 顶部行:团队 banner(左)+ 团队动态(右) -->
+<div class="team-top">
+
 <!-- 团队信息 banner -->
 <div class="team-banner">
   <span class="corner-tr" aria-hidden></span><span class="corner-bl" aria-hidden></span>
@@ -188,6 +209,68 @@
   </div>
 </div>
 
+<!-- 团队动态(banner 右栏)-->
+<div class="team-feed">
+  <div class="h">
+    <h3>团队动态</h3>
+    <span class="ct">// 最近 12 条</span>
+    <a class="more" onclick="Shell.toast('完整动态', '/team/feed')">全部 →</a>
+  </div>
+  <div class="feed-list">
+    <div class="feed-item">
+      <div class="av">张</div>
+      <div>
+        <div class="txt"><span class="who">张运营</span><span class="act">完成视频</span><span class="obj">补水面膜 · v3</span></div>
+        <div class="ts">10 分钟前</div>
+      </div>
+    </div>
+    <div class="feed-item">
+      <div class="av">王</div>
+      <div>
+        <div class="txt"><span class="who">王小姐</span><span class="act">上传到资产库</span><span class="obj">林夕 · 主播图</span></div>
+        <div class="ts">28 分钟前</div>
+      </div>
+    </div>
+    <div class="feed-item">
+      <div class="av">李</div>
+      <div>
+        <div class="txt"><span class="who">小李</span><span class="act">邀请新成员</span><span class="obj">林新人</span></div>
+        <div class="ts">2 小时前</div>
+      </div>
+    </div>
+    <div class="feed-item">
+      <div class="av">陈</div>
+      <div>
+        <div class="txt"><span class="who">陈策划</span><span class="act">创建项目</span><span class="obj">蓝牙耳机 · 开箱测评</span></div>
+        <div class="ts">4 小时前</div>
+      </div>
+    </div>
+    <div class="feed-item">
+      <div class="av">张</div>
+      <div>
+        <div class="txt"><span class="who">张运营</span><span class="act">采用故事板</span><span class="obj">补水面膜 · 场 3 · v2</span></div>
+        <div class="ts">昨天 18:32</div>
+      </div>
+    </div>
+    <div class="feed-item">
+      <div class="av">李</div>
+      <div>
+        <div class="txt"><span class="who">小李</span><span class="act">团队充值</span><span class="obj-money">+¥500.00</span></div>
+        <div class="ts">昨天 11:02</div>
+      </div>
+    </div>
+    <div class="feed-item">
+      <div class="av">王</div>
+      <div>
+        <div class="txt"><span class="who">王小姐</span><span class="act">删除资产</span><span class="obj">透真防晒 · 旧版主图</span></div>
+        <div class="ts">2 天前</div>
+      </div>
+    </div>
+  </div>
+</div>
+
+</div><!-- /.team-top -->
+
 <div class="team-grid">
   <!-- 左:成员表 -->
   <div>