/* pages/login/index.wxss */
page {
  height: 100%;
  overflow: hidden;
}

.login-container {
  display: flex;
  flex-direction: column;
  height: 100vh;
  padding: 30rpx;
  background-color: #f6f6f6;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}

.login-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 8vh; /* 从12vh减小到8vh，使整体内容上移 */
  margin-bottom: 50rpx; /* 稍微减小下边距 */
}

.logo {
  width: 200rpx; /* 进一步增大logo尺寸 */
  height: 200rpx;
  margin-bottom: 40rpx;
}

.title {
  font-size: 56rpx; /* 将标题字体从48rpx增大到56rpx */
  font-weight: bold;
  color: #0052d9; /* 使用TDesign的主题蓝色，与登录按钮颜色一致 */
  letter-spacing: 4rpx; /* 增加字间距 */
  text-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.1); /* 添加轻微阴影，增强层次感 */
}

.login-form {
  background-color: #fff;
  border-radius: 16rpx;
  padding: 30rpx 20rpx; /* 增加内边距 */
  box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.05);
  margin-bottom: 30rpx;
  flex: 0 0 auto;
}

/* 微信登录区域 */
.wechat-login-section {
  margin-bottom: 40rpx;
}

/* 分割线样式 */
.divider {
  display: flex;
  align-items: center;
  margin: 30rpx 0;
}

.divider-line {
  flex: 1;
  height: 1rpx;
  background-color: #e0e0e0;
}

.divider-text {
  padding: 0 20rpx;
  font-size: 24rpx;
  color: #999;
}

.btn-wrapper {
  margin-top: 60rpx;
  margin-bottom: 20rpx;
}

/* 设备状态按钮样式 */
.device-status-btn {
  display: flex;
  justify-content: center;
  margin-top: 20rpx;
}

.device-status-btn button {
  font-size: 24rpx !important;
}

.footer-text {
  text-align: center;
  font-size: 24rpx;
  color: #999;
  position: absolute;
  bottom: 30rpx;
  left: 0;
  right: 0;
}