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/app/pay/result/page.tsx

@@ -9,6 +9,8 @@ function ResultContent() {
   const outTradeNo = searchParams.get('out_trade_no') || searchParams.get('order_id');
   const tradeStatus = searchParams.get('trade_status') || searchParams.get('status');
   const isPopup = searchParams.get('popup') === '1';
+  const theme = searchParams.get('theme') === 'dark' ? 'dark' : 'light';
+  const isDark = theme === 'dark';
 
   const [status, setStatus] = useState<string | null>(null);
   const [loading, setLoading] = useState(true);
@@ -64,8 +66,8 @@ function ResultContent() {
 
   if (loading) {
     return (
-      <div className="flex min-h-screen items-center justify-center bg-slate-50">
-        <div className="text-gray-500">查询支付结果中...</div>
+      <div className={`flex min-h-screen items-center justify-center ${isDark ? 'bg-slate-950' : 'bg-slate-50'}`}>
+        <div className={isDark ? 'text-slate-400' : 'text-gray-500'}>查询支付结果中...</div>
       </div>
     );
   }
@@ -73,20 +75,27 @@ function ResultContent() {
   const isPending = status === 'PENDING';
 
   return (
-    <div className="flex min-h-screen items-center justify-center bg-slate-50 p-4">
-      <div className="w-full max-w-md rounded-xl bg-white p-8 text-center shadow-lg">
+    <div className={`flex min-h-screen items-center justify-center p-4 ${isDark ? 'bg-slate-950' : 'bg-slate-50'}`}>
+      <div
+        className={[
+          'w-full max-w-md rounded-xl p-8 text-center shadow-lg',
+          isDark ? 'bg-slate-900 text-slate-100' : 'bg-white',
+        ].join(' ')}
+      >
         {isSuccess ? (
           <>
             <div className="text-6xl text-green-500">✓</div>
             <h1 className="mt-4 text-xl font-bold text-green-600">
               {status === 'COMPLETED' ? '充值成功' : '充值处理中'}
             </h1>
-            <p className="mt-2 text-gray-500">
+            <p className={isDark ? 'mt-2 text-slate-400' : 'mt-2 text-gray-500'}>
               {status === 'COMPLETED' ? '余额已成功到账！' : '支付成功，余额正在充值中...'}
             </p>
             {isInPopup && (
               <div className="mt-4 space-y-2">
-                <p className="text-sm text-gray-400">此窗口将在 3 秒后自动关闭</p>
+                <p className={isDark ? 'text-sm text-slate-500' : 'text-sm text-gray-400'}>
+                  此窗口将在 3 秒后自动关闭
+                </p>
                 <button
                   type="button"
                   onClick={() => window.close()}
@@ -101,7 +110,7 @@ function ResultContent() {
           <>
             <div className="text-6xl text-yellow-500">⏳</div>
             <h1 className="mt-4 text-xl font-bold text-yellow-600">等待支付</h1>
-            <p className="mt-2 text-gray-500">订单尚未完成支付</p>
+            <p className={isDark ? 'mt-2 text-slate-400' : 'mt-2 text-gray-500'}>订单尚未完成支付</p>
             {isInPopup && (
               <button
                 type="button"
@@ -118,7 +127,7 @@ function ResultContent() {
             <h1 className="mt-4 text-xl font-bold text-red-600">
               {status === 'EXPIRED' ? '订单已超时' : status === 'CANCELLED' ? '订单已取消' : '支付异常'}
             </h1>
-            <p className="mt-2 text-gray-500">
+            <p className={isDark ? 'mt-2 text-slate-400' : 'mt-2 text-gray-500'}>
               {status === 'EXPIRED'
                 ? '订单已超时，请重新充值'
                 : status === 'CANCELLED'
@@ -137,7 +146,9 @@ function ResultContent() {
           </>
         )}
 
-        <p className="mt-4 text-xs text-gray-400">订单号: {outTradeNo || '未知'}</p>
+        <p className={isDark ? 'mt-4 text-xs text-slate-500' : 'mt-4 text-xs text-gray-400'}>
+          订单号: {outTradeNo || '未知'}
+        </p>
       </div>
     </div>
   );