* { box-sizing: border-box; }
body { margin: 0; }

.c2822 { bottom: -0.5rem; right: -2.2rem; z-index: 0; }
.c2837 { top: -0.5rem; left: -2.5rem; z-index: 0; }
.c4819 { bottom: 0.5rem; right: -1.7rem; z-index: 0; }
.c4829 { top: 0.5rem; left: -1.7rem; z-index: 0; }
.c7131 { bottom: -0.5rem; right: -1.6rem; }

/* 避免装饰性 shape 覆盖/遮挡文字 */
.shape {
  pointer-events: none;
}

@media (max-width: 767.98px) {
  /* 手机端直接隐藏核心优势区块的两个浮动装饰，避免挡字 */
  .wrapper.bg-light .shape.c2822,
  .wrapper.bg-light .shape.c2837 {
    display: none !important;
  }
}

/* 修复：首页手机端 logo 过大导致菜单（hamburger）被挤出屏幕 */
@media (max-width: 991.98px) {
  .content-wrapper header.wrapper .navbar.center-nav .navbar-brand.w-100 {
    width: auto !important;
    flex: 1 1 auto;
    min-width: 0;
  }

  .content-wrapper header.wrapper .navbar.center-nav .navbar-brand a {
    display: flex;
    align-items: center;
  }

  .content-wrapper header.wrapper .navbar.center-nav .navbar-brand img {
    max-height: 36px !important;
    max-width: 160px;
    width: auto;
    height: auto;
    object-fit: contain;
  }

  .content-wrapper header.wrapper .navbar.center-nav .navbar-other.w-100 {
    width: auto !important;
    flex: 0 0 auto;
  }

  /* 让右侧操作区更紧凑，确保 hamburger 有空间显示 */
  .content-wrapper header.wrapper .navbar.center-nav .navbar-other .navbar-nav .nav-link {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .content-wrapper header.wrapper .navbar.center-nav .navbar-other .offcanvas-nav-btn {
    margin-left: 0.25rem;
  }
}

/* 修复：信息侧边栏(offcanvas-info)关闭按钮出现双图标（保留一个） */
#offcanvas-info .btn-close {
  background-image: none !important; /* 去掉 bootstrap 默认的小关闭图标 */
  opacity: 1;
  width: 2.5rem;
  height: 2.5rem;
}

#offcanvas-info .btn-close::before {
  content: "×";
  display: inline-block;
  font-size: 2rem;
  line-height: 1;
  color: #fff;
}

#offcanvas-info .btn-close::after {
  content: none !important;
}

/* 首页：移除 “What we can provide you” 卡片下方的社交平台按钮 */
.wrapper.bg-gradient-primary .row.grid-view .nav.social {
  display: none !important;
}