feat: 更新图片资源并优化播放器样式和布局

- 替换多张图片资源为PNG格式
- 重构底部播放器样式，调整布局和动画效果
- 优化guess页面的UI元素和交互提示
- 修复CSS中的z-index和line-height问题
- 调整音频预加载策略为auto

guess.html

@@ -48,6 +48,12 @@
                     <div class="start-box">
                         <img class="microphone" src="./static/img/guess/microphone.png" alt="" />
                         <img class="suspect-text" src="./static/img/guess/suspect-text.png" alt="" />
+                        <div class="hint">连对3题有奖品哦，快来挑战吧！</div>
+                        <img class="start-icon" src="./static/img/guess/start-icon.png" alt="" />
+                    </div>
+                    <div class="answer-box answer-one">
+                        <img class="figure" src="./static/img/guess/figure-one.png" alt="" />
+                        <div class="topic-list"></div>
                     </div>
                 </div>
             </div>