diff --git a/xiaomusic/static/iwebplayer/iwebplayer.html b/xiaomusic/static/iwebplayer/iwebplayer.html
index 4fb80ee..bdcfb2c 100644
--- a/xiaomusic/static/iwebplayer/iwebplayer.html
+++ b/xiaomusic/static/iwebplayer/iwebplayer.html
@@ -5,7 +5,11 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
   <meta id="app-logo" content="data:image/png;base64,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">
   <title>iWebPlayer</title>
+
   <style>
+    /* ==========================================
+       1. 全局变量与基础样式
+       ========================================== */
     :root {
       --bg-color: #f3f4f6;
       --card-bg: #ffffff;
@@ -13,7 +17,6 @@
       --text-sub: #6b7280;
       --primary: #ec4899;
       --border: #e5e7eb;
-      /* 播放器底部的高度 */
       --player-height: 160px;
     }
     @media (prefers-color-scheme: dark) {
@@ -36,7 +39,9 @@
       overflow-x: hidden;
     }
 
-    /* ====== 顶栏优化 ====== */
+    /* ==========================================
+       2. 顶栏、Logo 与 下拉菜单 (Dropdown)
+       ========================================== */
     .header {
       position: sticky; top: 0; background: rgba(243, 244, 246, 0.8); padding: 12px 16px;
       border-bottom: 1px solid var(--border); z-index: 150; backdrop-filter: blur(10px);
@@ -44,145 +49,54 @@
     }
     @media (prefers-color-scheme: dark) { .header { background: rgba(17, 24, 39, 0.8); } }
 
-    /* Logo 及标题组样式 */
-    .header-logo-group {
-      display: flex;
-      align-items: center;
-      gap: 8px;
-      flex: 1; /* 占据剩余空间 */
-      overflow: hidden; /* 防止极端小屏幕下文字溢出 */
-      margin-right: 10px;
-    }
+    .header-logo-group { display: flex; align-items: center; gap: 8px; flex: 1; overflow: hidden; margin-right: 10px; }
     .header-icon { width: 28px; height: 28px; flex-shrink: 0; }
-    .header-title-stack {
-      display: flex;
-      flex-direction: column;
-      justify-content: center;
-      overflow: hidden;
-    }
-    .title-main {
-      font-size: 15px;
-      font-weight: bold;
-      line-height: 1.2;
-      white-space: nowrap;
-      text-overflow: ellipsis;
-      overflow: hidden;
-    }
-    .title-sub {
-      font-size: 11px;
-      color: var(--text-sub);
-      line-height: 1.2;
-      white-space: nowrap;
-      text-overflow: ellipsis;
-      overflow: hidden;
-    }
-
-    /* 保证右侧控件不被挤压变形 */
+    .header-title-stack { display: flex; flex-direction: column; justify-content: center; overflow: hidden; }
+    .title-main { font-size: 15px; font-weight: bold; line-height: 1.2; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
+    .title-sub { font-size: 11px; color: var(--text-sub); line-height: 1.2; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
     .header-controls { display: flex; gap: 8px; flex-shrink: 0; }
 
-    /* ====== 动态音轨图标 ====== */
-    .playing-eq {
-      display: inline-flex;
-      align-items: flex-end;
-      height: 12px;
-      gap: 2px;
-      margin-right: 6px;
-      vertical-align: middle;
-    }
-    .eq-bar {
-      width: 3px;
-      background-color: var(--primary);
-      animation: eq-bounce 0.8s infinite ease-in-out alternate;
-      border-radius: 1px;
-    }
-    .eq-bar:nth-child(1) { height: 40%; animation-delay: 0.1s; }
-    .eq-bar:nth-child(2) { height: 100%; animation-delay: 0.3s; }
-    .eq-bar:nth-child(3) { height: 70%; animation-delay: 0.5s; }
-    @keyframes eq-bounce {
-      0% { height: 30%; }
-      100% { height: 100%; }
-    }
-
-    /* ====== 离线设备专属样式 ====== */
-    .device-offline {
-      color: #9ca3af !important;
-    }
-
-    /* ====== 自定义下拉菜单 ====== */
+    /* 下拉菜单基类 */
     .custom-select { position: relative; }
-
-    /* 文本类触发按钮 (本机、歌单) */
     .select-value {
-      padding: 6px 24px 6px 10px;
-      border-radius: 8px;
-      border: 1px solid var(--border);
+      padding: 6px 24px 6px 10px; border-radius: 8px; border: 1px solid var(--border);
       background: var(--card-bg) url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat right 4px center / 12px;
-      color: var(--text-main);
-      font-size: 14px;
-      cursor: pointer;
-      max-width: 130px;
-      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      user-select: none;
+      color: var(--text-main); font-size: 14px; cursor: pointer; max-width: 130px;
+      white-space: nowrap; overflow: hidden; text-overflow: ellipsis; user-select: none;
     }
-
-    /* 图标类触发按钮 (设置菜单) */
     .settings-btn {
-      display: flex; justify-content: center; align-items: center;
-      width: 28px; height: 28px; border-radius: 50%;
-      color: var(--text-sub); cursor: pointer;
-      transition: background 0.2s, color 0.2s;
+      display: flex; justify-content: center; align-items: center; width: 28px; height: 28px;
+      border-radius: 50%; color: var(--text-sub); cursor: pointer; transition: background 0.2s, color 0.2s;
     }
     .settings-btn:active { background: var(--border); color: var(--text-main); }
-
-    /* ====== 下拉弹窗容器 ====== */
     .select-options {
-      display: none;
-      position: absolute;
-      top: 100%;
-      right: 0;
-      margin-top: 6px;
-      background: var(--card-bg);
-      border: 1px solid var(--border);
-      border-radius: 8px;
-      box-shadow: 0 4px 15px rgba(0,0,0,0.1);
-      list-style: none;
-      max-height: 50vh;
-      overflow-y: auto;
-      z-index: 200;
-      min-width: 120px; /* 统一最小宽度，确保三个菜单看起来一致 */
-      -webkit-overflow-scrolling: touch;
+      display: none; position: absolute; top: 100%; right: 0; margin-top: 6px;
+      background: var(--card-bg); border: 1px solid var(--border); border-radius: 8px;
+      box-shadow: 0 4px 15px rgba(0,0,0,0.1); list-style: none; max-height: 50vh; overflow-y: auto;
+      z-index: 200; min-width: 80px; -webkit-overflow-scrolling: touch;
     }
-    .select-options.show {
-      display: block;
-      animation: fadeIn 0.2s ease-out;
-    }
-    @keyframes fadeIn {
-      from { opacity: 0; transform: translateY(-5px); }
-      to { opacity: 1; transform: translateY(0); }
-    }
-
-    /* ====== 下拉弹窗列表项 ====== */
+    .select-options.show { display: block; animation: fadeIn 0.2s ease-out; }
+    @keyframes fadeIn { from { opacity: 0; transform: translateY(-5px); } to { opacity: 1; transform: translateY(0); } }
     .select-option {
-      padding: 10px 15px;
-      font-size: 14px; /* 统一字体大小 */
-      border-bottom: 1px solid var(--bg-color);
-      cursor: pointer;
-      white-space: nowrap;
-      display: flex; /* 使用Flex布局，让左侧图标和右侧文字完美垂直居中对齐 */
-      align-items: center;
+      padding: 10px 15px; font-size: 14px; border-bottom: 1px solid var(--bg-color);
+      cursor: pointer; white-space: nowrap; display: flex; align-items: center;
     }
     .select-option:last-child { border-bottom: none; }
     .select-option.active { color: var(--primary); font-weight: bold; background: var(--bg-color); }
+    .select-option-icon { font-size: 12px; margin-right: 2px; }
 
-    /* 列表项里的前缀图标 */
-    .select-option-icon {
-      font-size: 12px;
-      margin-right: 2px;
-    }
+    /* 设备与音轨状态指示 */
+    .playing-eq { display: inline-flex; align-items: flex-end; height: 12px; gap: 2px; margin-right: 6px; vertical-align: middle; }
+    .eq-bar { width: 3px; background-color: var(--primary); animation: eq-bounce 0.8s infinite ease-in-out alternate; border-radius: 1px; }
+    .eq-bar:nth-child(1) { height: 40%; animation-delay: 0.1s; }
+    .eq-bar:nth-child(2) { height: 100%; animation-delay: 0.3s; }
+    .eq-bar:nth-child(3) { height: 70%; animation-delay: 0.5s; }
+    @keyframes eq-bounce { 0% { height: 30%; } 100% { height: 100%; } }
+    .device-offline { color: #9ca3af !important; }
 
-    /* ====== 播放列表 ====== */
+    /* ==========================================
+       3. 播放列表 (Playlist)
+       ========================================== */
     .playlist { list-style: none; padding: 10px; max-width: 800px; margin: 0 auto; }
     .song-item {
       background: var(--card-bg); margin-bottom: 10px; padding: 15px; border-radius: 12px;
@@ -192,370 +106,185 @@
     .song-item.playing { border: 2px solid var(--primary); }
     .song-info { flex: 1; overflow: hidden; }
     .song-name { font-size: 16px; font-weight: 500; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
+    #loading { text-align: center; padding: 20px; color: var(--text-sub); }
 
-    /* ====== 底部播放栏 ====== */
+    /* ==========================================
+       4. 底部播放栏与进度条 (Player Bar)
+       ========================================== */
     .player-bar {
       position: fixed; bottom: 0; left: 0; width: 100%;
       height: calc(var(--player-height) + env(safe-area-inset-bottom));
       background: var(--card-bg); border-top: 1px solid var(--border);
       display: flex; flex-direction: column; align-items: center;
-      padding: 0 15px env(safe-area-inset-bottom) 15px;
-      box-shadow: 0 -4px 15px rgba(0,0,0,0.05); z-index: 100;
-      transform: translateZ(0);
-      -webkit-transform: translateZ(0);
+      padding: 0 15px env(safe-area-inset-bottom) 15px; box-shadow: 0 -4px 15px rgba(0,0,0,0.05); z-index: 100;
+      transform: translateZ(0); -webkit-transform: translateZ(0);
     }
-
-    /* ====== 进度条 ====== */
     .progress-container {
       position: absolute; top: -15px; left: 16px; width: calc(100% - 32px); height: 30px;
       cursor: pointer; display: flex; align-items: center; justify-content: center; z-index: 101;
     }
-    .progress-bg {
-      width: 100%;
-      height: 4px;
-      background: var(--border);
-      position: relative;
-      border-radius: 4px;
-    }
-    .progress-bar {
-      height: 100%;
-      background: var(--primary);
-      width: 0%;
-      position: absolute;
-      top: 0;
-      left: 0;
-      border-radius: 4px;
-    }
+    .progress-bg { width: 100%; height: 4px; background: var(--border); position: relative; border-radius: 4px; }
+    .progress-bar { height: 100%; background: var(--primary); width: 0%; position: absolute; top: 0; left: 0; border-radius: 4px; }
     .progress-thumb {
-      position: absolute; right: -7px; top: 50%; transform: translateY(-50%);
-      width: 14px; height: 14px;
-      border-radius: 50%;
-      background: #ffffff;
-      border: 3px solid var(--primary);
-      box-shadow: 0 1px 4px rgba(0,0,0,0.2);
+      position: absolute; right: -7px; top: 50%; transform: translateY(-50%); width: 14px; height: 14px;
+      border-radius: 50%; background: #ffffff; border: 3px solid var(--primary); box-shadow: 0 1px 4px rgba(0,0,0,0.2);
     }
     .progress-container.remote-mode { cursor: not-allowed; }
     .progress-container.remote-mode .progress-bg { background: rgba(156, 163, 175, 0.25); }
     .progress-container.remote-mode .progress-bar { background: var(--text-sub); opacity: 0.8; transition: width 0.3s linear; }
     .progress-container.remote-mode .progress-thumb { display: none; }
 
-    .player-container {
-      max-width: 800px; width: 100%; height: 100%;
-      display: flex; flex-direction: column; justify-content: space-evenly;
-    }
+    .player-container { max-width: 800px; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-evenly; }
+    .time-row { width: 100%; display: flex; justify-content: space-between; }
+    .time-current, .time-duration { font-size: 11px; color: var(--text-sub); opacity: 0.8; font-variant-numeric: tabular-nums; }
 
-    /* ====== 时间 ====== */
-    .time-row {
-      width: 100%; display: flex; justify-content: space-between;
-    }
-    .time-current, .time-duration {
-      font-size: 11px; color: var(--text-sub); opacity: 0.8; font-variant-numeric: tabular-nums;
-    }
-
-    /* ====== 播放信息 ====== */
-    .now-playing-info {
-      display: flex; align-items: center; width: 100%; cursor: pointer; padding: 0 10px;
-      position: relative; box-sizing: border-box; justify-content: center;
-    }
-
-    .up-arrow {
-      width: 40px; display: flex; justify-content: center; color: var(--text-sub);
-      animation: bounce 2s infinite;
-    }
-    .up-arrow svg {
-      transition: transform 0.3s ease;
-    }
-    body.player-open .up-arrow {
-      animation: none;
-    }
-    body.player-open .up-arrow svg {
-      transform: rotate(180deg);
-    }
-
-    .np-text-group {
-      flex: 0 1 auto; display: flex; flex-direction: column; align-items: center; justify-content: center;
-      overflow: hidden;
-    }
+    .now-playing-info { display: flex; align-items: center; width: 100%; cursor: pointer; padding: 0 10px; position: relative; box-sizing: border-box; justify-content: center; }
+    .up-arrow { width: 40px; display: flex; justify-content: center; color: var(--text-sub); animation: bounce 2s infinite; }
+    .up-arrow svg { transition: transform 0.3s ease; }
+    body.player-open .up-arrow { animation: none; }
+    body.player-open .up-arrow svg { transform: rotate(180deg); }
+    @keyframes bounce { 0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 40% {transform: translateY(-5px);} 60% {transform: translateY(-3px);} }
+    .np-text-group { flex: 0 1 auto; display: flex; flex-direction: column; align-items: center; justify-content: center; overflow: hidden; }
     .now-playing-title { font-size: 19px; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; text-align: center;}
 
-    @keyframes bounce {
-      0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
-      40% {transform: translateY(-5px);}
-      60% {transform: translateY(-3px);}
-    }
-
-    .controls {
-      display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 0 10px; box-sizing: border-box;
-    }
-    .btn {
-      background: none; border: none; color: var(--text-main); font-size: 20px;
-      cursor: pointer; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center;
-      border-radius: 50%; transition: opacity 0.2s;
-    }
+    .controls { display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 0 10px; box-sizing: border-box; }
+    .btn { background: none; border: none; color: var(--text-main); font-size: 20px; cursor: pointer; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 50%; transition: opacity 0.2s; }
     .btn.play-btn { background: var(--primary); color: white; width: 46px; height: 46px; }
     .btn.mode-btn, .btn.vol-btn { opacity: 0.8; }
     .btn:active { opacity: 0.5; }
 
-    /* ====== 音量弹窗 ====== */
+    /* 音量弹窗 */
     .volume-wrapper { position: relative; }
     .volume-popup {
-      position: absolute; bottom: 55px; left: 50%; transform: translateX(-50%);
-      background: var(--card-bg); border: 1px solid var(--border); border-radius: 16px;
-      padding: 12px 0 16px 0; box-shadow: 0 4px 20px rgba(0,0,0,0.15);
+      position: absolute; bottom: 55px; left: 50%; transform: translateX(-50%); background: var(--card-bg);
+      border: 1px solid var(--border); border-radius: 16px; padding: 12px 0 16px 0; box-shadow: 0 4px 20px rgba(0,0,0,0.15);
       display: none; flex-direction: column; justify-content: center; align-items: center; z-index: 110;
-      width: 54px;
-      height: 160px;
-      touch-action: none;
+      width: 54px; height: 160px; touch-action: none;
     }
     .volume-popup.show { display: flex; }
-    .volume-text {
-      font-size: 12px; font-weight: bold; color: var(--primary);
-      margin-bottom: 8px; font-variant-numeric: tabular-nums;
-    }
-    .volume-popup input[type=range] {
-      -webkit-appearance: slider-vertical;
-      appearance: slider-vertical;
-      width: 28px;
-      height: 100px;
-      background: transparent; outline: none; margin: 0;
-      cursor: pointer;
-    }
+    .volume-text { font-size: 12px; font-weight: bold; color: var(--primary); margin-bottom: 8px; font-variant-numeric: tabular-nums; }
+    .volume-popup input[type=range] { -webkit-appearance: slider-vertical; appearance: slider-vertical; width: 28px; height: 100px; background: transparent; outline: none; margin: 0; cursor: pointer; }
 
-    /* ====== 抽屉式半屏封面/歌词 ====== */
+    /* ==========================================
+       5. 抽屉层封面与歌词 (Full Player Drawer)
+       ========================================== */
     .full-player {
-      position: fixed; left: 0; width: 100%;
-      height: 65vh;
+      position: fixed; left: 0; width: 100%; height: 65vh;
       bottom: calc(var(--player-height) + env(safe-area-inset-bottom));
-      background: var(--card-bg);
-      border-radius: 24px 24px 0 0;
-      box-shadow: 0 -4px 20px rgba(0,0,0,0.08);
-      z-index: 90;
-      transform: translateY(110%);
-      transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
+      background: var(--card-bg); border-radius: 24px 24px 0 0;
+      box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.12), 0 -2px 10px rgba(0, 0, 0, 0.05); z-index: 90;
+      transform: translateY(110%); transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
       display: flex; flex-direction: column; align-items: center;
     }
     @media (prefers-color-scheme: dark) { .full-player { background: #1a2234; border-top: 1px solid var(--border); } }
-
     .full-player.open { transform: translateY(0); }
-
-    .drawer-handle {
-      width: 100%; height: 30px; display: flex; justify-content: center; align-items: center;
-      cursor: pointer; padding-top: 5px;
-    }
-    .handle-bar {
-      width: 60px; height: 5px; background: var(--text-sub);
-      border-radius: 3px; opacity: 0.4;
-    }
+    .drawer-handle { width: 100%; height: 30px; display: flex; justify-content: center; align-items: center; cursor: pointer; padding-top: 5px; }
+    .handle-bar { width: 60px; height: 5px; background: var(--text-sub); border-radius: 3px; opacity: 0.4; }
 
     .fp-cover-wrapper { flex: 1; display: flex; justify-content: center; align-items: center; min-height: 200px; padding-top: 10px;}
     .fp-cover {
-      /* 大封面 */
-      width: clamp(200px, 60vw, 300px);
-      height: clamp(200px, 60vw, 300px);
-      border-radius: 20px; object-fit: cover; box-shadow: 0 8px 24px rgba(0,0,0,0.2);
-      border: 1px solid #222;
-      animation: cover-breath 6s ease-in-out infinite;
-
+      width: clamp(200px, 60vw, 300px); height: clamp(200px, 60vw, 300px); border-radius: 20px; object-fit: cover;
+      box-shadow: 0 8px 24px rgba(0,0,0,0.2); border: 1px solid #222; animation: cover-breath 6s ease-in-out infinite;
     }
-
-
-    @keyframes cover-breath {
-      0%   { transform: scale(1); }
-      50%  { transform: scale(1.05); }
-      100% { transform: scale(1); }
+    @media (max-height: 700px) {
+      .full-player { height: 60vh; }
+      .fp-cover { width: clamp(120px, 30vh, 180px); height: clamp(120px, 30vh, 180px); }
     }
+    @keyframes cover-breath { 0% { transform: scale(1); } 50% { transform: scale(1.05); } 100% { transform: scale(1); } }
 
-    /* === 底部栏小型圆形封面 === */
-    .mini-cover{
-      width:35px;height:35px;border-radius:50%;overflow:hidden;flex:0 0 35px;border:1px solid var(--border);box-shadow:0 1px 3px rgba(0,0,0,0.08);
-      margin-right: 10px;
-    }
-    .mini-cover img{
-      width:100%;height:100%;object-fit:cover;border-radius:50%;
-      animation: rotate-cover 10s linear infinite; will-change: transform;
-    }
-    .mini-cover.spinning img{animation-play-state: running;}
-
+    .mini-cover { width:35px; height:35px; border-radius:50%; overflow:hidden; flex:0 0 35px; border:1px solid var(--border); box-shadow:0 1px 3px rgba(0,0,0,0.08); margin-right: 10px; }
+    .mini-cover img { width:100%; height:100%; object-fit:cover; border-radius:50%; animation: rotate-cover 10s linear infinite; animation-play-state: paused; will-change: transform; }
+    .mini-cover.spinning img { animation-play-state: running; }
     @keyframes rotate-cover { 100% { transform: rotate(360deg); } }
 
     .fp-lyrics-wrapper {
-      height: 28vh; width: 100%; max-width: 600px;
-      overflow: hidden; position: relative; margin-bottom: 10px;
+      height: 28vh; width: 100%; max-width: 600px; overflow: hidden; position: relative; margin-bottom: 10px;
       mask-image: linear-gradient(to bottom, transparent 0%, black 20%, black 80%, transparent 100%);
-      -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 20%, black 80%, transparent 100%);
-      touch-action: none;
-    }
-    .fp-lyrics-container {
-      position: absolute; width: 100%; text-align: center; transition: transform 0.3s ease-out;
-      touch-action: none;
-    }
-    .lyric-line {
-      padding: 6px 20px; color: var(--text-sub); font-size: 14px;
-      transition: color 0.3s, font-size 0.3s, font-weight 0.3s; min-height: 32px;
+      -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 20%, black 80%, transparent 100%); touch-action: none;
     }
+    .fp-lyrics-container { position: absolute; width: 100%; text-align: center; transition: transform 0.3s ease-out; touch-action: none; }
+    .lyric-line { padding: 6px 20px; color: var(--text-sub); font-size: 14px; transition: color 0.3s, font-size 0.3s, font-weight 0.3s; min-height: 32px; }
     .lyric-line.active { color: var(--primary); font-size: 17px; font-weight: bold; }
     .no-lyrics { color: var(--text-sub); text-align: center; margin-top: 40px; font-size: 14px; }
 
-
     /* ==========================================
-       ====== 电脑端 / 宽屏设备 UI 完美居中适配 ======
+       6. 模态框与轻提示 (Modals & Toast)
        ========================================== */
-    @media (min-width: 600px) {
-      /* 给屏幕外的底板换个颜色，增加层次感 */
-      html {
-        background-color: #e5e7eb;
-        overflow-y: scroll;
-        scrollbar-gutter: stable;
-      }
-      @media (prefers-color-scheme: dark) { html { background-color: #050505; } }
-
-      /* 限制主体容器宽度，模拟手机比例，加个高级投影 */
-      body {
-        width: 480px !important;
-        margin: 0 auto !important;
-        min-height: 100vh;
-        box-shadow: 0 0 60px rgba(0,0,0,0.15);
-        border-left: 1px solid var(--border);
-        border-right: 1px solid var(--border);
-      }
-
-      /* 将所有贴在屏幕两边/底部的悬浮组件强制吸附回 480px 的容器内 */
-      .header, .player-bar, .full-player {
-        width: 480px !important;
-        left: 50% !important;
-        margin-left: -240px !important;
-      }
-      /* === PC 体验优化：鼠标样式、禁选、禁拖 === */
-      /* 歌词区域：默认显示可抓取(手型) */
-      #fp-lyrics-wrapper {
-        cursor: grab;
-      }
-
-      /* 拖动过程中：显示抓取中(手型) */
-      #fp-lyrics-wrapper.dragging {
-        cursor: grabbing;
-      }
-
-      /* 禁止选中大部分文本（包含歌词、标题等） */
-      #fp-lyrics-wrapper,
-      #fp-lyrics-container,
-      .lyric-line,
-      .now-playing-title,
-      .header,
-      .playlist,
-      .player-bar,
-      .full-player {
-        -webkit-user-select: none;
-        -moz-user-select: none;
-        user-select: none;
-      }
-
-      /* 禁止封面图片被拖拽/选中 */
-      #fp-cover {
-        -webkit-user-drag: none;  /* 禁止拖动图片 */
-        user-drag: none;
-        -webkit-user-select: none;
-        user-select: none;
-        pointer-events: auto;      /* 仍可正常点按/交互 */
-      }
-
-    }
-
-    /* ====== About Modal ====== */
     .about-modal-backdrop {
-      position: fixed; inset: 0;
-      background: rgba(0,0,0,0.35);
-      z-index: 300; /* 高于你的下拉菜单(200)与播放器(100) */
-      display: none; /* 默认隐藏 */
-      align-items: center;
-      justify-content: center;
-      padding: 20px;
-      -webkit-backdrop-filter: blur(2px);
-      backdrop-filter: blur(2px);
+      position: fixed; inset: 0; background: rgba(0,0,0,0.35); z-index: 300; display: none;
+      align-items: center; justify-content: center; padding: 20px;
+      -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);
     }
-
     .about-modal-backdrop.show { display: flex; animation: about-fade-in 0.15s ease-out; }
-
-    @keyframes about-fade-in {
-      from { opacity: 0 } to { opacity: 1 }
-    }
+    @keyframes about-fade-in { from { opacity: 0 } to { opacity: 1 } }
 
     .about-modal {
-      width: min(520px, 92vw);
-      background: var(--card-bg);
-      color: var(--text-main);
-      border: 1px solid var(--border);
-      border-radius: 16px;
-      box-shadow: 0 12px 30px rgba(0,0,0,0.15);
-      position: relative;
-      overflow: hidden;
-      transform: translateY(6px);
-      animation: about-slide-up 0.18s ease-out;
+      width: min(520px, 92vw); background: var(--card-bg); color: var(--text-main);
+      border: 1px solid var(--border); border-radius: 16px; box-shadow: 0 12px 30px rgba(0,0,0,0.15);
+      position: relative; overflow: hidden; transform: translateY(6px); animation: about-slide-up 0.18s ease-out;
     }
-
-    @keyframes about-slide-up {
-      from { transform: translateY(16px); opacity: 0.8; }
-      to   { transform: translateY(0);    opacity: 1;   }
-    }
-
+    @keyframes about-slide-up { from { transform: translateY(16px); opacity: 0.8; } to { transform: translateY(0); opacity: 1; } }
     .about-close {
-      position: absolute; top: 10px; right: 10px;
-      width: 32px; height: 32px; border-radius: 50%;
-      border: none; background: transparent; color: var(--text-sub);
-      font-size: 20px; cursor: pointer;
+      position: absolute; top: 10px; right: 10px; width: 32px; height: 32px; border-radius: 50%;
+      border: none; background: transparent; color: var(--text-sub); font-size: 20px; cursor: pointer;
     }
     .about-close:active { background: var(--border); color: var(--text-main); }
-
-    .about-header {
-      display: flex; gap: 12px; align-items: center;
-      padding: 18px 18px 0 18px;
-    }
-
-    .about-logo {
-      width: 42px; height: 42px; border-radius: 10px; overflow: hidden;
-      border: 1px solid var(--border); background: var(--bg-color);
-      display: grid; place-items: center; flex: 0 0 auto;
-    }
+    .about-header { display: flex; gap: 12px; align-items: center; padding: 18px 18px 0 18px; }
+    .about-logo { width: 42px; height: 42px; border-radius: 10px; overflow: hidden; border: 1px solid var(--border); background: var(--bg-color); display: grid; place-items: center; flex: 0 0 auto; }
     .about-logo img { width: 100%; height: 100%; object-fit: cover; }
-
     .about-title-wrap { min-width: 0; }
-    .about-title-wrap h2 {
-      font-size: 18px; line-height: 1.2; margin: 0; font-weight: 800;
-      white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
-    }
-    .about-version {
-      display: inline-block; margin-left: 6px; font-size: 14px; font-weight: 700;
-      color: var(--primary);
-    }
-    .about-subtitle {
-      margin-top: 4px; font-size: 12px; color: var(--text-sub);
-      white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
-    }
-
-    .about-body {
-      padding: 14px 18px 6px 18px; font-size: 14px; line-height: 1.7; color: var(--text-main);
-    }
+    .about-title-wrap h2 { font-size: 18px; line-height: 1.2; margin: 0; font-weight: 800; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+    .about-version { display: inline-block; margin-left: 6px; font-size: 14px; font-weight: 700; color: var(--primary); }
+    .about-subtitle { margin-top: 4px; font-size: 12px; color: var(--text-sub); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+    .about-body { padding: 14px 18px 6px 18px; font-size: 14px; line-height: 1.7; color: var(--text-main); }
     .about-body p { margin: 0 0 8px 0; }
     .about-features { margin: 6px 0 10px 18px; padding-left: 6px; }
     .about-features li { margin: 4px 0; color: var(--text-sub); }
-
-    .about-link {
-      padding: 8px 10px; background: var(--bg-color); border: 1px dashed var(--border);
-      border-radius: 10px; overflow-wrap: anywhere; font-size: 13px;
-    }
-
-    .about-footer {
-      padding: 12px 18px 18px 18px; display: flex; justify-content: flex-end; gap: 8px;
-    }
-    .about-primary {
-      background: var(--primary); color: #fff; border: none; border-radius: 10px;
-      padding: 10px 16px; font-size: 14px; cursor: pointer;
-    }
+    .about-link { padding: 8px 10px; background: var(--bg-color); border: 1px dashed var(--border); border-radius: 10px; overflow-wrap: anywhere; font-size: 13px; }
+    .about-link a { color: var(--primary); text-decoration: none; font-weight: 500; transition: opacity 0.2s; }
+    .about-link a:active { opacity: 0.7; }
+    .about-footer { padding: 12px 18px 18px 18px; display: flex; justify-content: flex-end; gap: 8px; }
+    .about-primary { background: var(--primary); color: #fff; border: none; border-radius: 10px; padding: 10px 16px; font-size: 14px; cursor: pointer; }
     .about-primary:active { opacity: 0.8; }
 
-    /* 宽屏“手机殻”模式下，模态也贴合 480px 容器 */
+    .toast-message {
+      position: fixed; bottom: calc(var(--player-height) + env(safe-area-inset-bottom) + 80px);
+      left: 50%; transform: translateX(-50%); background: rgba(0, 0, 0, 0.7); color: #fff;
+      padding: 10px 20px; border-radius: 20px; font-size: 14px; z-index: 1000; opacity: 0;
+      pointer-events: none; transition: opacity 0.3s ease-in-out;
+      backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); white-space: nowrap;
+    }
+    .toast-message.show { opacity: 1; }
+
+    /* ==========================================
+       7. 宽屏适配 / 电脑端居中
+       ========================================== */
     @media (min-width: 600px) {
+      html { background-color: #e5e7eb; overflow-y: scroll; scrollbar-gutter: stable; }
+      @media (prefers-color-scheme: dark) { html { background-color: #050505; } }
+      body { width: 480px !important; margin: 0 auto !important; min-height: 100vh; box-shadow: 0 0 60px rgba(0,0,0,0.15); border-left: 1px solid var(--border); border-right: 1px solid var(--border); }
+      .header, .player-bar, .full-player { width: 480px !important; left: 50% !important; margin-left: -240px !important; }
       .about-modal-backdrop { left: 50%; width: 480px; margin-left: -240px; }
+      #fp-lyrics-wrapper { cursor: grab; }
+      #fp-lyrics-wrapper.dragging { cursor: grabbing; }
+      #fp-lyrics-wrapper, #fp-lyrics-container, .lyric-line, .now-playing-title, .header, .playlist, .player-bar, .full-player { -webkit-user-select: none; -moz-user-select: none; user-select: none; }
+      #fp-cover { -webkit-user-drag: none; user-drag: none; -webkit-user-select: none; user-select: none; pointer-events: auto; }
+    }
+
+    /* ==========================================
+       8. 极致小屏幕 iPhone 适配 (保护两端，压缩中间)
+       ========================================== */
+    @media (max-width: 395px) {
+      .header { padding: 10px 8px; }
+      .header-logo-group { flex: 0 0 auto; margin-right: 4px; }
+      .header-controls { gap: 4px; }
+      .select-value {
+        padding: 6px 18px 6px 6px; /* 减少内边距 */
+        font-size: 13px;
+      }
+      #device-val { max-width: 75px; }
+      #playlist-val { max-width: 115px; }
+      .settings-btn { flex: 0 0 28px; }
     }
   </style>
 </head>
@@ -563,9 +292,7 @@
 
   <div class="header">
     <div class="header-logo-group">
-
-    <img class="header-icon" id="headerLogo"/>
-
+      <img class="header-icon" id="headerLogo" alt="logo"/>
       <div class="header-title-stack">
         <div class="title-main">iWebPlayer</div>
         <div class="title-sub">XiaoMusic播放器</div>
@@ -581,11 +308,10 @@
         <ul class="select-options" id="playlist-opts"></ul>
       </div>
       <div class="custom-select" id="settings-container">
-        <div class="settings-btn" id="settings-btn" title="菜单">
-          ⋯
-        </div>
+        <div class="settings-btn" id="settings-btn" title="菜单">⋯</div>
         <ul class="select-options" id="settings-opts">
           <li class="select-option" id="setting-refresh"><span class="select-option-icon">🔄</span> 刷新歌单</li>
+          <li class="select-option" id="setting-create-playlist"><span class="select-option-icon">📝</span> 创建歌单</li>
           <li class="select-option" id="setting-config"><span class="select-option-icon">⚙️</span> 配置参数</li>
           <li class="select-option" id="setting-version"><span class="select-option-icon">🏷️</span> 版本 <span id="setting-version-label"></span></li>
         </ul>
@@ -597,7 +323,7 @@
   <ul class="playlist" id="playlist"></ul>
 
   <div class="full-player" id="full-player">
-    <div class="drawer-handle" onclick="toggleFullPlayer(false)">
+    <div class="drawer-handle" id="drawer-handle">
       <div class="handle-bar"></div>
     </div>
     <div class="fp-cover-wrapper">
@@ -620,7 +346,6 @@
     </div>
 
     <div class="player-container">
-
       <div class="time-row">
         <span class="time-current" id="time-current">00:00</span>
         <span class="time-duration" id="time-duration">00:00</span>
@@ -676,58 +401,60 @@
 
   <audio id="audio" preload="auto"></audio>
 
-  <!-- About Modal：iWebPlayer v2.0 -->
   <div class="about-modal-backdrop" id="about-backdrop" aria-hidden="true">
     <div class="about-modal" role="dialog" aria-modal="true" aria-labelledby="about-title">
       <button class="about-close" id="about-close" aria-label="关闭">×</button>
-
       <div class="about-header">
-        <div class="about-logo">
-          <!-- 复用你的 APP_LOGO（运行时由 JS 动态填充）-->
-          <img id="about-logo-img" alt="iWebPlayer Logo" />
-        </div>
+        <div class="about-logo"><img id="about-logo-img" alt="iWebPlayer Logo" /></div>
         <div class="about-title-wrap">
           <h2 id="about-title">iWebPlayer <span class="about-version" id="about-version-label"></span></h2>
           <div class="about-subtitle">XiaoMusic 主题 · iPhone 体验优化</div>
         </div>
       </div>
-
       <div class="about-body">
-        <p>
-          <strong>iWebPlayer</strong> 是 <strong>XiaoMusic</strong> 的主题之一，
-          专为 <strong>iPhone</strong> 交互优化，提供接近原生APP的音乐播放体验与远程设备控制能力。
-        </p>
-
+        <p><strong>iWebPlayer</strong> 是 <strong>XiaoMusic</strong> 的主题之一，专为 <strong>iPhone</strong> 交互优化，提供接近原生APP的音乐播放体验与远程设备控制能力。</p>
         <ul class="about-features">
           <li>适配 iPhone Safari 浏览器</li>
           <li>iPhone锁屏、灵动岛、媒体库完美体验</li>
           <li>支持耳机线控（上一曲 / 下一曲 / 暂停）</li>
           <li>封面 & 歌词自动刮削展示</li>
         </ul>
-
         <div class="about-link">
           项目主页 / 更新地址：<br>
-          <a href="https://github.com/birdstudy-nj/iWebPlayer" target="_blank" rel="noopener">
-            https://github.com/birdstudy-nj/iWebPlayer
-          </a>
+          <a href="https://github.com/birdstudy-nj/iWebPlayer" target="_blank" rel="noopener">https://github.com/birdstudy-nj/iWebPlayer</a>
         </div>
       </div>
-
       <div class="about-footer">
         <button class="about-primary" id="about-ok">我知道了</button>
       </div>
     </div>
   </div>
 
+  <div class="about-modal-backdrop" id="dev-backdrop" aria-hidden="true">
+    <div class="about-modal" role="dialog" aria-modal="true">
+      <button class="about-close" id="dev-close" aria-label="关闭">×</button>
+      <div class="about-header">
+        <div class="about-title-wrap">
+          <h2 style="font-size: 18px; font-weight: 800; margin-top: 4px;">敬请期待 🚀</h2>
+        </div>
+      </div>
+      <div class="about-body">
+        <p><strong>自定义歌单</strong> 功能正在开发中。</p>
+        <div class="about-link" style="margin-top: 15px;">
+          最新情况请访问项目主页：<br>
+          <a href="https://github.com/birdstudy-nj/iWebPlayer" target="_blank" rel="noopener">https://github.com/birdstudy-nj/iWebPlayer</a>
+        </div>
+      </div>
+      <div class="about-footer">
+        <button class="about-primary" id="dev-ok">我知道了</button>
+      </div>
+    </div>
+  </div>
+
   <script>
-
-    let APP_VERSION = 'v0.3'
-
-    let APP_LOGO = document.getElementById('app-logo')?.content || '';
-
-    document.getElementById('setting-version-label').textContent = APP_VERSION;
-    document.getElementById('about-version-label').textContent = APP_VERSION;
-
+    // ==========================================
+    // 1. 常量与全局状态
+    // ==========================================
     const API = {
       list: '/musiclist',
       info: '/musicinfo?musictag=true&name=',
@@ -741,104 +468,153 @@
       cmdStatus: '/cmdstatus'
     };
 
+    let APP_VERSION = 'v0.6';
+    let APP_LOGO = document.getElementById('app-logo')?.content || '';
+    const defaultCover = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3ClinearGradient id='grad' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23ec4899' /%3E%3Cstop offset='100%25' stop-color='%238b5cf6' /%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='50' cy='50' r='50' fill='%231f2937' /%3E%3Ccircle cx='50' cy='50' r='40' fill='none' stroke='%23374151' stroke-width='1' /%3E%3Ccircle cx='50' cy='50' r='30' fill='none' stroke='%23374151' stroke-width='1' /%3E%3Ccircle cx='50' cy='50' r='20' fill='url(%23grad)' /%3E%3Ccircle cx='50' cy='50' r='5' fill='%23111827' /%3E%3Cpath d='M50 15 A35 35 0 0 1 85 50' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' opacity='0.3' /%3E%3C/svg%3E";
+    const eqHtml = `<div class="playing-eq"><span class="eq-bar"></span><span class="eq-bar"></span><span class="eq-bar"></span></div>`;
+    const modeNames = ["单曲循环", "全部循环", "随机播放"];
+    const isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent) || (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1);
+
+    // 播放状态与队列
     let allPlaylists = {};
     let songList = [];
     let currentIndex = -1;
     let currentSongName = "";
     let isPlaying = false;
-    let isDragging = false;
-
-    // === 歌词手动浏览状态 & 恢复计时器 ===
-    let lyricManualScrolling = false;  // 是否处于手动浏览（拖动）状态/宽限期
-    let lyricResumeTimer = null;       // 松手后 2 秒才恢复自动跟随的计时器句柄
-
-    const isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent) || (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1);
+    let currentPlaylist = "";
 
+    // 播放模式与时间配置
     let playMode = parseInt(localStorage.getItem('local_play_mode'));
     if (isNaN(playMode)) playMode = 1;
+    let localCurrentTime = 0;
+    let localState = { playlist: "", songName: "" };
+    try {
+      const stored = localStorage.getItem('local_state');
+      if (stored) localState = JSON.parse(stored);
+    } catch (e) {
+      console.warn("读取本地播放状态失败，已重置", e);
+    }
 
-    const modeNames = ["单曲循环", "全部循环", "随机播放"];
-
+    // 远程状态与请求
     let currentDid = "";
-    let currentPlaylist = "";
     let remotePollingTimer = null;
-    let parsedLyrics = [];
+    let workingProxyPath = '/proxy/music';
     let hasSyncedPlaylistOnce = false;
 
-    // ====== 全局变量：记录工作正常的代理路径，默认新版 ======
-    let workingProxyPath = '/proxy/music';
+    // 交互拖拽状态
+    let isDragging = false;
+    let lyricManualScrolling = false;
+    let lyricResumeTimer = null;
+    let touchStartY = 0;
+    let fpTouchStartY = 0;
+    let drawerGestureFromLyrics = false;
+    let lyricDragStartY = 0;
+    let lyricStartOffset = 0;
+    let parsedLyrics = [];
 
-    let localCurrentTime = 0;
-
-    const localState = JSON.parse(localStorage.getItem('local_state')) || {
-      playlist: "",
-      songName: ""
-    };
-
-    const defaultCover = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3ClinearGradient id='grad' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23ec4899' /%3E%3Cstop offset='100%25' stop-color='%238b5cf6' /%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='50' cy='50' r='50' fill='%231f2937' /%3E%3Ccircle cx='50' cy='50' r='40' fill='none' stroke='%23374151' stroke-width='1' /%3E%3Ccircle cx='50' cy='50' r='30' fill='none' stroke='%23374151' stroke-width='1' /%3E%3Ccircle cx='50' cy='50' r='20' fill='url(%23grad)' /%3E%3Ccircle cx='50' cy='50' r='5' fill='%23111827' /%3E%3Cpath d='M50 15 A35 35 0 0 1 85 50' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' opacity='0.3' /%3E%3C/svg%3E";
-
-    const eqHtml = `<div class="playing-eq"><span class="eq-bar"></span><span class="eq-bar"></span><span class="eq-bar"></span></div>`;
-
-    const playlistEl = document.getElementById('playlist');
-    const loadingEl = document.getElementById('loading');
+    // ==========================================
+    // 2. DOM 元素获取
+    // ==========================================
+    // 基础面板
     const audioEl = document.getElementById('audio');
+    const loadingEl = document.getElementById('loading');
+    const playlistEl = document.getElementById('playlist');
+    const headerLogo = document.getElementById('headerLogo');
 
+    // 顶栏菜单与选项
+    const deviceVal = document.getElementById('device-val');
+    const deviceOpts = document.getElementById('device-opts');
+    const playlistContainer = document.getElementById('playlist-container');
+    const playlistVal = document.getElementById('playlist-val');
+    const playlistOpts = document.getElementById('playlist-opts');
+    const settingsOpts = document.getElementById('settings-opts');
+    const settingsBtn = document.getElementById('settings-btn');
+    const settingRefreshBtn = document.getElementById('setting-refresh');
+    const settingConfigBtn = document.getElementById('setting-config');
+    const settingCreatePlaylistBtn = document.getElementById('setting-create-playlist');
+    const settingVersionBtn = document.getElementById('setting-version');
+
+    // 播放控制区
     const btnMode = document.getElementById('btn-mode');
     const iconLoopAll = document.getElementById('icon-loop-all');
     const iconShuffle = document.getElementById('icon-shuffle');
     const iconLoopOne = document.getElementById('icon-loop-one');
-
     const btnPlay = document.getElementById('btn-play');
     const iconPlay = document.getElementById('icon-play');
     const iconPause = document.getElementById('icon-pause');
     const iconPush = document.getElementById('icon-push');
     const iconStop = document.getElementById('icon-stop');
-
     const btnPrev = document.getElementById('btn-prev');
     const btnNext = document.getElementById('btn-next');
+
+    // 音量与进度控制
     const btnVolume = document.getElementById('btn-volume');
     const volumePopup = document.getElementById('volume-popup');
     const volumeSlider = document.getElementById('volume-slider');
     const volumeText = document.getElementById('volume-text');
     const iconVolNormal = document.getElementById('icon-vol-normal');
     const iconVolMute = document.getElementById('icon-vol-mute');
+    const progressContainer = document.getElementById('progress-container');
+    const progressBg = document.getElementById('progress-bg');
+    const progressBar = document.getElementById('progress-bar');
+    const progressThumb = document.getElementById('progress-thumb');
 
+    // 信息展示区
+    const npInfo = document.getElementById('np-info');
     const npTitle = document.getElementById('np-title');
     const timeCurrentEl = document.getElementById('time-current');
     const timeDurationEl = document.getElementById('time-duration');
-    const npInfo = document.getElementById('np-info');
-    const progressBar = document.getElementById('progress-bar');
-    const progressThumb = document.getElementById('progress-thumb');
-    const progressContainer = document.getElementById('progress-container');
-    const progressBg = document.getElementById('progress-bg');
-
-    const deviceVal = document.getElementById('device-val');
-    const deviceOpts = document.getElementById('device-opts');
-    const playlistContainer = document.getElementById('playlist-container');
-    const playlistVal = document.getElementById('playlist-val');
-    const playlistOpts = document.getElementById('playlist-opts');
-
-    const fullPlayer = document.getElementById('full-player');
-    const fpCover = document.getElementById('fp-cover');
     const miniCover = document.getElementById('mini-cover');
     const miniCoverImg = document.getElementById('mini-cover-img');
 
+    // 全屏抽屉面板
+    const fullPlayer = document.getElementById('full-player');
+    const drawerHandle = document.getElementById('drawer-handle');
+    const fpCover = document.getElementById('fp-cover');
+    const lyricsWrapper = document.getElementById('fp-lyrics-wrapper');
     const fpLyricsContainer = document.getElementById('fp-lyrics-container');
 
+    // 模态框
+    const aboutBackdrop = document.getElementById('about-backdrop');
+    const devBackdrop = document.getElementById('dev-backdrop');
+
+    const devClose = document.getElementById('dev-close');
+    const devOk = document.getElementById('dev-ok');
+
+    // 初始化一些静态信息
+    document.getElementById('setting-version-label').textContent = APP_VERSION;
+    document.getElementById('about-version-label').textContent = APP_VERSION;
     fpCover.src = defaultCover;
     miniCoverImg.src = defaultCover;
 
 
-    // 工具函数
+    // ==========================================
+    // 3. 基础工具与 UI 状态更新函数
+    // ==========================================
     function setHeadIcon(rel, href, extra = {}) {
       let link = document.querySelector(`link[rel="${rel}"]`);
-      if (!link) {
-        link = document.createElement('link');
-        link.rel = rel;
-        document.head.appendChild(link);
+      if (!link) { link = document.createElement('link'); link.rel = rel; document.head.appendChild(link); }
+      link.href = href; Object.assign(link, extra);
+    }
+
+    function showToast(msg) {
+      let toast = document.getElementById('global-toast');
+      if (!toast) {
+        toast = document.createElement('div'); toast.id = 'global-toast'; toast.className = 'toast-message';
+        document.body.appendChild(toast);
       }
-      link.href = href;
-      Object.assign(link, extra);
+      toast.textContent = msg;
+      toast.classList.remove('show');
+      void toast.offsetWidth;
+      toast.classList.add('show');
+      if (toast.timer) clearTimeout(toast.timer);
+      toast.timer = setTimeout(() => toast.classList.remove('show'), 2000);
+    }
+
+    function formatTime(seconds) {
+      if (isNaN(seconds) || !isFinite(seconds)) return "00:00";
+      const m = Math.floor(seconds / 60); const s = Math.floor(seconds % 60);
+      return (m < 10 ? '0' : '') + m + ':' + (s < 10 ? '0' : '') + s;
     }
 
     function updatePlayModeUI() {
@@ -849,9 +625,16 @@
           btnMode.title = modeNames[playMode];
       }
     }
-    updatePlayModeUI();
 
     function updateVolumeIcon(vol) {
+      // 👇 如果是 iPhone 且播放本机音乐，强制锁定为普通音量图标
+      if (currentDid === "" && isIOS) {
+        iconVolNormal.style.display = 'block';
+        iconVolMute.style.display = 'none';
+        return;
+      }
+
+      // 电脑或远程设备，正常根据数值切换图标
       if (parseInt(vol) === 0) {
         iconVolNormal.style.display = 'none';
         iconVolMute.style.display = 'block';
@@ -864,463 +647,60 @@
     function updateVolumeDeviceUI() {
       if (currentDid === "" && isIOS) {
         btnVolume.style.opacity = '0.3';
-        btnVolume.style.pointerEvents = 'none';
         volumePopup.classList.remove('show');
-      } else {
-        btnVolume.style.opacity = '0.8';
-        btnVolume.style.pointerEvents = 'auto';
-      }
+        updateVolumeIcon(0);
+      } else { btnVolume.style.opacity = '0.8'; }
     }
 
     function updateDeviceStatusUI(li, rawName, status) {
       if (!li) return;
       let displayHtml = rawName;
-
-      if (status === 'offline') {
-        displayHtml = `[离线] ${rawName}`;
-        li.classList.add('device-offline');
-      } else {
+      if (status === 'offline') { displayHtml = `[离线] ${rawName}`; li.classList.add('device-offline'); }
+      else {
         li.classList.remove('device-offline');
-        if (status === 'playing') {
-          displayHtml = eqHtml + rawName;
-        }
-      }
-
-      if (li.innerHTML !== displayHtml) {
-        li.innerHTML = displayHtml;
+        if (status === 'playing') displayHtml = eqHtml + rawName;
       }
+      if (li.innerHTML !== displayHtml) li.innerHTML = displayHtml;
 
       if (li.classList.contains('active') || currentDid === li.dataset.did) {
-        if (deviceVal.innerHTML !== displayHtml) {
-            deviceVal.innerHTML = displayHtml;
-        }
-        if (status === 'offline') {
-            deviceVal.classList.add('device-offline');
-        } else {
-            deviceVal.classList.remove('device-offline');
-        }
-      }
-    }
-
-    async function updateDevicePresence() {
-      try {
-        const res = await fetch(API.deviceList);
-        const data = await res.json();
-        if (data && data.devices) {
-          data.devices.forEach(dev => {
-            const li = document.querySelector(`#device-opts .select-option[data-raw-name="${dev.name}"]`);
-            if (li) {
-              if (dev.presence === 'offline') {
-                updateDeviceStatusUI(li, dev.name, 'offline');
-
-                if (currentDid !== "" && li.classList.contains('active')) {
-                  if (npTitle.innerText !== "设备已离线") {
-                    npTitle.innerText = "设备已离线";
-                    progressBar.style.width = '0%';
-                    timeCurrentEl.innerText = "00:00";
-                    timeDurationEl.innerText = "00:00";
-                    updatePlayButtonUI(false);
-                  }
-                }
-              } else {
-                if (li.classList.contains('device-offline')) {
-                  updateDeviceStatusUI(li, dev.name, 'normal');
-                  if (currentDid !== "" && li.classList.contains('active')) {
-                    npTitle.innerText = "暂无播放";
-                  }
-                }
-              }
-            }
-          });
-        }
-      } catch (err) {}
-    }
-
-    document.addEventListener('DOMContentLoaded', () => {
-        // favicon
-        setHeadIcon('icon', APP_LOGO);
-        // iOS 主屏幕图标
-        setHeadIcon('apple-touch-icon', APP_LOGO, { sizes: '180x180' });
-        // Header logo —— 关键：此时 DOM 已就绪
-        const headerLogo = document.getElementById('headerLogo');
-        if (headerLogo && APP_LOGO) {
-          headerLogo.src = APP_LOGO;
-        }
-      });
-
-    async function init() {
-      // ====== 探测环境：默认是新版，如果遇 404 则降级为老版 ======
-      try {
-        const probeRes = await fetch('/proxy/music');
-        if (probeRes.status === 404) {
-          workingProxyPath = '/proxy';
-        }
-        //console.log("环境探测完毕，当前启用的代理路径为: " + workingProxyPath);
-      } catch (e) {
-        //console.log("探测异常，保持默认新版路径");
-      }
-      // =======================================================
-
-      try {
-        const [settingRes, listRes] = await Promise.all([
-          fetch(API.setting).catch(() => ({json: () => ({})})),
-          fetch(API.list)
-        ]);
-        const settingData = await settingRes.json();
-        allPlaylists = await listRes.json();
-
-        initDeviceDropdown(settingData.devices || {});
-        initPlaylistDropdown();
-
-        const savedVol = localStorage.getItem('player_volume') || 50;
-        volumeSlider.value = savedVol;
-        audioEl.volume = savedVol / 100;
-        volumeText.innerText = savedVol + '%';
-        updateVolumeIcon(savedVol);
-        updateVolumeDeviceUI();
-
-        loadingEl.style.display = 'none';
-
-        if (currentDid === "" && localState.playlist && allPlaylists[localState.playlist]) {
-          currentPlaylist = localState.playlist;
-          songList = allPlaylists[currentPlaylist];
-
-          const playlistValEl = document.getElementById('playlist-val');
-          playlistValEl.textContent = `${currentPlaylist} (${songList.length})`;
-          document.querySelectorAll('#playlist-opts .select-option').forEach(opt => {
-            opt.classList.remove('active');
-            if (opt.textContent === playlistValEl.textContent) opt.classList.add('active');
-          });
-
-          renderPlaylist();
-
-          if (localState.songName) {
-            const idx = songList.indexOf(localState.songName);
-            if (idx !== -1) {
-              playSong(idx, false);
-            }
-          }
-        } else {
-          renderPlaylist();
-        }
-
-        setupMediaSession();
-        await updateDevicePresence();
-
-        if (settingData.devices) {
-          for (const device of Object.values(settingData.devices)) {
-            if (!device.did || device.did === "") continue;
-            const li = document.querySelector(`#device-opts .select-option[data-raw-name="${device.name}"]`);
-
-            if (li && !li.classList.contains('device-offline')) {
-                try {
-                  const res = await fetch(API.playingInfo + device.did);
-                  const data = await res.json();
-                  if (data.ret === "OK" && data.is_playing) {
-                    updateDeviceStatusUI(li, device.name, 'playing');
-                  }
-                } catch (e) {}
-            }
-          }
-        }
-
-        setTimeout(() => {
-          window.scrollTo(window.scrollX, window.scrollY + 1);
-          window.scrollTo(window.scrollX, window.scrollY - 1);
-          window.dispatchEvent(new Event('resize'));
-        }, 300);
-
-      } catch (err) {
-        loadingEl.innerText = '加载失败，请检查网络或后端状态';
-      }
-    }
-
-    function setupMediaSession() {
-      if ('mediaSession' in navigator) {
-        try {
-          navigator.mediaSession.setActionHandler('seekbackward', null);
-          navigator.mediaSession.setActionHandler('seekforward', null);
-        } catch (e) {}
-
-        navigator.mediaSession.setActionHandler('play', () => {
-          if (currentDid !== "") {
-            if (!isPlaying) btnPlay.click();
-          } else {
-            return audioEl.play().catch(e => console.error(e));
-          }
-        });
-
-        navigator.mediaSession.setActionHandler('pause', () => {
-          if (currentDid !== "") {
-            if (isPlaying) btnPlay.click();
-          } else {
-            audioEl.pause();
-          }
-        });
-
-        navigator.mediaSession.setActionHandler('previoustrack', () => btnPrev.click());
-        navigator.mediaSession.setActionHandler('nexttrack', () => btnNext.click());
-
-        try {
-          navigator.mediaSession.setActionHandler('seekto', (details) => {
-            if (currentDid === "" && audioEl.duration) {
-              audioEl.currentTime = details.seekTime;
-            }
-          });
-        } catch(e) {}
+        if (deviceVal.innerHTML !== displayHtml) deviceVal.innerHTML = displayHtml;
+        if (status === 'offline') deviceVal.classList.add('device-offline');
+        else deviceVal.classList.remove('device-offline');
       }
     }
 
     function updatePlayButtonUI(playing) {
       isPlaying = playing;
-
-      iconPlay.style.display = 'none';
-      iconPause.style.display = 'none';
-      iconPush.style.display = 'none';
-      iconStop.style.display = 'none';
+      iconPlay.style.display = 'none'; iconPause.style.display = 'none';
+      iconPush.style.display = 'none'; iconStop.style.display = 'none';
 
       if (currentDid !== "") {
-        if (playing) {
-          iconStop.style.display = 'block';
-
-          miniCover.classList.add('spinning');
-        } else {
-          iconPush.style.display = 'block';
-
-          miniCover.classList.remove('spinning');
-        }
+        if (playing) { iconStop.style.display = 'block'; miniCover.classList.add('spinning'); }
+        else { iconPush.style.display = 'block'; miniCover.classList.remove('spinning'); }
       } else {
-        if (playing) {
-          iconPause.style.display = 'block';
-
-          miniCover.classList.add('spinning');
-        } else {
-          iconPlay.style.display = 'block';
-
-          miniCover.classList.remove('spinning');
-        }
+        if (playing) { iconPause.style.display = 'block'; miniCover.classList.add('spinning'); }
+        else { iconPlay.style.display = 'block'; miniCover.classList.remove('spinning'); }
       }
     }
 
-    audioEl.addEventListener('play', () => {
-      if (currentDid === "") {
-        updatePlayButtonUI(true);
-        if ('mediaSession' in navigator) {
-          navigator.mediaSession.playbackState = 'playing';
-          setupMediaSession();
-        }
-      }
-    });
+    function highlightSongUI(index) {
+      if (currentIndex !== -1) document.getElementById('song-' + currentIndex)?.classList.remove('playing');
+      currentIndex = index; currentSongName = songList[currentIndex];
 
-    audioEl.addEventListener('playing', () => {
-      if (currentDid === "") {
-        if ('mediaSession' in navigator) setupMediaSession();
-      }
-    });
+      const currentEl = document.getElementById('song-' + currentIndex);
+      if (currentEl) { currentEl.classList.add('playing'); setTimeout(scrollToCurrentSong, 100); }
 
-    audioEl.addEventListener('pause', () => {
-      if (currentDid === "") {
-        updatePlayButtonUI(false);
-        if ('mediaSession' in navigator) {
-          navigator.mediaSession.playbackState = 'paused';
-        }
-      }
-    });
-
-    const settingsOpts = document.getElementById('settings-opts');
-    const settingsBtn = document.getElementById('settings-btn');
-    document.addEventListener('click', (e) => {
-      if (!e.target.closest('#device-container')) deviceOpts.classList.remove('show');
-      if (!e.target.closest('#playlist-container')) playlistOpts.classList.remove('show');
-      if (!e.target.closest('#settings-container') && settingsOpts) settingsOpts.classList.remove('show');
-      if (!volumePopup.contains(e.target) && e.target !== btnVolume && !btnVolume.contains(e.target)) {
-        volumePopup.classList.remove('show');
-      }
-    });
-
-    // 为齿轮按钮绑定点击事件，互斥展开
-    settingsBtn.addEventListener('click', (e) => {
-      e.stopPropagation();
-      deviceOpts.classList.remove('show');
-      playlistOpts.classList.remove('show');
-      settingsOpts.classList.toggle('show');
-    });
-
-    function initDeviceDropdown(devicesMap) {
-      deviceOpts.innerHTML = '';
-
-      const createOpt = (name, did) => {
-        const li = document.createElement('li');
-        li.className = 'select-option' + (currentDid === did ? ' active' : '');
-        li.innerHTML = name;
-        li.dataset.rawName = name;
-        li.dataset.did = did;
-
-        li.addEventListener('click', async (e) => {
-          e.stopPropagation();
-
-          if (currentDid === "" && did !== "") {
-            localCurrentTime = audioEl.currentTime || 0;
-
-            audioEl.pause();
-            audioEl.src = "";
-            isPlaying = false;
-            updatePlayButtonUI(false);
-            progressBar.style.width = '0%';
-            timeCurrentEl.innerText = '00:00';
-            timeDurationEl.innerText = '00:00';
-          }
-
-          currentDid = did;
-          updatePlayButtonUI(isPlaying);
-          updateVolumeDeviceUI();
-
-          deviceVal.innerHTML = li.innerHTML;
-          if (li.classList.contains('device-offline')) {
-              deviceVal.classList.add('device-offline');
-          } else {
-              deviceVal.classList.remove('device-offline');
-          }
-
-          deviceOpts.classList.remove('show');
-          hasSyncedPlaylistOnce = false;
-
-          deviceOpts.querySelectorAll('.select-option').forEach(el => {
-            el.classList.remove('active');
-          });
-          li.classList.add('active');
-
-          if (currentDid !== "") {
-            progressContainer.classList.add('remote-mode');
-
-            fetch(API.setting).then(res => res.json()).then(data => {
-              if (data && data.devices && data.devices[currentDid]) {
-                playMode = data.devices[currentDid].play_type !== undefined ? data.devices[currentDid].play_type : 1;
-                updatePlayModeUI();
-              }
-            }).catch(()=>{});
-
-            await updateDevicePresence();
-            startRemotePolling();
-
-            try {
-              const res = await fetch(API.getVolume + currentDid);
-              const data = await res.json();
-              if (data.volume !== undefined) {
-                const vol = parseInt(data.volume);
-                volumeSlider.value = vol;
-                volumeText.innerText = vol + '%';
-                updateVolumeIcon(vol);
-              }
-            } catch (err) {}
-
-          } else {
-            progressContainer.classList.remove('remote-mode');
-            stopRemotePolling();
-
-            playMode = parseInt(localStorage.getItem('local_play_mode'));
-            if (isNaN(playMode)) playMode = 1;
-            updatePlayModeUI();
-
-            const savedVol = localStorage.getItem('player_volume') || 50;
-            volumeSlider.value = savedVol;
-            volumeText.innerText = savedVol + '%';
-            audioEl.volume = savedVol / 100;
-            updateVolumeIcon(savedVol);
-
-            deviceVal.innerHTML = "本机";
-            deviceVal.classList.remove('device-offline');
-
-            if (localState.playlist && allPlaylists[localState.playlist]) {
-              currentPlaylist = localState.playlist;
-              songList = allPlaylists[currentPlaylist];
-
-              const playlistValEl = document.getElementById('playlist-val');
-              playlistValEl.textContent = `${currentPlaylist} (${songList.length})`;
-              document.querySelectorAll('#playlist-opts .select-option').forEach(opt => {
-                opt.classList.remove('active');
-                if (opt.textContent === playlistValEl.textContent) opt.classList.add('active');
-              });
-              renderPlaylist();
-
-              if (localState.songName) {
-                const idx = songList.indexOf(localState.songName);
-                if (idx !== -1) {
-                   playSong(idx, false, localCurrentTime);
-                }
-              }
-            } else {
-               progressBar.style.width = '0%';
-               timeCurrentEl.innerText = '00:00';
-               timeDurationEl.innerText = '00:00';
-            }
-          }
-        });
-        deviceOpts.appendChild(li);
-      }
-
-      createOpt("本机", "");
-      for (const key in devicesMap) {
-        createOpt(devicesMap[key].name, devicesMap[key].did);
-      }
-
-      deviceVal.addEventListener('click', (e) => {
-        e.stopPropagation();
-        playlistOpts.classList.remove('show');
-        deviceOpts.classList.toggle('show')
-        settingsOpts.classList.remove('show')
-      });
+      npTitle.innerText = currentSongName;
+      fpCover.src = defaultCover; miniCoverImg.src = defaultCover;
+      fpLyricsContainer.innerHTML = '<div class="no-lyrics">加载中...</div>';
+      fpLyricsContainer.style.transform = `translateY(0px)`;
     }
 
-    function initPlaylistDropdown() {
-      playlistOpts.innerHTML = '';
-      let defaultKey = '';
-      for (const key in allPlaylists) {
-        if (!defaultKey && (key === '全部' || key === '所有歌曲')) defaultKey = key;
+    function scrollToCurrentSong() {
+      if (currentIndex !== -1) {
+        const currentEl = document.getElementById('song-' + currentIndex);
+        if (currentEl) currentEl.scrollIntoView({ behavior: 'smooth', block: 'center' });
       }
-      if (!defaultKey && Object.keys(allPlaylists).length > 0) {
-        defaultKey = Object.keys(allPlaylists).find(k => k !== '收藏') || Object.keys(allPlaylists)[0];
-      }
-
-      const createOpt = (key) => {
-        const li = document.createElement('li');
-        li.className = 'select-option';
-        li.textContent = `${key} (${allPlaylists[key].length})`;
-        li.addEventListener('click', (e) => {
-          e.stopPropagation();
-          currentPlaylist = key;
-          playlistVal.textContent = li.textContent;
-          playlistOpts.classList.remove('show');
-
-          playlistOpts.querySelectorAll('.select-option').forEach(el => el.classList.remove('active'));
-          li.classList.add('active');
-
-          songList = allPlaylists[key] || [];
-          renderPlaylist();
-        });
-        playlistOpts.appendChild(li);
-      };
-
-      for (const key in allPlaylists) {
-        createOpt(key);
-      }
-
-      if (defaultKey) {
-        currentPlaylist = defaultKey;
-        playlistVal.textContent = `${defaultKey} (${allPlaylists[defaultKey].length})`;
-        const firstOpt = Array.from(playlistOpts.children).find(li => li.textContent === playlistVal.textContent);
-        if(firstOpt) firstOpt.classList.add('active');
-
-        songList = allPlaylists[defaultKey] || [];
-        playlistContainer.style.display = 'block';
-      }
-
-      playlistVal.addEventListener('click', (e) => {
-        e.stopPropagation();
-        deviceOpts.classList.remove('show');
-        playlistOpts.classList.toggle('show');
-        settingsOpts.classList.remove('show')
-      });
     }
 
     function toggleFullPlayer(forceState) {
@@ -1336,552 +716,319 @@
       }
     }
 
-    npInfo.addEventListener('click', () => toggleFullPlayer());
 
-    let touchStartY = 0;
-    npInfo.addEventListener('touchstart', e => { touchStartY = e.touches[0].clientY; }, {passive: true});
-    npInfo.addEventListener('touchend', e => {
-      let touchEndY = e.changedTouches[0].clientY;
-      if (touchStartY - touchEndY > 30) toggleFullPlayer(true);
+    // ==========================================
+    // 4. 核心逻辑 (加载、构建列表、获取封面等)
+    // ==========================================
+    document.addEventListener('DOMContentLoaded', () => {
+      setHeadIcon('icon', APP_LOGO);
+      setHeadIcon('apple-touch-icon', APP_LOGO, { sizes: '180x180' });
+      if (headerLogo && APP_LOGO) headerLogo.src = APP_LOGO;
+      try { if (typeof APP_LOGO === 'string' && APP_LOGO) document.getElementById('about-logo-img').src = APP_LOGO; } catch (e) {}
     });
 
-    let fpTouchStartY = 0;
-    let drawerGestureFromLyrics = false;
-    fullPlayer.addEventListener('touchstart', e => {
-      fpTouchStartY = e.touches[0].clientY;
-      // 如果手势从歌词区域开始，标记下来
-      drawerGestureFromLyrics = !!e.target.closest('#fp-lyrics-wrapper');
-    }, {passive: true});
-    fullPlayer.addEventListener('touchend', e => {
-      let touchEndY = e.changedTouches[0].clientY;
-        // 只有“非歌词区域”发起的手势，才触发收起
-        if (!drawerGestureFromLyrics && (touchEndY - fpTouchStartY > 50)) {
-          toggleFullPlayer(false);
+    async function init() {
+      try {
+        const probeRes = await fetch('/proxy/music');
+        if (probeRes.status === 404) workingProxyPath = '/proxy';
+      } catch (e) {}
+
+      try {
+        const [settingRes, listRes] = await Promise.all([
+          fetch(API.setting).catch(() => ({json: () => ({})})),
+          fetch(API.list)
+        ]);
+        const settingData = await settingRes.json();
+        allPlaylists = await listRes.json();
+
+        initDeviceDropdown(settingData.devices || {});
+        initPlaylistDropdown();
+
+        const savedVol = localStorage.getItem('player_volume') || 50;
+        volumeSlider.value = savedVol; audioEl.volume = savedVol / 100;
+        volumeText.innerText = savedVol + '%';
+        updateVolumeIcon(savedVol); updateVolumeDeviceUI(); updatePlayModeUI();
+
+        loadingEl.style.display = 'none';
+
+        if (currentDid === "" && localState.playlist && allPlaylists[localState.playlist]) {
+          currentPlaylist = localState.playlist; songList = allPlaylists[currentPlaylist];
+          playlistVal.textContent = `${currentPlaylist} (${songList.length})`;
+          document.querySelectorAll('#playlist-opts .select-option').forEach(opt => {
+            opt.classList.remove('active');
+            if (opt.textContent === playlistVal.textContent) opt.classList.add('active');
+          });
+          renderPlaylist();
+          if (localState.songName) {
+            const idx = songList.indexOf(localState.songName);
+            if (idx !== -1) playSong(idx, false);
+          }
+        } else { renderPlaylist(); }
+
+        setupMediaSession();
+        await updateDevicePresence();
+
+        if (settingData.devices) {
+          for (const device of Object.values(settingData.devices)) {
+            if (!device.did || device.did === "") continue;
+            const li = document.querySelector(`#device-opts .select-option[data-raw-name="${device.name}"]`);
+            if (li && !li.classList.contains('device-offline')) {
+                try {
+                  const res = await fetch(API.playingInfo + device.did); const data = await res.json();
+                  if (data.ret === "OK" && data.is_playing) updateDeviceStatusUI(li, device.name, 'playing');
+                } catch (e) {}
+            }
+          }
         }
-        // 重置标记，避免影响后续手势
-        drawerGestureFromLyrics = false;
-    });
 
-    fullPlayer.addEventListener('touchmove', e => {
-    // 歌词区域放行，只有非歌词区域才阻止默认滚动
-      if (!e.target.closest('#fp-lyrics-wrapper')) {
-        e.preventDefault();
-      }
-    }, { passive: false });
-
-    btnVolume.addEventListener('click', (e) => {
-      e.stopPropagation();
-      volumePopup.classList.toggle('show');
-    });
-
-    let volTimeout = null;
-    volumeSlider.addEventListener('input', (e) => {
-      const vol = e.target.value;
-      volumeText.innerText = vol + '%';
-      localStorage.setItem('player_volume', vol);
-      updateVolumeIcon(vol);
-
-      if (currentDid === "") {
-        audioEl.volume = vol / 100;
-      } else {
-        clearTimeout(volTimeout);
-        volTimeout = setTimeout(() => {
-          fetch(API.setVolume, {
-            method: 'POST',
-            headers: {'Content-Type': 'application/json'},
-            body: JSON.stringify({ did: currentDid, volume: parseInt(vol) })
-          }).catch(()=>{});
+        setTimeout(() => {
+          window.scrollTo(window.scrollX, window.scrollY + 1);
+          window.scrollTo(window.scrollX, window.scrollY - 1);
+          window.dispatchEvent(new Event('resize'));
         }, 300);
-      }
-    });
 
-    function scrollToCurrentSong() {
-      if (currentIndex !== -1) {
-        const currentEl = document.getElementById('song-' + currentIndex);
-        if (currentEl) {
-          currentEl.scrollIntoView({ behavior: 'smooth', block: 'center' });
-        }
-      }
+      } catch (err) { loadingEl.innerText = '加载失败，请检查网络或后端状态'; }
     }
 
-    document.addEventListener('visibilitychange', () => {
-      if (document.visibilityState === 'visible') scrollToCurrentSong();
-    });
+    function initDeviceDropdown(devicesMap) {
+      deviceOpts.innerHTML = '';
+      const createOpt = (name, did) => {
+        const li = document.createElement('li');
+        li.className = 'select-option' + (currentDid === did ? ' active' : '');
+        li.innerHTML = name; li.dataset.rawName = name; li.dataset.did = did;
 
-    function parseLyrics(lrcString) {
-      parsedLyrics = [];
-      if (!lrcString) {
-        fpLyricsContainer.innerHTML = '<div class="no-lyrics">暂无歌词，请欣赏音乐吧</div>';
-        fpLyricsContainer.style.transform = `translateY(0px)`;
-        return;
-      }
-      const lines = lrcString.split('\n');
-      const timeRegex = /\[(\d{2,}):(\d{2}(?:\.\d{1,3})?)\](.*)/;
-      lines.forEach(line => {
-        const match = timeRegex.exec(line);
-        if (match) {
-          const min = parseInt(match[1], 10);
-          const sec = parseFloat(match[2]);
-          const text = match[3].trim();
-          if (text) parsedLyrics.push({ time: min * 60 + sec, text: text });
-        }
-      });
-
-      // 添加“零宽空行”
-      const count = 2;
-        const pad = Array.from({ length: count }, (_, i) => ({
-          time: i * 0.1,          // 0.00, 0.10, 0.20 ... 秒
-          text: '\u200B'          // 零宽空格：视觉空行，但不会被当成“空字符串”丢弃
-        }));
-      if (parsedLyrics.length > 0) {
-        parsedLyrics = [...pad, ...parsedLyrics];
-      }
-
-      if (parsedLyrics.length === 0) {
-        fpLyricsContainer.innerHTML = '<div class="no-lyrics">暂无歌词，请欣赏音乐吧</div>';
-        fpLyricsContainer.style.transform = `translateY(0px)`;
-      } else {
-        fpLyricsContainer.innerHTML = parsedLyrics.map((lyric, idx) =>
-          `<div class="lyric-line" id="lyric-${idx}">${lyric.text}</div>`
-        ).join('');
-      }
-    }
-
-    function syncLyrics(currentTime) {
-      if (parsedLyrics.length === 0) return;
-
-      // 新增：手动浏览中或松手后的 2 秒宽限期内，暂停自动对齐
-      if (lyricManualScrolling) return;
-
-      let activeIndex = -1;
-      for (let i = 0; i < parsedLyrics.length; i++) {
-        if (currentTime >= parsedLyrics[i].time) activeIndex = i;
-        else break;
-      }
-      if (activeIndex !== -1) {
-        const oldActive = document.querySelector('.lyric-line.active');
-        if (oldActive) oldActive.classList.remove('active');
-        const currentLine = document.getElementById(`lyric-${activeIndex}`);
-        if (currentLine) {
-          currentLine.classList.add('active');
-          const containerHeight = document.getElementById('fp-lyrics-wrapper').offsetHeight;
-          const lineHeight = currentLine.offsetHeight;
-          const offset = currentLine.offsetTop - (containerHeight / 2) + (lineHeight / 2);
-          fpLyricsContainer.style.transform = `translateY(-${Math.max(0, offset)}px)`;
-        }
-      }
-    }
-
-    function startRemotePolling() {
-      stopRemotePolling();
-
-      const poll = async () => {
-        if (!currentDid) return;
-
-        const activeDeviceLi = document.querySelector('#device-opts .select-option.active');
-        const rawName = activeDeviceLi ? activeDeviceLi.dataset.rawName : "";
-
-        try {
-          const res = await fetch(API.playingInfo + currentDid);
-          const data = await res.json();
-
-          if (activeDeviceLi && activeDeviceLi.classList.contains('device-offline')) {
-             return;
+        li.addEventListener('click', async (e) => {
+          e.stopPropagation();
+          if (currentDid === "" && did !== "") {
+            localCurrentTime = audioEl.currentTime || 0;
+            audioEl.pause(); audioEl.src = ""; isPlaying = false; updatePlayButtonUI(false);
+            progressBar.style.width = '0%'; timeCurrentEl.innerText = '00:00'; timeDurationEl.innerText = '00:00';
           }
+          currentDid = did; updatePlayButtonUI(isPlaying); updateVolumeDeviceUI();
+          deviceVal.innerHTML = li.innerHTML;
+          if (li.classList.contains('device-offline')) deviceVal.classList.add('device-offline');
+          else deviceVal.classList.remove('device-offline');
 
-          if (data.ret === "OK") {
+          deviceOpts.classList.remove('show'); hasSyncedPlaylistOnce = false;
+          deviceOpts.querySelectorAll('.select-option').forEach(el => el.classList.remove('active'));
+          li.classList.add('active');
 
-            updateDeviceStatusUI(activeDeviceLi, rawName, data.is_playing ? 'playing' : 'normal');
+          if (currentDid !== "") {
+            progressContainer.classList.add('remote-mode');
+            fetch(API.setting).then(res => res.json()).then(data => {
+              if (data && data.devices && data.devices[currentDid]) {
+                playMode = data.devices[currentDid].play_type !== undefined ? data.devices[currentDid].play_type : 1;
+                updatePlayModeUI();
+              }
+            }).catch(()=>{});
 
-            if (!hasSyncedPlaylistOnce && data.cur_playlist && data.cur_playlist !== currentPlaylist && allPlaylists[data.cur_playlist]) {
-              currentPlaylist = data.cur_playlist;
-              songList = allPlaylists[currentPlaylist];
+            await updateDevicePresence(); startRemotePolling();
 
-              const playlistValEl = document.getElementById('playlist-val');
-              playlistValEl.textContent = `${currentPlaylist} (${songList.length})`;
-              document.querySelectorAll('#playlist-opts .select-option').forEach(el => {
-                el.classList.remove('active');
-                if (el.textContent === playlistValEl.textContent) el.classList.add('active');
+            try {
+              const res = await fetch(API.getVolume + currentDid); const data = await res.json();
+              if (data.volume !== undefined) {
+                const vol = parseInt(data.volume); volumeSlider.value = vol;
+                volumeText.innerText = vol + '%'; updateVolumeIcon(vol);
+              }
+            } catch (err) {}
+          } else {
+            progressContainer.classList.remove('remote-mode'); stopRemotePolling();
+            playMode = parseInt(localStorage.getItem('local_play_mode')); if (isNaN(playMode)) playMode = 1; updatePlayModeUI();
+            const savedVol = localStorage.getItem('player_volume') || 50; volumeSlider.value = savedVol;
+            volumeText.innerText = savedVol + '%'; audioEl.volume = savedVol / 100; updateVolumeIcon(savedVol);
+            deviceVal.innerHTML = "本机"; deviceVal.classList.remove('device-offline');
+
+            if (localState.playlist && allPlaylists[localState.playlist]) {
+              currentPlaylist = localState.playlist; songList = allPlaylists[currentPlaylist];
+              playlistVal.textContent = `${currentPlaylist} (${songList.length})`;
+              document.querySelectorAll('#playlist-opts .select-option').forEach(opt => {
+                opt.classList.remove('active');
+                if (opt.textContent === playlistVal.textContent) opt.classList.add('active');
               });
-
               renderPlaylist();
-              hasSyncedPlaylistOnce = true;
-            }
-
-            if (data.cur_music && data.cur_music !== currentSongName) {
-              const idx = songList.indexOf(data.cur_music);
-              if (idx !== -1) highlightSongUI(idx);
-
-              updateDevicePresence();
-            }
-
-            if (data.is_playing) {
-              updatePlayButtonUI(true);
-              const cur = data.offset || 0;
-              const dur = data.duration || 1;
-
-              progressBar.style.width = (cur / dur * 100) + '%';
-              timeCurrentEl.innerText = formatTime(cur);
-              timeDurationEl.innerText = formatTime(dur);
-              syncLyrics(cur);
+              if (localState.songName) {
+                const idx = songList.indexOf(localState.songName);
+                if (idx !== -1) playSong(idx, false, localCurrentTime);
+              }
             } else {
-              updatePlayButtonUI(false);
+               progressBar.style.width = '0%'; timeCurrentEl.innerText = '00:00'; timeDurationEl.innerText = '00:00';
             }
           }
-        } catch (e) {
-          updateDevicePresence();
-        }
+        });
+        deviceOpts.appendChild(li);
+      }
+      createOpt("本机", "");
+      for (const key in devicesMap) createOpt(devicesMap[key].name, devicesMap[key].did);
+    }
+
+    function initPlaylistDropdown() {
+      playlistOpts.innerHTML = ''; let defaultKey = '';
+      for (const key in allPlaylists) { if (!defaultKey && (key === '全部' || key === '所有歌曲')) defaultKey = key; }
+      if (!defaultKey && Object.keys(allPlaylists).length > 0) defaultKey = Object.keys(allPlaylists).find(k => k !== '收藏') || Object.keys(allPlaylists)[0];
+
+      const createOpt = (key) => {
+        const li = document.createElement('li');
+        li.className = 'select-option'; li.textContent = `${key} (${allPlaylists[key].length})`;
+        li.addEventListener('click', (e) => {
+          e.stopPropagation();
+          currentPlaylist = key; playlistVal.textContent = li.textContent; playlistOpts.classList.remove('show');
+          playlistOpts.querySelectorAll('.select-option').forEach(el => el.classList.remove('active'));
+          li.classList.add('active'); songList = allPlaylists[key] || []; renderPlaylist();
+        });
+        playlistOpts.appendChild(li);
       };
+      for (const key in allPlaylists) createOpt(key);
 
-      poll();
-      remotePollingTimer = setInterval(poll, 1000);
-    }
-
-    function stopRemotePolling() {
-      if (remotePollingTimer) { clearInterval(remotePollingTimer); remotePollingTimer = null; }
-    }
-
-
-    // === 歌词拖动逻辑：开始 / 移动 / 结束 ===
-    let lyricDragStartY = 0;
-    let lyricStartOffset = 0;
-
-    function getLyricsOffset() {
-      const tf = fpLyricsContainer.style.transform || '';
-      const m = /translateY\(-?(\d+(?:\.\d+)?)px\)/.exec(tf);
-      return m ? parseFloat(m[1]) : 0;
-    }
-    function getLyricsMaxOffset() {
-      const wrapperH = document.getElementById('fp-lyrics-wrapper').offsetHeight;
-      const totalH = fpLyricsContainer.scrollHeight;
-      return Math.max(0, totalH - wrapperH);
-    }
-
-    function onLyricsDragStart(e) {
-      // 仅允许“左键”触发鼠标拖动；触摸不受影响
-      if (e.type === 'mousedown' && e.button !== 0) return;
-
-      // 若正等待 2 秒恢复，用户又开始拖动，则取消恢复
-      if (lyricResumeTimer) {
-        clearTimeout(lyricResumeTimer);
-        lyricResumeTimer = null;
+      if (defaultKey) {
+        currentPlaylist = defaultKey; playlistVal.textContent = `${defaultKey} (${allPlaylists[defaultKey].length})`;
+        const firstOpt = Array.from(playlistOpts.children).find(li => li.textContent === playlistVal.textContent);
+        if(firstOpt) firstOpt.classList.add('active');
+        songList = allPlaylists[defaultKey] || []; playlistContainer.style.display = 'block';
       }
-
-      lyricManualScrolling = true; // 进入手动浏览（或宽限期）
-
-      // 记录起点
-      lyricDragStartY = (e.touches ? e.touches[0].clientY : e.clientY);
-      lyricStartOffset = getLyricsOffset();
-
-      // 跟手流畅：暂时移除过渡动画
-      fpLyricsContainer.style.transition = 'none';
-
-      // 拖动时加“抓取中”样式
-      document.getElementById('fp-lyrics-wrapper')?.classList.add('dragging');
-
-      // 彻底禁用页面文字选中，避免Chrome出现选区
-      document.body.style.userSelect = 'none';
-      document.body.style.webkitUserSelect = 'none';
-
-      // 阻止可能的浏览器默认行为（双击/拖拽触发）
-      if (e.type === 'mousedown') e.preventDefault();
     }
 
-    function onLyricsDragMove(e) {
-      if (!lyricManualScrolling) return;
-      if (e.type === 'mousemove' && e.buttons !== 1) return;
-      e.preventDefault(); // 阻止页面/抽屉的默认滚动
-      const y = (e.touches ? e.touches[0].clientY : e.clientY);
-      const delta = y - lyricDragStartY;
-      let newOffset = lyricStartOffset - delta; // 上滑增加偏移，下滑减少
-      const maxOffset = getLyricsMaxOffset();
-      newOffset = Math.max(0, Math.min(maxOffset, newOffset));
-      fpLyricsContainer.style.transform = `translateY(-${newOffset}px)`;
-    }
-
-    function onLyricsDragEnd() {
-      if (!lyricManualScrolling) return;
-
-      // 恢复过渡动画（后续回弹更平滑）
-      fpLyricsContainer.style.transition = '';
-
-      // 恢复文字可选状态 & 还原鼠标样式
-      document.body.style.userSelect = '';
-      document.body.style.webkitUserSelect = '';
-      document.getElementById('fp-lyrics-wrapper')?.classList.remove('dragging');
-
-      // 松手后进入 2 秒宽限期：若 2 秒内未再次拖动，就自动还原
-      if (lyricResumeTimer) {
-        clearTimeout(lyricResumeTimer);
-        lyricResumeTimer = null;
-      }
-      lyricResumeTimer = setTimeout(() => {
-        lyricResumeTimer = null;
-        lyricManualScrolling = false; // 退出手动浏览，恢复自动跟随
-        // 可选：立刻回弹到当前播放位置（否则等下一帧 timeupdate/远端轮询也会回）
-        // syncLyrics(audioEl.currentTime || 0);
-      }, 2000);
-    }
-
-
     function renderPlaylist() {
-      playlistEl.innerHTML = '';
-      let isCurrentSongInNewList = false;
-
+      playlistEl.innerHTML = ''; let isCurrentSongInNewList = false;
       songList.forEach((songName, index) => {
-        const li = document.createElement('li');
-        li.className = 'song-item';
-        li.id = 'song-' + index;
-        if (songName === currentSongName) {
-          li.classList.add('playing');
-          currentIndex = index;
-          isCurrentSongInNewList = true;
-        }
+        const li = document.createElement('li'); li.className = 'song-item'; li.id = 'song-' + index;
+        if (songName === currentSongName) { li.classList.add('playing'); currentIndex = index; isCurrentSongInNewList = true; }
         li.innerHTML = `<div class="song-info"><div class="song-name">${songName}</div></div>`;
         li.addEventListener('click', () => playSong(index));
         playlistEl.appendChild(li);
       });
-
       if (!isCurrentSongInNewList) currentIndex = -1;
     }
 
-    function updateMediaSession(songName, coverUrl) {
-      if ('mediaSession' in navigator) {
-        navigator.mediaSession.metadata = new MediaMetadata({
-          title: songName,
-          artist: 'iWebPlayer (XiaoMusic播放器)',
-          album: '我的曲库',
-          artwork: [ { src: coverUrl || APP_LOGO } ]
-        });
-      }
-    }
-
-    function highlightSongUI(index) {
-      if (currentIndex !== -1) document.getElementById('song-' + currentIndex)?.classList.remove('playing');
-      currentIndex = index;
-      currentSongName = songList[currentIndex];
-
-      const currentEl = document.getElementById('song-' + currentIndex);
-      if (currentEl) {
-        currentEl.classList.add('playing');
-        setTimeout(scrollToCurrentSong, 100);
-      }
-
-      npTitle.innerText = currentSongName;
-      fpCover.src = defaultCover;
-      miniCoverImg.src = defaultCover;
-      fpLyricsContainer.innerHTML = '<div class="no-lyrics">加载中...</div>';
-      fpLyricsContainer.style.transform = `translateY(0px)`;
-    }
-
-    async function sendRemoteCmd(cmdString) {
-      if (!currentDid) return;
-      try {
-        await fetch(API.cmd, {
-          method: 'POST',
-          headers: { 'Content-Type': 'application/json' },
-          body: JSON.stringify({ did: currentDid, cmd: cmdString })
-        });
-      } catch (err) {}
-    }
-
-
-    /**
-     * 判断封面 URL 是否尺寸可接受（<= MAX_SIDE）
-     * 规则：先尝试从 URL 模式推断；不行再真实加载 <img> 读 naturalWidth/Height
-     */
-    async function isCoverAcceptable(url, maxSide = 3000) {
-      if (typeof url !== 'string') return false;
-
-      // iTunes/Apple 常见： .../3000x3000bb.jpg
-      const m1 = url.match(/\/(\d{2,5})x(\d{2,5})bb\.(?:jpe?g|png|webp)$/i);
-      if (m1) {
-        const w = parseInt(m1[1], 10);
-        const h = parseInt(m1[2], 10);
-        return (w <= maxSide && h <= maxSide);
-      }
-
-      // 实际加载图片，读取 naturalWidth/Height（不会触发 CORS 读取限制）
-      try {
-        const ok = await new Promise((resolve) => {
-          const img = new Image();
-          // 如果你打算后续绘制到 canvas 再读像素，才需要加 crossOrigin='anonymous'
-          img.onload = () => {
-            const { naturalWidth: w, naturalHeight: h } = img;
-            resolve(w <= maxSide && h <= maxSide);
-          };
-          img.onerror = () => resolve(false);
-          img.src = url;
-        });
-        return ok;
-      } catch {
-        return false;
-      }
-    }
-
-
     async function playSong(index, autoPlay = true, resumeTime = 0) {
       if (index < 0 || index >= songList.length) return;
       highlightSongUI(index);
-
       const targetSongName = currentSongName;
 
       try {
         const res = await fetch(API.info + encodeURIComponent(currentSongName));
         const info = await res.json();
 
-        let hasLocalCover = info.tags && info.tags.picture;
-        let hasLocalLyrics = info.tags && info.tags.lyrics;
+        let finalCover = info.tags && info.tags.picture ? info.tags.picture : null;
+        let finalLrc = info.tags && info.tags.lyrics ? info.tags.lyrics : null;
 
-        let coverUrl = hasLocalCover ? info.tags.picture : defaultCover;
-        fpCover.src = coverUrl;
-        miniCoverImg.src = coverUrl;
-        parseLyrics(hasLocalLyrics ? info.tags.lyrics : null);
-        updateMediaSession(currentSongName, coverUrl !== defaultCover ? coverUrl : null);
+        let currentRenderedCover = null;
+        let currentRenderedLrc = null;
 
-        const searchName = currentSongName.replace(/\.[a-zA-Z0-9]+$/, '');
-        const qTerm = encodeURIComponent(searchName);
+        const applyUI = () => {
+          if (targetSongName !== currentSongName) return;
 
-        // 如果本地都有，就不发起任何外部请求
-        if (!hasLocalCover || !hasLocalLyrics) {
+          if (finalCover && finalCover !== currentRenderedCover) {
+            fpCover.src = finalCover;
+            miniCoverImg.src = finalCover;
+            updateMediaSession(currentSongName, finalCover);
+            currentRenderedCover = finalCover;
+          }
+          if (finalLrc && finalLrc !== currentRenderedLrc) {
+            parseLyrics(finalLrc);
+            if (currentDid === "" && !audioEl.paused) syncLyrics(audioEl.currentTime);
+            currentRenderedLrc = finalLrc;
+          }
+        };
 
-          // ==========================================
-          // 独立函数：设置封面 (含 iTunes 备用降级逻辑)
-          // ==========================================
-          const fetchAndSetCover = async (primaryCoverUrl) => {
-            if (hasLocalCover) return;
-            if (primaryCoverUrl) {
-              fpCover.src = primaryCoverUrl;
-              miniCoverImg.src = primaryCoverUrl;
-              updateMediaSession(currentSongName, primaryCoverUrl);
-              return;
-            }
-            console.log("star apple cover")
-            // 备用：请求 Apple iTunes (通过代理绕过 CORS)
-            try {
-              const itunesUrl = `https://itunes.apple.com/search?term=${qTerm}&media=music&entity=song&limit=1`;
-              const urlb64 = btoa(itunesUrl);
-              const proxyUrl = workingProxyPath ? `${workingProxyPath}?urlb64=${urlb64}` : `/proxy/music?urlb64=${urlb64}`;
+        if (finalCover || finalLrc) applyUI();
 
-              const res = await fetch(proxyUrl);
-              if (res.ok) {
-                const data = await res.json();
-                if (currentSongName === targetSongName && data.results && data.results.length > 0) {
-                  const highResCover = data.results[0].artworkUrl100.replace('100x100bb', '600x600bb');
-                  console.log(highResCover)
-                  fpCover.src = highResCover;
-                  miniCoverImg.src = highResCover;
-                  updateMediaSession(currentSongName, highResCover);
-                }
-              }
-            } catch (e) {
-              //console.log("备用 Apple 接口获取封面失败:", e);
-            }
-          };
+        if (!finalCover || !finalLrc) {
 
-          // ==========================================
-          // 独立函数：设置歌词 (含 LRCLIB 备用降级逻辑)
-          // ==========================================
-          const fetchAndSetLyrics = async (primaryLrcData) => {
-            if (hasLocalLyrics) return;
-            if (primaryLrcData) {
-              parseLyrics(primaryLrcData);
-              if (currentDid === "" && !audioEl.paused) {
-                syncLyrics(audioEl.currentTime);
-              }
-              return;
-            }
+          // --- 阶段1：ID3标签精准刮削 ---
+          if (info.tags && info.tags.title && info.tags.artist) {
+            const res1 = await fetchFromLrcCx(info.tags.title, info.tags.artist, true);
+            if (!finalCover && res1.cover) finalCover = res1.cover;
+            if (!finalLrc && res1.lrc) finalLrc = res1.lrc;
+            applyUI();
+          }
 
-            // 备用：请求 LRCLIB (官方自带跨域支持，直接裸连)
-            console.log("star lrclib")
-            try {
-              const res = await fetch(`https://lrclib.net/api/search?q=${qTerm}`);
-              if (res.ok) {
-                const data = await res.json();
-                if (currentSongName === targetSongName && data && data.length > 0) {
-                  const bestMatch = data[0];
-                  const fetchedLyrics = bestMatch.syncedLyrics || bestMatch.plainLyrics;
-                  if (fetchedLyrics) {
-                    parseLyrics(fetchedLyrics);
-                    if (currentDid === "" && !audioEl.paused) {
-                      syncLyrics(audioEl.currentTime);
-                    }
-                  }
-                }
-              }
-            } catch (e) {
-              //console.log("备用 lrclib 接口获取歌词失败:", e);
-            }
-          };
+          // --- 阶段2：智能文件名刮削 ---
+          if (!finalCover || !finalLrc) {
+            const filename = currentSongName.replace(/\.[a-zA-Z0-9]+$/, '');
 
-          // ==========================================
-          // 主流程：请求首选 API (api.lrc.cx)
-          // ==========================================
-          const fetchFromPrimaryApi = async () => {
-             let title = searchName;
-             let artist = "";
-             if (searchName.includes('-')) {
-                 const parts = searchName.split('-');
-                 title = parts[0].trim();
-                 artist = parts[1].trim();
-             }
-             console.log("title:" + title)
-             console.log("artist:" + artist)
-             try {
-               let foundCover = null;
-               let foundLrc = null;
-               if (title && artist) {
-                 const primaryApiUrl = `https://api.lrc.cx/jsonapi?title=${encodeURIComponent(title)}&artist=${encodeURIComponent(artist)}`;
-                 const urlb64 = btoa(primaryApiUrl);
-                 const proxyUrl = workingProxyPath ? `${workingProxyPath}?urlb64=${urlb64}` : `/proxy/music?urlb64=${urlb64}`;
-                 const res = await fetch(proxyUrl);
-                 if (res.ok) {
-                   const data = await res.json();
-                   if (Array.isArray(data) && data.length > 0) {
-                     // 循环查找完全匹配 title 和 artist 的项
-                     console.log(data)
-                     for (const item of data) {
-                       // 标题与歌手必须完全相同
-                       if (
-                            item.title?.trim().toLowerCase() === title.trim().toLowerCase() &&
-                            item.artist?.trim().toLowerCase() === artist.trim().toLowerCase()
-                          ) {
-                         // 封面必须以 .jpg 结尾，且像素必须不大于 3000
-                         if (!foundCover && typeof item.cover === 'string' && item.cover.endsWith('.jpg') && await isCoverAcceptable(item.cover, 3000)) {
-                           foundCover = item.cover;
-                           console.log("conver:" + foundCover)
-                         }
-                         // 歌词必须是有效 LRC
-                         if (!foundLrc && typeof item.lrc === 'string' && /\[(\d{1,2}):(\d{2})(?:\.\d{1,3})?\]/m.test(item.lrc)) {
-                           foundLrc = item.lrc;
-                           console.log("lrc:" + foundLrc)
-                         }
-                         if (foundCover && foundLrc) {
-                           break;
-                         }
-                       }
-                     }
-                   }
+            if (filename.includes('-')) {
+              let nameFormat = localStorage.getItem('music_name_format') || 'Title-Artist';
+              const parts = filename.split('-');
+              const part1 = parts[0].trim();
+              const part2 = parts.slice(1).join('-').trim();
+
+              let guessTitle = nameFormat === 'Title-Artist' ? part1 : part2;
+              let guessArtist = nameFormat === 'Title-Artist' ? part2 : part1;
+
+              let res2 = await fetchFromLrcCx(guessTitle, guessArtist, true);
+
+              if (!res2.cover && !res2.lrc) {
+                 guessTitle = nameFormat === 'Title-Artist' ? part2 : part1;
+                 guessArtist = nameFormat === 'Title-Artist' ? part1 : part2;
+                 res2 = await fetchFromLrcCx(guessTitle, guessArtist, true);
+
+                 if (res2.cover || res2.lrc) {
+                    localStorage.setItem('music_name_format', nameFormat === 'Title-Artist' ? 'Artist-Title' : 'Title-Artist');
                  }
-                 // 并行执行封面和歌词的处理逻辑（如果没有拿到，函数内部会自动触发备用逻辑）
-                 fetchAndSetCover(foundCover);
-                 fetchAndSetLyrics(foundLrc);
-               }
+              }
 
-             } catch(e) {
-                //console.log("首选接口 api.lrc.cx 代理请求失败，全面进入降级流程", e);
-                fetchAndSetCover(null);
-                fetchAndSetLyrics(null);
-             }
-          };
+              if (!finalCover && res2.cover) finalCover = res2.cover;
+              if (!finalLrc && res2.lrc) finalLrc = res2.lrc;
+              applyUI();
 
-          fetchFromPrimaryApi();
+            } else {
+              const res2_loose = await fetchFromLrcCx(filename, "", false);
+              if (!finalCover && res2_loose.cover) finalCover = res2_loose.cover;
+              if (!finalLrc && res2_loose.lrc) finalLrc = res2_loose.lrc;
+              applyUI();
+            }
+          }
+          //console.log(finalCover)
+          //console.log(finalLrc)
+          // --- 阶段3：iTunes & LRCLIB 兜底 ---
+          if (!finalCover || !finalLrc) {
+            const filename = currentSongName.replace(/\.[a-zA-Z0-9]+$/, '');
+            const qTerm = encodeURIComponent(filename);
+
+            if (!finalCover) {
+              //console.log("fetching from iTunes")
+               try {
+                  const itunesUrl = `https://itunes.apple.com/search?term=${qTerm}&media=music&entity=song&limit=1`;
+                  const data = await fetchProxyJSON(itunesUrl);
+                  //console.log(data)
+                  if (data && data.results && data.results.length > 0) {
+                     finalCover = data.results[0].artworkUrl100.replace('100x100bb', '600x600bb');
+                     applyUI();
+                  }
+               } catch (e) {}
+            }
+
+            if (!finalLrc) {
+              //console.log("fetching from LRCLIB")
+               try {
+                  const res3 = await fetch(`https://lrclib.net/api/search?q=${qTerm}`);
+                  if (res3.ok) {
+                     const data = await res3.json();
+                     //console.log(data)
+                     if (targetSongName === currentSongName && data && data.length > 0) {
+                        const fetchedLyrics = data[0].syncedLyrics || data[0].plainLyrics;
+                        if (fetchedLyrics) {
+                           finalLrc = fetchedLyrics;
+                           applyUI();
+                        }
+                     }
+                  }
+               } catch (e) {}
+            }
+          }
+        }
+
+        if (!finalCover) {
+          finalCover = defaultCover;
+          applyUI();
+        }
+
+        if (!finalLrc && targetSongName === currentSongName) {
+          parseLyrics(null); // 传入 null 会触发“暂无歌词，请欣赏音乐吧”
         }
 
         if (currentDid !== "") {
-          if (autoPlay) {
-            sendRemoteCmd(`播放列表${currentPlaylist}|${currentSongName}`);
-          }
+          if (autoPlay) sendRemoteCmd(`播放列表${currentPlaylist}|${currentSongName}`);
           return;
         }
 
@@ -1889,7 +1036,6 @@
           localState.playlist = currentPlaylist;
           localState.songName = currentSongName;
           localStorage.setItem('local_state', JSON.stringify(localState));
-
           audioEl.src = info.url;
 
           if (!autoPlay) {
@@ -1903,307 +1049,487 @@
               }
               audioEl.removeEventListener('loadedmetadata', restoreProgress);
             };
-
-            if (audioEl.readyState >= 1) {
-              restoreProgress();
-            } else {
-              audioEl.addEventListener('loadedmetadata', restoreProgress);
-            }
+            if (audioEl.readyState >= 1) restoreProgress();
+            else audioEl.addEventListener('loadedmetadata', restoreProgress);
             updatePlayButtonUI(false);
           } else {
             const playPromise = audioEl.play();
-            if (playPromise !== undefined) {
-              playPromise.catch(error => {
-                //console.log('Auto-play was prevented', error);
-              });
+            if (playPromise !== undefined) playPromise.catch(error => {});
+          }
+        }
+      } catch (err) {
+        console.error("播放歌曲时发生异常:", err);
+      }
+    }
+
+    // ==========================================
+    // 5. 刮削工具函数 (字符串净化、智能匹配)
+    // ==========================================
+
+    // 1. 字符串洗澡：去括号及内部内容、去所有空格、转小写
+    function cleanStr(str) {
+      if (!str) return "";
+      return str.replace(/[\(（].*?[\)）]/g, '').replace(/\s+/g, '').toLowerCase().trim();
+    }
+
+    // 2. 歌手切片：按常见连接词分割，清洗后返回数组
+    function parseArtists(str) {
+      if (!str) return [];
+      return str.split(/&|、|,|，|\/|\||和|与|feat\.|ft\./i)
+                .map(a => a.replace(/\s+/g, '').toLowerCase().trim())
+                .filter(a => a); // 过滤掉空字符串
+    }
+
+    // 3. 数组交集法：判断歌手是否匹配（只要有一个歌手对得上就算成功）
+    function isArtistMatch(localArtists, apiArtists) {
+      if (localArtists.length === 0 || apiArtists.length === 0) return false;
+      return localArtists.some(la => apiArtists.includes(la));
+    }
+
+    // 4. 通用代理请求包装器 (增加 3 秒超时控制)
+    async function fetchProxyJSON(targetUrl, timeoutMs = 3000) {
+      const controller = new AbortController();
+      const timeoutId = setTimeout(() => controller.abort(), timeoutMs);
+
+      try {
+        const proxyUrl = `${workingProxyPath}?urlb64=${btoa(targetUrl)}`;
+        // 把 signal 传给 fetch
+        const res = await fetch(proxyUrl, { signal: controller.signal });
+        clearTimeout(timeoutId); // 请求成功，清除定时器
+
+        if (res.ok) return await res.json();
+      } catch (e) {
+        // 如果是因为超时被 abort 的，可以在控制台悄悄记录一下
+        if (e.name === 'AbortError') {
+           console.warn(`代理请求超时 (${timeoutMs}ms):`, targetUrl);
+        }
+      } finally {
+        clearTimeout(timeoutId); // 确保定时器被清理
+      }
+      return null;
+    }
+
+    // 5. 核心 LrcCx 获取逻辑，返回 { cover, lrc }
+    async function fetchFromLrcCx(title, artist, isStrict) {
+      //console.log(`LrcCx 刮削开始：${title} ${artist}`);
+      let resCover = null;
+      let resLrc = null;
+      if (!title) return { cover: null, lrc: null };
+
+      const targetUrl = `https://api.lrc.cx/jsonapi?title=${encodeURIComponent(title)}` + (artist ? `&artist=${encodeURIComponent(artist)}` : "");
+      const data = await fetchProxyJSON(targetUrl);
+      //console.log("LrcCx 刮削结果：", data)
+      if (Array.isArray(data) && data.length > 0) {
+        const cLocalTitle = cleanStr(title);
+        const localArtists = parseArtists(artist);
+
+        for (const item of data) {
+          let isMatch = false;
+          const cApiTitle = cleanStr(item.title);
+
+          if (isStrict) {
+            // 严格匹配：歌名完全一致，且歌手有交集
+            const apiArtists = parseArtists(item.artist);
+            if (cLocalTitle === cApiTitle && isArtistMatch(localArtists, apiArtists)) {
+              isMatch = true;
+            }
+          } else {
+            // 宽松匹配：标题互相包含即可
+            if (cLocalTitle && cApiTitle && (cApiTitle.includes(cLocalTitle) || cLocalTitle.includes(cApiTitle))) {
+              isMatch = true;
             }
           }
+
+          if (isMatch) {
+            // 校验封面
+            if (!resCover && typeof item.cover === 'string' && item.cover.endsWith('.jpg') && await isCoverAcceptable(item.cover, 3000)) {
+              resCover = item.cover;
+            }
+            // 校验歌词
+            if (!resLrc && typeof item.lrc === 'string' && /\[(\d{1,2}):(\d{2})(?:\.\d{1,3})?\]/m.test(item.lrc)) {
+              resLrc = item.lrc;
+            }
+            // 如果都找齐了，直接跳出循环，不再往下找
+            if (resCover && resLrc) break;
+          }
+        }
+      }
+      return { cover: resCover, lrc: resLrc };
+    }
+
+
+    // ==========================================
+    // 5. 歌词解析同步与图片尺寸检测
+    // ==========================================
+    function parseLyrics(lrcString) {
+      parsedLyrics = [];
+      if (!lrcString) {
+        fpLyricsContainer.innerHTML = '<div class="no-lyrics">暂无歌词，请欣赏音乐吧</div>';
+        fpLyricsContainer.style.transform = `translateY(0px)`; return;
+      }
+      const lines = lrcString.split('\n'); const timeRegex = /\[(\d{2,}):(\d{2}(?:\.\d{1,3})?)\](.*)/;
+      lines.forEach(line => {
+        const match = timeRegex.exec(line);
+        if (match) {
+          const min = parseInt(match[1], 10); const sec = parseFloat(match[2]); const text = match[3].trim();
+          if (text) parsedLyrics.push({ time: min * 60 + sec, text: text });
+        }
+      });
+      const pad = Array.from({ length: 2 }, (_, i) => ({ time: i * 0.1, text: '\u200B' }));
+      if (parsedLyrics.length > 0) parsedLyrics = [...pad, ...parsedLyrics];
+
+      if (parsedLyrics.length === 0) {
+        fpLyricsContainer.innerHTML = '<div class="no-lyrics">暂无歌词，请欣赏音乐吧</div>';
+        fpLyricsContainer.style.transform = `translateY(0px)`;
+      } else {
+        fpLyricsContainer.innerHTML = parsedLyrics.map((lyric, idx) => `<div class="lyric-line" id="lyric-${idx}">${lyric.text}</div>`).join('');
+      }
+    }
+
+    function syncLyrics(currentTime) {
+      if (parsedLyrics.length === 0 || lyricManualScrolling) return;
+      let activeIndex = -1;
+      for (let i = 0; i < parsedLyrics.length; i++) {
+        if (currentTime >= parsedLyrics[i].time) activeIndex = i; else break;
+      }
+      if (activeIndex !== -1) {
+        const oldActive = document.querySelector('.lyric-line.active');
+        if (oldActive) oldActive.classList.remove('active');
+        const currentLine = document.getElementById(`lyric-${activeIndex}`);
+        if (currentLine) {
+          currentLine.classList.add('active');
+          const containerHeight = lyricsWrapper.offsetHeight;
+          const offset = currentLine.offsetTop - (containerHeight / 2) + (currentLine.offsetHeight / 2);
+          fpLyricsContainer.style.transform = `translateY(-${Math.max(0, offset)}px)`;
+        }
+      }
+    }
+
+    async function isCoverAcceptable(url, maxSide = 3000) {
+      if (typeof url !== 'string') return false;
+      const m1 = url.match(/\/(\d{2,5})x(\d{2,5})bb\.(?:jpe?g|png|webp)$/i);
+      if (m1) return (parseInt(m1[1], 10) <= maxSide && parseInt(m1[2], 10) <= maxSide);
+      try {
+        return await new Promise((resolve) => {
+          const img = new Image();
+          img.onload = () => resolve(img.naturalWidth <= maxSide && img.naturalHeight <= maxSide);
+          img.onerror = () => resolve(false);
+          img.src = url;
+        });
+      } catch { return false; }
+    }
+
+
+    // ==========================================
+    // 6. 网络同步请求与 MediaSession
+    // ==========================================
+    function setupMediaSession() {
+      if ('mediaSession' in navigator) {
+        try { navigator.mediaSession.setActionHandler('seekbackward', null); navigator.mediaSession.setActionHandler('seekforward', null); } catch (e) {}
+        navigator.mediaSession.setActionHandler('play', () => {
+          if (currentDid !== "") { if (!isPlaying) btnPlay.click(); }
+          else { return audioEl.play().catch(e => console.error(e)); }
+        });
+        navigator.mediaSession.setActionHandler('pause', () => {
+          if (currentDid !== "") { if (isPlaying) btnPlay.click(); } else { audioEl.pause(); }
+        });
+        navigator.mediaSession.setActionHandler('previoustrack', () => btnPrev.click());
+        navigator.mediaSession.setActionHandler('nexttrack', () => btnNext.click());
+        try {
+          navigator.mediaSession.setActionHandler('seekto', (details) => {
+            if (currentDid === "" && audioEl.duration) audioEl.currentTime = details.seekTime;
+          });
+        } catch(e) {}
+      }
+    }
+
+    function updateMediaSession(songName, coverUrl) {
+      if ('mediaSession' in navigator) {
+        navigator.mediaSession.metadata = new MediaMetadata({
+          title: songName, artist: 'iWebPlayer (XiaoMusic播放器)', album: '我的曲库',
+          artwork: [ { src: coverUrl || APP_LOGO } ]
+        });
+      }
+    }
+
+    async function updateDevicePresence() {
+      try {
+        const res = await fetch(API.deviceList); const data = await res.json();
+        if (data && data.devices) {
+          data.devices.forEach(dev => {
+            const li = document.querySelector(`#device-opts .select-option[data-raw-name="${dev.name}"]`);
+            if (li) {
+              if (dev.presence === 'offline') {
+                updateDeviceStatusUI(li, dev.name, 'offline');
+                if (currentDid !== "" && li.classList.contains('active')) {
+                  if (npTitle.innerText !== "设备已离线") {
+                    npTitle.innerText = "设备已离线"; progressBar.style.width = '0%';
+                    timeCurrentEl.innerText = "00:00"; timeDurationEl.innerText = "00:00"; updatePlayButtonUI(false);
+                  }
+                }
+              } else {
+                if (li.classList.contains('device-offline')) {
+                  updateDeviceStatusUI(li, dev.name, 'normal');
+                  if (currentDid !== "" && li.classList.contains('active')) npTitle.innerText = "暂无播放";
+                }
+              }
+            }
+          });
         }
       } catch (err) {}
     }
 
-    btnMode.addEventListener('click', () => {
-      playMode = (playMode + 1) % 3;
-      updatePlayModeUI();
-
-      if (currentDid !== "") {
-        sendRemoteCmd(modeNames[playMode]);
-      } else {
-        localStorage.setItem('local_play_mode', playMode);
-      }
-    });
-
-    btnPlay.addEventListener('click', () => {
-      if (songList.length === 0) return;
-      if (currentIndex === -1) { playSong(0); return; }
-
-      if (currentDid !== "") {
-        if (isPlaying) {
-          sendRemoteCmd("关机");
-          updatePlayButtonUI(false);
-          progressBar.style.width = '0%';
-          timeCurrentEl.innerText = '00:00';
-          syncLyrics(0);
-        } else {
-          playSong(currentIndex);
-        }
-      } else {
-        if (audioEl.paused) {
-          audioEl.play();
-        } else {
-          audioEl.pause();
-        }
-      }
-    });
-
-    btnPrev.addEventListener('click', () => {
-      if (songList.length === 0) return;
-      let nextIdx;
-      if (playMode === 2 && songList.length > 1) {
-        do { nextIdx = Math.floor(Math.random() * songList.length); } while (nextIdx === currentIndex);
-      } else {
-        nextIdx = currentIndex - 1 < 0 ? songList.length - 1 : currentIndex - 1;
-      }
-      playSong(nextIdx);
-    });
-
-    btnNext.addEventListener('click', () => {
-      if (songList.length === 0) return;
-      let nextIdx;
-      if (playMode === 2 && songList.length > 1) {
-        do { nextIdx = Math.floor(Math.random() * songList.length); } while (nextIdx === currentIndex);
-      } else {
-        nextIdx = currentIndex + 1 >= songList.length ? 0 : currentIndex + 1;
-      }
-      playSong(nextIdx);
-    });
-
-    audioEl.addEventListener('ended', () => {
-      if (playMode === 0) {
-        audioEl.currentTime = 0;
-        audioEl.play();
-      } else {
-        btnNext.click();
-      }
-    });
-
-    function formatTime(seconds) {
-      if (isNaN(seconds) || !isFinite(seconds)) return "00:00";
-      const m = Math.floor(seconds / 60);
-      const s = Math.floor(seconds % 60);
-      return (m < 10 ? '0' : '') + m + ':' + (s < 10 ? '0' : '') + s;
+    async function sendRemoteCmd(cmdString) {
+      if (!currentDid) return;
+      try { await fetch(API.cmd, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ did: currentDid, cmd: cmdString }) }); } catch (err) {}
     }
 
-    audioEl.addEventListener('timeupdate', () => {
-      if (currentDid !== "" || !audioEl.duration || isDragging) return;
-      const current = audioEl.currentTime;
-      const duration = audioEl.duration;
+    function startRemotePolling() {
+      stopRemotePolling();
+      const poll = async () => {
+        if (!currentDid) return;
+        const activeDeviceLi = document.querySelector('#device-opts .select-option.active');
+        const rawName = activeDeviceLi ? activeDeviceLi.dataset.rawName : "";
+        try {
+          const res = await fetch(API.playingInfo + currentDid); const data = await res.json();
+          if (activeDeviceLi && activeDeviceLi.classList.contains('device-offline')) return;
 
-      progressBar.style.width = (current / duration * 100) + '%';
-      timeCurrentEl.innerText = formatTime(current);
-      timeDurationEl.innerText = formatTime(duration);
-      syncLyrics(current);
+          if (data.ret === "OK") {
+            updateDeviceStatusUI(activeDeviceLi, rawName, data.is_playing ? 'playing' : 'normal');
 
-      if ('mediaSession' in navigator && 'setPositionState' in navigator.mediaSession) {
-        if (!isNaN(duration) && duration > 0) {
-          navigator.mediaSession.setPositionState({
-            duration: duration,
-            playbackRate: audioEl.playbackRate,
-            position: current
-          });
-        }
-      }
-    });
+            if (!hasSyncedPlaylistOnce && data.cur_playlist && data.cur_playlist !== currentPlaylist && allPlaylists[data.cur_playlist]) {
+              currentPlaylist = data.cur_playlist; songList = allPlaylists[currentPlaylist];
+              playlistVal.textContent = `${currentPlaylist} (${songList.length})`;
+              document.querySelectorAll('#playlist-opts .select-option').forEach(el => {
+                el.classList.remove('active'); if (el.textContent === playlistVal.textContent) el.classList.add('active');
+              });
+              renderPlaylist(); hasSyncedPlaylistOnce = true;
+            }
 
-    function getPercentage(e) {
-      const rect = progressBg.getBoundingClientRect();
-      let clientX = e.clientX;
-      if (e.touches && e.touches.length > 0) {
-        clientX = e.touches[0].clientX;
-      } else if (e.changedTouches && e.changedTouches.length > 0) {
-        clientX = e.changedTouches[0].clientX;
-      }
-      let percentage = (clientX - rect.left) / rect.width;
-      return Math.max(0, Math.min(1, percentage));
+            if (data.cur_music && data.cur_music !== currentSongName) {
+              const idx = songList.indexOf(data.cur_music);
+              if (idx !== -1) {
+                playSong(idx, false);
+              }
+              updateDevicePresence();
+            }
+
+            if (data.is_playing) {
+              updatePlayButtonUI(true);
+              const cur = data.offset || 0; const dur = data.duration || 1;
+              progressBar.style.width = (cur / dur * 100) + '%'; timeCurrentEl.innerText = formatTime(cur);
+              timeDurationEl.innerText = formatTime(dur); syncLyrics(cur);
+            } else { updatePlayButtonUI(false); }
+          }
+        } catch (e) { updateDevicePresence(); }
+      };
+      poll(); remotePollingTimer = setInterval(poll, 1000);
     }
 
-    function handleDragStart(e) {
-      if (currentDid !== "") return;
-      if (!audioEl.duration) return;
-      isDragging = true;
-      const p = getPercentage(e);
-      progressBar.style.width = (p * 100) + '%';
+    function stopRemotePolling() {
+      if (remotePollingTimer) { clearInterval(remotePollingTimer); remotePollingTimer = null; }
     }
 
-    function handleDragMove(e) {
-      if (!isDragging || !audioEl.duration) return;
-      e.preventDefault();
-      const p = getPercentage(e);
-      progressBar.style.width = (p * 100) + '%';
-      timeCurrentEl.innerText = formatTime(p * audioEl.duration);
-      timeDurationEl.innerText = formatTime(audioEl.duration);
-    }
-
-    function handleDragEnd(e) {
-      if (!isDragging || !audioEl.duration) return;
-      isDragging = false;
-      const p = getPercentage(e);
-      audioEl.currentTime = p * audioEl.duration;
-    }
-
-    // ==========================================
-    // 刷新歌单核心逻辑
-    // ==========================================
     async function refreshMusicList() {
-      const playlistValEl = document.getElementById('playlist-val');
-      const originalText = playlistValEl.textContent;
-
-      // 1. 界面提示进入等待状态
-      playlistValEl.textContent = "正在刷新...";
-
+      const originalText = playlistVal.textContent;
+      playlistVal.textContent = "正在刷新...";
       try {
-        // 2. 发起 POST 请求触发后端更新
-        await fetch(API.refreshList, {
-          method: 'POST',
-          headers: { 'Content-Type': 'application/json; charset=utf-8' },
-          body: JSON.stringify({})
-        });
-
-        // 3. 开始轮询状态，最多尝试 3 次
+        await fetch(API.refreshList, { method: 'POST', headers: { 'Content-Type': 'application/json; charset=utf-8' }, body: JSON.stringify({}) });
         checkRefreshStatus(3, originalText);
-      } catch (err) {
-        console.error("刷新请求失败", err);
-        playlistValEl.textContent = originalText;
-        alert("刷新请求失败，请检查网络");
-      }
+      } catch (err) { playlistVal.textContent = originalText; alert("刷新请求失败，请检查网络"); }
     }
 
     function checkRefreshStatus(retries, originalText) {
-      fetch(API.cmdStatus)
-        .then(res => res.json())
-        .then(data => {
-          if (data.status === "finish") {
-            window.location.reload();
-          } else if (retries > 0) {
-            // 未完成且仍有重试次数，等待 1 秒后继续查
-            setTimeout(() => checkRefreshStatus(retries - 1, originalText), 1000);
-          } else {
-            window.location.reload();
-          }
-        })
-        .catch(err => {
-          console.error("状态查询失败", err);
-          window.location.reload();
-        });
+      fetch(API.cmdStatus).then(res => res.json()).then(data => {
+          if (data.status === "finish" || retries <= 0) window.location.reload();
+          else setTimeout(() => checkRefreshStatus(retries - 1, originalText), 1000);
+      }).catch(err => window.location.reload());
     }
 
 
-    // 绑定刷新按钮的点击事件
-    const settingRefreshBtn = document.getElementById('setting-refresh');
-    if (settingRefreshBtn) {
-      settingRefreshBtn.addEventListener('click', (e) => {
-        e.stopPropagation();
-        // 点击后立即关闭右上角的弹出菜单
-        const settingsOpts = document.getElementById('settings-opts');
-        if (settingsOpts) settingsOpts.classList.remove('show');
+    // ==========================================
+    // 7. 手势与拖拽事件逻辑
+    // ==========================================
+    // 进度条手势
+    function getPercentage(e) {
+      const rect = progressBg.getBoundingClientRect(); let clientX = e.clientX;
+      if (e.touches && e.touches.length > 0) clientX = e.touches[0].clientX;
+      else if (e.changedTouches && e.changedTouches.length > 0) clientX = e.changedTouches[0].clientX;
+      return Math.max(0, Math.min(1, (clientX - rect.left) / rect.width));
+    }
+    function handleDragStart(e) { if (currentDid !== "" || !audioEl.duration) return; isDragging = true; progressBar.style.width = (getPercentage(e) * 100) + '%'; }
+    function handleDragMove(e) { if (!isDragging || !audioEl.duration) return; e.preventDefault(); const p = getPercentage(e); progressBar.style.width = (p * 100) + '%'; timeCurrentEl.innerText = formatTime(p * audioEl.duration); timeDurationEl.innerText = formatTime(audioEl.duration); }
+    function handleDragEnd(e) { if (!isDragging || !audioEl.duration) return; isDragging = false; audioEl.currentTime = getPercentage(e) * audioEl.duration; }
 
-        // 触发刷新主函数
-        refreshMusicList();
-      });
+    // 歌词滑动控制
+    function getLyricsOffset() {
+      const m = /translateY\(-?(\d+(?:\.\d+)?)px\)/.exec(fpLyricsContainer.style.transform || '');
+      return m ? parseFloat(m[1]) : 0;
+    }
+    function getLyricsMaxOffset() { return Math.max(0, fpLyricsContainer.scrollHeight - lyricsWrapper.offsetHeight); }
+
+    function onLyricsDragStart(e) {
+      if (e.type === 'mousedown' && e.button !== 0) return;
+      if (lyricResumeTimer) { clearTimeout(lyricResumeTimer); lyricResumeTimer = null; }
+      lyricManualScrolling = true;
+      lyricDragStartY = (e.touches ? e.touches[0].clientY : e.clientY);
+      lyricStartOffset = getLyricsOffset();
+      fpLyricsContainer.style.transition = 'none';
+      lyricsWrapper?.classList.add('dragging');
+      document.body.style.userSelect = 'none'; document.body.style.webkitUserSelect = 'none';
+      if (e.type === 'mousedown') e.preventDefault();
+    }
+    function onLyricsDragMove(e) {
+      if (!lyricManualScrolling || (e.type === 'mousemove' && e.buttons !== 1)) return;
+      e.preventDefault();
+      const delta = (e.touches ? e.touches[0].clientY : e.clientY) - lyricDragStartY;
+      fpLyricsContainer.style.transform = `translateY(-${Math.max(0, Math.min(getLyricsMaxOffset(), lyricStartOffset - delta))}px)`;
+    }
+    function onLyricsDragEnd() {
+      if (!lyricManualScrolling) return;
+      fpLyricsContainer.style.transition = '';
+      document.body.style.userSelect = ''; document.body.style.webkitUserSelect = '';
+      lyricsWrapper?.classList.remove('dragging');
+      if (lyricResumeTimer) clearTimeout(lyricResumeTimer);
+      lyricResumeTimer = setTimeout(() => { lyricResumeTimer = null; lyricManualScrolling = false; }, 2000);
     }
 
-    // 绑定“配置参数”按钮的点击事件
-    const settingConfigBtn = document.getElementById('setting-config');
-    if (settingConfigBtn) {
-        settingConfigBtn.addEventListener('click', (e) => {
-            e.stopPropagation();
-            // 1. 关闭菜单
-            const settingsOpts = document.getElementById('settings-opts');
-            if (settingsOpts) settingsOpts.classList.remove('show');
 
-            // 2. 新开页面跳转到指定路径
-            // 直接使用相对路径，浏览器会自动补全 当前IP:端口
-            window.open('/static/default/setting.html', '_blank');
-        });
-    }
+    // ==========================================
+    // 8. 全局事件绑定
+    // ==========================================
 
-    // ====== About Modal 绑定 ======
-    (function () {
-      const settingVersion = document.getElementById('setting-version');
-      const aboutBackdrop  = document.getElementById('about-backdrop');
-      const aboutClose     = document.getElementById('about-close');
-      const aboutOk        = document.getElementById('about-ok');
-      const aboutLogoImg   = document.getElementById('about-logo-img');
-      const settingsOpts   = document.getElementById('settings-opts'); // 关闭齿轮下拉
+    // -- 页面显示恢复 --
+    document.addEventListener('visibilitychange', () => { if (document.visibilityState === 'visible') scrollToCurrentSong(); });
 
-      if (!settingVersion || !aboutBackdrop) return;
+    // -- 顶栏下拉菜单开关控制 --
+    deviceVal.addEventListener('click', (e) => { e.stopPropagation(); playlistOpts.classList.remove('show'); deviceOpts.classList.toggle('show'); settingsOpts.classList.remove('show'); });
+    playlistVal.addEventListener('click', (e) => { e.stopPropagation(); deviceOpts.classList.remove('show'); playlistOpts.classList.toggle('show'); settingsOpts.classList.remove('show'); });
+    settingsBtn.addEventListener('click', (e) => { e.stopPropagation(); deviceOpts.classList.remove('show'); playlistOpts.classList.remove('show'); settingsOpts.classList.toggle('show'); });
 
-      // 用你页面里解析过的 APP_LOGO（DOMContentLoaded 时已取 meta#app-logo）
-      try {
-        if (typeof APP_LOGO === 'string' && APP_LOGO) {
-          aboutLogoImg.src = APP_LOGO;
-        }
-      } catch (e) { /* 忽略 */ }
+    document.addEventListener('click', (e) => {
+      if (!e.target.closest('#device-container')) deviceOpts.classList.remove('show');
+      if (!e.target.closest('#playlist-container')) playlistOpts.classList.remove('show');
+      if (!e.target.closest('#settings-container') && settingsOpts) settingsOpts.classList.remove('show');
+      if (!volumePopup.contains(e.target) && e.target !== btnVolume && !btnVolume.contains(e.target)) volumePopup.classList.remove('show');
+    });
 
-      function openAbout() {
-        // 互斥：关闭设置下拉
-        if (settingsOpts) settingsOpts.classList.remove('show');
-        aboutBackdrop.classList.add('show');
-        aboutBackdrop.setAttribute('aria-hidden', 'false');
-        // 锁滚动（在你的半屏抽屉已采用相同策略）
-        document.body.style.overflow = 'hidden';
+    // -- 设置菜单动作项 --
+    if (settingRefreshBtn) settingRefreshBtn.addEventListener('click', (e) => { e.stopPropagation(); if (settingsOpts) settingsOpts.classList.remove('show'); refreshMusicList(); });
+    if (settingConfigBtn) settingConfigBtn.addEventListener('click', (e) => { e.stopPropagation(); if (settingsOpts) settingsOpts.classList.remove('show'); window.open('/static/default/setting.html', '_blank'); });
+
+    // -- 原生 Audio 事件映射 --
+    audioEl.addEventListener('play', () => { if (currentDid === "") { updatePlayButtonUI(true); if ('mediaSession' in navigator) { navigator.mediaSession.playbackState = 'playing'; setupMediaSession(); } } });
+    audioEl.addEventListener('playing', () => { if (currentDid === "" && 'mediaSession' in navigator) setupMediaSession(); });
+    audioEl.addEventListener('pause', () => { if (currentDid === "") { updatePlayButtonUI(false); if ('mediaSession' in navigator) { navigator.mediaSession.playbackState = 'paused'; } } });
+    audioEl.addEventListener('ended', () => { if (playMode === 0) { audioEl.currentTime = 0; audioEl.play(); } else { btnNext.click(); } });
+    audioEl.addEventListener('timeupdate', () => {
+      if (currentDid !== "" || !audioEl.duration || isDragging) return;
+      const current = audioEl.currentTime; const duration = audioEl.duration;
+      progressBar.style.width = (current / duration * 100) + '%';
+      timeCurrentEl.innerText = formatTime(current); timeDurationEl.innerText = formatTime(duration); syncLyrics(current);
+      if ('mediaSession' in navigator && 'setPositionState' in navigator.mediaSession) {
+        if (!isNaN(duration) && duration > 0) navigator.mediaSession.setPositionState({ duration: duration, playbackRate: audioEl.playbackRate, position: current });
       }
-      function closeAbout() {
-        aboutBackdrop.classList.remove('show');
-        aboutBackdrop.setAttribute('aria-hidden', 'true');
-        document.body.style.overflow = '';
+    });
+
+    // -- 底部播放控制器面板事件 --
+    btnMode.addEventListener('click', () => {
+      playMode = (playMode + 1) % 3; updatePlayModeUI();
+      if (currentDid !== "") sendRemoteCmd(modeNames[playMode]); else localStorage.setItem('local_play_mode', playMode);
+    });
+    btnPlay.addEventListener('click', () => {
+      if (songList.length === 0) return; if (currentIndex === -1) { playSong(0); return; }
+      if (currentDid !== "") {
+        if (isPlaying) { sendRemoteCmd("关机"); updatePlayButtonUI(false); progressBar.style.width = '0%'; timeCurrentEl.innerText = '00:00'; syncLyrics(0); }
+        else playSong(currentIndex);
+      } else { if (audioEl.paused) audioEl.play(); else audioEl.pause(); }
+    });
+    btnPrev.addEventListener('click', () => {
+      if (songList.length === 0) return; let nextIdx;
+      if (playMode === 2 && songList.length > 1) { do { nextIdx = Math.floor(Math.random() * songList.length); } while (nextIdx === currentIndex); }
+      else { nextIdx = currentIndex - 1 < 0 ? songList.length - 1 : currentIndex - 1; }
+      playSong(nextIdx);
+    });
+    btnNext.addEventListener('click', () => {
+      if (songList.length === 0) return; let nextIdx;
+      if (playMode === 2 && songList.length > 1) { do { nextIdx = Math.floor(Math.random() * songList.length); } while (nextIdx === currentIndex); }
+      else { nextIdx = currentIndex + 1 >= songList.length ? 0 : currentIndex + 1; }
+      playSong(nextIdx);
+    });
+
+    btnVolume.addEventListener('click', (e) => {
+      e.stopPropagation();
+      if (currentDid === "" && isIOS) { showToast("iPhone不支持调节本机音量"); return; }
+      volumePopup.classList.toggle('show');
+    });
+    let volTimeout = null;
+    volumeSlider.addEventListener('input', (e) => {
+      const vol = e.target.value; volumeText.innerText = vol + '%'; localStorage.setItem('player_volume', vol); updateVolumeIcon(vol);
+      if (currentDid === "") { audioEl.volume = vol / 100; }
+      else {
+        clearTimeout(volTimeout);
+        volTimeout = setTimeout(() => fetch(API.setVolume, { method: 'POST', headers: {'Content-Type': 'application/json'}, body: JSON.stringify({ did: currentDid, volume: parseInt(vol) }) }).catch(()=>{}), 300);
       }
+    });
 
-      // 点击菜单 → 打开
-      settingVersion.addEventListener('click', (e) => {
-        e.stopPropagation();
-        openAbout();
-      });
-
-      // 关闭按钮与“我知道了”
-      aboutClose.addEventListener('click', closeAbout);
-      aboutOk.addEventListener('click', closeAbout);
-
-      // 点击遮罩空白处关闭（避免点击内容区域误关）
-      aboutBackdrop.addEventListener('click', (e) => {
-        if (e.target === aboutBackdrop) closeAbout();
-      });
-
-      // Esc 关闭
-      document.addEventListener('keydown', (e) => {
-        if (e.key === 'Escape' && aboutBackdrop.classList.contains('show')) {
-          closeAbout();
-        }
-      });
-    })();
-
+    // -- 进度条拖拽绑定 --
     progressContainer.addEventListener('mousedown', handleDragStart);
     document.addEventListener('mousemove', handleDragMove);
     document.addEventListener('mouseup', handleDragEnd);
-
     progressContainer.addEventListener('touchstart', handleDragStart, { passive: false });
     document.addEventListener('touchmove', handleDragMove, { passive: false });
     document.addEventListener('touchend', handleDragEnd);
 
-    // === 歌词区域事件绑定===
-    const lyricsWrapper = document.getElementById('fp-lyrics-wrapper');
+    // -- 抽屉展示与关闭相关绑定 --
+    drawerHandle.addEventListener('click', () => toggleFullPlayer(false));
+    npInfo.addEventListener('click', () => toggleFullPlayer());
+    npInfo.addEventListener('touchstart', e => { touchStartY = e.touches[0].clientY; }, {passive: true});
+    npInfo.addEventListener('touchend', e => { if (touchStartY - e.changedTouches[0].clientY > 30) toggleFullPlayer(true); });
 
-    // 鼠标
+    fullPlayer.addEventListener('touchstart', e => {
+      fpTouchStartY = e.touches[0].clientY; drawerGestureFromLyrics = !!e.target.closest('#fp-lyrics-wrapper');
+    }, {passive: true});
+    fullPlayer.addEventListener('touchend', e => {
+      if (!drawerGestureFromLyrics && (e.changedTouches[0].clientY - fpTouchStartY > 50)) toggleFullPlayer(false);
+      drawerGestureFromLyrics = false;
+    });
+    fullPlayer.addEventListener('touchmove', e => { if (!e.target.closest('#fp-lyrics-wrapper')) e.preventDefault(); }, { passive: false });
+
+    // -- 歌词区滑动事件绑定 --
     lyricsWrapper.addEventListener('mousedown', onLyricsDragStart);
     document.addEventListener('mousemove', onLyricsDragMove, { passive: false });
     document.addEventListener('mouseup', onLyricsDragEnd);
-
-    // 触摸
     lyricsWrapper.addEventListener('touchstart', onLyricsDragStart, { passive: false });
     lyricsWrapper.addEventListener('touchmove',  onLyricsDragMove,  { passive: false });
     lyricsWrapper.addEventListener('touchend',   onLyricsDragEnd);
 
+    // -- About Modal 控制 --
+    function closeAbout() { aboutBackdrop.classList.remove('show'); aboutBackdrop.setAttribute('aria-hidden', 'true'); document.body.style.overflow = ''; }
+    if (settingVersionBtn) settingVersionBtn.addEventListener('click', (e) => { e.stopPropagation(); if (settingsOpts) settingsOpts.classList.remove('show'); aboutBackdrop.classList.add('show'); aboutBackdrop.setAttribute('aria-hidden', 'false'); document.body.style.overflow = 'hidden'; });
+    document.getElementById('about-close').addEventListener('click', closeAbout);
+    document.getElementById('about-ok').addEventListener('click', closeAbout);
+    aboutBackdrop.addEventListener('click', (e) => { if (e.target === aboutBackdrop) closeAbout(); });
+    document.addEventListener('keydown', (e) => { if (e.key === 'Escape' && aboutBackdrop.classList.contains('show')) closeAbout(); });
+
+    // -- 开发中 Modal (创建歌单) 控制 --
+    function closeDevModal() { devBackdrop.classList.remove('show'); devBackdrop.setAttribute('aria-hidden', 'true'); document.body.style.overflow = ''; }
+    if (devClose) devClose.addEventListener('click', closeDevModal);
+    if (devOk) devOk.addEventListener('click', closeDevModal);
+    if (devBackdrop) devBackdrop.addEventListener('click', (e) => { if (e.target === devBackdrop) closeDevModal(); });
+    if (settingCreatePlaylistBtn) {
+      settingCreatePlaylistBtn.addEventListener('click', async (e) => {
+        e.stopPropagation(); if (settingsOpts) settingsOpts.classList.remove('show');
+        try {
+          const res = await fetch('iwebplayer_playlist.html', { method: 'HEAD' });
+          if (res.ok) window.open('iwebplayer_playlist.html', '_blank'); else { devBackdrop.classList.add('show'); devBackdrop.setAttribute('aria-hidden', 'false'); document.body.style.overflow = 'hidden'; }
+        } catch (err) { devBackdrop.classList.add('show'); devBackdrop.setAttribute('aria-hidden', 'false'); document.body.style.overflow = 'hidden'; }
+      });
+    }
+
+    // 启动播放器引擎
     init();
+
   </script>
 </body>
-</html>
+</html>
\ No newline at end of file