button, input, select {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 60px;
    margin: 2px 0;
    padding: 0 4px;
    font-size: 16px;
    text-align: center;
    color: #1c1c1e;
    background: rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid #d1d1d6;
    border-radius: 12px;
    appearance: none;
    transition: all 0.2s ease;
}
button:hover, input:hover, select:hover {
    cursor: pointer;
    color: #007AFF;
    background-color: rgba(224, 231, 255, 0.3);
    border-color: #007AFF;
}
button:active, input:focus, select:focus {
    outline: none;
    background-color: rgba(229, 229, 234, 0.3);
    border-color: #005FCC;
    box-shadow: 0 0 0 2px rgba(0, 95, 204, 0.2);
}
.特殊按钮.active {
    color: rgb(0, 122, 255) !important;
    background-color: rgba(224, 231, 255, 0.5) !important;
    font-weight: 700;
}
.特殊按钮 { width: 30px; }
input[type="number"] { text-align: center; }
.保存按钮 {
    color: #ffffff;
    background: rgba(0, 122, 255, 0.7);
}
.取消按钮 {
    color: #198754;
    background: rgba(232, 245, 233, 0.7);
    border: 1px solid #c8e6c9;
}
.删除按钮 {
    color: #ffffff;
    background: rgba(255, 59, 48, 0.7);
}