根据您提供的素材，这个网站使用了CSS样式来定义了页面的布局和样式。以下是对每个CSS类的解释： 1. `Haikei.css-11rpcje`: 该类设置了元素的绝对定位（position: fixed），使得元素在页面上的位置固定，无论滚动到页面的哪个位置，该元素都会保持相对位置不变。同时，通过设置高度（height）为计算得到的百分比值（calc(var(--vh, 1vh) * 100)），确保元素的高度与视窗高度的比例保持一致。 2. `Haikei.css-1o9qczk`: 这个类定义了一个网格布局（grid）。它使用`grid-template-rows`和`grid-template-columns`属性来定义行和列的网格结构。`grid-template-rows`设置为1，意味着每一行的高度都是相同的。`grid-template-columns`设置为12rem minmax(0, 1fr) 20rem，这意味着列的宽度会根据内容自动调整，但至少需要有一个最小宽度（minmax(0, 1fr)），最大宽度为20rem。`height: calc(100 * var(--vh))`则计算整个网格的总高度，使其与视窗高度的比例保持一致。 3. `Haikei.css-1jfn4p9`: 这个类使用了CSS的flex布局（display: flex; -webkit-box; -webkit-flex; -ms-flexbox; flex）。它设置了`align-items: center; align-content: center;`属性，使得子元素在水平和垂直方向上都居中对齐。同时，通过设置`-webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; grid-column: 1/2; grid-row: 1`，使得整个网格布局在水平方向上只有一个列，而在垂直方向上从第1行开始。 综上所述，这个网站使用了CSS的绝对定位、网格布局和flex布局来实现特定的页面布局和样式。