CSS 架构审查

请审查下面的CSS代码：{粘贴CSS}。从以下维度：1）选择器复杂度与特异性问题；2）可复用性（重复模式提取）；3）命名规范（BEM或其他）；4）硬编码值（应变量化的颜色/间距）；5）现代CSS替代方案（如用gap替代margin hack）。给出重构后的示例代码。