随机美女热舞HTML 页面包含样式美化和随机切换逻辑。

1. 布局样式：

• .main-container 模拟截图的 720x720 主容器，带阴影和圆角；

• .content-wrapper 实现 “黑色侧边 + 中间内容 ” 的布局 ，和截图视觉一致；

• .next-btn 还原截图里 “下一位
  ” 按钮的红色样式和位置。

2. 交互逻辑：

• randomSwitchMedia() 函数：先隐藏当前内容
  ，生成不重复的随机索引，再显示新内容；

• 绑定按钮点击事件 ，点击 “下一位” 触发随机切换；

• 额外添加了自动切换（5 秒一次），和截图里 “自动随机播放 ” 文字呼应 。

3. 资源替换：

• 代码里的<img>标签是示例资源
  ，你需要将src属性替换成自己的美女热舞图片 / 视频链接；

• 如果要展示视频，只需把<img>换成<video>标签 ，保持class="media-item"即可（示例：<video class="media-item" src="你的视频链接.mp4" controls></video>）。

运行条件

• 无需安装任何环境
  ，将代码保存为.html文件（比如dance.html），用任意浏览器打开即可运行；

• 确保替换的图片 / 视频链接是可公开访问的（本地资源需用相对路径）
  。