优化页面逻辑，更新依赖项，修复提示信息中的HTML实体编码，提升用户体验和交互性。

src/app/page.tsx

@@ -175,7 +175,7 @@ export default function Home() {
       return isInSelectedPalette && isNotExcluded;
     });
     setActiveBeadPalette(newActiveBeadPalette);
-  }, [selectedPaletteKeySet, excludedColorKeys, remapTrigger]); // ++ 添加 remapTrigger 依赖 ++
+  }, [selectedPaletteKeySet, excludedColorKeys, remapTrigger]); 
 
   // ++ 添加：当状态变化时同步更新输入框的值 ++
   useEffect(() => {
@@ -223,7 +223,7 @@ export default function Home() {
       return isSelectedInCustomPalette && isNotExcluded;
     });
     setActiveBeadPalette(newActiveBeadPalette);
-  }, [customPaletteSelections, excludedColorKeys, fullBeadPalette, remapTrigger]);
+  }, [customPaletteSelections, excludedColorKeys, remapTrigger]);
 
   // --- Event Handlers ---
 

src/components/CustomPaletteEditor.tsx

@@ -153,7 +153,7 @@ const CustomPaletteEditor: React.FC<CustomPaletteEditorProps> = ({
           <svg xmlns="http://www.w3.org/2000/svg" className="h-4 w-4 mr-1 text-blue-500 flex-shrink-0 mt-0.5" viewBox="0 0 20 20" fill="currentColor">
             <path fillRule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z" clipRule="evenodd" />
           </svg>
-          在此选择要使用的拼豆色系。您可以选择预设色板，然后根据需要手动添加或删除特定色号。完成后点击底部的"保存并应用"按钮。
+          在此选择要使用的拼豆色系。您可以选择预设色板，然后根据需要手动添加或删除特定色号。完成后点击底部的&quot;保存并应用&quot;按钮。
         </p>
       </div>