update:css样式拆分

frontend/app/features/platform/TreeContextMenu.tsx

@@ -23,6 +23,12 @@ type TreeContextMenuProps = {
   onClose: () => void;
 };
 
+const menuItemClass =
+  "flex h-[34px] cursor-pointer items-center gap-[9px] rounded-[5px] border-0 bg-transparent px-[9px] text-left text-[11px] text-[#34475a] hover:bg-[#eef6fd] hover:text-[#136dbd]";
+
+const dangerItemClass =
+  "flex h-[34px] cursor-pointer items-center gap-[9px] rounded-[5px] border-0 bg-transparent px-[9px] text-left text-[11px] text-[#c74848] hover:bg-[#fff0f0]";
+
 export function TreeContextMenu({
   contextMenu,
   onOpenScript,
@@ -38,19 +44,15 @@ export function TreeContextMenu({
 }: TreeContextMenuProps) {
   if (!contextMenu) return null;
 
-  const width = 188;
-  const height = contextMenu.kind === "file" ? 124 : 190;
   const isDataResource = !!contextMenu.script?.script_id.startsWith("data:");
 
   return (
     <div
-      className="tree-context-menu"
+      className="fixed z-[1000] flex w-[180px] flex-col rounded-lg border border-[#d9e2ea] bg-white p-1.5 shadow-[0_14px_34px_rgb(18_43_68/20%)]"
       role="menu"
       style={{
         left: contextMenu.x,
         top: contextMenu.y,
-        position: "fixed",
-        zIndex: 1000,
       }}
       onPointerDown={(event) => event.stopPropagation()}
     >
@@ -61,6 +63,7 @@ export function TreeContextMenu({
               <button
                 type="button"
                 role="menuitem"
+                className={menuItemClass}
                 onClick={() => {
                   if (onCopyResourcePath) {
                     onCopyResourcePath(contextMenu.script!.relative_path);
@@ -73,7 +76,7 @@ export function TreeContextMenu({
               </button>
               {onRemoveResource && (
                 <button
-                  className="is-danger"
+                  className={dangerItemClass}
                   type="button"
                   role="menuitem"
                   onClick={() => {
@@ -92,6 +95,7 @@ export function TreeContextMenu({
               <button
                 type="button"
                 role="menuitem"
+                className={menuItemClass}
                 onClick={() => {
                   onOpenScript(contextMenu.script!.script_id);
                   onClose();
@@ -103,6 +107,7 @@ export function TreeContextMenu({
               <button
                 type="button"
                 role="menuitem"
+                className={menuItemClass}
                 onClick={() => {
                   onToggleLock(contextMenu.script!);
                   onClose();
@@ -115,7 +120,7 @@ export function TreeContextMenu({
                 {contextMenu.script.is_locked ? "解锁文件" : "锁定文件"}
               </button>
               <button
-                className="is-danger"
+                className={dangerItemClass}
                 type="button"
                 role="menuitem"
                 onClick={() => onRemoveScript(contextMenu.script!)}
@@ -131,6 +136,7 @@ export function TreeContextMenu({
           <button
             type="button"
             role="menuitem"
+            className={menuItemClass}
             onClick={() => onOpenCreateDialog(contextMenu.path, "notebook")}
           >
             <Icon name="notebook" size={16} />
@@ -139,6 +145,7 @@ export function TreeContextMenu({
           <button
             type="button"
             role="menuitem"
+            className={menuItemClass}
             onClick={() => onOpenCreateDialog(contextMenu.path, "python")}
           >
             <Icon name="python" size={16} />
@@ -147,6 +154,7 @@ export function TreeContextMenu({
           <button
             type="button"
             role="menuitem"
+            className={menuItemClass}
             onClick={() => onOpenFolderDialog(contextMenu.path)}
           >
             <Icon name="folder" size={16} />
@@ -155,6 +163,7 @@ export function TreeContextMenu({
           <button
             type="button"
             role="menuitem"
+            className={menuItemClass}
             onClick={() => onChooseUpload(contextMenu.path)}
           >
             <Icon name="upload" size={16} />
@@ -162,9 +171,9 @@ export function TreeContextMenu({
           </button>
           {contextMenu.kind === "directory" && (
             <>
-              <span className="tree-context-menu__separator" />
+              <span className="mx-[3px] my-[5px] h-px bg-[#e7ecf1]" />
               <button
-                className="is-danger"
+                className={dangerItemClass}
                 type="button"
                 role="menuitem"
                 onClick={() => onRemoveDirectory(contextMenu.path)}