body {
  background-color: #f5f5dc; /* 米色背景 */
  font-family: 'Courier New', Courier, monospace; /* 等宽字体 */
}

.layadmin-user-login-main {
  background-color: #fff8dc; /* 米黄色背景 */
  border: 2px solid #008000; /* 绿色边框 */
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3); /* 阴影 */
}

.retro-input .layui-input {
  border: 2px solid #008000; /* 绿色边框 */
  background-color: #fffacd; /* 柠檬绸背景 */
  font-family: 'Courier New', Courier, monospace; /* 等宽字体 */
  font-size: 16px;
  padding: 10px;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1); /* 轻微阴影 */
  border-radius: 5px; /* 圆角边框 */
  transition: all 0.3s ease; /* 过渡效果 */
}

.retro-input .layui-input:focus {
  border-color: #006400; /* 聚焦时的边框颜色 */
  box-shadow: 0 0 10px rgba(0, 128, 0, 0.5); /* 聚焦时的阴影效果 */
}

.retro-input .layui-input::placeholder {
  color: #006400; /* 深绿色占位符 */
  opacity: 1;
}

.retro-input .layui-icon {
  color: #008000; /* 绿色图标 */
}

.custom-input {
  padding-left: 35px; /* 为了给图标留出空间 */
  position: relative;
}

.custom-input + .layui-icon {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #008000;
}

.layadmin-user-login-box .layui-btn {
  background-color: #008000; /* 绿色背景 */
  border: 2px solid #006400; /* 深绿色边框 */
  color: #fff;
  font-family: 'Courier New', Courier, monospace; /* 等宽字体 */
  font-size: 16px;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2); /* 阴影 */
}

.layadmin-user-login-box .layui-btn:hover {
  background-color: #006400; /* 深绿色背景 */
  border-color: #008000; /* 绿色边框 */
}