html, body {
	background-image: url(../image/background1.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.login-container {
    height: calc(100% - 50px);
    display: flex;
    justify-content: center;
    align-items: center;
}

.login-dialog {
    width: 350px;
    height: 300px;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 20px;
	padding: 20px; /* 新增：给框内加内边距，避免元素贴边 */
    display: flex; /* 新增：用flex布局，让内部元素垂直分布更均匀 */
    flex-direction: column;
    justify-content: center; /* 保持元素垂直居中 */
}

/* 标题 */
.login-dialog h3 {
     text-align: center;
    /* 调整上下内边距，直接影响高度 */
    padding: 10px 0; /* 从 50px 0 改为 20px 0，高度会明显减小 */
    /* 可选：调整字体大小，影响宽度和高度 */
    font-size: 20px;
}

/* 针对一行设置样式 */
.login-dialog .row {
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.login-dialog .row span {
    width: 100px;
    font-weight: 700;
}

#user_name, #password {
    width: 200px;
    height: 40px;

    font-size: 20px;
    line-height: 40px;
    padding-left: 10px;
    border: none;
    outline: none;
    border-radius: 10px;
}

#submit {
    width: 300px;
    height: 50px;

    background-color: rgb(0, 128, 0);
    color: white;

    border: none;
    outline: none;
    border-radius: 10px;

    margin-top: 20px;
}

#submit:active {
    background-color: #666;
}

/* 注册提示行整体样式 */
.login-dialog .row.register-tip {
  justify-content: center; /* 让行内元素水平居中对齐 */
  margin-top: 10px; /* 与上方提交按钮保持10px间距，避免拥挤 */
  font-size: 14px; /* 提示文字字号，比主文本稍小更协调 */
  color: #666; /* 提示文字颜色，浅灰色降低视觉权重，不抢焦点 */
}

/* 注册链接样式 */
.login-dialog .register-link {
  color: #007bff; /* 链接主色，使用Bootstrap经典蓝色，符合用户认知 */
  text-decoration: none; /* 去除默认下划线，让链接更简洁 */
  margin-left: -5px;
}

/* 链接 hover 效果 */
.login-dialog .register-link:hover {
  text-decoration: underline; /* 悬浮时显示下划线，明确可点击 */
  color: #0056b3; /* 颜色加深，强化悬浮反馈，符合交互设计规范 */
}