.elementor-1600 .elementor-element.elementor-element-431c49b{--display:flex;}.elementor-1600 .elementor-element.elementor-element-d5ba241{margin:-100px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}/* Start custom CSS for html, class: .elementor-element-a68c93a */.elementor-1600 .elementor-element.elementor-element-a68c93a a {
    text-decoration: none;
}

.hero {
  position: relative;
  text-align: center;
  padding: 90px 24px;
  background-image: url('https://blog.winsbs.com/wp-content/uploads/2025/09/nesugarlife.webp');
  background-size: cover;
  background-position: center;
  background-attachment: fixed; /* ✅ 轻微视差，提升动态感（可选移除以防移动端卡顿） */
  border-radius: 14px;
  margin: 0 auto 32px;
  color: #fff;
  overflow: hidden;
  line-height: 1.6; /* 继承全局字体间距 */
}

.hero::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(0,0,0,0.2), rgba(0,0,0,0.6));
  border-radius: 14px;
  z-index: 1;
}

.hero > * {
  position: relative;
  z-index: 2;
}

.hero h1 {
  font-size: 42px;
  font-weight: 800;
  margin-bottom: 20px;
  text-shadow: 0 3px 6px rgba(0,0,0,0.5); /* ✅ 加强阴影，提升白底对比 */
  font-family: 'Karla', sans-serif; /* ✅ 应用全局字体 */
}

.hero h1 .highlight {
  color: #1851e0; /* 品牌蓝高亮 */
}

.hero p {
  font-size: 20px;
  max-width: 900px;
  margin: 0 auto 28px;
  text-shadow: 0 2px 4px rgba(0,0,0,0.5); /* ✅ 统一加强阴影 */
  font-family: 'Karla', sans-serif; /* ✅ 应用全局字体 */
}

.hero .cta-btn {
  background: #1851e0;
  color: #fff;
  padding: 14px 28px;
  border-radius: 8px;
  font-weight: 600;
  text-decoration: none;
  font-size: 18px;
  box-shadow: 0 3px 8px rgba(0,0,0,0.3);
  display: inline-block; /* ✅ 确保按钮居中 */
  transition: all 0.3s ease; /* ✅ 平滑 hover 动画 */
  font-family: 'Karla', sans-serif; /* ✅ 应用全局字体 */
}

.hero .cta-btn:hover {
  background: #0f3bb5;
  transform: translateY(-2px);
  box-shadow: 0 5px 12px rgba(0,0,0,0.4); /* ✅ hover 增强阴影 */
}

/* ✅ 响应式优化：移动端调整 */
@media (max-width: 768px) {
  .hero {
    padding: 60px 16px; /* 缩小内边距 */
    background-attachment: scroll; /* 移动端禁用视差，避免卡顿 */
  }
  
  .hero h1 {
    font-size: 32px; /* 标题缩小 */
  }
  
  .hero p {
    font-size: 16px;
  }
  
  .hero .cta-btn {
    padding: 12px 24px;
    font-size: 16px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8852b8 */.bg-section {
  padding: 20px 0;
  max-width: 1200px;
  margin: 0 auto;
  line-height: 1.7;
  font-family: 'Karla', sans-serif; /* ✅ 应用全局字体 */
}

.bg-section h2 {
  color: #1851e0;
  font-size: 26px;
  margin-bottom: 16px;
  padding-left: 12px;
  border-left: 4px solid #1851e0;
  font-family: 'Karla', sans-serif; /* ✅ 应用全局字体 */
}

.bg-section ul {
  margin: 12px 0 0 20px;
  list-style-type: disc;
}

.bg-section li {
  margin-bottom: 8px;
  transition: color 0.2s ease; /* ✅ 轻微动画，提升交互 */
}

.bg-section li:hover {
  color: #1851e0; /* hover 变蓝，突出重点 */
}

/* ✅ 渠道行（文字 + 按钮同一行） */
.channel-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin: 12px 0 20px;
}

.channel-row strong {
  white-space: nowrap;
  color: #333;
  font-family: 'Karla', sans-serif; /* ✅ 应用全局字体 */
}

/* 按钮样式 */
.channel-links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.channel-links a {
  display: inline-flex;
  align-items: center;
  gap: 6px; /* 图标与文字间距 */
  padding: 8px 16px;
  border-radius: 24px;
  border: 2px solid #1851e0;
  background: #fff;
  color: #1851e0;
  font-weight: 600;
  font-size: 14px;
  text-decoration: none; /* ✅ 继承全局无下划线 */
  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
  transition: all 0.3s ease; /* ✅ 平滑 hover 动画 */
  font-family: 'Karla', sans-serif; /* ✅ 应用全局字体 */
}

.channel-links a i {
  font-size: 14px;
}

.channel-links a:hover {
  background: #1851e0;
  color: #fff;
  box-shadow: 0 4px 10px rgba(0,0,0,0.15);
  transform: scale(1.05); /* ✅ 轻微缩放，提升点击感 */
}

/* ✅ 响应式优化：移动端调整 */
@media (max-width: 768px) {
  .bg-section {
    padding: 16px 0;
  }
  
  .bg-section h2 {
    font-size: 22px;
    padding-left: 8px;
  }
  
  .channel-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  
  .channel-links {
    width: 100%;
    justify-content: flex-start;
  }
  
  .channel-links a {
    flex: 1;
    min-width: 140px; /* 确保按钮不挤压 */
    justify-content: center;
  }
  
  .bg-section ul {
    margin-left: 16px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-359349e */.solutions-section {
  padding: 40px 0;
  max-width: 1200px;
  margin: 0 auto 32px auto;
  line-height: 1.7;
  font-family: 'Karla', sans-serif; /* ✅ 应用全局字体 */
}

.solutions-container {
  display: flex;
  flex-wrap: nowrap;
  gap: 32px;
  align-items: center;
}

.solutions-text {
  flex: 1 1 60%;
}

.solutions-image {
  flex: 1 1 40%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ✅ 图片呼吸光晕（调整为粉蓝渐变，匹配图片主题） */
.solutions-image .glow-img {
  max-width: 100%;
  border-radius: 12px;
  display: block;
  animation: glowPulse 3s ease-in-out infinite;
  box-shadow: 0 0 20px rgba(255, 105, 180, 0.4); /* 粉色光晕，呼应蒸汽器 */
}

/* 大标题 */
.solutions-section h2 {
  color: #1851e0;
  font-size: 28px;
  margin-bottom: 24px;
  padding-left: 12px;
  border-left: 4px solid #1851e0;
  font-family: 'Karla', sans-serif; /* ✅ 应用全局字体 */
}

/* 小节标题 */
.solutions-section h3 {
  color: #1851e0;
  font-size: 20px;
  font-weight: 700;
  margin: 28px 0 12px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding-left: 10px;
  border-left: 3px solid #1851e0;
  font-family: 'Karla', sans-serif; /* ✅ 应用全局字体 */
}

.solutions-section p {
  margin-bottom: 14px;
  transition: color 0.2s ease; /* ✅ 轻微动画，提升交互 */
}

.solutions-section p:hover {
  color: #1851e0; /* hover 变蓝，突出重点 */
}

/* ✅ 渐变圆圈 + 呼吸光晕 */
.icon-circle {
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: linear-gradient(135deg, #1851e0, #4f8ef7);
  color: #fff;
  flex-shrink: 0;
  box-shadow: 0 0 10px rgba(24,81,224,0.3);
  animation: glowPulse 3s ease-in-out infinite;
}

.icon-circle i {
  font-size: 14px;
}

/* ✅ 呼吸光晕动画（通用，增强粉蓝效果） */
@keyframes glowPulse {
  0% {
    box-shadow: 0 0 12px rgba(24,81,224,0.25), 0 0 24px rgba(255,105,180,0.15); /* 加粉色调 */
  }
  50% {
    box-shadow: 0 0 20px rgba(24,81,224,0.4), 0 0 40px rgba(255,105,180,0.2);
  }
  100% {
    box-shadow: 0 0 12px rgba(24,81,224,0.25), 0 0 24px rgba(255,105,180,0.15);
  }
}

/* ✅ 屏幕阅读器专用类 */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* ✅ 响应式优化：移动端调整 */
@media (max-width: 768px) {
  .solutions-container {
    flex-wrap: wrap;
  }
  .solutions-text, .solutions-image {
    flex: 1 1 100%;
  }
  
  .solutions-section h2 {
    font-size: 24px;
  }
  
  .solutions-section h3 {
    font-size: 18px;
    margin: 24px 0 10px;
  }
  
  .solutions-section p {
    font-size: 16px;
  }
  
  .glow-img {
    max-height: 300px; /* 移动端限制高度，避免过长 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5cb1a81 */.testimonial-card {
  background: #fff;
  border-radius: 14px;
  padding: 24px;
  max-width: 900px;
  margin: 32px auto;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
  transition: all 0.3s ease; /* ✅ 平滑 hover 动画 */
  font-family: 'Karla', sans-serif; /* ✅ 应用全局字体 */
}

.testimonial-card:hover {
  box-shadow: 0 4px 12px rgba(0,0,0,0.1); /* ✅ hover 增强阴影 */
  transform: translateY(-2px); /* 轻微抬升，提升互动 */
}

.testimonial-card h3 {
  color: #1851e0;
  font-size: 20px;
  margin-bottom: 16px;
  padding-left: 12px;
  border-left: 3px solid #1851e0;
  font-family: 'Karla', sans-serif; /* ✅ 应用全局字体 */
}

.quote-icon {
  font-size: 42px;
  font-weight: bold;
  color: #1851e0;
  line-height: 1;
  opacity: 0;
  animation: fadeIn 1s ease forwards 0.5s; /* ✅ 淡入动画 */
}

.quote-icon.bottom {
  text-align: right;
  margin-top: 12px;
}

.testimonial-card p {
  margin-bottom: 12px;
  line-height: 1.6;
  font-family: 'Karla', sans-serif; /* ✅ 应用全局字体 */
}

.testimonial-footer {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 16px;
}

.testimonial-avatar {
  width: 56px;
  height: 56px;
  border-radius: 50%; /* ✅ 圆形容器 */
  border: 2px solid #1851e0; /* 保持蓝边框 */
  object-fit: cover; /* ✅ 图片覆盖容器，无变形 */
  clip-path: circle(50%); /* ✅ 强制圆形裁剪，防止方块溢出 */
  /* 移除 background 渐变，避免蓝色底色！ */
}

.testimonial-footer a {
  font-size: 14px;
  color: #1851e0;
  text-decoration: none; /* ✅ 继承全局无下划线 */
  transition: color 0.2s ease; /* ✅ 平滑 hover */
  font-family: 'Karla', sans-serif; /* ✅ 应用全局字体 */
}

.testimonial-footer a:hover {
  text-decoration: underline; /* hover 显示下划线，提升可点击感 */
  color: #0f3bb5; /* 深蓝变色 */
}

/* ✅ 淡入动画 */
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}

/* ✅ 响应式优化：移动端调整 */
@media (max-width: 768px) {
  .testimonial-card {
    padding: 20px;
    margin: 24px 16px;
  }
  
  .testimonial-card h3 {
    font-size: 18px;
  }
  
  .quote-icon {
    font-size: 36px;
  }
  
  .testimonial-footer {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  
  .testimonial-avatar {
    width: 48px;
    height: 48px;
  }
  
  .testimonial-card p {
    font-size: 16px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fde4067 */.results-section {
  max-width: 1200px;
  margin: 32px auto;
  padding: 0 16px;
  line-height: 1.7;
  font-family: 'Karla', sans-serif; /* ✅ 应用全局字体 */
}

/* Header */
.results-header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  opacity: 0;
  animation: fadeIn 0.8s ease forwards; /* ✅ 淡入动画 */
}

.results-logo {
  width: 20px;
  height: 20px;
  object-fit: contain;
}

.results-title {
  font-weight: bold;
  color: #1851e0;
  font-size: 18px;
  font-family: 'Karla', sans-serif; /* ✅ 应用全局字体 */
}

/* 表格通用 */
.results-table-wrapper {
  overflow-x: auto; /* ✅ 水平滚动，核心防溢出 */
  -webkit-overflow-scrolling: touch; /* iOS 平滑滚动 */
  border-radius: 14px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
  margin-bottom: 16px;
  /* PC 默认隐藏滚动条 */
  scrollbar-width: none; /* Firefox 隐藏滚动条 */
  -ms-overflow-style: none; /* IE/Edge 隐藏滚动条 */
}
.results-table-wrapper::-webkit-scrollbar {
  display: none; /* Webkit 隐藏滚动条 */
}

.results-table {
  width: 100%; /* 最小宽度，确保滚动时全列可见 */
  min-width: 600px; /* 移动端最小宽度，强制滚动但不溢出屏幕 */
  border-collapse: separate;
  border-spacing: 0;
  font-size: 15px;
  text-align: left;
}

.results-table thead tr {
  background: #1851e0; /* 深蓝底 */
  color: #fff; /* 白字 */
}

.results-table th,
.results-table td {
  padding: 12px 14px;
  border: 1px solid #ddd;
  white-space: nowrap; /* 防换行，保持列紧凑 */
}

.results-table th i {
  margin-right: 4px; /* 图标间距 */
  font-size: 12px;
}

.results-table tbody tr {
  transition: all 0.2s ease; /* ✅ 平滑 hover 动画 */
}

.results-table tbody tr:hover {
  background: #e3f2fd !important; /* hover 浅蓝 */
  transform: scale(1.01); /* 轻微放大 */
}

.results-table tbody tr:nth-child(odd) {
  background: #ffffff; /* 奇数行白色 */
}

.results-table tbody tr:nth-child(even) {
  background: #f1f5fb; /* 偶数行浅蓝 */
}

.results-table td strong {
  color: #1851e0;
}

.results-extra {
  margin-top: 12px;
  font-family: 'Karla', sans-serif; /* ✅ 应用全局字体 */
}

.results-extra ul {
  margin: 8px 0 0 20px;
  padding: 0;
  list-style-type: none; /* 自定义 bullet */
}

.results-extra li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 8px;
}

.results-extra li::before {
  content: "✓"; /* ✅ 自定义勾选图标 */
  position: absolute;
  left: 0;
  color: #1851e0;
  font-weight: bold;
  font-size: 16px;
}

/* ✅ 淡入动画 */
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}

/* ✅ 响应式优化：移动/平板调整（增强完整性） + PC 隐藏滚动条，移动显示 */
@media (max-width: 1024px) { /* 平板/手机：显示滚动条 */
  .results-table-wrapper {
    scrollbar-width: auto; /* Firefox 显示滚动条 */
    -ms-overflow-style: auto; /* IE/Edge 显示滚动条 */
  }
  .results-table-wrapper::-webkit-scrollbar {
    display: block; /* Webkit 显示滚动条 */
    height: 6px; /* 自定义高度 */
  }
  .results-table-wrapper::-webkit-scrollbar-track {
    background: #f1f5fb;
  }
  .results-table-wrapper::-webkit-scrollbar-thumb {
    background: #1851e0;
    border-radius: 3px;
  }

  .results-table {
    font-size: 14px;
    min-width: 550px; /* 平板稍小，但全列可见 */
  }
  
  .results-table th,
  .results-table td {
    padding: 10px 8px; /* 缩小间距 */
  }
}

@media (max-width: 768px) { /* 手机 */
  .results-section {
    padding: 0 8px;
  }
  
  .results-header {
    gap: 6px;
  }
  
  .results-title {
    font-size: 16px;
  }
  
  .results-table-wrapper {
    border-radius: 8px; /* 小屏圆角 */
  }
  
  .results-table {
    font-size: 13px;
    min-width: 500px; /* 手机最小宽度，确保滑动时列不挤 */
  }
  
  .results-table th,
  .results-table td {
    padding: 8px 6px; /* 进一步紧凑 */
    text-align: center; /* 居中，提升可读 */
  }
  
  .results-table th i {
    font-size: 10px; /* 图标缩小 */
  }
  
  .results-extra li {
    font-size: 14px;
    padding-left: 16px;
  }
  
  .results-extra li::before {
    font-size: 14px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8bb8d96 */.section-card.why {
  border-radius: 14px;
  padding: 24px;
  max-width: 1200px;
  margin: 24px auto;
  font-family: 'Karla', sans-serif; /* ✅ 应用全局字体 */
}

.section-card.why h3 {
  color: #1851e0;
  font-size: 24px;
  margin-bottom: 16px;
  padding-left: 12px;
  border-left: 4px solid #1851e0; /* ✅ 品牌蓝左边框，提升标题突出 */
  font-family: 'Karla', sans-serif; /* ✅ 应用全局字体 */
}

.section-card.why ul {
  margin: 12px 0 0 20px;
  padding: 0;
  list-style-type: none; /* 移除默认 bullet，自定义 */
}

.section-card.why li {
  position: relative;
  padding-left: 24px;
  margin-bottom: 12px;
  line-height: 1.6;
  transition: color 0.2s ease; /* ✅ 轻微 hover 动画 */
  font-family: 'Karla', sans-serif; /* ✅ 应用全局字体 */
}

.section-card.why li::before {
  content: "✓"; /* ✅ 自定义蓝勾选图标 */
  position: absolute;
  left: 0;
  color: #1851e0;
  font-weight: bold;
  font-size: 16px;
}

.section-card.why li:hover {
  color: #1851e0; /* hover 变蓝，突出重点 */
}

.section-card.why li strong {
  color: #1851e0; /* 粗体统一蓝，强调标题 */
}

/* ✅ 响应式优化：移动端调整 */
@media (max-width: 768px) {
  .section-card.why {
    padding: 20px;
    margin: 20px 8px;
  }
  
  .section-card.why h3 {
    font-size: 20px;
    padding-left: 8px;
  }
  
  .section-card.why ul {
    margin-left: 16px;
  }
  
  .section-card.why li {
    padding-left: 20px;
    font-size: 16px;
    margin-bottom: 10px;
  }
  
  .section-card.why li::before {
    font-size: 14px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3750cbf *//* ===== Standalone Testimonials Section (Fully Scoped) ===== */
.testimonials-section {
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 20px;
  font-family: 'Karla', sans-serif;
  line-height: 1.6;
  color: #333;
}

.testimonials-section a {
  color: #1851e0;
  text-decoration: none;
}

.testimonials-section a:hover {
  text-decoration: underline;
}

/* ===== Heading (Scoped) ===== */
.testimonials-section .testimonials-header {
  text-align: center;
  margin-bottom: 40px;
}

.testimonials-section .ws-eyebrow {
  color: #1851e0;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  margin-bottom: 6px;
}

.testimonials-section .testimonials-header h2 {
  font-size: 26px;
  margin: 0;
  color: #1851e0;
  font-weight: 700;
}

/* ===== Testimonials Grid (Scoped) ===== */
.testimonials-section .testimonials-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px; /* 增加间隙以改善视觉平衡 */
  margin-bottom: 0; /* 移除底部边距，让卡片自然对齐 */
  justify-items: center; /* 确保卡片在网格单元中居中对齐 */
}

@media (max-width: 900px) {
  .testimonials-section .testimonials-grid {
    grid-template-columns: 1fr;
    gap: 20px; /* 移动端稍小间隙 */
    justify-items: stretch; /* 移动端拉伸填充 */
  }
}

.testimonials-section .testimonial-card {
  background: #fff;
  border-radius: 14px;
  padding: 28px; /* 增加内边距以改善文本呼吸空间 */
  width: 100%; /* 填充网格单元宽度 */
  max-width: 320px; /* 限制最大宽度，确保三列时均匀对齐 */
  box-shadow: 0 4px 12px rgba(0,0,0,0.08); /* 增强阴影以提升立体感 */
  transition: all 0.3s ease;
  font-family: 'Karla', sans-serif;
  display: flex;
  flex-direction: column;
  align-items: flex-start; /* 左对齐内容 */
  margin: 0; /* 移除自动边距，确保网格对齐 */
}

.testimonials-section .testimonial-card:hover {
  box-shadow: 0 8px 24px rgba(0,0,0,0.12); /* 更明显的hover阴影 */
  transform: translateY(-4px); /* 稍大抬升 */
}

.testimonials-section .quote-icon {
  font-size: 42px;
  font-weight: bold;
  color: #1851e0;
  line-height: 1;
  opacity: 0;
  animation: fadeIn 1s ease forwards 0.3s; /* 稍早开始动画 */
  align-self: flex-start; /* 左对齐引号 */
  margin-bottom: 12px;
}

.testimonials-section .quote-icon.bottom {
  text-align: right;
  margin-top: auto; /* 推到底部 */
  margin-bottom: 0;
}

.testimonials-section .testimonial-text {
  margin-bottom: 16px; /* 增加底部间距 */
  line-height: 1.6;
  font-family: 'Karla', sans-serif;
  flex-grow: 1; /* 占据剩余空间 */
}

.testimonials-section .testimonial-footer {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 16px;
  align-self: flex-start; /* 左对齐页脚 */
}

.testimonials-section .testimonial-footer a {
  font-size: 14px;
  font-weight: 600; /* 稍粗以突出品牌 */
  color: #1851e0;
  text-decoration: none;
  transition: color 0.2s ease;
  font-family: 'Karla', sans-serif;
}

.testimonials-section .testimonial-footer span {
  font-size: 14px;
  color: #666;
  font-weight: 500;
}

.testimonials-section .testimonial-footer a:hover {
  text-decoration: underline;
  color: #0f3bb5;
}

/* 动画关键帧 (Scoped via container) */
@keyframes fadeIn {
  to { opacity: 1; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c958aa7 *//* ===== Base for Case Study Main ===== */
.case-study-main {
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 20px;
  font-family: 'Karla', sans-serif;
  line-height: 1.6;
  color: #333;
}

.case-study-main a {
  color: #1851e0;
  text-decoration: none;
}

.case-study-main a:hover {
  text-decoration: underline;
}

/* ===== Main Two-Column Surrounding Layout ===== */
.main-content {
  display: grid;
  grid-template-columns: 360px 1fr;
  grid-template-rows: auto auto; /* 两行：第一行感言+顶部文本，第二行底部文本跨列 */
  gap: 8px; /* ✅ 减少间隙到 8px，使文段更贴合引言 */
  margin-top: 36px;
  margin-bottom: 40px;
}

.pull-quote {
  grid-column: 1;
  grid-row: 1 / span 2; /* ✅ 跨两行，确保文段连续流动包围引言，避免断层 */
  align-self: start;
  background: #fff;
  border: 1px solid #e6e8ef;
  border-radius: 14px;
  padding: 14px 14px 12px; /* ✅ 进一步减少内边距，缩小整体高度 */
  box-shadow: 0 2px 10px rgba(0,0,0,0.06);
  transition: box-shadow 0.2s ease;
}

.pull-quote:hover {
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.pull-quote blockquote {
  margin: 0;
  position: relative;
}

.pull-mark {
  color: #1851e0;
  font-weight: 800;
  font-size: 22px; /* ✅ 从 24px 调整为 22px，进一步缩小引号大小 */
  line-height: 1;
  display: block;
}

.pull-text {
  display: block;
  font-size: 14px; /* ✅ 从 15px 调整为 14px，进一步缩小文本大小 */
  font-weight: 600;
  color: #222;
  margin: 2px 0; /* ✅ 进一步减少上下边距 */
}

.pull-mark.end {
  display: block;
  text-align: right;
}

.blue-em {
  color: #1851e0 !important;
  font-weight: bold;
}

.narrative-top {
  grid-column: 2;
  grid-row: 1;
  align-self: start;
}

.narrative-bottom {
  grid-column: 1 / -1; /* 跨列，包围感言下方 */
  align-self: start;
}

.narrative-top h3,
.narrative-bottom h3 {
  margin: 0 0 10px;
  font-size: 20px;
  color: #1851e0;
  font-weight: 700;
}

.narrative-top p,
.narrative-bottom p {
  margin: 0 0 12px;
  font-size: 16px;
}

.narrative-meta {
  margin-top: 10px;
}

.brand-link {
  font-weight: 800;
  color: #1851e0;
}

/* ===== Photos Row ===== */
.photo-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin: 28px 0 8px;
}

@media (max-width: 900px) {
  .photo-row {
    grid-template-columns: 1fr;
  }
}

.photo-card {
  background: #fff;
  border: 1px solid #e6e8ef;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 2px 10px rgba(0,0,0,0.06);
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
}

.photo-wrap {
  position: relative;
  width: 100%;
  height: 250px; /* 固定高度，确保一致展示大小 */
  overflow: hidden;
}

.photo-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* 保持比例，裁剪以填满固定尺寸 */
  display: block;
}

.photo-wrap.overlay::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4); /* 半透明遮罩 */
  z-index: 1;
}

.mask-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  text-align: center;
  color: white;
}

.mask-title {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 4px;
}

.mask-sub {
  font-size: 14px;
  opacity: 0.9;
}

.photo-card figcaption {
  padding: 16px;
  background: #fff;
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
  color: #666;
}

.photo-card figcaption strong {
  color: #1851e0;
  display: block;
  margin-bottom: 4px;
}

/* ===== Responsive Fix ===== */
@media (max-width: 900px) {
  .main-content {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    gap: 24px; /* ✅ 移动端恢复较大间隙 */
  }

  .pull-quote {
    grid-column: 1;
    grid-row: 1;
  }

  .narrative-top {
    grid-column: 1;
    grid-row: 2;
  }

  .narrative-bottom {
    grid-column: 1;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d5ba241 *//* 流程容器：限制宽度，防止溢出 */
.flow { 
  max-width: 1160px; /* ✅ 明确限制为1160px，匹配要求 */
  margin: 40px auto; 
  text-align: center; 
  font-family: 'Karla', sans-serif; /* 保留全局字体 */
  padding: 20px 10px; /* ✅ 减小左右内边距，释放空间 */
  box-sizing: border-box; /* 确保内边距计入宽度 */
}

/* 标题样式 */
.flow h3 {
  color: #1851e0;
  margin-bottom: 24px;
  font-size: 22px;
  font-family: 'Karla', sans-serif; /* 保留全局字体 */
}

/* 流程步骤容器：限制总宽度 */
.flow-container {
  display: flex;
  align-items: center; /* 垂直居中，防位置偏移 */
  justify-content: center; /* 整体居中 */
  flex-wrap: wrap; /* ✅ 允许换行，防止溢出 */
  gap: 12px; /* ✅ 减小间距，节省宽度 */
  max-width: 1120px; /* ✅ 限制内容宽度，留出padding空间 */
  margin: 0 auto; /* 居中对齐 */
}

/* 流程步骤 */
.flow-step {
  flex: 1 1 170px; /* ✅ 减小基础宽度，防溢出 */
  min-width: 150px; /* ✅ 最小宽度，保持可读性 */
  text-align: center;
  padding: 16px 12px;
  background: linear-gradient(135deg, #1851e0, #4f8ef7); /* 保留蓝渐变 */
  color: #fff;
  border-radius: 14px;
  min-height: 120px; /* 保留等高 */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  line-height: 1.4;
  box-shadow: 0 4px 10px rgba(0,0,0,0.08);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  font-family: 'Karla', sans-serif; /* 保留全局字体 */
}

/* 步骤图标 */
.flow-step i {
  font-size: 22px;
  margin-bottom: 8px;
}

/* 步骤文字 */
.flow-step div {
  font-size: 14px;
  font-weight: 500;
}

/* 步骤hover效果 */
.flow-step:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 14px rgba(0,0,0,0.12);
}

/* 箭头样式 */
.flow-arrow {
  font-size: 22px;
  color: #1851e0;
  display: flex;
  align-items: center;
  justify-content: center; /* 箭头水平居中 */
  width: 20px; /* 固定宽度，防布局抖动 */
  flex-shrink: 0; /* 不压缩 */
}

.flow-arrow::after {
  content: "→"; /* CSS箭头，避免依赖 */
}

/* 响应式：平板 */
@media (max-width: 1024px) {
  .flow-container {
    justify-content: space-around; /* 均匀分布，防偏移 */
    gap: 10px; /* 缩小间距 */
    padding: 0 10px; /* 减小左右垫 */
  }
  
  .flow-step {
    flex-basis: 140px; /* ✅ 平板减小宽度，防溢出 */
    min-width: 120px; /* ✅ 最小宽度 */
    min-height: 100px;
    padding: 14px 10px;
  }
  
  .flow-step i {
    font-size: 20px;
  }
  
  .flow-step div {
    font-size: 13px;
  }
  
  .flow-arrow {
    width: 16px;
    font-size: 20px;
  }
  
  .flow h3 {
    font-size: 20px;
  }
}

/* 响应式：手机 */
@media (max-width: 768px) {
  .flow {
    margin: 24px 8px;
  }
  
  .flow h3 {
    font-size: 18px;
    margin-bottom: 16px;
  }
  
  .flow-container { 
    flex-direction: column; 
    gap: 8px;
    align-items: center; /* 纵向居中 */
  }
  
  .flow-step {
    flex: none; /* 纵向自适应宽度 */
    width: 100%;
    max-width: 280px; /* 限制宽度，不太大 */
    min-height: 60px; /* 高度减半，小巧 */
    padding: 12px 8px;
    font-size: 12px; /* 文字缩小 */
  }
  
  .flow-step i {
    font-size: 18px;
    margin-bottom: 4px;
  }
  
  .flow-step div {
    font-size: 12px;
    line-height: 1.3;
  }
  
  .flow-arrow {
    transform: rotate(90deg); 
    margin: 4px 0; 
    width: auto;
    font-size: 18px;
  }
  
  .flow-step:hover {
    transform: none; /* 禁用hover，避免触屏干扰 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4945e90 *//* 网格布局：固定 4 列 + 防溢出，强化等高对齐 */
.sections-grid.industry-grid {
  display: grid; 
  grid-template-columns: repeat(4, minmax(0, 1fr)); /* 保留原4列布局 */
  gap: 20px;
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  padding: 20px;
  box-sizing: border-box;
  /* ✅ 移除背景渐变，继承Astra主题默认背景色 */
}
.sections-grid.industry-grid, 
.sections-grid.industry-grid * {
  box-sizing: border-box; /* 保留原防越界 */
}

/* 卡片内部：强化等高对齐，保留原布局 */
.industry-grid .section-card {
  display: flex;
  flex-direction: column;
  min-width: 0; /* 保留原防挤出 */
  background: #ffffff; /* 纯白背景，简洁高端 */
  border: 1px solid #e5e7eb; /* 细边框，精致感 */
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 3px 8px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.05); /* 柔和阴影 */
  transition: transform 0.2s ease, box-shadow 0.2s ease; /* 保留原动画 */
}
.industry-grid .section-card:hover {
  transform: translateY(-2px); /* 保留原抬升效果 */
  box-shadow: 0 6px 12px rgba(0,0,0,0.12), 0 2px 4px rgba(0,0,0,0.08); /* 增强hover阴影 */
}

/* 文本防止溢出父级，保留原对齐 */
.industry-grid .section-card h3,
.industry-grid .section-card p,
.industry-grid .section-card li {
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* 图标与文字基础样式，强制分割线对齐 */
.industry-grid .icon { 
  font-size: 28px; 
  line-height: 1; 
  color: #1e40af; /* 深蓝，高级且专业 */
  margin-bottom: 10px; 
}
.industry-grid h3 { 
  color: #111827; /* 深灰色标题，现代感 */
  font-size: 18px; 
  line-height: 24px; /* 固定行高，确保标题垂直居中 */
  height: 48px; /* 固定高度为2行，强制分割线对齐 */
  margin: 0 0 10px; 
  border-bottom: 2px solid #1e40af; /* 匹配图标颜色，统一分割线 */
  padding-bottom: 6px; 
  font-weight: 700;
  display: flex; /* 确保标题内容垂直居中 */
  align-items: center; /* 垂直居中标题 */
}
.industry-grid p { 
  margin: 0 0 10px; 
  color: #374151; /* 柔和灰色，可读性强 */
  line-height: 1.6; 
}

/* 列表：强化对齐，保留原间距 */
.industry-grid .section-card ul {
  margin: 8px 0 16px 18px;
  padding: 0;
  flex-grow: 1; /* 保留原flex-grow，确保按钮底部对齐 */
  list-style-type: disc; /* 保留原列表样式，确保对齐 */
}
.industry-grid li { 
  margin-bottom: 6px; 
  color: #4b5563; /* 柔和文字颜色 */
  font-size: 14px; 
  line-height: 20px; /* 固定行高，确保列表项对齐 */
}

/* 按钮统一底部对齐 & 宽度，增强高级感 */
.industry-grid .cta-btn {
  margin-top: auto; /* 保留原底部对齐 */
  display: block;
  width: 100%;
  text-align: center;
  padding: 10px 0;
  background: linear-gradient(90deg, #1e40af, #3b82f6); /* 渐变按钮，现代感 */
  color: #fff !important; /* 覆盖Astra主题，确保白色文字 */
  border-radius: 6px;
  text-decoration: none !important; /* 继承Astra无下划线 */
  font-weight: 600;
  font-size: 14px; /* 固定字体大小，确保按钮文本对齐 */
  line-height: 20px; /* 固定行高，确保按钮垂直居中 */
  transition: background 0.3s ease; /* 保留原动画 */
}
.industry-grid .cta-btn:hover { 
  background: linear-gradient(90deg, #1e3a8a, #2563eb); /* hover渐变微调 */
  text-decoration: underline; /* 继承Astra hover下划线 */
}

/* 响应式：平板两列，手机一列，保留原对齐 */
@media (max-width: 992px) {
  .sections-grid.industry-grid { 
    grid-template-columns: repeat(2, minmax(0,1fr)); 
    gap: 16px;
    padding: 16px;
  }
  .industry-grid .section-card {
    padding: 16px;
  }
  .industry-grid .icon {
    font-size: 24px;
  }
  .industry-grid h3 {
    font-size: 16px;
    line-height: 22px; /* 调整行高，保持对齐 */
    height: 44px; /* 固定高度为2行，匹配字体大小 */
  }
  .industry-grid p, .industry-grid li {
    font-size: 13px;
    line-height: 18px; /* 调整列表行高 */
  }
}
@media (max-width: 576px) {
  .sections-grid.industry-grid { 
    grid-template-columns: minmax(0,1fr); 
    gap: 12px;
    padding: 12px;
  }
  .industry-grid .section-card {
    padding: 14px;
  }
  .industry-grid .icon {
    font-size: 22px;
    margin-bottom: 8px;
  }
  .industry-grid h3 {
    font-size: 15px;
    line-height: 20px; /* 调整行高 */
    height: 40px; /* 固定高度为2行，匹配字体大小 */
  }
  .industry-grid p, .industry-grid li {
    font-size: 12px;
    line-height: 18px; /* 调整列表行高 */
  }
  .industry-grid ul {
    margin-left: 16px;
  }
  .industry-grid .cta-btn {
    padding: 8px 0;
    font-size: 14px;
    line-height: 20px; /* 保持按钮对齐 */
  }
}/* End custom CSS */