fix(audio): 修复音频自动播放问题

- 使用 requestAnimationFrame 包装音频播放逻辑
- 确保在用户交互后正确触发播放
- 保留原有的静默错误处理机制

style(artalk): 优化移动端评论样式

- 移除重复的 CSS 选择器定义
- 调整评论区域 padding 和字体大小
- 优化黑夜模式下评论背景透明度
- 修复移动端头像拉伸显示问题
- 移除夜间模式下不必要的边框和圆角
- 完全移除评论容器的边框和阴影样式
- 更新分页按钮的内边距和字体大小
- 修复移动端输入框背景色问题

js/about.js

@@ -1132,12 +1132,13 @@ class UIManager {
         window.addEventListener('load', () => {
             // 检查是否在24小时内用户暂停过音乐
             const shouldRemainPaused = this.shouldMusicRemainPaused();
-
             // 如果不应该保持暂停状态，则尝试播放
             if (!shouldRemainPaused) {
-                this.audio.play().catch(() => {
-                    // 静默处理播放失败
-                    console.error('Failed to play audio.');
+                requestAnimationFrame(() => {
+                    this.audio.play().catch(() => {
+                        // 静默处理播放失败
+                        console.error('Failed to play audio.');
+                    });
                 });
             }
         });