普罗米修斯产品系统Vibe Coding

当代在线学习资源存在三类典型问题：
1、百科太浅：词条给出「是什么」，但很少交代「为何在当时被提出」「与前后思想如何衔接」。
2、课程太重：视频课程动辄数十小时，门槛高，难以按兴趣片段式深入。
3、知识碎片化：短视频、帖子擅长单点刺激，却难以形成跨时代、跨学科的结构化理解。
科学史、哲学史的研究早已表明：牛顿力学、微积分、认识论等重大进展，都深深嵌入具体的历史语境。若脱离脉络，公式与概念容易变成「黑箱」。

（1）首页
Hero 区：品牌 Slogan、火星粒子动效、CTA 引导至时间线与学科领域
普罗米修斯主题图画轮播：公版艺术名作（Rubens、Füger 等），自动切换并附中英解说
学科领域网格：10 大门类卡片，含图标、代表人物、一句话描述
今日专题 Spotlight：精选深度文章入口
历史脉络预览：横向可滑动时间线（首页摘要）

（2）学科领域（Realms）
10 个一级门类浏览与详情页
每门类下列出已发布专题，标注时代跨度与阅读时长

（3）深度专题文章

每篇文章统一结构：
概述（为何重要）
正文（MDX 多章节长文，中文 2000+ 字 / 英文 1500+ 词）
嵌入历史时间线（可展开节点详情）
关键人物卡片

（4）时间线（Timelines）
跨学科里程碑总览（如科学革命 1543–1931）
支持横向卡片滑动（首页）与纵向卡片时间线（专页）
自定义滚动体验：细窄金色滚动条、左右导航箭头、snap 吸附

本项目为个人主导的全栈学习与内容工程，本人负责：
产品规划：信息架构、品牌定位、学科门类规划、内容结构规范
前端开发：Next.js 应用、组件库、交互时间线、轮播、响应式布局
设计系统：普罗米修斯视觉语言（色板、字体、Logo、动效 CSS）
内容工程：MDX 管线、frontmatter 规范、中英双语专题撰写与扩写