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

/* ===== 双轨对照 ===== */
.sp-page .sp-dual{
  display: grid; grid-template-columns: 1fr 1fr;
  border-top: 1px solid var(--line); border-bottom: 1px solid var(--line);
}

.sp-page .sp-dual__lane{ padding: 36px 46px 36px 0; }

.sp-page .sp-dual__lane--right{
  padding-left: 46px; padding-right: 0;
  border-left: 1px solid var(--line);
  background: linear-gradient(90deg, rgba(43,92,230,.04), transparent);
}

.sp-page .sp-dual__lane h3{ margin: 0 0 25px; font-size: 23px; color: var(--ink); }

.sp-page .sp-dual__lane--right h3{ color: var(--brand); }

.sp-page .sp-dual ul{ margin: 0; padding: 0; list-style: none; }

.sp-page .sp-dual li{ padding: 14px 0; border-top: 1px solid var(--line-soft); }

.sp-page .sp-dual li p{ margin: 0; color: var(--ink-4); font-size: 13px; line-height: 1.7; }

/* ===== 兼容说明条 ===== */
.sp-page .sp-compatibility{
  display: grid; grid-template-columns: 92px 1fr; gap: 24px;
  margin: 30px 0 0; padding: 22px 0;
  border-top: 1px solid var(--line); border-bottom: 1px solid var(--line);
  color: var(--ink-4); font-size: 12px; line-height: 1.85;
}

.sp-page .sp-compatibility b{ color: var(--ink-3); font-size: 12px; font-weight: 600; }

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

.sp-page .sp-fusion--erp .sp-fusion__visual img{ width: 116%; }

/* ===== 响应式 ===== */
/* ===== ≤1024px ===== */
@media (max-width: 1024px){
  .sp-page .sp-dual{ grid-template-columns: 1fr; border-bottom: none; }
  .sp-page .sp-dual__lane{ padding: 30px 0; }
  .sp-page .sp-dual__lane--right{
  padding-left: 0; border-left: 0; border-top: 1px solid var(--line); background: transparent;
  }
}

/* ===== ≤768px ===== */
@media (max-width: 768px){
  .sp-page .sp-dual__lane h3{ font-size: 21px; }
  .sp-page .sp-compatibility{ grid-template-columns: 1fr; gap: 8px; }
  .sp-page .sp-fusion--erp .sp-fusion__visual img{ width: 80%; max-height: 320px; }
}