diff --git a/frontend/src/components/Step2EnvSetup.vue b/frontend/src/components/Step2EnvSetup.vue
index d49d4193..659a0e67 100644
--- a/frontend/src/components/Step2EnvSetup.vue
+++ b/frontend/src/components/Step2EnvSetup.vue
@@ -90,8 +90,8 @@
                 @click="selectProfile(profile)"
               >
                 <div class="profile-header">
-                  <span class="profile-realname">{{ profile.realname || 'Unknown' }}</span>
-                  <span class="profile-username">@{{ profile.username || `agent_${idx}` }}</span>
+                  <span class="profile-realname">{{ profile.username || 'Unknown' }}</span>
+                  <span class="profile-username">@{{ profile.name || `agent_${idx}` }}</span>
                 </div>
                 <div class="profile-meta">
                   <span class="profile-profession">{{ profile.profession || '未知职业' }}</span>
@@ -535,8 +535,8 @@
           <div class="modal-header">
           <div class="modal-header-info">
             <div class="modal-name-row">
-              <span class="modal-realname">{{ selectedProfile.realname }}</span>
-              <span class="modal-username">@{{ selectedProfile.username }}</span>
+              <span class="modal-realname">{{ selectedProfile.username }}</span>
+              <span class="modal-username">@{{ selectedProfile.name }}</span>
             </div>
             <span class="modal-profession">{{ selectedProfile.profession }}</span>
           </div>
@@ -929,7 +929,7 @@ const fetchProfilesRealtime = async () => {
         lastLoggedProfileCount = currentCount
         const total = expectedTotal.value || '?'
         const latestProfile = profiles.value[currentCount - 1]
-        const profileName = latestProfile?.realname || latestProfile?.username || `Agent_${currentCount}`
+        const profileName = latestProfile?.name || latestProfile?.username || `Agent_${currentCount}`
         if (currentCount === 1) {
           addLog(`开始生成Agent人设...`)
         }
diff --git a/frontend/src/views/MainView.vue b/frontend/src/views/MainView.vue
index 2a152d97..46a2b163 100644
--- a/frontend/src/views/MainView.vue
+++ b/frontend/src/views/MainView.vue
@@ -424,6 +424,13 @@ onUnmounted(() => {
   padding: 0 24px;
   background: #FFF;
   z-index: 100;
+  position: relative;
+}
+
+.header-center {
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
 }
 
 .brand {
diff --git a/frontend/src/views/Process.vue b/frontend/src/views/Process.vue
index 952451af..5d1862e7 100644
--- a/frontend/src/views/Process.vue
+++ b/frontend/src/views/Process.vue
@@ -1137,6 +1137,9 @@ onUnmounted(() => {
   display: flex;
   align-items: center;
   gap: 12px;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
 }
 
 .step-badge {
diff --git a/frontend/src/views/SimulationRunView.vue b/frontend/src/views/SimulationRunView.vue
index 1ea40830..a7072209 100644
--- a/frontend/src/views/SimulationRunView.vue
+++ b/frontend/src/views/SimulationRunView.vue
@@ -330,6 +330,13 @@ onUnmounted(() => {
   padding: 0 24px;
   background: #FFF;
   z-index: 100;
+  position: relative;
+}
+
+.header-center {
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
 }
 
 .brand {
@@ -437,3 +444,4 @@ onUnmounted(() => {
   border-right: 1px solid #EAEAEA;
 }
 </style>
+
diff --git a/frontend/src/views/SimulationView.vue b/frontend/src/views/SimulationView.vue
index 1e218d6f..752e55ea 100644
--- a/frontend/src/views/SimulationView.vue
+++ b/frontend/src/views/SimulationView.vue
@@ -317,6 +317,7 @@ onMounted(async () => {
   padding: 0 24px;
   background: #FFF;
   z-index: 100;
+  position: relative;
 }
 
 .brand {
@@ -327,6 +328,12 @@ onMounted(async () => {
   cursor: pointer;
 }
 
+.header-center {
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+}
+
 .view-switcher {
   display: flex;
   background: #F5F5F5;