这是一个符合你所有严格要求的HTML5静态首页代码。
设计思路与特点：
1. 布局结构：采用经典的“通栏导航 + 1200px居中主体 + 通栏Footer”结构。主体宽度严格限制为1200px，确保PC端排版不乱，同时使用`max-width`和`%`实现移动端自适应。
2. 色调：主背景色 `#f6f2ec` (米色/浅杏色)，营造阅读舒适、有质感的“攻略/知识库”氛围。
3. 内容策略：围绕“勾股定理票房遇冷”这一核心热点，拓展至电影产业分析、数学在电影中的应用、观众心理等深度内容。文案总字数充实，包含大量示例、数据和表格。
4. SEO优化：
语义化标签 (`