/* pages/home_solution.css — 首页「解决方案」（.solution 背景缓放 + 桌面绝对定位几何）
   拆自 pages/home.css（2026-10-12 拆分，纯搬移）；页面源 bundle 2:53「终稿-首页-初稿 5.0」（1920×6660）。 */

/* ---------- 解决方案（1920×960） ---------- */
/* 背景图 + 蒙版合在 ::before 一层（与 about 同构），蒙版不会被图片盖住 */
.solution {
  position: relative;
  background: none;
  overflow: hidden;
}

.solution::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(137, 137, 137, 0) 0%, rgba(137, 137, 137, .3) 51%, rgba(0, 0, 0, .3) 100%),
    linear-gradient(rgba(0, 0, 0, .25), rgba(0, 0, 0, .25)),
    url(https://cdn-s3.t24.thinkart.net/xitec/public/images/solution-bg.webp) center / cover no-repeat;
  z-index: 0;
  transform: scale(1);
  transition: transform .8s var(--m-ease, cubic-bezier(0.075, 0.82, 0.165, 1));
  will-change: transform;
}

@media (min-width: 1280px) {
  .solution:hover::before {
    transform: scale(1.05);
  }
}

.solution__inner {
  position: relative;
  z-index: 1;
  padding: var(--space-20) var(--space-6);
}

.solution__tag {
  display: inline-flex;
  align-items: center;
  height: 1.5625rem;
  padding: 0 .5rem;
  border-radius: var(--radius-sm);
  background: var(--color-primary);
  color: #fff;
  font-size: var(--font-size-body-md);
  line-height: 1.5;
}

.solution__title {
  margin-top: var(--space-4);
  color: #fff;
}

.solution__inner .btn-more {
  margin-top: var(--space-12);
}

@media (min-width: 1280px) {
  .solution {
    min-height: 60rem;
  }

  .solution__inner {
    padding: 0;
  }

  .solution__tag {
    position: absolute;
    left: 54.6354%;   /* x=1049 */
    top: 14.375rem;   /* y=230 */
  }

  .solution__title {
    position: absolute;
    left: 54.6354%;   /* x=1049 */
    right: 4.1875rem; /* 右缘留 67px，窄视口自动换行不裁切 */
    top: 17.1875rem;  /* y=275 */
    margin: 0;
  }

  .solution__inner .btn-more {
    position: absolute;
    left: 54.9479%;   /* x=1055 */
    top: 46.9375rem;  /* y=751 */
    margin: 0;
  }
}