:root {
    color-scheme: light;
    font-family: Inter, "Microsoft YaHei UI", "PingFang SC", "Noto Sans CJK SC", system-ui, sans-serif;
    font-synthesis: none;
    text-rendering: optimizeLegibility;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

html,
body {
    min-height: 100%;
}

html {
    background: #eef3f9;
}

body {
    background:
        radial-gradient(circle at 15% 10%, rgba(141, 190, 225, .18), transparent 31%),
        radial-gradient(circle at 87% 88%, rgba(127, 194, 181, .12), transparent 28%),
        linear-gradient(145deg, #f3f6fa 0%, #eaf0f7 100%);
    color: #1f3147;
    margin: 0;
}

button,
input {
    font: inherit;
}

::selection {
    background: rgba(41, 101, 166, .2);
}

h1:focus {
    outline: none;
}

.system-page {
    margin: 12vh auto;
    max-width: 620px;
    padding: 24px;
    text-align: center;
}

.system-page h1 {
    color: #163f72;
    margin-bottom: 10px;
}

.system-page p {
    color: #68788c;
    line-height: 1.7;
}

.system-page a {
    color: #175696;
    font-weight: 700;
}

.blazor-error-boundary {
    background: #9f2e2e;
    color: #fff;
    padding: 1rem;
}

.blazor-error-boundary::after {
    content: "页面发生错误，请刷新后重试。";
}