diff --git a/src/renderer/components/memory-panel.ts b/src/renderer/components/memory-panel.ts
index 007ceb3..ff0b8ae 100644
--- a/src/renderer/components/memory-panel.ts
+++ b/src/renderer/components/memory-panel.ts
@@ -45,7 +45,7 @@ export function initMemoryPanel(): void {
       <h3>🧠 Agent 记忆</h3>
       <div class="memory-panel-actions">
         <label class="memory-toggle" title="自动记忆">
-          <input type="checkbox" id="toggleMemoryEnabled" checked>
+          <input type="checkbox" id="toggleMemoryPanelEnabled" checked>
           <span class="toggle-slider-sm"></span>
         </label>
         <button class="icon-btn sm" id="btnCloseMemoryPanel" title="关闭">
@@ -79,7 +79,7 @@ export function initMemoryPanel(): void {
   bar.querySelector('#btnMemoryPanel')!.addEventListener('click', togglePanel);
   panel.querySelector('#btnCloseMemoryPanel')!.addEventListener('click', () => setPanelOpen(false));
 
-  const toggleMemory = panel.querySelector('#toggleMemoryEnabled') as HTMLInputElement;
+  const toggleMemory = panel.querySelector('#toggleMemoryPanelEnabled') as HTMLInputElement;
   toggleMemory.checked = isMemoryEnabled();
   toggleMemory.addEventListener('change', () => {
     setMemoryEnabled(toggleMemory.checked);
diff --git a/src/renderer/styles/style.css b/src/renderer/styles/style.css
index 46c9092..d70e2bf 100644
--- a/src/renderer/styles/style.css
+++ b/src/renderer/styles/style.css
@@ -80,6 +80,7 @@ html, body {
     display: flex;
     flex-direction: column;
     height: 100vh;
+    position: relative;
 }
 
 /* ═══ 顶部导航 ═══ */
@@ -920,6 +921,8 @@ html, body {
     backdrop-filter: saturate(180%) blur(20px);
     -webkit-backdrop-filter: saturate(180%) blur(20px);
     border-top: 1px solid var(--border-subtle);
+    z-index: 20;
+    pointer-events: auto;
 }
 
 .image-preview {
@@ -1050,6 +1053,8 @@ html, body {
     max-height: 120px;
     line-height: 1.5;
     transition: var(--transition);
+    pointer-events: auto;
+    user-select: text;
 }
 
 .chat-input:focus {