106 lines
2.4 KiB
CSS
106 lines
2.4 KiB
CSS
/* 500错误页的布局、文字与系统深色模式适配。 */
|
|
.grid[data-v-ecba301a] {
|
|
display: grid;
|
|
}
|
|
.mb-2[data-v-ecba301a] {
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
.mb-4[data-v-ecba301a] {
|
|
margin-bottom: 1rem;
|
|
}
|
|
.max-w-520px[data-v-ecba301a] {
|
|
max-width: 520px;
|
|
}
|
|
.min-h-screen[data-v-ecba301a] {
|
|
min-height: 100vh;
|
|
}
|
|
.place-content-center[data-v-ecba301a] {
|
|
place-content: center;
|
|
}
|
|
.overflow-hidden[data-v-ecba301a] {
|
|
overflow: hidden;
|
|
}
|
|
.bg-white[data-v-ecba301a] {
|
|
--un-bg-opacity: 1;
|
|
background-color: rgb(255 255 255 / var(--un-bg-opacity));
|
|
}
|
|
.px-2[data-v-ecba301a] {
|
|
padding-left: 0.5rem;
|
|
padding-right: 0.5rem;
|
|
}
|
|
.text-center[data-v-ecba301a] {
|
|
text-align: center;
|
|
}
|
|
.text-\[80px\][data-v-ecba301a] {
|
|
font-size: 80px;
|
|
}
|
|
.text-2xl[data-v-ecba301a] {
|
|
font-size: 1.5rem;
|
|
line-height: 2rem;
|
|
}
|
|
.text-\[\#020420\][data-v-ecba301a] {
|
|
--un-text-opacity: 1;
|
|
color: rgb(2 4 32 / var(--un-text-opacity));
|
|
}
|
|
.text-\[\#64748B\][data-v-ecba301a] {
|
|
--un-text-opacity: 1;
|
|
color: rgb(100 116 139 / var(--un-text-opacity));
|
|
}
|
|
.font-semibold[data-v-ecba301a] {
|
|
font-weight: 600;
|
|
}
|
|
.leading-none[data-v-ecba301a] {
|
|
line-height: 1;
|
|
}
|
|
.tracking-wide[data-v-ecba301a] {
|
|
letter-spacing: 0.025em;
|
|
}
|
|
.font-sans[data-v-ecba301a] {
|
|
font-family:
|
|
ui-sans-serif,
|
|
system-ui,
|
|
-apple-system,
|
|
BlinkMacSystemFont,
|
|
Segoe UI,
|
|
Roboto,
|
|
Helvetica Neue,
|
|
Arial,
|
|
Noto Sans,
|
|
sans-serif,
|
|
Apple Color Emoji,
|
|
Segoe UI Emoji,
|
|
Segoe UI Symbol,
|
|
Noto Color Emoji;
|
|
}
|
|
.tabular-nums[data-v-ecba301a] {
|
|
--un-numeric-spacing: tabular-nums;
|
|
font-variant-numeric: var(--un-ordinal) var(--un-slashed-zero)
|
|
var(--un-numeric-figure) var(--un-numeric-spacing)
|
|
var(--un-numeric-fraction);
|
|
}
|
|
.antialiased[data-v-ecba301a] {
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
/* 跟随系统颜色偏好应用错误页的深色样式。 */
|
|
@media (prefers-color-scheme: dark) {
|
|
.dark\:bg-\[\#020420\][data-v-ecba301a] {
|
|
--un-bg-opacity: 1;
|
|
background-color: rgb(2 4 32 / var(--un-bg-opacity));
|
|
}
|
|
.dark\:text-white[data-v-ecba301a] {
|
|
--un-text-opacity: 1;
|
|
color: rgb(255 255 255 / var(--un-text-opacity));
|
|
}
|
|
}
|
|
/* 视口条件 (width>=640px) 下的响应式覆盖；保留相对基础规则的层叠顺序。 */
|
|
@media (width>=640px) {
|
|
.sm\:text-\[110px\][data-v-ecba301a] {
|
|
font-size: 110px;
|
|
}
|
|
.sm\:text-3xl[data-v-ecba301a] {
|
|
font-size: 1.875rem;
|
|
line-height: 2.25rem;
|
|
}
|
|
}
|