fix(mobile): 修复移动端 UI 鼠标无法切换页面

[MoYingJi]

No description provided.

[Copilot]

Pull request overview

该 PR 旨在修复移动端全屏播放器底部分页指示器（圆点）在鼠标/指针交互下无法点击切换页面的问题，使分页圆点可响应点击并提升可点击命中区域。

Changes:

• 为分页圆点启用 pointer-events 并设置 cursor: pointer，允许在分页容器 pointer-events: none 的前提下仍可点击圆点
• 通过 ::after 伪元素扩大圆点的可点击热区，提升可用性

[gemini-code-assist]

Code Review

This pull request enhances the interaction area for pagination dots in the mobile player by implementing a pseudo-element to expand the hit target. A review comment identifies that the current horizontal offsets cause overlapping click areas between adjacent dots, leading to imprecise event triggering; it suggests reducing the offset to ensure a clean split at the center of the gap.

[gemini-code-assist]

使用 ::after 伪元素扩大点击区域是一个很好的做法，但目前的 left 和 right 偏移量（-8px）结合 gap: 8px 的设置，会导致相邻指示点的点击区域在间隙处完全重叠。由于后一个点在 DOM 顺序中靠后，点击两个点之间的间隙将始终触发后一个点的事件。这会导致用户点击靠近左侧点的间隙时却切换到了右侧页面，交互逻辑不够精确。建议将水平偏移量调整为 -4px，使点击区域在间隙中心衔接。

      &::after {
        content: "";
        position: absolute;
        top: -16px;
        bottom: -16px;
        left: -4px;
        right: -4px;
      }