调整首页素材日期展示

app/page.tsx

@@ -2156,9 +2156,6 @@ export default function Home() {
                             {videoDurationLabel}
                           </div>
                         )}
-                        <div className="absolute bottom-2 right-2 bg-black/70 text-white px-2 py-1 rounded text-xs font-medium opacity-0 group-hover:opacity-100 transition-opacity">
-                          {format(new Date(material.createdAt), 'yyyy-MM-dd')}
-                  </div>
                 </div>
 
                       <div className="p-4 flex flex-col flex-1">
@@ -2196,14 +2193,15 @@ export default function Home() {
                   </div>
                   
                       <div className="flex items-center justify-between mt-3 gap-3">
-                        <div className="flex items-center gap-2">
+                        <div className="flex min-w-0 items-center gap-2">
                           {/* 显示上传者信息，而不是素材内容的作者（如音频歌手） */}
                           <Avatar name={material.user?.username || material.authorName} src={material.user?.avatar || undefined} size="xs" />
-                          <span className="text-sm text-slate-700 dark:text-slate-200 font-medium">
+                          <span className="truncate text-sm text-slate-700 dark:text-slate-200 font-medium">
                       {material.user?.username || material.authorName}
                           </span>
                   </div>
-                        <div className="flex items-center gap-3 text-xs text-slate-500 dark:text-slate-400">
+                        <div className="flex shrink-0 items-center gap-3 text-xs text-slate-500 dark:text-slate-400">
+                      <span>{format(new Date(material.createdAt), 'yyyy-MM-dd')}</span>
                       <span className="flex items-center gap-1">
                         <svg className="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                           <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4" />

docs/商业化地基排查问题清单_20260524.md

@@ -1054,6 +1054,7 @@ NAS 私有化系统可能在平板或窄屏浏览器里使用。模板编辑器
 - `app/profile/page.tsx`：个人页“我的素材 / 我的点赞 / 浏览历史”卡片已从大圆角和黑色渐变覆盖层收为普通边框卡片和浅底信息条。
 - `components/RankingPanel.tsx`：浮动榜单面板已移除毛玻璃、重阴影、超大圆角和前三名金色卡片感，改为普通边框小面板。
 - `app/page.tsx`：榜单/精品信息已从素材封面移到卡片信息区，并使用浅底中性小标签，避免长期遮挡素材图。
+- `app/page.tsx`：素材上传日期已从封面右下角黑色悬浮层移到卡片信息区，封面只保留必要的素材标识和媒体状态。
 - `app/page.tsx`、`components/MaterialActionButtons.tsx`：素材卡片悬浮点赞按钮已是矩形轻边框样式；公共素材操作按钮也从 `rounded-xl` 和蓝色下载进度条收为 `rounded-md` 与中性进度条。
 - `app/page.tsx`：首页空状态已从“快来上传第一个吧”改为“暂无素材，请上传素材”；列表底部已改为“加载更多素材 / 暂无更多素材”。