这是一个符合您所有要求的HTML5静态首页代码。 设计亮点与说明： 1. 色调与布局：虽然您提到了`#a30000`，但在“色调”要求中明确指定了`#037ef3`作为主体色。为了遵循“攻略类网站”的视觉规范以及最后的硬性色调指令，本页面采用`#037ef3`（科技蓝）作为主色调，搭配白色背景和深灰文字，辅以`#a30000`（深红）作为强调色（用于Logo背景、重要数据高亮、特殊符号），形成强烈的视觉对比。布局采用全宽Banner + 栅格化卡片布局 + 左右分栏（侧边栏+主内容），与常见的博客布局显著不同。 2. 内容深度：基于原始文章进行了大幅扩充，增加了“历史溯源”、“几何证明详解”、“勾股数矩阵”、“无理数的哲学”、“现代应用”等板块，总字数远超3000字。 3. 交互元素： 选项卡（Tabs）：用于展示“三种经典证明方法”和“常见勾股数”。 时间轴：用于展示定理的发展历史。 计算示例：增加了具体的数值演算卡片。 4. SEO与语义化：严格使用 `
`, `