From c518c635d82c28e3eb757201c853b62ed107d8b6 Mon Sep 17 00:00:00 2001
From: Zylan <zihan.jian@outlook.com>
Date: Sat, 26 Apr 2025 13:32:48 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E6=89=93=E8=B5=8F=E5=BC=B9?=
 =?UTF-8?q?=E7=AA=97=E8=AE=BE=E8=AE=A1=EF=BC=8C=E8=B0=83=E6=95=B4=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=E5=92=8C=E6=96=87=E6=9C=AC=E5=86=85=E5=AE=B9=EF=BC=8C?=
 =?UTF-8?q?=E6=8F=90=E5=8D=87=E7=94=A8=E6=88=B7=E4=BD=93=E9=AA=8C=E5=92=8C?=
 =?UTF-8?q?=E5=8F=AF=E8=AF=BB=E6=80=A7=EF=BC=8C=E5=90=8C=E6=97=B6=E6=94=B9?=
 =?UTF-8?q?=E5=96=84=E4=BA=8C=E7=BB=B4=E7=A0=81=E5=B1=95=E7=A4=BA=E6=95=88?=
 =?UTF-8?q?=E6=9E=9C=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/page.tsx | 24 ++++++++++++------------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 076cb0c..468812f 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1472,41 +1472,41 @@ export default function Home() {
 
       {/* 打赏弹窗 - 优化设计 */}
       {isDonationModalOpen && (
-        <div className="fixed inset-0 bg-black bg-opacity-50 backdrop-blur-sm flex items-center justify-center p-4 z-50 transition-all duration-300">
-          <div className="bg-white rounded-2xl shadow-2xl max-w-md w-full max-h-[90vh] overflow-y-auto transform transition-all">
-            <div className="p-6">
-              <div className="flex justify-between items-center mb-5">
-                <h3 className="text-xl font-bold text-gray-800 bg-gradient-to-r from-pink-500 to-rose-500 bg-clip-text text-transparent">给我点杯奶茶</h3>
+        <div className="fixed inset-0 bg-black bg-opacity-50 backdrop-blur-sm flex items-center justify-center z-50 transition-all duration-300">
+          <div className="bg-white rounded-2xl shadow-2xl w-[calc(100vw-2rem)] sm:w-full sm:max-w-md max-h-[90vh] overflow-y-auto transform transition-all">
+            <div className="p-3 sm:p-6">
+              <div className="flex justify-between items-center mb-3 sm:mb-5">
+                <h3 className="text-lg sm:text-xl font-bold text-gray-800 bg-gradient-to-r from-pink-500 to-rose-500 bg-clip-text text-transparent">给我点杯奶茶</h3>
                 <button 
                   onClick={() => setIsDonationModalOpen(false)}
                   className="text-gray-500 hover:text-gray-700 transition-colors duration-200"
                 >
-                  <svg xmlns="http://www.w3.org/2000/svg" className="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                  <svg xmlns="http://www.w3.org/2000/svg" className="h-5 w-5 sm:h-6 sm:w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                     <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M6 18L18 6M6 6l12 12" />
                   </svg>
                 </button>
               </div>
               
               <div className="text-center">
-                <p className="mb-4 text-gray-600">
+                <p className="mb-3 text-sm sm:text-base text-gray-600 break-words">
                   开源项目就是纯粹的为爱发电项目，作者会在工作之余尽力维护，如果您希望这个项目更好，可以给我点杯奶茶。
                 </p>
-                <p className="mb-6 text-gray-600">
+                <p className="mb-4 sm:mb-6 text-sm sm:text-base text-gray-600 break-words">
                   你的支持是这个项目继续维护的动力。
                 </p>
                 
-                <div className="flex justify-center mb-5">
-                  <div className="relative w-56 h-56 p-2 bg-gradient-to-r from-pink-100 to-rose-100 rounded-lg shadow-md">
+                <div className="flex justify-center mb-4 sm:mb-5">
+                  <div className="relative w-40 h-40 sm:w-48 sm:h-48 md:w-56 md:h-56 p-1 sm:p-2 bg-gradient-to-r from-pink-100 to-rose-100 rounded-lg shadow-md">
                     <Image 
                       src="/donation-qr.jpg" 
                       alt="打赏二维码" 
                       fill
-                      className="object-contain p-2"
+                      className="object-contain p-1 sm:p-2"
                     />
                   </div>
                 </div>
                 
-                <p className="text-sm text-gray-500 bg-gray-50 py-2 px-4 rounded-full inline-block shadow-sm">
+                <p className="text-xs sm:text-sm text-gray-500 bg-gray-50 py-1.5 px-3 sm:py-2 sm:px-4 rounded-full inline-block shadow-sm">
                   扫描上方二维码，给我点杯奶茶。
                 </p>
               </div>