加了一堆模型和一堆功能

art-agent/frontend/src/components/chat/model-selector.tsx

@@ -33,14 +33,10 @@ export function ModelSelector({ value, onChange }: ModelSelectorProps) {
           onChange(defaultId);
         }
       })
-      .catch(() => {
-        // 后端不可用时静默降级
-      });
-    // 仅初始化时执行一次
+      .catch(() => {});
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
-  // 点击外部关闭
   useEffect(() => {
     if (!open) return;
     const handler = (e: MouseEvent) => {
@@ -61,10 +57,11 @@ export function ModelSelector({ value, onChange }: ModelSelectorProps) {
       <button
         type="button"
         onClick={() => setOpen(!open)}
-        className="flex items-center gap-1.5 px-2.5 py-1.5 rounded-lg text-xs
+        className="flex items-center gap-1.5 px-2.5 py-1.5 rounded-xl text-xs
                    border border-[var(--border)] bg-[var(--bg-tertiary)]
-                   text-[var(--text-secondary)] hover:text-[var(--text-primary)]
-                   hover:border-[var(--accent)] transition-colors cursor-pointer"
+                   text-[var(--text-secondary)] hover:text-[var(--accent)]
+                   hover:border-[var(--accent)]/40 hover:bg-[var(--accent)]/5
+                   transition-all cursor-pointer"
         title="切换生图模型"
       >
         <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2">
@@ -84,9 +81,8 @@ export function ModelSelector({ value, onChange }: ModelSelectorProps) {
 
       {open && (
         <div
-          className="absolute bottom-full left-0 mb-1.5 w-56 rounded-lg
-                      border border-[var(--border)] bg-[var(--bg-secondary)]
-                      shadow-lg overflow-hidden z-50"
+          className="absolute bottom-full left-0 mb-1.5 w-56 rounded-xl
+                      glass-panel shadow-xl shadow-black/40 overflow-hidden z-50"
         >
           {models.map((m) => {
             const isActive = m.id === value;
@@ -98,10 +94,10 @@ export function ModelSelector({ value, onChange }: ModelSelectorProps) {
                   localStorage.setItem(getModelStorageKey(), m.id);
                   setOpen(false);
                 }}
-                className={`w-full text-left px-3 py-2.5 flex flex-col gap-0.5
-                            transition-colors cursor-pointer
+                className={`w-full text-left px-3.5 py-2.5 flex flex-col gap-0.5
+                            transition-all cursor-pointer
                             ${isActive
-                              ? "bg-[var(--accent)]/10 text-[var(--accent)]"
+                              ? "bg-[var(--accent)]/8 text-[var(--accent)]"
                               : "text-[var(--text-primary)] hover:bg-[var(--bg-tertiary)]"
                             }`}
               >
@@ -109,7 +105,8 @@ export function ModelSelector({ value, onChange }: ModelSelectorProps) {
                   {m.name}
                   {m.supports_ref_image && (
                     <span className="text-[10px] px-1.5 py-0.5 rounded-full
-                                     bg-emerald-500/15 text-emerald-400 font-normal leading-none">
+                                     bg-[var(--accent)]/10 text-[var(--accent)] font-medium leading-none
+                                     border border-[var(--accent)]/20">
                       参考图
                     </span>
                   )}