/* SOOXL 产品站专用：参数表 / 待复核标注 / 术语卡。
   通用组件（navbar/hero/section/solution-card/footer）全部复用 css/style.css，
   本文件只补 style.css 里没有的表格与标注能力。 */

.spec-note {
  display: flex; gap: 10px; align-items: flex-start;
  background: #fff8ee; border: 1px solid #ffc247; border-radius: 14px;
  padding: 14px 18px; margin: 0 0 26px;
  font-size: 14px; line-height: 1.7; color: #6b4a12;
}
.spec-note::before { content: "!"; flex: none; width: 20px; height: 20px; border-radius: 50%;
  background: #f0a818; color: #fff; font-weight: 700; font-size: 13px;
  display: grid; place-items: center; margin-top: 2px; }

.table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; border-radius: 16px;
  border: 1px solid rgba(26, 26, 24, .1); background: #fff; }
.spec-table { width: 100%; border-collapse: collapse; min-width: 560px; font-size: 15px; }
.spec-table caption { text-align: left; font-weight: 700; color: #1a1a18;
  padding: 16px 18px 10px; font-size: 16px; }
.spec-table th, .spec-table td { padding: 12px 18px; text-align: left; vertical-align: top;
  border-bottom: 1px solid rgba(26, 26, 24, .08); line-height: 1.6; }
.spec-table thead th { background: #f6f5f1; font-size: 14px; color: #187860; white-space: nowrap; }
.spec-table tbody tr:last-child th, .spec-table tbody tr:last-child td { border-bottom: 0; }
.spec-table tbody th { font-weight: 600; color: #1a1a18; width: 34%; background: #fbfaf7; }
.spec-table td { color: #45443f; }
.spec-table .en { display: block; font-size: 12px; color: #8b897f; letter-spacing: .02em; }
/* 多型号对比（4 列及以上）时压缩行首标签列，把宽度让给数值 */
.spec-table[data-cols="4"] tbody th { width: 26%; }
.spec-table[data-cols="4"] { min-width: 760px; }

/* 未经我方实测确认的值：可见标记，避免变成对外宣称 */
.spec-table td[data-confirm="pending"] { color: #b06a10; font-weight: 600; }
.spec-table td[data-confirm="pending"]::after { content: " 待复核"; font-size: 11px; font-weight: 500;
  color: #9a7326; background: #fff3dc; border-radius: 6px; padding: 1px 6px; margin-left: 4px; }

.term-grid { display: grid; gap: 16px; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }
.term-card { background: #fff; border: 1px solid rgba(26, 26, 24, .08); border-radius: 16px; padding: 20px; }
.term-card h3 { margin: 0 0 8px; font-size: 16px; color: #1a1a18; }
.term-card p { margin: 0; font-size: 14px; line-height: 1.8; color: #55544e; }

@media (prefers-reduced-motion: reduce) {
  .table-wrap { scroll-behavior: auto; }
}