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

---
 src/app/page.tsx | 20 +++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index f182fc8..e1ffe48 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1058,15 +1058,17 @@ export default function Home() {
           <p className="text-xs text-gray-400 mt-1">支持 JPG, PNG 格式</p>
         </div>
         
-        {/* 添加提示信息 */}
-        <div className="w-full md:max-w-md bg-yellow-50 p-3 rounded-lg border border-yellow-200 shadow-sm">
-          <p className="text-xs text-yellow-700 flex items-center">
-            <svg xmlns="http://www.w3.org/2000/svg" className="h-4 w-4 mr-1.5 flex-shrink-0 text-yellow-500" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-              <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
-            </svg>
-            <span>重要提示：使用像素图纸时，请保证图片裁剪的边缘对齐像素格子的边界线，才能正确切割。</span>
-          </p>
-        </div>
+        {/* 添加提示信息 - 只在没有图片预览时显示 */}
+        {!originalImageSrc && (
+          <div className="w-full md:max-w-md bg-gradient-to-r from-blue-50 to-indigo-50 p-3 rounded-lg border border-blue-100 shadow-sm">
+            <p className="text-xs text-indigo-700 flex items-start">
+              <svg xmlns="http://www.w3.org/2000/svg" className="h-4 w-4 mr-1.5 flex-shrink-0 text-blue-500 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
+              </svg>
+              <span>小贴士：使用像素图进行转换前，请确保图片的边缘吻合像素格子的边界线，这样可以获得更精确的切割效果和更好的成品。</span>
+            </p>
+          </div>
+        )}
 
         <input type="file" accept="image/jpeg, image/png" onChange={handleFileChange} ref={fileInputRef} className="hidden" />