From b7886df1dc6982d548d7c72dac84eb29cef6a1fa Mon Sep 17 00:00:00 2001
From: Your Name <your.email@example.com>
Date: Sat, 14 Feb 2026 02:29:49 +0800
Subject: [PATCH] Fix inspiration empty state being split by columns layout

---
 components/home/lovart-home.tsx | 78 ++++++++++++++++-----------------
 1 file changed, 39 insertions(+), 39 deletions(-)

diff --git a/components/home/lovart-home.tsx b/components/home/lovart-home.tsx
index cd7b83eb4..43f1d156c 100644
--- a/components/home/lovart-home.tsx
+++ b/components/home/lovart-home.tsx
@@ -1172,48 +1172,48 @@ export function LovartHome({
             ))}
           </div>
 
-          <div className="mt-5 columns-1 gap-4 md:columns-2 xl:columns-4">
-            {featuredItems.map((item, index) => (
-              <button
-                key={item.id}
-                type="button"
-                onClick={() => window.open(item.originalUrl || item.thumbnailUrl, "_blank")}
-                className="group mb-4 block w-full break-inside-avoid rounded-2xl border border-black/8 bg-white text-left shadow-sm"
-              >
-                <div
-                  className="overflow-hidden rounded-t-2xl bg-[#e8e8e8]"
-                  style={{ height: `${MASONRY_HEIGHTS[index % MASONRY_HEIGHTS.length]}px` }}
+          {featuredItems.length === 0 ? (
+            <div className="mt-5 rounded-xl border border-dashed border-black/15 bg-white p-10 text-center text-black/35">
+              {isLoadingFeatured ? "灵感内容加载中..." : "当前没有可展示的灵感数据。"}
+            </div>
+          ) : (
+            <div className="mt-5 columns-1 gap-4 md:columns-2 xl:columns-4">
+              {featuredItems.map((item, index) => (
+                <button
+                  key={item.id}
+                  type="button"
+                  onClick={() => window.open(item.originalUrl || item.thumbnailUrl, "_blank")}
+                  className="group mb-4 block w-full break-inside-avoid rounded-2xl border border-black/8 bg-white text-left shadow-sm"
                 >
-                  <img
-                    src={item.thumbnailUrl || item.originalUrl}
-                    alt={item.prompt || "灵感图"}
-                    className="h-full w-full object-cover transition-transform duration-300 ease-out group-hover:scale-[1.02]"
-                  />
-                </div>
-                <div className="flex items-center justify-between px-3 py-2 text-[12px] text-black/60">
-                  <div className="line-clamp-1 font-medium text-black/85">
-                    {item.user?.name || "创作者"}
+                  <div
+                    className="overflow-hidden rounded-t-2xl bg-[#e8e8e8]"
+                    style={{ height: `${MASONRY_HEIGHTS[index % MASONRY_HEIGHTS.length]}px` }}
+                  >
+                    <img
+                      src={item.thumbnailUrl || item.originalUrl}
+                      alt={item.prompt || "灵感图"}
+                      className="h-full w-full object-cover transition-transform duration-300 ease-out group-hover:scale-[1.02]"
+                    />
                   </div>
-                  <div className="inline-flex items-center gap-2 text-[11px]">
-                    <span className="inline-flex items-center gap-1">
-                      <Sparkles className="h-2.5 w-2.5" />
-                      {(1200 + index * 37).toLocaleString()}
-                    </span>
-                    <span className="inline-flex items-center gap-1">
-                      <Heart className="h-2.5 w-2.5" />
-                      {(20 + (index % 9) * 11).toLocaleString()}
-                    </span>
+                  <div className="flex items-center justify-between px-3 py-2 text-[12px] text-black/60">
+                    <div className="line-clamp-1 font-medium text-black/85">
+                      {item.user?.name || "创作者"}
+                    </div>
+                    <div className="inline-flex items-center gap-2 text-[11px]">
+                      <span className="inline-flex items-center gap-1">
+                        <Sparkles className="h-2.5 w-2.5" />
+                        {(1200 + index * 37).toLocaleString()}
+                      </span>
+                      <span className="inline-flex items-center gap-1">
+                        <Heart className="h-2.5 w-2.5" />
+                        {(20 + (index % 9) * 11).toLocaleString()}
+                      </span>
+                    </div>
                   </div>
-                </div>
-              </button>
-            ))}
-
-            {featuredItems.length === 0 && (
-              <div className="rounded-xl border border-dashed border-black/15 bg-white p-10 text-center text-black/35">
-                {isLoadingFeatured ? "灵感内容加载中..." : "当前没有可展示的灵感数据。"}
-              </div>
-            )}
-          </div>
+                </button>
+              ))}
+            </div>
+          )}
           <div ref={featuredLoadMoreRef} className="mt-3 flex h-10 items-center justify-center">
             {isLoadingMoreFeatured ? (
               <div className="inline-flex items-center gap-2 text-sm text-black/45">