From 5f22356b14bce7cbf653b238d8fe8f58adb34317 Mon Sep 17 00:00:00 2001
From: Midas <midas@zenyu.ai>
Date: Mon, 22 Jun 2026 23:53:07 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E6=B7=BB=E5=8A=A0=E5=B9=B3=E5=8F=B0?=
 =?UTF-8?q?=E6=A0=87=E7=AD=BE=E6=98=BE=E7=A4=BA=EF=BC=8C=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E5=95=86=E5=93=81=E5=8D=A1=E7=89=87=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/index.html | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/public/index.html b/public/index.html
index 31a68a8..8e77cab 100644
--- a/public/index.html
+++ b/public/index.html
@@ -85,7 +85,11 @@
     .product-img img { width: 100%; height: 100%; object-fit: cover; }
     .product-info { flex: 1; min-width: 0; }
     .product-title { font-size: 13px; font-weight: 600; color: var(--text); margin-bottom: 4px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
-    .product-shop { font-size: 11px; color: var(--text-light); margin-bottom: 6px; }
+    .product-shop { font-size: 11px; color: var(--text-light); margin-bottom: 6px; display: flex; align-items: center; gap: 6px; }
+    .platform-badge { display: inline-block; padding: 1px 4px; border-radius: 3px; font-size: 10px; font-weight: 600; color: white; }
+    .platform-badge.taobao { background: #ff5000; }
+    .platform-badge.jd { background: #c00; }
+    .platform-badge.pinduoduo { background: #c00; }
     .product-bottom { display: flex; align-items: center; justify-content: space-between; }
     .product-price { color: #ef4444; font-weight: 700; font-size: 15px; }
     .product-coupon { background: var(--primary); color: white; font-size: 11px; padding: 3px 8px; border-radius: 4px; font-weight: 600; }
@@ -263,7 +267,7 @@
       dealsGrid.innerHTML = deals.map(deal => `
         <div class="deal-card" onclick='openDeal(${JSON.stringify(deal)})'>
           <div class="deal-img"><img src="https://picsum.photos/seed/${deal.id}/200/200" alt="${deal.title}" loading="lazy" onerror="this.style.display='none'"></div>
-          <div class="deal-title">${deal.title}</div>
+          <div class="deal-title" style="margin-top:4px;"><span class="platform-badge ${deal.platform}" style="font-size:9px;margin-right:4px;">${PLATFORM_NAME[deal.platform] || deal.platform}</span>${deal.title}</div>
           <div class="deal-price">¥${deal.price}<span>¥${deal.originalPrice}</span><span class="deal-tag">${deal.discount}</span></div>
           <div class="deal-commission">🎁 预估返 ¥${deal.commission || 0}</div>
         </div>
@@ -328,7 +332,7 @@
           <div class="product-img"><img src="https://picsum.photos/seed/${p.id}/200/200" alt="${p.title}" loading="lazy" onerror="this.parentElement.innerHTML='🏷️'"></div>
           <div class="product-info">
             <div class="product-title">${p.title}</div>
-            <div class="product-shop">🏪 ${p.shop}</div>
+            <div class="product-shop"><span class="platform-badge ${p.platform}">${PLATFORM_NAME[p.platform] || p.platform}</span> ${p.shop}</div>
             <div class="product-bottom">
               <span class="product-price">¥${p.price}</span>
               <span class="product-coupon">-¥${p.coupon}券</span>