From baabb0c273cc73df77524a5f13bc16679a7b1ba4 Mon Sep 17 00:00:00 2001
From: alger <algerkc@qq.com>
Date: Sun, 15 Mar 2026 15:08:50 +0800
Subject: [PATCH] =?UTF-8?q?feat(lyric):=20=E6=96=B0=E5=A2=9E=20single/doub?=
 =?UTF-8?q?le=20=E6=A8=A1=E5=BC=8F=20CSS=20=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/renderer/views/lyric/index.vue | 44 ++++++++++++++++++++++++++++++
 1 file changed, 44 insertions(+)

diff --git a/src/renderer/views/lyric/index.vue b/src/renderer/views/lyric/index.vue
index 2b55d15..a653007 100644
--- a/src/renderer/views/lyric/index.vue
+++ b/src/renderer/views/lyric/index.vue
@@ -1270,6 +1270,50 @@ body,
   z-index: 100;
 }
 
+// 单行模式容器：垂直居中，单行展示
+.lyric-single-mode {
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0 20px;
+
+  .lyric-line {
+    width: 100%;
+    text-align: center;
+  }
+}
+
+// 双行模式容器
+.lyric-double-mode {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  padding: 0 20px;
+  // 分组切换淡出淡入
+  transition: opacity 0.15s ease;
+
+  &.group-fade {
+    opacity: 0;
+  }
+
+  .lyric-line {
+    width: 100%;
+    text-align: center;
+    // 同组非当前行：稍微暗化
+    opacity: 0.55;
+    transition: opacity 0.25s ease;
+
+    &.lyric-line-current {
+      opacity: 1;
+      transform: scale(1.03);
+    }
+  }
+}
+
 .lyric-scroll {
   height: 100%;
   overflow: hidden;