update: style

frontend/app/features/platform/CreateScriptModal.tsx

@@ -1,5 +1,5 @@
 import { type FormEvent } from "react";
-import { BookOpen, Check, FileCode, Folder, Plus } from "lucide-react";
+import { BookOpen, Check, FileCode, Folder, Loader2Icon, Plus } from "lucide-react";
 import type { ScriptType, Visibility } from "../../services/api";
 import {
   AppFormDialog,
@@ -113,7 +113,7 @@ export function CreateScriptModal({
                   key={item.type}
                   className={`relative flex min-h-[72px] cursor-pointer items-center gap-[9px] rounded-[7px] border p-2.5 text-left ${
                     selected
-                      ? "border-[#4d98df] bg-[#f4f9ff] shadow-[0_0_0_2px_rgb(49_133_216/7%)]"
+                      ? "border-[#4d98df] bg-[#f4f9ff] ring-2 ring-brand/10"
                       : "border-[#dae2ea] bg-white hover:border-[#a9c6e1]"
                   }`}
                   type="button"
@@ -162,7 +162,7 @@ export function CreateScriptModal({
             </select>
           </label>
 
-          <div className="mt-[3px] flex shrink-0 justify-end gap-2 border-t border-[#e8edf2] bg-white -mx-[22px] px-[22px] py-3.5">
+          <div className="mt-[3px] flex shrink-0 justify-end gap-2 border-t border-line bg-white -mx-[22px] px-[22px] py-3.5">
             <Button
               variant="outline"
               size="sm"
@@ -179,7 +179,7 @@ export function CreateScriptModal({
               disabled={creating || !form.name.trim()}
               className={dialogPrimaryButtonClass}
             >
-              {creating ? <span className="button-spinner" /> : <Plus size={16} />}
+              {creating ? <Loader2Icon className="size-4 animate-spin" /> : <Plus size={16} />}
               {creating ? "正在创建…" : "创建脚本"}
             </Button>
           </div>