/* RealImag/NovelAI图片在私聊/群聊消息气泡里的样式 */
           .realimag-image {
               max-width: 250px;
               max-height: 250px;
               width: auto;
               height: auto;
               display: block;
               border-radius: 10px;
               object-fit: cover;
               background-color: #f8f8f8;
               min-width: 100px;
               min-height: 100px;
               cursor: pointer;
               transition: transform 0.2s;
           }

           .realimag-image:hover {
               transform: scale(1.02);
           }

           .message-bubble.is-realimag .content {
               padding: 5px;
               background: transparent;
               box-shadow: none;
               border: none;
               backdrop-filter: none;
               -webkit-backdrop-filter: none;
           }

           .voice-message-body {
               display: flex;
               align-items: center;
               cursor: pointer;
               padding: 8px 12px;
               min-width: 80px;
               max-width: 200px;
           }

           .message-bubble.user .voice-message-body {
               color: #1a3d00;
               flex-direction: row-reverse;
           }

           .message-bubble.ai .voice-message-body {
               color: var(--text-primary);
           }

           .voice-waveform {
               display: flex;
               align-items: center;
               height: 20px;
               gap: 2px;
               flex-grow: 1;
               margin: 0 10px;
           }

           .voice-waveform div {
               width: 3px;
               background-color: currentColor;
               border-radius: 2px;
               animation: wave-quiet 1.5s ease-in-out infinite;
           }

           @keyframes wave-quiet {

               0%,
               100% {
                   height: 2px;
               }

               50% {
                   height: 10px;
               }
           }

           .voice-waveform div:nth-child(2) {
               animation-delay: 0.2s;
           }

           .voice-waveform div:nth-child(3) {
               animation-delay: 0.4s;
           }

           .voice-waveform div:nth-child(4) {
               animation-delay: 0.6s;
           }

           .voice-waveform div:nth-child(5) {
               animation-delay: 0.8s;
           }

           .voice-duration {
               font-size: var(--chat-font-size, 13px);
               font-weight: 500;
               color: var(--text-secondary);
           }

           .message-bubble.user .voice-duration {
               color: #3e6224;
           }

           .message-bubble .content {
               position: relative;
               font-size: var(--chat-font-size, 16px);
               padding: 8px 12px;
               line-height: 1.5;
               word-break: break-word;
           }

           .message-bubble.user .content {
               background-color: rgba(255, 255, 255, 0.75);
               color: #585858;
               border-radius: 8px 2px 8px 8px;
           }

           .message-bubble.ai .content {
               background-color: rgba(255, 255, 255, 0.7);
               color: #585858;
               border-radius: 2px 8px 8px 8px;
           }

           .message-bubble::after {
               content: "";
               position: absolute;
               width: 20px;
               height: 20px;
               background-size: contain;
               background-repeat: no-repeat;
               opacity: 1;
               z-index: 1;
           }

           /* 自定义主题支持 */
           #chat-messages[data-theme^="custom_"] .message-bubble.user .content {
               background-color: var(--custom-user-bg) !important;
           }
           #chat-messages[data-theme^="custom_"] .message-bubble.ai .content {
               background-color: var(--custom-ai-bg) !important;
           }
           #settings-preview-area[data-theme^="custom_"] .message-bubble.user .content {
               background-color: var(--custom-user-bg) !important;
           }
           #settings-preview-area[data-theme^="custom_"] .message-bubble.ai .content {
               background-color: var(--custom-ai-bg) !important;
           }

           #chat-messages[data-theme="pink_blue"] .message-bubble.user .content {
               background-color: #fff0f6;
               color: #432531;
           }

           #chat-messages[data-theme="pink_blue"] .message-bubble.ai .content {
               background-color: #eff7ff;
               color: #263a4e;
           }

           #chat-messages[data-theme="blue_white"] .message-bubble.user .content {
               background-color: #eff7ff;
               color: #263a4e;
           }

           #chat-messages[data-theme="blue_white"] .message-bubble.ai .content {
               background-color: #f8f9fa;
               color: #383d41;
           }

           #chat-messages[data-theme="purple_yellow"] .message-bubble.user .content {
               background-color: #faf7ff;
               color: #827693;
           }

           #chat-messages[data-theme="purple_yellow"] .message-bubble.ai .content {
               background-color: #fffde4;
               color: #5C4033;
           }

           #chat-messages[data-theme="black_white"] .message-bubble.user .content {
               background-color: #343a40;
               color: #f8f9fa;
           }

           #chat-messages[data-theme="black_white"] .message-bubble.ai .content {
               background-color: #f8f9fa;
               color: #343a40;
           }

           #chat-messages[data-theme="yellow_white"] .message-bubble.user .content {
               background-color: #FFEB3B;
               color: #5D4037;
           }

           #chat-messages[data-theme="yellow_white"] .message-bubble.ai .content {
               background-color: #f8f9fa;
               color: #383d41;
           }

           #chat-messages[data-theme="red_black"] .message-bubble.user .content {
               background-color: #C62828;
               color: #FFFFFF;
           }

           #chat-messages[data-theme="red_black"] .message-bubble.ai .content {
               background-color: #212121;
               color: #FFFFFF;
           }

           #chat-messages[data-theme="blue_yellow"] .message-bubble.user .content {
               background-color: #A0D2EB;
               color: #153243;
           }

           #chat-messages[data-theme="blue_yellow"] .message-bubble.ai .content {
               background-color: #FEF9E7;
               color: #5D4037;
           }

           #chat-messages[data-theme="pink_yellow"] .message-bubble.user .content {
               background-color: #fff0f6;
               color: #432531;
           }

           #chat-messages[data-theme="pink_yellow"] .message-bubble.ai .content {
               background-color: #FEF9E7;
               color: #5D4037;
           }

           #chat-messages[data-theme="pink_purple"] .message-bubble.user .content {
               background-color: #fff0f6;
               color: #a78396;
           }

           #chat-messages[data-theme="pink_purple"] .message-bubble.ai .content {
               background-color: #faf7ff;
               color: #827693;
           }

           #chat-messages[data-theme="gray_white"] .message-bubble.user .content {
               background-color: #e9ecef;
               color: #495057;
           }

           #chat-messages[data-theme="gray_white"] .message-bubble.ai .content {
               background-color: #f8f9fa;
               color: #383d41;
           }