From afcd18b1a1f3d6833dd6503cf7fe1d6f50599995 Mon Sep 17 00:00:00 2001
From: Vaica <94612053+zqlit@users.noreply.github.com>
Date: Wed, 24 Jun 2026 18:11:57 +0800
Subject: [PATCH] Update shortcodes.css

---
 themes/Ying/assets/css/shortcodes.css | 128 ++++++++++++++++++++++++++
 1 file changed, 128 insertions(+)

diff --git a/themes/Ying/assets/css/shortcodes.css b/themes/Ying/assets/css/shortcodes.css
index 85f91e32..77b1a56a 100644
--- a/themes/Ying/assets/css/shortcodes.css
+++ b/themes/Ying/assets/css/shortcodes.css
@@ -651,3 +651,131 @@
 .live-photo-mute-btn[data-muted="false"] .icon-muted {
     display: none;
 }
+
+/* ==========================================================================
+   强制优先级 - 覆盖 ying 主题默认样式
+   ========================================================================== */
+
+/* 强制使用 Amigo 语音样式 */
+.article-content .amigo-voice-bubble,
+.article-text .amigo-voice-bubble,
+.post-content .amigo-voice-bubble,
+main .amigo-voice-bubble,
+.amigo-voice-bubble {
+    position: relative !important;
+    background: #42c27a !important;
+    color: #111 !important;
+    width: auto !important;
+    max-width: 200px !important;
+    min-width: 100px !important;
+    height: 36px !important;
+    border-radius: 8px !important;
+    display: inline-flex !important;
+    align-items: center !important;
+    justify-content: flex-start !important;
+    padding: 0 18px !important;
+    font-size: 18px !important;
+    font-weight: 500 !important;
+    cursor: pointer !important;
+    border: none !important;
+    box-shadow: none !important;
+}
+
+.article-content .amigo-voice-bubble::before,
+.article-text .amigo-voice-bubble::before,
+.post-content .amigo-voice-bubble::before,
+main .amigo-voice-bubble::before,
+.amigo-voice-bubble::before {
+    content: "" !important;
+    position: absolute !important;
+    left: -8px !important;
+    top: 14px !important;
+    width: 0 !important;
+    height: 0 !important;
+    border-right: 10px solid #42c27a !important;
+    border-top: 6px solid transparent !important;
+    border-bottom: 6px solid transparent !important;
+    display: block !important;
+}
+
+.article-content .amigo-voice-bubble.is-playing,
+.article-text .amigo-voice-bubble.is-playing,
+.post-content .amigo-voice-bubble.is-playing,
+main .amigo-voice-bubble.is-playing,
+.amigo-voice-bubble.is-playing {
+    background: #38b56e !important;
+}
+
+.article-content .amigo-voice-bubble.is-playing::before,
+.article-text .amigo-voice-bubble.is-playing::before,
+.post-content .amigo-voice-bubble.is-playing::before,
+main .amigo-voice-bubble.is-playing::before,
+.amigo-voice-bubble.is-playing::before {
+    border-right-color: #38b56e !important;
+}
+
+.article-content .amigo-voice-icon,
+.article-text .amigo-voice-icon,
+.post-content .amigo-voice-icon,
+main .amigo-voice-icon,
+.amigo-voice-icon {
+    display: flex !important;
+    align-items: center !important;
+    gap: 2px !important;
+    height: 16px !important;
+    margin-right: 8px !important;
+}
+
+.article-content .amigo-voice-icon span,
+.article-text .amigo-voice-icon span,
+.post-content .amigo-voice-icon span,
+main .amigo-voice-icon span,
+.amigo-voice-icon span {
+    display: block !important;
+    width: 3px !important;
+    border-radius: 2px !important;
+    background: currentColor !important;
+    animation: amigo-voice-wave 1.2s ease-in-out infinite !important;
+}
+
+.article-content .amigo-voice-icon span:nth-child(1),
+.article-text .amigo-voice-icon span:nth-child(1),
+.post-content .amigo-voice-icon span:nth-child(1),
+main .amigo-voice-icon span:nth-child(1),
+.amigo-voice-icon span:nth-child(1) {
+    height: 8px !important;
+    animation-delay: 0s !important;
+}
+
+.article-content .amigo-voice-icon span:nth-child(2),
+.article-text .amigo-voice-icon span:nth-child(2),
+.post-content .amigo-voice-icon span:nth-child(2),
+main .amigo-voice-icon span:nth-child(2),
+.amigo-voice-icon span:nth-child(2) {
+    height: 12px !important;
+    animation-delay: 0.15s !important;
+}
+
+.article-content .amigo-voice-icon span:nth-child(3),
+.article-text .amigo-voice-icon span:nth-child(3),
+.post-content .amigo-voice-icon span:nth-child(3),
+main .amigo-voice-icon span:nth-child(3),
+.amigo-voice-icon span:nth-child(3) {
+    height: 6px !important;
+    animation-delay: 0.3s !important;
+}
+
+.article-content .amigo-voice-duration,
+.article-text .amigo-voice-duration,
+.post-content .amigo-voice-duration,
+main .amigo-voice-duration,
+.amigo-voice-duration {
+    color: #111 !important;
+    font-size: 16px !important;
+    font-weight: 500 !important;
+}
+
+@keyframes amigo-voice-wave {
+    0%, 100% { transform: scaleY(0.5); }
+    50% { transform: scaleY(1); }
+}