.player-wrapper {
        cursor: pointer;
        width: 200px;
        position: absolute;
        right: 0;
        top: 150px;
        z-index: 1001;
      }
      .top_bg {
        width: 100%;
        min-height: 100%;
        position: relative;
      }
      .ai_position {
        position: absolute;
        left: -95px;
        top: 25px;
        display: none;
        align-items: center;
        gap: 8px;
        background: #fff;
        color: #bd1a2d;
        border: 3px solid #bd1a2d;
        border-radius: 6px;
        cursor: pointer;
        padding: 6px 16px;
        font-size: 14px;
        box-shadow: 0 2px 8px rgba(216, 212, 213, 0.3);
        white-space: nowrap;
        transition: all 0.5s ease;
        user-select: none;
        font-weight: 600;
      }
      .ai_position:before {
        content: "";
        display: inline-block;
        width: 0;
        height: 0;
        border-top: 13px solid transparent;
        border-bottom: 13px solid transparent;
        border-left: 18px solid #bd1a2d;
        position: absolute;
        top: 5px;
        right: -18px;
      }
      .ai_position:after {
        content: "";
        display: inline-block;
        width: 0;
        height: 0;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-left: 15px solid #fff;
        position: absolute;
        top: 8px;
        right: -14px;
      }
      .ai_position:hover {
        transform: translateY(-1px);
      }
      .ai_position .ai-play-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 25px;
        height: 25px;
        background: #bd1a2d;
        border-radius: 50%;
        font-size: 12px;
        color: #fff;
      }
      #ai-news-popup {
        position: absolute;
        top: 105px;
        right: 0px;
        background: white;
        border: 1px solid #ddd;
        border-radius: 10px;
        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
        padding: 0;
        width: 400px;
        z-index: 1002;
        display: none;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
        overflow: hidden;
      }
      .ai-popup-header {
        background: #bd1a2d;
        color: #fff;
        padding: 14px 18px;
        font-size: 16px;
        font-weight: bold;
        display: flex;
        align-items: center;
        justify-content: space-between;
      }
      .ai-popup-header .ai-popup-tip {
        font-size: 12px;
        font-weight: normal;
        color: rgba(255, 255, 255, 0.7);
      }
      .ai-popup-close {
        cursor: pointer;
        color: rgba(255, 255, 255, 0.8);
        transition: color 0.2s;
      }
      .ai-popup-close:hover {
        color: #fff;
      }
      #popup-news-content {
        max-height: 450px;
        overflow-y: auto;
        overflow-x: hidden;
        padding: 0;
        margin: 0;
      }
      .ai-news-list {
        list-style: none;
        padding: 0;
        margin: 0;
      }
      .ai-news-item {
        display: flex;
        flex-direction: column;
        padding: 5px 10px;
        border-bottom: 1px solid #f0f0f0;
        cursor: pointer;
        transition: background 0.2s;
        gap: 2px;
        border-left: 3px solid #fff;
      }
      .ai-news-item:hover {
        background: #fdf1f2;
      }
      .ai-news-item.playing {
        background: #ffdce0;
        border-left: 3px solid #c81625;
      }
      .ai-news-type {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
      }
      .ai-news-type-label {
        display: inline-block;
        min-width: 48px;
        text-align: center;
        padding: 2px 8px;
        border-radius: 4px;
        font-size: 12px;
        color: #fff;
        background: #dbba84;
        flex-shrink: 0;
        margin-top: 2px;
      }
      .ai-news-info {
        flex: 1;
        min-width: 0;
      }
      .ai-news-summary {
        font-size: 14px;
        color: #333;
        word-break: break-all;
      }
      .ai-news-date {
        font-size: 12px;
        color: #999;
        margin-top: 4px;
      }
      .icon_link {
        width: 20px;
        height: 20px;
        vertical-align: middle;
        display: inline-block;
        transition: all 0.3s ease;
        fill: #bd1a2d;
        margin-left: 3px;
      }
      .ai-popup-controls {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        padding: 12px 18px;
        border-top: 1px solid #f0f0f0;
        background: #fafafa;
      }
      .ai-ctrl-btn {
        width: 36px;
        height: 36px;
        border: none;
        background: #f0f0f0;
        border-radius: 50%;
        font-size: 14px;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.2s;
        color: #555;
      }
      .ai-ctrl-btn:hover {
        background: #c81625;
        color: #fff;
      }
      .ai-ctrl-btn.active {
        background: #c81625;
        color: #fff;
      }
      .ai-ctrl-btn:disabled {
        opacity: 0.4;
        cursor: not-allowed;
      }
      .ai-ctrl-btn:disabled:hover {
        background: #f0f0f0;
        color: #555;
      }
      .ai-ctrl-label {
        font-size: 12px;
        color: #666;
        margin-left: -4px;
      }
      #ai-progress-container {
        display: none;
        width: 100%;
        height: 4px;
        background: #eee;
        overflow: hidden;
      }
      #ai-progress-bar {
        width: 0%;
        height: 100%;
        background: linear-gradient(90deg, #c81625, #e63946);
        transition: width 0.3s ease-out;
        transform-origin: left;
      }
      .ai-popup-title{
        margin-top: 10px;
      }
      .ai-popup-syx{
        display: inline-block;
        border-radius:0 0 10px 0;
        background-color: #ffe4b8;
        padding: 0 5px;
        color: #bd1a2d;
        position: absolute;
        font-size: 14px;
        top: 0;
        left: 0;
      }
       @media screen and (min-width: 1640px) {
        .player-wrapper {
          right: 256px;
        }
      }
      @media screen and (max-width:1360px){
        .player-wrapper {
          right: -110px;
        }
      }
      @media screen and (max-width:830px){
        .player-wrapper {
          right: 0;
          position: fixed;
          top: 450px;
          z-index: 1002;
        }
        .ai_position {
          display: none!important;
        }
        #ai-news-popup {
          position: fixed;
          top: auto;
          right: 0;
          bottom: 0;
          left: 0;
          width: 100%;
          border-radius: 16px 16px 0 0;
          box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.2);
          display: none;
          flex-direction: column;
          z-index: 1001;
        }
        .ai-popup-header {
          padding: 12px 14px;
          font-size: 15px;
          border-radius: 16px 16px 0 0;
          flex-shrink: 0;
          position: relative;
        }
        .ai-popup-header .ai-popup-tip {
          display: block;
          margin-top: 2px;
          font-size: 11px;
        }
        .ai-popup-close {
          padding: 4px;
        }
        #popup-news-content {
          -webkit-overflow-scrolling: touch;
        }
        .ai-news-item {
          padding: 8px 12px;
        }
        .ai-news-summary {
          font-size: 13px;
        }
        .ai-news-type-label {
          font-size: 11px;
          padding: 1px 6px;
        }
        .ai-popup-controls {
          gap: 10px;
          padding-bottom: calc(10px + env(safe-area-inset-bottom));
        }
        .ai-ctrl-btn {
          width: 42px;
          height: 42px;
          font-size: 16px;
        }
        .ai-ctrl-label {
          font-size: 11px;
        }
        .icon_link {
          width: 18px;
          height: 18px;
        }
      }
    @media screen and (max-width:440px){
        .player-wrapper{
            top: 490px;
        }
    }
    @media screen and (max-width: 430px) {
        .player-wrapper{
          width: 160px;
          top: 300px;
        }
        #popup-news-content{
          max-height: 300px;
        }
    }