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() {
{/* 向上的引荐人链 */}
引荐人链 (向上)
- {referralTree.ancestors.length > 0 ? (
+ {/* 总部节点(始终显示在最顶端) */}
+
+ 总部
+
+
↓
+ {/* 祖先节点列表 */}
+ {referralTree.ancestors.length > 0 && (
<>
{referralTree.ancestors.map((ancestor, index) => (
@@ -431,20 +437,12 @@ export default function UserDetailPage() {
{index < referralTree.ancestors.length - 1 && (
-
↑
+
↓
)}
))}
- ↑
- >
- ) : (
- <>
-
- 总部
- 顶级用户,无上级引荐人
-
- ↑
+ ↓
>
)}
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
// ============================================================================