/* ==========================================================================
   解决方案（总览 + 行业方案页）
   ========================================================================== */

/* 方案架构图 */
.arch-box {
  max-width: 820px;
  margin: 0 auto;
  padding: 34px 30px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  box-shadow: var(--card-shadow);
}
.arch-layer {
  padding: 18px 22px;
  border-radius: var(--radius-md);
  background: linear-gradient(135deg, #f7faff 0%, #eef4ff 100%);
  border: 1px solid var(--brand-200);
}
.arch-layer-title {
  font-size: 15px;
  font-weight: 600;
  color: var(--brand-700);
  margin-bottom: 12px;
}
.arch-tags { display: flex; flex-wrap: wrap; gap: 10px; }
.arch-tags span {
  padding: 7px 14px;
  border-radius: 8px;
  background: #fff;
  border: 1px solid var(--brand-200);
  font-size: 13px;
  color: var(--ink-700);
}
.arch-arrow { text-align: center; padding: 10px 0; color: var(--brand-400); font-size: 16px; }

/* 价值数字 */
.value-num {
  font-size: 28px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 10px;
  background: var(--accent-grad);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.card h4 { font-size: 16px; color: var(--ink-900); margin-bottom: 8px; }

/* 方案总览卡片 */
.solution-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.solution-card {
  position: relative;
  display: block;
  padding: 26px 24px;
  border-radius: var(--radius-md);
  background: #fff;
  border: 1px solid var(--line);
  overflow: hidden;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.solution-card:hover {
  transform: translateY(-4px);
  border-color: var(--brand-200);
  box-shadow: var(--card-shadow-hover);
}
.solution-card .s-icon {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  background: var(--brand-50);
  color: var(--brand-600);
  font-size: 22px;
  margin-bottom: 16px;
}
.solution-card h3 { font-size: 17px; color: var(--ink-900); margin-bottom: 8px; }
.solution-card p { font-size: 14px; line-height: 1.75; color: var(--ink-500); }
.solution-card .card-link { margin-top: 16px; }

/* 步骤流程（与 product.css 保持一致，便于方案页单独引用） */
.step-flow { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.step-item { position: relative; text-align: center; padding: 0 12px; }
.step-item .step-dot {
  width: 46px;
  height: 46px;
  margin: 0 auto 14px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--brand-grad);
  color: #fff;
  font-size: 17px;
  font-weight: 700;
}
.step-item h4 { font-size: 16px; color: var(--ink-900); margin-bottom: 8px; }
.step-item p { font-size: 13px; line-height: 1.7; color: var(--ink-500); }
.step-item::after {
  content: "";
  position: absolute;
  top: 22px;
  right: -9px;
  width: 18px;
  border-top: 2px dashed var(--brand-200);
}
.step-item:last-child::after { display: none; }

@media (max-width: 1080px) {
  .solution-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .step-flow { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .step-item:nth-child(2)::after { display: none; }
}
@media (max-width: 768px) {
  .solution-grid { grid-template-columns: minmax(0, 1fr); }
  .step-flow { grid-template-columns: minmax(0, 1fr); }
  .step-item::after { display: none; }
  .arch-box { padding: 22px 18px; }
}