.container {
  padding: 20rpx;
}

.search-bar {
  margin-bottom: 16rpx;
}

.search-input {
  background: #FFFFFF;
  border: 1rpx solid #E8D5C4;
  border-radius: 999rpx;
  padding: 16rpx 32rpx;
  font-size: 28rpx;
}

.cat-scroll {
  white-space: nowrap;
  margin-bottom: 16rpx;
}

.cat-list {
  display: inline-flex;
  gap: 16rpx;
  padding: 4rpx 0;
}

.cat-item {
  display: inline-flex;
  padding: 12rpx 28rpx;
  border-radius: 999rpx;
  font-size: 26rpx;
  background: #FFFFFF;
  border: 1rpx solid #E8D5C4;
  color: #6B5E53;
}

.cat-item.active {
  background: #C41E3A;
  border-color: #C41E3A;
  color: #FFFFFF;
}

.entry-card {
  margin-bottom: 16rpx;
}

.entry-detail {
  border-top: 1rpx solid #F0E6DA;
  margin-top: 16rpx;
  padding-top: 20rpx;
}

/* 节气配图 */
.entry-image {
  width: 100%;
  border-radius: 16rpx;
  margin-bottom: 20rpx;
  background: #F5F0EA;
  box-shadow: 0 4rpx 16rpx rgba(74, 64, 54, 0.08);
}

/* 涵义引言（突出显示） */
.entry-meaning {
  position: relative;
  background: linear-gradient(135deg, #FBF3EC 0%, #F7ECE2 100%);
  border-left: 6rpx solid #C41E3A;
  border-radius: 8rpx;
  padding: 20rpx 24rpx;
  margin-bottom: 20rpx;
}

.meaning-text {
  font-size: 28rpx;
  color: #8C6D4F;
  line-height: 1.6;
  font-weight: 500;
  letter-spacing: 1rpx;
}

/* 详细简介 */
.entry-content {
  display: block;
  color: #4A4036;
  font-size: 28rpx;
  line-height: 1.9;
  text-align: justify;
  letter-spacing: 0.5rpx;
}

/* 结构化扩展字段列表 */
.extra-list {
  margin-top: 24rpx;
  background: #FBF7F1;
  border-radius: 16rpx;
  padding: 8rpx 24rpx;
}

.extra-item {
  display: flex;
  align-items: flex-start;
  padding: 16rpx 0;
  border-bottom: 1rpx solid #F0E6DA;
}

.extra-item:last-child {
  border-bottom: none;
}

.extra-name {
  flex-shrink: 0;
  width: 150rpx;
  display: flex;
  align-items: center;
  font-size: 26rpx;
  color: #A08B76;
  font-weight: 500;
  padding-top: 2rpx;
}

/* 标签前的小圆点装饰 */
.extra-dot {
  display: inline-block;
  width: 8rpx;
  height: 8rpx;
  border-radius: 50%;
  background: #C41E3A;
  margin-right: 12rpx;
  flex-shrink: 0;
}

.extra-value {
  flex: 1;
  font-size: 26rpx;
  color: #4A4036;
  line-height: 1.7;
}

.empty-tip {
  padding: 80rpx 0;
}