.elementor-2282 .elementor-element.elementor-element-12ca9f6{--display:flex;}.elementor-2282 .elementor-element.elementor-element-4a69559{--display:flex;}.elementor-2282 .elementor-element.elementor-element-afb5a1f{--display:flex;}.elementor-2282 .elementor-element.elementor-element-630da69{--display:flex;}.elementor-2282 .elementor-element.elementor-element-45ae89b{--display:flex;}.elementor-2282 .elementor-element.elementor-element-8b4a982{--display:flex;}.elementor-2282 .elementor-element.elementor-element-728feb1{--display:flex;}.elementor-2282 .elementor-element.elementor-element-34f372f{--display:flex;}.elementor-2282 .elementor-element.elementor-element-78b0ff9{--display:flex;}/* Start custom CSS for html, class: .elementor-element-f061931 *//* ========================================= */
/* H1 标题 - 文章标题 */
.crowd-article .article-title {
  line-height: 1.2; /* 增加标题行高 */
  margin-bottom: 20px;
}

.crowd-article .title-line {
  display: block;
  word-break: break-word;
}

/* 标题 - title-problem (主标题: 2025 Amazon FBA IPI Policy Deep Dive) */
.crowd-article .title-problem {
  font-size: 36px; /* 主标题较大 */
  font-weight: 700; /* 加粗 */
  color: rgba(24,81,224,1); /* 设置主色调 */
}

/* 标题 - title-solution (副标题: A Complete Guide for Shopify & FBA Sellers) */
.crowd-article .title-solution {
  font-size: 24px; /* 副标题较小 */
  line-height: 0.1; /* 保持行高 */
  font-weight: 600; /* 中等加粗 */
  color: #1f2937; /* 深灰色，确保可读性 */
  margin-top: 5px; /* 让副标题与主标题之间有空隙 */
}

/* 文章元信息（作者和日期） */
.crowd-article .article-meta {
  font-size: 14px;
  color: #6b7280; /* 灰色文字，显得不那么突兀 */
  margin-top: 10px;
}

.crowd-article .article-meta .author,
.crowd-article .article-meta .date {
  margin: 0; /* 去除多余的间距 */
}

.crowd-article .article-meta .author a {
  color: rgba(24,81,224,1); /* 链接使用与标题一致的主色调 */
  text-decoration: none;
  font-weight: 700; /* 加粗 */
}

.crowd-article .article-meta .author a:hover {
  text-decoration: underline; /* 鼠标悬停时显示下划线 */
}

/* ========================================= */
/* 微妙的按钮效果 (作者链接样式) */
.crowd-article .cta-link {
  display: inline-block;
  color: rgba(24,81,224,1); /* 蓝色链接 */
  text-decoration: none;
  font-weight: 700;
  border: 1px solid rgba(24,81,224,0.2); /* 蓝色边框 */
  padding: 2px 6px;
  border-radius: 4px; /* 圆角 */
  transition: background-color 0.2s ease, border-color 0.2s ease;
}

.crowd-article .cta-link:hover {
  background-color: rgba(24,81,224,0.05); /* 悬停时浅蓝背景 */
  border-color: rgba(24,81,224,0.3); /* 增加边框颜色深度 */
}

/* ========================================= */
/* 移动端响应式 (Max-width: 768px) */
/* ========================================= */
@media (max-width: 768px) {
  /* 调整H1标题的行高和外边距 */
  .crowd-article .article-title {
      line-height: 1.2; /* 保证行高不重叠 */
      margin-bottom: 15px;
  }

  /* 调整主标题字体大小 */
  .crowd-article .title-problem {
      font-size: 28px; /* 调整字体大小以适应小屏幕 */
  }

  /* 副标题字体缩小 */
  .crowd-article .title-solution {
      font-size: 20px;
  }

  /* 作者信息字体大小调整 */
  .crowd-article .article-meta {
      font-size: 12px; /* 调整字体大小 */
  }

  /* 修正链接样式 */
  .crowd-article .cta-link {
      font-size: 14px; /* 适应移动端 */
      padding: 2px 5px; /* 调整内边距 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1b98a25 *//* ========================================= */
/* H2 标题 - Executive Summary */
.crowd-article .section-title {
  font-size: 26px; /* 略微放大标题字体 */
  font-weight: 800; /* 强调标题 */
  margin: 30px 0 20px;
  color: #1f2937;
  border-left: 5px solid rgba(24, 81, 224, 1); /* 增加左侧蓝色边框 */
  padding-left: 15px;
  line-height: 1.3;
  text-transform: uppercase; /* 强调标题，使用大写字母 */
}

/* 正文容器 */
.crowd-article .article-body {
  font-size: 17px; /* 略微放大正文字体 */
  line-height: 1.75; /* 增加行高，提升可读性 */
  color: #333; /* 深色文字，确保可读性 */
}

/* TL;DR 独立样式 - 用于突出摘要重点 */
.crowd-article .tldr-highlight {
    background-color: rgba(24, 81, 224, 0.05); /* 浅蓝色背景 */
    border: 1px solid rgba(24, 81, 224, 0.15);
    padding: 18px 20px;
    margin: 20px 0;
    border-radius: 6px;
    font-size: 16px;
    line-height: 1.6;
    font-style: italic;
    color: #454f5b;
}

/* TL;DR 中加粗的内容 */
.crowd-article .tldr-highlight strong {
    color: #1f2937; /* 强调文字变回深色 */
    font-style: normal;
}

/* 强调文字 */
.crowd-article strong {
  font-weight: 800; /* 更粗的粗体 */
  color: #1f2937; /* 强调文字颜色与标题一致 */
}

/* 高亮链接样式 */
.crowd-article .highlight-link {
  color: rgba(24, 81, 224, 1);
  text-decoration: none;
  font-weight: 700;
  border-bottom: 2px solid rgba(24, 81, 224, 0.3); /* 更深的底线 */
  padding-bottom: 2px;
  transition: all 0.2s ease;
}

.crowd-article .highlight-link:hover,
.crowd-article .highlight-link:focus {
  text-decoration: none; /* 悬停时不使用默认下划线 */
  background-color: rgba(24, 81, 224, 0.1); /* 悬停时浅蓝背景 */
  outline: none;
  border-bottom-color: rgba(24, 81, 224, 0.8); /* 悬停时底线变深 */
}

/* ========================================= */
/* 移动端响应式 (Max-width: 768px) */
/* ========================================= */
@media (max-width: 768px) {
  /* 调整H2标题的行高和外边距 */
  .crowd-article .section-title {
      font-size: 22px; /* 移动端标题适配 */
      margin: 20px 0 15px;
      padding-left: 10px;
      border-left-width: 4px; /* 边框略微变细 */
  }

  /* 正文容器 */
  .crowd-article .article-body {
      font-size: 15px; /* 缩小字体适配移动端 */
      line-height: 1.7;
  }

  /* TL;DR 独立样式 */
  .crowd-article .tldr-highlight {
      padding: 15px; /* 缩小内边距 */
      margin: 15px 0;
      font-size: 14px;
      line-height: 1.5;
  }

  /* 高亮链接调整 */
  .crowd-article .highlight-link {
      font-size: 15px; /* 增加可点击性 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-201a4b7 *//* ========================================= */
/* 表格样式 */
.crowd-article table {
  width: 100%;
  margin-top: 20px;
  border-collapse: collapse; /* 合并表格边框 */
}

.crowd-article table th,
.crowd-article table td {
  padding: 12px;
  border: 1px solid #ddd; /* 表格边框 */
  text-align: left;
}

.crowd-article table th {
  background-color: #f4f4f4; /* 表头背景色 */
  font-weight: 600;
  color: #454f5b; /* 表头文字颜色 */
}

.crowd-article table td {
  background-color: #fff;
  color: #333;
}

/* 表格的可视化效果 */
.crowd-article table tr:nth-child(even) {
  background-color: #f9f9f9; /* 表格偶数行背景色 */
}

.crowd-article table tr:hover {
  background-color: #eaeaea; /* 表格行悬停效果 */
}

/* ========================================= */
/* 移动端响应式 - 卡片式表格样式 (Max-width: 768px) */
/* ========================================= */
@media (max-width: 768px) {
  /* 移动端卡片布局 */
  .crowd-article table {
    display: block; /* 使表格容器变为块级元素 */
    width: 100%;
    margin-top: 15px;
    border: none;
  }

  /* 表格行转化为卡片式 */
  .crowd-article table tr {
    display: block; /* 每一行变为块级元素 */
    margin-bottom: 15px; /* 行间距 */
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 15px; /* 添加内边距，类似卡片的内间距 */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* 卡片阴影效果 */
  }

  /* 表格头部不再显示，改为卡片的“标题” */
  .crowd-article table th {
    display: none; /* 隐藏表头 */
  }

  /* 每个卡片的内容以块级元素显示 */
  .crowd-article table td {
    display: block;
    font-size: 14px; /* 适应小屏的字体大小 */
    color: #333;
    padding: 5px 0; /* 行间距 */
    margin: 5px 0;
  }

  /* 为卡片项设置标题 */
  .crowd-article table td:first-child {
    font-weight: 600;
    color: #1f2937;
    margin-top: 0; /* 第一项无需顶部间距 */
  }

  /* 去除卡片间的表格边框 */
  .crowd-article table td {
    border: none;
  }

  /* 调整表格单元格背景色（可选） */
  .crowd-article table tr:nth-child(even) {
    background-color: #f9f9f9; /* 使用淡灰色背景 */
  }

  /* 最后一行的底部边框去除 */
  .crowd-article table tr:last-child {
    margin-bottom: 0;
  }

  /* 卡片标题和内容之间的分隔线（可选） */
  .crowd-article table td + td {
    border-top: 1px solid #ddd;
  }
}/* End custom CSS */