@charset "utf-8";
/* ==========================================================================
   客研系统页专属样式（customerSystem_2026.html）
   颜色 / 阴影 / 缓动 / 圆角 / 顶栏高度引用 base_2026.css :root；宽度断点集中在文件末尾。
   ========================================================================== */

/* 图片出血由区块 overflow:hidden 收住；窄屏图改 contain 时也要保证不出横滚 */
.sp-page .sp-dgm{ position: relative; overflow: hidden; padding: 104px 0; }

.sp-page .sp-dgm--trip{ background: var(--wash); }

.sp-page .dgm-trip{ position: relative; }

.sp-page .dgm-trip__visual{ margin: -28px -34px -8px; overflow: hidden; }

.sp-page .dgm-trip__visual img{
  width: 100%; height: 300px; object-fit: cover; object-position: center;
  filter: saturate(.88) contrast(.98);
}

.sp-page .dgm-trip__list{
  display: grid; grid-template-columns: repeat(3, 1fr);
  margin: 0; padding: 0; list-style: none;
  border-top: 1px solid var(--line);
}

.sp-page .dgm-trip__list li{ min-width: 0; padding: 28px 30px 2px; }

.sp-page .dgm-trip__list li + li{ border-left: 1px solid var(--line-soft); }

.sp-page .dgm-trip h3{ margin: 0 0 10px; font-size: 18px; letter-spacing: -.02em; color: var(--ink); }

.sp-page .dgm-trip p{ margin: 0; color: var(--ink-4); font-size: 13.5px; line-height: 1.9; }


.sp-page .sp-pairs article:nth-child(4n+2), 
.sp-page .sp-pairs article:nth-child(4n+3){ transform: translateY(0);}

/* ===== 响应式 ===== */
/* ===== ≤1024px ===== */
@media (max-width: 1024px){
  .sp-page .dgm-trip__visual{ margin: -16px -20px 4px; }
  .sp-page .dgm-trip__list{ grid-template-columns: 1fr; }
  .sp-page .dgm-trip__list li{ padding: 24px 0; }
  .sp-page .dgm-trip__list li + li{ border-left: 0; border-top: 1px solid var(--line-soft); }
}

/* ===== ≤768px ===== */
@media (max-width: 768px){
  .sp-page .sp-dgm{ padding: 62px 0; }
  .sp-page .dgm-trip__visual{ margin: -8px 0 18px; }
  .sp-page .dgm-trip__visual img{
    width: 120%; max-width: none; margin-left: -10%; height: 210px;
    object-fit: contain; filter: saturate(1.04) contrast(1.08);
  }
  .sp-page .dgm-trip__list li{ padding: 22px 0; }
  .sp-page .sp-dgm{ padding: 32px 0; }
}