fix: 尝试修复由于虚拟滚动带来的布局抖动问题

Author: FreecellRaid

src/components/common/MessageItem.vue

@@ -207,8 +207,7 @@ watch(
 }
 
 .message-item:hover {
-    outline: 1px solid var(--active-accent);
-    outline-offset: -1px;
+    box-shadow: inset 0 0 0 1px var(--active-accent);
 }
 
 .message-item.is-selected.is-active {
@@ -249,17 +248,21 @@ watch(
     position: absolute;
     top: 8px;
     right: 12px;
-    display: none;
+    display: flex;
+    opacity: 0;
+    pointer-events: none;
+    transition: opacity 0.1s;
     align-items: center;
     gap: 4px;
     padding: 2px 4px;
     border-radius: 4px;
-    border: 1px solid var(--border-light);
+    border: none;
     z-index: 10;
 }
 
 .message-item:hover .message-actions {
-    display: flex;
+    opacity: 1;
+    pointer-events: auto;
 }
 
 .action-button {
@@ -278,7 +281,6 @@ watch(
 
 /* 悬停效果 */
 .action-button:hover {
-    background-color: var(--border-light);
     opacity: 1;
 }
 

src/components/layout/TopMenuBar.vue

@@ -481,7 +481,7 @@ const vClickOutside = {
     top: 100%;
     margin-top: 8px;
     background: var(--bg-topbar);
-    border: 1px solid var(--border-light);
+    border: none;
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
     z-index: 100;
 }
@@ -534,7 +534,7 @@ const vClickOutside = {
     justify-content: space-between;
     gap: 8px;
     padding: 8px 0;
-    border-top: 1px solid var(--border-light);
+    border-top: none;
 }
 
 .stored-project-main {

src/components/panels/ChunkListPanel.vue

@@ -470,7 +470,7 @@ function handleChunkDragEnd() {
     cursor: pointer;
     user-select: none;
     font-weight: 600;
-    border-bottom: 1px solid var(--border-light);
+    border-bottom: none;
 }
 
 .doc-header:hover {
@@ -590,7 +590,7 @@ function handleChunkDragEnd() {
 }
 
 .action-button:hover {
-    background-color: var(--border-light);
+    background-color: none;
     opacity: 1;
 }
 

src/components/panels/IdentityPanel.vue

@@ -447,7 +447,6 @@ watch(
 .list-header {
     font-size: 11px;
     color: var(--text-muted);
-    border-bottom: 1px solid var(--border-light);
     text-align: center;
     position: sticky;
     top: 0;
@@ -463,7 +462,6 @@ watch(
 }
 
 .identity-item {
-    border-bottom: 1px dotted var(--border-light);
     transition: background-color 0.2s;
 }