我做这个概念，是为了展示我会如何呈现一家科学公司：一家用 AI 发现候选药物的虚构生物科技公司，AI 团队在里斯本，湿实验室在巴塞尔。网站要向懂行的读者讲清两个技术平台、研发管线、招聘职位和博客，而且不能有任何夸大。

医药让文案的要求更高。网站上的每个项目都是虚构的临床前项目，任何一句话都不能读起来像健康或疗效声明。因此网站需要清楚地声明：公司是虚构的，网站上的任何内容都不构成医疗建议。

11 个页面：首页、平台、管线、关于、招聘、博客、文章模板、联系、隐私、条款和 404。首页以一个可被访客拖动的 canvas 3D 分子开场，下方是从 1928 年到 2024 年六个里程碑的历史时间线和投资方计数器。

平台页介绍两个虚构平台——一个针对小分子、一个针对蛋白质疗法——每个都有问题、解决方案，以及“设计—合成—测试—学习”的循环。管线页用表格展示五个临床前项目，进度条贯穿五个发现阶段；招聘页以折叠面板列出六个职位，博客有四篇文章并可按类别筛选。每页页脚都注明公司为虚构、网站不构成医疗建议。

分子被拖动后会带着惯性继续旋转、朝光标倾斜，并自动调整视角保持在画面中。再往下，时间线固定在屏幕上横向移动，一条 DNA 双螺旋随滚动同步绘出；在手机上它变成纵向列表。底层是纯 HTML、CSS 和 JavaScript，使用 GSAP、ScrollTrigger 和 Lenis，分子和螺旋都用 canvas 绘制，没有使用 3D 库。

这个概念由 11 个可用的英文页面组成。2026 年 9 月 22 日，Lighthouse 测得首页为 0.5 MB、19 个请求，是七个概念网站中最轻的。移动端限速下性能 75，LCP 4.3 秒、CLS 0；桌面端 99，LCP 0.6 秒、CLS 0.021。最佳实践两端均为 100（测试期间未加载第三方视频），SEO 两端也都是 100。

弱项是无障碍：移动端 88、桌面端 87，原因是部分文字对比度过低、标题层级顺序不对。在检查的 10 个页面（除 404 外全部）中，10 个页面标题全部唯一且各有一个 H1，每张图片都有替代文本，没有失效的内部链接。