.speaker-container {
        position: relative;
        width: 100%;
        bottom: 0;
        height: 100vh;
        background-color: #ededed;
        z-index: 98;
      }

      /* 图片容器 - 添加裁切 */
      .speaker-img-container {
        position: relative;
        margin: 0;
        overflow: hidden;
      }
      
      .speaker-img {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

      /* 层级2：包裹高度 100vh */
      .s-box {
        position: absolute;
        bottom: 0;
        height: 100vh;
        min-height: 750px;
        display: flex;
        align-items: center;
      }
      
      /* 层级1：滚动时，改变高度百分比实现颜色切换 */
      .s-mask {
        position: absolute;
        width: 100%;
        height: 0;
        bottom: 0;
      }
      
      /* 层级0: 固定图片在中间 */
      .speaker-figure {
        width: 60vw;
        min-width: 600px;
        margin: 0;
        height: 100vh;
        min-height: 750px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 99;
        display: flex;
        align-items: center;
        justify-content: center;
      }

      .color-bg {
        position: absolute;
        width: 100%;
        height: 0;
        bottom: 0;
        overflow: hidden;
      }
      
      .color-bg.orange-bg {
        background-color: #ffeee8;
      }
      
      .color-bg.green-bg {
        background-color: #effbfc;
      }
      
      .color-bg.white-bg {
        background-color: #393a3b;
      }
      
      .mask-box {
        position: absolute;
        width: 50%;
        height: 100vh;
        min-height: 750px;
        left: 0;
        bottom: 0;
        overflow: hidden;
      }
      
      .color-txt {
        width: 230px;
        height: 100vh;
        position: absolute;
        left: 50%;
        bottom: 0;
        transform: translateX(-50%);
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        justify-content: center;
        padding-top: 10%; /* 文字向上移动10% */
      }
      
      .color-txt strong {
        font-size: 84px;
      }
      
      .color-txt p {
        font-size: 34px;
        margin: 10px 0 0 0;
      }
      
      .orange-bg strong {
        color: #f6683a;
      }
      
      .orange-bg p {
        color: #fdbfab;
      }
      
      .green-bg strong {
        color: #38bec1;
      }
      
      .green-bg p {
        color: #a5e2e4;
      }
      
      .white-bg strong {
        color: #ffffff;
      }
      
      .white-bg p {
        color: #dcdcdc;
      }