style(ui): improve window dragging and provider card styles

src-tauri/capabilities/default.json

@@ -10,6 +10,7 @@
     "opener:default",
     "updater:default",
     "core:window:allow-set-skip-taskbar",
+    "core:window:allow-start-dragging",
     "process:allow-restart",
     "dialog:default"
   ]

src/App.tsx

@@ -346,9 +346,13 @@ function App() {
         <div className="h-4 w-full" aria-hidden data-tauri-drag-region />
         <div
           className="flex flex-wrap items-center justify-between gap-2"
+          data-tauri-drag-region
+          style={{ WebkitAppRegion: "drag" } as any}
+        >
+          <div
+            className="flex items-center gap-1"
             style={{ WebkitAppRegion: "no-drag" } as any}
           >
-          <div className="flex items-center gap-1">
             {currentView !== "providers" ? (
               <div className="flex items-center gap-2">
                 <Button
@@ -393,7 +397,10 @@ function App() {
             )}
           </div>
 
-          <div className="flex items-center gap-2">
+          <div
+            className="flex items-center gap-2"
+            style={{ WebkitAppRegion: "no-drag" } as any}
+          >
             {currentView === "prompts" && (
               <Button
                 size="icon"
@@ -499,8 +506,7 @@ function App() {
       </header>
 
       <main
-        className={`flex-1 overflow-y-auto pb-12 px-6 animate-fade-in scroll-overlay ${
+        className={`flex-1 overflow-y-auto pb-12 px-6 animate-fade-in scroll-overlay ${currentView === "providers" ? "pt-24" : "pt-20"
-          currentView === "providers" ? "pt-24" : "pt-20"
           }`}
         style={{ overflowX: "hidden" }}
       >

src/components/providers/ProviderCard.tsx

@@ -114,18 +114,14 @@ export function ProviderCard({
     <div
       className={cn(
         "glass-card relative overflow-hidden rounded-xl p-4 transition-all duration-300",
-        "group hover:border-primary/50",
+        "group hover:bg-black/[0.02] dark:hover:bg-white/[0.02] hover:border-primary/50",
         isCurrent
-          ? "border-primary/50 shadow-[0_0_20px_rgba(59,130,246,0.15)]"
+          ? "border-primary/50 bg-primary/5 shadow-[0_0_20px_rgba(59,130,246,0.15)]"
           : "hover:scale-[1.01]",
         dragHandleProps?.isDragging &&
           "cursor-grabbing border-primary shadow-lg scale-105 z-10",
       )}
     >
-      {/* 选中状态的浅色背景叠加层 */}
-      {isCurrent && (
-        <div className="absolute inset-0 bg-primary/[0.02] pointer-events-none" />
-      )}
       <div className="absolute inset-0 bg-gradient-to-r from-primary/10 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none" />
       <div className="relative flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between">
         <div className="flex flex-1 items-center gap-3">