From 90019e7424c69cf2a2b6612f1af3e71261c9a978 Mon Sep 17 00:00:00 2001
From: saopig1 <saopig@duck.com>
Date: Mon, 30 Mar 2026 14:43:54 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E7=82=B9=E5=87=BB=E6=92=AD=E6=94=BE?=
 =?UTF-8?q?=E6=9D=A1=E5=B7=A6=E4=BE=A7=E6=AD=8C=E6=9B=B2=E5=B0=81=E9=9D=A2?=
 =?UTF-8?q?/=E4=BF=A1=E6=81=AF=E6=89=93=E5=BC=80=E6=AD=8C=E8=AF=8D?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 web/src/components/Player.vue | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/web/src/components/Player.vue b/web/src/components/Player.vue
index 85f556b..a8b91bf 100644
--- a/web/src/components/Player.vue
+++ b/web/src/components/Player.vue
@@ -24,13 +24,13 @@
         </div>
       </div>
 
-      <div class="player-left">
+      <RouterLink to="/lyrics" class="player-left">
         <CoverArt :url="currentSong.coverUrl" :size="40" />
         <div class="song-info">
           <div class="song-name">{{ currentSong.name }}</div>
           <div class="song-artist">{{ currentSong.artist }}</div>
         </div>
-      </div>
+      </RouterLink>
 
       <div class="player-center">
         <span class="time-display time-current">{{ formatTime(currentElapsed) }}</span>
@@ -277,6 +277,11 @@ function cycleMode() {
   align-items: center;
   gap: 12px;
   width: 240px;
+  text-decoration: none;
+  color: inherit;
+  cursor: pointer;
+  transition: opacity var(--transition-fast);
+  &:hover { opacity: 0.8; }
 }
 
 .song-info {