解决chatbot placeholder宽度问题

web_assets/stylesheet/ChuanhuChat.css

@@ -1135,6 +1135,11 @@ input:checked + .chatbot-input-more-span {
     display: none;
 }
 
+#chatbot-area {
+    container-name: chatbot-area;
+    container-type: inline-size;
+}
+
 #chatbot-area.no-menu #chatbot-header {
     padding-left: max(20px, env(safe-area-inset-left));
 }

web_assets/stylesheet/chatbot.css

@@ -454,11 +454,8 @@ img.avatar-image {
     opacity: 1;
 }
 
-#chatbot-placeholder-options button.hide-for-mobile {
-    @media screen and (max-width: 639px) {
+@container chatbot-area (width < 712px) {
+    #chatbot-placeholder-options button.hide-for-mobile {
         display: none;
     }
-    @media screen and (min-width: 640px) {
-        display: inline-block;
-    }
 }