s'c1'

app/components/UserAvatar.tsx

@@ -12,11 +12,13 @@ function getAvatarLetter(email: string): string {
 
 interface UserAvatarProps {
   email: string;
+  vip?: boolean;
   onLogout?: () => void;
+  onRefreshVip?: () => void;
 }
 
-/** 圆形头像 + 点击展开退出按钮，供 digital / meetup / vip 三站复用 */
-export default function UserAvatar({ email, onLogout }: UserAvatarProps) {
+/** 圆形头像 + VIP 标识 + 点击展开退出按钮，供 digital / meetup / vip 三站复用 */
+export default function UserAvatar({ email, vip, onLogout }: UserAvatarProps) {
   const { t } = useTranslation("common");
   const [open, setOpen] = useState(false);
   const ref = useRef<HTMLDivElement>(null);
@@ -40,13 +42,26 @@ export default function UserAvatar({ email, onLogout }: UserAvatarProps) {
       <button
         type="button"
         onClick={() => setOpen((o) => !o)}
-        className="flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-sky-500 text-sm font-semibold text-white shadow-sm ring-2 ring-white dark:ring-slate-900 hover:bg-sky-600"
+        className="relative flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-sky-500 text-sm font-semibold text-white shadow-sm ring-2 ring-white dark:ring-slate-900 hover:bg-sky-600"
         aria-label={t("logout")}
       >
         {getAvatarLetter(email)}
+        {vip && (
+          <span
+            className="absolute -right-0.5 -top-0.5 flex h-4 w-4 items-center justify-center rounded-full bg-amber-400 text-[10px] text-amber-900"
+            title="VIP"
+          >
+            👑
+          </span>
+        )}
       </button>
       {open && (
         <div className="absolute right-0 top-full z-50 mt-2 min-w-[120px] rounded-lg border border-slate-200 bg-white py-1 shadow-lg dark:border-slate-700 dark:bg-slate-800">
+          {vip && (
+            <div className="border-b border-slate-100 px-4 py-2 text-xs font-medium text-amber-600 dark:border-slate-700 dark:text-amber-400">
+              👑 VIP
+            </div>
+          )}
           <button
             onClick={handleLogout}
             className="flex w-full items-center gap-2 px-4 py-2 text-left text-sm text-slate-700 hover:bg-slate-50 dark:text-slate-300 dark:hover:bg-slate-700"