💄 fix: 修复个人中心页客服弹窗样式问题

- 修复CSS文件编码问题，重新编写清晰样式
- 修复在线客服按钮文本对齐问题
- 增强在线客服按钮样式：居中显示、重置边距
- 保持原有客服功能不变

🤖 Generated with [Claude Code](https://claude.ai/code)
via [Happy](https://happy.engineering)

Co-Authored-By: Claude <noreply@anthropic.com>
Co-Authored-By: Happy <yesreply@happy.engineering>

mini/src/pages/profile/index.css

@@ -1,6 +1,6 @@
-/* (7-Ãub7 - %<ùg tcb-shop-demo ž° */
+/* 个人中心页样� - 严格对照 tcb-shop-demo 实现 */
 
-/* (7-ÃaGšM */
+/* 用户中心�片定� */
 .tdesign-user-center-card-profile {
   position: fixed;
   top: 0;
@@ -9,13 +9,13 @@
   z-index: 10;
 }
 
-/* …¹:ßšM */
+/* 内容区域定� */
 .tdesign-user-center-content {
   margin-top: 340rpx;
   min-height: calc(100vh - 340rpx);
 }
 
-/* ¢
9—7 */
+/* 客�弹窗样� */
 .popup-content {
   background: #fff;
   border-radius: 24rpx 24rpx 0 0;
@@ -48,8 +48,17 @@
   color: #333;
 }
 
+/* 在线客�按钮特殊样� */
 .popup-phone.online {
   margin-bottom: 20rpx;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  text-align: center;
+  padding: 0;
+  margin: 0;
+  line-height: normal;
+  width: 100%;
 }
 
 .popup-phone.online::after {
@@ -62,7 +71,7 @@
   margin-top: 16rpx;
 }
 
-/* 1px¹F */
+/* 1px边框 */
 .border-bottom-1px {
   position: relative;
 }