style: chage color when hover on statistics label of StationCard

src/components/station-card.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { NCard, NStatistic, NTag, NGrid, NGi, NButton, NIcon } from 'naive-ui';
-import { Video } from '@vicons/carbon';
+import { NCard, NStatistic, NTag, NGrid, NGi, NButton, NIcon, useThemeVars } from 'naive-ui';
+import { Video as VideoIcon } from '@vicons/carbon';
 import { toRefs, computed, ref } from 'vue';
 import axios from 'axios';
 import OfflineDeviceTreeModal from './offline-device-tree-modal.vue';
@@ -74,6 +74,8 @@ const openVideoPlatform = async () => {
     window.$message.error('获取视频平台URL失败');
   }
 };
+
+const theme = useThemeVars();
 </script>
 
 <template>
@@ -89,7 +91,7 @@ const openVideoPlatform = async () => {
     <template #default>
       <NButton text @click="openVideoPlatform">
         <NIcon>
-          <Video />
+          <VideoIcon />
         </NIcon>
       </NButton>
       <NGrid :cols="2" :style="{ opacity: online ? '1' : '0.3' }">
@@ -131,6 +133,11 @@ const openVideoPlatform = async () => {
 .clickable {
   text-decoration: underline dashed;
   cursor: pointer;
+  transition: color 0.2s ease;
+
+  &:hover {
+    color: v-bind('theme.infoColorHover');
+  }
 }
 
 .font-xx-small {