From 9050a4adca49f1b663b0e21b21157e4592df866c Mon Sep 17 00:00:00 2001
From: hailin <hailin.zhao@gdzx.xyz>
Date: Thu, 8 Jan 2026 05:19:01 -0800
Subject: [PATCH] =?UTF-8?q?fix(admin-web):=20=E5=BC=95=E8=8D=90=E5=85=B3?=
 =?UTF-8?q?=E7=B3=BB=E6=A0=91=E6=80=BB=E9=83=A8=E8=8A=82=E7=82=B9=E5=A7=8B?=
 =?UTF-8?q?=E7=BB=88=E6=98=BE=E7=A4=BA=E5=9C=A8=E9=A1=B6=E7=AB=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 总部节点始终显示在引荐人链最顶端
- 总部节点不可点击（cursor: default）
- 连接符方向改为向下（↓）表示引荐关系

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 .../src/app/(dashboard)/users/[id]/page.tsx   | 20 +++++++++----------
 .../users/[id]/user-detail.module.scss        | 16 +++++----------
 2 files changed, 14 insertions(+), 22 deletions(-)

diff --git a/frontend/admin-web/src/app/(dashboard)/users/[id]/page.tsx b/frontend/admin-web/src/app/(dashboard)/users/[id]/page.tsx
index 01444ac3..babaffe9 100644
--- a/frontend/admin-web/src/app/(dashboard)/users/[id]/page.tsx
+++ b/frontend/admin-web/src/app/(dashboard)/users/[id]/page.tsx
@@ -413,7 +413,13 @@ export default function UserDetailPage() {
                   {/* 向上的引荐人链 */}
                   <div className={styles.referralTree__ancestors}>
                     <div className={styles.referralTree__label}>引荐人链 (向上)</div>
-                    {referralTree.ancestors.length > 0 ? (
+                    {/* 总部节点（始终显示在最顶端） */}
+                    <div className={styles.referralTree__headquarters}>
+                      <span className={styles.referralTree__headquartersLabel}>总部</span>
+                    </div>
+                    <div className={styles.referralTree__connector}>↓</div>
+                    {/* 祖先节点列表 */}
+                    {referralTree.ancestors.length > 0 && (
                       <>
                         <div className={styles.referralTree__nodeList}>
                           {referralTree.ancestors.map((ancestor, index) => (
@@ -431,20 +437,12 @@ export default function UserDetailPage() {
                                 </span>
                               </button>
                               {index < referralTree.ancestors.length - 1 && (
-                                <div className={styles.referralTree__connector}>↑</div>
+                                <div className={styles.referralTree__connector}>↓</div>
                               )}
                             </div>
                           ))}
                         </div>
-                        <div className={styles.referralTree__connector}>↑</div>
-                      </>
-                    ) : (
-                      <>
-                        <div className={styles.referralTree__headquarters}>
-                          <span className={styles.referralTree__headquartersLabel}>总部</span>
-                          <span className={styles.referralTree__headquartersDesc}>顶级用户，无上级引荐人</span>
-                        </div>
-                        <div className={styles.referralTree__connector}>↑</div>
+                        <div className={styles.referralTree__connector}>↓</div>
                       </>
                     )}
                   </div>
diff --git a/frontend/admin-web/src/app/(dashboard)/users/[id]/user-detail.module.scss b/frontend/admin-web/src/app/(dashboard)/users/[id]/user-detail.module.scss
index 732386aa..5cb60ac6 100644
--- a/frontend/admin-web/src/app/(dashboard)/users/[id]/user-detail.module.scss
+++ b/frontend/admin-web/src/app/(dashboard)/users/[id]/user-detail.module.scss
@@ -482,27 +482,21 @@
 
 // 总部节点样式
 .referralTree__headquarters {
-  @include flex-column;
-  align-items: center;
-  padding: $spacing-base $spacing-xl;
+  @include flex-center;
+  padding: $spacing-sm $spacing-lg;
   background: linear-gradient(135deg, rgba($primary-color, 0.1) 0%, rgba($success-color, 0.1) 100%);
   border: 2px solid $primary-color;
   border-radius: $border-radius-base;
-  min-width: 140px;
+  min-width: 100px;
+  cursor: default;
 }
 
 .referralTree__headquartersLabel {
-  font-size: $font-size-lg;
+  font-size: $font-size-base;
   font-weight: $font-weight-bold;
   color: $primary-color;
 }
 
-.referralTree__headquartersDesc {
-  font-size: $font-size-xs;
-  color: $text-secondary;
-  margin-top: $spacing-xs;
-}
-
 // ============================================================================
 // 认种信息 Tab
 // ============================================================================