.elementor-1621 .elementor-element.elementor-element-428bdc2{--display:flex;--min-height:50vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.3;}.elementor-1621 .elementor-element.elementor-element-428bdc2:not(.elementor-motion-effects-element-type-background), .elementor-1621 .elementor-element.elementor-element-428bdc2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.armco-htf.com/wp-content/uploads/2026/07/htf-banner-1.webp");background-position:center center;background-size:cover;}.elementor-1621 .elementor-element.elementor-element-428bdc2::before, .elementor-1621 .elementor-element.elementor-element-428bdc2 > .elementor-background-video-container::before, .elementor-1621 .elementor-element.elementor-element-428bdc2 > .e-con-inner > .elementor-background-video-container::before, .elementor-1621 .elementor-element.elementor-element-428bdc2 > .elementor-background-slideshow::before, .elementor-1621 .elementor-element.elementor-element-428bdc2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1621 .elementor-element.elementor-element-428bdc2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-2123c56 );--background-overlay:'';}.elementor-1621 .elementor-element.elementor-element-6583f7e .elementor-heading-title{color:var( --e-global-color-accent );}.elementor-1621 .elementor-element.elementor-element-011f9fd{color:var( --e-global-color-accent );}.elementor-1621 .elementor-element.elementor-element-2bbb92b{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1621 .elementor-element.elementor-element-7931512{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}:root{--page-title-display:none;}/* Start custom CSS for text-editor, class: .elementor-element-7931512 *//* 容器设置（支持移动端横向滚动） */
.htf-table-container {
  width: 100%;
  overflow-x: auto;
  margin: 20px 0;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
  border-radius: 8px;
}

/* 主表格基础样式 */
.htf-cross-table {
  width: 100%;
  border-collapse: collapse;
  font-family: 'Segoe UI', Arial, sans-serif;
  font-size: 14px;
  color: #2c3e50;
  background-color: #ffffff;
  border: 1px solid #b0c4de;
}

/* 表头样式（匹配原图的高级灰蓝色） */
.htf-cross-table thead tr {
  background-color: #a8c4e0;
  color: #1a2a3a;
  text-align: center;
  font-weight: 700;
}

.htf-cross-table th {
  padding: 12px 10px;
  border: 1px solid #7a9cc2;
  font-size: 14px;
  line-height: 1.3;
}

/* 单元格通用边框和内边距 */
.htf-cross-table td {
  padding: 10px 12px;
  border: 1px solid #c5d5e5;
  vertical-align: middle;
  line-height: 1.4;
}

/* Category 分类列粗体居中 */
.htf-cross-table .category-cell {
  font-weight: 700;
  text-align: center;
  background-color: #f7fafc;
  color: #111;
  width: 16%;
}

/* 自有 Product 列强调样式 */
.htf-cross-table .product-name {
  font-weight: 700;
  color: #000;
  text-align: center;
  width: 20%;
}

/* 居中对齐处理（圆圈标记与温度等） */
.htf-cross-table .center-text {
  text-align: center;
  font-size: 16px;
}

/* 悬停行高亮交互（提升网页体验） */
.htf-cross-table tbody tr:hover {
  background-color: #f0f5fa;
  transition: background-color 0.2s ease;
}/* End custom CSS */