三维结构使用 WebGL2 实时光线步进（signed distance field ray marching）在浏览器内即时生成，无需外部模型文件；两张 AI 教学插画是独立图片，可随页面离线打开。
结构比例经过教学化处理：线粒体长径约 5 : 1，叶绿体基粒层数做了压缩，以便单屏辨识。数字与通路依据 Alberts《Molecular Biology of the Cell》、Campbell Biology 与 人教版高中生物必修 1。
键盘：← → 切换步骤，1–5 切换章节，空格 播放/暂停，R 复位视角。
The 3D structures are generated live by a WebGL2 signed-distance-field ray marcher, without external model files. The two AI teaching illustrations are separate images available offline with the page.
Proportions are adjusted for teaching: the mitochondrion is drawn at roughly 5:1, and grana stacks are compressed so a whole chloroplast reads on one screen. Numbers follow Alberts, Molecular Biology of the Cell; Campbell Biology; and the PEP high-school biology syllabus.
Keys: ← → step, 1–5 chapter, space play/pause, R reset view.