#product-upload-form label {
    display: flex;
    align-items: center;
    margin-bottom: 14px;
    width: 400px;
    font-size: 16px;
}
#product-upload-form .label-title {
    display: inline-block;
    width: 90px;      /* 可根据实际内容调整 */
    text-align: right;
    margin-right: 8px;
    flex-shrink: 0;
}
#product-upload-form textarea,
#product-upload-form input[type="text"],
#product-upload-form input[type="password"],
#product-upload-form select,
#product-upload-form input[type="file"] {
    flex: 1;
    min-width: 0;
    font-size: 16px;
    box-sizing: border-box;
}
#product-upload-form textarea {
    min-height: 1.5em;
    max-height: 120px;
    resize: vertical;
    padding: 4px 8px;
}

.choice {
    padding-top: 110px;
    padding-left: 100px;
    width: 80%;
}

.selector {
    margin-bottom: 20px;
    text-align: left;
    width: 100%;
}

.options {
margin-top: 20PX;
    display: flex;
    gap: 15px;
    margin-bottom: 20px;
}

.option {
    display: flex;
    align-items: center;
}

.option input {
    margin-right: 5px;
    accent-color: #0742f5; /* 将打钩的颜色设置为红色 */
}

/* 针对移动端的媒体查询 */
@media (max-width: 768px) {
    .options {
        flex-wrap: wrap; /* 允许子元素换行 */
        gap: 10px; /* 调整子元素之间的间距 */
    }

    .option {
        flex: 1 1 calc(50% - 10px); /* 每行显示两个选项，减去间距 */
        display: flex;
        align-items: center;
    }
    .choice {
            padding-left: 15px;
                width: 100%;
    }
}

.product-item {
    display: block; /* 默认显示 */
    max-width:350px ;

}
.flash {
    display: flex;          /* 启用 Flexbox */
    align-items: flex-start; /* 子项顶部对齐 */
}
.product-item.hidden {
    display: none; /* 隐藏 */
}


.product-all {
    width: 100%;
    display: flex;
    gap: 20px;
    padding-left: 100px;
    height: auto;

    padding-bottom: 50px;
    justify-self: flex-start;
    align-items: start;

    flex-wrap: wrap;
}



/* 添加媒体查询以在移动端调整为两列 */
@media (max-width: 768px) {
    .product-all {
    padding-left: 15px;
        gap: 10px; /* 减小间距 */
    }
.product-item {
    display: block; /* 默认显示 */
    max-width:220px ;

}
}




/* 单个产品卡片 */
.product-all div {

    text-align: center;
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    border: 2px solid transparent; /* 添加初始透明边框 */
    transition: 
        border-color 0.35s cubic-bezier(0.4,0,0.2,1),
        box-shadow 0.35s cubic-bezier(0.4,0,0.2,1),
        transform 0.3s cubic-bezier(0.4,0,0.2,1);
    width: 100%; /* 让卡片宽度适应网格 */
    height: auto;
    padding: 10px;

}

/* 悬停提升效果 */
.product-all div:hover {
    transform: translateY(-15px);


       border-color: #7872cb;
    box-shadow: 0 0 0 4px rgba(46, 32, 242, 0.15), 0 4px 12px rgba(0, 0, 0, 0.12);
    /* 发光效果可根据需要调整 */
    /* 添加发光效果 */

}
.product-all .card:hover {
    transform: none; /* 禁用上移效果 */
    cursor: default; /* 改为默认鼠标样式 */
}

/* 产品图片 */
.product-all img {
    width: 100%;



    border-radius: 10px;
    aspect-ratio: 1/1; /* 保持正方形 */
    object-fit: cover; /* 填充容器 */
}

/* 产品标题 */
.product-all h3 {
    font-size: clamp(18px, 2vw, 24px); /* 响应式字体 */
top: auto;
text-align: start;
height: 60px;
line-height: 1.2; /* 添加行间距 */
padding-left: 0.5rem;
    color: #333;
}

/* 产品描述 */
.product-all p {
        white-space: pre-line;
text-align: start;
text-overflow: ellipsis; /* 添加省略号 */
height: clamp(70px, 1.6vw, 110px);
padding-left: 0.5rem;
padding-right: 0.5rem;
    font-size: clamp(12px, 1.6vw, 14px);
    font-weight: 500;
    line-height: 1.6;
    height: 150px;
    color: #666;


}


.product-all .product-action {
    display: inline-block;

    cursor: pointer;
    width:auto;
    font-size: clamp(14px, 1.6vw, 20px);
    text-wrap: nowrap;
    margin: 0px 5px 20px; /* 上 左右 下 */
    font-weight: bold;
    line-height: 1.1;
    color: white;
    background-color: #556fff;
    border-radius: 24px;
    transition: all 0.3s ease;

height: 40px;
position: relative;
    display: flex;          /* 关键代码：启用 Flex 布局 */
    align-items: center;    /* 垂直居中对齐 */
    justify-content: center;/* 水平居中对齐（可选） */

}

/* 按钮悬停效果 */
.product-all .product-action:hover {
    background-color: #1d02cd;
    transform: translateY(-2px);
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    border: 1px solid;

    color: white;
}





/* 去除默认蓝色样式 */
.product-action a {
    justify-content: center;
    align-content: center;

    color: inherit; /* 继承父元素的颜色 */
    text-decoration: none; /* 去掉下划线 */
    font-weight: bold; /* 可选：设置字体加粗 */


}

















footer {
    background-color: #727272;
    color: #fff;

    text-align: center;
    border-top: 1px solid #5d5d5d;

    display: flex;
    justify-content:center;
    align-items:flex-end;
    width: 100%; /* 新增 */
    height: 15vh;
    box-sizing: border-box; /* 确保border计算在宽度内 */
}



.footer-content p {

    margin: 5;
    line-height: 1.5;
    font-size: 14px;
}
.footer-content p1 {
padding-bottom: 0px;
font-weight: 700;
margin: 50px;
    font-size: 14px;
}

/* .footer-content a {
    color: #fff;
    text-decoration: none;
    margin: 0 10px;
} */

.footer-content a:hover {
    text-decoration: underline;
}

/* 移动端适配 */
@media (max-width: 768px) {
    .parallel-group {
        flex-direction: column;
        gap: 1px;
        
    }
    
    .footer-content p1 {
        margin: 0;
        line-height: 2;
        font-size: 10px;
    }
    
}

/* 其他样式保持原样 */