section.list{
    position: relative;
    /* 移除重复的 position 属性 */
    background-size: cover;
    padding: 1rem;
}
section.list::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.75);
}
.list .icon-wrap {
        position: relative;
    padding: 1rem;
    border: 1px solid var(--border);
    border-radius: 10px;
    color: white;
    z-index: 1;
}
.list .icon-wrap h3>i {
    font-size: 2rem;
    color: var(--main);
    margin-right: 1rem;
   
}
.list .form {
        position: relative;
    margin-top: 0;
    height: 100%;
    background: #fff;
    padding: 30px;
    border-radius: 4px;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05);
    z-index: 1;
}
.list .form>form {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(calc(50% - 10px), 1fr)); /* 初始一行两个，自适应 */
  gap: 20px; /* 元素间的间距 */
}

.list .form>form dl {
  margin: 0; /* 移除默认外边距 */
}

/* form4 独占一行并放到倒数第3 */
.list .form>form dl.form4 {
  grid-column: 1 / -1; /* 横跨所有列 */
  order: 997; /* 确保在倒数第3 */
}

/* form888 验证码，放到倒数第2 */
.list .form>form dl.form888 {
  grid-column: 1 / -1; /* 横跨所有列 */
  order: 998; /* 确保在倒数第2 */
}

/* form 提交按钮，放到最后 */
.list .form>form button[type="submit"] {
  grid-column: 1 / -1; /* 横跨所有列 */
  order: 999; /* 确保在最后 */
}

/* form5, form6, form7 独占一行 */
.list .form>form dl.form5,
.list .form>form dl.form6,
.list .form>form dl.form7 {
  grid-column: 1 / -1; /* 横跨所有列 */
}

.list .form>form input[type=text], input[type=password], input[type=email], input[type=number], input[type=tel], select, textarea{
margin: 0;
}
@media(max-width:1199px){

}
@media(max-width:991px){

}
@media(max-width:767px){
.list .form>form {
    display: grid;
    grid-template-columns: auto;
    gap: 0;
}
}