// ==UserScript==
// @name         哔哩哔哩自动画质
// @namespace    https://github.com/AHCorn/Bilibili-Auto-Quality/
// @version      4.0-Beta
// @license      GPL-3.0
// @description  自动解锁并更改哔哩哔哩视频的画质和音质及直播画质，实现自动选择最高画质、无损音频、杜比全景声。
// @author       安和（AHCorn）
// @icon         https://www.bilibili.com/favicon.ico
// @match        *://www.bilibili.com/video/*
// @match        *://www.bilibili.com/list/*
// @match        *://www.bilibili.com/blackboard/*
// @match        *://www.bilibili.com/watchlater/*
// @match        *://www.bilibili.com/bangumi/*
// @match        *://www.bilibili.com/watchroom/*
// @match        *://www.bilibili.com/medialist/*
// @match        *://bangumi.bilibili.com/*
// @exclude      *://live.bilibili.com/
// @exclude      *://live.bilibili.com/*/*
// @match        *://live.bilibili.com/*
// @grant        GM_addStyle
// @grant        GM_setValue
// @grant        GM_getValue
// @grant        GM_registerMenuCommand
// @downloadURL none
// ==/UserScript==

(function () {
  "use strict";

  if (typeof unsafeWindow === "undefined") {
    unsafeWindow = window;
  }

  window.localStorage.bilibili_player_force_hdr = 1;

  let hiResAudioEnabled = GM_getValue("hiResAudio", false);
  let dolbyAtmosEnabled = GM_getValue("dolbyAtmos", false);
  let userQualitySetting = GM_getValue("qualitySetting", "最高画质");
  let userBackupQualitySetting = GM_getValue("backupQualitySetting", "最高画质");
  let useHighestQualityFallback = GM_getValue("useHighestQualityFallback", true);
  let activeQualityTab = GM_getValue("activeQualityTab", "primary");
  let userHasChangedQuality = false;
  let takeOverQualityControl = GM_getValue("takeOverQualityControl", false);
  let isVipUser = false;
  let vipStatusChecked = false;
  let isLoading = true;
  let isLivePage = false;
  let userLiveQualitySetting = GM_getValue("liveQualitySetting", "原画");

  let devModeEnabled = GM_getValue("devModeEnabled", false);
  let devModeVipStatus = GM_getValue("devModeVipStatus", false);
  let devModeDelay = GM_getValue("devModeDelay", 4000);
  let devModeDisableUA = GM_getValue("devModeDisableUA", false);
  let devModeAudioDelay = GM_getValue("devModeAudioDelay", 4000);
  let devModeAudioRetries = GM_getValue("devModeAudioRetries", 2);
  let injectQualityButton = GM_getValue("injectQualityButton", true);
  let qualityDoubleCheck = GM_getValue("qualityDoubleCheck", true);
  let liveQualityDoubleCheck = GM_getValue("liveQualityDoubleCheck", true);

  try {
    if (!devModeDisableUA || !devModeEnabled) {
      Object.defineProperty(navigator, 'userAgent', {
        value: "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/18.2 Safari/605.1.15",
        configurable: true
      });
      Object.defineProperty(navigator, 'platform', {
        value: "MacIntel",
        configurable: true
      });
      console.log('UA 和平台标识修改成功');
    } else {
      console.log('开发者模式已禁用 UA 修改');
    }
  } catch (error) {
    console.error('修改 UserAgent 失败，解锁功能可能失效，若需要使用解锁功能，请先关闭与修改 UA 相关的插件及脚本：', error);
  }

  GM_addStyle(`
        #bilibili-quality-selector, #bilibili-live-quality-selector {
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background: linear-gradient(135deg, #f6f8fa, #e9ecef);
            border-radius: 24px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1), 0 1px 8px rgba(0, 0, 0, 0.06);
            padding: 30px;
            width: 90%;
            max-width: 400px;
            display: none;
            z-index: 10000;
            font-family: 'Segoe UI', 'Roboto', sans-serif;
            transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
        }

        .quality-tabs {
            display: flex;
            margin-bottom: 20px;
            border-radius: 12px;
            background: #e8eaed;
            padding: 4px;
        }

        .quality-tab {
            flex: 1;
            padding: 8px;
            text-align: center;
            cursor: pointer;
            border-radius: 8px;
            transition: all 0.3s ease;
            color: #666;
            font-weight: 600;
        }

        .quality-tab.active {
            background: #00a1d6;
            color: white;
        }

        .quality-section {
            display: none;
        }

        .quality-section.active {
            display: block;
        }

        .quality-button-hidden {
            display: none !important;
        }

        .toggle-switch.hide {
            display: none;
        }

        .toggle-switch.show {
            display: flex;
        }

        #bilibili-quality-selector h2, #bilibili-live-quality-selector h2,
        #bilibili-live-quality-selector h3 {
            margin: 0 0 20px;
            color: #00a1d6;
            font-size: 28px;
            text-align: center;
            font-weight: 700;
        }

        #bilibili-live-quality-selector h3 {
            font-size: 24px;
            margin-top: 20px;
        }

        #bilibili-quality-selector p, #bilibili-live-quality-selector p {
            margin: 0 0 25px;
            color: #5f6368;
            font-size: 14px;
            text-align: center;
        }

        .quality-group {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
            gap: 12px;
            margin-bottom: 25px;
        }

        .line-group {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 12px;
            margin-bottom: 25px;
        }

        .quality-button, .line-button {
            background-color: #ffffff;
            border: 2px solid #dadce0;
            border-radius: 12px;
            padding: 10px 8px;
            font-size: 14px;
            color: #3c4043;
            cursor: pointer;
            transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
            font-weight: 600;
            text-align: center;
        }

        .line-button {
            font-size: 12px;
            padding: 8px 4px;
        }

        .quality-button:hover, .line-button:hover {
            background-color: #f1f3f4;
            transform: translateY(-2px);
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        }

        .quality-button.active, .line-button.active {
            background-color: #00a1d6;
            color: white;
            border-color: #00a1d6;
            box-shadow: 0 6px 12px rgba(0, 161, 214, 0.3);
        }

        .quality-button.active.vip-quality {
            background-color: #f25d8e;
            color: white;
            border-color: #f25d8e;
            box-shadow: 0 6px 12px rgba(242, 93, 142, 0.3);
        }

        .quality-button.unavailable {
            opacity: 0.5;
            cursor: not-allowed;
        }

        .toggle-switch {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 12px;
            padding: 10px 15px;
            border-radius: 12px;
            transition: all 0.3s ease;
        }

        .toggle-switch:hover {
            background-color: #e8eaed;
        }

        .toggle-switch label {
            font-size: 16px;
            color: #3c4043;
            font-weight: 600;
        }

        .switch {
            position: relative;
            display: inline-block;
            width: 52px;
            height: 28px;
        }

        .switch input {
            opacity: 0;
            width: 0;
            height: 0;
        }

        .slider {
            position: absolute;
            cursor: pointer;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: #ccc;
            transition: .4s;
            border-radius: 34px;
        }

        .slider:before {
            position: absolute;
            content: "";
            height: 20px;
            width: 20px;
            left: 4px;
            bottom: 4px;
            background-color: white;
            transition: .4s;
            border-radius: 50%;
        }

        input:checked + .slider {
            background-color: #00a1d6;
        }

        input:checked + .slider.vip-audio {
            background-color: #f25d8e;
        }

        input:checked + .slider:before {
            transform: translateX(24px);
        }

        @keyframes fadeIn {
            from { opacity: 0; }
            to { opacity: 1; }
        }

        @keyframes slideIn {
            from { transform: translate(-50%, -60%); }
            to { transform: translate(-50%, -50%); }
        }

        #bilibili-quality-selector.show, #bilibili-live-quality-selector.show {
            display: block;
            animation: fadeIn 0.3s ease-out, slideIn 0.3s ease-out;
        }

        @media (max-width: 480px) {
            #bilibili-quality-selector, #bilibili-live-quality-selector {
                width: 95%;
                padding: 25px;
            }

            .quality-group {
                grid-template-columns: repeat(2, 1fr);
            }

            .line-group {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        .status-bar {
            padding: 10px;
            border-radius: 8px;
            margin-bottom: 15px;
            text-align: center;
            font-weight: bold;
            transition: all 0.5s ease;
        }

        .status-bar.non-vip {
            background-color: #f0f0f0;
            color: #666666;
        }

        .status-bar.vip {
            background-color: #fff1f5;
            color: #f25d8e;
        }

        .warning {
            background-color: #fce8e6;
            color: #d93025;
            padding: 10px;
            border-radius: 8px;
            margin-top: 12px;
            margin-bottom: 12px;
            text-align: center;
            font-weight: bold;
            transition: all 0.3s ease;
        }

        .warning::before {
            content: "";
            margin-right: 10px;
        }

        #bilibili-dev-settings {
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background: linear-gradient(135deg, #ffffff, #f8f9fa);
            border-radius: 24px;
            box-shadow: 0 12px 36px rgba(0, 0, 0, 0.15), 0 4px 12px rgba(0, 0, 0, 0.08);
            padding: 32px;
            width: 90%;
            max-width: 420px;
            display: none;
            z-index: 10000;
            font-family: 'Segoe UI', 'Roboto', sans-serif;
        }

        #bilibili-dev-settings.show {
            display: block;
            animation: fadeIn 0.3s ease-out, slideIn 0.3s ease-out;
        }

        #bilibili-dev-settings h2 {
            margin: 0 0 24px;
            color: #f25d8e;
            font-size: 28px;
            text-align: center;
            font-weight: 700;
            letter-spacing: -0.5px;
            text-shadow: 0 2px 4px rgba(242, 93, 142, 0.1);
        }

        #bilibili-dev-settings .dev-warning {
            background: linear-gradient(135deg, #fff1f5, #fce8e6);
            color: #d93025;
            padding: 14px 18px;
            border-radius: 16px;
            margin-bottom: 24px;
            text-align: center;
            font-weight: 600;
            font-size: 14px;
            border: 2px solid rgba(217, 48, 37, 0.1);
            box-shadow: 0 4px 12px rgba(217, 48, 37, 0.05);
        }

        #bilibili-dev-settings .toggle-switch {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 12px;
            padding: 10px 15px;
            background-color: #f1f3f4;
            border-radius: 12px;
            transition: all 0.3s ease;
        }

        #bilibili-dev-settings .toggle-switch .description {
            font-size: 13px;
            color: #666;
            margin-top: 4px;
        }

        #bilibili-dev-settings .toggle-switch label {
            display: flex;
            flex-direction: column;
            font-size: 16px;
            color: #3c4043;
            font-weight: 600;
        }

        #bilibili-dev-settings .input-group {
            background: #f8f9fa;
            border-radius: 16px;
            padding: 15px;
            margin-bottom: 16px;
            border: 2px solid transparent;
            transition: all 0.3s ease;
            display: flex;
            align-items: center;
            gap: 12px;
        }

        #bilibili-dev-settings .input-group.disabled {
            opacity: 0.6;
            cursor: not-allowed;
        }

        #bilibili-dev-settings .input-group:hover {
            background: #f1f3f4;
            border-color: rgba(242, 93, 142, 0.1);
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
        }

        #bilibili-dev-settings .input-group label {
            flex: 1;
            display: flex;
            flex-direction: column;
            color: #3c4043;
            font-weight: 600;
            font-size: 15px;
        }

        #bilibili-dev-settings .input-group .description {
            font-size: 13px;
            color: #666;
            margin-top: 4px;
            font-weight: normal;
        }

        #bilibili-dev-settings .input-group input[type="number"] {
            width: 80px;
            padding: 8px;
            border: 2px solid #dadce0;
            border-radius: 8px;
            font-size: 14px;
            font-weight: 500;
            color: #3c4043;
            transition: all 0.3s ease;
            background: #ffffff;
            -moz-appearance: textfield;
        }

        #bilibili-dev-settings .input-group .unit {
            color: #666;
            font-size: 14px;
            font-weight: normal;
            margin-left: 4px;
        }

        #bilibili-dev-settings .refresh-button {
            width: 100%;
            padding: 12px;
            background: #f25d8e;
            color: white;
            border: none;
            border-radius: 12px;
            font-size: 15px;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s ease;
            margin-top: 20px;
        }

        #bilibili-dev-settings .refresh-button:hover {
            background: #e74d7b;
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(242, 93, 142, 0.2);
        }

        #bilibili-dev-settings .refresh-button:disabled {
            background: #ccc;
            cursor: not-allowed;
            transform: none;
            box-shadow: none;
        }

        #bilibili-dev-settings input:checked + .slider {
            background-color: #f25d8e;
        }

        #bilibili-dev-settings input:checked + .slider:before {
            transform: translateX(26px);
            box-shadow: 0 2px 4px rgba(242, 93, 142, 0.2);
        }

        #bilibili-dev-settings input:disabled + .slider {
            opacity: 0.5;
            cursor: not-allowed;
        }

        #bilibili-dev-settings input:disabled + .slider:before {
            box-shadow: none;
        }

        @media (max-width: 480px) {
            #bilibili-dev-settings {
                width: 95%;
                padding: 24px;
            }

            #bilibili-dev-settings .toggle-switch,
            #bilibili-dev-settings .input-group {
                padding: 14px 16px;
            }
        }

        .bpx-player-ctrl-quality.quality-button-hidden {
            display: none !important;
        }

        .quality-section {
            margin-bottom: 20px;
        }
        .quality-label {
            font-size: 14px;
            color: #666;
            margin-bottom: 10px;
            text-align: left;
        }
        .quality-group.backup-quality .quality-button {
            font-size: 12px;
            padding: 8px 6px;
        }

        .quality-settings-btn {
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            width: 40px;
            height: 100%;
            opacity: 0.9;
            transition: opacity 0.3s ease;
        }

        .quality-settings-btn:hover {
            opacity: 1;
        }

        .quality-settings-btn .bpx-player-ctrl-btn-icon {
            width: 22px;
            height: 22px;
            margin-bottom: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .quality-settings-btn svg {
            width: 100%;
            height: 100%;
            stroke: #ffffff;
        }

        .github-link {
            position: absolute;
            top: 30px;
            right: 30px;
            width: 24px;
            height: 24px;
            cursor: pointer;
            transition: transform 0.3s ease;
        }

        .github-link:hover {
            transform: scale(1.1);
        }

        .github-link svg {
            width: 100%;
            height: 100%;
            fill: #00a1d6;
        }

        .quality-section-title {
            font-size: 16px;
            color: #00a1d6;
            font-weight: 600;
            margin: 20px 0 15px;
            padding-bottom: 8px;
            border-bottom: 2px solid rgba(0, 161, 214, 0.1);
        }

        .quality-section-description {
            font-size: 13px;
            color: #666;
            margin: -5px 0 15px;
            line-height: 1.4;
        }

        .live-quality-group {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 12px;
            margin-bottom: 25px;
        }

        .live-quality-button {
            background-color: #ffffff;
            border: 2px solid #dadce0;
            border-radius: 12px;
            padding: 12px 8px;
            font-size: 15px;
            color: #3c4043;
            cursor: pointer;
            transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
            font-weight: 600;
            text-align: center;
        }

        .live-quality-button:hover {
            background-color: #f1f3f4;
            transform: translateY(-2px);
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        }

        .live-quality-button.active {
            background-color: #00a1d6;
            color: white;
            border-color: #00a1d6;
            box-shadow: 0 6px 12px rgba(0, 161, 214, 0.3);
        }
    `);

  function checkIfLivePage() {
    isLivePage = window.location.href.includes("live.bilibili.com");
  }

  function checkVipStatus() {
    if (devModeEnabled) {
      isVipUser = devModeVipStatus;
      vipStatusChecked = true;
      console.log(`开发者模式：用户是否为大会员: ${isVipUser ? "是" : "否"}`);
    } else {
      const vipElement = document.querySelector(
        ".bili-avatar-icon.bili-avatar-right-icon.bili-avatar-icon-big-vip"
      );

      const currentQuality = document.querySelector(
        ".bpx-player-ctrl-quality-menu-item.bpx-state-active .bpx-player-ctrl-quality-text"
      );

      isVipUser = vipElement !== null ||
                  (currentQuality && currentQuality.textContent.includes("大会员"));

      vipStatusChecked = true;
      console.log(`用户是否为大会员: ${isVipUser ? "是" : "否"}`);
      if (isVipUser) {
        console.log('会员判定依据：',
          vipElement ? '发现会员图标' : '当前使用会员画质'
        );
      }
    }
    updateQualityButtons(document.getElementById("bilibili-quality-selector"));
  }

  function createSettingsPanel() {
    const panel = document.createElement("div");
    panel.id = "bilibili-quality-selector";

    const QUALITIES = [
      "最高画质",
      "8K",
      "杜比视界",
      "HDR",
      "4K",
      "1080P 高码率",
      "1080P 60帧",
      "1080P 高清",
      "720P",
      "480P",
      "360P",
      "默认",
    ];

    panel.innerHTML = `
            <h2>画质设置</h2>
            <a href="https://github.com/AHCorn/Bilibili-Auto-Quality/" target="_blank" class="github-link">
              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
                <path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/>
              </svg>
            </a>
            <div class="status-bar"></div>
            <div class="quality-tabs">
                <div class="quality-tab ${activeQualityTab === 'primary' ? 'active' : ''}" data-tab="primary">首选画质</div>
                <div class="quality-tab ${activeQualityTab === 'backup' ? 'active' : ''}" data-tab="backup">备选画质</div>
            </div>
            <div class="quality-section ${activeQualityTab === 'primary' ? 'active' : ''}" data-section="primary">
                <div class="quality-group">
                    ${QUALITIES.map(
                      (quality) =>
                        `<button class="quality-button" data-quality="${quality}">${quality}</button>`
                    ).join("")}
                </div>
            </div>
            <div class="quality-section ${activeQualityTab === 'backup' ? 'active' : ''}" data-section="backup">
                <div class="quality-group">
                    ${QUALITIES.map(
                      (quality) =>
                        `<button class="quality-button" data-quality="${quality}">${quality}</button>`
                    ).join("")}
                </div>
            </div>
            <div id="non-vip-warning" class="warning" style="display: none;"></div>
            <div id="quality-warning" class="warning" style="display: none;"></div>
            <div class="toggle-switch">
                <label for="hi-res-audio">Hi-Res 音质</label>
                <label class="switch">
                    <input type="checkbox" id="hi-res-audio">
                    <span class="slider vip-audio"></span>
                </label>
            </div>
            <div class="toggle-switch">
                <label for="dolby-atmos">杜比全景声</label>
                <label class="switch">
                    <input type="checkbox" id="dolby-atmos">
                    <span class="slider vip-audio"></span>
                </label>
            </div>
            <div id="audio-warning" class="warning" style="display: none;"></div>
            <div class="toggle-switch ${userBackupQualitySetting !== "最高画质" ? 'show' : 'hide'}" id="highest-quality-fallback-container">
                <label for="highest-quality-fallback">找不到备选画质时使用最高画质</label>
                <label class="switch">
                    <input type="checkbox" id="highest-quality-fallback" ${useHighestQualityFallback ? 'checked' : ''}>
                    <span class="slider"></span>
                </label>
            </div>
            <div class="toggle-switch">
                <label for="inject-quality-button">注入画质选项</label>
                <label class="switch">
                    <input type="checkbox" id="inject-quality-button" checked>
                    <span class="slider"></span>
                </label>
            </div>
        `;

    panel.querySelectorAll('.quality-tab').forEach(tab => {
      tab.addEventListener('click', () => {
        if (!isLoading) {
          const tabName = tab.dataset.tab;
          activeQualityTab = tabName;
          GM_setValue("activeQualityTab", tabName);

          panel.querySelectorAll('.quality-tab').forEach(t => t.classList.remove('active'));
          tab.classList.add('active');

          panel.querySelectorAll('.quality-section').forEach(section => {
            section.classList.toggle('active', section.dataset.section === tabName);
          });
        }
      });
    });

    panel.querySelectorAll(".quality-button").forEach((button) => {
      button.addEventListener("click", () => {
        if (!isLoading) {
          const section = button.closest('.quality-section');
          const quality = button.dataset.quality;

          if (section.dataset.section === 'primary') {
            userQualitySetting = quality;
            GM_setValue("qualitySetting", userQualitySetting);
          } else {
            userBackupQualitySetting = quality;
            GM_setValue("backupQualitySetting", userBackupQualitySetting);
            const fallbackContainer = panel.querySelector('#highest-quality-fallback-container');
            if (fallbackContainer) {
              fallbackContainer.classList.toggle('show', quality !== "最高画质");
              fallbackContainer.classList.toggle('hide', quality === "最高画质");
            }
          }

          updateQualityButtons(panel);
          selectQualityBasedOnSetting();
        }
      });
    });

    const fallbackCheckbox = panel.querySelector("#highest-quality-fallback");
    if (fallbackCheckbox) {
      fallbackCheckbox.addEventListener("change", (e) => {
        if (!isLoading) {
          useHighestQualityFallback = e.target.checked;
          GM_setValue("useHighestQualityFallback", useHighestQualityFallback);
          selectQualityBasedOnSetting();
        }
      });
    }

    panel.querySelector("#hi-res-audio").addEventListener("change", (e) => {
      if (!isLoading) {
        hiResAudioEnabled = e.target.checked;
        GM_setValue("hiResAudio", hiResAudioEnabled);
        updateQualityButtons(panel);
        selectQualityBasedOnSetting();
      }
    });

    panel.querySelector("#dolby-atmos").addEventListener("change", (e) => {
      if (!isLoading) {
        dolbyAtmosEnabled = e.target.checked;
        GM_setValue("dolbyAtmos", dolbyAtmosEnabled);
        updateQualityButtons(panel);
        selectQualityBasedOnSetting();
      }
    });

    panel.querySelector("#inject-quality-button").addEventListener("change", (e) => {
      if (!isLoading) {
        injectQualityButton = e.target.checked;
        GM_setValue("injectQualityButton", injectQualityButton);

        const qualityControlElement = document.querySelector(
          ".bpx-player-ctrl-quality"
        );
        if (qualityControlElement) {
          const settingsButton = document.createElement('div');
          settingsButton.className = 'bpx-player-ctrl-btn quality-settings-btn';
          settingsButton.innerHTML = `
            <div class="bpx-player-ctrl-btn-icon">
              <span class="bpx-common-svg-icon">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                  <rect x="2" y="4" width="20" height="15" rx="2" ry="2"></rect>
                  <polyline points="8 20 12 20 16 20"></polyline>
                </svg>
              </span>
            </div>
          `;
          settingsButton.addEventListener('click', () => {
            toggleSettingsPanel();
          });

          if (injectQualityButton) {
            if (!qualityControlElement.previousElementSibling?.classList.contains('quality-settings-btn')) {
              qualityControlElement.parentElement.insertBefore(settingsButton, qualityControlElement);
            }
          } else {
            const existingButton = qualityControlElement.previousElementSibling;
            if (existingButton?.classList.contains('quality-settings-btn')) {
              existingButton.remove();
            }
          }
        }
      }
    });

    document.body.appendChild(panel);
    updateQualityButtons(panel);
  }

  function updateQualityButtons(panel) {
    if (!panel) return;

    const statusBar = panel.querySelector(".status-bar");

    if (isLoading) {
      statusBar.textContent = "加载中，请稍候...";
      statusBar.className = "status-bar";
      panel
        .querySelectorAll(".quality-button, .toggle-switch")
        .forEach((el) => (el.style.opacity = "0.5"));
    } else {
      panel
        .querySelectorAll(".quality-button, .toggle-switch")
        .forEach((el) => (el.style.opacity = "1"));

      if (vipStatusChecked) {
        statusBar.textContent = isVipUser
          ? "您是大会员用户，可正常使用所有选项。"
          : "您不是大会员用户，部分会员选项不可用。";
        statusBar.className = `status-bar ${isVipUser ? "vip" : "non-vip"}`;
      }
    }

    panel.querySelectorAll('.quality-tab').forEach(tab => {
      tab.classList.toggle('active', tab.dataset.tab === activeQualityTab);
    });

    panel.querySelectorAll('.quality-section').forEach(section => {
      section.classList.toggle('active', section.dataset.section === activeQualityTab);
    });

    panel.querySelectorAll(".quality-button").forEach((button) => {
      const section = button.closest('.quality-section');
      button.classList.remove("active", "vip-quality");

      if (section.dataset.section === 'primary' && button.dataset.quality === userQualitySetting ||
          section.dataset.section === 'backup' && button.dataset.quality === userBackupQualitySetting) {
        button.classList.add("active");
        if (
          ["8K", "杜比视界", "HDR", "4K", "1080P 高码率", "1080P 60帧"].includes(button.dataset.quality)
        ) {
          button.classList.add("vip-quality");
        }
      }
    });

    const fallbackContainer = panel.querySelector('#highest-quality-fallback-container');
    if (fallbackContainer) {
      fallbackContainer.classList.toggle('show', userBackupQualitySetting !== "最高画质");
      fallbackContainer.classList.toggle('hide', userBackupQualitySetting === "最高画质");
    }

    const hiResAudioSwitch = panel.querySelector("#hi-res-audio");
    hiResAudioSwitch.checked = hiResAudioEnabled;

    const dolbyAtmosSwitch = panel.querySelector("#dolby-atmos");
    dolbyAtmosSwitch.checked = dolbyAtmosEnabled;

    const fallbackCheckbox = panel.querySelector("#highest-quality-fallback");
    if (fallbackCheckbox) {
      fallbackCheckbox.checked = useHighestQualityFallback;
    }

    updateWarnings(panel);
  }

  function updateWarnings(panel) {
    if (!panel || isLoading || !vipStatusChecked) return;

    const nonVipWarning = panel.querySelector("#non-vip-warning");
    const qualityWarning = panel.querySelector("#quality-warning");
    const audioWarning = panel.querySelector("#audio-warning");

    if (
      !isVipUser &&
      ["8K", "杜比视界", "HDR", "4K", "1080P 高码率", "1080P 60帧"].includes(
        userQualitySetting
      )
    ) {
      nonVipWarning.textContent =
        "无法使用此会员画质。已自动选择最高可用画质。";
      nonVipWarning.style.display = "block";
    } else {
      nonVipWarning.style.display = "none";
    }

    if (!isVipUser && (hiResAudioEnabled || dolbyAtmosEnabled)) {
      audioWarning.textContent = "非大会员用户不能使用高级音频选项。";
      audioWarning.style.display = "block";
    } else {
      audioWarning.style.display = "none";
    }
  }

  function selectQualityBasedOnSetting() {
    if (isLivePage) {
      selectLiveQuality();
    } else {
      selectVideoQuality();
    }
  }

  function selectVideoQuality() {
    if (!vipStatusChecked) {
      checkVipStatus();
    }

    const setAudioQuality = (retryCount = 0) => {
      if (!isVipUser) {
        console.log('非会员用户，略过音质设置');
        return;
      }

      const maxRetries = devModeEnabled ? devModeAudioRetries : 2;
      const retryInterval = devModeEnabled ? devModeAudioDelay : 4000;

      const trySetHiRes = () => {
        const hiResButton = document.querySelector(".bpx-player-ctrl-flac");
        if (!hiResButton) {
          return true;
        }
        if (isVipUser) {
          if (hiResAudioEnabled && !hiResButton.classList.contains("bpx-state-active")) {
            console.log(`尝试开启Hi-Res音质 (第${retryCount + 1}次)`);
            hiResButton.click();
          } else if (!hiResAudioEnabled && hiResButton.classList.contains("bpx-state-active")) {
            console.log(`尝试关闭Hi-Res音质 (第${retryCount + 1}次)`);
            hiResButton.click();
          }
        }
        return true;
      };

      const trySetDolby = () => {
        const dolbyButton = document.querySelector(".bpx-player-ctrl-dolby");
        if (!dolbyButton) {
          return true;
        }
        if (isVipUser) {
          if (dolbyAtmosEnabled && !dolbyButton.classList.contains("bpx-state-active")) {
            console.log(`尝试开启杜比全景声 (第${retryCount + 1}次)`);
            dolbyButton.click();
          } else if (!dolbyAtmosEnabled && dolbyButton.classList.contains("bpx-state-active")) {
            console.log(`尝试关闭杜比全景声 (第${retryCount + 1}次)`);
            dolbyButton.click();
          }
        }
        return true;
      };

      const shouldRetry = () => {
        const hiResButton = document.querySelector(".bpx-player-ctrl-flac");
        const dolbyButton = document.querySelector(".bpx-player-ctrl-dolby");

        const needRetryHiRes = hiResButton && (
          (isVipUser && hiResAudioEnabled !== hiResButton.classList.contains("bpx-state-active")) ||
          (!isVipUser && hiResButton.classList.contains("bpx-state-active"))
        );
        const needRetryDolby = dolbyButton && (
          (isVipUser && dolbyAtmosEnabled !== dolbyButton.classList.contains("bpx-state-active")) ||
          (!isVipUser && dolbyButton.classList.contains("bpx-state-active"))
        );

        return (needRetryHiRes || needRetryDolby) && retryCount < maxRetries;
      };

      console.log(`开始第${retryCount + 1}次音质设置...`);
      trySetHiRes();
      trySetDolby();

      if (shouldRetry()) {
        console.log(`音质设置未完成，${retryInterval/1000}秒后重试...`);
        setTimeout(() => {
          setAudioQuality(retryCount + 1);
        }, retryInterval);
      } else {
        console.log("音质设置完成或达到最大重试次数");
        if (takeOverQualityControl) {
          const qualityControlElement = document.querySelector(
            ".bpx-player-ctrl-btn.bpx-player-ctrl-quality"
          );
          if (qualityControlElement) {
            qualityControlElement.classList.add('quality-button-hidden');
          }
        } else {
          const qualityControlElement = document.querySelector(
            ".bpx-player-ctrl-btn.bpx-player-ctrl-quality"
          );
          if (qualityControlElement) {
            qualityControlElement.classList.remove('quality-button-hidden');
          }
        }
        updateWarnings(document.getElementById("bilibili-quality-selector"));
      }
    };

    let currentQuality = document.querySelector(
      ".bpx-player-ctrl-quality-menu-item.bpx-state-active .bpx-player-ctrl-quality-text"
    ).textContent;
    console.log(`当前画质: ${currentQuality}`);
    console.log(`目标画质: ${userQualitySetting}`);

    const qualityItems = document.querySelectorAll(
      ".bpx-player-ctrl-quality-menu .bpx-player-ctrl-quality-menu-item"
    );
    const availableQualities = Array.from(qualityItems).map((item) => ({
      name: item.textContent.trim(),
      element: item,
      isVipOnly: !!item.querySelector(".bpx-player-ctrl-quality-badge-bigvip"),
      isFreeNow: !!item.querySelector(".bpx-player-ctrl-quality-badge-bigvip")?.textContent.includes("限免中")
    }));

    console.log(
      `当前视频可用画质:`,
      availableQualities.map((q) => q.name)
    );

    const qualityPreferences = [
      "8K",
      "杜比视界",
      "HDR",
      "4K",
      "1080P 高码率",
      "1080P 60帧",
      "1080P 高清",
      "720P 60帧",
      "720P",
      "480P",
      "360P",
      "默认",
    ];

    availableQualities.sort((a, b) => {
      const getQualityIndex = (name) => {
        for (let i = 0; i < qualityPreferences.length; i++) {
          if (name.includes(qualityPreferences[i])) {
            return i;
          }
        }
        return qualityPreferences.length;
      };
      return getQualityIndex(a.name) - getQualityIndex(b.name);
    });

    let targetQuality;
    const cleanQuality = (quality) => quality?.replace(/大会员|限免中/g, '').trim();
    const currentCleanQuality = cleanQuality(currentQuality);

    if (userQualitySetting === "最高画质") {
      const hasFreeVipQualities = availableQualities.some(quality => quality.isFreeNow);
      if (isVipUser || hasFreeVipQualities) {
        targetQuality = availableQualities[0];
      } else {
        targetQuality = availableQualities.find(quality =>
          cleanQuality(quality.name).includes(userBackupQualitySetting)
        );
        if (!targetQuality && useHighestQualityFallback) {
          targetQuality = availableQualities.find(quality => !quality.isVipOnly);
        }
        if (!targetQuality && !useHighestQualityFallback) {
          console.log("未找到备选画质，且未启用最高画质兜底，保持当前画质");
          const hiResButton = document.querySelector(".bpx-player-ctrl-flac");
          const dolbyButton = document.querySelector(".bpx-player-ctrl-dolby");

          console.log(`是否存在Hi-Res音质按钮：${hiResButton ? '是' : '否'}`);
          let needSetHiRes = false;
          if (hiResButton) {
            const hiResActive = hiResButton.classList.contains("bpx-state-active");
            console.log(`Hi-Res音质按钮当前状态：${hiResActive ? '已开启' : '已关闭'}`);
            needSetHiRes = (isVipUser && hiResAudioEnabled !== hiResActive) ||
                          (!isVipUser && hiResActive);
          }

          console.log(`是否存在杜比全景声按钮：${dolbyButton ? '是' : '否'}`);
          let needSetDolby = false;
          if (dolbyButton) {
            const dolbyActive = dolbyButton.classList.contains("bpx-state-active");
            console.log(`杜比全景声按钮当前状态：${dolbyActive ? '已开启' : '已关闭'}`);
            needSetDolby = (isVipUser && dolbyAtmosEnabled !== dolbyActive) ||
                          (!isVipUser && dolbyActive);
          }

          if (needSetHiRes || needSetDolby) {
            console.log("开始设置音质...");
            setAudioQuality();
          } else {
            console.log("音质按钮状态已符合设置，无需调整");
          }
          return;
        }
      }
    } else if (userQualitySetting === "默认") {
      console.log("使用默认画质");
      const hiResButton = document.querySelector(".bpx-player-ctrl-flac");
      const dolbyButton = document.querySelector(".bpx-player-ctrl-dolby");

      console.log(`是否存在Hi-Res音质按钮：${hiResButton ? '是' : '否'}`);
      let needSetHiRes = false;
      if (hiResButton) {
        const hiResActive = hiResButton.classList.contains("bpx-state-active");
        console.log(`Hi-Res音质按钮当前状态：${hiResActive ? '已开启' : '已关闭'}`);
        needSetHiRes = (isVipUser && hiResAudioEnabled !== hiResActive) ||
                      (!isVipUser && hiResActive);
      }

      console.log(`是否存在杜比全景声按钮：${dolbyButton ? '是' : '否'}`);
      let needSetDolby = false;
      if (dolbyButton) {
        const dolbyActive = dolbyButton.classList.contains("bpx-state-active");
        console.log(`杜比全景声按钮当前状态：${dolbyActive ? '已开启' : '已关闭'}`);
        needSetDolby = (isVipUser && dolbyAtmosEnabled !== dolbyActive) ||
                      (!isVipUser && dolbyActive);
      }

      if (needSetHiRes || needSetDolby) {
        console.log("开始设置音质...");
        setAudioQuality();
      } else {
        console.log("音质按钮状态已符合设置，无需调整");
      }
      return;
    } else {
      targetQuality = availableQualities.find((quality) =>
        cleanQuality(quality.name).includes(userQualitySetting)
      );
      if (!targetQuality) {
        console.log(`未找到目标画质 ${userQualitySetting}, 尝试使用备选画质`);
        targetQuality = availableQualities.find(quality =>
          cleanQuality(quality.name).includes(userBackupQualitySetting)
        );
        if (!targetQuality && useHighestQualityFallback) {
          targetQuality = isVipUser
            ? availableQualities[0]
            : availableQualities.find((quality) => !quality.isVipOnly);
        }
        if (!targetQuality && !useHighestQualityFallback) {
          console.log("未找到备选画质，且未启用最高画质兜底，保持当前画质");
          const hiResButton = document.querySelector(".bpx-player-ctrl-flac");
          const dolbyButton = document.querySelector(".bpx-player-ctrl-dolby");

          console.log(`是否存在Hi-Res音质按钮：${hiResButton ? '是' : '否'}`);
          let needSetHiRes = false;
          if (hiResButton) {
            const hiResActive = hiResButton.classList.contains("bpx-state-active");
            console.log(`Hi-Res音质按钮当前状态：${hiResActive ? '已开启' : '已关闭'}`);
            needSetHiRes = (isVipUser && hiResAudioEnabled !== hiResActive) ||
                          (!isVipUser && hiResActive);
          }

          console.log(`是否存在杜比全景声按钮：${dolbyButton ? '是' : '否'}`);
          let needSetDolby = false;
          if (dolbyButton) {
            const dolbyActive = dolbyButton.classList.contains("bpx-state-active");
            console.log(`杜比全景声按钮当前状态：${dolbyActive ? '已开启' : '已关闭'}`);
            needSetDolby = (isVipUser && dolbyAtmosEnabled !== dolbyActive) ||
                          (!isVipUser && dolbyActive);
          }

          if (needSetHiRes || needSetDolby) {
            console.log("开始设置音质...");
            setAudioQuality();
          } else {
            console.log("音质按钮状态已符合设置，无需调整");
          }
          return;
        }
      }
    }

    console.log(`实际目标画质: ${targetQuality.name}`);
    targetQuality.element.click();

    if (qualityDoubleCheck) {
      setTimeout(() => {
        const currentQualityAfterSwitch = document.querySelector(
          ".bpx-player-ctrl-quality-menu-item.bpx-state-active .bpx-player-ctrl-quality-text"
        )?.textContent;

        const cleanQuality = (quality) => quality?.replace(/大会员|限免中/g, '').trim();
        const currentCleanQuality = cleanQuality(currentQualityAfterSwitch);
        const targetCleanQuality = cleanQuality(targetQuality.name);

        if (currentQualityAfterSwitch && currentCleanQuality !== targetCleanQuality) {
          console.log(`画质切换可能未成功，当前画质: ${currentQualityAfterSwitch}，目标画质: ${targetQuality.name}，执行二次切换...`);
          targetQuality.element.click();
        } else {
          console.log(`画质切换验证成功，当前画质: ${currentQualityAfterSwitch}`);
        }

        const hiResButton = document.querySelector(".bpx-player-ctrl-flac");
        const dolbyButton = document.querySelector(".bpx-player-ctrl-dolby");

        console.log(`是否存在Hi-Res音质按钮：${hiResButton ? '是' : '否'}`);
        let needSetHiRes = false;
        if (hiResButton) {
          const hiResActive = hiResButton.classList.contains("bpx-state-active");
          console.log(`Hi-Res音质按钮当前状态：${hiResActive ? '已开启' : '已关闭'}`);
          needSetHiRes = (isVipUser && hiResAudioEnabled !== hiResActive) ||
                        (!isVipUser && hiResActive);
        }

        console.log(`是否存在杜比全景声按钮：${dolbyButton ? '是' : '否'}`);
        let needSetDolby = false;
        if (dolbyButton) {
          const dolbyActive = dolbyButton.classList.contains("bpx-state-active");
          console.log(`杜比全景声按钮当前状态：${dolbyActive ? '已开启' : '已关闭'}`);
          needSetDolby = (isVipUser && dolbyAtmosEnabled !== dolbyActive) ||
                        (!isVipUser && dolbyActive);
        }

        if (needSetHiRes || needSetDolby) {
          console.log("开始设置音质...");
          setAudioQuality();
        } else {
          console.log("音质按钮状态已符合设置，无需调整");
        }
      }, 5000);
    }
  }

  function createLiveSettingsPanel() {
    const panel = document.createElement("div");
    panel.id = "bilibili-live-quality-selector";

    const updatePanel = () => {
      const qualityCandidates =
        unsafeWindow.livePlayer.getPlayerInfo().qualityCandidates;
      const LIVE_QUALITIES = ["原画", "蓝光","超清", "高清"];

      const lineSelector = document.querySelector(".YccudlUCmLKcUTg_yzKN");
      const lines = lineSelector
        ? Array.from(lineSelector.children).map((li) => li.textContent)
        : ["加载中..."];
      const currentLineIndex = lineSelector
        ? Array.from(lineSelector.children).findIndex((li) =>
            li.classList.contains("fG2r2piYghHTQKQZF8bl")
          )
        : 0;

      panel.innerHTML = `
            <h2>直播设置</h2>
            <a href="https://github.com/AHCorn/Bilibili-Auto-Quality/" target="_blank" class="github-link">
              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
                <path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/>
              </svg>
            </a>
            <div class="quality-section-title">线路选择</div>
            <div class="line-group">
                ${lines
                  .map(
                    (line, index) =>
                      `<button class="line-button ${
                        index === currentLineIndex ? "active" : ""
                      }" data-line="${index}">${line}</button>`
                  )
                  .join("")}
            </div>
            <div class="quality-section-title">画质选择</div>
            <div class="live-quality-group">
                ${LIVE_QUALITIES.map(
                  (quality) =>
                    `<button class="live-quality-button ${
                      quality === userLiveQualitySetting ? "active" : ""
                    }" data-quality="${quality}">${quality}</button>`
                ).join("")}
            </div>
        `;

      panel.querySelectorAll(".line-button").forEach((button) => {
        button.addEventListener("click", () => {
          const lineIndex = parseInt(button.dataset.line);
          changeLine(lineIndex);
        });
      });

      panel.querySelectorAll(".live-quality-button").forEach((button) => {
        button.addEventListener("click", () => {
          userLiveQualitySetting = button.dataset.quality;
          GM_setValue("liveQualitySetting", userLiveQualitySetting);
          updatePanel();
          selectLiveQuality();
        });
      });
    };

    document.body.appendChild(panel);
    panel.updatePanel = updatePanel;
    updatePanel();
  }

  function selectLiveQuality() {
    return new Promise((resolve) => {
      const timer = setInterval(() => {
        if (
          unsafeWindow.livePlayer &&
          unsafeWindow.livePlayer.getPlayerInfo &&
          unsafeWindow.livePlayer.getPlayerInfo().playurl &&
          unsafeWindow.livePlayer.switchQuality
        ) {
          clearInterval(timer);
          resolve();
        }
      }, 1000);
    }).then(() => {
      const qualityCandidates =
        unsafeWindow.livePlayer.getPlayerInfo().qualityCandidates;

      console.log("可用画质选项：");
      qualityCandidates.forEach((quality, index) => {
        console.log(`${index + 1}. ${quality.desc} (qn: ${quality.qn})`);
      });

      console.log(`选择的画质: ${userLiveQualitySetting}`);

      let targetQuality;

      targetQuality = qualityCandidates.find(
        (q) => q.desc === userLiveQualitySetting
      );

      if (!targetQuality) {
        const qualityPriority = ["原画", "蓝光", "超清", "高清"];
        for (let quality of qualityPriority) {
          targetQuality = qualityCandidates.find((q) => q.desc === quality);
          if (targetQuality) break;
        }
      }

      if (!targetQuality) {
        targetQuality = qualityCandidates[0];
      }

      const targetQualityNumber = targetQuality.qn;
      const targetQualityName = targetQuality.desc;

      console.log(
        `目标画质：${targetQualityName} (qn: ${targetQualityNumber})`
      );

      const switchQuality = () => {
        const currentQualityNumber =
          unsafeWindow.livePlayer.getPlayerInfo().quality;
        if (currentQualityNumber !== targetQualityNumber) {
          unsafeWindow.livePlayer.switchQuality(targetQualityNumber);
          console.log(`已切换到目标画质：${targetQualityName}`);
          userLiveQualitySetting = targetQualityName;
          GM_setValue("liveQualitySetting", userLiveQualitySetting);
          updateLiveSettingsPanel();

          if (liveQualityDoubleCheck) {
            setTimeout(() => {
              const currentQualityAfterSwitch = unsafeWindow.livePlayer.getPlayerInfo().quality;
              if (currentQualityAfterSwitch !== targetQualityNumber) {
                console.log(`直播画质切换可能未成功，当前画质: ${currentQualityAfterSwitch}，目标画质: ${targetQualityNumber}，执行二次切换...`);
                unsafeWindow.livePlayer.switchQuality(targetQualityNumber);
              } else {
                console.log(`直播画质切换验证成功，当前画质: ${targetQualityName}`);
              }
            }, 5000);
          }
        } else {
          console.log(`已经是目标画质：${targetQualityName}`);
        }
      };

      switchQuality();
    });
  }

  function changeLine(lineIndex) {
    const lineSelector = document.querySelector(".YccudlUCmLKcUTg_yzKN");
    if (lineSelector && lineSelector.children[lineIndex]) {
      lineSelector.children[lineIndex].click();
      console.log(
        `已切换到线路：${lineSelector.children[lineIndex].textContent}`
      );
      const panel = document.getElementById("bilibili-live-quality-selector");
      if (panel) {
        panel.querySelectorAll(".line-button").forEach((button, index) => {
          if (index === lineIndex) {
            button.classList.add("active");
          } else {
            button.classList.remove("active");
          }
        });
      }
    } else {
      console.log("无法切换线路");
    }
  }

  function observeLineChanges() {
    const lineSelector = document.querySelector(".YccudlUCmLKcUTg_yzKN");
    if (lineSelector) {
      const observer = new MutationObserver((mutations) => {
        mutations.forEach((mutation) => {
          if (
            mutation.type === "attributes" &&
            mutation.attributeName === "class"
          ) {
            const currentLineIndex = Array.from(
              lineSelector.children
            ).findIndex((li) => li.classList.contains("fG2r2piYghHTQKQZF8bl"));
            updateLiveSettingsPanel();
          }
        });
      });

      observer.observe(lineSelector, {
        attributes: true,
        subtree: true,
        attributeFilter: ["class"],
      });
    }
  }

  function updateLiveSettingsPanel() {
    const panel = document.getElementById("bilibili-live-quality-selector");
    if (panel && typeof panel.updatePanel === "function") {
      panel.updatePanel();
    }
  }

  function toggleSettingsPanel() {
    let panel = document.getElementById("bilibili-quality-selector");
    if (!panel) {
      createSettingsPanel();
      panel = document.getElementById("bilibili-quality-selector");
    }
    panel.classList.toggle("show");
    updateQualityButtons(panel);
  }

  function toggleLiveSettingsPanel() {
    let panel = document.getElementById("bilibili-live-quality-selector");
    if (!panel) {
      createLiveSettingsPanel();
      panel = document.getElementById("bilibili-live-quality-selector");
    }
    panel.classList.toggle("show");
    updateLiveSettingsPanel();
  }

  document.addEventListener("mousedown", function (event) {
    const panel = document.getElementById("bilibili-quality-selector");
    const livePanel = document.getElementById("bilibili-live-quality-selector");
    const devPanel = document.getElementById("bilibili-dev-settings");

    if (panel && !panel.contains(event.target) && panel.classList.contains("show")) {
        panel.classList.remove("show");
    }
    if (livePanel && !livePanel.contains(event.target) && livePanel.classList.contains("show")) {
        livePanel.classList.remove("show");
    }
    if (devPanel && !devPanel.contains(event.target) && devPanel.classList.contains("show")) {
        devPanel.classList.remove("show");
    }
  });

  GM_registerMenuCommand("设置面板", () => {
    checkIfLivePage();
    if (isLivePage) {
      toggleLiveSettingsPanel();
    } else {
      toggleSettingsPanel();
    }
  });

  GM_registerMenuCommand("开发者选项", toggleDevSettingsPanel);

  window.addEventListener("load", () => {
    if (isLivePage) {
      observeLineChanges();
    }
  });

  window.onload = function () {
    checkIfLivePage();
    if (isLivePage) {
      selectLiveQuality().then(() => {
        createLiveSettingsPanel();
      });
    } else {
      const DOM = {
        selectors: {
          qualityControl: '.bpx-player-ctrl-quality',
          qualityButton: '.bpx-player-ctrl-btn.bpx-player-ctrl-quality',
          playerControls: '.bpx-player-control-wrap',
          headerAvatar: '.v-popover-wrap.header-avatar-wrap',
          vipIcon: '.bili-avatar-icon.bili-avatar-right-icon.bili-avatar-icon-big-vip',
          qualityMenu: '.bpx-player-ctrl-quality-menu',
          qualityMenuItem: '.bpx-player-ctrl-quality-menu-item',
          activeQuality: '.bpx-player-ctrl-quality-menu-item.bpx-state-active .bpx-player-ctrl-quality-text'
        },
        elements: {
          qualitySelector: null,
          playerControls: null,
          headerAvatar: null
        },
        get: function(key) {
          if (!this.elements[key]) {
            this.elements[key] = document.querySelector(this.selectors[key]);
          }
          return this.elements[key];
        },
        refresh: function(key) {
          this.elements[key] = document.querySelector(this.selectors[key]);
          return this.elements[key];
        },
        clear: function() {
          this.elements = {
            qualitySelector: null,
            playerControls: null,
            headerAvatar: null
          };
        }
      };

      const hideQualityButton = () => {
        const qualityControl = DOM.get('qualityButton');
        if (qualityControl && takeOverQualityControl) {
          qualityControl.classList.add('quality-button-hidden');
        }
      };

      const initQualitySettingsButton = () => {
        const qualityControl = DOM.get('qualityControl');
        if (qualityControl && injectQualityButton) {
          if (!qualityControl.previousElementSibling?.classList.contains('quality-settings-btn')) {
            const settingsButton = document.createElement('div');
            settingsButton.className = 'bpx-player-ctrl-btn quality-settings-btn';
            settingsButton.innerHTML = `
              <div class="bpx-player-ctrl-btn-icon">
                <span class="bpx-common-svg-icon">
                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                    <rect x="2" y="4" width="20" height="15" rx="2" ry="2"></rect>
                    <polyline points="8 20 12 20 16 20"></polyline>
                  </svg>
                </span>
              </div>
            `;
            settingsButton.addEventListener('click', toggleSettingsPanel);
            qualityControl.parentElement.insertBefore(settingsButton, qualityControl);
          }
        }
      };

      hideQualityButton();
      initQualitySettingsButton();

      const playerControlsObserver = new MutationObserver((mutations) => {
        const qualityControl = DOM.refresh('qualityControl');
        if (qualityControl) {
          hideQualityButton();
          initQualitySettingsButton();
        }
      });

      const playerControls = DOM.get('playerControls');
      if (playerControls) {
        playerControlsObserver.observe(playerControls, {
          childList: true,
          subtree: true
        });
      }

      let hasElementAppeared = false;
      const vipCheckObserver = new MutationObserver(function (mutations, me) {
        const headerElement = DOM.get('headerAvatar');
        if (headerElement) {
          hasElementAppeared = true;
          console.log("正在判断用户是否为会员...");

          me.disconnect();

          setTimeout(() => {
            initializeQualitySettings();
            console.log(`脚本开始运行，${devModeEnabled ? devModeDelay/1000 : 2.5}秒后切换画质`);
          }, devModeEnabled ? devModeDelay : 2500);
        }
      });

      vipCheckObserver.observe(document.body, {
        childList: true,
        subtree: true,
      });

      window.addEventListener('popstate', () => DOM.clear());
      window.addEventListener('beforeunload', () => DOM.clear());
    }
  };

  const parentElement = document.body;

  let initialTitle = '';
  let isFirstLoad = true;

  function debounce(func, wait) {
    let timeout;
    return function executedFunction(...args) {
      const later = () => {
        clearTimeout(timeout);
        func(...args);
      };
      clearTimeout(timeout);
      timeout = setTimeout(later, wait);
    };
  }

  const initTitleObserver = setInterval(() => {
    const titleElement = document.querySelector('.video-title');
    if (titleElement) {
      if (!document.hidden) {
        if (isFirstLoad) {
          initialTitle = titleElement.textContent.trim();
          console.log('记录初始标题:', initialTitle);
          isFirstLoad = false;
        }

        titleObserver.observe(titleElement, {
          childList: true,
          subtree: true,
          characterData: true
        });
        console.log('已启动标题监听器');
      }
      clearInterval(initTitleObserver);
    }
  }, 3000);

  const handleTitleChange = debounce((title) => {
    if (title === initialTitle) {
      console.log('标题未发生变化');
      return;
    }

    console.log('视频标题发生变化:', title);
    initialTitle = title;
    isLoading = true;
    updateQualityButtons(document.getElementById("bilibili-quality-selector"));
    setTimeout(() => {
      isLoading = false;
      checkVipStatus();
      selectQualityBasedOnSetting();
      updateQualityButtons(document.getElementById("bilibili-quality-selector"));
    }, 3500);
  }, 100);

  const titleObserver = new MutationObserver((mutations) => {
    mutations.forEach((mutation) => {
      if (mutation.target.classList.contains('video-title')) {
        handleTitleChange(mutation.target.textContent.trim());
      }
    });
  });

  function handleVisibilityChange() {
    const titleElement = document.querySelector('.video-title');
    if (document.hidden) {
      console.log('页面不可见，暂停标题监听');
      titleObserver.disconnect();
    } else {
      console.log('页面可见，恢复标题监听');
      if (titleElement) {
        titleObserver.observe(titleElement, {
          childList: true,
          subtree: true,
          characterData: true
        });
      }
    }
  }

  document.addEventListener('visibilitychange', handleVisibilityChange);

  window.addEventListener('unload', () => {
    clearInterval(initTitleObserver);
    titleObserver.disconnect();
    document.removeEventListener('visibilitychange', handleVisibilityChange);
  });

  function createDevSettingsPanel() {
    const panel = document.createElement("div");
    panel.id = "bilibili-dev-settings";

    panel.innerHTML = `
        <h2>开发者设置</h2>
        <a href="https://github.com/AHCorn/Bilibili-Auto-Quality/" target="_blank" class="github-link">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
            <path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/>
          </svg>
        </a>
        <div class="dev-warning">以下选项的错误配置可能会影响脚本正常工作</div>
        <div class="toggle-switch">
            <label for="dev-mode">
              开发者模式
              <div class="description">启用后可以使用开发者选项</div>
            </label>
            <label class="switch">
                <input type="checkbox" id="dev-mode" ${devModeEnabled ? 'checked' : ''}>
                <span class="slider"></span>
            </label>
        </div>
        <div class="toggle-switch">
            <label for="quality-double-check">
              视频画质二次验证
              <div class="description">启用后将在视频画质切换5秒后进行验证</div>
            </label>
            <label class="switch">
                <input type="checkbox" id="quality-double-check" ${qualityDoubleCheck ? 'checked' : ''} ${!devModeEnabled ? 'disabled' : ''}>
                <span class="slider"></span>
            </label>
        </div>
        <div class="toggle-switch">
            <label for="live-quality-double-check">
              直播画质二次验证
              <div class="description">启用后将在直播画质切换5秒后进行验证</div>
            </label>
            <label class="switch">
                <input type="checkbox" id="live-quality-double-check" ${liveQualityDoubleCheck ? 'checked' : ''} ${!devModeEnabled ? 'disabled' : ''}>
                <span class="slider"></span>
            </label>
        </div>
        <div class="toggle-switch">
            <label for="dev-vip">
              模拟大会员状态
              <div class="description">模拟脚本所识别到的大会员状态，<b>并非破解</b></div>
            </label>
            <label class="switch">
                <input type="checkbox" id="dev-vip" ${devModeVipStatus ? 'checked' : ''} ${!devModeEnabled ? 'disabled' : ''}>
                <span class="slider"></span>
            </label>
        </div>
        <div class="toggle-switch">
            <label for="dev-ua">
              禁用 UA 修改
              <div class="description">禁用后部分旧版本浏览器可能无法解锁画质</div>
            </label>
            <label class="switch">
                <input type="checkbox" id="dev-ua" ${devModeDisableUA ? 'checked' : ''} ${!devModeEnabled ? 'disabled' : ''}>
                <span class="slider"></span>
            </label>
        </div>
        <div class="toggle-switch">
            <label for="remove-quality-button">
              移除清晰度按钮
              <div class="description">启用后将隐藏播放器的清晰度按钮</div>
            </label>
            <label class="switch">
                <input type="checkbox" id="remove-quality-button" ${takeOverQualityControl ? 'checked' : ''} ${!devModeEnabled ? 'disabled' : ''}>
                <span class="slider"></span>
            </label>
        </div>
        <div class="input-group ${!devModeEnabled ? 'disabled' : ''}">
            <label for="dev-delay">
              画质切换延迟
              <div class="description">画质切换的等待时间</div>
            </label>
            <input type="number" id="dev-delay" value="${devModeDelay}" min="0" max="10000" step="100" ${!devModeEnabled ? 'disabled' : ''}>
            <span class="unit">毫秒</span>
        </div>
        <div class="input-group ${!devModeEnabled ? 'disabled' : ''}">
            <label for="dev-audio-delay">
              音质切换延迟
              <div class="description">音质切换的等待时间</div>
            </label>
            <input type="number" id="dev-audio-delay" value="${devModeAudioDelay}" min="0" max="10000" step="100" ${!devModeEnabled ? 'disabled' : ''}>
            <span class="unit">毫秒</span>
        </div>
        <div class="input-group ${!devModeEnabled ? 'disabled' : ''}">
            <label for="dev-audio-retries">
              音质切换重试次数
              <div class="description">音质切换失败后的重试次数</div>
            </label>
            <input type="number" id="dev-audio-retries" value="${devModeAudioRetries}" min="0" max="5" step="1" ${!devModeEnabled ? 'disabled' : ''}>
            <span class="unit" style="margin-left: 15px;">次</span>
        </div>
        <div id="dev-warning" class="warning" style="display: none;"></div>
        <button class="refresh-button" ${!devModeEnabled ? 'disabled' : ''}>确认并刷新页面</button>
    `;

    document.body.appendChild(panel);

    panel.querySelector('#dev-mode').addEventListener('change', (e) => {
        devModeEnabled = e.target.checked;
        GM_setValue("devModeEnabled", devModeEnabled);

        const vipSwitch = panel.querySelector('#dev-vip');
        const uaSwitch = panel.querySelector('#dev-ua');
        const delayInput = panel.querySelector('#dev-delay');
        const audioDelayInput = panel.querySelector('#dev-audio-delay');
        const audioRetriesInput = panel.querySelector('#dev-audio-retries');
        const qualityDoubleCheckSwitch = panel.querySelector('#quality-double-check');
        const removeQualityButton = panel.querySelector('#remove-quality-button');
        const refreshButton = panel.querySelector('.refresh-button');
        const warning = panel.querySelector('#dev-warning');
        const inputGroups = panel.querySelectorAll('.input-group');

        [vipSwitch, uaSwitch, delayInput, audioDelayInput, audioRetriesInput,
         qualityDoubleCheckSwitch, removeQualityButton].forEach(control => {
            if (control) {
                control.disabled = !devModeEnabled;
            }
        });

        if (refreshButton) {
            refreshButton.disabled = !devModeEnabled;
        }

        inputGroups.forEach(group => {
            group.classList.toggle('disabled', !devModeEnabled);
        });

        if (!devModeEnabled) {
            vipStatusChecked = false;
            checkVipStatus();
            if (devModeDisableUA) {
                warning.textContent = "开发者模式已关闭，UA 修改将在刷新页面后恢复";
                warning.style.display = "block";
            }
        } else {
            warning.style.display = "none";
        }
    });

    panel.querySelector('#dev-vip').addEventListener('change', (e) => {
        devModeVipStatus = e.target.checked;
        GM_setValue("devModeVipStatus", devModeVipStatus);
        if (devModeEnabled) {
            isVipUser = devModeVipStatus;
            vipStatusChecked = true;
            updateQualityButtons(document.getElementById("bilibili-quality-selector"));
        }
    });

    panel.querySelector('#dev-ua').addEventListener('change', (e) => {
        devModeDisableUA = e.target.checked;
        GM_setValue("devModeDisableUA", devModeDisableUA);
        const warning = panel.querySelector('#dev-warning');
        warning.textContent = devModeDisableUA ?
            "UA 修改已禁用，请刷新页面生效" :
            "UA 修改已启用，请刷新页面生效";
        warning.style.display = "block";
    });

    panel.querySelector('#remove-quality-button').addEventListener('change', (e) => {
        takeOverQualityControl = e.target.checked;
        GM_setValue("takeOverQualityControl", takeOverQualityControl);
        const qualityControlElement = document.querySelector(
            ".bpx-player-ctrl-btn.bpx-player-ctrl-quality"
        );
        if (qualityControlElement) {
            qualityControlElement.classList.toggle('quality-button-hidden', takeOverQualityControl);
        }
        const warning = panel.querySelector('#dev-warning');
        warning.textContent = "清晰度按钮设置已更改，请刷新页面生效";
        warning.style.display = "block";
    });

    panel.querySelector('#dev-delay').addEventListener('change', (e) => {
        devModeDelay = parseInt(e.target.value);
        GM_setValue("devModeDelay", devModeDelay);
    });

    panel.querySelector('#dev-audio-delay').addEventListener('change', (e) => {
        devModeAudioDelay = parseInt(e.target.value);
        GM_setValue("devModeAudioDelay", devModeAudioDelay);
    });

    panel.querySelector('#dev-audio-retries').addEventListener('change', (e) => {
        devModeAudioRetries = parseInt(e.target.value);
        GM_setValue("devModeAudioRetries", devModeAudioRetries);
    });

    panel.querySelector('.refresh-button').addEventListener('click', () => {
        location.reload();
    });

    panel.querySelector('#quality-double-check').addEventListener('change', (e) => {
        qualityDoubleCheck = e.target.checked;
        GM_setValue("qualityDoubleCheck", qualityDoubleCheck);
    });

    panel.querySelector('#live-quality-double-check').addEventListener('change', (e) => {
        liveQualityDoubleCheck = e.target.checked;
        GM_setValue("liveQualityDoubleCheck", liveQualityDoubleCheck);
    });

    return panel;
  }

  function toggleDevSettingsPanel() {
    let panel = document.getElementById("bilibili-dev-settings");
    if (!panel) {
        panel = createDevSettingsPanel();
    }
    const removeQualityButton = panel.querySelector('#remove-quality-button');
    if (removeQualityButton) {
        removeQualityButton.checked = takeOverQualityControl;
    }
    panel.classList.toggle("show");
  }

  const initializeQualitySettings = () => {
    isLoading = false;
    checkVipStatus();
    selectVideoQuality();
    updateQualityButtons(document.getElementById("bilibili-quality-selector"));
  };
})();