站点主题术语：模板、布局与样式层

做站点外观时，主题、模板、布局、样式层这几个词经常被当成同义词用，结果改一处坏一片。它们其实处在不同抽象层：主题是一整套外观方案，模板是渲染某个页面的具体文件，布局是页面骨架的排布规则，样式层负责视觉呈现。分不清层级，改动就没有边界。

一、术语层级关系
主题是顶层概念，包含模板集合、布局规则、样式资源与配置项，决定站点整体观感。模板是主题内部的渲染单元，按页面类型划分，负责把数据填进结构。布局描述的是区域划分与顺序，比如头部、主体、侧栏、页脚如何摆放，通常被多个模板共用。样式层是最后一道视觉加工，负责颜色、间距、字号、状态反馈。四者的关系是包含与引用：主题引用模板，模板遵循布局，布局与模板共同受样式层影响。判断一个改动属于哪一层，看它影响范围：只影响单页结构是模板，影响多页骨架是布局，影响整体观感是主题，影响局部视觉是样式层。

二、改动前的分层步骤
第一步明确目标属于哪一层，写在改动说明里。第二步找出该层的入口文件与配置项，确认是否被其他层覆盖。第三步优先改配置而非改模板，优先改样式层而非改结构。第四步在隔离环境验证：单页、列表页、详情页、空状态各看一遍。第五步检查响应式断点下的布局是否错位。第六步记录改动点，便于回退。分层改动的核心原则是：能在上层解决的不下沉，能在配置里解决的不写死。

三、常见误区与注意事项
把样式写进模板是最常见的越界，短期见效快，长期难以统一。把布局逻辑塞进单个模板，会导致同类页面各自为政。主题升级时，直接改过的模板容易被覆盖，因此改动应尽量集中在可继承的扩展点。另一个误区是忽视空状态与异常状态，只验证有数据的情况。还有一点：样式层的选择器要控制作用范围，避免全局污染。

四、验证清单
逐项确认：改动是否只落在目标层；是否存在硬编码的颜色与尺寸；断点下是否出现溢出或重叠；空数据与长文本是否正常；主题切换后是否仍然成立；回退是否只需撤销一处。把这六项做成固定检查，能显著减少外观类回归问题。

理解层级不是为了背术语，而是为了给改动划定边界。边界清楚，协作时就能快速判断一个需求该由谁改、改哪里、验证什么。