style(LyricsSetting): 优化设置中歌词预览的样式

[MoYingJi]

No description provided.

[gemini-code-assist]

Summary of Changes

Hello @MoYingJi, I'm Gemini Code Assist¹! I'm currently reviewing this pull request and will post my feedback shortly. In the meantime, here's a summary to help you and other reviewers quickly get up to speed!

此拉取请求旨在优化设置页面中歌词预览的样式显示。主要改进包括引入了翻译和音译歌词的动态字体大小计算，使其在特定模式下能更好地适应主歌词大小，并新增了自定义字体族功能，提升了用户体验和界面的灵活性。

Highlights

• 动态字体大小计算: 优化了歌词预览中翻译和音译歌词的字体大小计算逻辑，使其在启用AMLL模式时能根据主歌词大小自动调整，提供更一致的视觉体验。
• 自定义字体族支持: 为歌词预览添加了自定义字体族支持，用户现在可以在设置中选择歌词的字体，增强了界面的个性化设置。
• 代码重构与可维护性: 将模板中直接绑定的字体大小属性替换为新的计算属性，提高了代码的可维护性和响应性，使字体大小的逻辑更加集中和易于管理。

Using Gemini Code Assist

The full guide for Gemini Code Assist can be found on our documentation page, here are some quick tips.

Invoking Gemini

You can request assistance from Gemini at any point by creating a comment using either /gemini <command> or @gemini-code-assist <command>. Below is a summary of the supported commands on the current page.

Feature	Command	Description
Code Review	/gemini review	Performs a code review for the current pull request in its current state.
Pull Request Summary	/gemini summary	Provides a summary of the current pull request in its current state.
Comment	@gemini-code-assist	Responds in comments when explicitly tagged, both in pull request comments and review comments.
Help	/gemini help	Displays a list of available commands.

Customization

To customize Gemini Code Assist for GitHub experience, repository maintainers can create a configuration file and/or provide a custom code review style guide (such as PEP-8 for Python) by creating and adding files to a .gemini/ folder in the base of the repository. Detailed instructions can be found here.

Limitations & Feedback

Gemini Code Assist may make mistakes. Please leave feedback on any instances where its feedback is incorrect or counter productive. You can react with 👍 and 👎 on @gemini-code-assist comments. If you're interested in giving your feedback about your experience with Gemini Code Assist for Github and other Google products, sign up here.

You can also get AI-powered code generation, chat, as well as code reviews directly in the IDE at no cost with the Gemini Code Assist IDE Extension.

Footnotes

1. Review the Privacy Notices, Generative AI Prohibited Use Policy, Terms of Service, and learn how to configure Gemini Code Assist in GitHub here. Gemini can make mistakes, so double check it and use code with caution. ↩

[gemini-code-assist]

Code Review

本次 PR 主要优化了歌词设置中的预览样式，并重构了字体大小的逻辑。
主要改动包括：

1. 新增了 fontSizeComputed 计算属性，用于根据是否启用 Apple Music-like Lyrics (AMLL) 动态计算翻译和音译歌词的字体大小。
2. 在歌词预览中应用了全局歌词字体设置。

代码整体实现良好，我提出了一项关于 fontSizeComputed 的重构建议，旨在增强类型安全和代码健壮性，并简化模板中的逻辑。采纳该建议后，可以移除冗余的 @blur 事件处理器。