.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; padding-top: 16rpx; line-height: 1.7; } /* 节气配图 */ .entry-image { width: 100%; border-radius: 12rpx; margin-bottom: 16rpx; background: #F5F0EA; } /* 详细简介 */ .entry-content { display: block; color: #4A4036; } /* 结构化扩展字段列表 */ .extra-list { margin-top: 16rpx; background: #FBF7F1; border-radius: 12rpx; padding: 8rpx 20rpx; } .extra-item { display: flex; padding: 12rpx 0; border-bottom: 1rpx solid #F0E6DA; } .extra-item:last-child { border-bottom: none; } .extra-name { flex-shrink: 0; width: 140rpx; font-size: 26rpx; color: #A08B76; font-weight: 500; } .extra-value { flex: 1; font-size: 26rpx; color: #4A4036; line-height: 1.6; } .empty-tip { padding: 80rpx 0; }