1

src/components/common/PublishShareModal.test.tsx

@@ -47,6 +47,11 @@ describe('PublishShareModal', () => {
     );
 
     const dialog = screen.getByRole('dialog', { name: '分享给朋友' });
+    expect(dialog.parentElement?.className).toContain('!items-center');
+    expect(dialog.parentElement?.className).toContain('platform-theme--light');
+    expect(dialog.className).toContain('platform-modal-shell');
+    expect(dialog.className).toContain('rounded-[1.75rem]');
+    expect(dialog.getAttribute('style')).toBeNull();
     expect(within(dialog).getByText(/邀请你来玩《暖灯猫街》/u)).toBeTruthy();
     expect(within(dialog).getByRole('button', { name: '分享' })).toBeTruthy();
     expect(within(dialog).getByRole('button', { name: '分享到微信' })).toBeTruthy();

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={