diff --git a/resources/assets/js/pages/manage/components/UserDetail.vue b/resources/assets/js/pages/manage/components/UserDetail.vue
index 524de7d17..06fe95afc 100755
--- a/resources/assets/js/pages/manage/components/UserDetail.vue
+++ b/resources/assets/js/pages/manage/components/UserDetail.vue
@@ -5,7 +5,7 @@
         :fullscreen="isFullscreen"
         :mask-closable="false"
         :footer-hide="true"
-        width="420"
+        width="480"
     >
         <div class="user-detail-body">
             <div class="profile-header">
@@ -13,7 +13,7 @@
                 <div class="profile-avatar">
                     <UserAvatar
                         :userid="userData.userid"
-                        :size="80"
+                        :size="96"
                         :show-state-dot="false"
                         @on-click="onOpenAvatar"
                     />
@@ -21,46 +21,22 @@
             </div>
             <div class="profile-content">
                 <div class="user-info-top">
-                    <span class="username"
-                        >@{{ userData.profession || "管理员" }}</span
-                    >
-                    <h1 class="fullname">
-                        {{ userData.nickname}}
+                    <h1 class="username">
+                        {{ userData.nickname }}
                     </h1>
                     <div class="meta">
-                        <!-- <span>{{userData.address || 'Bandung'}}</span> -->
-                        <span @click="commonDialogShow = true"
-                            class="common-dialog"
-                            >{{ $L("共同群组") }}:
-                            {{ $L("(*)个", commonDialog.total) }}</span
-                        >
+                        <span @click="commonDialogShow = true" class="common-dialog">{{ $L(userId == userData.userid ? "我的群组" : "共同群组") }}:<em>{{ $L("(*)个", commonDialog.total) }}</em></span>
                         <span class="separator">|</span>
-                        <span
-                            >{{ $L("最后在线") }}:
-                            {{
-                                $A.newDateString(
-                                    userData.line_at,
-                                    "YYYY-MM-DD HH:mm"
-                                ) || "-"
-                            }}</span
-                        >
+                        <span>{{ $L("最后在线") }}: {{$A.newDateString( userData.line_at, "YYYY-MM-DD HH:mm") || "-"}}</span>
                     </div>
                 </div>
 
                 <div class="profile-actions">
-                    <Button
-                        icon="md-chatbubbles"
-                        @click="onOpenDialog"
-                        >{{ $L("开始聊天") }}</Button
-                    >
-                    <Button
-                        icon="md-people"
-                        @click="onCreateGroup"
-                        >{{ $L("创建群组") }}</Button
-                    >
+                    <Button @click="onOpenDialog"><i class="taskfont">&#xe6eb;</i>{{ $L("开始聊天") }}</Button>
+                    <Button @click="onCreateGroup"><i class="taskfont">&#xe63f;</i>{{ $L("创建群组") }}</Button>
                 </div>
 
-                <div class="profile-bio">
+                <div v-if="userData.introduction" class="profile-bio">
                     <p>{{ userData.introduction }}</p>
                 </div>
 
@@ -68,57 +44,57 @@
                     <h2>{{ $L("个人信息") }}</h2>
                     <ul>
                         <li>
-                            <Icon type="ios-person-outline" />
+                            <Icon type="ios-briefcase-outline" />
+                            <span class="label">{{ $L("职位/职称") }}</span>
+                            <span class="value">{{userData.profession || "-"}}</span>
+                        </li>
+                        <li>
+                            <Icon type="ios-people-outline" />
                             <span class="label">{{ $L("部门") }}</span>
-                            <span class="value">{{
-                                userData.department_name || "-"
-                            }}</span>
+                            <span class="value">{{userData.department_name || "-"}}</span>
                         </li>
                         <li>
                             <Icon type="ios-mail-outline" />
                             <span class="label">{{ $L("邮箱") }}</span>
-                            <span class="value">{{
-                                userData.email || "-"
-                            }}</span>
+                            <span @click="onOpenEmail" class="value" :class="{ 'clickable': userData.email }">{{userData.email || "-"}}</span>
                         </li>
                         <li>
                             <Icon type="ios-call-outline" />
                             <span class="label">{{ $L("电话") }}</span>
-                            <span class="value">{{ userData.tel || "-" }}</span>
+                            <span @click="onOpenTel" class="value" :class="{ 'clickable': userData.tel }">{{ userData.tel || "-" }}</span>
                         </li>
-                        <li>
+                        <li v-if="userData.birthday">
                             <Icon type="ios-calendar-outline" />
                             <span class="label">{{ $L("生日") }}</span>
-                            <span class="value">{{
-                                userData.birthday || "-"
-                            }}</span>
+                            <span class="value">{{userData.birthday || "-"}}</span>
                         </li>
                     </ul>
 
-                    <div class="profile-tags" @click.capture="onOpenTagsModal">
+                    <div class="profile-tags">
                         <div v-if="displayTags.length" class="tags-list">
-                            <Button
-                                type="dashed"
-                                class="manage-tags-btn icon"
-                                @click.stop="onOpenTagsModal"
-                            >
-                                <Icon type="ios-settings-outline" /> 管理
-                            </Button>
                             <Button
                                 v-for="tag in displayTags"
                                 :key="tag.id"
                                 :type="tag.recognized ? 'primary' : 'default'"
+                                @click="onOpenTagsModal"
                             >
                                 {{ tag.name }}
+                                <span v-if="tag.recognition_total > 0" class="recognition-total">{{tag.recognition_total}}</span>
+                            </Button>
+                            <Button
+                                type="dashed"
+                                class="manage-tags-btn icon"
+                                @click="onOpenTagsModal"
+                            >
+                                <Icon type="ios-settings-outline" /> 管理
                             </Button>
                         </div>
                         <div v-else class="tags-empty">
                             <Button
                                 type="dashed"
-                                size="small"
                                 icon="md-add"
                                 class="add-tag-btn"
-                                @click.stop="onOpenTagsModal"
+                                @click="onOpenTagsModal"
                                 >{{ $L("添加标签") }}</Button
                             >
                         </div>
@@ -407,11 +383,37 @@ export default {
                     $A.modalError(msg);
                 });
         },
+
+        onOpenEmail() {
+            if (!this.userData.email) {
+                return;
+            }
+            $A.modalConfirm({
+                content: `是否发送邮件给 ${this.userData.nickname}？`,
+                onOk: () => {
+                    window.open(`mailto:${this.userData.email}`);
+                }
+            });
+        },
+
+        onOpenTel() {
+            if (!this.userData.tel) {
+                return;
+            }
+            $A.modalConfirm({
+                content: `是否拨打电话给 ${this.userData.nickname}？`,
+                onOk: () => {
+                    if ($A.isEEUIApp()) {
+                        $A.eeuiAppSendMessage({
+                            action: 'callTel',
+                            tel: this.userData.tel
+                        });
+                    } else {
+                        window.open(`tel:${this.userData.tel}`);
+                    }
+                }
+            });
+        },
     },
 };
-</script>
-
-<style lang="scss" scoped>
-// The styles will be moved to the SCSS file as requested.
-// This scoped style block can be removed if not needed for specific overrides.
-</style>
+</script>
\ No newline at end of file
diff --git a/resources/assets/js/pages/manage/components/UserTagsModal.vue b/resources/assets/js/pages/manage/components/UserTagsModal.vue
index 61da50424..0fb8d249c 100644
--- a/resources/assets/js/pages/manage/components/UserTagsModal.vue
+++ b/resources/assets/js/pages/manage/components/UserTagsModal.vue
@@ -2,17 +2,12 @@
     <ModalAlive
         v-model="visible"
         class-name="user-tags-manage-modal"
+        :title="$L('个性标签管理')"
         :mask-closable="false"
         :footer-hide="true"
         width="520"
         :closable="true">
         <div class="tag-modal-container">
-            <div class="tag-modal-header">
-                <h3>{{$L('个性标签管理')}}</h3>
-                <p class="tag-modal-meta">
-                    <span>{{$L('当前共(*)个标签', total)}}</span>
-                </p>
-            </div>
             <div class="tag-modal-form">
                 <Input
                     v-model="newTagName"
@@ -43,7 +38,7 @@
                         :class="{'is-editing': editId === tag.id}">
                         <div class="tag-item-main">
                             <div class="tag-name" v-if="editId !== tag.id">
-                                <Tag :color="tag.recognized ? '#84C56A' : 'default'" class="tag-pill">{{tag.name}}</Tag>
+                                <div class="tag-pill" :class="{'is-recognized': tag.recognized}">{{tag.name}}</div>
                             </div>
                             <div class="tag-name edit" v-else>
                                 <Input
@@ -62,7 +57,7 @@
                                     :loading="isPending(tag.id, 'recognize')"
                                     @click="toggleRecognize(tag)">
                                     <Icon type="md-thumbs-up" />
-                                    <span>{{tag.recognition_total}}</span>
+                                    <span v-if="tag.recognition_total > 0">{{tag.recognition_total}}</span>
                                     <span class="recognize-text">{{$L('认可')}}</span>
                                 </Button>
                                 <template v-if="editId === tag.id">
@@ -92,11 +87,14 @@
                             </div>
                         </div>
                         <div class="tag-meta-info" v-if="tag.created_by_name">
-                            <span>{{$L('由(*)创建', tag.created_by_name)}}</span>
+                            <span>{{$L('由 (*) 创建', tag.created_by_name)}}</span>
                         </div>
                     </li>
                 </ul>
             </div>
+            <div v-if="total > 0" class="tag-modal-footer">
+                <span>{{$L('当前共(*)个标签', total)}}</span>
+            </div>
         </div>
     </ModalAlive>
 </template>
@@ -364,23 +362,7 @@ export default {
 <style lang="scss" scoped>
 .user-tags-manage-modal {
     .tag-modal-container {
-        padding: 16px 20px 12px;
-    }
-    .tag-modal-header {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        margin-bottom: 12px;
-        h3 {
-            margin: 0;
-            font-size: 16px;
-            font-weight: 600;
-        }
-        .tag-modal-meta {
-            margin: 0;
-            color: #909399;
-            font-size: 12px;
-        }
+        padding-bottom: 20px;
     }
     .tag-modal-form {
         margin-bottom: 16px;
@@ -388,6 +370,7 @@ export default {
     .tag-modal-body {
         max-height: 360px;
         overflow-y: auto;
+        margin-bottom: 16px;
     }
     .tag-loading {
         display: flex;
@@ -396,7 +379,7 @@ export default {
     }
     .tag-empty {
         text-align: center;
-        padding: 32px 0;
+        padding: 36px 0 32px;
         color: #909399;
         p {
             margin-top: 8px;
@@ -432,7 +415,16 @@ export default {
                 }
             }
             .tag-pill {
-                cursor: default;
+                padding: 6px 12px;
+                border-radius: 12px;
+                font-size: 13px;
+                line-height: 1;
+                user-select: none;
+                background-color: #f5f5f5;
+                color: #606266;
+                &.is-recognized {
+                    color: #67c23a;
+                }
             }
             .tag-actions {
                 display: flex;
@@ -442,9 +434,12 @@ export default {
                     display: inline-flex;
                     align-items: center;
                     gap: 4px;
+                    .ivu-icon {
+                        transform: translateY(-1px);
+                    }
                     .recognize-text {
+                        padding-left: 4px;
                         font-size: 12px;
-                        color: #606266;
                     }
                 }
             }
@@ -455,5 +450,9 @@ export default {
             }
         }
     }
+    .tag-modal-footer {
+        color: #909399;
+        font-size: 12px;
+    }
 }
 </style>
diff --git a/resources/assets/js/pages/manage/setting/personal.vue b/resources/assets/js/pages/manage/setting/personal.vue
index 4ddc1aab1..dd6ca90e2 100644
--- a/resources/assets/js/pages/manage/setting/personal.vue
+++ b/resources/assets/js/pages/manage/setting/personal.vue
@@ -45,13 +45,17 @@
                     :placeholder="$L('请输入个人简介')"></Input>
             </FormItem>
             <FormItem :label="$L('个性标签')">
-                <div class="user-tags-preview" @click="openTagModal">
+                <div class="user-tags-preview">
                     <template v-if="displayTags.length">
-                        <Tag
+                        <div
                             v-for="tag in displayTags"
                             :key="tag.id"
-                            :color="tag.recognized ? '#84C56A' : 'default'"
-                            class="tag-pill">{{tag.name}}</Tag>
+                            class="tag-pill" 
+                            :class="{'is-recognized': tag.recognized}"
+                            @click="openTagModal">
+                            {{tag.name}}
+                            <span v-if="tag.recognition_total > 0">{{tag.recognition_total}}</span>
+                        </div>
                     </template>
                     <span v-else class="tags-empty">{{$L('暂无个性标签')}}</span>
                     <span v-if="personalTagTotal > displayTags.length" class="tags-total">{{$L('共(*)个', personalTagTotal)}}</span>
@@ -198,10 +202,34 @@ export default {
     flex-wrap: wrap;
     gap: 8px;
     min-height: 32px;
-    cursor: pointer;
 
     .tag-pill {
         cursor: pointer;
+        padding: 5px 12px;
+        border-radius: 12px;
+        font-size: 13px;
+        line-height: 1;
+        user-select: none;
+        background-color: #f5f5f5;
+        color: #606266;
+        &.is-recognized {
+            color: #67c23a;
+        }
+        span {
+            padding-left: 8px;
+            position: relative;
+            &:before {
+                content: '';
+                position: absolute;
+                left: 2px;
+                top: 50%;
+                transform: translateY(-50%);
+                width: 2px;
+                height: 2px;
+                border-radius: 50%;
+                background-color: currentColor;
+            }
+        }
     }
 
     .tags-empty {
diff --git a/resources/assets/sass/pages/components/user-detail.scss b/resources/assets/sass/pages/components/user-detail.scss
index 5b014fb94..eaafe2dc6 100755
--- a/resources/assets/sass/pages/components/user-detail.scss
+++ b/resources/assets/sass/pages/components/user-detail.scss
@@ -1,18 +1,32 @@
 .common-user-detail-modal {
+    .ivu-modal-fullscreen {
+        .ivu-modal-content {
+            margin-top: calc(var(--status-bar-height) + 46px) !important;
+        }
+        .ivu-modal-body {
+            border-radius: 16px 16px 0 0;
+        }
+    }
     .ivu-modal-content {
-        border-radius: 16px !important;
-        margin-top: calc(var(--status-bar-height) + 46px) !important;
+        background-color: transparent;
+    }
+    .ivu-modal-close {
+        .ivu-icon-ios-close {
+            color: #ffffff;
+        }
     }
     .ivu-modal-body {
         padding: 0 !important;
+        background-color: #ffffff;
+        border-radius: 16px;
     }
     .user-detail-body {
         .profile-header {
             position: relative;
-            height: 160px;
+            height: 180px;
             .cover-photo {
                 background: $primary-color;
-                height: 120px;
+                height: 130px;
                 border-top-left-radius: 16px;
                 border-top-right-radius: 16px;
             }
@@ -34,45 +48,59 @@
 
             .user-info-top {
                 .username {
-                    color: $primary-desc-color;
-                    font-size: 14px;
-                }
-                .fullname {
                     font-size: 20px;
                     font-weight: bold;
-                    margin: 4px 0;
                 }
                 .meta {
+                    margin-top: 8px;
                     display: flex;
                     justify-content: center;
                     align-items: center;
                     color: #808695;
-                    font-size: 12px;
+                    font-size: 13px;
                     .common-dialog {
                         cursor: pointer;
+                        em {
+                            padding-left: 4px;
+                            font-style: normal;
+                            color: $primary-color;
+                        }
                     }
                     .separator {
                         margin: 0 8px;
+                        opacity: 0.3;
                     }
                 }
             }
 
             .profile-actions {
-                margin: 16px 0;
+                margin-top: 16px;
                 display: flex;
                 justify-content: center;
-                gap: 8px;
+                gap: 12px;
+                .ivu-btn {
+                    border-radius: 6px;
+                    border-color: #ececec;
+                    &:hover {
+                        border-color: #a2d98d;
+                    }
+                    .taskfont {
+                        margin-right: 6px;
+                    }
+                }
             }
 
             .profile-bio {
                 color: $primary-title-color;
-                line-height: 1.5;
-                margin: 16px 0;
+                line-height: 1.6;
+                margin-top: 16px;
                 padding: 0 50px;
                 font-size: 12px;
+                opacity: 0.8;
             }
 
             .profile-information {
+                margin-top: 24px;
                 text-align: left;
                 background-color: #f8f8f9;
                 padding: 16px;
@@ -90,7 +118,7 @@
 
                     li {
                         display: flex;
-                        align-items: flex-start; // 避免多行内容导致垂直居中不齐
+                        align-items: flex-start;
                         padding: 8px 0;
                         font-size: 14px;
 
@@ -118,6 +146,9 @@
                             white-space: normal;
                             word-break: break-word;
                             overflow-wrap: break-word;
+                            &.clickable {
+                                cursor: pointer;
+                            }
                         }
                     }
                 }
@@ -126,14 +157,36 @@
             .profile-tags {
                 margin-top: 12px;
                 padding-top: 12px;
-                border-top: 1px solid #80869550;
-                cursor: pointer;
+                border-top: 1px solid #e5e5e5;
+                display: flex;
                 .tags-list {
                     display: flex;
                     flex-wrap: wrap;
                     gap: 8px;
                     justify-content: center;
                     position: relative;
+                    .recognition-total {
+                        padding-left: 8px;
+                        position: relative;
+                        &:before {
+                            content: '';
+                            position: absolute;
+                            left: 2px;
+                            top: 50%;
+                            transform: translateY(-50%);
+                            width: 2px;
+                            height: 2px;
+                            border-radius: 50%;
+                            background-color: currentColor;
+                        }
+                    }
+                }
+                .ivu-btn {
+                    border-radius: 6px;
+                    &.ivu-btn-primary {
+                        background-color: #ffffff;
+                        color: $primary-color;
+                    }
                 }
                 .ivu-tag {
                     margin: 0;