【需求 17679】 perf: 优化样式

src/views/userPage/index.vue

@@ -45,7 +45,7 @@
               class="bg-white rounded-lg shadow-sm p-6 mb-4 relative overflow-hidden"
             >
               <div
-                class="absolute -right-9 top-3 bg-blue-500 text-white text-xs px-10 py-1 rotate-45 cursor-pointer shadow-md hover:from-blue-600 hover:to-blue-700 transition-all"
+                class="absolute -left-10 top-3 bg-blue-500 text-white text-xs px-10 py-1 -rotate-45 cursor-pointer shadow-md hover:from-blue-600 hover:to-blue-700 transition-all"
                 @click="isReal = isReal ? 0 : 1"
               >
                 切换{{ isReal ? '匿名' : '实名' }}
@@ -61,13 +61,16 @@
 
                 <div class="flex-1 min-w-0">
                   <el-tooltip :content="currentUserInfo.name" placement="top">
-                    <span class="text-xl font-semibold text-gray-800 mb-1 truncate">
+                    <!-- 省略号 一行 -->
+                    <span
+                      class="text-xl font-semibold text-gray-800 mb-1 truncate line-clamp-1 break-all"
+                    >
                       {{ currentUserInfo.name }}
                     </span>
                   </el-tooltip>
 
                   <el-tooltip :content="currentUserInfo.signature" placement="right">
-                    <span class="text-gray-500 text-sm mb-3 line-clamp-2">
+                    <span class="text-gray-500 text-sm mb-1 line-clamp-2 break-all">
                       {{ currentUserInfo.signature }}
                     </span>
                   </el-tooltip>