/* 无界官网 · 解决方案页静态复刻补充样式
   仅覆盖无 JS 场景与品牌页头所需，不修改竞品原始 CSS */

/* 1. 无 JS 时 animate 容器默认 opacity:0，强制可见 */
.solution .animate__animated,
.solution.animate__animated {
  opacity: 1 !important;
  transform: none !important;
  animation: none !important;
}

/* 2. 页头：显示登录/注册，隐藏未登录用户区 */
.header .navRight .login-btn.isShowLOginBtn { display: flex !important; }
.header .navRight .user-btn.isShowUserBtn { display: none !important; }
.header .navRight820 { display: none !important; }
.header .logo-pic .ub-logo-link { display: inline-flex; align-items: center; gap: 9px; }
.header .logo-pic .ub-logo-text {
  font-size: 19px; font-weight: 700; color: #1b2c50;
  letter-spacing: -0.2px; white-space: nowrap;
}

/* 3. Swiper 由 /js/solution.js 初始化，保留横向轮播 */
.solution .fourth-module .solution-swiper { overflow: hidden; }
/* 4. 移动端不横向溢出 */
.solution { overflow-x: clip; }
.solution img { max-width: 100%; }
@media (max-width: 1240px) {
  .solution .fourth-module .width-1240 { width: 100%; max-width: 1200px; }
}
@media (max-width: 768px) {
  .solution .first-module .container { height: auto; padding: 60px 0 44px; }
  .solution .fourth-module .solution-swiper .swiper-slide {
    min-height: 0; flex-direction: column; align-items: flex-start;
  }
  .solution .fourth-module .swiper-slide .img { width: 100%; }
}