/* 页面顶部提示信息 */
.page-intro {
    padding: 16px;
    text-align: center;
    color: #777;
  }

  /* 错误信息 */
.error-message {
    padding: 16px;
    text-align: center;
    color: red;
  }
  
  /* 加载指示器 */
  ion-spinner {
    display: block;
    margin: 50px auto;
  }
  
  /* 家庭成员列表 */
  ion-list {
    margin-top: 8px;
  
    ion-item {
      --border-color: #ddd;
  
      ion-avatar img {
        border-radius: 50%;
        width: 40px;
        height: 40px;
      }
  
      h2 {
        font-size: 1rem;
        margin-bottom: 4px;
      }
  
      p {
        font-size: 0.9rem;
        color: #777;
      }
    }
  }
  
  /* 添加家庭成员的浮动按钮 */
  ion-fab-button {
    --background: var(--ion-color-primary);
    --color: white;
  }
  
  /* 成员详情模态框 */
  ion-modal {
    --height: auto;
    --width: 90%;
  
    ion-header {
      background-color: var(--ion-color-primary);
      color: white;
    }
  
    ion-content {
      padding: 16px;
    }
  }
  
  /* 操作菜单 */
  ion-popover {
    --width: 150px;
  
    ion-list {
      background-color: white;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  
      ion-item {
        --background-hover: #f9f9f9;
        padding: 12px 16px;
        cursor: pointer;
  
        &:hover {
          background-color: #f9f9f9;
        }
      }
    }
  }