这是一个符合你所有要求的HTML单页文件。 设计思路说明: 1. 布局结构:采用了“首屏大图+双栏布局(左侧内容+右侧侧边栏)+底部信息”的经典攻略/资讯站结构,区别于简单的通栏布局。 2. 色彩运用:全站严格使用 `#a30000` 作为主色调(导航、标题、按钮、分割线等),辅以深灰和浅灰背景,营造专业且严肃的科普氛围。 3. 交互组件: CSS3选项卡:实现了“距离换算”、“场景释义”、“运动数据”三个板块的无刷新切换。 时间轴:展示了“60公里”在不同运动场景下的里程碑意义。 卡片式布局:用于展示周边知识和网民关心的热点。 4. SEO优化:H1仅一次,H2-H6层级分明,Meta标签完善,使用了`
`, `
`, `