/* 页面容器 */
.page-container.data-v-efeec928 {
  min-height: 100vh;
  background-color: #f5f5f5;
}

/* 搜索区域 */
.search-bar.data-v-efeec928 {
  display: flex;
  align-items: center;
  padding: 15rpx;
  background-color: #fff;
  margin-bottom: 10rpx;
}
.search-input-wrap.data-v-efeec928 {
  flex: 1;
  display: flex;
  align-items: center;
  background-color: #f5f5f5;
  border-radius: 20rpx;
  padding: 0 15rpx;
  height: 35px;
  /* 点击区域cursor */
  cursor: pointer;
}
.search-icon.data-v-efeec928 {
  color: #999;
  margin-right: 10rpx;
}
.search-input.data-v-efeec928 {
  flex: 1;
  height: 100%;
  font-size: 14px;
  background-color: transparent;
  line-height: 35px;
}
/* 占位符样式 */
.placeholder.data-v-efeec928 {
  color: #999;
}
.cancel-btn.data-v-efeec928 {
  color: #007aff;
  font-size: 16px;
  margin-left: 15rpx;
}

/* 记录列表 */
.record-list.data-v-efeec928 {
  padding: 0 15rpx;
}
.record-item.data-v-efeec928 {
  background-color: #fff;
  border-radius: 10rpx;
  padding: 20rpx;
  margin-bottom: 15rpx;
  position: relative;
  border: 1px solid #eee;
}
/* 第一条记录高亮边框 */
.active-item.data-v-efeec928 {
  border: 2px solid #ffd700;
}
/* 已乘车标签 */
.status-tag.data-v-efeec928 {
  position: absolute;
  top: 20rpx;
  right: 20rpx;
  background-color: #4cd964;
  color: #fff;
  font-size: 12px;
  padding: 2rpx 8rpx;
  border-radius: 4rpx;
}
/* 记录内容 */
.record-content.data-v-efeec928 {
  margin-top: 5rpx;
}
.record-text.data-v-efeec928 {
  display: block;
  font-size: 14px;
  color: #333;
  line-height: 45rpx;
}