/* ============================================================
   组件层样式（与 design.css 配合，仅补充组件级细节）
   ============================================================ */

/* 科技平台区块（交替布局） */
.tech-section:nth-child(even) { direction: rtl; }
.tech-section > * { direction: ltr; }
.tech-media img { width: 100%; }

/* 表单区块顶部强调线 */
.form-section {
  overflow: hidden;
}
.form-section::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--blue) 0%, var(--orange) 100%);
  background-size: 200% 100%;
  animation: btn-grad-flow 4s var(--ease-linear) infinite alternate;
}
@keyframes btn-grad-flow {
  from { background-position: 0% 0; }
  to   { background-position: 100% 0; }
}

/* 经销商地图 */
.dealer-map-canvas {
  min-height: 560px;
}
.map-marker { cursor: pointer; transition: transform .15s var(--ease-in); }
.map-marker:hover { transform: scale(1.25); }
.map-marker text { font-size: 9px; fill: var(--gray-deep); pointer-events: none; }
.map-tooltip {
  pointer-events: none;
  border-top: 3px solid var(--orange);
}

/* 侧边咨询卡按钮微调 */
.side-inquiry .btn-secondary {
  background: #fff;
  border-color: transparent;
  color: var(--blue);
}
.side-inquiry .btn-secondary:hover {
  background: var(--orange-bg);
  color: var(--orange);
  border-color: transparent;
}

/* 搜索下拉结果（旧版浮动面板兼容） */
.search-panel {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 90;
  background: rgba(255, 255, 255, .96);
  backdrop-filter: blur(18px);
  border-bottom: 1px solid #E4EAF1;
  padding: 20px 0 26px;
  box-shadow: 0 20px 50px -20px rgba(20, 43, 66, .25);
  animation: slide-down .3s var(--ease);
}
@keyframes slide-down {
  from { transform: translateY(-16px); opacity: 0; }
  to   { transform: translateY(0); opacity: 1; }
}
.search-result-item {
  display: block;
  padding: 13px 16px;
  border-radius: 10px;
  background: #fff;
  border: 1px solid #E4EAF1;
  margin-bottom: 10px;
  transition: all .2s var(--ease);
}
.search-result-item:hover {
  border-color: var(--blue-light);
  box-shadow: var(--shadow-sm);
  transform: translateX(4px);
}

/* 新闻列表行（兼容旧数据视图） */
.news-list-row {
  display: flex;
  gap: 20px;
  background: #fff;
  border: 1px solid #E4EAF1;
  border-radius: 12px;
  padding: 18px;
  box-shadow: var(--shadow-sm);
  align-items: center;
  transition: all var(--t-normal) var(--ease);
}
.news-list-row:hover { box-shadow: var(--shadow-mix); transform: translateX(6px); border-color: var(--blue-light); }
.news-list-row .thumb { width: 160px; height: 100px; border-radius: 10px; overflow: hidden; flex-shrink: 0; }
.news-list-row .thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform var(--t-long) var(--ease); }
.news-list-row:hover .thumb img { transform: scale(1.08); }
.news-list-row .body { flex: 1; min-width: 0; }
.news-list-row h4 { font-size: 16px; font-weight: 700; color: var(--black); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news-list-row p { font-size: 13.5px; color: var(--gray-deep); margin-top: 6px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

/* 下载工具条 */
.download-toolbar .filter-bar { margin-bottom: 22px; }

/* 表格响应式 */
@media (max-width: 640px) {
  .spec-table { font-size: 12.5px; }
  .spec-table th, .spec-table td { padding: 10px 12px; }
  .spec-table th { width: 40%; }
}