fix: 前端暗色模式补全、Unicode 可读化、UI 优化 12 项

- PaymentQRCode 13 处 Unicode 转义替换为可读中文
- RefundDialog 完整暗色模式 + Escape 键关闭
- PayResult 页面添加暗色模式支持
- OrderStatus 使用 dark prop 调整样式
- PaymentForm 选中态暗色对比度修复
- OrderDetail 英文标签改中文 + Escape 键
- Pay 页面错误提示暗色适配
- 倒计时最后 60 秒脉动提醒
- 全局 CSS 添加中文字体栈
- MobileOrderList HTML 实体替换

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

src/components/admin/OrderDetail.tsx

@@ -1,5 +1,6 @@
 'use client';
 
+import { useEffect } from 'react';
 import { getPaymentDisplayInfo } from '@/lib/pay-utils';
 
 interface AuditLog {
@@ -45,6 +46,14 @@ interface OrderDetailProps {
 }
 
 export default function OrderDetail({ order, onClose, dark }: OrderDetailProps) {
+  useEffect(() => {
+    const handleKeyDown = (e: KeyboardEvent) => {
+      if (e.key === 'Escape') onClose();
+    };
+    document.addEventListener('keydown', handleKeyDown);
+    return () => document.removeEventListener('keydown', handleKeyDown);
+  }, [onClose]);
+
   const fields = [
     { label: '订单号', value: order.id },
     { label: '用户ID', value: order.userId },
@@ -52,9 +61,9 @@ export default function OrderDetail({ order, onClose, dark }: OrderDetailProps)
     { label: '邮箱', value: order.userEmail || '-' },
     { label: '金额', value: `¥${order.amount.toFixed(2)}` },
     { label: '状态', value: order.status },
-    { label: 'Payment OK', value: order.paymentSuccess ? 'yes' : 'no' },
-    { label: 'Recharge OK', value: order.rechargeSuccess ? 'yes' : 'no' },
-    { label: 'Recharge Status', value: order.rechargeStatus || '-' },
+    { label: '支付成功', value: order.paymentSuccess ? 'yes' : 'no' },
+    { label: '充值成功', value: order.rechargeSuccess ? 'yes' : 'no' },
+    { label: '充值状态', value: order.rechargeStatus || '-' },
     { label: '支付渠道', value: getPaymentDisplayInfo(order.paymentType).channel },
     { label: '提供商', value: getPaymentDisplayInfo(order.paymentType).provider || '-' },
     { label: '充值码', value: order.rechargeCode },