.elementor-1804 .elementor-element.elementor-element-07e0fc3{--display:flex;--margin-top:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1804 .elementor-element.elementor-element-006c9eb{--display:flex;}.elementor-1804 .elementor-element.elementor-element-0724d87{--display:flex;}.elementor-1804 .elementor-element.elementor-element-2bb2941{--display:flex;}.elementor-1804 .elementor-element.elementor-element-acceeaa{--display:flex;}.elementor-1804 .elementor-element.elementor-element-f520bc6{--display:flex;}.elementor-1804 .elementor-element.elementor-element-7f84de5{margin:-50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1804 .elementor-element.elementor-element-cacc491{--display:flex;}.elementor-1804 .elementor-element.elementor-element-8651c6c{margin:-100px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1804 .elementor-element.elementor-element-acb7243{--display:flex;}.elementor-1804 .elementor-element.elementor-element-0341d25{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1804 .elementor-element.elementor-element-5c2b1d9{--display:flex;}.elementor-1804 .elementor-element.elementor-element-dd6a0a5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1804 .elementor-element.elementor-element-585c3ce{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-0ec2b9b *//* Base typography */
.crowd-article,
.crowd-article * {
  box-sizing: border-box;
  font-family: 'Karla', sans-serif;
  color: #2f3740;
}

/* H1 title with hierarchical lines */
.crowd-article .article-title {
   line-height: 0.6; /* 全局行高紧凑 */
}

/* Each line styling with tighter spacing */
.crowd-article .title-line {
  display: block;
  word-break: break-word;
  margin-bottom: 4px; /* 行间紧凑，仅 4px */
}

/* Specific line styles for hierarchy */
.crowd-article .title-year {
  font-size: 24px;
  font-weight: 600;
  color: #454f5b;
}

.crowd-article .title-problem {
  font-size: 28px;
  font-weight: 700;
  color: #1f2937;
}

.crowd-article .title-solution {
  font-size: 32px;
  font-weight: 800;
  color: #184fd0;
}

/* Meta info */
.crowd-article .article-meta .author,
.crowd-article .article-meta .date {
  font-size: 14px;
  color: #6b7280;
  margin: 0 0 4px;
}

/* Section title */
.crowd-article .section-title {
  font-size: 20px;
  font-weight: 700;
  margin: 20px 0 12px;
  color: #1f2937;
}

/* Body container */
.crowd-article .article-body {
  font-size: 16px;
  line-height: 1.7;
  color: #333;
}

/* Lead paragraph */
.crowd-article .lead {
  font-weight: 600;
  margin-bottom: 12px;
  font-size: 16px;
}

/* Strong emphasis */
.crowd-article strong {
  font-weight: 700;
  color: #1f2937;
}

/* Lists */
.crowd-article ul {
  margin: 12px 0 12px 20px;
  padding: 0;
}

.crowd-article li {
  margin-bottom: 8px;
}

/* Highlighted external links */
.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.08);
  padding-bottom: 2px;
}

.crowd-article .highlight-link:hover,
.crowd-article .highlight-link:focus {
  text-decoration: underline;
  outline: none;
}

/* Responsive tweaks */
@media (max-width: 768px) {
  .crowd-article .title-year { 
    font-size: 20px; 
    margin-bottom: 3px;
  }
  .crowd-article .title-problem { 
    font-size: 24px; 
    margin-bottom: 3px;
  }
  .crowd-article .title-solution { 
    font-size: 28px; 
    margin-bottom: 6px;
  }
  .crowd-article .article-body { 
    font-size: 15px; 
  }
}

/* Optional spacing at the bottom */
.crowd-article {
  margin-bottom: 24px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a608fa8 *//* Container */
.crowd-article.key-findings.quick-guide {
  background: #f8f9fa;
  padding: 24px;
  border-radius: 12px;
  border-left: 4px solid rgba(24,81,224,1);
  font-family: 'Karla', sans-serif;
  margin: 0 auto 32px auto;
  max-width: 1200px;
}

/* Section Title */
.crowd-article.key-findings h2.section-title {
  font-size: 24px;
  color: #454f5b;
  text-align: left;
  margin-bottom: 20px;
}

/* Cards Wrapper */
.crowd-article.key-findings .cards-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

/* Card Base */
.crowd-article.key-findings .card {
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 3px 6px rgba(0,0,0,0.08);
  overflow: hidden;
  flex: 1 1 280px;
  transition: transform 0.2s ease-out;
}

.crowd-article.key-findings .card:hover {
  transform: translateY(-3px);
}

/* Summary / Header */
.crowd-article.key-findings .card summary {
  list-style: none;
  cursor: pointer;
  outline: none;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px;
  background: linear-gradient(to right, rgba(24,81,224,0.05), transparent);
}

.crowd-article.key-findings .card summary::-webkit-details-marker {
  display: none;
}

/* Card icons */
.crowd-article.key-findings .card .card-icon {
  font-size: 24px;
  flex-shrink: 0;
  color: #184fd0;
}

/* Card title */
.crowd-article.key-findings .card h3 {
  font-size: 18px;
  color: #454f5b;
  margin: 0;
  flex: 1;
}

/* Arrow icon */
.crowd-article.key-findings .card .arrow-icon {
  transition: transform 0.3s ease;
  color: #184fd0;
  font-size: 16px;
}

.crowd-article.key-findings .card[open] .arrow-icon {
  transform: rotate(90deg);
}

/* Details / Content */
.crowd-article.key-findings .details {
  display: block;
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transform: scaleY(0);
  transform-origin: top;
  transition: transform 0.35s ease, opacity 0.35s ease, padding 0.35s ease;
  padding: 0 16px;
  font-size: 14px;
  color: #454f5b;
  line-height: 1.5;
}

.crowd-article.key-findings .card[open] .details {
  max-height: none;
  opacity: 1;
  transform: scaleY(1);
  padding: 16px;
}

/* Lists */
.crowd-article.key-findings .details ul {
  padding-left: 18px;
  margin: 8px 0;
}

.crowd-article.key-findings .details ul li {
  margin-bottom: 4px;
}

/* Strong emphasis */
.crowd-article.key-findings strong {
  font-weight: 700;
  color: #1f2937;
}

/* Highlighted external links */
.crowd-article.key-findings .highlight-link {
  color: rgba(24,81,224,1);
  text-decoration: none;
  font-weight: 700;
  border-bottom: 2px solid rgba(24,81,224,0.08);
  padding-bottom: 2px;
}

.crowd-article.key-findings .highlight-link:hover,
.crowd-article.key-findings .highlight-link:focus {
  text-decoration: underline;
  outline: none;
}

/* Responsive */
@media (max-width: 768px) {
  .crowd-article.key-findings .cards-wrapper {
    flex-direction: column;
    gap: 12px;
  }

  .crowd-article.key-findings .card summary {
    padding: 14px;
  }

  .crowd-article.key-findings .card .card-icon {
    font-size: 20px;
  }

  .crowd-article.key-findings .card h3 {
    font-size: 16px;
  }

  .crowd-article.key-findings .card .arrow-icon {
    font-size: 14px;
  }

  .crowd-article.key-findings .details {
    padding: 0 14px;
  }

  .crowd-article.key-findings .card[open] .details {
    padding: 0 14px 14px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-045806c */.crowd-article.chapter {
  margin: 32px 0;
  font-family: 'Karla', sans-serif;
  color: #2f3740;
}

.crowd-article.chapter .section-title {
  font-size: 24px;
  font-weight: 700;
  color: #1f2937;
  margin-bottom: 20px;
  line-height: 1.3;
}

.crowd-article.chapter p {
  font-size: 16px;
  line-height: 1.7;
  margin-bottom: 16px;
}

.crowd-article.chapter strong {
  font-weight: 700;
  color: #1f2937;
}

.crowd-article.chapter .highlight-link {
  color: rgba(24,81,224,1);
  text-decoration: none;
  font-weight: 700;
  border-bottom: 2px solid rgba(24,81,224,0.08);
  padding-bottom: 2px;
}

.crowd-article.chapter .highlight-link:hover,
.crowd-article.chapter .highlight-link:focus {
  text-decoration: underline;
  outline: none;
}

.crowd-article.chapter canvas {
  margin: 16px 0;
  max-width: 100%;
  height: 400px;
}

@media (max-width: 768px) {
  .crowd-article.chapter .section-title {
    font-size: 20px;
    margin-bottom: 16px;
  }
  .crowd-article.chapter p {
    font-size: 15px;
  }
  .crowd-article.chapter canvas {
    height: 300px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2196bb5 *//* canvas 高度或边距如果不同于之前章节 */
#npsDelayChart {
  margin: 16px 0;
  max-width: 100%;
  height: 400px;
}

@media (max-width: 768px) {
  #npsDelayChart {
    height: 300px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7f84de5 *//* -------------------------
   Strategy Highlight Blocks
------------------------- */
.strategy-block {
  background: #f4f6f8;         /* 浅灰背景 */
  border-left: 4px solid rgba(24,81,224,1);  /* 蓝色侧边强调 */
  padding: 16px 20px;
  margin: 16px 0;
  border-radius: 8px;
  transition: transform 0.2s ease;
}

.strategy-block:hover {
  transform: translateY(-2px);
}

.strategy-block h3 {
  font-size: 18px;
  color: #1f2937;               /* 深色标题 */
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
}

/* 序号圆圈 */
.strategy-block h3::before {
  content: attr(data-strategy);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  background: rgba(24,81,224,1);
  color: #fff;
  font-weight: 700;
  border-radius: 50%;
  font-size: 12px;
}

/* 段落和列表在策略块内 */
.strategy-block p,
.strategy-block ul {
  margin-bottom: 8px;
  font-size: 15px;
  line-height: 1.6;
}

/* 小提示或 bonus 信息 */
.strategy-block .bonus {
  font-size: 14px;
  color: #454f5b;
  font-weight: 600;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8651c6c *//* -------------------------
   Inline-style Lead Magnet / CTA
------------------------- */
.blog-cta {
  padding: 16px 0;
  margin: 24px 0;
  font-family: 'Karla', sans-serif;
  line-height: 1.6;
}

.blog-cta h2 {
  font-size: 22px;
  color: #1f2937;
  font-weight: 700;
  margin-bottom: 12px;
  line-height: 1.3;
}

.blog-cta p {
  margin-bottom: 12px;
  font-size: 15px;
  color: #2f3740;
}

.blog-cta ul {
  list-style: none;
  padding-left: 0;
  margin: 12px 0;
}

.blog-cta li {
  position: relative;
  padding-left: 24px;
  margin-bottom: 8px;
}

.blog-cta li::before {
  content: "✅";
  position: absolute;
  left: 0;
  top: 0;
  font-size: 14px;
  line-height: 1.4;
}

.blog-cta .cta-button {
  display: inline-block;
  margin-top: 16px;
  padding: 10px 18px;
  background: rgba(24,81,224,1);
  color: #fff;
  font-weight: 700;
  border-radius: 6px;
  text-decoration: none;
  transition: background 0.2s ease;
}

.blog-cta .cta-button:hover {
  background: rgba(24,81,224,0.85);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0341d25 *//* -------------------------
   Data Methodology Block with Unified Links
------------------------- */
.methodology-block {
  background: #fafafa; /* 轻微区分正文 */
  padding: 16px 20px;
  border-left: 3px solid #4b5563; /* 深灰边线 */
  border-radius: 6px;
  margin: 20px 0;
  font-family: 'Karla', sans-serif;
  line-height: 1.6;
}

.methodology-block h2 {
  font-size: 20px;
  font-weight: 700;
  color: #1f2937;
  margin-bottom: 12px;
}

.methodology-block ul {
  list-style: none;
  padding-left: 0;
  margin: 12px 0;
}

.methodology-block li {
  position: relative;
  padding-left: 24px;
  margin-bottom: 8px;
  font-size: 15px;
  color: #2f3740;
}

.methodology-block li::before {
  content: "•"; /* 使用圆点代替勾选符号 */
  position: absolute;
  left: 0;
  top: 0;
  color: #4b5563;
  font-weight: 700;
}

/* 统一外链样式，与 References、正文外链一致 */
.methodology-block a {
  color: rgba(24,81,224,1);
  text-decoration: none;
  font-weight: 600;
  border-bottom: 1px solid rgba(24,81,224,0.2);
  padding-bottom: 1px;
  transition: color 0.2s ease, border-color 0.2s ease;
  display: inline-block; /* 关键，确保链接自身可点击 */
  cursor: pointer;       /* 手型指针 */
}

.methodology-block a:hover,
.methodology-block a:focus {
  color: rgba(24,81,224,0.85);
  border-bottom-color: rgba(24,81,224,0.6);
  text-decoration: underline;
  outline: none;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dd6a0a5 *//* -------------------------
   References Block - Plain Style
------------------------- */
.references-block {
  font-family: 'Karla', sans-serif;
  padding: 16px 0;
  margin: 24px 0 40px 0;
  line-height: 1.6;
  color: #2f3740;
}

.references-block h2 {
  font-size: 20px;
  font-weight: 700;
  color: #1f2937;
  margin-bottom: 12px;
}

.references-block ol {
  padding-left: 20px;
  margin: 0;
}

.references-block li {
  font-size: 15px;
  margin-bottom: 6px;
}

.references-block a {
  color: rgba(24,81,224,1);
  text-decoration: none;
  transition: color 0.2s ease;
}

.references-block a:hover,
.references-block a:focus {
  color: rgba(24,81,224,0.85);
  text-decoration: underline;
  outline: none;
}/* End custom CSS */