/**
 * LatamCross 信息列表 / 详情页 CSS 扩展
 * 用于覆盖 B2 原生 infomation 样式
 */

/* === 列表页 meta 属性行 === */
.info-meta-list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 6px;
}

.info-meta-list .meta-item {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  padding: 2px 8px;
  border-radius: 3px;
  background: #f5f6f7;
  color: #666;
  white-space: nowrap;
}

.info-meta-list .meta-key {
  color: #999;
  font-size: 11px;
}

/* 供方（for）蓝 */
.info-meta-list.for .meta-item {
  background: #007af51a;
  color: #007AF5;
}
.info-meta-list.for .meta-key {
  color: #5a9fd4;
}

/* 供方渐变胶囊版 */
.info-meta-list.for-pill .meta-item {
  background: linear-gradient(135deg, #e8f2fd, #d0e8fc);
  color: #007AF5;
  border-radius: 12px;
  padding: 2px 10px;
}

/* 求方（get）绿 */
.info-meta-list.get .meta-item {
  background: #5ea7091c;
  color: #5EA709;
}
.info-meta-list.get .meta-key {
  color: #7abf4a;
}

/* 紧凑内联行 */
.info-meta-inline {
  display: flex;
  gap: 12px;
  font-size: 12px;
  color: #999;
  margin-top: 4px;
  flex-wrap: wrap;
}

/* 响应式 */
@media (max-width: 640px) {
  .info-meta-list {
    gap: 4px;
  }
  .info-meta-list .meta-item {
    font-size: 11px;
    padding: 2px 6px;
  }
}

/* === 分类筛选下拉 === */
.infomation-cat-filter {
  margin-left: 12px;
}
.infomation-cat-filter select {
  height: 33px;
  padding: 0 12px;
  font-size: 13px;
  border: 1px solid #e8e8e8;
  border-radius: 6px;
  background: #fff;
  color: #666;
  cursor: pointer;
  outline: none;
  appearance: auto;
  -webkit-appearance: auto;
}
.infomation-cat-filter select:focus {
  border-color: var(--b2color);
}

/* === 分类横向标签：与一级筛选器风格一致 === */
.infomation-cat-filter {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-left: 0;
}
.infomation-cat-filter .cat-tag {
  height: 33px;
  padding: 0 14px;
  line-height: 33px;
  font-size: 13px;
  background: #f5f6f7;
  border-radius: 6px;
  cursor: pointer;
  color: #666;
  transition: all .2s;
  white-space: nowrap;
}
.infomation-cat-filter .cat-tag:hover {
  background: #eee;
  color: #333;
}
.infomation-cat-filter .cat-tag.picked {
  background: var(--b2color);
  color: #fff;
}

/* === 分类筛选独立第二行 === */
.infomation-cat-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding-top: 8px;
  margin-top: 8px;
  border-top: 1px dashed #efefef;
}
.infomation-cat-row .cat-tag {
  height: 28px;
  padding: 0 12px;
  line-height: 28px;
  font-size: 12px;
  background: #f0f0f0;
  border-radius: 4px;
  cursor: pointer;
  color: #666;
  transition: all .15s;
}
.infomation-cat-row .cat-tag:hover {
  background: #e0e0e0;
  color: #333;
}
.infomation-cat-row .cat-tag.picked {
  background: var(--b2color);
  color: #fff;
}