feat(website): unify module registry and link homepage cards to feature pages

Author: Aparencia

website/app/page.tsx

@@ -8,6 +8,7 @@ import { motion } from "framer-motion";
 import { GlowOrb } from "@/components/GlowOrb";
 import { SectionReveal } from "@/components/SectionReveal";
 import { SuperEllipseCard } from "@/components/SuperEllipseCard";
+import { MODULES } from "@/lib/features/modules";
 
 /* ---------- 数据 ---------- */
 
@@ -32,45 +33,6 @@ const PHILOSOPHY = [
   },
 ];
 
-const FEATURES = [
-  {
-    name: "深潜",
-    origin: "番茄钟",
-    desc: "切断海面噪音，潜入零干扰的心流深海。",
-    color: "var(--kb-focus-blue)",
-  },
-  {
-    name: "结礁",
-    origin: "智能笔记",
-    desc: "将漂浮的碎片，沉淀为坚实的认知暗礁。",
-    color: "var(--kb-brand-400)",
-  },
-  {
-    name: "回声定位",
-    origin: "课堂助手",
-    desc: "捕捉深海回声，打捞暗流中的知识暗物质。",
-    color: "var(--kb-cyber-cyan)",
-  },
-  {
-    name: "反衰减呼吸",
-    origin: "闪卡复习",
-    desc: "规律吐纳，让记忆在深海高压下依然鲜活。",
-    color: "var(--kb-moss-green)",
-  },
-  {
-    name: "浮出水面",
-    origin: "费曼学习法",
-    desc: "向世界呼出你的理解。雾散了，轮廓就清晰了。",
-    color: "var(--kb-amber)",
-  },
-  {
-    name: "萤火海沟",
-    origin: "灵感空间",
-    desc: "安放微光，它们终将照亮整片深域。",
-    color: "var(--kb-accent-400)",
-  },
-];
-
 /* ---------- 页面 ---------- */
 
 export default function HomePage() {
@@ -217,11 +179,11 @@ export default function HomePage() {
           </SectionReveal>
 
           <div className="grid sm:grid-cols-2 lg:grid-cols-3 gap-5">
-            {FEATURES.map((feat, i) => (
+            {MODULES.map((feat, i) => (
               <SectionReveal key={feat.name} delay={i * 0.08}>
-                <motion.div
-                  whileHover={{ y: -5, transition: { duration: 0.35, ease: [0.22, 1, 0.36, 1] } }}
-                  className="group relative rounded-3xl p-7 h-full cursor-default"
+                <Link
+                  href={feat.href}
+                  className="group relative block rounded-3xl p-7 h-full cursor-pointer transition-all duration-500 hover:-translate-y-[5px] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-kb-brand"
                   style={{
                     background: "var(--kb-bg-elevated)",
                     border: "1px solid var(--kb-glass-border)",
@@ -245,7 +207,7 @@ export default function HomePage() {
                     className="absolute bottom-0 left-8 right-8 h-px opacity-0 group-hover:opacity-100 transition-opacity duration-500"
                     style={{ background: `linear-gradient(90deg, transparent, ${feat.color}66, transparent)` }}
                   />
-                </motion.div>
+                </Link>
               </SectionReveal>
             ))}
           </div>

website/components/features/FeaturesPage.tsx

@@ -1,20 +1,12 @@
 // @ai-context
-// 功能总览页主体：六大认知模块卡片墙，深潜已上线可点入详情，其余标注建设中。
-// Features overview: six module cards, dive is live, others under construction.
+// 功能总览页主体：六大认知模块卡片墙，深潜已上线可点入详情，其余标注建设中。数据来自共享模块注册表。
+// Features overview: six module cards, dive is live, others under construction. Data from shared module registry.
 "use client";
 
 import Link from "next/link";
 import { GlowOrb } from "@/components/GlowOrb";
 import { SectionReveal } from "@/components/SectionReveal";
-
-const MODULES = [
-  { name: "深潜", origin: "番茄钟", desc: "切断海面噪音，潜入零干扰的心流深海。", href: "/features/dive", ready: true, color: "var(--kb-focus-blue)" },
-  { name: "结礁", origin: "智能笔记", desc: "将漂浮的碎片，沉淀为坚实的认知暗礁。", href: "/download", ready: false, color: "var(--kb-brand-400)" },
-  { name: "回声定位", origin: "课堂助手", desc: "捕捉深海回声，打捞暗流中的知识暗物质。", href: "/download", ready: false, color: "var(--kb-cyber-cyan)" },
-  { name: "反衰减呼吸", origin: "闪卡复习", desc: "规律吐纳，让记忆在深海高压下依然鲜活。", href: "/download", ready: false, color: "var(--kb-moss-green)" },
-  { name: "浮出水面", origin: "费曼学习法", desc: "向世界呼出你的理解。雾散了，轮廓就清晰了。", href: "/download", ready: false, color: "var(--kb-amber)" },
-  { name: "萤火海沟", origin: "灵感空间", desc: "安放微光，它们终将照亮整片深域。", href: "/download", ready: false, color: "var(--kb-accent-400)" },
-];
+import { MODULES } from "@/lib/features/modules";
 
 export function FeaturesPage() {
   return (
@@ -36,7 +28,7 @@ export function FeaturesPage() {
             <SectionReveal key={m.name} delay={i * 0.08}>
               <Link
                 href={m.href}
-                className="group relative block rounded-3xl p-7 h-full transition-all duration-500 hover:-translate-y-1"
+                className="group relative block rounded-3xl p-7 h-full transition-all duration-500 hover:-translate-y-1 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-kb-brand"
                 style={{
                   background: "var(--kb-bg-elevated)",
                   border: "1px solid var(--kb-glass-border)",

website/lib/features/modules.ts

@@ -0,0 +1,24 @@
+// @ai-context
+// 六大认知模块共享数据：首页星图与功能总览页的单一数据源。
+// Shared module registry for homepage and features overview.
+// Why: 两页此前各自维护六模块数组导致字段漂移（首页指向 /features、总览页指向 /download），提取后一处维护。
+
+export interface FeatureModule {
+  name: string;
+  origin: string;
+  desc: string;
+  color: string;
+  /** 详情页路径；未上线模块指向 /download 引导下载 */
+  href: string;
+  /** 详情页是否已上线 */
+  ready: boolean;
+}
+
+export const MODULES: FeatureModule[] = [
+  { name: "深潜", origin: "番茄钟", desc: "切断海面噪音，潜入零干扰的心流深海。", color: "var(--kb-focus-blue)", href: "/features/dive", ready: true },
+  { name: "结礁", origin: "智能笔记", desc: "将漂浮的碎片，沉淀为坚实的认知暗礁。", color: "var(--kb-brand-400)", href: "/download", ready: false },
+  { name: "回声定位", origin: "课堂助手", desc: "捕捉深海回声，打捞暗流中的知识暗物质。", color: "var(--kb-cyber-cyan)", href: "/download", ready: false },
+  { name: "反衰减呼吸", origin: "闪卡复习", desc: "规律吐纳，让记忆在深海高压下依然鲜活。", color: "var(--kb-moss-green)", href: "/download", ready: false },
+  { name: "浮出水面", origin: "费曼学习法", desc: "向世界呼出你的理解。雾散了，轮廓就清晰了。", color: "var(--kb-amber)", href: "/download", ready: false },
+  { name: "萤火海沟", origin: "灵感空间", desc: "安放微光，它们终将照亮整片深域。", color: "var(--kb-accent-400)", href: "/download", ready: false },
+];