From e3afa6659bc9f3a733df7242c02afb18650f1590 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?UI=20=E8=AE=BE=E8=AE=A1?= <airlabsv001@gmail.com>
Date: Thu, 21 May 2026 17:15:45 +0800
Subject: [PATCH] =?UTF-8?q?feat(team):=20banner=20=E5=8F=B3=E6=A0=8F?=
 =?UTF-8?q?=E7=A9=BA=E7=99=BD=E8=A1=A5=E3=80=8C=E5=9B=A2=E9=98=9F=E5=8A=A8?=
 =?UTF-8?q?=E6=80=81=E3=80=8D=E5=8D=A1=20=C2=B7=20=E6=9C=80=E8=BF=91=207?=
 =?UTF-8?q?=20=E6=9D=A1=E6=88=90=E5=91=98=E8=A1=8C=E4=B8=BA=E6=B5=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 电商AI平台/team.html | 89 ++++++++++++++++++++++++++++++++++++++++++--
 1 file changed, 86 insertions(+), 3 deletions(-)

diff --git a/电商AI平台/team.html b/电商AI平台/team.html
index b2f4362..eb35072 100644
--- a/电商AI平台/team.html
+++ b/电商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>