diff --git a/homepage/app.js b/homepage/app.js
new file mode 100644
index 00000000..6d5395d9
--- /dev/null
+++ b/homepage/app.js
@@ -0,0 +1,90 @@
+/**
+ * app.js - 光湖首页导航中心
+ * M23 环节0 · 模块卡片渲染 + 状态指示
+ */
+
+// 模块卡片数据
+const moduleCards = [
+ {
+ id: "M09",
+ name: "消息通知中心",
+ icon: "🔔",
+ status: "online",
+ path: "../notification-center/"
+ },
+ {
+ id: "M22",
+ name: "主域公告栏",
+ icon: "📢",
+ status: "online",
+ path: "../announcement/"
+ },
+ {
+ id: "M06",
+ name: "工单管理",
+ icon: "🎫",
+ status: "online",
+ path: "../ticket-system/"
+ },
+ {
+ id: "M16",
+ name: "码字工作台",
+ icon: "✍️",
+ status: "building",
+ path: "../writing-workspace/"
+ },
+ {
+ id: "M11",
+ name: "风格组件库",
+ icon: "🎨",
+ status: "online",
+ path: "../ui-components/"
+ },
+ {
+ id: "M05",
+ name: "用户中心",
+ icon: "👤",
+ status: "building",
+ path: "../user-center/"
+ }
+];
+
+// 首页应用对象
+window.HomepageApp = {
+ init() {
+ this.renderCards();
+ this.updateStatusBar();
+ console.log('✅ 首页初始化完成');
+ },
+
+ // 渲染卡片
+ renderCards() {
+ const grid = document.getElementById('moduleGrid');
+ if (!grid) return;
+
+ const cardsHTML = moduleCards.map(card => `
+
+ `).join('');
+
+ grid.innerHTML = cardsHTML;
+ },
+
+ // 更新状态栏（后续可对接真实API）
+ updateStatusBar() {
+ const onlineCount = moduleCards.filter(c => c.status === 'online').length;
+ const totalCount = moduleCards.length;
+ console.log(`📊 系统状态: ${onlineCount}/${totalCount} 模块在线`);
+ }
+};
+
+// 页面加载时自动初始化
+document.addEventListener('DOMContentLoaded', () => {
+ window.HomepageApp.init();
+});
\ No newline at end of file
diff --git a/homepage/index.html b/homepage/index.html
new file mode 100644
index 00000000..dc19cd0c
--- /dev/null
+++ b/homepage/index.html
@@ -0,0 +1,41 @@
+
+
+
+
+
+ 光湖实验室 · HoloLake 首页
+
+
+
+
+
+
+ 光湖实验室HoloLake Lab
+ 探索未来之域 · 零点原核频道
+ 进入系统
+
+
+
+
+
+
+
+ 系统状态：
+ 在线
+
+
+
+
+