feat：优化全屏歌词界面 添加背景和宽度设置

src/i18n/lang/en-US/settings.ts

@@ -223,6 +223,7 @@ export default {
       display: 'Display',
       interface: 'Interface',
       typography: 'Typography',
+      background: 'Background',
       mobile: 'Mobile'
     },
     pureMode: 'Pure Mode',
@@ -257,6 +258,7 @@ export default {
       default: 'Default',
       loose: 'Loose'
     },
+    contentWidth: 'Content Width',
     mobileLayout: 'Mobile Layout',
     layoutOptions: {
       default: 'Default',
@@ -270,7 +272,46 @@ export default {
       full: 'Full Screen'
     },
     lyricLines: 'Lyric Lines',
-    mobileUnavailable: 'This setting is only available on mobile devices'
+    mobileUnavailable: 'This setting is only available on mobile devices',
+    // Background settings
+    background: {
+      useCustomBackground: 'Use Custom Background',
+      backgroundMode: 'Background Mode',
+      modeOptions: {
+        solid: 'Solid',
+        gradient: 'Gradient',
+        image: 'Image',
+        css: 'Custom CSS'
+      },
+      solidColor: 'Select Color',
+      presetColors: 'Preset Colors',
+      customColor: 'Custom Color',
+      gradientEditor: 'Gradient Editor',
+      gradientColors: 'Gradient Colors',
+      gradientDirection: 'Gradient Direction',
+      directionOptions: {
+        toBottom: 'Top to Bottom',
+        toRight: 'Left to Right',
+        toBottomRight: 'Top Left to Bottom Right',
+        angle45: '45 Degrees',
+        toTop: 'Bottom to Top',
+        toLeft: 'Right to Left'
+      },
+      addColor: 'Add Color',
+      removeColor: 'Remove Color',
+      imageUpload: 'Upload Image',
+      imagePreview: 'Image Preview',
+      clearImage: 'Clear Image',
+      imageBlur: 'Blur',
+      imageBrightness: 'Brightness',
+      customCss: 'Custom CSS Style',
+      customCssPlaceholder: 'Enter CSS style, e.g.: background: linear-gradient(...)',
+      customCssHelp: 'Supports any CSS background property',
+      reset: 'Reset to Default',
+      fileSizeLimit: 'Image size limit: 20MB',
+      invalidImageFormat: 'Invalid image format',
+      imageTooLarge: 'Image too large, please select an image smaller than 20MB'
+    }
   },
   translationEngine: 'Lyric Translation Engine',
   translationEngineOptions: {

src/i18n/lang/ja-JP/settings.ts

@@ -222,6 +222,7 @@ export default {
       display: '表示',
       interface: 'インターフェース',
       typography: 'テキスト',
+      background: '背景',
       mobile: 'モバイル'
     },
     pureMode: 'ピュアモード',
@@ -256,6 +257,7 @@ export default {
       default: 'デフォルト',
       loose: 'ゆったり'
     },
+    contentWidth: 'コンテンツ幅',
     mobileLayout: 'モバイルレイアウト',
     layoutOptions: {
       default: 'デフォルト',
@@ -269,7 +271,46 @@ export default {
       full: 'フルスクリーン'
     },
     lyricLines: '歌詞行数',
-    mobileUnavailable: 'この設定はモバイルでのみ利用可能です'
+    mobileUnavailable: 'この設定はモバイルでのみ利用可能です',
+    // 背景設定
+    background: {
+      useCustomBackground: 'カスタム背景を使用',
+      backgroundMode: '背景モード',
+      modeOptions: {
+        solid: '単色',
+        gradient: 'グラデーション',
+        image: '画像',
+        css: 'カスタム CSS'
+      },
+      solidColor: '色を選択',
+      presetColors: 'プリセットカラー',
+      customColor: 'カスタムカラー',
+      gradientEditor: 'グラデーションエディター',
+      gradientColors: 'グラデーションカラー',
+      gradientDirection: 'グラデーション方向',
+      directionOptions: {
+        toBottom: '上から下',
+        toRight: '左から右',
+        toBottomRight: '左上から右下',
+        angle45: '45度',
+        toTop: '下から上',
+        toLeft: '右から左'
+      },
+      addColor: '色を追加',
+      removeColor: '色を削除',
+      imageUpload: '画像をアップロード',
+      imagePreview: '画像プレビュー',
+      clearImage: '画像をクリア',
+      imageBlur: 'ぼかし',
+      imageBrightness: '明るさ',
+      customCss: 'カスタム CSS スタイル',
+      customCssPlaceholder: 'CSSスタイルを入力、例: background: linear-gradient(...)',
+      customCssHelp: '任意のCSS background プロパティをサポート',
+      reset: 'デフォルトにリセット',
+      fileSizeLimit: '画像サイズ制限: 20MB',
+      invalidImageFormat: '無効な画像形式',
+      imageTooLarge: '画像が大きすぎます。20MB未満の画像を選択してください'
+    }
   },
   translationEngine: '歌詞翻訳エンジン',
   translationEngineOptions: {

src/i18n/lang/ko-KR/settings.ts

@@ -223,6 +223,7 @@ export default {
       display: '표시',
       interface: '인터페이스',
       typography: '텍스트',
+      background: '배경',
       mobile: '모바일'
     },
     pureMode: '순수 모드',
@@ -257,6 +258,7 @@ export default {
       default: '기본',
       loose: '넓음'
     },
+    contentWidth: '콘텐츠 너비',
     mobileLayout: '모바일 레이아웃',
     layoutOptions: {
       default: '기본',
@@ -270,7 +272,46 @@ export default {
       full: '전체화면'
     },
     lyricLines: '가사 줄 수',
-    mobileUnavailable: '이 설정은 모바일에서만 사용 가능합니다'
+    mobileUnavailable: '이 설정은 모바일에서만 사용 가능합니다',
+    // 배경 설정
+    background: {
+      useCustomBackground: '사용자 정의 배경 사용',
+      backgroundMode: '배경 모드',
+      modeOptions: {
+        solid: '단색',
+        gradient: '그라데이션',
+        image: '이미지',
+        css: '사용자 정의 CSS'
+      },
+      solidColor: '색상 선택',
+      presetColors: '프리셋 색상',
+      customColor: '사용자 정의 색상',
+      gradientEditor: '그라데이션 편집기',
+      gradientColors: '그라데이션 색상',
+      gradientDirection: '그라데이션 방향',
+      directionOptions: {
+        toBottom: '위에서 아래로',
+        toRight: '왼쪽에서 오른쪽으로',
+        toBottomRight: '왼쪽 위에서 오른쪽 아래로',
+        angle45: '45도',
+        toTop: '아래에서 위로',
+        toLeft: '오른쪽에서 왼쪽으로'
+      },
+      addColor: '색상 추가',
+      removeColor: '색상 제거',
+      imageUpload: '이미지 업로드',
+      imagePreview: '이미지 미리보기',
+      clearImage: '이미지 지우기',
+      imageBlur: '흐림',
+      imageBrightness: '밝기',
+      customCss: '사용자 정의 CSS 스타일',
+      customCssPlaceholder: 'CSS 스타일 입력, 예: background: linear-gradient(...)',
+      customCssHelp: '모든 CSS background 속성 지원',
+      reset: '기본값으로 재설정',
+      fileSizeLimit: '이미지 크기 제한: 20MB',
+      invalidImageFormat: '잘못된 이미지 형식',
+      imageTooLarge: '이미지가 너무 큽니다. 20MB 미만의 이미지를 선택하세요'
+    }
   },
   translationEngine: '가사 번역 엔진',
   translationEngineOptions: {

src/i18n/lang/zh-CN/settings.ts

@@ -220,6 +220,7 @@ export default {
       display: '显示',
       interface: '界面',
       typography: '文字',
+      background: '背景',
       mobile: '移动端'
     },
     pureMode: '纯净模式',
@@ -254,6 +255,7 @@ export default {
       default: '默认',
       loose: '宽松'
     },
+    contentWidth: '内容区宽度',
     mobileLayout: '移动端布局',
     layoutOptions: {
       default: '默认',
@@ -267,7 +269,46 @@ export default {
       full: '全屏'
     },
     lyricLines: '歌词行数',
-    mobileUnavailable: '此设置仅在移动端可用'
+    mobileUnavailable: '此设置仅在移动端可用',
+    // 背景设置
+    background: {
+      useCustomBackground: '使用自定义背景',
+      backgroundMode: '背景模式',
+      modeOptions: {
+        solid: '纯色',
+        gradient: '渐变',
+        image: '图片',
+        css: '自定义 CSS'
+      },
+      solidColor: '选择颜色',
+      presetColors: '预设颜色',
+      customColor: '自定义颜色',
+      gradientEditor: '渐变编辑器',
+      gradientColors: '渐变颜色',
+      gradientDirection: '渐变方向',
+      directionOptions: {
+        toBottom: '上到下',
+        toRight: '左到右',
+        toBottomRight: '左上到右下',
+        angle45: '45度',
+        toTop: '下到上',
+        toLeft: '右到左'
+      },
+      addColor: '添加颜色',
+      removeColor: '移除颜色',
+      imageUpload: '上传图片',
+      imagePreview: '图片预览',
+      clearImage: '清除图片',
+      imageBlur: '模糊度',
+      imageBrightness: '明暗度',
+      customCss: '自定义 CSS 样式',
+      customCssPlaceholder: '输入 CSS 样式,如: background: linear-gradient(...)',
+      customCssHelp: '支持任意 CSS background 属性',
+      reset: '重置为默认',
+      fileSizeLimit: '图片大小限制: 20MB',
+      invalidImageFormat: '无效的图片格式',
+      imageTooLarge: '图片过大,请选择小于 20MB 的图片'
+    }
   },
   translationEngine: '歌詞翻譯引擎',
   translationEngineOptions: {

src/i18n/lang/zh-Hant/settings.ts

@@ -217,6 +217,7 @@ export default {
       display: '顯示',
       interface: '介面',
       typography: '文字',
+      background: '背景',
       mobile: '行動端'
     },
     pureMode: '純淨模式',
@@ -244,6 +245,66 @@ export default {
       compact: '緊湊',
       default: '預設',
       loose: '寬鬆'
+    },
+    lineHeight: '行高',
+    lineHeightMarks: {
+      compact: '緊湊',
+      default: '預設',
+      loose: '寬鬆'
+    },
+    contentWidth: '內容區寬度',
+    mobileLayout: '行動端佈局',
+    layoutOptions: {
+      default: '預設',
+      ios: 'iOS 風格',
+      android: 'Android 風格'
+    },
+    mobileCoverStyle: '封面風格',
+    coverOptions: {
+      record: '唱片',
+      square: '方形',
+      full: '全螢幕'
+    },
+    lyricLines: '歌詞行數',
+    mobileUnavailable: '此設定僅在行動端可用',
+    // 背景設定
+    background: {
+      useCustomBackground: '使用自訂背景',
+      backgroundMode: '背景模式',
+      modeOptions: {
+        solid: '純色',
+        gradient: '漸層',
+        image: '圖片',
+        css: '自訂 CSS'
+      },
+      solidColor: '選擇顏色',
+      presetColors: '預設顏色',
+      customColor: '自訂顏色',
+      gradientEditor: '漸層編輯器',
+      gradientColors: '漸層顏色',
+      gradientDirection: '漸層方向',
+      directionOptions: {
+        toBottom: '上到下',
+        toRight: '左到右',
+        toBottomRight: '左上到右下',
+        angle45: '45度',
+        toTop: '下到上',
+        toLeft: '右到左'
+      },
+      addColor: '新增顏色',
+      removeColor: '移除顏色',
+      imageUpload: '上傳圖片',
+      imagePreview: '圖片預覽',
+      clearImage: '清除圖片',
+      imageBlur: '模糊度',
+      imageBrightness: '明暗度',
+      customCss: '自訂 CSS 樣式',
+      customCssPlaceholder: '輸入 CSS 樣式，如: background: linear-gradient(...)',
+      customCssHelp: '支援任意 CSS background 屬性',
+      reset: '重設為預設',
+      fileSizeLimit: '圖片大小限制: 20MB',
+      invalidImageFormat: '無效的圖片格式',
+      imageTooLarge: '圖片過大，請選擇小於 20MB 的圖片'
     }
   },
   themeColor: {
@@ -271,6 +332,46 @@ export default {
     none: '關閉',
     opencc: 'OpenCC 繁化'
   },
+  shortcutSettings: {
+    title: '快捷鍵設定',
+    shortcut: '快捷鍵',
+    shortcutDesc: '自訂快捷鍵',
+    shortcutConflict: '快捷鍵衝突',
+    inputPlaceholder: '點擊輸入快捷鍵',
+    resetShortcuts: '恢復預設',
+    disableAll: '全部停用',
+    enableAll: '全部啟用',
+    togglePlay: '播放/暫停',
+    prevPlay: '上一首',
+    nextPlay: '下一首',
+    volumeUp: '增加音量',
+    volumeDown: '減少音量',
+    toggleFavorite: '收藏/取消收藏',
+    toggleWindow: '顯示/隱藏視窗',
+    scopeGlobal: '全域',
+    scopeApp: '應用程式內',
+    enabled: '已啟用',
+    disabled: '已停用',
+    messages: {
+      resetSuccess: '已恢復預設快捷鍵，請記得儲存',
+      conflict: '存在快捷鍵衝突，請重新設定',
+      saveSuccess: '快捷鍵設定已儲存',
+      saveError: '快捷鍵儲存失敗，請重試',
+      cancelEdit: '已取消修改',
+      disableAll: '已停用所有快捷鍵，請記得儲存',
+      enableAll: '已啟用所有快捷鍵，請記得儲存'
+    }
+  },
+  remoteControl: {
+    title: '遠端控制',
+    enable: '啟用遠端控制',
+    port: '服務連接埠',
+    allowedIps: '允許的 IP 位址',
+    addIp: '新增 IP',
+    emptyListHint: '空白清單表示允許所有 IP 存取',
+    saveSuccess: '遠端控制設定已儲存',
+    accessInfo: '遠端控制存取位址：'
+  },
   cookie: {
     title: 'Cookie設定',
     description: '請輸入網易雲音樂的Cookie：',