.bill-modal[data-v-1c06777f] {
  height: 100vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  background: -webkit-linear-gradient(315deg, #f5f7fa 0%, #c3cfe2 100%);
  background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
}
.modal-header[data-v-1c06777f] {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  padding: 20px;
  background: white;
  border-bottom: 1px solid #eee;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  -webkit-flex-shrink: 0;
          flex-shrink: 0; /* 防止头部被压缩 */
}
.modal-header h2[data-v-1c06777f] {
  margin: 0;
  font-size: 1.4rem;
  font-weight: bold;
  color: #333;
}
.bill-list[data-v-1c06777f] {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  overflow-y: auto;
  padding: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  gap: 15px;
  -webkit-overflow-scrolling: touch; /* iOS Safari */
  scrollbar-width: thin; /* Firefox */
  scrollbar-color: #667eea #f5f7fa; /* Firefox */
}

/* Webkit浏览器滚动条样式 */
.bill-list[data-v-1c06777f]::-webkit-scrollbar {
  width: 6px;
}
.bill-list[data-v-1c06777f]::-webkit-scrollbar-track {
  background: #f5f7fa;
  border-radius: 10px;
}
.bill-list[data-v-1c06777f]::-webkit-scrollbar-thumb {
  background: #667eea;
  border-radius: 10px;
}
.bill-list[data-v-1c06777f]::-webkit-scrollbar-thumb:hover {
  background: #764ba2;
}
.person-info-card[data-v-1c06777f] {
  background: white;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  margin-bottom: 15px;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  background: -webkit-linear-gradient(315deg, #a8edea 0%, #fed6e3 100);
  background: linear-gradient(135deg, #a8edea 0%, #fed6e3 100); /* 人物信息卡片使用独特的粉蓝渐变背景 */
}
.person-header[data-v-1c06777f] {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  padding: 20px;
  background: -webkit-linear-gradient(315deg, #667eea 0%, #764ba2 100%);
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
}
.avatar[data-v-1c06777f] {
  width: 60px;
  height: 60px;
  border-radius: 12px; /* 方形头像，使用圆角而非圆形 */
  overflow: hidden;
  margin-right: 15px;
  background: rgba(255, 255, 255, 0.2);
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
}
.square-avatar[data-v-1c06777f] {
  border-radius: 12px; /* 确保方形头像有适当的圆角 */
}
.avatar img[data-v-1c06777f] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.default-avatar[data-v-1c06777f] {
  width: 100%;
  height: 100%;
  background: #667eea;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
}
.default-avatar svg[data-v-1c06777f] {
  width: 70%;
  height: 70%;
}
.person-basic-info[data-v-1c06777f] {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
}
.person-name[data-v-1c06777f] {
  margin: 0 0 5px 0;
  font-size: 1.3rem;
  font-weight: bold;
}
.person-relation[data-v-1c06777f] {
  margin: 0;
  font-size: 1rem;
  opacity: 0.9;
}
.person-details[data-v-1c06777f] {
  padding: 15px 20px;
  background: #f9f9f9;
}
.detail-item[data-v-1c06777f] {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  margin-bottom: 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center; /* 垂直居中对齐 */
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between; /* 左右分布 */
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap; /* 防止换行 */
}
.detail-item[data-v-1c06777f]:last-child {
  margin-bottom: 0;
}
.label[data-v-1c06777f] {
  font-weight: bold;
  color: #666;
  font-size: 0.9rem;
  white-space: nowrap; /* 防止标签换行 */
  -webkit-flex-shrink: 0;
          flex-shrink: 0; /* 防止标签被压缩 */
  width: auto; /* 自动宽度 */
  min-width: 40px; /* 最小宽度 */
  padding-right: 10px; /* 右侧留白 */
  text-align: left; /* 文字左对齐 */
}
.value[data-v-1c06777f] {
  color: #333;
  font-size: 0.9rem;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1; /* 占据剩余空间 */
  text-align: right; /* 值右对齐 */
  word-break: break-all; /* 长文本自动换行 */
  overflow-wrap: break-word; /* 长单词换行 */
}
.bill-card[data-v-1c06777f] {
  background: white;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  min-height: 100px; /* 减少最小高度 */
}
.bill-card[data-v-1c06777f]:hover {
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}
.bill-header[data-v-1c06777f] {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  padding: 10px 15px;
  border-bottom: 1px solid #eee;
  color: white;
  min-height: 50px;
  border-radius: 12px 12px 0 0;
}

/* 收到金额的背景色 - 使用绿色渐变 */
.bill-header.income[data-v-1c06777f] {
  background: -webkit-linear-gradient(315deg, #51cf66 0%, #37b24d 100%);
  background: linear-gradient(135deg, #51cf66 0%, #37b24d 100%);
}

/* 送给金额的背景色 - 使用红色渐变 */
.bill-header.expense[data-v-1c06777f] {
  background: -webkit-linear-gradient(315deg, #ff6b6b 0%, #f03e3e 100%);
  background: linear-gradient(135deg, #ff6b6b 0%, #f03e3e 100%);
}
.bill-info .bill-date[data-v-1c06777f] {
  margin: 0;
  font-size: 1rem;
  opacity: 0.9;
  font-weight: bold;
}
.bill-amount[data-v-1c06777f] {
  font-size: 1.1rem;
  font-weight: bold;
  text-align: right;
  white-space: nowrap;
}
.bill-amount.expense[data-v-1c06777f] {
  color: #fff;
}
.bill-amount.income[data-v-1c06777f] {
  color: #fff;
}
.bill-body[data-v-1c06777f] {
  padding: 10px 15px;
}
.bill-detail[data-v-1c06777f] {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  margin-bottom: 8px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
          align-items: flex-start; /* 顶部对齐 */
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between; /* 左右分布 */
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap; /* 防止换行 */
}
.bill-detail[data-v-1c06777f]:last-child {
  margin-bottom: 0;
}
.bill-detail .label[data-v-1c06777f] {
  font-weight: bold;
  color: #666;
  font-size: 0.8rem;
  white-space: nowrap; /* 防止标签换行 */
  -webkit-flex-shrink: 0;
          flex-shrink: 0; /* 防止标签被压缩 */
  width: auto; /* 自动宽度 */
  min-width: 40px; /* 最小宽度 */
  padding-right: 10px; /* 右侧留白 */
  text-align: left; /* 文字左对齐 */
}
.bill-detail .value[data-v-1c06777f] {
  color: #333;
  font-size: 0.8rem;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1; /* 占据剩余空间 */
  text-align: right; /* 值右对齐 */
  word-break: break-word; /* 长文本自动换行 */
  overflow-wrap: break-word; /* 长单词换行 */
}
.empty-state[data-v-1c06777f] {
  text-align: center;
  padding: 60px 20px;
  background: white;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.empty-state p[data-v-1c06777f] {
  color: #999;
  font-size: 1.1rem;
  margin: 0;
}

/* 响应式设计 */
@media (max-width: 768px) {
.bill-modal[data-v-1c06777f] {
    height: 100vh;
}
.modal-header[data-v-1c06777f] {
    padding: 15px;
}
.modal-header h2[data-v-1c06777f] {
    font-size: 1.2rem;
}
.bill-list[data-v-1c06777f] {
    padding: 15px;
    gap: 12px;
}
.bill-header[data-v-1c06777f] {
    padding: 12px 15px;
}
.bill-info .bill-title[data-v-1c06777f] {
    font-size: 1rem;
}
.bill-amount[data-v-1c06777f] {
    font-size: 1.1rem;
}
.bill-body[data-v-1c06777f] {
    padding: 12px 15px;
}
.label[data-v-1c06777f] {
    font-size: 0.8rem;
    min-width: 35px; /* 移动端最小宽度调整 */
}
.value[data-v-1c06777f] {
    font-size: 0.8rem;
}
.bill-detail .label[data-v-1c06777f] {
    font-size: 0.75rem;
    min-width: 35px; /* 移动端最小宽度调整 */
}
.bill-detail .value[data-v-1c06777f] {
    font-size: 0.75rem;
}
}
.loading-more-center[data-v-1c06777f] {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  padding: 20px;
}
.no-more-data-center[data-v-1c06777f] {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  padding: 20px;
  color: #999;
  font-size: 14px;
}


.edit-person-modal[data-v-75616f10] {
  background: white;
  border-radius: 12px 12px 0 0;
  overflow: hidden;
  box-shadow: 0 -4px 15px rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  max-height: 90vh;
}
.modal-header[data-v-75616f10] {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  padding: 20px;
  background: -webkit-linear-gradient(315deg, #667eea 0%, #764ba2 100%);
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  border-bottom: 1px solid #eee;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
}
.modal-header h2[data-v-75616f10] {
  margin: 0;
  font-size: 1.4rem;
  font-weight: bold;
}
.modal-body[data-v-75616f10] {
  padding: 20px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  overflow-y: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
.form-item[data-v-75616f10] {
  margin-bottom: 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}
.form-item .label[data-v-75616f10] {
  display: block;
  font-weight: bold;
  color: #333;
  font-size: 1rem;
  min-width: 5em;
  text-align: right;
  margin-right: 10px;
}

/* 必填字段样式 */
.form-item .label.required[data-v-75616f10] {
  position: relative;
}
.required-star[data-v-75616f10] {
  color: #ff4d4f;
  margin-left: 4px;
}
.form-value[data-v-75616f10] {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
}

/* 表单输入框样式 */
.form-input[data-v-75616f10] {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  width: 100%;
  margin-bottom: 0;
}

/* 性别选择按钮样式 */
.gender-selection[data-v-75616f10] {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  gap: 8px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
}
.gender-btn[data-v-75616f10] {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  height: 32px;
  border-radius: 6px;
  border: 1px solid #ddd;
  background: white;
  color: #333;
  font-size: 12px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.gender-btn[data-v-75616f10]:hover {
  border-color: #667eea;
  background: #f8f9ff;
}
.gender-btn.selected[data-v-75616f10] {
  border-color: #667eea;
  background: #667eea;
  color: white;
  box-shadow: 0 2px 4px rgba(102, 126, 234, 0.3);
}
.modal-footer[data-v-75616f10] {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  gap: 12px;
  padding: 20px;
  border-top: 1px solid #eee;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
}
.cancel-btn[data-v-75616f10], .save-btn[data-v-75616f10] {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  height: 40px;
}
.delete-btn[data-v-75616f10] {
  height: 40px;
  margin: 0 10px;
}

/* 头像上传样式 */
.avatar-item[data-v-75616f10] {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
          align-items: flex-start;
}
.avatar-upload[data-v-75616f10] {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}
.avatar-container[data-v-75616f10] {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  gap: 15px;
}
.avatar-preview[data-v-75616f10] {
  width: 80px;
  height: 80px;
  border-radius: 12px;
  overflow: hidden;
  background: #f0f0f0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  border: 1px solid #ddd;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}
.avatar-preview img[data-v-75616f10] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.default-avatar[data-v-75616f10] {
  width: 100%;
  height: 100%;
  background: #667eea;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
}
.default-avatar svg[data-v-75616f10] {
  width: 70%;
  height: 70%;
}
.upload-btn[data-v-75616f10] {
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
}

/* 关系选择器样式 */
.relation-picker-modal[data-v-75616f10] {
  background: white;
  border-radius: 12px 12px 0 0;
  overflow: hidden;
  box-shadow: 0 -4px 15px rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
.picker-header[data-v-75616f10] {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  padding: 20px;
  background: -webkit-linear-gradient(315deg, #667eea 0%, #764ba2 100%);
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  border-bottom: 1px solid #eee;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
}
.picker-header h3[data-v-75616f10] {
  margin: 0;
  font-size: 1.2rem;
  font-weight: bold;
}
.picker-body[data-v-75616f10] {
  padding: 20px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  overflow-y: auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
}
.relation-item[data-v-75616f10] {
  padding: 12px 8px;
  text-align: center;
  border-radius: 8px;
  background: #f8f9fa;
  border: 1px solid #e9ecef;
  color: #495057;
  font-size: 14px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.relation-item[data-v-75616f10]:hover {
  background: #e9ecef;
  border-color: #667eea;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.relation-item.selected[data-v-75616f10] {
  background: #667eea;
  border-color: #667eea;
  color: white;
  box-shadow: 0 4px 8px rgba(102, 126, 234, 0.3);
}
@media (max-width: 768px) {
.edit-person-modal[data-v-75616f10] {
    border-radius: 16rpx 16rpx 0 0;
}
.modal-header[data-v-75616f10] {
    padding: 32rpx;
}
.modal-body[data-v-75616f10] {
    padding: 32rpx;
    gap: 32rpx;
}
.form-item[data-v-75616f10] {
    margin-bottom: 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
}
.form-item .label[data-v-75616f10] {
    font-size: 0.9rem;
    min-width: 5em;
    text-align: right;
    margin-right: 10px;
}
.modal-footer[data-v-75616f10] {
    padding: 32rpx;
    gap: 24rpx;
}
.gender-selection[data-v-75616f10] {
    gap: 6px;
}
.gender-btn[data-v-75616f10] {
    height: 32px;
    font-size: 12px;
}
.picker-body[data-v-75616f10] {
    padding: 32rpx;
    gap: 20px;
}
.relation-item[data-v-75616f10] {
    padding: 15px 10px;
    font-size: 16px;
}
}


.edit-bill-modal[data-v-5f708239] {
  background: white;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  max-height: 90vh;
}
.modal-header[data-v-5f708239] {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  padding: 20px;
  background: -webkit-linear-gradient(315deg, #667eea 0%, #764ba2 100%);
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  border-bottom: 1px solid #eee;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
}
.modal-header h2[data-v-5f708239] {
  margin: 0;
  font-size: 1.4rem;
  font-weight: bold;
}
.modal-body[data-v-5f708239] {
  padding: 20px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  overflow-y: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  gap: 5px;
}
.form-item[data-v-5f708239] {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  margin-bottom: 5px;
}
.form-label[data-v-5f708239] {
  width: 80px;
  font-weight: bold;
  color: #333;
  text-align: left;
  white-space: nowrap;
  padding-right: 10px;
}
.form-value[data-v-5f708239] {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
}
.form-value[data-v-5f708239] .t-input {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-size: 14px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.form-value[data-v-5f708239] .t-input:focus {
  outline: none;
  border-color: #667eea;
  box-shadow: 0 0 0 2px rgba(102, 126, 234, 0.2);
}
.form-value[data-v-5f708239] .t-input[readonly] {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #ddd;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.form-value[data-v-5f708239] .t-input[readonly]:hover {
  border-color: #667eea;
  box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}
.form-value[data-v-5f708239] .t-textarea {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-size: 14px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  min-height: 80px;
  color: rgba(0, 0, 0, 0.9); /* 统一文本颜色 */
}
.form-value[data-v-5f708239] .t-textarea:focus {
  outline: none;
  border-color: #667eea;
  box-shadow: 0 0 0 2px rgba(102, 126, 234, 0.2);
}
.radio-group[data-v-5f708239] {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  gap: 15px;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}

/* 矩形按钮样式 */
.button-group[data-v-5f708239] {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  gap: 10px;
}
.rect-button[data-v-5f708239] {
  padding: 8px 16px;
  border: 1px solid #ddd;
  background-color: #f5f7fa;
  border-radius: 8px;
  font-size: 14px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  min-width: 80px;
  text-align: center;
}
.rect-button[data-v-5f708239]:hover {
  background-color: #e6f7ff;
  border-color: #667eea;
}
.rect-button.active[data-v-5f708239] {
  background: -webkit-linear-gradient(315deg, #667eea 0%, #764ba2 100%);
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  border-color: #667eea;
  font-weight: bold;
}

/* 自定义单选按钮样式 - 文字在上，选择圆圈在下，居中对齐 */
.radio-group[data-v-5f708239] .t-radio {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  gap: 5px;
  width: auto;
  padding: 5px;
}
.radio-group[data-v-5f708239] .t-radio__label {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
          order: -1; /* 将标签放在前面 */
  margin: 0 !important;
  font-size: 14px;
  text-align: center;
  line-height: 1.2;
}
.radio-group[data-v-5f708239] .t-radio__input {
  margin: 0 !important;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
          order: 1; /* 确保输入框在后面 */
}
.radio-group[data-v-5f708239] .t-radio__input .t-radio-icon {
  margin: 0 !important;
}
.modal-footer[data-v-5f708239] {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  padding: 20px;
  gap: 15px;
  border-top: 1px solid #eee;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
}
.cancel-btn[data-v-5f708239], .save-btn[data-v-5f708239], .delete-btn[data-v-5f708239] {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  border-radius: 8px;
  font-weight: bold;
}
.save-btn[data-v-5f708239] {
  box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}
.delete-btn[data-v-5f708239] {
  box-shadow: 0 2px 8px rgba(255, 107, 107, 0.3);
}

/* 响应式设计 */
@media (max-width: 768px) {
.modal-header[data-v-5f708239] {
    padding: 15px;
}
.modal-header h2[data-v-5f708239] {
    font-size: 1.2rem;
}
.modal-body[data-v-5f708239] {
    padding: 15px;
}
.form-item[data-v-5f708239] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
    margin-bottom: 5px;
}
.form-label[data-v-5f708239] {
    width: 80px;
    font-weight: bold;
    color: #333;
    text-align: left;
    white-space: nowrap;
    padding-right: 10px;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
}
.radio-group[data-v-5f708239] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    gap: 10px;
    -webkit-flex-wrap: nowrap;
            flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
}
  
  /* 自定义单选按钮样式 - 文字在上，选择圆圈在下 */
.radio-group[data-v-5f708239] .t-radio {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
            justify-content: center;
    gap: 5px;
    width: auto;
    padding: 5px;
}
.radio-group[data-v-5f708239] .t-radio__label {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
            order: -1; /* 将标签放在前面 */
    margin: 0 !important;
    font-size: 14px;
    text-align: center;
    line-height: 1.2;
}
.radio-group[data-v-5f708239] .t-radio__input {
    margin: 0 !important;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
            order: 1; /* 确保输入框在后面 */
}
.radio-group[data-v-5f708239] .t-radio__input .t-radio-icon {
    margin: 0 !important;
}
  
  /* 在非常小的屏幕上减小字体大小 */
@media (max-width: 375px) {
.radio-group[data-v-5f708239] .t-radio {
      font-size: 12px;
}
}
.modal-footer[data-v-5f708239] {
    padding: 15px;
    gap: 10px;
}
}


.relation-picker-modal[data-v-702ce376] {
  background: white;
  border-radius: 12px 12px 0 0;
  overflow: hidden;
  box-shadow: 0 -4px 15px rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  height: 80vh; /* 设置固定高度以便滚动 */
  max-height: 80vh; /* 限制最大高度 */
}
.picker-header[data-v-702ce376] {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  padding: 20px;
  background: -webkit-linear-gradient(315deg, #667eea 0%, #764ba2 100%);
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  border-bottom: 1px solid #eee;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
}
.picker-header h3[data-v-702ce376] {
  margin: 0;
  font-size: 1.2rem;
  font-weight: bold;
}
.picker-body[data-v-702ce376] {
  padding: 20px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  overflow-y: auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
          align-items: stretch;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: #667eea #f0f2f5;
}

/* Webkit浏览器滚动条样式 */
.picker-body[data-v-702ce376]::-webkit-scrollbar {
  width: 6px;
}
.picker-body[data-v-702ce376]::-webkit-scrollbar-track {
  background: #f0f2f5;
  border-radius: 10px;
}
.picker-body[data-v-702ce376]::-webkit-scrollbar-thumb {
  background: #667eea;
  border-radius: 10px;
}
.picker-body[data-v-702ce376]::-webkit-scrollbar-thumb:hover {
  background: #764ba2;
}
.relation-item[data-v-702ce376] {
  padding: 12px 8px;
  text-align: center;
  border-radius: 4px;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  color: #333333;
  font-size: 14px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  min-height: 100%;
  word-break: break-word;
  line-height: 1.4;
  white-space: normal;
  position: relative;
}
.relation-item[data-v-702ce376]:hover {
  background: #f5f7fa;
  border-color: #c0c4cc;
  -webkit-transform: none;
          transform: none;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.relation-item.selected[data-v-702ce376] {
  background: #f0f2f5;
  border-color: #dcdcdc;
  color: #667eea;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.relation-item.selected[data-v-702ce376]::after {
  content: '';
  position: absolute;
  top: 6px;
  right: 6px;
  width: 6px;
  height: 6px;
  background: #667eea;
  border-radius: 50%;
}
.scroll-indicator[data-v-702ce376] {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  padding: 8px 0;
}
.scroll-indicator-line[data-v-702ce376] {
  width: 40px;
  height: 3px;
  background: #e0e0e0;
  border-radius: 2px;
}
@media (max-width: 768px) {
.picker-body[data-v-702ce376] {
    padding: 32rpx;
    gap: 20px;
    grid-template-columns: repeat(2, 1fr);
}
.relation-item[data-v-702ce376] {
    padding: 15px 10px;
    font-size: 16px;
    min-height: 80px;
}
}


.bill-modal[data-v-4ea25dc6] {
  height: 100vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  background: -webkit-linear-gradient(315deg, #f5f7fa 0%, #c3cfe2 100%);
  background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
}
.modal-header[data-v-4ea25dc6] {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  padding: 20px;
  background: white;
  border-bottom: 1px solid #eee;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
}
.modal-header h2[data-v-4ea25dc6] {
  margin: 0;
  font-size: 1.4rem;
  font-weight: bold;
  color: #333;
}
.bill-list[data-v-4ea25dc6] {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  overflow-y: auto;
  padding: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  gap: 15px;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: #667eea #f5f7fa;
}

/* Webkit浏览器滚动条样式 */
.bill-list[data-v-4ea25dc6]::-webkit-scrollbar {
  width: 6px;
}
.bill-list[data-v-4ea25dc6]::-webkit-scrollbar-track {
  background: #f5f7fa;
  border-radius: 10px;
}
.bill-list[data-v-4ea25dc6]::-webkit-scrollbar-thumb {
  background: #667eea;
  border-radius: 10px;
}
.bill-list[data-v-4ea25dc6]::-webkit-scrollbar-thumb:hover {
  background: #764ba2;
}
.person-info-card[data-v-4ea25dc6] {
  background: white;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  margin-bottom: 15px;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  background: -webkit-linear-gradient(315deg, #a8edea 0%, #fed6e3 100);
  background: linear-gradient(135deg, #a8edea 0%, #fed6e3 100);
}
.person-header[data-v-4ea25dc6] {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  padding: 20px;
  background: -webkit-linear-gradient(315deg, #667eea 0%, #764ba2 100%);
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
}
.avatar[data-v-4ea25dc6] {
  width: 60px;
  height: 60px;
  border-radius: 12px;
  overflow: hidden;
  margin-right: 15px;
  background: rgba(255, 255, 255, 0.2);
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
}
.square-avatar[data-v-4ea25dc6] {
  border-radius: 12px;
}
.avatar img[data-v-4ea25dc6] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.default-avatar[data-v-4ea25dc6] {
  width: 100%;
  height: 100%;
  background: #667eea;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
}
.default-avatar svg[data-v-4ea25dc6] {
  width: 70%;
  height: 70%;
}
.person-basic-info[data-v-4ea25dc6] {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
}
.person-name[data-v-4ea25dc6] {
  margin: 0 0 5px 0;
  font-size: 1.3rem;
  font-weight: bold;
}
.person-relation[data-v-4ea25dc6] {
  margin: 0;
  font-size: 1rem;
  opacity: 0.9;
}
.person-details[data-v-4ea25dc6] {
  padding: 15px 20px;
  background: #f9f9f9;
}
.detail-item[data-v-4ea25dc6] {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  margin-bottom: 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
}
.detail-item[data-v-4ea25dc6]:last-child {
  margin-bottom: 0;
}
.label[data-v-4ea25dc6] {
  font-weight: bold;
  color: #666;
  font-size: 0.9rem;
  white-space: nowrap;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  width: auto;
  min-width: 40px;
  padding-right: 10px;
  text-align: left;
}
.value[data-v-4ea25dc6] {
  color: #333;
  font-size: 0.9rem;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  text-align: right;
  word-break: break-all;
  overflow-wrap: break-word;
}
.bill-card[data-v-4ea25dc6] {
  background: white;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  min-height: 100px;
}
.bill-card[data-v-4ea25dc6]:hover {
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}
.bill-header[data-v-4ea25dc6] {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  padding: 10px 15px;
  border-bottom: 1px solid #eee;
  color: white;
  min-height: 50px;
  border-radius: 12px 12px 0 0;
}

/* 收到金额的背景色 - 使用绿色渐变 */
.bill-header.income[data-v-4ea25dc6] {
  background: -webkit-linear-gradient(315deg, #51cf66 0%, #37b24d 100%);
  background: linear-gradient(135deg, #51cf66 0%, #37b24d 100%);
}

/* 送给金额的背景色 - 使用红色渐变 */
.bill-header.expense[data-v-4ea25dc6] {
  background: -webkit-linear-gradient(315deg, #ff6b6b 0%, #f03e3e 100%);
  background: linear-gradient(135deg, #ff6b6b 0%, #f03e3e 100%);
}
.bill-info .bill-date[data-v-4ea25dc6] {
  margin: 0;
  font-size: 1rem;
  opacity: 0.9;
  font-weight: bold;
}
.bill-amount[data-v-4ea25dc6] {
  font-size: 1.1rem;
  font-weight: bold;
  text-align: right;
  white-space: nowrap;
}
.bill-amount.expense[data-v-4ea25dc6] {
  color: #fff;
}
.bill-amount.income[data-v-4ea25dc6] {
  color: #fff;
}
.bill-body[data-v-4ea25dc6] {
  padding: 10px 15px;
}
.bill-detail[data-v-4ea25dc6] {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  margin-bottom: 8px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
          align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
}
.bill-detail[data-v-4ea25dc6]:last-child {
  margin-bottom: 0;
}
.bill-detail .label[data-v-4ea25dc6] {
  font-weight: bold;
  color: #666;
  font-size: 0.8rem;
  white-space: nowrap;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  width: auto;
  min-width: 40px;
  padding-right: 10px;
  text-align: left;
}
.bill-detail .value[data-v-4ea25dc6] {
  color: #333;
  font-size: 0.8rem;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  text-align: right;
  word-break: break-word;
  overflow-wrap: break-word;
}
.empty-state[data-v-4ea25dc6] {
  text-align: center;
  padding: 60px 20px;
  background: white;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.empty-state p[data-v-4ea25dc6] {
  color: #999;
  font-size: 1.1rem;
  margin: 0;
}

/* 响应式设计 */
@media (max-width: 768px) {
.bill-modal[data-v-4ea25dc6] {
    height: 100vh;
}
.modal-header[data-v-4ea25dc6] {
    padding: 15px;
}
.modal-header h2[data-v-4ea25dc6] {
    font-size: 1.2rem;
}
.bill-list[data-v-4ea25dc6] {
    padding: 15px;
    gap: 12px;
}
.bill-header[data-v-4ea25dc6] {
    padding: 12px 15px;
}
.bill-info .bill-title[data-v-4ea25dc6] {
    font-size: 1rem;
}
.bill-amount[data-v-4ea25dc6] {
    font-size: 1.1rem;
}
.bill-body[data-v-4ea25dc6] {
    padding: 12px 15px;
}
.label[data-v-4ea25dc6] {
    font-size: 0.8rem;
    min-width: 35px;
}
.value[data-v-4ea25dc6] {
    font-size: 0.8rem;
}
.bill-detail .label[data-v-4ea25dc6] {
    font-size: 0.75rem;
    min-width: 35px;
}
.bill-detail .value[data-v-4ea25dc6] {
    font-size: 0.75rem;
}
}
.loading-center[data-v-4ea25dc6] {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  padding: 60px 20px;
  background: white;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.loading-more-center[data-v-4ea25dc6] {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  padding: 20px;
}
.no-more-data-center[data-v-4ea25dc6] {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  padding: 20px;
  color: #999;
  font-size: 14px;
}


.edit-self-modal[data-v-5a2b38e0] {
  background: white;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  max-height: 90vh;
}
.modal-header[data-v-5a2b38e0] {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  padding: 20px;
  background: -webkit-linear-gradient(315deg, #667eea 0%, #764ba2 100%);
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  border-bottom: 1px solid #eee;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
}
.modal-header h2[data-v-5a2b38e0] {
  margin: 0;
  font-size: 1.4rem;
  font-weight: bold;
}
.modal-body[data-v-5a2b38e0] {
  padding: 20px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  overflow-y: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  gap: 15px;
}
.form-item[data-v-5a2b38e0] {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}
.form-label[data-v-5a2b38e0] {
  width: 80px;
  font-weight: bold;
  color: #333;
  text-align: left;
  white-space: nowrap;
  padding-right: 10px;
}
.form-value[data-v-5a2b38e0] {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
}
.form-value[data-v-5a2b38e0] .t-input {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-size: 14px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.form-value[data-v-5a2b38e0] .t-input:focus {
  outline: none;
  border-color: #667eea;
  box-shadow: 0 0 0 2px rgba(102, 126, 234, 0.2);
}
.form-value[data-v-5a2b38e0] .t-textarea {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-size: 14px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  min-height: 80px;
  color: rgba(0, 0, 0, 0.9); /* 统一文本颜色 */
}
.form-value[data-v-5a2b38e0] .t-textarea:focus {
  outline: none;
  border-color: #667eea;
  box-shadow: 0 0 0 2px rgba(102, 126, 234, 0.2);
}
.form-value[data-v-5a2b38e0] .t-radio-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  gap: 15px;
}
.modal-footer[data-v-5a2b38e0] {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  padding: 20px;
  gap: 15px;
  border-top: 1px solid #eee;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
}
.cancel-btn[data-v-5a2b38e0], .save-btn[data-v-5a2b38e0] {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  border-radius: 8px;
  font-weight: bold;
}
.save-btn[data-v-5a2b38e0] {
  box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}


.add-person-modal[data-v-d19c9a60] {
  background: white;
  border-radius: 12px 12px 0 0;
  overflow: hidden;
  box-shadow: 0 -4px 15px rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  max-height: 90vh;
}
.modal-header[data-v-d19c9a60] {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  padding: 20px;
  background: -webkit-linear-gradient(315deg, #667eea 0%, #764ba2 100%);
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  border-bottom: 1px solid #eee;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
}
.modal-header h2[data-v-d19c9a60] {
  margin: 0;
  font-size: 1.4rem;
  font-weight: bold;
}
.modal-body[data-v-d19c9a60] {
  padding: 20px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  overflow-y: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
.form-item[data-v-d19c9a60] {
  margin-bottom: 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}
.form-item .label[data-v-d19c9a60] {
  display: block;
  font-weight: bold;
  color: #333;
  font-size: 1rem;
  min-width: 5em;
  text-align: right;
  margin-right: 10px;
}

/* 必填字段样式 */
.form-item .label.required[data-v-d19c9a60] {
  position: relative;
}
.required-star[data-v-d19c9a60] {
  color: #ff4d4f;
  margin-left: 4px;
}
.form-value[data-v-d19c9a60] {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
}

/* 表单输入框样式 */
.form-input[data-v-d19c9a60] {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  width: 100%;
  margin-bottom: 0;
}
.form-value[data-v-d19c9a60] .t-input[readonly] {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #ddd;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.form-value[data-v-d19c9a60] .t-input[readonly]:hover {
  border-color: #667eea;
  box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}

/* 性别选择按钮样式 */
.gender-selection[data-v-d19c9a60] {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  gap: 8px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
}
.gender-btn[data-v-d19c9a60] {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  height: 32px;
  border-radius: 6px;
  border: 1px solid #ddd;
  background: white;
  color: #333;
  font-size: 12px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.gender-btn[data-v-d19c9a60]:hover {
  border-color: #667eea;
  background: #f8f9ff;
}
.gender-btn.selected[data-v-d19c9a60] {
  border-color: #667eea;
  background: #667eea;
  color: white;
  box-shadow: 0 2px 4px rgba(102, 126, 234, 0.3);
}

/* 账目类型选择按钮样式 */
.ledger-type-selection[data-v-d19c9a60] {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  gap: 8px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
}
.ledger-type-btn[data-v-d19c9a60] {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  height: 32px;
  border-radius: 6px;
  border: 1px solid #ddd;
  background: white;
  color: #333;
  font-size: 12px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.ledger-type-btn[data-v-d19c9a60]:hover {
  border-color: #667eea;
  background: #f8f9ff;
}
.ledger-type-btn.selected[data-v-d19c9a60] {
  border-color: #667eea;
  background: #667eea;
  color: white;
  box-shadow: 0 2px 4px rgba(102, 126, 234, 0.3);
}
.modal-footer[data-v-d19c9a60] {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  gap: 12px;
  padding: 20px;
  border-top: 1px solid #eee;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
}
.cancel-btn[data-v-d19c9a60], .save-btn[data-v-d19c9a60] {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  height: 40px;
}

/* 关系选择器样式 */
.relation-picker-modal[data-v-d19c9a60], .event-type-picker-modal[data-v-d19c9a60] {
  background: white;
  border-radius: 12px 12px 0 0;
  overflow: hidden;
  box-shadow: 0 -4px 15px rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
.picker-header[data-v-d19c9a60] {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  padding: 20px;
  background: -webkit-linear-gradient(315deg, #667eea 0%, #764ba2 100%);
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  border-bottom: 1px solid #eee;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
}
.picker-header h3[data-v-d19c9a60] {
  margin: 0;
  font-size: 1.2rem;
  font-weight: bold;
}
.picker-body[data-v-d19c9a60] {
  padding: 20px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  overflow-y: auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
  -webkit-overflow-scrolling: touch; /* 添加iOS弹性滚动 */
  scrollbar-width: thin; /* Firefox滚动条 */
  scrollbar-color: #667eea #f0f2f5; /* Firefox滚动条颜色 */
}

/* Webkit浏览器滚动条样式 */
.picker-body[data-v-d19c9a60]::-webkit-scrollbar {
  width: 6px;
}
.picker-body[data-v-d19c9a60]::-webkit-scrollbar-track {
  background: #f0f2f5;
  border-radius: 10px;
}
.picker-body[data-v-d19c9a60]::-webkit-scrollbar-thumb {
  background: #667eea;
  border-radius: 10px;
}
.picker-body[data-v-d19c9a60]::-webkit-scrollbar-thumb:hover {
  background: #764ba2;
}
.relation-item[data-v-d19c9a60], .event-type-item[data-v-d19c9a60] {
  padding: 12px 8px;
  text-align: center;
  border-radius: 8px;
  background: #f8f9fa;
  border: 1px solid #e9ecef;
  color: #495057;
  font-size: 14px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.relation-item[data-v-d19c9a60]:hover, .event-type-item[data-v-d19c9a60]:hover {
  background: #e9ecef;
  border-color: #667eea;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.relation-item.selected[data-v-d19c9a60], .event-type-item.selected[data-v-d19c9a60] {
  background: #667eea;
  border-color: #667eea;
  color: white;
  box-shadow: 0 4px 8px rgba(102, 126, 234, 0.3);
}
@media (max-width: 768px) {
.add-person-modal[data-v-d19c9a60] {
    border-radius: 16rpx 16rpx 0 0;
}
.modal-header[data-v-d19c9a60] {
    padding: 32rpx;
}
.modal-body[data-v-d19c9a60] {
    padding: 32rpx;
    gap: 32rpx;
}
.form-item[data-v-d19c9a60] {
    margin-bottom: 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
}
.form-item .label[data-v-d19c9a60] {
    font-size: 0.9rem;
    min-width: 5em;
    text-align: right;
    margin-right: 10px;
}
.modal-footer[data-v-d19c9a60] {
    padding: 32rpx;
    gap: 24rpx;
}
.gender-selection[data-v-d19c9a60] {
    gap: 6px;
}
.gender-btn[data-v-d19c9a60] {
    height: 32px;
    font-size: 12px;
}
.ledger-type-selection[data-v-d19c9a60] {
    gap: 6px;
}
.ledger-type-btn[data-v-d19c9a60] {
    height: 32px;
    font-size: 12px;
}
.picker-body[data-v-d19c9a60] {
    padding: 32rpx;
    gap: 20px;
}
.relation-item[data-v-d19c9a60], .event-type-item[data-v-d19c9a60] {
    padding: 15px 10px;
    font-size: 16px;
}
}

.statistics-container[data-v-fa203f9a]{padding:20px;background-color:#f5f5f5;min-height:100vh;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:50px}.header[data-v-fa203f9a]{text-align:center;margin-bottom:20px}.header h1[data-v-fa203f9a]{font-size:24px;color:#333;margin:0}.chart-container[data-v-fa203f9a]{background:#fff;border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 2px 8px rgba(0,0,0,.1);max-width:100%;overflow-x:auto}.chart-header[data-v-fa203f9a]{margin-bottom:15px}.chart-header h2[data-v-fa203f9a]{font-size:18px;color:#333;margin:0;text-align:center}.chart-wrapper[data-v-fa203f9a]{width:100%;height:300px;scroll-behavior:smooth}.stats-summary[data-v-fa203f9a]{display:grid;grid-template-columns:repeat(2, 1fr);gap:15px;max-width:100%;margin-bottom:15px}.stat-card[data-v-fa203f9a]{background:#fff;border-radius:8px;padding:20px;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,.1);max-width:100%;overflow-x:auto;position:relative;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.stat-card[data-v-fa203f9a]:active{-webkit-transform:scale(0.95);transform:scale(0.95);background-color:#f0f0f0}.stat-card .clickable-badge[data-v-fa203f9a]{position:absolute;top:8px;right:8px;background-color:#ff6b6b;color:#fff;font-size:10px;padding:2px 6px;border-radius:10px;opacity:.9}.stat-value[data-v-fa203f9a]{font-size:24px;font-weight:bold;color:#333;margin-bottom:5px}.stat-value.negative[data-v-fa203f9a]{color:#ff4d4f}.stat-label[data-v-fa203f9a]{font-size:14px;color:#666}@media(min-width: 768px){.stats-summary[data-v-fa203f9a]{grid-template-columns:repeat(4, 1fr)}.header h1[data-v-fa203f9a]{font-size:28px}}.statistics-container[data-v-fa203f9a]{will-change:scroll-position;transform:translateZ(0);-webkit-transform:translateZ(0)}
.relationship-graph-container[data-v-8cc97d22]{height:100vh;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.relationship-graph-container .header[data-v-8cc97d22]{-webkit-flex-shrink:0;flex-shrink:0}.relationship-graph-container #graph-container[data-v-8cc97d22]{-webkit-box-flex:1;-webkit-flex:1;flex:1;width:100%;overflow:hidden;transform:translateZ(0);-webkit-transform:translateZ(0);will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}.back-button[data-v-8cc97d22]{padding:8px 16px;border-radius:6px;-webkit-transition:all .3s ease;transition:all .3s ease;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.back-button[data-v-8cc97d22]:hover{background-color:#f5f5f5}.back-button[data-v-8cc97d22]:active{background-color:#e0e0e0;-webkit-transform:scale(0.98);transform:scale(0.98)}.reset-button[data-v-8cc97d22]{position:fixed;right:20px;bottom:20px;width:50px;height:50px;background-color:#1890ff;border-radius:50%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.15);cursor:pointer;z-index:10;transform:translateZ(0);-webkit-transform:translateZ(0);will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}.reset-button[data-v-8cc97d22]:active{background-color:#40a9ff}.append-button[data-v-8cc97d22]{position:fixed;right:20px;bottom:90px;width:50px;height:50px;background-color:#52c41a;border-radius:50%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.15);cursor:pointer;z-index:10;transform:translateZ(0);-webkit-transform:translateZ(0);will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}.append-button[data-v-8cc97d22]:active{background-color:#73d13d}.append-button.disabled[data-v-8cc97d22]{background-color:#f0f0f0;cursor:not-allowed}.append-button.disabled[data-v-8cc97d22]:active{background-color:#f0f0f0}
.manage-gift-status-content[data-v-5a99ac04]{padding:20px}.manage-gift-status-content .status-info[data-v-5a99ac04]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;align-items:center;margin-bottom:20px;padding:15px;background-color:#f5f5f5;border-radius:8px}.manage-gift-status-content .status-info .person-info[data-v-5a99ac04]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.manage-gift-status-content .status-info .person-info .avatar[data-v-5a99ac04]{width:50px;height:50px;border-radius:50%;object-fit:cover;margin-right:10px;border:2px solid #f0f0f0}.manage-gift-status-content .status-info .person-info .person-details .person-name[data-v-5a99ac04]{font-size:16px;font-weight:bold;color:#333;margin-bottom:4px}.manage-gift-status-content .status-info .person-info .person-details .relation-type[data-v-5a99ac04]{font-size:14px;color:#666}.manage-gift-status-content .status-info .current-status[data-v-5a99ac04]{text-align:right}.manage-gift-status-content .status-info .current-status .status-label[data-v-5a99ac04]{font-size:14px;color:#666;margin-bottom:4px}.manage-gift-status-content .status-info .current-status .status-value[data-v-5a99ac04]{font-size:16px;font-weight:bold;padding:4px 12px;border-radius:15px;color:#fff}.manage-gift-status-content .status-info .current-status .status-value.owe[data-v-5a99ac04]{background-color:#ff6b6b}.manage-gift-status-content .status-info .current-status .status-value.not-urgent[data-v-5a99ac04]{background-color:#4caf50}.manage-gift-status-content .status-info .current-status .status-value.need-repay[data-v-5a99ac04]{background-color:#2196f3}.manage-gift-status-content .status-info .current-status .status-value.none[data-v-5a99ac04]{background-color:#9e9e9e}.manage-gift-status-content .status-selection[data-v-5a99ac04]{margin-bottom:20px}.manage-gift-status-content .status-selection .selection-title[data-v-5a99ac04]{font-size:16px;font-weight:bold;color:#333;margin-bottom:15px}.manage-gift-status-content .status-selection .status-options[data-v-5a99ac04]{display:-webkit-box;display:-webkit-flex;display:flex;gap:15px}.manage-gift-status-content .status-selection .status-options .status-option[data-v-5a99ac04]{-webkit-box-flex:1;-webkit-flex:1;flex:1;padding:15px;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.manage-gift-status-content .status-selection .status-options .status-option[data-v-5a99ac04]:hover{border-color:#667eea}.manage-gift-status-content .status-selection .status-options .status-option.active[data-v-5a99ac04]{border-color:#667eea;background-color:rgba(102,126,234,.1)}.manage-gift-status-content .status-selection .status-options .status-option .status-option-content[data-v-5a99ac04]{text-align:center}.manage-gift-status-content .status-selection .status-options .status-option .status-option-content .status-option-label[data-v-5a99ac04]{font-size:16px;font-weight:bold;color:#333;margin-bottom:5px}.manage-gift-status-content .status-selection .status-options .status-option .status-option-content .status-option-desc[data-v-5a99ac04]{font-size:14px;color:#666}.manage-gift-status-content .evaluate-section .section-title[data-v-5a99ac04]{font-size:16px;font-weight:bold;color:#333;margin-bottom:15px}.manage-gift-status-content .evaluate-section .evaluate-info[data-v-5a99ac04]{padding:15px;background-color:#f9f9f9;border-radius:8px}.manage-gift-status-content .evaluate-section .evaluate-info .info-row[data-v-5a99ac04]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;gap:15px}.manage-gift-status-content .evaluate-section .evaluate-info .info-row .info-item[data-v-5a99ac04]{-webkit-box-flex:1;-webkit-flex:1;flex:1}.manage-gift-status-content .evaluate-section .evaluate-info .info-row .info-item .info-label[data-v-5a99ac04]{font-size:14px;color:#666;margin-bottom:5px}.manage-gift-status-content .evaluate-section .evaluate-info .info-row .info-item .info-value[data-v-5a99ac04]{font-size:16px;font-weight:bold;color:#333}@media(max-width: 768px){.manage-gift-status-content[data-v-5a99ac04]{padding:15px}.manage-gift-status-content .status-info[data-v-5a99ac04]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:start;-webkit-align-items:flex-start;align-items:flex-start;gap:15px}.manage-gift-status-content .status-info .current-status[data-v-5a99ac04]{text-align:left;width:100%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.manage-gift-status-content .status-selection .status-options[data-v-5a99ac04]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;gap:10px}}
[data-v-4f844d40]{box-sizing:border-box}.owe-list[data-v-4f844d40]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;height:100vh;padding:0;background-color:#f5f5f5}.custom-navbar[data-v-4f844d40]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;height:44px;padding:30px 8px;background:#fff;position:relative;z-index:1000;box-sizing:border-box;position:-webkit-sticky;position:sticky;top:0;box-shadow:0 2px 8px rgba(0,0,0,.1)}.navbar-left[data-v-4f844d40],.navbar-right[data-v-4f844d40]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;height:100%;-webkit-flex-shrink:0;flex-shrink:0}.navbar-center[data-v-4f844d40]{-webkit-box-flex:1;-webkit-flex:1;flex:1;margin:0 10px;min-width:0}.back-button[data-v-4f844d40]{height:100%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;cursor:pointer;padding:0 10px;font-size:14px;color:#000;font-weight:500;-webkit-transition:all .3s ease;transition:all .3s ease;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.back-button[data-v-4f844d40]:hover{background-color:#f5f5f5}.back-button[data-v-4f844d40]:active{background-color:#e0e0e0;-webkit-transform:scale(0.95);transform:scale(0.95)}.list-container[data-v-4f844d40]{-webkit-box-flex:1;-webkit-flex:1;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;margin:0;padding:20px;padding-top:20px;background:rgba(0,0,0,0);padding-bottom:80px}.person-card[data-v-4f844d40]{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,.1);-webkit-transition:all .3s ease;transition:all .3s ease;margin-bottom:20px;cursor:pointer}.person-card[data-v-4f844d40]:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.15)}.person-card[data-v-4f844d40]:active{-webkit-transform:scale(0.99);transform:scale(0.99)}.card-header[data-v-4f844d40]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:20px;border-bottom:1px solid #eee}.avatar-container[data-v-4f844d40]{margin-right:15px}.avatar[data-v-4f844d40]{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid #f0f0f0}.basic-info[data-v-4f844d40]{-webkit-box-flex:1;-webkit-flex:1;flex:1;min-width:0}.person-name[data-v-4f844d40]{margin:0 0 5px 0;font-size:1.2rem;font-weight:bold;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.person-details[data-v-4f844d40]{display:-webkit-box;display:-webkit-flex;display:flex;gap:10px;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.gender[data-v-4f844d40]{font-size:.8rem;padding:2px 8px;border-radius:10px;color:#fff;font-weight:500}.gender.male[data-v-4f844d40]{background-color:#4a90e2}.gender.female[data-v-4f844d40]{background-color:#ff6b6b}.relation-type[data-v-4f844d40]{font-size:.9rem;color:#666;background-color:#f0f0f0;padding:2px 8px;border-radius:10px}.owe-status[data-v-4f844d40]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.status-tag[data-v-4f844d40]{padding:4px 12px;border-radius:15px;font-size:.9rem;font-weight:bold;text-align:center;min-width:60px}.status-tag.owe[data-v-4f844d40]{background-color:#ff6b6b;color:#fff}.status-tag.paid[data-v-4f844d40]{background-color:#4caf50;color:#fff}.status-tag.not-urgent[data-v-4f844d40]{background-color:#4caf50;color:#fff}.status-tag.need-repay[data-v-4f844d40]{background-color:#2196f3;color:#fff}.status-tag.none[data-v-4f844d40]{background-color:#9e9e9e;color:#fff}.card-body[data-v-4f844d40]{padding:20px}.info-row[data-v-4f844d40]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;gap:15px;-webkit-flex-wrap:wrap;flex-wrap:wrap}.info-item[data-v-4f844d40]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;min-width:0;-webkit-box-flex:1;-webkit-flex:1 1 calc(50% - 8px);flex:1 1 calc(50% - 8px);min-width:120px}.label[data-v-4f844d40]{font-size:.9rem;color:#666;margin-bottom:5px}.value[data-v-4f844d40]{font-size:1rem;font-weight:bold;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-footer[data-v-4f844d40]{padding:0 20px 20px 20px}.button-group[data-v-4f844d40]{display:-webkit-box;display:-webkit-flex;display:flex;gap:10px}.manage-button[data-v-4f844d40]{-webkit-box-flex:1;-webkit-flex:1;flex:1;padding:12px;background-color:#667eea;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:bold;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.manage-button[data-v-4f844d40]:hover{background-color:#5a6fd8;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.manage-button[data-v-4f844d40]:active{-webkit-transform:scale(0.98);transform:scale(0.98)}.reassess-button[data-v-4f844d40]{-webkit-box-flex:1;-webkit-flex:1;flex:1;padding:12px;background-color:#4caf50;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:bold;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.reassess-button[data-v-4f844d40]:hover{background-color:#45a049;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.reassess-button[data-v-4f844d40]:active{-webkit-transform:scale(0.98);transform:scale(0.98)}.loading-more-center[data-v-4f844d40]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:20px}.no-more-data-center[data-v-4f844d40]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:20px;color:#999;font-size:14px}.empty-state[data-v-4f844d40]{text-align:center;padding:60px 20px;background:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.empty-state p[data-v-4f844d40]{color:#999;font-size:1.2rem}.batch-assess-button-container[data-v-4f844d40]{position:fixed;bottom:0;left:0;right:0;padding:15px 20px;background-color:#fff;box-shadow:0 -2px 10px rgba(0,0,0,.1);z-index:999}.batch-assess-button[data-v-4f844d40]{width:100%;padding:15px;background:-webkit-linear-gradient(315deg, #667eea 0%, #764ba2 100%);background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:#fff;border:none;border-radius:10px;font-size:1.1rem;font-weight:bold;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;box-shadow:0 4px 15px rgba(0,0,0,.2)}.batch-assess-button[data-v-4f844d40]:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.25)}.batch-assess-button[data-v-4f844d40]:active{-webkit-transform:scale(0.98);transform:scale(0.98)}@media(max-width: 768px){.list-container[data-v-4f844d40]{padding:15px;padding-top:15px;padding-bottom:80px}.card-header[data-v-4f844d40]{padding:15px}.person-name[data-v-4f844d40]{font-size:1.1rem}.card-body[data-v-4f844d40]{padding:15px}.custom-navbar[data-v-4f844d40]{height:40px;padding:30px 8px}.back-button[data-v-4f844d40]{padding:0 8px;font-size:13px}.info-row[data-v-4f844d40]{gap:10px}.info-item[data-v-4f844d40]{-webkit-box-flex:1;-webkit-flex:1 1 calc(50% - 5px);flex:1 1 calc(50% - 5px);min-width:100px}.label[data-v-4f844d40]{font-size:.85rem;margin-bottom:3px}.value[data-v-4f844d40]{font-size:.95rem}.card-footer[data-v-4f844d40]{padding:0 15px 15px 15px}.button-group[data-v-4f844d40]{display:-webkit-box;display:-webkit-flex;display:flex;gap:8px}.manage-button[data-v-4f844d40]{-webkit-box-flex:1;-webkit-flex:1;flex:1;padding:10px;background-color:#667eea;color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:bold;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.reassess-button[data-v-4f844d40]{-webkit-box-flex:1;-webkit-flex:1;flex:1;padding:10px;background-color:#4caf50;color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:bold;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}[data-v-4f844d40] .t-search{height:32px}[data-v-4f844d40] .t-search :deep(.t-input){font-size:13px;height:32px}[data-v-4f844d40] .t-search :deep(.t-search__clear){width:16px;height:16px}.status-tag[data-v-4f844d40]{padding:3px 10px;font-size:.8rem;min-width:50px}.avatar[data-v-4f844d40]{width:45px;height:45px}.batch-assess-button-container[data-v-4f844d40]{padding:12px 15px}.batch-assess-button[data-v-4f844d40]{padding:12px;font-size:1rem}}@media(min-width: 769px)and (max-width: 1024px){.list-container[data-v-4f844d40]{padding:20px;padding-bottom:80px}.person-card[data-v-4f844d40]{max-width:600px;margin-left:auto;margin-right:auto}.card-body[data-v-4f844d40]{padding:20px}.card-footer[data-v-4f844d40]{padding:0 20px 20px 20px}.info-row[data-v-4f844d40]{gap:10px}.info-item[data-v-4f844d40]{-webkit-box-flex:1;-webkit-flex:1 1 calc(50% - 5px);flex:1 1 calc(50% - 5px);min-width:110px}.button-group[data-v-4f844d40]{display:-webkit-box;display:-webkit-flex;display:flex;gap:10px}.manage-button[data-v-4f844d40]{-webkit-box-flex:1;-webkit-flex:1;flex:1;padding:12px;background-color:#667eea;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:bold;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.reassess-button[data-v-4f844d40]{-webkit-box-flex:1;-webkit-flex:1;flex:1;padding:12px;background-color:#4caf50;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:bold;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}}@media(min-width: 1025px){.list-container[data-v-4f844d40]{padding:30px;padding-bottom:80px}.person-card[data-v-4f844d40]{max-width:800px;margin-left:auto;margin-right:auto}.card-header[data-v-4f844d40]{padding:25px}.card-body[data-v-4f844d40]{padding:25px}.card-footer[data-v-4f844d40]{padding:0 25px 25px 25px}.info-row[data-v-4f844d40]{gap:12px}.info-item[data-v-4f844d40]{-webkit-box-flex:1;-webkit-flex:1 1 calc(50% - 6px);flex:1 1 calc(50% - 6px);min-width:130px}.label[data-v-4f844d40]{font-size:.95rem}.value[data-v-4f844d40]{font-size:1.1rem}.button-group[data-v-4f844d40]{display:-webkit-box;display:-webkit-flex;display:flex;gap:12px}.manage-button[data-v-4f844d40]{-webkit-box-flex:1;-webkit-flex:1;flex:1;padding:12px;background-color:#667eea;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:bold;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.reassess-button[data-v-4f844d40]{-webkit-box-flex:1;-webkit-flex:1;flex:1;padding:12px;background-color:#4caf50;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:bold;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.person-name[data-v-4f844d40]{font-size:1.3rem}.value[data-v-4f844d40]{font-size:1.1rem}.batch-assess-button-container[data-v-4f844d40]{padding:20px 30px;max-width:800px;margin:0 auto;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);border-radius:10px 10px 0 0}.batch-assess-button[data-v-4f844d40]{padding:16px;font-size:1.2rem;border-radius:12px}}
[data-v-afab9f54]{box-sizing:border-box}.search-list[data-v-afab9f54]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;height:100vh;padding:0}.custom-navbar[data-v-afab9f54]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;height:44px;padding:0 10px;background:#fff;position:relative;z-index:1000;box-sizing:border-box;width:100%;overflow:hidden;position:-webkit-sticky;position:sticky}.navbar-left[data-v-afab9f54]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;height:100%;-webkit-flex-shrink:0;flex-shrink:0}.navbar-center[data-v-afab9f54]{-webkit-box-flex:1;-webkit-flex:1;flex:1;margin:0 10px;min-width:0}.navbar-right[data-v-afab9f54]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;height:100%;-webkit-flex-shrink:0;flex-shrink:0}.back-button[data-v-afab9f54]{height:100%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;cursor:pointer;padding:0 10px;font-size:14px;color:#000;font-weight:500;-webkit-transition:all .3s ease;transition:all .3s ease;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.back-button[data-v-afab9f54]:hover{background-color:#f5f5f5}.back-button[data-v-afab9f54]:active{background-color:#e0e0e0;-webkit-transform:scale(0.95);transform:scale(0.95)}.demo-tab-bar[data-v-afab9f54]{position:-webkit-sticky;position:sticky;top:44px;z-index:998;padding:0;margin-top:0;border-bottom:1px solid #ddd;box-sizing:border-box}.list-container[data-v-afab9f54]{-webkit-box-flex:1;-webkit-flex:1;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;margin:0;padding:20px;padding-top:20px;background:rgba(0,0,0,0);margin-top:0}.person-card[data-v-afab9f54]{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,.1);-webkit-transition:all .3s ease;transition:all .3s ease;cursor:pointer;margin-bottom:20px}.person-card[data-v-afab9f54]:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.card-header[data-v-afab9f54]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;padding:20px;border-bottom:1px solid #eee;background:-webkit-linear-gradient(315deg, #667eea 0%, #764ba2 100%);background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:#fff}.basic-info[data-v-afab9f54]{-webkit-box-flex:1;-webkit-flex:1;flex:1}.item-title[data-v-afab9f54]{margin:0 0 5px 0;font-size:1.2rem;font-weight:bold}.person-name-wrapper[data-v-afab9f54]{font-size:.9rem;opacity:.9}.person-name-label[data-v-afab9f54]{margin-right:5px}.record-circle[data-v-afab9f54]{width:40px;height:40px;border-radius:50%;background-color:hsla(0,0%,100%,.3);display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;font-size:18px;font-weight:bold;margin-right:15px;box-shadow:0 2px 6px rgba(0,0,0,.15)}.record-circle-wl[data-v-afab9f54]{width:40px;height:40px;border-radius:50%;background-color:hsla(0,0%,100%,.3);display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;font-size:18px;font-weight:bold;margin-right:15px;box-shadow:0 2px 6px rgba(0,0,0,.15)}.record-label-circle[data-v-afab9f54]{width:40px;height:40px;border-radius:50%;background-color:hsla(0,0%,100%,.3);display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;font-size:18px;font-weight:bold;margin-right:15px;box-shadow:0 2px 6px rgba(0,0,0,.15)}.record-label-circle[data-v-afab9f54]:hover{-webkit-transform:scale(1.1);transform:scale(1.1);box-shadow:0 4px 12px rgba(0,0,0,.15)}.amount[data-v-afab9f54]{font-size:1.1rem;font-weight:bold;background:hsla(0,0%,100%,.2);padding:5px 10px;border-radius:15px}.amount.negative[data-v-afab9f54]{color:#ff4d4f}.card-body[data-v-afab9f54]{padding:20px}.event-info[data-v-afab9f54]{margin-bottom:15px;padding:10px;background:#f0f8ff;border-radius:8px;border-left:4px solid #667eea}.person-stats[data-v-afab9f54]{display:-webkit-box;display:-webkit-flex;display:flex;gap:20px;background:#f9f9f9;padding:15px;border-radius:8px}.statistic-item[data-v-afab9f54]{-webkit-box-flex:1;-webkit-flex:1;flex:1;text-align:center}.stat-label[data-v-afab9f54]{font-size:.9rem;color:#666;margin-bottom:5px}.stat-value[data-v-afab9f54]{font-size:1.1rem;font-weight:bold;color:#333;word-wrap:break-word;word-break:break-all;white-space:normal}.stat-value.negative[data-v-afab9f54]{color:#ff4d4f}.info-item[data-v-afab9f54]{display:-webkit-box;display:-webkit-flex;display:flex;margin-bottom:8px}.info-item[data-v-afab9f54]:last-child{margin-bottom:0}.label[data-v-afab9f54]{width:80px;font-weight:bold;color:#666;-webkit-flex-shrink:0;flex-shrink:0}.value[data-v-afab9f54]{-webkit-box-flex:1;-webkit-flex:1;flex:1;color:#333;word-break:break-all}.empty-state[data-v-afab9f54]{text-align:center;padding:60px 20px;background:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.empty-state p[data-v-afab9f54]{color:#999;font-size:1.2rem}.loading-more-center[data-v-afab9f54]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:20px}.no-more-data-center[data-v-afab9f54]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:20px;color:#999;font-size:14px}@media(max-width: 768px){.search-list[data-v-afab9f54]{padding:0}.list-container[data-v-afab9f54]{padding-top:30px}.card-header[data-v-afab9f54]{padding:15px}.item-title[data-v-afab9f54]{font-size:1.1rem}.card-body[data-v-afab9f54]{padding:15px}.event-info[data-v-afab9f54]{padding:8px;margin-bottom:12px}.info-item[data-v-afab9f54]{margin-bottom:6px}.label[data-v-afab9f54]{width:70px;font-size:.85rem}.value[data-v-afab9f54]{font-size:.85rem}.person-stats[data-v-afab9f54]{gap:10px;padding:10px}.statistic-item[data-v-afab9f54]{text-align:center}.stat-value[data-v-afab9f54]{font-size:1rem}.custom-navbar[data-v-afab9f54]{height:40px;padding:0 8px}.navbar-left[data-v-afab9f54],.navbar-right[data-v-afab9f54]{-webkit-flex-shrink:0;flex-shrink:0}.navbar-center[data-v-afab9f54]{margin:0 5px}.back-button[data-v-afab9f54]{padding:0 8px;font-size:13px}.event-button[data-v-afab9f54]{padding:4px 12px;font-size:13px}[data-v-afab9f54] .t-search{height:32px}[data-v-afab9f54] .t-search :deep(.t-input){font-size:13px;height:32px}[data-v-afab9f54] .t-search :deep(.t-search__clear){width:16px;height:16px}}.search-action-wrapper[data-v-afab9f54]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;height:100%;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.event-button[data-v-afab9f54]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:5px 15px;font-weight:bold;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.15);border:none;outline:none;background:-webkit-linear-gradient(315deg, #667eea 0%, #764ba2 100%);background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:#fff;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0)}.event-button[data-v-afab9f54]:hover,.event-button[data-v-afab9f54]:focus,.event-button[data-v-afab9f54]:active{border:none;outline:none}.event-button[data-v-afab9f54]:focus{box-shadow:0 2px 8px rgba(0,0,0,.15)}.event-button[data-v-afab9f54]:active{-webkit-transform:scale(0.95);transform:scale(0.95)}