1

src/components/common/PublishShareModal.tsx

@@ -2,6 +2,7 @@ import { Check, Copy, MessageCircle, Music2 } from 'lucide-react';
 import { useEffect, useMemo, useRef, useState } from 'react';
 
 import { copyTextToClipboard } from '../../services/clipboard';
+import { useAuthUi } from '../auth/AuthUiContext';
 import {
   buildPublishShareText,
   type PublishShareModalPayload,
@@ -44,6 +45,7 @@ export function PublishShareModal({
   payload,
   onClose,
 }: PublishShareModalProps) {
+  const platformTheme = useAuthUi()?.platformTheme ?? 'light';
   const [copyState, setCopyState] = useState<'idle' | 'copied' | 'failed'>(
     'idle',
   );
@@ -89,7 +91,8 @@ export function PublishShareModal({
       title="分享给朋友"
       onClose={onClose}
       size="sm"
-      panelClassName="platform-remap-surface"
+      overlayClassName={`platform-theme platform-theme--${platformTheme} !items-center`}
+      panelClassName="platform-remap-surface rounded-[1.75rem]"
       bodyClassName="space-y-4 px-4 py-4 sm:px-5 sm:py-5"
       footerClassName="justify-center border-t-0 px-4 pb-5 pt-0 sm:px-5"
       footer={