refactor(播放器): 优化音频播放逻辑和学生切换功能

- 重构音频播放管理逻辑，简化播放状态控制
- 改进学生切换功能，使用索引代替顺序号
- 移除冗余代码，优化音量控制实现
- 调整CSS布局样式，增强页面展示效果

static/css/index.css

@@ -224,6 +224,7 @@
 .content .introduce .trait {
   background-color: #ffffff;
   height: 420px;
+  justify-content: space-between;
 }
 .content .introduce .trait .item {
   padding-top: 98px;
@@ -244,7 +245,7 @@
   margin-bottom: 42px;
 }
 .content .introduce .trait .item .text {
-  width: 266px;
+  width: 270px;
   font-family: "PingFangSC-Regular", "PingFang SC", sans-serif;
   font-weight: 400;
   font-style: normal;

static/css/index.less

@@ -255,7 +255,7 @@
         .trait {
             background-color: #ffffff;
             height: 420px;
-
+            justify-content: space-between;
             .item {
                 padding-top: 98px;
                 flex-direction: column;
@@ -276,7 +276,7 @@
                 }
 
                 .text {
-                    width: 266px;
+                    width: 270px;
                     font-family: "PingFangSC-Regular", "PingFang SC", sans-serif;
                     font-weight: 400;
                     font-style: normal;