1

src/components/rpg-entry/RpgEntryHomeView.tsx

@@ -561,6 +561,66 @@ function WorldCard({
   );
 }
 
+function RecommendCoverOnlyCard({
+  entry,
+  authorAvatarUrl,
+  onClick,
+}: {
+  entry: PlatformPublicGalleryCard;
+  authorAvatarUrl?: string | null;
+  onClick: () => void;
+}) {
+  const coverImage = resolvePlatformWorldCoverImage(entry);
+  const displayName = formatPlatformWorkDisplayName(entry.worldName);
+  const typeLabel = describePublicGalleryCardKind(entry);
+  const authorName = entry.authorDisplayName.trim() || '玩家';
+  const authorAvatarLabel = getPublicAuthorAvatarLabel(authorName);
+  const normalizedAuthorAvatarUrl = authorAvatarUrl?.trim() ?? '';
+
+  return (
+    <button
+      type="button"
+      onClick={onClick}
+      aria-label={`登录后游玩 ${entry.worldName}`}
+      className="platform-recommend-cover-only"
+    >
+      {coverImage ? (
+        <ResolvedAssetBackdrop
+          src={coverImage}
+          alt={entry.worldName}
+          className="absolute inset-0 h-full w-full object-cover"
+        />
+      ) : (
+        <div className="absolute inset-0 bg-[radial-gradient(circle_at_18%_16%,rgba(255,255,255,0.28),transparent_30%),linear-gradient(135deg,rgba(255,118,117,0.42),rgba(89,164,255,0.34))]" />
+      )}
+      <div className="absolute inset-0 bg-[linear-gradient(180deg,rgba(0,0,0,0.04),rgba(0,0,0,0.42))]" />
+      <div className="platform-recommend-cover-only__body">
+        <span className="platform-public-work-card__kind">{typeLabel}</span>
+        <span className="platform-recommend-cover-only__title">
+          {displayName}
+        </span>
+        <span className="platform-recommend-cover-only__author">
+          <span
+            aria-hidden="true"
+            className="platform-public-work-card__author-avatar"
+          >
+            {normalizedAuthorAvatarUrl ? (
+              <img
+                src={normalizedAuthorAvatarUrl}
+                alt=""
+                className="platform-public-work-card__author-avatar-image"
+              />
+            ) : (
+              authorAvatarLabel
+            )}
+          </span>
+          <span className="truncate">{authorName}</span>
+        </span>
+      </div>
+    </button>
+  );
+}
+
 function CreationLibraryCard({
   entry,
   onClick,
@@ -3049,9 +3109,9 @@ export function RpgEntryHomeView({
 
   useEffect(() => {
     if (!visibleTabs.includes(activeTab)) {
-      onTabChange('home');
+      onTabChange(isAuthenticated ? 'home' : 'category');
     }
-  }, [activeTab, onTabChange, visibleTabs]);
+  }, [activeTab, isAuthenticated, onTabChange, visibleTabs]);
 
   useEffect(() => {
     setVisitedTabs((currentTabs) => {
@@ -3705,6 +3765,18 @@ export function RpgEntryHomeView({
     ) ??
     recommendedFeedEntries[0] ??
     null;
+  const openActiveRecommendEntry = useCallback(() => {
+    if (!activeRecommendEntry) {
+      return;
+    }
+
+    if (!isAuthenticated) {
+      authUi?.openLoginModal(() => onOpenGalleryDetail(activeRecommendEntry));
+      return;
+    }
+
+    onOpenGalleryDetail(activeRecommendEntry);
+  }, [activeRecommendEntry, authUi, isAuthenticated, onOpenGalleryDetail]);
   const selectNextRecommendEntry = useCallback(() => {
     onSelectNextRecommendEntry?.();
   }, [onSelectNextRecommendEntry]);
@@ -3787,6 +3859,12 @@ export function RpgEntryHomeView({
           <div className="platform-recommend-runtime-state">
             正在读取公开作品...
           </div>
+        ) : !isAuthenticated && activeRecommendEntry ? (
+          <RecommendCoverOnlyCard
+            entry={activeRecommendEntry}
+            authorAvatarUrl={getPublicEntryAuthorAvatarUrl(activeRecommendEntry)}
+            onClick={openActiveRecommendEntry}
+          />
         ) : recommendRuntimeError ? (
           <button
             type="button"
@@ -3808,7 +3886,7 @@ export function RpgEntryHomeView({
         )}
       </section>
 
-      {activeRecommendEntry ? (
+      {activeRecommendEntry && isAuthenticated ? (
         <RecommendRuntimeMeta
           entry={activeRecommendEntry}
           authorAvatarUrl={getPublicEntryAuthorAvatarUrl(activeRecommendEntry)}
@@ -4685,6 +4763,12 @@ export function RpgEntryHomeView({
                     return;
                   }
 
+                  if (!isAuthenticated && tab === 'home') {
+                    onTabChange(tab);
+                    authUi?.openLoginModal();
+                    return;
+                  }
+
                   onTabChange(tab);
                 }}
               />
@@ -4818,7 +4902,15 @@ export function RpgEntryHomeView({
                   label={tabLabels[tab]}
                   icon={tabIcons[tab]}
                   emphasized={tab === 'create'}
-                  onClick={() => onTabChange(tab)}
+                  onClick={() => {
+                    if (!isAuthenticated && tab === 'home') {
+                      onTabChange(tab);
+                      authUi?.openLoginModal();
+                      return;
+                    }
+
+                    onTabChange(tab);
+                  }}
                 />
               ))}
             </aside>