.elementor-22995 .elementor-element.elementor-element-1ccc2db{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-22995 .elementor-element.elementor-element-793f45b{text-align:left;}.elementor-22995 .elementor-element.elementor-element-597908b{text-align:left;}.elementor-22995 .elementor-element.elementor-element-8903b31 > .elementor-widget-container{margin:-48px 0px 0px 0px;}.elementor-22995 .elementor-element.elementor-element-4ad3089{text-align:left;}.elementor-22995 .elementor-element.elementor-element-77dd625{--display:flex;--background-transition:0.3s;}.elementor-22995 .elementor-element.elementor-element-66c96e0{--display:flex;--background-transition:0.3s;}.elementor-22995 .elementor-element.elementor-element-3dfdc34{--display:flex;--background-transition:0.3s;}.elementor-22995 .elementor-element.elementor-element-8cfa94d{--display:flex;--background-transition:0.3s;}.elementor-22995 .elementor-element.elementor-element-ef9c8b6{--display:flex;--background-transition:0.3s;}.elementor-22995 .elementor-element.elementor-element-a8fbb0a{--display:flex;--background-transition:0.3s;}.elementor-22995 .elementor-element.elementor-element-67e49f7{--display:flex;--background-transition:0.3s;}.elementor-22995 .elementor-element.elementor-element-d895e75{--display:flex;--background-transition:0.3s;}.elementor-22995 .elementor-element.elementor-element-0f9f53f{--n-accordion-title-font-size:23px;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}:where( .elementor-22995 .elementor-element.elementor-element-0f9f53f > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-weight:600;}/* Start custom CSS for html, class: .elementor-element-8903b31 *//* 容器样式 */
.winnerjet-table-container {
  margin: 20px 0;
  font-family: Arial, sans-serif;
}

/* 表格基础样式 */
.dtf-compat-table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #eee;
  font-size: 15px;
}

.dtf-compat-table th {
  background-color: #f8f9fa;
  color: #333;
  font-weight: bold;
  padding: 12px;
  text-align: left;
  border-bottom: 2px solid #007bff; /* 突出品牌感 */
}

.dtf-compat-table td {
  padding: 12px;
  border-bottom: 1px solid #eee;
  line-height: 1.4;
}

/* 状态标签样式 */
.tag-excellent { color: #28a745; font-weight: bold; }
.tag-high { color: #17a2b8; font-weight: bold; }
.tag-good { color: #6c757d; font-weight: bold; }
.tag-never, .tag-not { color: #dc3545; font-weight: bold; }

/* 响应式：针对手机端（小于 600px）的优化 */
@media screen and (max-width: 600px) {
  .dtf-compat-table thead {
    display: none; /* 手机端隐藏表头 */
  }
  
  .dtf-compat-table tr {
    display: block;
    margin-bottom: 15px;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
  }
  
  .dtf-compat-table td {
    display: block;
    text-align: right;
    padding-left: 50%;
    position: relative;
    border-bottom: 1px solid #f1f1f1;
  }
  
  /* 使用伪元素显示标题 */
  .dtf-compat-table td::before {
    content: attr(data-label);
    position: absolute;
    left: 12px;
    width: 45%;
    font-weight: bold;
    text-align: left;
    color: #666;
  }
  
  .dtf-compat-table td:last-child {
    border-bottom: none;
    text-align: left; /* Why? 描述文字长，改回左对齐 */
    padding-left: 12px;
  }
  
  .dtf-compat-table td:last-child::before {
    position: static;
    display: block;
    margin-bottom: 5px;
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-e89c5e4 *//* 只让这个表格区域成为横向滚动容器 */
.elementor-22995 .elementor-element.elementor-element-e89c5e4{
  display: block;
  width: 100%;
  max-width: 100%;
  overflow-x: auto;                 /* 关键：仅该区域可左右滑 */
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-inline: contain; /* 防止滚动“串到”页面 */
  box-sizing: border-box;
}

/* 桌面端维持你要的 1500px 宽 */
@media (min-width: 1025px){
  .elementor-22995 .elementor-element.elementor-element-e89c5e4 table{
    width: 1500px;                  /* 只在桌面固定宽 */
  }
}

/* 平板与手机：不固定宽度，只设最小宽度，超出时在上面的容器内滚动 */
@media (max-width: 1024px){
  .elementor-22995 .elementor-element.elementor-element-e89c5e4 table{
    width: auto;                    /* 不固定！ */
    min-width: 900px;               /* 依据列数调整：600–1200 之间看你表格内容 */
  }
}

/* 表格可读性与断行 */
.elementor-22995 .elementor-element.elementor-element-e89c5e4 table{
  table-layout: fixed;              /* 列宽更稳定，配合断行 */
  border-collapse: collapse;
}

.elementor-22995 .elementor-element.elementor-element-e89c5e4 th, .elementor-22995 .elementor-element.elementor-element-e89c5e4 td{
  white-space: normal;
  word-break: break-word;           /* 长词/长URL可断行 */
}/* End custom CSS */