fix(miniprogram): restore workbench green header with full-width right user row

Co-authored-by: Cursor <cursoragent@cursor.com>

miniprogram/pages/workbench/workbench.vue

@@ -69,27 +69,22 @@ const handleLogout = async () => {
 
 <template>
   <view class="mp-page mp-page--tab">
-    <view class="sq-nav-header sq-nav-header--tall" :style="safeAreaStyle">
-      <!-- 第一行：标题左对齐，右侧避开胶囊 -->
-      <view class="sq-nav-header__nav">
-        <view class="sq-nav-header__left sq-nav-header__left--stack">
-          <text class="sq-nav-header__title">工作台</text>
-          <text class="sq-nav-header__meta">选择业务模块，进入对应功能办理</text>
-        </view>
-        <view /><!-- 胶囊占位 -->
+    <view class="mp-header mp-header--workbench" :style="safeAreaStyle">
+      <!-- 标题行：左侧文案，右侧仅避开胶囊 -->
+      <view class="mp-header__title-row">
+        <text class="mp-header__title">工作台</text>
+        <text class="mp-header__meta">选择业务模块，进入对应功能办理</text>
       </view>
-      <!-- 第二行：用户区独立全宽右对齐，不受胶囊列挤压 -->
-      <view class="sq-nav-header__user-row">
-        <view class="sq-nav-header__user">
-          <text class="sq-nav-header__user-name">{{ displayName }}</text>
-          <text
-            class="sq-nav-header__logout"
-            :class="{ 'sq-nav-header__logout--disabled': loggingOut }"
-            @click="handleLogout"
-          >
-            {{ loggingOut ? '退出中…' : '退出登录' }}
-          </text>
-        </view>
+      <!-- 用户行：独立全宽右对齐，不受胶囊占位限制 -->
+      <view class="mp-header__user-row">
+        <text class="mp-header__user-name">{{ displayName }}</text>
+        <text
+          class="mp-header__logout"
+          :class="{ 'mp-header__logout--disabled': loggingOut }"
+          @click="handleLogout"
+        >
+          {{ loggingOut ? '退出中…' : '退出登录' }}
+        </text>
       </view>
     </view>