/* ========== 自定义导航栏 ========== */
.nav-bar {
  /* padding-top 由 JS 动态设置（wx.getSystemInfoSync().statusBarHeight） */
  background-color: #ffffff;
  position: sticky;
  top: 0;
  z-index: 10;
}
.nav-bar-inner {
  height: 88rpx;
  display: flex;
  align-items: center;
  position: relative;
  border-bottom: 2rpx solid #eeeeee;
  padding: 0 32rpx;
}
.nav-back {
  position: absolute;
  left: 32rpx;
  padding: 8rpx;
}
.nav-title {
  flex: 1;
  text-align: center;
  font-size: 32rpx;
  font-weight: 500;
  color: #242424;
}

/* ========== 页面背景 ========== */
page {
  background-color: #f3f3f3;
  min-height: 100vh;
}

/* ========== 加载态 / 空态 / 错误态 ========== */
.page-loading,
.page-empty,
.page-error {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 60vh;
  gap: 24rpx;
}
.empty-text,
.error-text {
  font-size: 28rpx;
  color: #a6a6a6;
}
.retry-btn {
  margin-top: 16rpx;
  padding: 12rpx 48rpx;
  background-color: #0052d9;
  border-radius: 16rpx;
}
.retry-btn text {
  font-size: 28rpx;
  color: #ffffff;
}

/* ========== 备注列表 ========== */
.note-list {
  padding: 32rpx;
}

/* 卡片间距：H5 原型 space-y-3 = 24rpx */
.note-card + .note-card {
  margin-top: 24rpx;
}

/* ========== 备注卡片 ========== */
/* H5: bg-white rounded-2xl p-4 shadow-sm */
.note-card {
  background-color: #ffffff;
  border-radius: 32rpx;
  padding: 32rpx;
  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.05);
}

/* 备注正文 */
/* H5: text-sm text-gray-13 leading-relaxed mb-3 */
.note-content {
  display: block;
  font-size: 28rpx;
  color: #242424;
  line-height: 1.625;
  margin-bottom: 24rpx;
}

/* 底部行：标签 + 时间 */
/* H5: flex items-center justify-between */
.note-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* ========== 标签样式 ========== */
/* H5: .note-tag { padding: 4px 10px; font-size: 12px; border-radius: 8px; border: 1px solid; } */
.note-tag {
  padding: 8rpx 20rpx;
  font-size: 24rpx;
  border-radius: 16rpx;
  border: 2rpx solid;
}

/* 客户标签 */
/* H5: .tag-customer { background: linear-gradient(135deg, #ecf2fe, #e8eeff); color: #0052d9; border-color: #c5d4f7; } */
.tag-customer {
  background: linear-gradient(135deg, #ecf2fe, #e8eeff);
  color: #0052d9;
  border-color: #c5d4f7;
}

/* 助教标签 */
/* H5: .tag-coach { background: linear-gradient(135deg, #e8faf0, #e0f7ea); color: #00a870; border-color: #b3e6d0; } */
.tag-coach {
  background: linear-gradient(135deg, #e8faf0, #e0f7ea);
  color: #00a870;
  border-color: #b3e6d0;
}

/* 时间 */
/* H5: text-xs text-gray-6 */
.note-time {
  font-size: 24rpx;
  color: #a6a6a6;
}