R67 A1-A6：官网风格前端 UI 刷新

client/src/components/ui/button.tsx

@@ -4,15 +4,15 @@ import { cva, type VariantProps } from "class-variance-authority";
 import { cn } from "../../lib/utils";
 
 const buttonVariants = cva(
-  "inline-flex items-center justify-center whitespace-nowrap rounded-xl text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-zinc-300 disabled:pointer-events-none disabled:opacity-50",
+  "inline-flex items-center justify-center whitespace-nowrap rounded-xl text-sm font-medium transition duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/20 disabled:pointer-events-none disabled:opacity-50",
   {
     variants: {
       variant: {
-        default: "bg-[var(--color-accent-primary)] text-white hover:bg-[var(--color-accent-primary-hover)] shadow-sm",
-        secondary: "border border-zinc-200 bg-white text-zinc-700 hover:bg-zinc-50 shadow-sm",
-        outline: "border border-zinc-200 bg-transparent text-zinc-900 hover:bg-zinc-50",
+        default: "bg-[var(--color-accent-primary)] text-white shadow-sm hover:-translate-y-0.5 hover:bg-[var(--color-accent-primary-hover)] hover:shadow-md",
+        secondary: "border border-slate-200 bg-white/90 text-slate-700 shadow-sm hover:-translate-y-0.5 hover:bg-white hover:shadow-md",
+        outline: "border border-slate-200 bg-transparent text-slate-900 hover:bg-white/80",
         destructive: "bg-red-600 text-white hover:bg-red-700 shadow-sm",
-        ghost: "bg-transparent text-zinc-700 hover:bg-zinc-100",
+        ghost: "bg-transparent text-slate-700 hover:bg-slate-100",
         link: "bg-transparent text-primary underline-offset-4 hover:underline",
       },
       size: {