oa-email-code-login 实现邮箱验证码登录

client/src/components/auth/AuthPanel.tsx

@@ -14,9 +14,13 @@ type AuthPanelProps = {
 export function AuthPanel({ title, subtitle, children, footer, className, "data-testid": testId }: AuthPanelProps) {
   return (
     <section
-      className={cn("w-full rounded-xl border border-slate-200 bg-white p-6 shadow-sm sm:p-8", className)}
+      className={cn(
+        "relative w-full overflow-hidden rounded-2xl border border-slate-200/80 bg-white/95 p-6 shadow-[0_24px_80px_rgba(15,23,42,0.10)] ring-1 ring-white/70 backdrop-blur sm:p-8",
+        className,
+      )}
       data-testid={testId}
     >
+      <div aria-hidden="true" className="absolute inset-x-0 top-0 h-1 bg-[linear-gradient(90deg,#00398a,#0f766e)]" />
       <div className="space-y-7">
         <AppBrand compact />
         <div>