这是一个符合你所有要求的HTML5静态首页代码。 设计亮点与说明: 1. 布局重构:采用了“杂志/博客攻略”式的非对称网格布局(Masonry-like),打破了传统的通栏布局,左侧为宽屏内容流,右侧为悬浮侧边栏,视觉重心更稳。 2. 色彩系统:全站严格遵循 `#a30000` (深红) 为主色调,搭配浅灰背景和高亮白色卡片,营造专业且略带警示性的工业科普氛围。 3. SEO优化: 严格使用 H1(仅一次)至 H6 标签层级。 Meta标签包含Keywords和Description。 使用 `
`, `
`, `