/* 登录注册页面主题 - 浅橘色调 */
:root {
  --ion-color-light-orange: #FFE4C4;  // 浅橘色背景
  --ion-color-warm-accent: #FFA07A;   // 珊瑚橘强调色
  --ion-color-warm-shade: #FF8C66;    // 稍深的橘色
}

/* 工具栏样式 */
ion-toolbar {
  --min-height: 56px; /* 确保工具栏有标准高度 */
  display: flex;
  align-items: center;
  justify-content: center;

  ion-title {
    position: static !important; /* 移除绝对定位 */
    //transform: none !important;
    text-align: center;
    padding: 0 48px; /* 留出两侧按钮空间 */
    font-size: 1.2rem;
    font-weight: 500;
    color: #5D4037;
    left: auto;
    right: auto;
  }
}

/* 内容区域 */
ion-content {
  --background: var(--ion-color-light-orange);
  --padding-top: 24px;
}

/* 修复重叠问题并确保登录按钮显示 */
.auth-container {
  ion-item {
    --padding-start: 0;
    --inner-padding-end: 0;
    margin-bottom: 20px;
    
    ion-label {
      position: relative !important; /* 确保标签正常显示 */
      transform: none !important;
      margin-bottom: 8px;
      color: #5D4037;
      font-size: 0.9rem;
    }
    
    ion-input {
      --padding-start: 12px;
      --padding-end: 12px;
      border: 1px solid #FFD8B8;
      border-radius: 8px;
      height: 48px;
      background: rgba(255, 248, 242, 0.8);
    }
  }

  ion-button {
    margin-top: 24px; /* 确保按钮有足够间距 */
    margin-bottom: 16px;
    
    &:last-child {
      margin-top: 12px;
    }
  }
}

/* 响应式调整 */
@media (max-width: 576px) {
  .auth-container {
    padding: 16px;
    border-radius: 12px;
  }
}

/* 次要按钮样式 - 透明边框+珊瑚橘文字 */
ion-button{
  --color: #8B4513;
  --border-width: 1px;
  --border-color: #5D4037;
  --border-style: solid;
  --border-radius: 8px;
  --padding-top: 12px;
  --padding-bottom: 12px;
  
}

/* 按钮通用样式 */
ion-button {
  &[expand="block"] {
    --border-radius: 8px;
    height: 48px;
    font-weight: 500;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
  }
  /* 最后一个按钮(切换按钮)的特殊样式 */
  &:last-child {
    --color: #8B4513; /* 深棕色文字 */
    --background-activated: rgba(139, 69, 19, 0.1);
    font-size: 0.9rem;
    
    &:hover {
      --color: #5D4037;
      text-decoration: underline;
    }
  }
}