From 7b6ce22f633bd1d0e92a231c15afeccb7d21d3db Mon Sep 17 00:00:00 2001
From: kurihada <kurihada@qq.com>
Date: Mon, 2 Mar 2026 13:03:53 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E8=A1=8C=E7=A8=8B?=
 =?UTF-8?q?=E5=8D=A1=E7=89=87=E9=97=B4=E8=B7=9D=E8=A2=AB=20last:mb-0=20?=
 =?UTF-8?q?=E6=B8=85=E9=9B=B6=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

每个 SortablePlanItem 被 motion.div 包裹，last:mb-0 会对
所有 item 生效导致 mb-5 失效，移除 last:mb-0 即可。
同步优化卡片内部间距、padding、reason 加分隔线。
---
 src/components/BlindboxPlan.tsx | 22 +++++++++++-----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/components/BlindboxPlan.tsx b/src/components/BlindboxPlan.tsx
index 429affd..0204ec2 100644
--- a/src/components/BlindboxPlan.tsx
+++ b/src/components/BlindboxPlan.tsx
@@ -197,13 +197,13 @@ function SortablePlanItem({ id, item, canEdit, onEdit }: SortablePlanItemProps)
   };
 
   return (
-    <div ref={setNodeRef} style={style} className="relative mb-4 last:mb-0">
-      <div className="absolute -left-6 top-3 flex h-[18px] w-[18px] items-center justify-center rounded-full bg-purple-600/20 ring-2 ring-background">
+    <div ref={setNodeRef} style={style} className="relative mb-5">
+      <div className="absolute -left-6 top-4 flex h-[18px] w-[18px] items-center justify-center rounded-full bg-purple-600/20 ring-2 ring-background">
         <div className="h-2 w-2 rounded-full bg-purple-400" />
       </div>
 
-      <div className="rounded-xl bg-surface/80 p-3.5 ring-1 ring-border/80">
-        <div className="flex items-start gap-2">
+      <div className="rounded-2xl bg-surface/80 p-4 ring-1 ring-border/80">
+        <div className="flex items-start gap-2.5">
           {canEdit && (
             <button
               {...attributes}
@@ -214,20 +214,20 @@ function SortablePlanItem({ id, item, canEdit, onEdit }: SortablePlanItemProps)
               <GripVertical size={14} />
             </button>
           )}
-          <span className="mt-0.5 text-sm font-black text-purple-400">{item.time}</span>
+          <span className="mt-0.5 min-w-[38px] text-sm font-black text-purple-400">{item.time}</span>
           <div className="min-w-0 flex-1">
             <div className="flex items-center gap-1.5">
               <CategoryBadge category={guessCategory(item.activity)} />
               <p className="truncate text-sm font-bold text-heading">{item.activity}</p>
             </div>
-            <div className="mt-1.5 flex items-center gap-1 text-[11px] text-muted">
+            <div className="mt-2 flex items-center gap-1 text-[11px] text-muted">
               <MapPin size={10} className="shrink-0" />
               <span className="truncate">{item.poi}</span>
             </div>
             {item.address && (
-              <p className="mt-0.5 truncate text-[10px] text-dim">{item.address}</p>
+              <p className="mt-1 truncate text-[10px] text-dim">{item.address}</p>
             )}
-            <div className="mt-2 flex items-center gap-3">
+            <div className="mt-2.5 flex items-center gap-3">
               <span className="flex items-center gap-1 text-[10px] text-dim">
                 <Clock size={9} />
                 {formatDuration(item.duration)}
@@ -245,7 +245,7 @@ function SortablePlanItem({ id, item, canEdit, onEdit }: SortablePlanItemProps)
               )}
             </div>
             {item.reason && (
-              <p className="mt-1.5 text-[10px] leading-relaxed text-dim italic">
+              <p className="mt-2.5 border-t border-border/30 pt-2 text-[10px] leading-relaxed text-dim italic">
                 {item.reason}
               </p>
             )}
@@ -434,13 +434,13 @@ export default function BlindboxPlan({
         <AnimatePresence mode="wait">
           <motion.div
             key={dayIndex}
-            className="relative mx-auto max-w-sm pl-6"
+            className="relative mx-auto max-w-sm px-4 pb-2 pl-9"
             initial={{ opacity: 0, x: 20 }}
             animate={{ opacity: 1, x: 0 }}
             exit={{ opacity: 0, x: -20 }}
             transition={{ duration: 0.25 }}
           >
-            <div className="absolute left-[9px] top-2 bottom-2 w-px bg-purple-500/20" />
+            <div className="absolute left-[21px] top-2 bottom-2 w-px bg-purple-500/20" />
 
             <DndContext
               key={dayIndex}