/* 我的家庭页面样式 */

/* 渐变背景覆盖层 */
.bg-gradient-to-t {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent);
}

/* 成员头像叠加效果 */
.avatar-overlap {
  display: flex;
}

.avatar-overlap .avatar-item:not(:first-child) {
  margin-left: -10rpx;
}

/* 兼容Tailwind的-space-x-2类名 */
.-space-x-2 > * + * {
  margin-left: -10rpx !important;
}

/* 确保头像圆形显示 */
.rounded-full {
  border-radius: 50%;
}

/* 按钮悬停效果 */
.bg-blue-500:active {
  background-color: #2563eb;
}

.bg-red-500:active {
  background-color: #dc2626;
}

/* 卡片阴影效果 */
.shadow-sm {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* 固定底部按钮样式 */
.fixed {
  position: fixed;
}

/* 空状态图标居中 */
.text-center {
  text-align: center;
}

/* 响应式间距 */
.space-y-4 > * + * {
  margin-top: 16rpx;
}

.gap-3 {
  gap: 12rpx;
}

/* 文本省略 */
.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}