.header-title {
  font-family: "FangSong", serif; /* 使用仿宋体 */
  font-weight: bold; /* 加粗 */
  text-align: center; /* 居中 */
}
/* 背景覆盖层 */
.background-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('/assets/images/login-background.jpg') no-repeat center center;
  background-size: cover;
}
/* 页面整体内容 */
.content-custom {
  font-family: 'FangSong', serif; /* 仿宋字体 */
  color: #2c2c2c;
}
/* 输入框样式 */
.custom-item {
  margin-top: 60px;
  --background: rgba(255, 255, 255, 0.7); /* 半透明背景 */
  --border-radius: 10px;
  --ion-item-background: transparent; /* 背景透明 */
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 15px;
}
.custom-label {
  margin-top: 30px;
  font-family: 'FangSong', serif; /* 仿宋字体 */
  font-size: 20px;
  color: #333;
}
.custom-input {
  font-family: 'FangSong', serif; /* 仿宋字体 */
  font-size: 20px;
  color: #2c2c2c;
  background: transparent; /* 保持背景透明 */
}
/* 按钮样式 */
.custom-button {
  font-family: 'FangSong', serif;
  color: #2c2c2c;
  --background: rgba(255, 255, 255, 0.8);
  --border-color: #2c2c2c;
  --border-radius: 20px;
  margin: 10px;
}
/* 登录按钮 */
.login-button {
  font-family: 'FangSong', serif;
  --background: #8c7b75; /* 古风棕色 */
  color: #fff;
  border-radius: 10px;
  margin-top: 40px;
  font-size: 18px;
  --box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
/* 按钮组样式 */
.transparent-box {
  display: flex; /* 使用 Flexbox 布局 */
  justify-content: space-between; /* 按钮间距自动分布 */
  align-items: center; /* 按钮垂直居中 */
  font-size: 24px; /* 调整按钮字体大小 */
  margin: 20px 10px; /* 上下留白 */
  padding: 10px 0; /* 内部留白 */
  background: rgba(255, 255, 255, 0.8); /* 半透明白色背景 */
  border-radius: 5px; /* 圆角设计 */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* 添加阴影效果 */
}
/* 按钮样式 */
.transparent-box ion-button {
  font-family: 'FangSong', serif; /* 使用仿宋字体 */
  color: #2c2c2c; /* 按钮文字颜色 */
  --background: url('/assets/images/button-background1.png') no-repeat center center;
  width: 120px; /* 按钮的宽度 */
  height: 50px; /* 按钮的高度 */
  --border-radius: 20px; /* 圆角按钮 */
  --border-color: #8c7b75; /* 边框颜色为古风棕色 */
  --padding-start: 15px; /* 按钮左右内边距 */
  --padding-end: 15px;
  --border-width: 1px; /* 边框宽度 */
  text-align: center; /* 按钮文字居中 */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* 添加阴影效果 */
  transition: all 0.3s ease; /* 添加交互动画 */
}
/* 鼠标悬停效果 */
.transparent-box ion-button:hover {
  transform: scale(1.05); /* 微微放大 */
}
