/* 搜索结果页面样式 - 应用tcb-shop-demo设计规范 */
.search-result-page {
  width: 100vw;
  height: 100vh;
  background-color: #ffffff;
  box-sizing: border-box;
}

.search-result-content {
  height: calc(100vh - 88rpx);
}

/* 搜索栏样式 - 参照tcb-shop-demo */
.search-bar-container {
  padding: 16rpx 32rpx;
  background-color: #ffffff;
  border-bottom: 1rpx solid #f0f0f0;
}

.search-input-wrapper {
  display: flex;
  align-items: center;
  background-color: #f7f7f7;
  border-radius: 32rpx;
  padding: 16rpx 24rpx;
  height: 64rpx;
}

.search-icon {
  width: 32rpx;
  height: 32rpx;
  margin-right: 16rpx;
  color: #999999;
}

.search-input {
  flex: 1;
  font-size: 28rpx;
  color: #333333;
  background-color: transparent;
  border: none;
  outline: none;
}

.search-input::placeholder {
  color: #999999;
}

.clear-icon {
  width: 32rpx;
  height: 32rpx;
  margin-left: 16rpx;
  color: #cccccc;
}

/* 结果容器 */
.result-container {
  display: block;
  padding: 0;
}

.result-header {
  margin-bottom: 24rpx;
  padding: 24rpx 32rpx 0;
}

.result-title {
  font-size: 28rpx;
  font-weight: 600;
  color: #333;
  line-height: 40rpx;
}

.result-count {
  font-size: 24rpx;
  color: #999;
  line-height: 34rpx;
  margin-top: 8rpx;
  display: block;
}

/* 商品列表容器 - 参照tcb-shop-demo */
.goods-list-container {
  background-color: #f2f2f2;
  border-radius: 16rpx;
  padding: 15rpx 11rpx;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  margin: 0 10rpx;
}


/* 加载状态 */
.loading-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 100rpx 0;
}

.loading-text {
  font-size: 28rpx;
  color: #999;
  margin-top: 16rpx;
}

/* 空状态 - 参照tcb-shop-demo */
.empty-container {
  margin-top: 184rpx;
  margin-bottom: 120rpx;
  height: 300rpx;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.empty-icon {
  width: 120rpx;
  height: 120rpx;
  color: #cccccc;
  margin-bottom: 32rpx;
}

.empty-text {
  font-size: 32rpx;
  color: #999999;
  margin-bottom: 16rpx;
}

.empty-subtext {
  font-size: 28rpx;
  color: #cccccc;
}

/* 加载更多 */
.loading-more-container {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32rpx 0;
}

.loading-more-text {
  font-size: 24rpx;
  color: #999;
  margin-left: 8rpx;
}

/* 没有更多数据 */
.no-more-container {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32rpx 0;
  color: #999;
  font-size: 24rpx;
}

/* 下拉刷新样式 */
.refresh-container {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 32rpx;
  color: #999999;
  font-size: 28rpx;
}