 /* Performance optimizations */
        * {
           -webkit-backface-visibility: hidden;
           backface-visibility: hidden;
       }
       
       /* 移动端全局优化 */
       body {
           margin: 0;
           padding: 0;
           width: 100%;
           overflow-x: hidden;
       }
       
       .bg_color {
           width: 100%;
           max-width: none;
       }
       
       /* 视频容器立即显示 */
       .video-container.loading {
           background: #fd9646 !important;
       }
       
       .video-container.loading .video-loading {
           display: none !important;
       }
       
       /* Video optimization styles */
       .video-container {
           position: relative;
           width: 100% !important;
           max-width: none;
           margin: 0;
           min-height: 280px;
           background: #fd9646;
           overflow: hidden;
       }
       
       /* 移动端优化 */
       @media (max-width: 768px) {
           .video-container {
               /* width: 100vw !important; */
               max-width: 100vw !important;
               margin: 0 !important;
               padding: 0 !important;
               min-height: 56.25vw; /* 16:9 比例 */
           }
       }
       
       .video-container video {
           width: 100% !important;
           height: auto;
           display: block !important;
           object-fit: cover;
           background-color: #000;
           min-height: 280px;
           opacity: 1;
           visibility: visible;
           transform: translateZ(0);
           will-change: auto;
       }
       
       /* 视频控制条样式 */
       .video-container video::-webkit-media-controls-panel {
           background: linear-gradient(transparent, rgba(0,0,0,0.8));
           transition: opacity 0.3s ease;
       }
       
       .video-container video::-webkit-media-controls-play-button,
       .video-container video::-webkit-media-controls-volume-slider,
       .video-container video::-webkit-media-controls-mute-button {
           filter: brightness(1.2);
       }
       
       
       /* 声音控制按钮 */
       .sound-control {
           position: absolute;
   top: 10px;
   right: 10px;
   background: rgb(253 0 0 / 80%);
   color: white;
   border: 2px solid rgb(255 255 255);
   border-radius: 6px;
   padding: 10px 15px;
   font-size: 14px;
   cursor: pointer;
   transition: all 0.3s ease;
   z-index: 1000;
   user-select: none;
   -webkit-tap-highlight-color: transparent;
       }
       
       .sound-control:hover {
           background: rgba(0, 0, 0, 0.9);
           border-color: rgba(255, 255, 255, 0.6);
           transform: scale(1.05);
       }
       
       .sound-control.enabled {
           background: rgba(0, 150, 0, 0.8);
           border-color: rgba(255, 255, 255, 0.8);
       }
       
       .sound-control.enabled:hover {
           background: rgba(0, 180, 0, 0.9);
       }
       
       /* 移动端优化 */
       @media (max-width: 768px) {
           .sound-control {
               top: 15px;
               right: 15px;
               padding: 0px 18px;
               font-size: 14px;
               touch-action: manipulation;
           }
       }
       
       /* 移动端视频优化 */
       @media (max-width: 768px) {
           .video-container video {
               width: 100vw !important;
               max-width: 100vw !important;
               height: 56.25vw !important; /* 16:9 比例 */
               min-height: 56.25vw !important;
               object-fit: cover;
               object-position: center;
           }
       }
       
       /* 隐藏加载状态 */
       .video-loading, .progress-bar {
           display: none !important;
       }
       
       .video-loading {
           position: absolute;
           top: 50%;
           left: 50%;
           transform: translate(-50%, -50%);
           color: white;
           font-size: 14px;
           background: rgba(0, 0, 0, 0.7);
           padding: 10px 15px;
           border-radius: 4px;
           display: none;
       }
       
       .video-container.loading .video-loading {
           display: block;
       }
       
       /* Progressive loading animation */
       .progress-bar {
           position: absolute;
           bottom: 0;
           left: 0;
           height: 3px;
           background: #007bff;
           width: 0%;
           transition: width 0.3s ease;
           z-index: 5;
       }
       
       /* Video container base styles already defined above */
       
       /* Optimize video rendering */
       .video-container video {
           transform: translateZ(0);
           will-change: transform;
           backface-visibility: hidden;
       }
       
       /* Ensure video is always visible */
       .video-container.loading video {
           display: block !important;
           opacity: 1;
       }
       
     
       .btn-wrap-1{padding:0!important}