feat(chat-room): 添加聊天室新主题和流畅模式功能

- 在移动端基础样式中添加提示框样式定义
- 在聊天室页面添加主题切换按钮和流畅模式开关
- 实现主题切换的JavaScript函数
- 添加新的聊天室布局文件chat-room-2.ftl
- 实现新的聊天室布局的CSS样式和交互功能
- 添加滚动到顶部按钮和音乐播放器功能
- 实现消息区自动滚动到底部和加载更多历史消息功能

Author: csfwff

src/main/resources/css/mobile-base.css

@@ -3850,4 +3850,38 @@ only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-de
 
 .game-badge .badge-status-icon {
   font-size: 14px;
+}
+
+.tip-wrapper {
+  position: relative;
+  display: inline-block;
+  cursor: pointer;
+}
+
+.tip-wrapper .tip-text {
+  visibility: hidden;
+  opacity: 0;
+  position: absolute;
+  bottom: 100%;
+  left: 50%;
+  transform: translateX(-50%);
+  background: rgba(236, 236, 236, 0.8);
+  backdrop-filter: blur(8px);
+  -webkit-backdrop-filter: blur(8px);
+  color: #000000;
+  padding: 6px 10px;
+  border-radius: 4px;
+  white-space: normal;
+  word-break: break-all;
+  width: 230px;
+  text-align: center;
+  font-size: 14px;
+  margin-bottom: 6px;
+  transition: opacity 0.2s;
+  z-index: 10;
+}
+
+.tip-wrapper:hover .tip-text {
+  visibility: visible;
+  opacity: 1;
 }