/*自定义复选框基础样式*/
.checkbox-row {
    display: flex;
    align-items: center;
    transition: background 0.2s;
    cursor: pointer;
    user-select: none;
    margin: 2px 0;
}

.checkbox-row input:focus {
    outline: none;
}


.checkbox-row label {
    flex: 1;
    font-size: 12px;
    color: rgba(0,0,0,0.65);
    font-weight: 400;
    font-family: PingFang SC;
    cursor: pointer;
    padding-left: 4px;
    letter-spacing: 0.2px;
    margin: 4px 0px 0px 0px;
}

/* 自定义复选框基础样式 - 16x16 尺寸 */
.cb-custom {
    appearance: none;
    -webkit-appearance: none;
    width: 16px;              /* 调整为 16px */
    height: 16px;             /* 调整为 16px */
    border-radius: 2px;
    border: 1px solid rgba(0,0,0,0.15);
    background-color: white;
    cursor: pointer;
    transition: all 0.15s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.cb-custom:hover{
    border-color: rgba(30,190,200,1);
}

/* 选中状态 - 对勾适应16px */
.cb-custom:checked {
    background-color: rgba(30,190,200,1);
    /*border-color: rgba(30,190,200,1);*/
    /*box-shadow: 0 4px 8px rgba(30,190,200,0.3);*/
}

.cb-custom:checked::after {
    content: '';
    position: absolute;
    left: 5px;
    top: 2px;
    width: 5px;
    height: 8px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

/* 半选状态 - 正方形适应16px */
.cb-custom:indeterminate {
    background-color: white;
    border-color: rgba(0,0,0,0.15);
    box-shadow: none;
}
.cb-custom:indeterminate::after {
    content: "";
    width: 8px;               /* 正方形大小调整为8px (16px的一半，视觉舒适) */
    height: 8px;
    background-color: rgba(30,190,200,1);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 0;
}

/* 聚焦样式 */
.cb-custom:focus-visible {
    outline: 3px solid rgba(30,190,200,0.4);
    outline-offset: 2px;
}
/*自定义复选框基础样式*/