HeadTop 组件 - 位置: <head> 标签内的最顶部 | 用途: 放置最优先加载的元数据、预连接、DNS预取等 | 上方: 无（第一个组件） | 下方: GlobalStyles
GlobalStyles 组件 - 位置: <head> 标签内，HeadTop 之后 | 用途: 定义全局CSS样式、引入外部样式表 | 上方: HeadTop | 下方: HeadBottom 或 </head>
HeadBottom 组件 - 位置: <head> 标签内，HeadTop 之后 | 用途: 放置页面头部的底部内容，如版权信息、联系信息等 | 上方: HeadTop | 下方: </head>
BodyTop 组件 - 位置: <body> 标签内的最顶部 | 用途: 放置页面最顶部的内容，如顶部通知栏、公告条 | 上方: 无（body 中的第一个组件） | 下方: TopHeader
TopHeader 组件 - 位置: <body> 标签内，BodyTop 之后 | 用途: 放置网站顶部区域，如Logo区域、顶部联系信息等 | 上方: BodyTop | 下方: Navigation
首页 (Homepage)
页面类型: Index (首页)
URL: /index.html
分类: 根分类 (Root Category)
说明: 这是网站的主页面，访问网站根目录时显示的内容。
布局顺序: BodyTop → TopHeader → Navigation → 【当前页面内容】 → Footer → BodyBottom
提示: 这是一个 Index 类型的页面，模板内容即主内容，可以在此区域编辑页面的完整 HTML 结构。
Footer 组件 - 位置: 页面主要内容区域之后 | 用途: 网站页脚，包含版权信息、链接等 | 上方: 页面主要内容区域（由各个页面的 TemplateContent 定义） | 下方: BodyBottom
GlobalScripts 组件 - 位置: </body> 标签之前的最底部 | 用途: 放置全局JavaScript脚本、第三方库等 | 上方: BodyBottom | 下方: 无（body 中的最后一个组件）
BodyBottom 组件 - 位置: <body> 标签内的最底部，Footer 之后 | 用途: 放置页面最底部的内容，如返回顶部按钮、在线客服等 | 上方: Footer | 下方: GlobalScripts