@charset "UTF-8";
/**
 * 页面左右边距 CSS 变量（挂在 .base-page，供 SectionContainer / Footer / Hero 内文对齐）。
 * ≥1024：max(80px, (100vw - 1680px) / 2)，保证内容区不超过 1680。
 */
/**
 * 页面内容区左右边距（与 SectionContainer 公式一致；无 CSS 变量场景可用）。
 */
/* 主色 / 演示按钮渐变（预约演示、免费预约等） */
/* 自定义字体族：苹方简体 */
/* 主色 / 演示按钮渐变（预约演示、免费预约等） */
/* 自定义字体族：苹方简体 */
/* 案例标签：第 1/3/… 蓝，第 2/4/… 紫；列表卡与详情 Hero 共用 */
.case-detail-hero.v-53850b38 {
  width: 100%;
  background: linear-gradient(90deg, #fff 0%, #fff 30%, #DDE2FE 100%); }

.case-detail-hero-container.v-53850b38 {
  padding-top: 3rem;
  padding-bottom: 3rem; }

.case-detail-hero-inner.v-53850b38 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 3rem;
  max-width: 105rem;
  margin: 0 auto; }

.case-detail-hero-copy.v-53850b38 {
  flex: 1;
  min-width: 0;
  max-width: 42.5rem; }

.case-detail-hero-title-row.v-53850b38 {
  display: flex;
  align-items: center;
  gap: 1rem; }

.case-detail-hero-logo.v-53850b38 {
  display: block;
  flex-shrink: 0;
  width: auto;
  -o-object-fit: contain;
     object-fit: contain; }

.case-detail-hero-title.v-53850b38 {
  margin: 0;
  color: #181818;
  font-family: "Helvetica Neue", "Helvetica", "Arial", "sans-serif", "PingFang SC", "Microsoft YaHei";
  font-size: 2.125rem;
  font-weight: 600;
  line-height: 1.35; }

.case-detail-hero-tags.v-53850b38 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 1rem 0 0;
  padding: 0;
  list-style: none; }

.case-detail-hero-tag.v-53850b38 {
  display: inline-flex;
  align-items: center;
  height: 1.5rem;
  padding: 0 0.625rem;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1;
  white-space: nowrap; }
  .case-detail-hero-tag.v-53850b38:nth-child(odd) {
    background: #eef2ff;
    color: #3c64f5; }
  .case-detail-hero-tag.v-53850b38:nth-child(even) {
    background: #f0ecff;
    color: #7a5cf5; }

.case-detail-hero-desc.v-53850b38 {
  margin: 1rem 0 0;
  color: #55606f;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.625rem; }

.case-detail-hero-cta.v-53850b38 {
  margin-top: 2rem; }

.case-detail-hero-media.v-53850b38 {
  flex: 0 1 28.4375rem;
  width: 100%;
  max-width: 28.4375rem;
  overflow: hidden;
  border-radius: 1rem;
  background: #ffffff;
  margin-right: 5rem; }

.case-detail-hero-cover.v-53850b38,
.case-detail-hero-cover-placeholder.v-53850b38 {
  display: block;
  width: 100%;
  height: 17.25rem;
  -o-object-fit: cover;
     object-fit: cover; }

.case-detail-hero-cover-placeholder.v-53850b38 {
  background: #fff; }

@media only screen and (max-width: 1023px) {
  .case-detail-hero-container.v-53850b38 {
    padding-top: 2rem;
    padding-bottom: 2rem; }
  .case-detail-hero-inner.v-53850b38 {
    flex-direction: column;
    align-items: stretch;
    gap: 1.5rem; }
  .case-detail-hero-copy.v-53850b38 {
    max-width: none; }
  .case-detail-hero-media.v-53850b38 {
    flex: none;
    max-width: none; }
  .case-detail-hero-cover.v-53850b38,
  .case-detail-hero-cover-placeholder.v-53850b38 {
    height: 12.5rem; } }

@charset "UTF-8";
/**
 * 页面左右边距 CSS 变量（挂在 .base-page，供 SectionContainer / Footer / Hero 内文对齐）。
 * ≥1024：max(80px, (100vw - 1680px) / 2)，保证内容区不超过 1680。
 */
/**
 * 页面内容区左右边距（与 SectionContainer 公式一致；无 CSS 变量场景可用）。
 */
/* 主色 / 演示按钮渐变（预约演示、免费预约等） */
/* 自定义字体族：苹方简体 */
.case-detail-pain-list.v-3d12a18e {
  display: grid;
  gap: 1.5rem; }

.case-detail-pain-list.is-cols-3.v-3d12a18e {
  grid-template-columns: repeat(3, minmax(0, 1fr)); }

.case-detail-pain-list.is-cols-4.v-3d12a18e {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-template-rows: repeat(2, minmax(0, 1fr)); }
  .case-detail-pain-list.is-cols-4 .case-detail-pain-card.v-3d12a18e:nth-child(1) {
    grid-column: 1 / 2;
    grid-row: 1 / 3; }
  .case-detail-pain-list.is-cols-4 .case-detail-pain-card.v-3d12a18e:nth-child(2) {
    grid-column: 2 / 3;
    grid-row: 1 / 3; }
  .case-detail-pain-list.is-cols-4 .case-detail-pain-card.v-3d12a18e:nth-child(3) {
    grid-column: 3 / 5;
    grid-row: 1 / 2; }
  .case-detail-pain-list.is-cols-4 .case-detail-pain-card.v-3d12a18e:nth-child(4) {
    grid-column: 3 / 5;
    grid-row: 2 / 3; }

.case-detail-pain-card.v-3d12a18e {
  position: relative;
  min-height: 12.5rem;
  padding: 2rem 1.5rem;
  overflow: hidden;
  box-sizing: border-box;
  border-radius: 1rem;
  background: #f5f7fb;
  /* 4 卡布局第 3/4 块：图标在左、文案在右 */ }
  .case-detail-pain-card.is-horizontal.v-3d12a18e {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    min-height: 0;
    padding: 1.5rem; }
    .case-detail-pain-card.is-horizontal .case-detail-pain-icon.v-3d12a18e {
      margin-bottom: 0;
      flex-shrink: 0; }
    .case-detail-pain-card.is-horizontal .case-detail-pain-body.v-3d12a18e {
      flex: 1;
      min-width: 0; }

.case-detail-pain-index.v-3d12a18e {
  position: absolute;
  right: 1rem;
  bottom: 0;
  font-family: "Helvetica Neue", "Helvetica", "Arial", "sans-serif", "PingFang SC", "Microsoft YaHei";
  font-size: 6.25rem;
  font-weight: 500;
  line-height: 1;
  background-image: linear-gradient(180deg, #e8f2ff 0%, #eff6fe 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none; }

.case-detail-pain-icon.v-3d12a18e {
  position: relative;
  z-index: 1;
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  margin-bottom: 1rem;
  -o-object-fit: contain;
     object-fit: contain; }

.case-detail-pain-body.v-3d12a18e {
  position: relative;
  z-index: 1; }

.case-detail-pain-title.v-3d12a18e {
  margin: 0;
  color: #181818;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.4; }

.case-detail-pain-desc.v-3d12a18e {
  margin: 0.75rem 0 0;
  color: #55606f;
  font-size: 0.875rem;
  line-height: 1.375rem; }

@media only screen and (max-width: 1023px) {
  .case-detail-pain-list.is-cols-3.v-3d12a18e,
  .case-detail-pain-list.is-cols-4.v-3d12a18e {
    grid-template-columns: 1fr;
    grid-template-rows: none; }
  .case-detail-pain-list.is-cols-4 .case-detail-pain-card.v-3d12a18e:nth-child(n) {
    grid-column: auto;
    grid-row: auto; }
  .case-detail-pain-card.v-3d12a18e {
    min-height: 0;
    /* 移动端统一为纵向，避免窄屏横向挤压 */ }
    .case-detail-pain-card.is-horizontal.v-3d12a18e {
      flex-direction: column;
      gap: 0; }
      .case-detail-pain-card.is-horizontal .case-detail-pain-icon.v-3d12a18e {
        margin-bottom: 1rem; }
  .case-detail-pain-index.v-3d12a18e {
    font-size: 5.5rem; } }

@charset "UTF-8";
/**
 * 页面左右边距 CSS 变量（挂在 .base-page，供 SectionContainer / Footer / Hero 内文对齐）。
 * ≥1024：max(80px, (100vw - 1680px) / 2)，保证内容区不超过 1680。
 */
/**
 * 页面内容区左右边距（与 SectionContainer 公式一致；无 CSS 变量场景可用）。
 */
/* 主色 / 演示按钮渐变（预约演示、免费预约等） */
/* 自定义字体族：苹方简体 */
.case-detail-solution-card.v-02b4f3d9 {
  display: flex;
  overflow: hidden;
  border-radius: 1rem;
  background: #ffffff;
  box-shadow: 0 0.5rem 1.5rem rgba(60, 100, 245, 0.08); }

.case-detail-solution-aside.v-02b4f3d9 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 0 0 38%;
  min-width: 17.5rem;
  padding: 2.5rem 2rem;
  box-sizing: border-box;
  background-image: linear-gradient(135deg, #2a62ff 0%, #7624ff 98%); }

.case-detail-solution-summary.v-02b4f3d9 {
  margin: 0;
  color: #fff;
  font-family: "Helvetica Neue", "Helvetica", "Arial", "sans-serif", "PingFang SC", "Microsoft YaHei";
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 1.4;
  white-space: pre-line; }

.case-detail-solution-cta.v-02b4f3d9 {
  align-self: flex-start;
  margin-top: 2rem; }

.case-detail-solution-list.v-02b4f3d9 {
  flex: 1;
  margin: 0;
  padding: 1rem 2rem;
  list-style: none;
  box-sizing: border-box; }

.case-detail-solution-item.v-02b4f3d9 {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1.25rem 0;
  border-bottom: 0.0625rem dashed #e6eaf2; }
  .case-detail-solution-item.v-02b4f3d9:last-child {
    border-bottom: none; }

.case-detail-solution-check.v-02b4f3d9 {
  display: block;
  flex-shrink: 0;
  width: 1rem;
  height: 1rem;
  margin-top: 0.3125rem;
  -o-object-fit: contain;
     object-fit: contain; }

.case-detail-solution-text.v-02b4f3d9 {
  margin: 0;
  color: #181818;
  font-size: 0.875rem;
  line-height: 1.625rem; }
  .case-detail-solution-text strong.v-02b4f3d9 {
    font-weight: 600; }

@media only screen and (max-width: 1023px) {
  .case-detail-solution-card.v-02b4f3d9 {
    flex-direction: column; }
  .case-detail-solution-aside.v-02b4f3d9 {
    flex: none;
    min-width: 0;
    width: 100%; }
  .case-detail-solution-summary.v-02b4f3d9 {
    font-size: 1.375rem; }
  .case-detail-solution-list.v-02b4f3d9 {
    padding: 0.5rem 1.25rem 1rem; } }

@charset "UTF-8";
/**
 * 页面左右边距 CSS 变量（挂在 .base-page，供 SectionContainer / Footer / Hero 内文对齐）。
 * ≥1024：max(80px, (100vw - 1680px) / 2)，保证内容区不超过 1680。
 */
/**
 * 页面内容区左右边距（与 SectionContainer 公式一致；无 CSS 变量场景可用）。
 */
/* 主色 / 演示按钮渐变（预约演示、免费预约等） */
/* 自定义字体族：苹方简体 */
.case-detail-benefits-panel.v-5ace37b6 {
  position: relative;
  padding: 2.5rem 2rem 3.5rem;
  overflow: hidden;
  box-sizing: border-box;
  border-radius: 1rem;
  background-color: #eef2ff;
  background-image: url("https://s.17win.com/snack/121/pts-home-web-pc/case/case-detail-benefits-bg.png");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100% 80%; }

.case-detail-benefits-list.v-5ace37b6 {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 1.5rem; }

.case-detail-benefits-list.is-cols-3.v-5ace37b6 {
  grid-template-columns: repeat(3, minmax(0, 1fr)); }

.case-detail-benefits-list.is-cols-4.v-5ace37b6 {
  grid-template-columns: repeat(2, minmax(0, 1fr)); }

.case-detail-benefits-card.v-5ace37b6 {
  padding: 2rem 1.5rem;
  box-sizing: border-box;
  border-radius: 1rem;
  background: #ffffff;
  box-shadow: 0 0.5rem 1.5rem rgba(60, 100, 245, 0.08); }

.case-detail-benefits-icon.v-5ace37b6 {
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  margin-bottom: 2.5rem;
  -o-object-fit: contain;
     object-fit: contain; }

.case-detail-benefits-title.v-5ace37b6 {
  margin: 0;
  color: #181818;
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 1.4; }

.case-detail-benefits-desc.v-5ace37b6 {
  margin: 0.75rem 0 0;
  color: #55606f;
  font-size: 0.875rem;
  line-height: 1.375rem; }

@media only screen and (max-width: 1023px) {
  .case-detail-benefits-panel.v-5ace37b6 {
    padding: 1.5rem 1rem 2.5rem; }
  .case-detail-benefits-list.is-cols-3.v-5ace37b6,
  .case-detail-benefits-list.is-cols-4.v-5ace37b6 {
    grid-template-columns: 1fr; } }

@charset "UTF-8";
/**
 * 页面左右边距 CSS 变量（挂在 .base-page，供 SectionContainer / Footer / Hero 内文对齐）。
 * ≥1024：max(80px, (100vw - 1680px) / 2)，保证内容区不超过 1680。
 */
/**
 * 页面内容区左右边距（与 SectionContainer 公式一致；无 CSS 变量场景可用）。
 */
/* 主色 / 演示按钮渐变（预约演示、免费预约等） */
/* 自定义字体族：苹方简体 */
/* 内侧斜切：平行斜边；pull 拉近后可视间距 ≈ slant - pull */
/*
 * 使用前：左外圆角 + 右斜边上下内圆角（中间缝不再出尖角）
 * 斜边：顶 (100%,0) → 底 (100%-slant,100%)
 * 右下角点必须落在斜边内侧（左上方），禁止 x 外突，否则会出尖刺。
 */
/*
 * 使用后：右外圆角 + 左斜边上下内圆角
 * 斜边：顶 (slant,0) → 底 (0,100%)
 */
/* 沿 clip 外形描边：1Px 避免被 pxtorem 转换；写在 stroke 包裹层上 */
/*
 * 对比区渐变字（标题 / 「使用后」共用同一 class）
 * 浅蓝 → 蓝 → 紫（左起右终）
 */
.case-detail-compare-gradient-text.v-5cb774d2 {
  background-image: linear-gradient(90deg, #5e9bfe 0%, #3b6aef 50%, #856ff9 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  font-weight: 500; }

/* 标题仅改字号；渐变由内部 .case-detail-compare-gradient-text 负责 */
.case-detail-compare.v-5cb774d2 .section-header-title {
  font-size: 1.625rem;
  font-weight: 500;
  line-height: 1.4; }

.case-detail-compare-panels.v-5cb774d2 {
  position: relative;
  display: flex;
  align-items: stretch;
  gap: 0; }

.case-detail-compare-panel.v-5cb774d2 {
  position: relative;
  flex: 1;
  min-width: 0;
  box-sizing: border-box;
  background: transparent; }
  .case-detail-compare-panel.is-before.v-5cb774d2 {
    align-self: center;
    z-index: 1;
    margin-top: 0.625rem;
    margin-bottom: 0.625rem;
    /* 拉近中间斜缝 */
    margin-right: -1.5rem; }
    .case-detail-compare-panel.is-before .case-detail-compare-panel-stroke.v-5cb774d2 {
      filter: drop-shadow(0 1Px 0 #e5e8ee) drop-shadow(0 -1Px 0 #e5e8ee) drop-shadow(1Px 0 0 #e5e8ee) drop-shadow(-1Px 0 0 #e5e8ee); }
    .case-detail-compare-panel.is-before .case-detail-compare-panel-bg.v-5cb774d2 {
      background: #f5f7fb;
      clip-path: polygon(0 1rem, 0.6px 0.75625rem, 0.14375rem 0.53125rem, 0.31875rem 0.31875rem, 0.53125rem 0.14375rem, 0.75625rem 0.6px, 1rem 0, calc(100% - 1rem) 0, calc(100% - 0.625rem) 0.0625rem, calc(100% - 0.25rem) 0.25rem, calc(100% - 0.0625rem) 0.625rem, calc(100% - 0.5px) 1rem, calc(100% - 2.25rem + 0.0625rem) calc(100% - 1rem), calc(100% - 2.25rem - 0.0625rem) calc(100% - 0.625rem), calc(100% - 2.25rem - 0.3125rem) calc(100% - 0.25rem), calc(100% - 2.25rem - 0.625rem) calc(100% - 0.0625rem), calc(100% - 2.25rem - 1rem) 100%, 1rem 100%, 0.75625rem calc(100% - 0.6px), 0.53125rem calc(100% - 0.14375rem), 0.31875rem calc(100% - 0.31875rem), 0.14375rem calc(100% - 0.53125rem), 0.6px calc(100% - 0.75625rem), 0 calc(100% - 1rem)); }
    .case-detail-compare-panel.is-before .case-detail-compare-panel-inner.v-5cb774d2 {
      clip-path: polygon(0 1rem, 0.6px 0.75625rem, 0.14375rem 0.53125rem, 0.31875rem 0.31875rem, 0.53125rem 0.14375rem, 0.75625rem 0.6px, 1rem 0, calc(100% - 1rem) 0, calc(100% - 0.625rem) 0.0625rem, calc(100% - 0.25rem) 0.25rem, calc(100% - 0.0625rem) 0.625rem, calc(100% - 0.5px) 1rem, calc(100% - 2.25rem + 0.0625rem) calc(100% - 1rem), calc(100% - 2.25rem - 0.0625rem) calc(100% - 0.625rem), calc(100% - 2.25rem - 0.3125rem) calc(100% - 0.25rem), calc(100% - 2.25rem - 0.625rem) calc(100% - 0.0625rem), calc(100% - 2.25rem - 1rem) 100%, 1rem 100%, 0.75625rem calc(100% - 0.6px), 0.53125rem calc(100% - 0.14375rem), 0.31875rem calc(100% - 0.31875rem), 0.14375rem calc(100% - 0.53125rem), 0.6px calc(100% - 0.75625rem), 0 calc(100% - 1rem)); }
  .case-detail-compare-panel.is-after.v-5cb774d2 {
    z-index: 1; }
    .case-detail-compare-panel.is-after .case-detail-compare-panel-stroke.v-5cb774d2 {
      filter: drop-shadow(0 1Px 0 #d3def3) drop-shadow(0 -1Px 0 #d3def3) drop-shadow(1Px 0 0 #d3def3) drop-shadow(-1Px 0 0 #d3def3); }
    .case-detail-compare-panel.is-after .case-detail-compare-panel-bg.v-5cb774d2 {
      background: #eef2ff;
      clip-path: polygon(calc(2.25rem + 1rem) 0, calc(100% - 1rem) 0, calc(100% - 0.75625rem) 0.6px, calc(100% - 0.53125rem) 0.14375rem, calc(100% - 0.31875rem) 0.31875rem, calc(100% - 0.14375rem) 0.53125rem, calc(100% - 0.6px) 0.75625rem, 100% 1rem, 100% calc(100% - 1rem), calc(100% - 0.6px) calc(100% - 0.75625rem), calc(100% - 0.14375rem) calc(100% - 0.53125rem), calc(100% - 0.31875rem) calc(100% - 0.31875rem), calc(100% - 0.53125rem) calc(100% - 0.14375rem), calc(100% - 0.75625rem) calc(100% - 0.6px), calc(100% - 1rem) 100%, 1rem 100%, 0.75625rem calc(100% - 0.6px), 0.53125rem calc(100% - 0.14375rem), 0.31875rem calc(100% - 0.31875rem), 0.14375rem calc(100% - 0.53125rem), 0.6px calc(100% - 0.75625rem), 0 calc(100% - 1rem), calc(2.25rem - 0.4px) 1rem, calc(2.25rem + 0.6px) 0.75625rem, calc(2.25rem + 0.14375rem) 0.53125rem, calc(2.25rem + 0.31875rem) 0.31875rem, calc(2.25rem + 0.53125rem) 0.14375rem, calc(2.25rem + 0.75625rem) 0.6px, calc(2.25rem + 1rem) 0); }
    .case-detail-compare-panel.is-after .case-detail-compare-panel-inner.v-5cb774d2 {
      clip-path: polygon(calc(2.25rem + 1rem) 0, calc(100% - 1rem) 0, calc(100% - 0.75625rem) 0.6px, calc(100% - 0.53125rem) 0.14375rem, calc(100% - 0.31875rem) 0.31875rem, calc(100% - 0.14375rem) 0.53125rem, calc(100% - 0.6px) 0.75625rem, 100% 1rem, 100% calc(100% - 1rem), calc(100% - 0.6px) calc(100% - 0.75625rem), calc(100% - 0.14375rem) calc(100% - 0.53125rem), calc(100% - 0.31875rem) calc(100% - 0.31875rem), calc(100% - 0.53125rem) calc(100% - 0.14375rem), calc(100% - 0.75625rem) calc(100% - 0.6px), calc(100% - 1rem) 100%, 1rem 100%, 0.75625rem calc(100% - 0.6px), 0.53125rem calc(100% - 0.14375rem), 0.31875rem calc(100% - 0.31875rem), 0.14375rem calc(100% - 0.53125rem), 0.6px calc(100% - 0.75625rem), 0 calc(100% - 1rem), calc(2.25rem - 0.4px) 1rem, calc(2.25rem + 0.6px) 0.75625rem, calc(2.25rem + 0.14375rem) 0.53125rem, calc(2.25rem + 0.31875rem) 0.31875rem, calc(2.25rem + 0.53125rem) 0.14375rem, calc(2.25rem + 0.75625rem) 0.6px, calc(2.25rem + 1rem) 0); }

.case-detail-compare-panel-stroke.v-5cb774d2 {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none; }

.case-detail-compare-panel-bg.v-5cb774d2 {
  width: 100%;
  height: 100%; }

.case-detail-compare-panel-inner.v-5cb774d2 {
  position: relative;
  z-index: 1;
  padding: 2rem 2.5rem;
  box-sizing: border-box; }

.case-detail-compare-panel.is-before .case-detail-compare-panel-inner.v-5cb774d2 {
  /* 避免底部右侧被斜切裁切文案 */
  padding-right: calc(2.5rem + 2.25rem - 1.5rem); }

.case-detail-compare-panel.is-after .case-detail-compare-panel-inner.v-5cb774d2 {
  padding-left: calc(2.5rem + 2.25rem - 1.5rem); }

.case-detail-compare-badge-wrap.v-5cb774d2 {
  display: flex;
  justify-content: center;
  margin-bottom: 1.5rem; }

.case-detail-compare-badge.v-5cb774d2 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 5rem;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  background: #e8ecf5;
  color: #55606f;
  font-size: 1.25rem;
  line-height: 1; }

.case-detail-compare-panel.is-after .case-detail-compare-badge.v-5cb774d2 {
  background: #dce6ff; }

.case-detail-compare-list.v-5cb774d2 {
  margin: 0;
  padding: 0;
  list-style: none; }

.case-detail-compare-panel.is-after .case-detail-compare-list.v-5cb774d2 {
  margin-left: 2.5rem; }

.case-detail-compare-item.v-5cb774d2 {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 1rem 0 0.5rem;
  color: #181818;
  font-size: 0.875rem;
  line-height: 1.375rem;
  border-bottom: 0.0625rem dashed #dde3ee; }
  .case-detail-compare-item.v-5cb774d2:last-child {
    border-bottom: none; }

.case-detail-compare-panel.is-before .case-detail-compare-item.v-5cb774d2 {
  color: #55606f;
  /* #55606F */ }

.case-detail-compare-panel.is-after .case-detail-compare-item.v-5cb774d2 {
  font-weight: 500; }

.case-detail-compare-icon.v-5cb774d2 {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  margin-top: 0.0625rem;
  -o-object-fit: contain;
     object-fit: contain; }

.case-detail-compare-arrow.v-5cb774d2 {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.5rem;
  height: 4.5rem;
  margin-left: -2.25rem;
  margin-top: -2.25rem;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0.375rem 1.25rem rgba(86, 110, 160, 0.14);
  pointer-events: none; }
  .case-detail-compare-arrow img.v-5cb774d2 {
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    -o-object-fit: contain;
       object-fit: contain; }

@media only screen and (max-width: 1023px) {
  .case-detail-compare-panels.v-5cb774d2 {
    flex-direction: column;
    gap: 1rem; }
  .case-detail-compare-panel.is-before.v-5cb774d2 {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0; }
  .case-detail-compare-panel.is-before .case-detail-compare-panel-bg.v-5cb774d2,
  .case-detail-compare-panel.is-before .case-detail-compare-panel-inner.v-5cb774d2, .case-detail-compare-panel.is-after .case-detail-compare-panel-bg.v-5cb774d2,
  .case-detail-compare-panel.is-after .case-detail-compare-panel-inner.v-5cb774d2 {
    clip-path: none;
    border-radius: 1rem; }
  .case-detail-compare-panel.is-before .case-detail-compare-panel-inner.v-5cb774d2,
  .case-detail-compare-panel.is-after .case-detail-compare-panel-inner.v-5cb774d2 {
    padding: 1.5rem 1.25rem; }
  .case-detail-compare-arrow.v-5cb774d2 {
    position: static;
    margin: 0 auto;
    transform: rotate(90deg); } }

@charset "UTF-8";
/**
 * 页面左右边距 CSS 变量（挂在 .base-page，供 SectionContainer / Footer / Hero 内文对齐）。
 * ≥1024：max(80px, (100vw - 1680px) / 2)，保证内容区不超过 1680。
 */
/**
 * 页面内容区左右边距（与 SectionContainer 公式一致；无 CSS 变量场景可用）。
 */
/* 主色 / 演示按钮渐变（预约演示、免费预约等） */
/* 自定义字体族：苹方简体 */
.case-detail-testimonial-card.v-6771b11d {
  padding: 2.5rem;
  box-sizing: border-box;
  border-radius: 1rem;
  background-image: url("https://s.17win.com/snack/121/pts-home-web-pc/case/case-detail-testimonial-bg.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }

.case-detail-testimonial-panel.v-6771b11d {
  position: relative;
  padding: 2.5rem 3rem;
  box-sizing: border-box;
  border: 0.0625rem solid rgba(255, 255, 255, 0.55);
  border-radius: 1rem;
  background: rgba(255, 255, 255, 0.42);
  backdrop-filter: blur(0.625rem); }

.case-detail-testimonial-mark.v-6771b11d {
  position: absolute;
  top: -0.875rem;
  left: 1.75rem;
  color: #DCECFF;
  height: 2.5rem; }

.case-detail-testimonial-quote.v-6771b11d {
  position: relative;
  z-index: 1; }
  .case-detail-testimonial-quote p.v-6771b11d {
    margin: 0 0 1rem;
    color: #181818;
    font-size: 0.875rem;
    line-height: 1.5rem; }
    .case-detail-testimonial-quote p.v-6771b11d:last-child {
      margin-bottom: 0; }

.case-detail-testimonial-author.v-6771b11d {
  position: relative;
  z-index: 1;
  margin: 1.5rem 0 0;
  color: #55606F;
  font-size: 0.875rem;
  line-height: 1.5;
  text-align: right; }

@media only screen and (max-width: 1023px) {
  .case-detail-testimonial-card.v-6771b11d {
    padding: 1rem; }
  .case-detail-testimonial-panel.v-6771b11d {
    padding: 2rem 1.25rem 1.5rem; }
  .case-detail-testimonial-mark.v-6771b11d {
    left: 0.75rem;
    font-size: 3.5rem; } }

@charset "UTF-8";
/**
 * 页面左右边距 CSS 变量（挂在 .base-page，供 SectionContainer / Footer / Hero 内文对齐）。
 * ≥1024：max(80px, (100vw - 1680px) / 2)，保证内容区不超过 1680。
 */
/**
 * 页面内容区左右边距（与 SectionContainer 公式一致；无 CSS 变量场景可用）。
 */
/* 主色 / 演示按钮渐变（预约演示、免费预约等） */
/* 自定义字体族：苹方简体 */
.page-case-detail.v-197816fa {
  width: 100%;
  background: #ffffff; }

.solution-container.v-197816fa {
  background: #F8F9FC; }

.compare-container.v-197816fa {
  padding: 0px 11.875rem; }