+
+
+ );
+}
+
+export default ExternalFrame;
diff --git a/app/components/Features.tsx b/app/components/Features.tsx
new file mode 100644
index 0000000..450f139
--- /dev/null
+++ b/app/components/Features.tsx
@@ -0,0 +1,89 @@
+import { Card, CardContent } from "./ui/card";
+import { Badge } from "./ui/badge";
+import { Users, Zap, Heart } from "lucide-react";
+import { Github as GithubIcon } from "./icons/Github";
+
+export function Features() {
+ const features = [
+ {
+ icon:
+
+
+
+
+ + + 内卷地狱 + + 想做什么{" "} +
+ ++ 我们致力于创造一个真正属于开发者的学习环境，让每个人都能在这里获得成长。 +
+
+ {features.map((feature, index) => (
+
+
+
+
+ ))}
+
+
+
+
+ {/* Hover effect decoration */}
+
+ {feature.icon}
+
+
+
+
+ {feature.highlight}
+
+
+ {feature.title}
++ {feature.description} +
+
+
+
+ {/* 简洁方形标识，无渐变、无圆角 */}
+
+
+
+
+
+ IH
+
+ {/* 纯文本标题，无渐变 */}
+
+ Involution Hell
+
+
+ {/* 扁平图标按钮：移除圆角与缩放动画 */}
+
+
+
+
+ {/* Mascot with overlay title at 3/4 height */}
+
+
+ 
+
+
+
+ + 内卷地狱 +
+
+
+ {/* Top-level directories */}
+ + 一个由开发者自发组织、免费开放的学习社区。降低门槛，避免无意义内卷，专注真实进步与乐趣。 +
+ +
+
+
+
+
+
+ {/* 最新文献（Zotero，避免被 iframe 拒绝） */}
+ 目录
+ -
+ {categories.map((c) => (
+
-
+
+ {c.title}+
+ {c.desc} +
+ +
+ ))}
+
+
+
+
+
+ {error && (
+ + 我们在读什么: +
+ + 在 Zotero 中打开 → + +
+ 加载失败：{error}
+
+ )}
+
+ {!items && !error && (
+
+ {Array.from({ length: limit }).map((_, i) => (
+
+ ))}
+
+ )}
+
+ {items && (
+ -
+ {items
+ .filter((it) => it.data?.title && it.data.title.trim() !== "")
+ .map((it) => {
+ const d = it.data ?? {};
+ const title = d.title!;
+ const link = d.url || it.links?.alternate?.href || openUrl;
+ const authors = (d.creators || [])
+ .map(
+ (c) =>
+ c.name ||
+ [c.lastName, c.firstName].filter(Boolean).join(", "),
+ )
+ .filter(Boolean)
+ .join("; ");
+ const venue = d.publicationTitle;
+ const date = d.date;
+
+ return (
+
-
+
+ {title}
+
+ + {authors && {authors}} + {authors && (venue || date) && · } + {venue && {venue}} + {venue && date && · } + {date && {date}} ++
+ );
+ })}
+
{children}
+