/*输入框颜色样式*/
body .layui-input:focus,
body .layui-textarea:focus {
    border-color: #346AEA !important;
}
/*用了增加权重方法修改了layui日期选择的颜色样式*/
.layui-laydate .layui-this:not(.disabled),
.layui-laydate .layui-this:not(.disabled)>div {
    background-color: #346AEA !important;
}
/*layui单选框文字和按钮颜色样式*/
.layui-form-radio:hover>*, .layui-form-radioed, .layui-form-radioed>i{
    color: #346AEA !important;
}
/*layui开关按钮颜色样式*/
.layui-form-onswitch{
    background-color: #346AEA !important;
    color: #346AEA !important;
    border-color: #346AEA !important;
}
/*layui下拉框文字颜色*/
body .layui-form-select dl dd.layui-this{
    background-color: #ffffff !important;
    color: #346AEA !important;
}
/* 修改导航栏菜单文字样式 */
.layui-nav .layui-nav-item a {
    font-family: Source Han Sans CN, Source Han Sans CN;
    font-weight: 500;
    color: var(--text-color) !important;
}
/*复选框的颜色和圆角*/
.layui-table-view .layui-form-checkbox[lay-skin=primary] i{
    width: 15px !important;
    height: 15px !important;
    border-radius: 4px 4px 4px 4px !important;
}
.layui-form-checkbox[lay-skin=primary]:hover>i{
    border:  solid #4E88FF !important;
    border-radius: 4px 4px 4px 4px !important;
    display: flex !important;
    justify-content: right !important;
    align-items: center !important;
}
.layui-table-cell .layui-form-checkbox[lay-skin=primary] :hover>i{
    border:  solid #4E88FF !important;
    border-radius: 4px 4px 4px 4px !important;
    display: flex !important;
    justify-content: right !important;
    align-items: center !important;
}
.layui-form-checked[lay-skin=primary]>i{
    width: 15px !important;
    height: 15px !important;
    background: linear-gradient( 90deg, #4E88FF 0%, #4861FF 100%) !important;
    border-radius: 4px 4px 4px 4px !important;
    border-color:#4861FF  !important;
}
/*复选框的颜色和圆角*/
/*layui修改的样式结束*/

/*.layui-input, .layui-textarea{
    height: 40px !important;
}
.layui-input, .layui-select, .layui-textarea{
    height: 40px !important;
}*/

.layui-input, .layui-select, .layui-textarea{
    border-radius: 6px 6px 6px 6px !important;
    border: 1px solid #DFDFDF !important;
}

/*layui文字大小input框*/
.layui-input-wrap .layui-input{
    font-size: 14px !important;
    caret: #333333 !important;
}
/*layui下拉选择框文字大小*/
.layui-form-select .layui-input{
    font-size: 14px !important;
    caret: #333333 !important;
}
/*layui表单颜色样式结束*/








/*普通表单样式自开始*/
/* 容器主样式 - 前缀替换为form+语义化 */
.form-info-container {
    width: 83%;
    background: #FFFFFF;
    box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.09);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 24px;
    padding: 24px;
    margin-bottom: 24px;
}

/* section标题 - 前缀替换为form+语义化 */
.form-section-title {
    width: 100%;
    height: 28px;
    font-family: Source Han Sans CN, Source Han Sans CN;
    font-weight: 400;
    font-size: 20px;
    color: #333333;
    line-height: 28px;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

/* 表单内容容器 - 前缀替换为form+语义化 */
.form-form-content {
    display: flex;
    flex-direction: column;
    margin-bottom: 24px;
    margin-top: 24px;
    width: 100%;
}

/* 表单组容器 - 前缀替换为form+语义化 */
.form-form-group {
    width: 100%;
    margin-bottom: 24px;
}

/* 帮助图标 - 前缀替换为form+语义化 */
.form-help-icon {
    font-size: 13px;
    color: #999999;
    margin-left: 5px;
    cursor: pointer;
    margin-bottom: 8px;
}

/* 标签+帮助图标容器 - 前缀替换为form+语义化 */
.form-label-with-help {
    display: flex;
    align-items: center;
}

/* 保留原有layui样式覆盖，仅更新前缀限定 */
.form-form-content .layui-input-block {
    margin-left: 0 !important;
}

/* 商品类别选择容器 - 前缀替换为form+语义化 */
.form-category-selector {
    display: flex;
    align-items: center;
}

/* 新增类别按钮容器 - 前缀替换为form+语义化 */
.form-add-category-btn {
    display: flex;
    align-items: center;
    margin-left: 19px;
    cursor: pointer;
}

/* 新增类别文字 - 前缀替换为form+语义化 */
.form-add-category-text {
    font-family: Source Han Sans CN, Source Han Sans CN;
    font-weight: 400;
    font-size: 14px;
    color: #346AEA;
    line-height: 22px;
    margin-left: 4px;
}

/* 邮寄开关容器 - 前缀替换为form+语义化 */
.form-post-switch-container {
    display: flex;
    align-items: center;
    margin-bottom: 24px;
}

/* 提交按钮 - 前缀替换为form+语义化 */
.form-submit-btn {
    width: 88px;
    height: 32px;
    background: linear-gradient(90deg, #4E88FF 0%, #4861FF 100%);
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Source Han Sans CN, Source Han Sans CN;
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 15px;
    border: 0;
}

/* 新增flex布局样式 - 更新前缀限定 */
.form-form-content .form-flex-item > div:first-child {
    display: flex;
    align-items: center;
    flex: 1;
    gap: 16px;
}

.form-form-content .form-input-wrapper .form-label-text {
    margin-bottom: 0 !important;
    white-space: nowrap;
    flex-shrink: 0;
    margin-left: 15px;
}

.form-form-content .form-input-wrapper .layui-input-wrap {
    position: relative;
    display: flex;
    align-items: center;
    flex: 1 !important;
    width: 100% !important;
    margin-left: 0 !important;
}

.form-form-content .form-input-wrapper .layui-input {
    flex: 1 !important;
    width: 100% !important;
}

.form-form-content .form-input-wrapper .count-text {
    margin-left: 8px;
    white-space: nowrap;
    flex-shrink: 0;
}

/* 表单标签文字 - 前缀替换为form+语义化 */
.form-label-text {
    height: 22px;
    font-family: Source Han Sans CN, Source Han Sans CN;
    font-weight: 400;
    font-size: 14px;
    color: #333333;
    line-height: 22px;
    text-align: left;
    margin-bottom: 8px;
}

/* 图片上传容器 - 前缀替换为form+语义化 */
.form-image-upload-container {
    width: 100%;
    margin-bottom: 24px;
}

/* 图片上传预览容器 - 前缀替换为form+语义化 */
.form-file-upload {
    margin-top: 8px;
}
/*元素宽度*/
.element-width{
    flex: 1
}