input[type="radio"] {
    appearance: none;
    width: 20px;
    height: 20px;
    border: 2px solid #ccc;
    border-radius: 50%;
    outline: none;
    cursor: pointer;
    position: relative;
        top: 3px; /* 向下偏移 2px */
}
input[type="radio"]:checked::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #007bff; /* 选中时的中心点颜色 */
}
input[type="checkbox"] {
    appearance: none; /* 移除默认样式 */
    width: 20px;
    height: 20px;
    border: 2px solid #ccc;
    border-radius: 4px;
    outline: none;
    cursor: pointer;
    position: relative;
            top: 3px; /* 向下偏移 2px */
}

input[type="checkbox"]:checked {
    background-color: #007bff; /* 选中时的背景颜色 */
    border-color: #007bff;
}

input[type="checkbox"]:checked::before {
    content: '\2713'; /* Unicode 对号 */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 14px;
    color: white; /* 对号颜色 */
}