body {
    zoom: 125%; /* Firefox可能不支持。 */
}

input:invalid {
    background-color: lightcoral;
}

#shengdiaoProbConfirmed {
    margin: 0px;
    background-color: lightgrey;
    width: max-content;
}

label {
    display: inline-block;
    padding: 0px 2px 2px 0px; /* 上右下左 */
}

label:hover {
    background-color: #eeeeee;
    color: #333;
    box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.15);
}

.redButton {
    background-color: brown;
    color: aliceblue;
    opacity: 1;
}

.redButton:disabled {
    opacity: 0.5;
}

.grid-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(10em, 1fr));
    column-gap: 0.4em;
    row-gap: 0.2em;
    max-width: 800px;
    margin: 0px;
    padding: 0px;
}
.grid-item {
    font-size: 1em;
    text-align: left;
    padding: 0px;
}

.arrow {
  color: #007acc;
  font-size: 1.2em;
  font-weight: bold;
  margin-right: 0.1em;
}