fix

Author: iChochy

CNAME

@@ -31,6 +31,7 @@
   --accent-3: rgba(224, 78, 57, 0.18);
   --accent-strong: rgba(224, 78, 57, 0.35);
   --teal: #1f8a7a;
+  --blue-accent: #3b82f6;
 
   --glass: rgba(255, 255, 255, 0.78);
   --glass-strong: rgba(255, 255, 255, 0.92);
@@ -71,6 +72,7 @@ body.dark-theme {
   --accent-3: rgba(255, 107, 74, 0.2);
   --accent-strong: rgba(255, 107, 74, 0.4);
   --teal: #3ad8c1;
+  --blue-accent: #60a5fa;
 
   --glass: rgba(20, 26, 32, 0.88);
   --glass-strong: rgba(20, 26, 32, 0.96);
@@ -445,10 +447,12 @@ body.dark-theme .book-info {
   min-width: 0;
   overflow: hidden;
   display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  justify-content: center;
+  flex-direction: row;
+  align-items: center;
+  justify-content: flex-start;
   text-align: left;
+  gap: 8px;
+  flex-wrap: wrap;
 }
 
 .book-title-row {
@@ -461,8 +465,8 @@ body.dark-theme .book-info {
 
 .unit-title-group label {
   display: flex;
-  width: min(100%, 280px);
-  margin: 3px;
+  width: auto;
+  margin: 0;
 }
 
 .book-select-title {
@@ -688,7 +692,8 @@ body.dark-theme .control-panel {
 }
 
 .progress-container {
-  margin: 0px 10px;
+  height: 8px;
+  margin: 0px 5px;
 }
 
 .time-display {
@@ -836,6 +841,20 @@ body.dark-theme .control-panel {
   transform: translateY(-1px);
 }
 
+.loop-toggle-btn.click {
+  background: var(--blue-accent);
+  border-color: var(--blue-accent);
+  color: #ffffff;
+  box-shadow: 0 8px 16px rgba(59, 130, 246, 0.35);
+}
+
+.loop-toggle-btn.click:hover {
+  background: var(--blue-accent);
+  border-color: var(--blue-accent);
+  color: #ffffff;
+  transform: translateY(-1px);
+}
+
 /* 默认显示循环图标，隐藏单句图标 */
 .loop-toggle-btn .repeat-one-icon {
   display: none;
@@ -852,6 +871,14 @@ body.dark-theme .control-panel {
   display: inline-block;
 }
 
+/* click 模式：显示单句图标，隐藏循环图标 */
+.loop-toggle-btn.click .loop-icon {
+  display: none;
+}
+.loop-toggle-btn.click .repeat-one-icon {
+  display: inline-block;
+}
+
 .lyrics-container {
   flex: 1;
   min-height: 0;
@@ -911,6 +938,22 @@ body.hide-translation .lyric-text {
   font-size: 20px;
 }
 
+body.only-chinese-translation .lyric-text {
+  display: none;
+}
+
+body.only-chinese-translation .lyric-translation {
+  font-size: 18px;
+  color: var(--ink-1);
+  font-weight: 600;
+  line-height: 1.5;
+}
+
+body.only-chinese-translation .lyric-line.active .lyric-translation {
+  color: var(--accent-1);
+  font-weight: 650;
+}
+
 body.blur-translation .lyric-translation,
 body.blur-translation .lyric-text {
   filter: blur(4px);
@@ -1302,8 +1345,8 @@ body::-webkit-scrollbar-thumb:hover,
   }
 
   .book-cover {
-    width: 48px;
-    height: 48px;
+    width: 64px;
+    height: 64px;
   }
 
   .unit-info {
@@ -1317,6 +1360,12 @@ body::-webkit-scrollbar-thumb:hover,
     text-align: left;
   }
 
+  .unit-title-group {
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 4px;
+  }
+
   .unit-title-group label,
   .book-info > label {
     width: auto;
@@ -1325,6 +1374,7 @@ body::-webkit-scrollbar-thumb:hover,
   .unit-title-group label {
     padding: 0px 10px;
     max-width: 100%;
+    width: auto;
   }
 
   .book-info > label {