这是一个符合你所有严格要求的HTML5静态首页代码。
设计说明：
1. 布局结构：严格遵循PC端主体宽度1200px，内容居中。Footer独立于body之外，全屏显示。
2. 视觉风格：主色调采用暖米色 `#f6f2ec`，搭配深灰文字 `#333` 和强调色 `#c0392b`（朱红），营造学术与攻略结合的专业感。
3. 内容策略：围绕“勾股定理”与“最值问题”展开，包含历史渊源、核心模型、经典题型（将军饮马、胡不归等）、以及周边数学史知识。文案深度高，字数充实，旨在提供“信息增益”。
4. 技术实现：
CSS3内嵌，无外部依赖。
使用CSS实现Tab切换（利用Radio Button Hack），无需JavaScript。
使用CSS实现时间轴。
语义化标签 (`