@charset "UTF-8"; /* ========================================================================== 首页样式（与旧站 Next.js 首页逐像素一致） -------------------------------------------------------------------------- 旧站首页由 Tailwind CSS v4 生成样式，本文件把这些样式按同样的取值手写一遍： - 类名与旧站完全一致（bg-gray-50 / flex / rounded-xl / group-hover:scale-110 …）， 因此 DOM 结构与样式来源一一对应，便于逐条比对； - 取值来自项目自身编译出的 Tailwind 产物（--spacing: 0.25rem，故 p-4 = 16px； 文字尺寸与行高、圆角、阴影、过渡时间均按 v4 默认值写死）； - 颜色一律写成 sRGB 十六进制 / rgba：v4 的 oklch 调色板在 sRGB 屏幕上渲染出的 就是这些值，写成 hex 可以让 IE 也拿到真实颜色（IE 不认识 oklch 会整条丢弃）； - 渐变保留 Tailwind v4 的 `in oklab` 写法（现代浏览器按 oklab 插值，与旧站一致）， 前面补一条 sRGB 版本给 IE； - 栅格用 float + calc 实现（grid 只有现代浏览器认识），列宽写成 calc((100% - 间距) / 列数)，与 grid 的 1fr 计算结果完全一致； - flex 行用标准 flex + -ms- 前缀（IE10/11），间距用 margin 等价替代 gap。 ========================================================================== */ /* ========================================================================== 1. 基础重置（对齐 Tailwind v4 preflight 中首页用到的部分） ========================================================================== */ *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; border: 0 solid; } /* IE11 不认识
（HTML5 里 2012 年才补进去的元素），会把它当成「未知行内元素」： display 变 inline、盒子高度算成 0。首页整块内容都在
里，IE 下 main 高度为 0， 紧跟其后的