diff --git a/frontend/src/components/Bids.vue b/frontend/src/components/Bids.vue
index e1fbefb..1e3e93e 100644
--- a/frontend/src/components/Bids.vue
+++ b/frontend/src/components/Bids.vue
@@ -26,7 +26,20 @@
           </el-icon>
         </template>
       </el-table-column>
-      <el-table-column prop="title" label="Title" min-width="150" />
+      <el-table-column label="Title" min-width="150">
+        <template #default="scope">
+          <a
+            v-if="scope.row.url"
+            :href="scope.row.url"
+            target="_blank"
+            class="project-link"
+            @click.stop
+          >
+            {{ scope.row.title }}
+          </a>
+          <span v-else>{{ scope.row.title }}</span>
+        </template>
+      </el-table-column>
       <el-table-column prop="source" label="Source" min-width="100" />
       <el-table-column prop="publishDate" label="Date" width="95">
         <template #default="scope">{{ formatDate(scope.row.publishDate) }}</template>
@@ -126,6 +139,17 @@ const togglePin = async (item: any) => {
   width: 100%;
 }
 
+.project-link {
+  color: var(--el-text-color-primary);
+  text-decoration: none;
+  cursor: pointer;
+  transition: color 0.2s;
+}
+
+.project-link:hover {
+  color: var(--el-color-primary);
+}
+
 .pagination {
   margin-top: 20px;
   display: flex;
diff --git a/frontend/src/components/Dashboard-AI.vue b/frontend/src/components/Dashboard-AI.vue
index 40319c7..e7beeac 100644
--- a/frontend/src/components/Dashboard-AI.vue
+++ b/frontend/src/components/Dashboard-AI.vue
@@ -40,7 +40,20 @@
                   </el-icon>
                 </template>
               </el-table-column>
-              <el-table-column prop="title" label="项目名称" min-width="150" />
+              <el-table-column label="项目名称" min-width="150">
+                <template #default="scope">
+                  <a
+                    v-if="scope.row.url"
+                    :href="scope.row.url"
+                    target="_blank"
+                    class="project-link"
+                    @click.stop
+                  >
+                    {{ scope.row.title }}
+                  </a>
+                  <span v-else>{{ scope.row.title }}</span>
+                </template>
+              </el-table-column>
               <el-table-column prop="source" label="来源" min-width="80" />
               <el-table-column prop="publishDate" label="发布日期" width="95">
                 <template #default="scope">
@@ -102,8 +115,21 @@
           </div>
           <div v-else>
             <el-table :data="bidsByDateRange" style="width: 100%" size="small" class="bids-table">
-              <el-table-column prop="title" label="项目名称" min-width="150" />
-              <el-table-column prop="source" label="来源" min-width="80" />
+              <el-table-column label="项目名称" min-width="150">
+                <template #default="scope">
+                  <a
+                    v-if="scope.row.url"
+                    :href="scope.row.url"
+                    target="_blank"
+                    class="project-link"
+                    @click.stop
+                  >
+                    {{ scope.row.title }}
+                  </a>
+                  <span v-else>{{ scope.row.title }}</span>
+                </template>
+              </el-table-column>
+              <el-table-column prop="source" label="来源" width="80" />
               <el-table-column prop="publishDate" label="发布日期" width="95">
                 <template #default="scope">
                   {{ formatDate(scope.row.publishDate) }}
@@ -416,6 +442,17 @@ const togglePin = async (item: AIRecommendation) => {
   width: 100%;
 }
 
+.project-link {
+  color: var(--el-text-color-primary);
+  text-decoration: none;
+  cursor: pointer;
+  transition: color 0.2s;
+}
+
+.project-link:hover {
+  color: var(--el-color-primary);
+}
+
 a {
   text-decoration: none;
   color: inherit;
diff --git a/frontend/src/components/Dashboard.vue b/frontend/src/components/Dashboard.vue
index 9f531ea..a90d29b 100644
--- a/frontend/src/components/Dashboard.vue
+++ b/frontend/src/components/Dashboard.vue
@@ -64,7 +64,20 @@
           </el-icon>
         </template>
       </el-table-column>
-      <el-table-column prop="title" label="Title" min-width="150" />
+      <el-table-column label="Title" min-width="150">
+        <template #default="scope">
+          <a
+            v-if="scope.row.url"
+            :href="scope.row.url"
+            target="_blank"
+            class="project-link"
+            @click.stop
+          >
+            {{ scope.row.title }}
+          </a>
+          <span v-else>{{ scope.row.title }}</span>
+        </template>
+      </el-table-column>
       <el-table-column prop="source" label="Source" min-width="90" />
       <el-table-column prop="publishDate" label="Date" width="100">
         <template #default="scope">{{ formatDate(scope.row.publishDate) }}</template>
@@ -372,6 +385,17 @@ if (!dateRange.value) {
   width: 100%;
 }
 
+.project-link {
+  color: var(--el-text-color-primary);
+  text-decoration: none;
+  cursor: pointer;
+  transition: color 0.2s;
+}
+
+.project-link:hover {
+  color: var(--el-color-primary);
+}
+
 .card-header {
   display: flex;
   justify-content: space-between;
diff --git a/frontend/src/components/PinnedProject.vue b/frontend/src/components/PinnedProject.vue
index ad2affc..0abab8f 100644
--- a/frontend/src/components/PinnedProject.vue
+++ b/frontend/src/components/PinnedProject.vue
@@ -30,7 +30,20 @@
             </el-icon>
           </template>
         </el-table-column>
-        <el-table-column prop="title" label="项目名称" min-width="150" />
+        <el-table-column label="项目名称" min-width="150">
+          <template #default="scope">
+            <a
+              v-if="scope.row.url"
+              :href="scope.row.url"
+              target="_blank"
+              class="project-link"
+              @click.stop
+            >
+              {{ scope.row.title }}
+            </a>
+            <span v-else>{{ scope.row.title }}</span>
+          </template>
+        </el-table-column>
         <el-table-column prop="source" label="来源" min-width="100" />
         <el-table-column prop="publishDate" label="发布日期" width="95">
           <template #default="scope">
@@ -117,6 +130,17 @@ defineExpose({
   width: 100%;
 }
 
+.project-link {
+  color: var(--el-text-color-primary);
+  text-decoration: none;
+  cursor: pointer;
+  transition: color 0.2s;
+}
+
+.project-link:hover {
+  color: var(--el-color-primary);
+}
+
 a {
   text-decoration: none;
   color: inherit;