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/stripe-popup/page.tsx

@@ -177,14 +177,14 @@ function StripePopupContent() {
         >
           <div className="text-center">
             <div className="text-3xl font-bold text-blue-600">
-              {'\u00A5'}
+              {'¥'}
               {amount.toFixed(2)}
             </div>
             <p className={`mt-1 text-sm ${isDark ? 'text-slate-400' : 'text-gray-500'}`}>订单号: {orderId}</p>
           </div>
           {stripeError ? (
             <div className="space-y-3">
-              <div className="rounded-lg border border-red-200 bg-red-50 p-3 text-sm text-red-600">{stripeError}</div>
+              <div className={`rounded-lg border p-3 text-sm ${isDark ? 'border-red-700 bg-red-900/30 text-red-400' : 'border-red-200 bg-red-50 text-red-600'}`}>{stripeError}</div>
               <button
                 type="button"
                 onClick={() => window.close()}
@@ -213,7 +213,7 @@ function StripePopupContent() {
       >
         <div className="text-center">
           <div className="text-3xl font-bold text-blue-600">
-            {'\u00A5'}
+            {'¥'}
             {amount.toFixed(2)}
           </div>
           <p className={`mt-1 text-sm ${isDark ? 'text-slate-400' : 'text-gray-500'}`}>订单号: {orderId}</p>
@@ -226,7 +226,7 @@ function StripePopupContent() {
           </div>
         ) : stripeSuccess ? (
           <div className="py-6 text-center">
-            <div className="text-5xl text-green-600">{'\u2713'}</div>
+            <div className="text-5xl text-green-600">{'✓'}</div>
             <p className={`mt-3 text-sm ${isDark ? 'text-slate-400' : 'text-gray-500'}`}>
               支付成功，窗口即将自动关闭...
             </p>
@@ -241,7 +241,7 @@ function StripePopupContent() {
         ) : (
           <>
             {stripeError && (
-              <div className="rounded-lg border border-red-200 bg-red-50 p-3 text-sm text-red-600">{stripeError}</div>
+              <div className={`rounded-lg border p-3 text-sm ${isDark ? 'border-red-700 bg-red-900/30 text-red-400' : 'border-red-200 bg-red-50 text-red-600'}`}>{stripeError}</div>
             )}
             <div
               ref={stripeContainerRef}