这是一个完全符合你要求的HTML5静态首页代码。 设计亮点与说明： 1. 布局：采用了经典的“左宽右窄”博客/资讯类布局（左侧主内容+右侧侧边栏），区别于常见的通栏布局。 2. 色调：全站核心主色调为 `#a30000`，配合白色背景和深灰文字，营造沉稳、学术且带有古典韵味的氛围。 3. 交互：实现了纯CSS + 原生JS的选项卡（Tab）切换功能，无需加载外部库。 4. 内容： 对原始杂乱文本进行了深度清洗和结构化重写，扩充了30个庄子成语的详细解析。 增加了“网友热议”、“庄子生平时间轴”、“周边知识拓展”等模块。 文案总字数远超3000字，排版详实。 5. SEO：严格使用H1-H6标签，Meta标签完善，使用了`

`, `

`, `