收口轻量支付弹窗与个人中心图标按钮

UnifiedModal 新增无头部模式并补齐对应可访问性测试
RpgEntryHomeView 的支付结果提示、支付确认遮罩与个人中心顶栏图标按钮改用共享组件
更新 PlatformUiKit 收口计划与 .hermes 决策记录

src/components/common/UnifiedModal.tsx

@@ -25,6 +25,7 @@ type UnifiedModalProps = {
   onClose: () => void;
   variant?: UnifiedModalVariant;
   size?: UnifiedModalSize;
+  showHeader?: boolean;
   closeDisabled?: boolean;
   closeOnBackdrop?: boolean;
   closeOnEscape?: boolean;
@@ -86,6 +87,7 @@ function UnifiedModalContent({
   onClose,
   variant = 'platform',
   size = 'md',
+  showHeader = true,
   closeDisabled = false,
   closeOnBackdrop = true,
   closeOnEscape = true,
@@ -173,42 +175,51 @@ function UnifiedModalContent({
       <div
         role="dialog"
         aria-modal="true"
-        aria-labelledby={titleId}
+        aria-labelledby={showHeader ? titleId : undefined}
+        aria-label={showHeader ? undefined : title}
         aria-describedby={description ? descriptionId : undefined}
         className={joinClassNames(panelClasses, sizeClassName, panelClassName)}
         style={getPanelStyle(variant, panelStyle)}
         onClick={(event) => event.stopPropagation()}
       >
-        <div className={joinClassNames(headerClasses, headerClassName)}>
-          <div className="min-w-0">
-            <div
-              id={titleId}
-              className={joinClassNames(titleClasses, titleClassName)}
-            >
-              {title}
-            </div>
-            {description ? (
+        {showHeader ? (
+          <div className={joinClassNames(headerClasses, headerClassName)}>
+            <div className="min-w-0">
               <div
-                id={descriptionId}
-                className={joinClassNames(
-                  descriptionClasses,
-                  descriptionClassName,
-                )}
+                id={titleId}
+                className={joinClassNames(titleClasses, titleClassName)}
               >
-                {description}
+                {title}
               </div>
+              {description ? (
+                <div
+                  id={descriptionId}
+                  className={joinClassNames(
+                    descriptionClasses,
+                    descriptionClassName,
+                  )}
+                >
+                  {description}
+                </div>
+              ) : null}
+            </div>
+            {showCloseButton ? (
+              <PlatformModalCloseButton
+                label={closeLabel}
+                onClick={onClose}
+                disabled={closeDisabled}
+                variant={closeVariant ?? (isPixel ? 'pixel' : 'platformIcon')}
+              />
             ) : null}
           </div>
-          {showCloseButton ? (
-            <PlatformModalCloseButton
-              label={closeLabel}
-              onClick={onClose}
-              disabled={closeDisabled}
-              variant={closeVariant ?? (isPixel ? 'pixel' : 'platformIcon')}
-            />
-          ) : null}
-        </div>
+        ) : null}
         <div className={joinClassNames(bodyClasses, bodyClassName)}>
+          {/* 无头部弹窗仍需要把描述挂到 aria-describedby，避免只剩可访问名称没有上下文。 */}
+          {!showHeader && description ? (
+            <div id={descriptionId} className="sr-only">
+              {description}
+            </div>
+          ) : null}
           {children}
         </div>
         {footer ? (