.styled-input {
    /* 内边距 */
    padding: 8px 15px;

    /* 元素间距（通常用于容器内的多个元素） */
    /* 注意：gap 属性通常用于 flex 或 grid 容器，单个输入框不需要 */

    /* 背景色 */
    background: #F5F7FA;

    /* 边框 */
    border: 1px solid #DCDFE6;
    border-radius: 4px;
    /* 添加圆角，通常与这种设计风格搭配 */

    /* 盒模型 */
    box-sizing: border-box;

    /* 文本样式 */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 14px;
    color: #333;

    /* 其他美化样式 */
    outline: none;
    /* 移除默认的聚焦轮廓 */
    transition: border-color 0.3s;
    /* 添加过渡效果 */

    width: 425px;
    /* 根据需要调整 */
    height: 40px;
    /* 根据 padding 和字体大小调整 */
}
.styled-textarea{
    /* 内边距 */
    padding: 8px 15px;

    /* 元素间距（通常用于容器内的多个元素） */
    /* 注意：gap 属性通常用于 flex 或 grid 容器，单个输入框不需要 */

    /* 背景色 */
    background: #F5F7FA;

    /* 边框 */
    border: 1px solid #DCDFE6;
    border-radius: 4px;
    /* 添加圆角，通常与这种设计风格搭配 */

    /* 盒模型 */
    box-sizing: border-box;

    /* 文本样式 */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 14px;
    color: #333;

    /* 其他美化样式 */
    outline: none;
    /* 移除默认的聚焦轮廓 */
    transition: border-color 0.3s;
    /* 添加过渡效果 */

    width: 890px;
    /* 根据需要调整 */
    /* height: 40px; */
    /* 根据 padding 和字体大小调整 */
}
.input-label {
    font-size: 16px;
    color: #222;
    margin-bottom: 8px;
    display: inline-block;
    position: relative;
    padding-left: 10px;
}

.input-label.required::before {
    content: "*";
    color: #F56C6C;
    position: absolute;
    left: 0;
    top: 0;
}