diff --git a/src/other_pages/floating-list-window/aa-components/floating-list.vue b/src/other_pages/floating-list-window/aa-components/floating-list.vue
index 0e12e6b..b626688 100644
--- a/src/other_pages/floating-list-window/aa-components/floating-list.vue
+++ b/src/other_pages/floating-list-window/aa-components/floating-list.vue
@@ -10,14 +10,14 @@
           <icon-mdi-volume-high v-if="!isMuted" class="menu-icon"></icon-mdi-volume-high>
           <icon-mdi-volume-off v-else class="menu-icon muted"></icon-mdi-volume-off>
         </div>
-        <span class="menu-text">全员静音</span>
+        <span class="menu-text" :class="{ 'text-muted': isMuted }">全员静音</span>
       </div>
       <div class="menu-item" @click="muteTeacher()">
         <div class="icon-wrapper">
           <icon-mdi-microphone v-if="!isTeacherMuted" class="menu-icon"></icon-mdi-microphone>
           <icon-mdi-microphone-off v-else class="menu-icon muted"></icon-mdi-microphone-off>
         </div>
-        <span class="menu-text">老师静音</span>
+        <span class="menu-text" :class="{ 'text-muted': isTeacherMuted }">老师静音</span>
       </div>
       <div class="menu-item" @click="endClass()">
         <div class="icon-wrapper">
@@ -220,6 +220,12 @@
       font-weight: 500;
       letter-spacing: 0.5px;
       text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
+      transition: color 0.3s;
+
+      &.text-muted {
+        color: #ff6b6b;
+        font-weight: 600;
+      }
     }
 
     .status-indicator {