用途：为 Hack23 Homepage 及相关项目提供 HTML 与 CSS 的编写规范，目标是构建可访问、性能良好且易维护的网页界面。
主要能力与规则： 语义化 HTML5：要求使用 header、nav、main、article、section、aside、footer、h1-h6、button、a、figure/figcaption、time 等语义元素；禁止在存在语义元素时使用 div、用 span 承载块级内容、跳级标题、用 br 做间距、用表格做布局。 HTML 结构：必须包含 DOCTYPE、html 的 lang 属性、UTF-8 charset、viewport meta、每页唯一的描述性 title 与 meta description；标签正确闭合，元素与属性小写，属性值加引号，并用 W3C 验证器校验。 CSS 组织：使用单一外部样式表 styles.css，按自定义属性、重置、基础样式、布局、组件、工具类、媒体查询的顺序组织；推荐 BEM 命名，避免 !important，合理使用简写属性并注释复杂部分。 CSS 自定义属性：用于颜色、间距、排版、断点、过渡动画与 z-index，便于主题切换与统一维护。 响应式设计：移动优先，使用 rem、em、%、vw、vh 等相对单位，在 320px、768px、1024px、1440px+ 等断点测试，用 Grid/Flexbox 布局，触控目标至少 44×44px，避免横向滚动，行宽控制在 60-80 字符。 性能优化：精简并压缩 CSS，选择器嵌套不超过 3 层，避免通用选择器，CSS 置于 head，考虑首屏关键 CSS，谨慎使用 will-change，图片用 WebP 并懒加载，图标优先内联 SVG。 浏览器兼容：在现代浏览器测试，使用 autoprefixer，为新特性提供回退，采用渐进增强（如 @supports）。
使用方式：按上述规则编写 HTML 与 CSS，并参考文档中的语义页面结构、自定义属性样式表、响应式导航等示例；通过 W3C HTML/CSS 验证器、Lighthouse 与 BrowserStack 进行验证与跨浏览器测试。
适用场景：Hack23 Homepage 及关联项目的前端开发，也可作为同类静态站点的 HTML/CSS 规范参考。
限制：资料未提供安装命令、收费、价格或平台信息；性能预算给出 CSS 文件小于 50KB（gzip）、FCP<1.5s、LCP<2.5s、CLS<0.1 等指标，但未说明具体工具链与部署方式。