/*标题样式*/
.login-label {
    font-size: 24px; /* 设置字体大小 */
    font-weight: bold; /* 设置字体加粗 */
    color: #333; /* 设置字体颜色 */
    padding-top: 23vh; /* 添加顶部内边距，使元素向下偏移，达到中上部的位置 */
    margin-bottom: 10px; /* 设置下边距 */
    text-align: center; /* 设置文本居中 */
}

/*.highlight {
    color: #333; !* 主体文字颜色保持深灰，确保良好的可读性 *!
    font-weight: 600; !* 增加字体粗细，强化文字的视觉重量 *!
    font-size: 1.5em; !* 提升字体大小，使标题更加突出 *!
    line-height: 1.4; !* 调整行高，保持文本紧凑且易读 *!
    font-family: 'Roboto', Arial, sans-serif; !* 选择更现代的无衬线字体，增强现代感 *!
    text-shadow: none; !* 移除文本阴影，保持界面干净 *!
    background-image: none; !* 移除背景渐变，使文字更加直接 *!

    !* 为标题添加微妙的底部边框，以增加区分度，同时保持简约 *!
    padding-bottom: 5px; !* 为底部边框留出空间，避免文字紧贴 *!
}*/
.highlight {
    color: #5a5a5a; /* 更改为深灰色，以适应简约风格，减少刺眼感觉 */
    font-weight: bold; /* 使用粗体代替斜体，以保持简约同时确保重点突出 */
    font-size: 1.2em; /* 调整字体大小，根据需要可适当增大，以提升可读性 */
    line-height: 1.5; /* 增加行间距，让文本更加通透，易于阅读 */
    font-family: 'Roboto', Arial, sans-serif;
}

/*表单样式*/
.form-container {
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: flex-start; /* 从容器顶部开始对齐 */
    padding-top: 0; /* 添加顶部内边距，使元素向下偏移，达到中上部的位置 */
    min-height: 50vh; /* 设置最小高度为视口高度，但允许容器根据内容自适应高度 */
    width: 100%; /* 如果需要的话，设置表单宽度为100% */
    max-width: 580px; /* 限制最大宽度，例如580像素 */
    margin-left: auto; /* 自动调整左侧外边距 */
    margin-right: auto; /* 自动调整右侧外边距 */
    box-sizing: border-box; /* 确保padding和border不会增加元素的总宽度 */
}

/*发送验证码按钮*/
.send-button {
    width: 80px;
}

/*提交按钮*/
.submit-container {
    margin: 20px;
}

/*备案号*/
.custom-title {
    /* 使用优雅的字体家族，比如 'Arial', 'Helvetica', 'sans-serif' */
    font-family: 'Arial', sans-serif;
    font-size: 14px; /* 使用相对单位，便于响应式设计 */
    font-weight: normal; /* 使用正常字体粗细 */
    color: #342c2c; /* 选择与背景对比度高的颜色 */
    letter-spacing: 0.5px; /* 轻微调整字间距，使字体更优雅 */
    line-height: 1.5; /* 调整行高，使字体更易于阅读 */
    text-align: center; /* 确保标题居中显示 */
}

/* 动作面板 */
.content {
    padding: 16px 16px 360px;
}