/* 询价宝 — 复用知识库布局，仅换主题色 */
@import url('../../knowledge-base/css/style.css');

:root {
  --kb-primary: #d97706;
  --kb-primary-dark: #b45309;
}

.kb-hero {
  background: linear-gradient(160deg, #0f172a 0%, #78350f 55%, #d97706 100%);
}

.kb-logo-text strong { color: var(--kb-primary); }
.kb-nav a:hover { background: #fffbeb; }
.kb-btn-primary { background: #fbbf24; color: #78350f !important; }
.kb-btn-primary:hover { background: #f59e0b; }
.kb-feature i { color: var(--kb-primary); }

.kb-flow {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  align-items: center;
  font-size: .9rem;
  color: var(--kb-muted);
  margin: 1.5rem 0;
}
.kb-flow span {
  background: var(--kb-card);
  border: 1px solid var(--kb-border);
  border-radius: 999px;
  padding: .35rem .85rem;
  color: var(--kb-text);
}
.kb-flow i { color: var(--kb-primary); font-size: .75rem; }

.kb-table-wrap { overflow-x: auto; margin-top: 1rem; }
.kb-table {
  width: 100%;
  border-collapse: collapse;
  font-size: .92rem;
  background: var(--kb-card);
  border-radius: var(--kb-radius);
  overflow: hidden;
  border: 1px solid var(--kb-border);
}
.kb-table th, .kb-table td {
  padding: .85rem 1rem;
  text-align: left;
  border-bottom: 1px solid var(--kb-border);
  vertical-align: top;
}
.kb-table th { background: #fffbeb; font-weight: 600; }
.kb-table tr:last-child td { border-bottom: none; }

.kb-shot-link {
  display: flex;
  flex-direction: column;
  gap: .75rem;
  padding: 1.25rem;
  background: var(--kb-card);
  border: 1px solid var(--kb-border);
  border-radius: var(--kb-radius);
  height: 100%;
}
.kb-shot-link h3 { font-size: 1.05rem; }
.kb-shot-img {
  width: 100%;
  border-radius: 10px;
  border: 1px solid var(--kb-border);
  object-fit: cover;
  max-height: 220px;
}
.kb-shot-preview {
  flex: 1;
  min-height: 140px;
  border-radius: 10px;
  background: linear-gradient(135deg, #fff7ed 0%, #ffedd5 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--kb-primary-dark);
  font-size: 2.5rem;
}