这是一个符合所有技术规范和SEO要求的HTML5静态首页代码。
设计思路说明：
1. 视觉风格：采用 `#f6f2ec` (米色/浅黄) 为主色调，搭配深褐色文字，营造学术、沉稳且舒适的阅读体验，类似纸质讲义的质感。
2. 布局结构：
Header：包含H1标题和锚点导航。
Hero Section：核心概念图解（CSS绘制三角形）及欧拉线定义。
Knowledge Cards：关于垂心、重心、外心的详细解析卡片。
Interactive Tabs：不同三角形类型下的欧拉线变化（锐角、直角、钝角）。
Timeline：欧拉定理的历史发展轴。
FAQ & Schema：深度问答区，埋入FAQ结构化数据。
Related Topics：周边知识拓展（如西姆松线、九点圆）。
Footer：独立于body之外，全屏显示。
3. SEO优化：
严格使用H1-H6标签层级。
关键词“欧拉定理”、“三角形垂心重心外心题目”等进行了加粗处理。
包含JSON-LD格式的 `FAQPage` 和 `HowTo` 结构化数据。
4. 技术实现：
纯CSS实现选项卡切换（利用Radio Button Hack），无JS依赖。
响应式设计，主体限制1200px。
语义化标签 ``, `