diff --git a/web/src/lib/api.ts b/web/src/lib/api.ts
index 3b2c6c4..af576a9 100644
--- a/web/src/lib/api.ts
+++ b/web/src/lib/api.ts
@@ -210,6 +210,10 @@ export const adminApi = {
   setMemberRole: (teamId: number, memberId: number, isTeamAdmin: boolean) =>
     api.patch(`/admin/teams/${teamId}/members/${memberId}/role`, { is_team_admin: isTeamAdmin }),
 
+  // 升某成员为主管(后端会自动同时设 is_team_admin=true)
+  setMemberAsOwner: (teamId: number, memberId: number) =>
+    api.patch(`/admin/teams/${teamId}/members/${memberId}/role`, { is_team_owner: true }),
+
   // User management
   createUser: (data: {
     username: string;
diff --git a/web/src/pages/TeamsPage.tsx b/web/src/pages/TeamsPage.tsx
index b139564..1272a27 100644
--- a/web/src/pages/TeamsPage.tsx
+++ b/web/src/pages/TeamsPage.tsx
@@ -833,21 +833,53 @@ export function TeamsPage() {
                                 } catch { showToast('操作失败'); }
                               }}>主管理员</span>
                             ) : m.is_team_admin ? (
-                              <span className={styles.adminBadge} style={{ cursor: 'pointer' }} title="点击取消副管理员" onClick={async () => {
-                                try {
-                                  await adminApi.setMemberRole(detailTeam!.id, m.id, false);
-                                  showToast('已取消副管理员');
-                                  const { data: refreshed } = await adminApi.getTeamDetail(detailTeam!.id); setDetailTeam(refreshed);
-                                } catch { showToast('操作失败'); }
-                              }}>副管理员</span>
+                              <>
+                                <span className={styles.adminBadge} style={{ cursor: 'pointer' }} title="点击取消副管理员(变回普通成员)" onClick={async () => {
+                                  try {
+                                    await adminApi.setMemberRole(detailTeam!.id, m.id, false);
+                                    showToast('已取消副管理员');
+                                    const { data: refreshed } = await adminApi.getTeamDetail(detailTeam!.id); setDetailTeam(refreshed);
+                                  } catch { showToast('操作失败'); }
+                                }}>副管理员</span>
+                                <button
+                                  type="button"
+                                  style={{ marginLeft: 6, fontSize: 11, color: 'var(--color-text-tertiary)',
+                                           background: 'none', border: 'none', cursor: 'pointer', padding: 0, textDecoration: 'underline' }}
+                                  title="升为主管理员(原主管不会自动降级,如需保持唯一主管请先撤销原主管)"
+                                  onClick={async () => {
+                                    if (!window.confirm(`将 ${m.username} 设为主管理员?\n\n注意:不会自动降级现有主管。如果想换主管,请先撤销原主管再升新主管。`)) return;
+                                    try {
+                                      await adminApi.setMemberAsOwner(detailTeam!.id, m.id);
+                                      showToast('已升为主管理员');
+                                      const { data: refreshed } = await adminApi.getTeamDetail(detailTeam!.id); setDetailTeam(refreshed);
+                                    } catch { showToast('操作失败'); }
+                                  }}
+                                >→主管</button>
+                              </>
                             ) : (
-                              <span style={{ cursor: 'pointer', color: 'var(--color-text-secondary)' }} title="点击设为副管理员" onClick={async () => {
-                                try {
-                                  await adminApi.setMemberRole(detailTeam!.id, m.id, true);
-                                  showToast('已设为副管理员');
-                                  const { data: refreshed } = await adminApi.getTeamDetail(detailTeam!.id); setDetailTeam(refreshed);
-                                } catch { showToast('操作失败'); }
-                              }}>成员</span>
+                              <>
+                                <span style={{ cursor: 'pointer', color: 'var(--color-text-secondary)' }} title="点击设为副管理员" onClick={async () => {
+                                  try {
+                                    await adminApi.setMemberRole(detailTeam!.id, m.id, true);
+                                    showToast('已设为副管理员');
+                                    const { data: refreshed } = await adminApi.getTeamDetail(detailTeam!.id); setDetailTeam(refreshed);
+                                  } catch { showToast('操作失败'); }
+                                }}>成员</span>
+                                <button
+                                  type="button"
+                                  style={{ marginLeft: 6, fontSize: 11, color: 'var(--color-text-tertiary)',
+                                           background: 'none', border: 'none', cursor: 'pointer', padding: 0, textDecoration: 'underline' }}
+                                  title="直接升为主管理员(原主管不会自动降级)"
+                                  onClick={async () => {
+                                    if (!window.confirm(`将 ${m.username} 设为主管理员?\n\n注意:不会自动降级现有主管。如果想换主管,请先撤销原主管再升新主管。`)) return;
+                                    try {
+                                      await adminApi.setMemberAsOwner(detailTeam!.id, m.id);
+                                      showToast('已升为主管理员');
+                                      const { data: refreshed } = await adminApi.getTeamDetail(detailTeam!.id); setDetailTeam(refreshed);
+                                    } catch { showToast('操作失败'); }
+                                  }}
+                                >→主管</button>
+                              </>
                             )}
                           </td>
                           <td>