h1:focus {
    outline: none;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid var(--cv-success);
}

.invalid {
    outline: 1px solid var(--cv-danger);
}

.validation-message {
    color: var(--cv-danger, #c34747);
}

.blazor-error-boundary {
    background: var(--cv-danger-soft);
    border: 1px solid var(--cv-danger);
    padding: 16px;
    border-radius: 6px;
    color: var(--cv-danger);
}

    .blazor-error-boundary::after {
        content: "程序遇到错误，请重新加载页面。"
    }

.darker-border-checkbox.form-check-input {
    border-color: var(--cv-line);
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
    color: var(--cv-placeholder);
    text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
    text-align: start;
}

#blazor-error-ui { background: var(--cv-danger-soft); color: var(--cv-danger); border-top: 1px solid var(--cv-line); }
#blazor-error-ui a { color: inherit; margin-left: 8px; }
#blazor-error-ui .dismiss { border: 0; color: inherit; background: transparent; min-width: 32px; min-height: 32px; }
@media (max-width: 680px) { #blazor-error-ui .dismiss { min-width: 44px; min-height: 44px; } }