diff --git a/docker-compose.yml b/docker-compose.yml
index 0cc158c..ddd4e0d 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -27,5 +27,5 @@ services:
     image: personal-homepage:latest
     container_name: personal-homepage
     ports:
-      - "${HOMEPAGE_PORT:-8080}:80"
+      - "${HOMEPAGE_PORT:-2000}:80"
     restart: unless-stopped
diff --git a/src/content/projects/index.json b/src/content/projects/index.json
index 2ef489c..e0a28f1 100644
--- a/src/content/projects/index.json
+++ b/src/content/projects/index.json
@@ -6,27 +6,47 @@
     "cover_image": "/images/projects/personal-homepage.svg",
     "demo_video": "",
     "download_link": "",
-    "tags": ["astro", "static-site", "content-driven"],
+    "tags": ["astro", "静态网站", "内容驱动型"],
     "featured": true
   },
   {
-    "name": "devlog-pipeline",
-    "description": "规划中的开发日志生成与写入链路，用于把日常开发过程沉淀为结构化 Markdown 内容。",
-    "gitea_repo": "basil/devlog-pipeline",
+    "name": "VampireLike",
+    "description": "Unity 开发的 3D 类吸血鬼恶魔城 demo，使用 Unity GameFramework 开源框架，并通过 job 与 burst 进行高性能计算",
+    "gitea_repo": "basil/VampireLike",
     "cover_image": "/images/projects/devlog-pipeline.svg",
     "demo_video": "",
     "download_link": "",
-    "tags": ["automation", "markdown", "workflow"],
+    "tags": ["unity", "burst", "高性能", "UGF"],
     "featured": true
   },
   {
-    "name": "gitea-activity-panel",
-    "description": "面向个人主页的 Gitea 活动概览模块，计划提供贡献热力图与近期活动列表。",
-    "gitea_repo": "basil/gitea-activity-panel",
+    "name": "几何塔防",
+    "description": "Unity 开发的 rouge 塔防项目，使用配件自由组转防御塔来取得最终的胜利",
+    "gitea_repo": "basil/Geometry-Tower-Defense",
     "cover_image": "/images/projects/gitea-activity-panel.svg",
     "demo_video": "",
     "download_link": "",
-    "tags": ["gitea", "visualization", "dashboard"],
+    "tags": ["unity", "rouge", "塔防", "UGF"],
     "featured": true
+  },
+  {
+    "name": "简单 CPU 软光栅渲染器",
+    "description": "使用 C++ 基于 SDL2 开发的软件光栅化渲染器",
+    "gitea_repo": "basil/CPU-Software-Renderer",
+    "cover_image": "/images/projects/gitea-activity-panel.svg",
+    "demo_video": "",
+    "download_link": "",
+    "tags": ["C++", "renderer", "SDL2"],
+    "featured": true
+  },
+  {
+    "name": "李诫传",
+    "description": "Unity 开发的视觉小说，用于参加计算机设计大赛数媒赛道",
+    "gitea_repo": "basil/Biography-of-Li-Jian",
+    "cover_image": "/images/projects/gitea-activity-panel.svg",
+    "demo_video": "",
+    "download_link": "",
+    "tags": ["unity", "visual novel", "UGF", "ai"],
+    "featured": false
   }
 ]
diff --git a/src/styles/global.css b/src/styles/global.css
index 91ee4c3..49f42fb 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -431,6 +431,7 @@ main {
 .activity-meta,
 .footer-meta {
   display: flex;
+  align-items: center;
   flex-wrap: wrap;
   gap: 0.55rem 0.8rem;
   margin: 0 0 0.85rem;
@@ -450,6 +451,18 @@ main {
   line-height: 1.3;
 }
 
+.project-title {
+  display: flex;
+  align-items: center;
+  min-height: 1.3em;
+}
+
+.project-meta .mono {
+  display: inline-flex;
+  align-items: center;
+  min-height: 1.9rem;
+}
+
 .card p,
 .project-description,
 .activity-copy,