Update injectcss.ts

Author: HaloWang

pages/content/src/injectcss.ts

@@ -42,7 +42,33 @@ export const injectCss = () => {
 }
 
 .rwkvOfflineTranslationResult {
-  /*  */
+  /* 基础样式 */
+  transition: all 0.2s ease-in-out;
+  cursor: pointer;
+  border-radius: 4px;
+  opacity: 0.8;
+}
+
+/* 浅色主题下的 hover 效果 */
+@media (prefers-color-scheme: light) {
+  .rwkvOfflineTranslationResult:hover:not(.rwkvInspecting) {
+    background-color: rgba(0, 0, 0, 0.1) !important;
+    color: #1a1a1a !important;
+    opacity: 1;
+    transform: translateY(-1px);
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+  }
+}
+
+/* 深色主题下的 hover 效果 */
+@media (prefers-color-scheme: dark) {
+  .rwkvOfflineTranslationResult:hover:not(.rwkvInspecting) {
+    background-color: rgba(255, 255, 255, 0.15) !important;
+    color: #ffffff !important;
+    opacity: 1;
+    transform: translateY(-1px);
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
+  }
 }
 
 .rwkvOfflineTranslationResult.rwkvInspecting {