.login-style {
  .box-vessel {
    padding: 20px 32px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    flex: 1;

    .code-button-active {
      color: #fff;
      background-color: var(--main-color);

      &:hover {
        color: #fff;
        background-color: rgba(#1677ff, 0.5);
      }
    }

    .login-button{
      width: 100%;
      color: #fff;
      background-color: var(--main-color);
    }

    .forget {
      font-size: 14px;
      text-align: right;
      margin-bottom: 20px;
      cursor: pointer;
      color: var(--main-color)
    }


    .sign {
      text-align: center;
      font-size: 16px;
      color: #8e8e8e;
      cursor: pointer;
    }

    .verify-code {
      display: flex;
      align-items: center; /* 垂直居中 */
      justify-content: space-between; /* 两端对齐 */
    }
    
    .form-item {
      flex: 1; /* 让表单项占据剩余空间 */
      margin-right: 10px; /* 给表单项和按钮之间添加一些间距 */
    }
    
    .button {
      white-space: nowrap; /* 防止按钮文本换行 */
    }
  }
}
