chore: update project files

demo/frontend/src/views/ImageToVideo.vue

@@ -2,7 +2,9 @@
   <div class="image-to-video-page">
     <!-- 左侧导航栏 -->
     <aside class="sidebar">
-      <div class="logo">logo</div>
+      <div class="logo">
+        <img src="/images/backgrounds/logo.svg" alt="Logo" />
+      </div>
       <nav class="nav-menu">
         <div class="nav-item" @click="goToProfile">
           <el-icon><User /></el-icon>
@@ -38,7 +40,7 @@
       <!-- 顶部用户信息卡片 -->
       <div class="user-info-card">
         <div class="user-avatar">
-          <div class="avatar-placeholder">||</div>
+          <img src="/images/backgrounds/avatar-default.svg" alt="用户头像" class="avatar-image" />
         </div>
         <div class="user-details">
           <div class="username">mingzi_FBx7foZYDS7inLQb</div>
@@ -92,7 +94,7 @@
             </div>
             <div class="work-info">
               <div class="work-title">{{ work.prompt || work.title || '图生视频' }}</div>
-              <div class="work-meta">{{ work.taskId || work.id }} · {{ formatSize(work) }}</div>
+              <div class="work-meta">{{ work.date || '未知日期' }} · {{ work.taskId || work.id }} · {{ formatSize(work) }}</div>
             </div>
             <div class="work-actions" v-if="index === 0">
               <el-button type="primary" class="create-similar-btn" @click.stop="goToCreate(work)">做同款</el-button>
@@ -272,7 +274,8 @@ const loadTasks = async () => {
           title: task.prompt || '图生视频',
           text: task.prompt || '图生视频',
           category: '图生视频',
-          createTime: task.createdAt ? new Date(task.createdAt).toLocaleString('zh-CN') : ''
+          createTime: task.createdAt ? new Date(task.createdAt).toLocaleString('zh-CN') : '',
+          date: task.createdAt ? new Date(task.createdAt).toLocaleDateString('zh-CN') : '未知日期'
         }))
     }
   } catch (error) {
@@ -300,7 +303,7 @@ onMounted(() => {
 /* 左侧导航栏 */
 .sidebar {
   width: 280px !important;
-  background: #1a1a1a !important;
+  background: #000000 !important;
   padding: 24px 0 !important;
   border-right: 1px solid #1a1a1a !important;
   flex-shrink: 0 !important;
@@ -311,9 +314,14 @@ onMounted(() => {
 
 .logo {
   padding: 0 24px 32px;
-  font-size: 20px;
-  font-weight: 500;
-  color: white;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.logo img {
+  height: 40px;
+  width: auto;
 }
 
 .nav-menu {
@@ -409,18 +417,17 @@ onMounted(() => {
   width: 80px;
   height: 80px;
   border-radius: 50%;
-  background: #000;
   display: flex;
   align-items: center;
   justify-content: center;
   border: 2px solid #333;
+  overflow: hidden;
 }
 
-.avatar-placeholder {
-  color: #fff;
-  font-size: 24px;
-  font-weight: bold;
-  letter-spacing: 2px;
+.avatar-image {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
 }
 
 .user-details {
@@ -575,21 +582,7 @@ onMounted(() => {
   transform: scale(1.05);
 }
 
-.work-overlay {
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  background: linear-gradient(transparent, rgba(0, 0, 0, 0.8));
-  padding: 20px;
-}
-
-.overlay-text {
-  font-size: 16px;
-  font-weight: 600;
-  color: #fff;
-  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.8);
-}
+/* work-overlay / overlay-text 样式已移除（不再使用） */
 
 .work-info {
   padding: 16px;