Initial commit

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

src/components/common/page-loading.tsx

@@ -0,0 +1,21 @@
+"use client";
+
+import { Spinner } from "@heroui/react";
+
+type PageLoadingProps = {
+  label?: string;
+  className?: string;
+};
+
+export function PageLoading({ label = "加载中…", className = "" }: PageLoadingProps) {
+  return (
+    <div data-component="page-loading"
+      role="status"
+      aria-live="polite"
+      className={`flex min-h-[240px] flex-col items-center justify-center gap-3 text-sm leading-5 text-white/55 ${className}`}
+    >
+      <Spinner size="lg" color="accent" className="text-[#F12B9E]" />
+      <span>{label}</span>
+    </div>
+  );
+}