/* =========================================================
   xitong.css · 企业系统定制开发
   布局特征：场景四宫格 + 标签墙 + 编号横向流程条 + 左图右文清单
   ========================================================= */

.banner-tech{background-image:url('../images/banner-tech.jpg')}
.xt-ice{background:var(--c-ice-2)}

/* ---------- 场景四宫格 ---------- */
.xt-scene-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.xt-scene-item{
  background:#fff;border:1px solid var(--c-line);border-radius:14px;padding:28px 28px;transition:all var(--trans);
}
.xt-scene-item:hover{border-left:4px solid var(--c-accent);box-shadow:var(--shadow)}
.xt-scene-item h3{font-size:17.5px;margin-bottom:8px}
.xt-scene-item p{font-size:14.5px;color:var(--c-text-2)}

/* ---------- 标签墙 ---------- */
.xt-tagboard{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;max-width:960px;margin:0 auto}
.xt-tagboard span{
  background:#fff;border:1.5px solid var(--c-line);border-radius:12px;padding:14px 26px;
  font-size:15.5px;font-weight:600;color:var(--c-primary);box-shadow:var(--shadow);transition:all var(--trans);
}
.xt-tagboard span:hover{background:var(--c-grad);color:#fff;border-color:transparent;transform:translateY(-4px)}

/* ---------- 流程条 ---------- */
.xt-flow-list{display:grid;gap:0}
.xt-flow-item{
  display:flex;gap:24px;align-items:flex-start;padding:22px 10px;border-bottom:1px solid var(--c-line);
}
.xt-flow-no{
  flex-shrink:0;width:54px;height:54px;border-radius:14px;background:var(--c-grad);color:#fff;
  font-size:18px;font-weight:800;display:flex;align-items:center;justify-content:center;
}
.xt-flow-item h3{font-size:18px;margin-bottom:6px}
.xt-flow-item p{font-size:15px;color:var(--c-text-2)}

/* ---------- 左图右文 ---------- */
.xt-tech-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:56px;align-items:center}
.xt-tech-media img{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}
.xt-tech-text h2{font-size:clamp(24px,3vw,32px);margin-bottom:18px}
.xt-tech-text>p{color:var(--c-text-2);margin-bottom:18px}
.xt-ticks{display:grid;gap:12px;margin-bottom:28px}
.xt-ticks li{display:flex;gap:10px;align-items:baseline;font-size:14.5px;color:var(--c-text-2)}
.xt-ticks b{color:var(--c-primary);flex-shrink:0;min-width:88px}

/* ---------- 费用 ---------- */
.xt-price p a{color:var(--c-accent);font-weight:700}

/* ---------- 互链 ---------- */
.xt-relate-row{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.xt-relate-card{
  background:#fff;border-radius:14px;padding:24px 26px;box-shadow:var(--shadow);display:block;
  border-left:4px solid var(--c-accent);transition:all var(--trans);
}
.xt-relate-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}
.xt-relate-card h3{font-size:17px;margin-bottom:8px}
.xt-relate-card p{font-size:14px;color:var(--c-text-2)}

.contact-sec{padding-top:0}

/* ---------- 响应式 ---------- */
@media (max-width:1080px){
  .xt-tech-grid{grid-template-columns:1fr;gap:36px}
}
@media (max-width:768px){
  .xt-scene-grid{grid-template-columns:1fr}
  .xt-relate-row{grid-template-columns:1fr}
}