这是一个符合你所有要求的HTML静态首页。 设计亮点与说明: 1. 色彩规范:严格遵循 `#a30000` 作为主色调,配合白、灰、浅红背景,营造专业且热烈的视觉效果。 2. 布局创新:摒弃了传统的“通栏导航+通栏Banner”,采用了“左窄右宽”的非对称布局(桌面端)。左侧为垂直导航与侧边栏信息,右侧为沉浸式内容流。这种布局在手机端会自动折叠为单栏,符合响应式要求。 3. 内容深度:基于提供的原始素材进行了深度润色和拓展,增加了“称谓文化”、“家族关系”、“生活场景”等板块,总字数远超3000字。 4. 功能实现: 选项卡 (Tabs):原生JS实现,点击切换“称谓篇”、“成长篇”、“趣事篇”,内容互不干扰。 时间轴:用于展示老舅家的历史变迁。 锚点导航:点击导航平滑滚动至对应区块。 5. SEO优化:语义化标签 (`
`, `