修复手机端欢迎语弹窗位置

resources/css/chat.css

@@ -1089,6 +1089,31 @@ a:hover {
         z-index: 10040 !important;
     }
 
+    /* 欢迎语模板较长，手机端同样需要脱离按钮定位，避免右侧被屏幕裁掉。 */
+    #welcome-menu {
+        position: fixed !important;
+        top: 50% !important;
+        right: auto !important;
+        bottom: auto !important;
+        left: 50% !important;
+        width: min(92vw, 340px) !important;
+        min-width: 0 !important;
+        max-width: calc(100vw - 24px) !important;
+        max-height: min(72vh, 520px) !important;
+        box-sizing: border-box;
+        overflow-y: auto;
+        transform: translate(-50%, -50%);
+        z-index: 10040 !important;
+    }
+
+    #welcome-menu .welcome-menu-item {
+        white-space: normal;
+        overflow: visible;
+        text-overflow: clip;
+        line-height: 1.45;
+        word-break: break-word;
+    }
+
     /* ── 名单抽屉内用户列表 item 放大触摸区域 ── */
     #mob-online-users-list .user-item {
         padding: 7px 8px;