仿微信样式生成器添加显示大表情背景选项

frontend/src/lang/en.js

@@ -116,6 +116,7 @@ export default {
     backgrounds: 'Backgrounds',
     bgColor: 'Background color',
     useBarsInsteadOfBg: 'Use bars instead of backgrounds',
+    showLargeEmoticonBg: 'Show large emoticon background',
     messageBgColor: 'Message background color',
     ownerMessageBgColor: 'Owner background color',
     moderatorMessageBgColor: 'Moderator background color',

frontend/src/lang/ja.js

@@ -116,6 +116,7 @@ export default {
     backgrounds: '背景',
     bgColor: '背景色',
     useBarsInsteadOfBg: '背景に代わります',
+    showLargeEmoticonBg: '大きなスタンプの背景を表示する',
     messageBgColor: 'コメント背景色',
     ownerMessageBgColor: 'オーナーコメント背景色',
     moderatorMessageBgColor: '管理者コメント背景色',

frontend/src/lang/zh.js

@@ -116,6 +116,7 @@ export default {
     backgrounds: '背景',
     bgColor: '背景色',
     useBarsInsteadOfBg: '用条代替消息背景',
+    showLargeEmoticonBg: '显示大表情背景',
     messageBgColor: '消息背景色',
     ownerMessageBgColor: '主播消息背景色',
     moderatorMessageBgColor: '房管消息背景色',

frontend/src/views/StyleGenerator/LineLike.vue

@@ -155,6 +155,11 @@
               <el-color-picker v-model="form.bgColor" show-alpha></el-color-picker>
             </el-form-item>
           </el-col>
+          <el-col :xs="24" :sm="12">
+            <el-form-item :label="$t('stylegen.showLargeEmoticonBg')">
+              <el-switch v-model="form.showLargeEmoticonBg"></el-switch>
+            </el-form-item>
+          </el-col>
         </el-row>
         <el-row :gutter="20">
           <el-col :xs="24" :sm="12">
@@ -346,6 +351,7 @@ export const DEFAULT_CONFIG = {
   ownerMessageBgColor: 'rgba(231, 199, 30, 1)',
   moderatorMessageBgColor: 'rgba(41, 95, 251, 1)',
   memberMessageBgColor: 'rgba(43, 234, 43, 1)',
+  showLargeEmoticonBg: true,
 
   firstLineFont: 'Noto Sans SC',
   firstLineFontSize: 20,
@@ -475,6 +481,10 @@ yt-live-chat-text-message-renderer #message {
   border-radius: 24px;
 }
 
+yt-live-chat-text-message-renderer #message:has(.emoji.blc-large-emoji) {
+  ${this.form.showLargeEmoticonBg ? '' : 'padding: 0;'}
+}
+
 yt-live-chat-text-message-renderer #message .emoji {
   width: auto !important;
   height: ${this.form.emoticonSize}px !important;
@@ -494,6 +504,10 @@ yt-live-chat-text-message-renderer #message::before {
   border: 8px solid transparent;
   border-right: 18px solid;
   transform: rotate(35deg);
+}
+
+yt-live-chat-text-message-renderer #message:has(.emoji.blc-large-emoji)::before {
+  ${this.form.showLargeEmoticonBg ? '' : 'content: none;'}
 }`
     },
     timeStyle() {
@@ -512,7 +526,11 @@ ${this.getBgStyleForAuthorType('owner', this.form.ownerMessageBgColor)}
 
 ${this.getBgStyleForAuthorType('moderator', this.form.moderatorMessageBgColor)}
 
-${this.getBgStyleForAuthorType('member', this.form.memberMessageBgColor)}`
+${this.getBgStyleForAuthorType('member', this.form.memberMessageBgColor)}
+
+yt-live-chat-text-message-renderer #message:has(.emoji.blc-large-emoji) {
+  ${this.form.showLargeEmoticonBg ? '' : 'background-color: transparent !important;'}
+}`
     },
     scAndNewMemberStyle() {
       return `/* SuperChat/Fan Funding Messages */