Update CSS styles in injectcss.ts for improved hover effects and visual consistency

- Adjusted border-radius and opacity for the .rwkvOfflineTranslationResult class.
- Enhanced hover effects for light and dark themes with updated outline and border-radius properties.

Author: HaloWang

pages/content/src/injectcss.ts

@@ -44,30 +44,32 @@ export const injectCss = () => {
 .rwkvOfflineTranslationResult {
   /* 基础样式 */
   transition: all 0.2s ease-in-out;
-  cursor: pointer;
-  border-radius: 4px;
-  opacity: 0.8;
+  border-radius: 0;
+  opacity: 0.6;
+  outline: 2px solid rgba(0, 187, 255, 0.0) !important;
 }
 
 /* 浅色主题下的 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);
+    outline: 2px solid rgba(0, 187, 255, 0.4) !important;
+    border-radius: 4px;
   }
 }
 
 /* 深色主题下的 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);
+    outline: 2px solid rgba(0, 187, 255, 0.4) !important;
+    border-radius: 4px;
   }
 }