style: implement glowing radio-dot style for payment selection

frontend/src/components/PaymentModal.tsx

@@ -264,29 +264,33 @@ export default function PaymentModal({ isOpen, onClose }: PaymentModalProps) {
                                 <div className="grid grid-cols-2 gap-3">
                                     <button
                                         onClick={() => setPaymentType(2)}
-                                        className={`flex items-center justify-between p-3 rounded-xl border transition-all ${paymentType === 2
+                                        className={`flex items-center gap-3 p-3 rounded-xl border transition-all ${paymentType === 2
                                             ? 'bg-[#00C250]/10 border-[#00C250] text-[#00C250]'
                                             : 'bg-[#2A2D3C] border-gray-700/50 text-gray-400 hover:bg-[#2A2D3C]/80'
                                             }`}
                                     >
-                                        <div className="flex items-center gap-2">
-                                            <div className="w-5 h-5 rounded-full bg-current flex items-center justify-center text-[10px] text-black font-bold">W</div>
-                                            <span className="font-medium">微信支付</span>
+                                        <div className={`w-6 h-6 rounded-full flex items-center justify-center text-[10px] font-bold transition-all duration-300 ${paymentType === 2
+                                            ? 'bg-[#00C250] text-black shadow-[0_0_12px_rgba(0,194,80,0.5)] scale-110'
+                                            : 'bg-[#1A1C26] text-gray-600'
+                                            }`}>
+                                            W
                                         </div>
-                                        {paymentType === 2 && <Check size={16} />}
+                                        <span className="font-medium">微信支付</span>
                                     </button>
                                     <button
                                         onClick={() => setPaymentType(1)}
-                                        className={`flex items-center justify-between p-3 rounded-xl border transition-all ${paymentType === 1
+                                        className={`flex items-center gap-3 p-3 rounded-xl border transition-all ${paymentType === 1
                                             ? 'bg-[#1677FF]/10 border-[#1677FF] text-[#1677FF]'
                                             : 'bg-[#2A2D3C] border-gray-700/50 text-gray-400 hover:bg-[#2A2D3C]/80'
                                             }`}
                                     >
-                                        <div className="flex items-center gap-2">
-                                            <div className="w-5 h-5 rounded-full bg-current flex items-center justify-center text-[10px] text-white font-bold">支</div>
-                                            <span className="font-medium">支付宝</span>
+                                        <div className={`w-6 h-6 rounded-full flex items-center justify-center text-[10px] font-bold transition-all duration-300 ${paymentType === 1
+                                            ? 'bg-[#1677FF] text-white shadow-[0_0_12px_rgba(22,119,255,0.5)] scale-110'
+                                            : 'bg-[#1A1C26] text-gray-600'
+                                            }`}>
+                                            支
                                         </div>
-                                        {paymentType === 1 && <Check size={16} />}
+                                        <span className="font-medium">支付宝</span>
                                     </button>
                                 </div>
                             </div>