@charset "UTF-8";.el-carousel{--el-carousel-arrow-font-size:12px;--el-carousel-arrow-size:36px;--el-carousel-arrow-background:#1f2d3d1c;--el-carousel-arrow-hover-background:#1f2d3d3b;--el-carousel-indicator-width:30px;--el-carousel-indicator-height:2px;--el-carousel-indicator-padding-horizontal:4px;--el-carousel-indicator-padding-vertical:12px;--el-carousel-indicator-out-color:var(--el-border-color-hover);position:relative}.el-carousel--horizontal,.el-carousel--vertical{overflow:hidden}.el-carousel.is-vertical-outside{flex-direction:row;align-items:center;display:flex}.el-carousel.is-vertical-outside .el-carousel__container{flex:1}.el-carousel__container{height:300px;position:relative}.el-carousel__arrow{height:var(--el-carousel-arrow-size);width:var(--el-carousel-arrow-size);cursor:pointer;transition:var(--el-transition-duration);background-color:var(--el-carousel-arrow-background);color:#fff;z-index:10;text-align:center;font-size:var(--el-carousel-arrow-font-size);border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.el-carousel__arrow--left{left:16px}.el-carousel__arrow--right{right:16px}.el-carousel__arrow:hover{background-color:var(--el-carousel-arrow-hover-background)}.el-carousel__arrow i{cursor:pointer}.el-carousel__indicators{z-index:calc(var(--el-index-normal) + 1);margin:0;padding:0;list-style:none;position:absolute}.el-carousel__indicators--horizontal{bottom:0;left:50%;transform:translate(-50%)}.el-carousel__indicators--vertical{top:50%;right:0;transform:translateY(-50%)}.el-carousel__indicators--outside{text-align:center;position:static;transform:none}.el-carousel__indicators--outside .el-carousel__indicator:hover button{opacity:.64}.el-carousel__indicators--outside button{background-color:var(--el-carousel-indicator-out-color);opacity:.24}.el-carousel__indicators--right{right:0}.el-carousel__indicators--labels .el-carousel__button{color:#000;padding:2px 18px;font-size:12px}.el-carousel__indicators--labels .el-carousel__indicator{padding:6px 4px}.el-carousel__indicator{cursor:pointer;background-color:#0000}.el-carousel__indicator:hover button{opacity:.72}.el-carousel__indicator--horizontal{padding:var(--el-carousel-indicator-padding-vertical) var(--el-carousel-indicator-padding-horizontal);display:inline-block}.el-carousel__indicator--vertical{padding:var(--el-carousel-indicator-padding-horizontal) var(--el-carousel-indicator-padding-vertical)}.el-carousel__indicator--vertical .el-carousel__button{width:var(--el-carousel-indicator-height);height:calc(var(--el-carousel-indicator-width) / 2)}.el-carousel__indicator.is-active button{opacity:1}.el-carousel__button{opacity:.48;width:var(--el-carousel-indicator-width);height:var(--el-carousel-indicator-height);cursor:pointer;transition:var(--el-transition-duration);background-color:#fff;border:none;outline:none;margin:0;padding:0;display:block}.el-carousel__indicators--labels .el-carousel__button{width:auto;height:auto}.carousel-arrow-left-enter-from,.carousel-arrow-left-leave-active{opacity:0;transform:translateY(-50%)translate(-10px)}.carousel-arrow-right-enter-from,.carousel-arrow-right-leave-active{opacity:0;transform:translateY(-50%)translate(10px)}.el-transitioning{filter:url(#elCarouselHorizontal)}.el-transitioning-vertical{filter:url(#elCarouselVertical)}.el-carousel__item{width:100%;height:100%;z-index:calc(var(--el-index-normal) - 1);display:inline-block;position:absolute;top:0;left:0;overflow:hidden}.el-carousel__item.is-active{z-index:calc(var(--el-index-normal) - 1)}.el-carousel__item.is-animating{transition:transform .4s ease-in-out}.el-carousel__item--card{width:50%;transition:transform .4s ease-in-out}.el-carousel__item--card.is-in-stage{cursor:pointer;z-index:var(--el-index-normal)}.el-carousel__item--card.is-in-stage:hover .el-carousel__mask,.el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask{opacity:.12}.el-carousel__item--card.is-active{z-index:calc(var(--el-index-normal) + 1)}.el-carousel__item--card-vertical{width:100%;height:50%}.el-carousel__mask{background-color:var(--el-color-white);opacity:.24;width:100%;height:100%;transition:var(--el-transition-duration-fast);position:absolute;top:0;left:0}[data-v-02db50c9] .el-switch__core .el-switch__inner .is-icon {
  overflow: visible;
}.portal-navbar[data-v-9c33fa27] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 60px;
  background: #fff;
  z-index: 1000;
  display: flex;
  align-items: center;
}
.navbar-inner[data-v-9c33fa27] {
  max-width: 1500px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 14px;
  box-sizing: border-box;
}
.navbar-brand[data-v-9c33fa27] {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  flex-shrink: 0;
}
.brand-logo[data-v-9c33fa27] {
  width: 154px;
  height: 44px;
  -o-object-fit: contain;
     object-fit: contain;
}
.brand-name[data-v-9c33fa27] {
  font-family: "Noto Sans SC", sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: #111827;
  letter-spacing: 0;
}
.navbar-menu[data-v-9c33fa27] {
  display: flex;
  align-items: center;
  gap: 22px;
}
.nav-link[data-v-9c33fa27] {
  font-size: 13px;
  font-weight: 500;
  color: #4b5563;
  cursor: pointer;
  text-decoration: none;
  transition: color 0.2s;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.nav-link[data-v-9c33fa27]:hover, .nav-link.active[data-v-9c33fa27] {
  color: #0066ff;
}
.nav-chevron[data-v-9c33fa27] {
  flex-shrink: 0;
}
.navbar-actions[data-v-9c33fa27] {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
.nav-service-phone[data-v-9c33fa27] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 32px;
  padding: 0 12px;
  border-radius: 16px;
  background: #0066ff;
  box-shadow: 0 3px 10px rgba(0, 102, 255, 0.2);
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  transition: background-color 0.2s, box-shadow 0.2s, transform 0.2s;
}
.nav-service-phone[data-v-9c33fa27]:hover {
  background: #0056d9;
  box-shadow: 0 5px 14px rgba(0, 102, 255, 0.28);
  color: #fff;
  transform: translateY(-1px);
}
.language-btn[data-v-9c33fa27] {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: none;
  background: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #4b5563;
  transition: color 0.2s;
}
.language-btn[data-v-9c33fa27]:hover {
  color: #087af4;
}
.btn-text[data-v-9c33fa27] {
  font-size: 12px;
  font-weight: 500;
  color: #2f3745;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 7px 6px;
  transition: all 0.2s;
  white-space: nowrap;
}
.btn-text[data-v-9c33fa27]:hover {
  color: #0066ff;
}
.download-btn[data-v-9c33fa27] {
  display: inline-flex;
  align-items: center;
  gap: 2px;
}
.btn-outline[data-v-9c33fa27] {
  font-size: 12px;
  font-weight: 600;
  color: #374151;
  background: #fff;
  border: 1px solid #d1d5db;
  cursor: pointer;
  padding: 6px 13px;
  border-radius: 8px;
  transition: all 0.3s;
  white-space: nowrap;
}
.btn-outline[data-v-9c33fa27]:hover {
  border-color: #0066ff;
  color: #0066ff;
  transform: translateY(-1px);
}
.btn-primary[data-v-9c33fa27] {
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  background: #0066ff;
  border: none;
  cursor: pointer;
  padding: 6px 13px;
  border-radius: 8px;
  transition: all 0.3s;
  white-space: nowrap;
}
.btn-primary[data-v-9c33fa27]:hover {
  background: #0044cc;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 102, 255, 0.35);
}
.mega-menu-overlay[data-v-9c33fa27] {
  position: fixed;
  top: 60px;
  left: 0;
  right: 0;
  background: #fff;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.1), 0 2px 8px rgba(0, 0, 0, 0.05);
  border-top: 1px solid #f3f4f6;
  z-index: 999;
}
.mega-menu-overlay.is-mega-wide[data-v-9c33fa27] {
  background: linear-gradient(to right, #f8f9fd 0, #f8f9fd calc((100% - min(100%, 1500px)) / 2 + 200px), #fff calc((100% - min(100%, 1500px)) / 2 + 200px));
}
.mega-menu-panel[data-v-9c33fa27] {
  max-width: 1500px;
  margin: 0 auto;
  padding: 32px 24px;
}
.mega-menu-panel.is-mega-wide[data-v-9c33fa27] {
  padding: 0;
}
.mega-products-grid[data-v-9c33fa27] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  margin-bottom: 12px;
}
.mega-product-item[data-v-9c33fa27] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  border-radius: 8px;
  cursor: pointer;
  text-decoration: none;
  transition: background 0.2s;
  min-width: 0;
}
.mega-product-item[data-v-9c33fa27]:hover {
  background: #f9fafb;
}
.mega-product-icon[data-v-9c33fa27] {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.mega-product-text[data-v-9c33fa27] {
  min-width: 0;
}
.mega-product-name[data-v-9c33fa27] {
  font-size: 14px;
  font-weight: 600;
  color: #111827;
  margin: 0 0 2px;
}
.mega-product-desc[data-v-9c33fa27] {
  font-size: 12px;
  color: #9ca3af;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mega-solutions-layout[data-v-9c33fa27] {
  display: grid;
  grid-template-columns: 200px minmax(0, 1fr);
  align-items: stretch;
  min-height: 320px;
}
.mega-solutions-sidebar[data-v-9c33fa27] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 28px 16px;
  background: #f8f9fd;
  border-right: 1px solid #eef0f5;
  position: relative;
  z-index: 1;
}
.mega-solutions-tab[data-v-9c33fa27] {
  width: 100%;
  border: 0;
  background: transparent;
  text-align: left;
  padding: 12px 14px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  color: #4b5563;
  cursor: pointer;
  transition: background 0.2s, color 0.2s;
}
.mega-solutions-tab[data-v-9c33fa27]:hover {
  color: #0066ff;
  background: #eef4ff;
}
.mega-solutions-tab.active[data-v-9c33fa27] {
  color: #0066ff;
  background: #e8f1ff;
  font-weight: 600;
}
.mega-solutions-content[data-v-9c33fa27] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 280px;
  gap: 24px;
  align-items: start;
  padding: 28px 28px 28px 24px;
  min-width: 0;
  background: #fff;
}
.mega-solutions-content--no-feature[data-v-9c33fa27] {
  grid-template-columns: minmax(0, 1fr);
}
.mega-solutions-main[data-v-9c33fa27] {
  min-width: 0;
}
.mega-solutions-grid[data-v-9c33fa27] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 4px 8px;
  width: 100%;
  align-content: start;
}
.mega-solution-item[data-v-9c33fa27] {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 14px 12px;
  border-radius: 10px;
  cursor: pointer;
  text-decoration: none;
  transition: background 0.2s;
}
.mega-solution-item[data-v-9c33fa27]:hover {
  background: #f5f8ff;
}
.mega-solution-item:hover .mega-solution-name[data-v-9c33fa27] {
  color: #0066ff;
}
.mega-solution-icon[data-v-9c33fa27] {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  overflow: hidden;
}
.mega-solution-icon-img[data-v-9c33fa27] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.mega-solution-text[data-v-9c33fa27] {
  min-width: 0;
  padding-top: 1px;
}
.mega-solution-name[data-v-9c33fa27] {
  font-size: 15px;
  font-weight: 600;
  color: #111827;
  margin: 0 0 4px;
  line-height: 1.3;
  transition: color 0.2s;
}
.mega-solution-desc[data-v-9c33fa27] {
  font-size: 12px;
  color: #9ca3af;
  margin: 0;
  line-height: 1.45;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.mega-featured-case[data-v-9c33fa27] {
  border: 1px solid #e8ecf1;
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  min-height: 260px;
  transition: box-shadow 0.2s, border-color 0.2s;
}
.mega-featured-case[data-v-9c33fa27]:hover {
  border-color: #c7d7fe;
  box-shadow: 0 8px 24px rgba(0, 102, 255, 0.1);
}
.mega-featured-case:hover .mega-featured-link[data-v-9c33fa27] {
  gap: 6px;
}
.mega-featured-cover[data-v-9c33fa27] {
  height: 132px;
  overflow: hidden;
  background: #f3f4f6;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mega-featured-cover.is-icon[data-v-9c33fa27] {
  height: 120px;
}
.mega-featured-cover img[data-v-9c33fa27] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.mega-featured-body[data-v-9c33fa27] {
  padding: 16px 16px 18px;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.mega-featured-title[data-v-9c33fa27] {
  font-size: 16px;
  font-weight: 700;
  color: #111827;
  margin: 0 0 8px;
  line-height: 1.35;
}
.mega-featured-desc[data-v-9c33fa27] {
  font-size: 12px;
  color: #6b7280;
  line-height: 1.6;
  margin: 0 0 14px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  flex: 1;
}
.mega-featured-link[data-v-9c33fa27] {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  font-size: 13px;
  font-weight: 600;
  color: #0066ff;
  transition: gap 0.2s;
}
.mega-footer-link[data-v-9c33fa27] {
  display: block;
  text-align: center;
  margin-top: 16px;
  padding: 12px;
  border-radius: 8px;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  text-decoration: none;
}
.mega-footer-link.mega-footer-brand[data-v-9c33fa27] {
  background: #ebf5ff;
  color: #0066ff;
  margin-bottom: 8px;
  transition: background 0.2s;
}
.mega-footer-link.mega-footer-brand[data-v-9c33fa27]:hover {
  background: #dbeafe;
}
.mega-footer-link.mega-footer-gray[data-v-9c33fa27] {
  background: #f9fafb;
  color: #4b5563;
  transition: background 0.2s;
}
.mega-footer-link.mega-footer-gray[data-v-9c33fa27]:hover {
  background: #f3f4f6;
}
.mega-menu-fade-enter-active[data-v-9c33fa27] {
  transition: all 0.3s ease;
}
.mega-menu-fade-leave-active[data-v-9c33fa27] {
  transition: all 0.25s ease;
}
.mega-menu-fade-enter-from[data-v-9c33fa27] {
  opacity: 0;
  transform: translateY(-10px);
}
.mega-menu-fade-leave-to[data-v-9c33fa27] {
  opacity: 0;
  transform: translateY(-8px);
}
.icon-btn[data-v-9c33fa27] {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  background: #f3f4f6;
  transition: background 0.2s;
  border: none;
  cursor: pointer;
}
.icon-btn[data-v-9c33fa27]:hover {
  color: #087af4;
}
.mobile-menu-button[data-v-9c33fa27],
.mobile-menu-panel[data-v-9c33fa27],
.mobile-menu-backdrop[data-v-9c33fa27] {
  display: none;
}
@media (max-width: 1024px) {
.portal-navbar[data-v-9c33fa27] {
    height: 56px;
}
.navbar-inner[data-v-9c33fa27] {
    box-sizing: border-box;
    padding: 0 16px;
    gap: 10px;
}
.navbar-menu[data-v-9c33fa27] {
    display: none;
}
.mobile-menu-button[data-v-9c33fa27] {
    display: inline-flex;
    width: 40px;
    height: 40px;
    padding: 0;
    border: 0;
    border-radius: 6px;
    background: #f3f6fa;
    color: #182338;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
    z-index: 1002;
    flex-shrink: 0;
}
.mobile-menu-button span[data-v-9c33fa27] {
    font-size: 24px;
    line-height: 1;
}
.mobile-menu-button[data-v-9c33fa27] svg + span {
    display: none;
}
.mobile-menu-backdrop[data-v-9c33fa27] {
    display: block;
    position: fixed;
    inset: 56px 0 0;
    z-index: 1000;
    background: rgba(15, 23, 42, 0.42);
}
.mobile-menu-panel[data-v-9c33fa27] {
    display: flex;
    position: fixed;
    top: 56px;
    right: 0;
    bottom: 0;
    z-index: 1001;
    width: min(86vw, 340px);
    box-sizing: border-box;
    padding: 12px 18px max(24px, env(safe-area-inset-bottom));
    background: #fff;
    flex-direction: column;
    justify-content: space-between;
    overflow-y: auto;
    transform: translateX(100%);
    transition: transform 0.22s ease;
}
.mobile-menu-panel.visible[data-v-9c33fa27] {
    transform: translateX(0);
}
.mobile-menu-links button[data-v-9c33fa27] {
    display: flex;
    width: 100%;
    min-height: 48px;
    padding: 0 4px;
    border: 0;
    border-bottom: 1px solid #edf0f4;
    background: transparent;
    color: #30394a;
    font-size: 15px;
    align-items: center;
    justify-content: space-between;
}
.mobile-menu-links button.active[data-v-9c33fa27] {
    color: #0066ff;
    font-weight: 600;
}
.mobile-menu-actions[data-v-9c33fa27] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    padding-top: 24px;
}
.mobile-menu-actions a[data-v-9c33fa27],
  .mobile-menu-actions button[data-v-9c33fa27] {
    display: inline-flex;
    min-height: 42px;
    padding: 0 12px;
    border-radius: 6px;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-size: 14px;
    text-decoration: none;
}
.mobile-menu-actions a[data-v-9c33fa27],
  .mobile-trial-button[data-v-9c33fa27] {
    grid-column: 1/-1;
}
.mobile-menu-actions a[data-v-9c33fa27] {
    color: #0066ff;
    background: #edf5ff;
}
.mobile-trial-button[data-v-9c33fa27] {
    border: 1px solid #cbd5e1;
    color: #334155;
    background: #fff;
}
.mobile-login-button[data-v-9c33fa27],
  .mobile-register-button[data-v-9c33fa27] {
    border: 0;
    color: #fff;
    background: #0066ff;
}
.mega-products-grid[data-v-9c33fa27] {
    grid-template-columns: repeat(2, 1fr);
}
.mega-solutions-layout[data-v-9c33fa27] {
    grid-template-columns: 1fr;
    min-height: 0;
}
.mega-menu-overlay.is-mega-wide[data-v-9c33fa27] {
    background: #fff;
}
.mega-menu-panel.is-mega-wide[data-v-9c33fa27] {
    padding: 16px;
}
.mega-solutions-sidebar[data-v-9c33fa27] {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 6px;
    padding: 12px;
    border-right: 0;
    border-radius: 8px;
}
.mega-solutions-tab[data-v-9c33fa27] {
    width: auto;
    padding: 8px 12px;
    font-size: 13px;
}
.mega-solutions-content[data-v-9c33fa27] {
    grid-template-columns: 1fr;
    padding: 16px 0 0;
    gap: 16px;
}
.mega-solutions-grid[data-v-9c33fa27] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.mega-featured-case[data-v-9c33fa27] {
    max-width: 360px;
}
}
@media (max-width: 900px) {
.navbar-actions .nav-service-phone span[data-v-9c33fa27],
  .navbar-actions .btn-outline[data-v-9c33fa27] {
    display: none;
}
.navbar-actions .nav-service-phone[data-v-9c33fa27] {
    width: 36px;
    height: 36px;
    padding: 0;
    border-radius: 8px;
    justify-content: center;
}
}
@media (max-width: 700px) {
.brand-logo[data-v-9c33fa27] {
    width: 128px;
    height: 38px;
}
.navbar-actions[data-v-9c33fa27] {
    display: none;
}
}
/* 地基：对照官网 newcss.css .footer-purpose-wrap */
.portal-footer[data-v-8960ecd2] {
  --footer-bg: #232736;
  --footer-text: #ffffff;
  --footer-muted: #c0c1c1;
  --footer-container: 1200px;
  flex-shrink: 0;
  background: var(--footer-bg);
  color: var(--footer-text);
  padding: 30px 0 calc(15px + env(safe-area-inset-bottom, 0px));
}
.footer-purpose[data-v-8960ecd2] {
  width: var(--footer-container);
  max-width: 100%;
  margin: 0 auto;
  color: var(--footer-text);
  box-sizing: border-box;
}
.footer-purpose[data-v-8960ecd2]::after {
  content: "";
  display: table;
  clear: both;
}
.footer-info[data-v-8960ecd2] {
  float: left;
}
.logoandcontact[data-v-8960ecd2] {
  overflow: hidden;
}
.logo[data-v-8960ecd2] {
  float: left;
  width: auto;
}
.logo img[data-v-8960ecd2] {
  display: block;
  width: 140px;
  height: auto;
}
.contact[data-v-8960ecd2] {
  float: left;
  margin-left: 45px;
  font-size: 20px;
  line-height: 49px;
  color: var(--footer-text) !important;
  white-space: nowrap;
}
.contact span[data-v-8960ecd2] {
  font-size: 30px;
  color: var(--footer-text) !important;
}
.info[data-v-8960ecd2] {
  padding: 30px 0 15px;
  font-size: 14px;
  color: var(--footer-muted);
  line-height: 26px;
}
.info p[data-v-8960ecd2] {
  margin: 0;
}
.info a[data-v-8960ecd2] {
  color: var(--footer-muted);
  text-decoration: none;
}
.info a[data-v-8960ecd2]:hover {
  color: var(--footer-text);
}
.verification[data-v-8960ecd2] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.verification img[data-v-8960ecd2] {
  display: block;
  width: auto;
  height: 42px;
}
.contact-eq[data-v-8960ecd2] {
  float: right;
}
.content-box[data-v-8960ecd2] {
  margin-left: 30px;
  line-height: 40px;
  font-size: 16px;
  color: var(--footer-text) !important;
  white-space: nowrap;
}
.gap[data-v-8960ecd2] {
  margin-left: 28px;
}
.eq-content-box[data-v-8960ecd2] {
  margin-left: 30px;
}
.eq-content-box img[data-v-8960ecd2] {
  display: block;
  width: 155px;
  height: 155px;
}
.eq-content-box .text[data-v-8960ecd2] {
  margin-top: 15px;
  font-size: 16px;
  color: var(--footer-text);
  text-align: left;
}
.clear[data-v-8960ecd2] {
  clear: both;
  height: 0;
}
.keywords[data-v-8960ecd2] {
  text-indent: 28px;
  line-height: 40px;
  font-size: 14px;
  color: var(--footer-text);
}
@media screen and (max-width: 1200px) {
.footer-purpose[data-v-8960ecd2] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: 24px 32px;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}
.footer-info[data-v-8960ecd2],
  .contact-eq[data-v-8960ecd2],
  .logo[data-v-8960ecd2],
  .contact[data-v-8960ecd2] {
    float: none;
}
.footer-info[data-v-8960ecd2] {
    flex: 1 1 420px;
    min-width: 0;
}
.contact-eq[data-v-8960ecd2] {
    flex: 0 1 auto;
    min-width: 0;
}
.logoandcontact[data-v-8960ecd2] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px 24px;
}
.contact[data-v-8960ecd2] {
    margin-left: 0;
    white-space: normal;
    line-height: 1.4;
}
.content-box[data-v-8960ecd2] {
    margin-left: 0;
    white-space: normal;
}
.eq-content-box[data-v-8960ecd2] {
    margin-left: 0;
}
.gap[data-v-8960ecd2] {
    display: inline-block;
    margin-left: 16px;
}
.keywords[data-v-8960ecd2] {
    text-indent: 0;
    margin-top: 8px;
}
}
@media screen and (max-width: 960px) {
.contact-eq[data-v-8960ecd2] {
    flex: 1 1 100%;
    margin-top: 0;
}
.gap[data-v-8960ecd2] {
    margin-left: 0;
}
}
@media screen and (max-width: 768px) {
.footer-purpose[data-v-8960ecd2] {
    padding-left: 16px;
    padding-right: 16px;
}
.contact[data-v-8960ecd2] {
    font-size: 16px;
}
.contact span[data-v-8960ecd2] {
    font-size: 22px;
}
.eq-content-box img[data-v-8960ecd2] {
    width: 120px;
    height: 120px;
}
}
.verifybox {
  position: relative;
  top: 50%;
  left: 50%;
  background-color: #fff;
  border: 1px solid #e4e7eb;
  border-radius: 5px;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 10px rgb(0 0 0 / 30%);
  box-sizing: border-box;
}
.verifybox-top {
  height: 40px;
  padding: 0 15px;
  font-size: 16px;
  line-height: 40px;
  color: #45494c;
  text-align: left;
  border-bottom: 1px solid #e4e7eb;
  box-sizing: border-box;
}
.verifybox-bottom {
  padding: 10px;
  box-sizing: border-box;
}
.verifybox-close {
  position: absolute;
  top: 13px;
  right: 9px;
  width: 24px;
  height: 24px;
  text-align: center;
  cursor: pointer;
}
.mask {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1001;
  width: 100%;
  height: 100vh;
  background: rgb(0 0 0 / 30%);

  /* display: none; */
  transition: all 0.5s;
}
.verify-tips {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30px;
  line-height: 30px;
  color: #fff;
  text-indent: 10px;
}
.suc-bg {
  background-color: rgb(92 184 92 / 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7f5CB85C, endcolorstr=#7f5CB85C);
}
.err-bg {
  background-color: rgb(217 83 79 / 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7fD9534F, endcolorstr=#7fD9534F);
}
.tips-enter,
.tips-leave-to {
  bottom: -30px;
}
.tips-enter-active,
.tips-leave-active {
  transition: bottom 0.5s;
}

/* ---------------------------- */

/* 常规验证码 */
.verify-code {
  margin-bottom: 5px;
  font-size: 20px;
  text-align: center;
  cursor: pointer;
  border: 1px solid #ddd;
}
.cerify-code-panel {
  height: 100%;
  overflow: hidden;
}
.verify-code-area {
  float: left;
}
.verify-input-area {
  float: left;
  width: 60%;
  padding-right: 10px;
}
.verify-change-area {
  float: left;
  line-height: 30px;
}
.varify-input-code {
  display: inline-block;
  width: 100%;
  height: 25px;
}
.verify-change-code {
  color: #337ab7;
  cursor: pointer;
}
.verify-btn {
  width: 200px;
  height: 30px;
  margin-top: 10px;
  color: #fff;
  background-color: #337ab7;
  border: none;
  border-radius: 8px;
}

/* 滑动验证码 */
.verify-bar-area {
  position: relative;
  text-align: center;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 8px;
  box-sizing: content-box;
}
.verify-bar-area .verify-move-block {
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 0 2px #888;
  box-sizing: content-box;
}
.verify-bar-area .verify-move-block:hover {
  color: #fff;
  background-color: #337ab7;
}
.verify-bar-area .verify-left-bar {
  position: absolute;
  top: -1px;
  left: -1px;
  cursor: pointer;
  background: #f0fff0;
  border: 1px solid #ddd;
  border-radius: 8px;
  box-sizing: content-box;
}
.verify-img-panel {
  position: relative;
  margin: 0;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-radius: 3px;
  box-sizing: content-box;
}
.verify-img-panel .verify-refresh {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  width: 25px;
  height: 25px;
  padding: 5px;
  text-align: center;
  cursor: pointer;
}
.verify-img-panel .icon-refresh {
  font-size: 20px;
  color: #fff;
}
.verify-img-panel .verify-gap {
  position: relative;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #fff;
}
.verify-bar-area .verify-move-block .verify-sub-block {
  position: absolute;
  z-index: 3;
  text-align: center;

  /* border: 1px solid #fff; */
}
.verify-bar-area .verify-move-block .verify-icon {
  font-size: 18px;
}
.verify-bar-area .verify-msg {
  z-index: 3;
}

/* 字体图标的css */

/* @font-face {font-family: "iconfont"; */

/* src: url('../fonts/iconfont.eot?t=1508229193188'); !* IE9*! */

/* src: url('../fonts/iconfont.eot?t=1508229193188#iefix') format('embedded-opentype'), !* IE6-IE8 *! */

/* url('data:application/x-font-woff;charset=utf-8;base64,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') format('woff'), */

/* url('../fonts/iconfont.ttf?t=1508229193188') format('truetype'), !* chrome, firefox, opera, Safari, Android, iOS 4.2+*! */

/* url('../fonts/iconfont.svg?t=1508229193188#iconfont') format('svg'); !* iOS 4.1- *! */

/* } */
.iconfont {
  font-family: iconfont !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
}
.icon-check::before {
  position: absolute;
  z-index: 9999;
  display: block;
  width: 16px;
  height: 16px;
  margin: auto;
  background-image: url('data:image/png;base64,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');
  background-size: contain;
  content: ' ';
  inset: 0;
}
.icon-close::before {
  position: absolute;
  z-index: 9999;
  display: block;
  width: 16px;
  height: 16px;
  margin: auto;
  background-image: url('data:image/png;base64,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');
  background-size: contain;
  content: ' ';
  inset: 0;
}
.icon-right::before {
  position: absolute;
  z-index: 9999;
  display: block;
  width: 16px;
  height: 16px;
  margin: auto;
  background-image: url('data:image/png;base64,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');
  background-size: contain;
  content: ' ';
  inset: 0;
}
.icon-refresh::before {
  position: absolute;
  z-index: 9999;
  display: block;
  width: 16px;
  height: 16px;
  margin: auto;
  background-image: url('data:image/png;base64,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');
  background-size: contain;
  content: ' ';
  inset: 0;
}
[data-v-deab58f1] .anticon:hover {
  color: var(--el-color-primary) !important;
}
.login-code[data-v-deab58f1] {
  float: right;
  width: 100%;
  height: 38px;
}
.login-code img[data-v-deab58f1] {
  width: 100%;
  height: auto;
  max-width: 100px;
  vertical-align: middle;
  cursor: pointer;
}
.login-error-tip[data-v-deab58f1] {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 36px;
  margin: -10px 0 12px;
  padding: 8px 12px;
  color: #dc2626;
  font-size: 13px;
  line-height: 1.4;
  background: #fff7f7;
  border: 1px solid #fecaca;
  border-radius: 6px;
  box-sizing: border-box;
}
.login-error-tip span[data-v-deab58f1] {
  min-width: 0;
  word-break: break-word;
}[data-v-9500ba9f] .anticon:hover {
  color: var(--el-color-primary) !important;
}
.smsbtn[data-v-9500ba9f] {
  margin-top: 33px;
}[data-v-8b630fdd] .anticon:hover {
  color: var(--el-color-primary) !important;
}
.login-code[data-v-8b630fdd] {
  float: right;
  width: 100%;
  height: 38px;
}
.login-code img[data-v-8b630fdd] {
  width: 100%;
  height: auto;
  max-width: 100px;
  vertical-align: middle;
  cursor: pointer;
}.v-input-password[data-v-0af03974] .el-input__clear {
  margin-left: 5px;
}
.v-input-password__bar[data-v-0af03974] {
  background-color: var(--el-text-color-disabled);
  border-radius: var(--el-border-radius-base);
}
.v-input-password__bar[data-v-0af03974]::before, .v-input-password__bar[data-v-0af03974]::after {
  position: absolute;
  z-index: 10;
  display: block;
  width: 20%;
  height: inherit;
  background-color: transparent;
  border-color: var(--el-color-white);
  border-style: solid;
  border-width: 0 5px;
  content: "";
}
.v-input-password__bar[data-v-0af03974]::before {
  left: 20%;
}
.v-input-password__bar[data-v-0af03974]::after {
  right: 20%;
}
.v-input-password__bar--fill[data-v-0af03974] {
  position: absolute;
  width: 0;
  height: inherit;
  background-color: transparent;
  border-radius: inherit;
  transition: width 0.5s ease-in-out, background 0.25s;
}
.v-input-password__bar--fill[data-score="0"][data-v-0af03974] {
  width: 20%;
  background-color: var(--el-color-danger);
}
.v-input-password__bar--fill[data-score="1"][data-v-0af03974] {
  width: 40%;
  background-color: var(--el-color-danger);
}
.v-input-password__bar--fill[data-score="2"][data-v-0af03974] {
  width: 60%;
  background-color: var(--el-color-warning);
}
.v-input-password__bar--fill[data-score="3"][data-v-0af03974] {
  width: 80%;
  background-color: var(--el-color-success);
}
.v-input-password__bar--fill[data-score="4"][data-v-0af03974] {
  width: 100%;
  background-color: var(--el-color-success);
}
.v-input-password--mini > .v-input-password__bar[data-v-0af03974] {
  border-radius: var(--el-border-radius-small);
}[data-v-cede82bd] .anticon:hover {
  color: var(--el-color-primary) !important;
}
.smsbtn[data-v-cede82bd] {
  margin-top: 33px;
}
/* 全局覆盖 el-dialog 样式（dialog teleport 到 body，scoped 不生效） */
.login-modal-dialog.el-dialog {
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 16px !important;
  overflow: hidden !important;
}
.login-modal-dialog .el-dialog__header {
  display: none !important;
}
.login-modal-dialog .el-dialog__body {
  padding: 0 !important;
  overflow: hidden !important;
}.login-modal-dialog[data-v-4c785db7] .el-dialog__body {
  padding: 0;
  overflow: hidden;
}
.login-modal-dialog[data-v-4c785db7] .el-dialog__header {
  display: none;
}
.login-modal[data-v-4c785db7] {
  display: flex;
  overflow: hidden;
  border-radius: 16px;
  max-height: 90vh;
}
.modal-brand[data-v-4c785db7] {
  width: 460px;
  min-height: 540px;
  background: linear-gradient(135deg, #001b5e 0%, #0066ff 50%, #0044cc 100%);
  padding: 48px 40px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: #fff;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.decor-circle[data-v-4c785db7] {
  position: absolute;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
}
.decor-top-right[data-v-4c785db7] {
  top: -80px;
  right: -80px;
  width: 280px;
  height: 280px;
}
.decor-bottom-left[data-v-4c785db7] {
  bottom: -60px;
  left: -60px;
  width: 200px;
  height: 200px;
  background: rgba(255, 255, 255, 0.05);
}
.decor-center[data-v-4c785db7] {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 360px;
  height: 360px;
  background: rgba(255, 255, 255, 0.03);
}
.brand-content[data-v-4c785db7] {
  position: relative;
  z-index: 2;
}
.brand-header[data-v-4c785db7] {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 40px;
}
.brand-logo-img[data-v-4c785db7] {
  width: 56px;
  height: 56px;
  -o-object-fit: contain;
     object-fit: contain;
  background: #fff;
  border-radius: 12px;
  padding: 4px;
}
.brand-title[data-v-4c785db7] {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 2px;
}
.brand-subtitle[data-v-4c785db7] {
  font-size: 11px;
  opacity: 0.8;
  letter-spacing: 1px;
}
.brand-heading[data-v-4c785db7] {
  font-size: 34px;
  font-weight: 700;
  margin-bottom: 18px;
  line-height: 1.25;
}
.brand-desc[data-v-4c785db7] {
  font-size: 14px;
  opacity: 0.85;
  line-height: 1.8;
  margin-bottom: 48px;
}
.brand-features[data-v-4c785db7] {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.feature-item[data-v-4c785db7] {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  opacity: 0.9;
}
.feature-icon[data-v-4c785db7] {
  width: 22px;
  height: 22px;
  background: rgba(255, 255, 255, 0.18);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.brand-footer[data-v-4c785db7] {
  position: relative;
  z-index: 2;
}
.brand-footer p[data-v-4c785db7] {
  font-size: 12px;
  opacity: 0.7;
}
.brand-footer p strong[data-v-4c785db7] {
  font-weight: 700;
}
.modal-form[data-v-4c785db7] {
  flex: 1;
  padding: 40px 36px 32px;
  display: flex;
  flex-direction: column;
  min-width: 0;
  background: #fff;
  overflow-y: auto;
}
.form-header[data-v-4c785db7] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 32px;
}
.form-tabs[data-v-4c785db7] {
  display: flex;
  gap: 24px;
  align-items: center;
  border-bottom: 1px solid #f3f4f6;
  padding-bottom: 8px;
}
.form-title[data-v-4c785db7] {
  font-size: 20px;
  font-weight: 700;
}
.tab-btn[data-v-4c785db7] {
  font-size: 16px;
  font-weight: 700;
  color: #6b7280;
  padding: 0 0 10px;
  background: none;
  border: none;
  cursor: pointer;
  border-bottom: 2px solid transparent;
  transition: all 0.2s;
}
.tab-btn.active[data-v-4c785db7] {
  color: #0066ff;
  border-bottom-color: #0066ff;
}
.tab-btn[data-v-4c785db7]:hover:not(.active) {
  color: #374151;
}
.close-btn[data-v-4c785db7] {
  background: none;
  border: none;
  cursor: pointer;
  color: #9ca3af;
  padding: 4px;
  margin-top: -4px;
  transition: color 0.2s;
}
.close-btn[data-v-4c785db7]:hover {
  color: #374151;
}
.form-body[data-v-4c785db7] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.form-footer-link[data-v-4c785db7] {
  text-align: center;
  margin-top: 16px;
}
.form-footer-link p[data-v-4c785db7] {
  font-size: 13px;
  color: #6b7280;
}
.form-footer-link p .link[data-v-4c785db7] {
  color: #0066ff;
  cursor: pointer;
  font-weight: 600;
  transition: color 0.2s;
}
.form-footer-link p .link[data-v-4c785db7]:hover {
  color: #0044cc;
}
@media (max-width: 768px) {
.modal-brand[data-v-4c785db7] {
    display: none;
}
.modal-form[data-v-4c785db7] {
    padding: 28px 20px 24px;
}
}.search-overlay[data-v-d435c180] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(4px);
  z-index: 9999;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 10vh;
}
.search-panel[data-v-d435c180] {
  width: 90%;
  max-width: 640px;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  overflow: hidden;
}
.search-input-wrap[data-v-d435c180] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 20px 24px;
  border-bottom: 1px solid #f3f4f6;
}
.search-icon[data-v-d435c180] {
  color: #9ca3af;
  flex-shrink: 0;
}
.search-input[data-v-d435c180] {
  flex: 1;
  height: 32px;
  border: none;
  outline: none;
  font-size: 17px;
  font-weight: 500;
  color: #111827;
}
.search-input[data-v-d435c180]::-moz-placeholder {
  color: #d1d5db;
}
.search-input[data-v-d435c180]::placeholder {
  color: #d1d5db;
}
.search-close-btn[data-v-d435c180] {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  border: none;
  background: #f3f4f6;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #6b7280;
  transition: background 0.2s;
}
.search-close-btn[data-v-d435c180]:hover {
  background: #e5e7eb;
}
.search-content[data-v-d435c180] {
  max-height: 60vh;
  overflow-y: auto;
  padding: 16px 24px 24px;
}
.search-section[data-v-d435c180] {
  margin-bottom: 24px;
}
.search-section-title[data-v-d435c180] {
  font-size: 13px;
  font-weight: 600;
  color: #9ca3af;
  margin-bottom: 12px;
}
.hot-tags[data-v-d435c180] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.hot-tag[data-v-d435c180] {
  padding: 8px 16px;
  background: #f9fafb;
  border-radius: 20px;
  font-size: 13px;
  color: #4b5563;
  cursor: pointer;
  transition: all 0.2s;
}
.hot-tag[data-v-d435c180]:hover {
  background: #ebf5ff;
  color: #0066ff;
}
.quick-links[data-v-d435c180] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}
.quick-link-item[data-v-d435c180] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px;
  border-radius: 10px;
  cursor: pointer;
  transition: background 0.2s;
}
.quick-link-item[data-v-d435c180]:hover {
  background: #f9fafb;
}
.quick-link-item span[data-v-d435c180] {
  font-size: 14px;
  font-weight: 500;
  color: #374151;
}
.quick-link-icon[data-v-d435c180] {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.search-results .result-group[data-v-d435c180] {
  margin-bottom: 20px;
}
.search-results .result-group-title[data-v-d435c180] {
  font-size: 13px;
  font-weight: 600;
  color: #9ca3af;
  margin-bottom: 10px;
}
.result-item[data-v-d435c180] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  border-radius: 10px;
  cursor: pointer;
  transition: background 0.2s;
}
.result-item[data-v-d435c180]:hover {
  background: #f9fafb;
}
.result-icon[data-v-d435c180] {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.result-name[data-v-d435c180] {
  font-size: 14px;
  font-weight: 600;
  color: #111827;
  margin: 0 0 2px;
}
.result-desc[data-v-d435c180] {
  font-size: 12px;
  color: #9ca3af;
  margin: 0;
}
.no-result[data-v-d435c180] {
  text-align: center;
  padding: 48px 0;
  color: #d1d5db;
}
.no-result p[data-v-d435c180] {
  margin-top: 12px;
  font-size: 14px;
}
.search-modal-enter-active[data-v-d435c180] {
  transition: opacity 0.2s ease;
}
.search-modal-enter-active .search-panel[data-v-d435c180] {
  transition: transform 0.25s ease, opacity 0.25s ease;
}
.search-modal-leave-active[data-v-d435c180] {
  transition: opacity 0.15s ease;
}
.search-modal-leave-active .search-panel[data-v-d435c180] {
  transition: transform 0.2s ease, opacity 0.2s ease;
}
.search-modal-enter-from[data-v-d435c180] {
  opacity: 0;
}
.search-modal-enter-from .search-panel[data-v-d435c180] {
  transform: translateY(-20px);
  opacity: 0;
}
.search-modal-leave-to[data-v-d435c180] {
  opacity: 0;
}
.search-modal-leave-to .search-panel[data-v-d435c180] {
  transform: translateY(-10px);
  opacity: 0;
}.trial-overlay[data-v-ff743ab1] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(4px);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
}
.trial-panel[data-v-ff743ab1] {
  background: #fff;
  border-radius: 20px;
  max-width: 880px;
  width: 100%;
  max-height: 90vh;
  overflow: hidden;
  display: flex;
  position: relative;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}
.trial-close[data-v-ff743ab1] {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: none;
  background: #f3f4f6;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #6b7280;
  z-index: 10;
  transition: background 0.2s, color 0.2s;
}
.trial-close[data-v-ff743ab1]:hover {
  background: #e5e7eb;
  color: #374151;
}
.trial-brand[data-v-ff743ab1] {
  flex-shrink: 0;
  width: 340px;
  background: linear-gradient(160deg, #0066ff 0%, #00b96b 100%);
  padding: 40px 32px;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.brand-badge[data-v-ff743ab1] {
  display: inline-block;
  background: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 20px;
  padding: 4px 16px;
  font-size: 13px;
  margin-bottom: 20px;
  align-self: flex-start;
}
.brand-title[data-v-ff743ab1] {
  font-size: 32px;
  font-weight: 900;
  margin-bottom: 12px;
  line-height: 1.2;
}
.brand-subtitle[data-v-ff743ab1] {
  font-size: 16px;
  opacity: 0.9;
  margin-bottom: 8px;
}
.brand-note[data-v-ff743ab1] {
  font-size: 13px;
  opacity: 0.7;
  margin-bottom: 36px;
}
.brand-steps[data-v-ff743ab1] {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.brand-step[data-v-ff743ab1] {
  display: flex;
  align-items: center;
  gap: 14px;
}
.brand-step .step-num[data-v-ff743ab1] {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 700;
  flex-shrink: 0;
}
.brand-step .step-title[data-v-ff743ab1] {
  font-size: 14px;
  font-weight: 600;
  margin: 0 0 2px;
}
.brand-step .step-desc[data-v-ff743ab1] {
  font-size: 12px;
  opacity: 0.75;
  margin: 0;
}
.trial-form[data-v-ff743ab1] {
  flex: 1;
  padding: 40px 36px;
  overflow-y: auto;
}
.form-title[data-v-ff743ab1] {
  font-size: 22px;
  font-weight: 800;
  color: #111827;
  margin-bottom: 6px;
}
.form-subtitle[data-v-ff743ab1] {
  font-size: 14px;
  color: #9ca3af;
  margin-bottom: 28px;
}
.form-fields[data-v-ff743ab1] {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.form-row[data-v-ff743ab1] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.form-group[data-v-ff743ab1] {
  display: flex;
  flex-direction: column;
}
.form-label[data-v-ff743ab1] {
  font-size: 13px;
  color: #4b5563;
  margin-bottom: 6px;
  font-weight: 500;
}
.required[data-v-ff743ab1] {
  color: #e11d48;
}
.form-input[data-v-ff743ab1] {
  height: 44px;
  padding: 0 14px;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  font-size: 14px;
  outline: none;
  transition: border-color 0.2s;
}
.form-input[data-v-ff743ab1]:focus {
  border-color: #0066ff;
}
.form-input[data-v-ff743ab1]::-moz-placeholder {
  color: #d1d5db;
}
.form-input[data-v-ff743ab1]::placeholder {
  color: #d1d5db;
}
.form-textarea[data-v-ff743ab1] {
  padding: 12px 14px;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  font-size: 14px;
  outline: none;
  resize: vertical;
  min-height: 80px;
  font-family: inherit;
  transition: border-color 0.2s;
}
.form-textarea[data-v-ff743ab1]:focus {
  border-color: #0066ff;
}
.form-textarea[data-v-ff743ab1]::-moz-placeholder {
  color: #d1d5db;
}
.form-textarea[data-v-ff743ab1]::placeholder {
  color: #d1d5db;
}
.product-checks[data-v-ff743ab1] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}
.product-check[data-v-ff743ab1] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.2s;
}
.product-check[data-v-ff743ab1]:hover {
  border-color: #0066ff;
  background: #f9fafb;
}
.product-check.checked[data-v-ff743ab1] {
  border-color: #0066ff;
  background: #ebf5ff;
}
.product-check.checked .product-checkbox[data-v-ff743ab1] {
  background: #0066ff;
  border-color: #0066ff;
}
.product-checkbox[data-v-ff743ab1] {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  cursor: pointer;
  accent-color: #0066ff;
}
.product-icon[data-v-ff743ab1] {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.product-info[data-v-ff743ab1] {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.product-name[data-v-ff743ab1] {
  font-size: 14px;
  font-weight: 600;
  color: #111827;
}
.product-desc[data-v-ff743ab1] {
  font-size: 12px;
  color: #9ca3af;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.select-hint[data-v-ff743ab1] {
  font-size: 12px;
  color: #9ca3af;
  margin-top: 8px;
}
.submit-btn[data-v-ff743ab1] {
  width: 100%;
  height: 48px;
  background: linear-gradient(135deg, #0066ff, #0044cc);
  color: #fff;
  border: none;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 28px;
  transition: all 0.3s;
}
.submit-btn[data-v-ff743ab1]:hover:not(:disabled) {
  transform: translateY(-1px);
  box-shadow: 0 8px 24px rgba(0, 102, 255, 0.35);
}
.submit-btn[data-v-ff743ab1]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.submit-spinner[data-v-ff743ab1] {
  width: 16px;
  height: 16px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-top-color: #fff;
  border-radius: 50%;
  animation: spin-ff743ab1 0.6s linear infinite;
}
@keyframes spin-ff743ab1 {
to {
    transform: rotate(360deg);
}
}
.form-input--error[data-v-ff743ab1] {
  border-color: #DC2626 !important;
}
.field-error[data-v-ff743ab1] {
  margin: 4px 0 0;
  font-size: 12px;
  color: #DC2626;
  line-height: 1.4;
}
.mt-8px[data-v-ff743ab1] {
  margin-top: 8px;
}
.form-error-msg[data-v-ff743ab1] {
  margin: 12px 0 -12px;
  padding: 10px 14px;
  background: #FEF2F2;
  border: 1px solid #FECACA;
  border-radius: 8px;
  color: #DC2626;
  font-size: 13px;
  line-height: 1.5;
}
.trial-modal-enter-active[data-v-ff743ab1] {
  transition: opacity 0.25s ease;
}
.trial-modal-enter-active .trial-panel[data-v-ff743ab1] {
  transition: transform 0.3s ease, opacity 0.3s ease;
}
.trial-modal-leave-active[data-v-ff743ab1] {
  transition: opacity 0.2s ease;
}
.trial-modal-leave-active .trial-panel[data-v-ff743ab1] {
  transition: transform 0.2s ease, opacity 0.2s ease;
}
.trial-modal-enter-from[data-v-ff743ab1] {
  opacity: 0;
}
.trial-modal-enter-from .trial-panel[data-v-ff743ab1] {
  transform: scale(0.95);
  opacity: 0;
}
.trial-modal-leave-to[data-v-ff743ab1] {
  opacity: 0;
}
.trial-modal-leave-to .trial-panel[data-v-ff743ab1] {
  transform: scale(0.97);
  opacity: 0;
}
@media (max-width: 768px) {
.trial-panel[data-v-ff743ab1] {
    flex-direction: column;
}
.trial-brand[data-v-ff743ab1] {
    width: 100%;
    padding: 24px;
}
.form-row[data-v-ff743ab1] {
    grid-template-columns: 1fr;
}
.product-checks[data-v-ff743ab1] {
    grid-template-columns: 1fr;
}
}
.portal-page[data-v-1f3c95d2] {
  /* 继承 #app 高度作滚动容器，避免 iPad Safari 下 100vh 裁切页脚 */
  height: 100%;
  min-height: 100dvh;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  background: #fff;
}
.navbar-spacer[data-v-1f3c95d2] {
  height: 60px;
}
@media (max-width: 700px) {
.navbar-spacer[data-v-1f3c95d2] {
    height: 56px;
}
}.login-page[data-v-28895e1c] {
  min-height: 100vh;
  padding: 32px;
  background: #f5f7fa;
  display: grid;
  place-items: center;
  position: relative;
  overflow-y: auto;
}
.back-home[data-v-28895e1c] {
  position: absolute;
  top: 28px;
  left: 32px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 0;
  background: transparent;
  color: #475569;
  font-size: 14px;
  cursor: pointer;
}
.login-shell[data-v-28895e1c] {
  width: min(920px, 100%);
  min-height: 580px;
  display: grid;
  grid-template-columns: 42% 58%;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.1);
}
.brand-panel[data-v-28895e1c] {
  padding: 52px 44px;
  background: #0f3f8c;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.brand[data-v-28895e1c] {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 21px;
  font-weight: 700;
}
.brand img[data-v-28895e1c] {
  width: min(220px, 100%);
  height: 54px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: left center;
     object-position: left center;
}
.brand-panel h1[data-v-28895e1c] {
  margin: 72px 0 16px;
  font-size: 30px;
  line-height: 1.35;
  letter-spacing: 0;
}
.brand-panel p[data-v-28895e1c] {
  margin: 0;
  color: rgba(255, 255, 255, 0.76);
  font-size: 15px;
  line-height: 1.8;
}
.brand-points[data-v-28895e1c] {
  display: grid;
  gap: 14px;
  color: rgba(255, 255, 255, 0.86);
  font-size: 14px;
}
.brand-points span[data-v-28895e1c] {
  display: flex;
  align-items: center;
  gap: 9px;
}
.form-panel[data-v-28895e1c] {
  padding: 54px 58px 40px;
  align-self: center;
  min-width: 0;
}
.account-panel[data-v-28895e1c] {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.account-avatar[data-v-28895e1c] {
  width: 88px;
  height: 88px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  overflow: hidden;
  color: #2563eb;
  background: #eff6ff;
  border: 1px solid #dbeafe;
}
.account-avatar img[data-v-28895e1c] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.account-label[data-v-28895e1c] {
  margin: 26px 0 8px;
  color: #64748b;
  font-size: 14px;
}
.account-name[data-v-28895e1c] {
  border: 0;
  padding: 0;
  background: transparent;
  color: #0f172a;
  font-size: 24px;
  font-weight: 700;
  cursor: pointer;
}
.account-name[data-v-28895e1c]:hover {
  color: #2563eb;
}
.account-tip[data-v-28895e1c] {
  margin: 14px 0 30px;
  color: #64748b;
  font-size: 14px;
}
.enter-button[data-v-28895e1c] {
  width: 100%;
  height: 44px;
  border: 0;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: #2563eb;
  color: #fff;
  font-size: 15px;
  cursor: pointer;
}
.enter-button[data-v-28895e1c]:hover:not(:disabled) {
  background: #1d4ed8;
}
.enter-button[data-v-28895e1c]:disabled {
  opacity: 0.7;
  cursor: wait;
}
.btn-spinner[data-v-28895e1c] {
  width: 17px;
  height: 17px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-top-color: #fff;
  border-radius: 50%;
  animation: btn-spin-28895e1c 0.6s linear infinite;
}
@keyframes btn-spin-28895e1c {
to {
    transform: rotate(360deg);
}
}
@media (max-width: 720px) {
.login-page[data-v-28895e1c] {
    display: block;
    padding: 80px 20px 24px;
}
.back-home[data-v-28895e1c] {
    top: 24px;
    left: 20px;
}
.login-shell[data-v-28895e1c] {
    display: block;
    min-height: auto;
}
.brand-panel[data-v-28895e1c] {
    padding: 24px;
}
.brand-panel h1[data-v-28895e1c],
  .brand-panel p[data-v-28895e1c],
  .brand-points[data-v-28895e1c] {
    display: none;
}
.form-panel[data-v-28895e1c] {
    padding: 32px 22px 24px;
}
}
.portal-home[data-v-0ba9ad20] {
  color: #182338;
  background: #fff;
}
.shell[data-v-0ba9ad20] {
  width: min(1500px, 100% - 48px);
  margin: auto;
}
.core-shell[data-v-0ba9ad20] {
  width: min(1400px, 100% - 48px);
}
.control-shell[data-v-0ba9ad20],
.hot-shell[data-v-0ba9ad20],
.solutions-shell[data-v-0ba9ad20],
.advantage-shell[data-v-0ba9ad20],
.customer-shell[data-v-0ba9ad20] {
  width: min(1240px, 100% - 48px);
}
.control-center-section[data-v-0ba9ad20] {
  background: linear-gradient(180deg, #f5f9ff 0%, #ffffff 72%);
}
.control-layout[data-v-0ba9ad20] {
  display: grid;
  grid-template-columns: minmax(280px, 0.92fr) minmax(0, 1.5fr);
  gap: 22px;
  align-items: stretch;
}
.control-pitch[data-v-0ba9ad20] {
  display: flex;
  flex-direction: column;
  padding: 28px 26px 24px;
  border-radius: 18px;
  background: linear-gradient(165deg, #ffffff 0%, #f3f8ff 100%);
  border: 0;
  box-shadow: 0 18px 42px rgba(28, 112, 203, 0.08);
}
.control-pitch-brand[data-v-0ba9ad20] {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  margin-bottom: 22px;
}
.control-pitch-mark[data-v-0ba9ad20] {
  width: 54px;
  height: 54px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  color: #fff;
  background: linear-gradient(145deg, #3b8dff, #0667f9);
  box-shadow: 0 12px 24px rgba(6, 103, 249, 0.28);
  flex-shrink: 0;
}
.control-pitch-eyebrow[data-v-0ba9ad20] {
  margin: 0 0 6px;
  font-size: 13px;
  font-weight: 700;
  color: #0667f9;
}
.control-pitch h3[data-v-0ba9ad20] {
  margin: 0;
  font-size: 28px;
  line-height: 1.28;
  color: #0f1b2d;
}
.control-pitch-list[data-v-0ba9ad20] {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 12px;
  flex: 1;
}
.control-pitch-list li[data-v-0ba9ad20] {
  display: grid;
  grid-template-columns: 28px 40px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  padding: 10px 8px;
  border-radius: 12px;
  transition: background 0.2s ease;
}
.control-pitch-list li[data-v-0ba9ad20]:hover {
  background: rgba(6, 103, 249, 0.04);
}
.control-pitch-no[data-v-0ba9ad20] {
  font-size: 12px;
  font-weight: 800;
  color: #8aa0bf;
}
.control-pitch-icon[data-v-0ba9ad20] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: grid;
  place-items: center;
}
.control-pitch-list strong[data-v-0ba9ad20] {
  display: block;
  font-size: 15px;
  color: #152230;
  margin-bottom: 2px;
}
.control-pitch-list p[data-v-0ba9ad20] {
  margin: 0;
  font-size: 13px;
  color: #7a879c;
  line-height: 1.45;
}
.control-pitch-actions[data-v-0ba9ad20] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-top: 22px;
  padding-top: 18px;
}
.control-btn[data-v-0ba9ad20] {
  min-height: 40px;
  padding: 0 18px;
  border-radius: 8px;
  font-weight: 700;
  font-size: 14px;
  cursor: pointer;
  transition: 0.2s ease;
}
.control-btn.primary[data-v-0ba9ad20] {
  border: 0;
  color: #fff;
  background: #0667f9;
}
.control-btn.primary[data-v-0ba9ad20]:hover {
  transform: translateY(-1px);
  background: #0558d8;
}
.control-btn.ghost[data-v-0ba9ad20] {
  border: 0;
  color: #0667f9;
  background: #edf5ff;
}
.control-btn.ghost[data-v-0ba9ad20]:hover {
  background: #dcecff;
}
.control-link[data-v-0ba9ad20] {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  border: 0;
  background: transparent;
  color: #0667f9;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  padding: 0 4px;
}
.control-link[data-v-0ba9ad20]:hover {
  opacity: 0.85;
}
.control-arch[data-v-0ba9ad20] {
  padding: 28px 24px 24px;
  border-radius: 18px;
  background: #fefefe;
  border: 0;
  box-shadow: 0 18px 42px rgba(28, 112, 203, 0.08);
}
.control-arch-head[data-v-0ba9ad20] {
  margin-bottom: 18px;
}
.control-arch-eyebrow[data-v-0ba9ad20] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
  color: #0667f9;
  font-size: 13px;
  font-weight: 800;
}
.control-arch-eyebrow[data-v-0ba9ad20]::before {
  content: "";
  width: 22px;
  height: 2px;
  background: #0667f9;
}
.control-arch h3[data-v-0ba9ad20] {
  margin: 0;
  font-size: 24px;
  line-height: 1.35;
  color: #0f1b2d;
}
.control-arch-grid[data-v-0ba9ad20] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
.control-arch-card[data-v-0ba9ad20] {
  position: relative;
  overflow: hidden;
  min-height: 168px;
  padding: 22px 18px 18px;
  border-radius: 14px;
  background: #fff;
  border: 0;
  box-shadow: 0 10px 28px rgba(28, 112, 203, 0.05);
  text-align: center;
  transition: 0.22s ease;
}
.control-arch-card[data-v-0ba9ad20]:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 34px rgba(28, 112, 203, 0.1);
}
.control-arch-bar[data-v-0ba9ad20] {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 4px;
  background: var(--accent);
}
.control-arch-icon[data-v-0ba9ad20] {
  width: 48px;
  height: 48px;
  margin: 6px auto 14px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: var(--accent);
  background: var(--soft);
}
.control-arch-card h4[data-v-0ba9ad20] {
  margin: 0 0 8px;
  font-size: 17px;
  color: #152230;
}
.control-arch-card p[data-v-0ba9ad20] {
  margin: 0;
  font-size: 13px;
  line-height: 1.55;
  color: #8b94a5;
}
.page-section[data-v-0ba9ad20] {
  padding: 88px 0 104px;
}
.section-heading[data-v-0ba9ad20] {
  text-align: center;
  margin-bottom: 40px;
}
.section-heading[data-v-0ba9ad20] h2 {
  font-weight: bold;
  font-size: 46px;
  color: #000000;
  line-height: 64px;
  margin-bottom: 20px;
}
.section-heading[data-v-0ba9ad20] p {
  font-weight: 400;
  font-size: 20px;
  color: #888888;
  line-height: 28px;
}
.hero[data-v-0ba9ad20] {
  width: 100%;
  aspect-ratio: 1920/640;
  overflow: hidden;
  position: relative;
}
.hero-carousel[data-v-0ba9ad20] {
  width: 100%;
  height: 100%;
}
.hero-carousel--mobile[data-v-0ba9ad20] {
  display: none;
}
.hero-carousel--desktop[data-v-0ba9ad20] {
  display: block;
}
.hero-carousel[data-v-0ba9ad20] .el-carousel__container {
  height: 100% !important;
}
.hero-carousel[data-v-0ba9ad20] .el-carousel__item {
  height: 100%;
}
.hero-carousel[data-v-0ba9ad20] .el-carousel__item img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  filter: contrast(1.04) saturate(1.02);
  backface-visibility: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}
.hero-carousel[data-v-0ba9ad20] .el-carousel__indicators {
  z-index: 3;
}
.hero-carousel[data-v-0ba9ad20] .el-carousel__arrow {
  z-index: 3;
}
.hero-hotspot[data-v-0ba9ad20] {
  position: absolute;
  top: 79.5%;
  height: 9%;
  border: 0;
  border-radius: 999px;
  background: transparent;
  cursor: pointer;
  z-index: 4;
}
.hero-hotspot[data-v-0ba9ad20]:focus-visible {
  outline: 3px solid #0a7cff;
  outline-offset: 3px;
}
.hero-trial[data-v-0ba9ad20] {
  left: 18.75%;
  width: 10.4%;
}
.hero-contact[data-v-0ba9ad20] {
  left: 30.75%;
  width: 10.4%;
}
.hero-hotspot--mobile[data-v-0ba9ad20] {
  display: none;
}
.hero-carousel--mobile[data-v-0ba9ad20] .el-carousel__container {
  height: 100% !important;
}
.hero-carousel--mobile[data-v-0ba9ad20] .el-carousel__indicators--outside {
  margin-top: 0;
}
.hero-carousel--mobile[data-v-0ba9ad20] .el-carousel__indicator {
  padding: 10px 4px;
}
.hero-carousel--mobile[data-v-0ba9ad20] .el-carousel__button {
  width: 18px;
  height: 4px;
  border-radius: 999px;
  background: rgba(10, 124, 255, 0.25);
  opacity: 1;
}
.hero-carousel--mobile[data-v-0ba9ad20] .el-carousel__indicator.is-active .el-carousel__button {
  width: 24px;
  background: #0a7cff;
}
.hero-carousel--mobile[data-v-0ba9ad20] .el-carousel__arrow {
  width: 32px;
  height: 32px;
  background: rgba(255, 255, 255, 0.88);
  color: #0a7cff;
  border: 1px solid rgba(10, 124, 255, 0.18);
}
.product-grid[data-v-0ba9ad20] {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 16px;
}
.product-card[data-v-0ba9ad20] {
  --product-icon-shift: 28px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 390px;
  padding: 0 18px 28px;
  overflow: hidden;
  text-align: center;
  cursor: pointer;
  border: 0;
  border-radius: 18px;
  background: linear-gradient(180deg, #ffffff 0%, #ffffff 52%, var(--soft, #f8fbff) 100%);
  box-shadow: 0 14px 36px rgba(28, 112, 203, 0.07);
  box-sizing: border-box;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.product-card[data-v-0ba9ad20]:hover,
.adv-grid article[data-v-0ba9ad20]:hover {
  transform: translateY(-5px);
  box-shadow: 0 18px 42px rgba(28, 112, 203, 0.12);
}
.product-card[data-v-0ba9ad20]:focus-visible {
  outline: 3p x solid color-mix(in srgb, var(--accent, #087af4) 55%, #fff);
  outline-offset: 3px;
}

/* 底部弱装饰：沿用各卡原素材下半区，不抢主视觉 */
.product-card-deco[data-v-0ba9ad20] {
  position: absolute;
  left: 50%;
  bottom: -6%;
  width: 128%;
  max-width: none;
  height: 46%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center bottom;
     object-position: center bottom;
  transform: translateX(-50%);
  opacity: 0.22;
  pointer-events: none;
  filter: saturate(0.85);
}
.product-icon-stack[data-v-0ba9ad20] {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: calc(22px + var(--product-icon-shift));
  margin-bottom: 8px;
}
.product-icon-tile[data-v-0ba9ad20] {
  position: relative;
  z-index: 2;
  display: grid;
  place-items: center;
  width: 64px;
  height: 64px;
  color: #fff;
  border-radius: 16px;
  background: linear-gradient(145deg, color-mix(in srgb, var(--accent) 88%, #fff) 0%, var(--accent) 100%);
  box-shadow: 0 14px 28px color-mix(in srgb, var(--accent) 32%, transparent), inset 0 1px 0 rgba(255, 255, 255, 0.35);
}
.product-icon-pedestal[data-v-0ba9ad20] {
  position: relative;
  z-index: 1;
  display: grid;
  justify-items: center;
  margin-top: -10px;
  filter: drop-shadow(0 10px 16px rgba(15, 40, 80, 0.1));
}
.pedestal-top[data-v-0ba9ad20],
.pedestal-base[data-v-0ba9ad20] {
  display: block;
  border-radius: 10px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, color-mix(in srgb, var(--soft) 55%, #fff) 100%);
  border: 1px solid rgba(255, 255, 255, 0.8);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
}
.pedestal-top[data-v-0ba9ad20] {
  width: 78px;
  height: 14px;
  background: linear-gradient(180deg, color-mix(in srgb, var(--accent) 16%, #fff) 0%, rgba(255, 255, 255, 0.78) 100%);
}
.pedestal-base[data-v-0ba9ad20] {
  width: 96px;
  height: 18px;
  margin-top: -6px;
  opacity: 0.95;
}
.product-copy[data-v-0ba9ad20] {
  position: relative;
  z-index: 1;
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-top: 10px;
}
.product-card h3[data-v-0ba9ad20] {
  margin: 0 0 10px;
  font-size: 20px;
  font-weight: 700;
  color: #0f1b2d;
  line-height: 1.3;
}
.product-card p[data-v-0ba9ad20] {
  margin: 0 0 18px;
  font-size: 13px;
  line-height: 1.65;
  color: #8b94a5;
}
.product-card button[data-v-0ba9ad20] {
  margin-top: auto;
  min-width: 128px;
  height: 40px;
  padding: 0 22px;
  border: 0;
  border-radius: 20px;
  background: #ffffff;
  color: var(--accent, #087af4);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
  pointer-events: none;
  box-sizing: border-box;
}
.core-section[data-v-0ba9ad20],
.solutions-section[data-v-0ba9ad20] {
  background: #fff;
}
.solution-grid[data-v-0ba9ad20] {
  --solution-gap: 20px;
  --solution-radius: 12px;
  --solution-min-h: 280px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--solution-gap);
}
.solution-card[data-v-0ba9ad20] {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: var(--solution-min-h);
  padding: 28px 24px 24px;
  overflow: hidden;
  color: #fff;
  cursor: pointer;
  border: 0;
  border-radius: var(--solution-radius);
  isolation: isolate;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.solution-card[data-v-0ba9ad20]:hover, .solution-card[data-v-0ba9ad20]:focus-visible {
  transform: translateY(-4px);
  box-shadow: 0 18px 40px rgba(15, 30, 60, 0.22);
  outline: none;
}
.solution-card:hover .solution-card-bg[data-v-0ba9ad20], .solution-card:focus-visible .solution-card-bg[data-v-0ba9ad20] {
  transform: scale(1.06);
}
.solution-card:hover .solution-cta[data-v-0ba9ad20], .solution-card:focus-visible .solution-cta[data-v-0ba9ad20] {
  gap: 8px;
}
.solution-card[data-v-0ba9ad20]:focus-visible {
  box-shadow: 0 0 0 3px #fff, 0 0 0 5px #087af4, 0 18px 40px rgba(15, 30, 60, 0.22);
}
.solution-card-bg[data-v-0ba9ad20] {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  pointer-events: none;
  transition: transform 0.45s ease;
}
.solution-card-mask[data-v-0ba9ad20] {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(8, 18, 40, 0.08) 0%, rgba(8, 18, 40, 0.28) 42%, rgba(8, 18, 40, 0.78) 100%);
}
.solution-copy[data-v-0ba9ad20] {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 100%;
}
.solution-copy h3[data-v-0ba9ad20] {
  margin: 0;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.3;
  color: #fff;
  letter-spacing: 0.01em;
}
.solution-copy p[data-v-0ba9ad20] {
  display: -webkit-box;
  margin: 0;
  overflow: hidden;
  font-size: 14px;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.82);
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.solution-tags[data-v-0ba9ad20] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 2px;
}
.solution-tags span[data-v-0ba9ad20] {
  padding: 3px 10px;
  font-size: 12px;
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.92);
  background: rgba(255, 255, 255, 0.16);
  border: 0;
  border-radius: 999px;
  backdrop-filter: blur(4px);
}
.solution-cta[data-v-0ba9ad20] {
  display: inline-flex;
  gap: 4px;
  align-items: center;
  margin-top: 6px;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  transition: gap 0.2s ease;
}
.more-btn[data-v-0ba9ad20] {
  display: flex;
  margin: 44px auto 0;
  background: #087af4;
  color: #fff;
  border: 0;
  border-radius: 5px;
  padding: 12px 26px;
}
.stats-band[data-v-0ba9ad20] {
  background: #075ce9 url("/assets/stats-cta-background-BLkxq2oV.png") center/cover no-repeat;
  padding: 58px 0;
  color: #fff;
}
.stats-grid[data-v-0ba9ad20] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  text-align: center;
}
.stats-grid div[data-v-0ba9ad20] {
  border-right: 1px solid rgba(255, 255, 255, 0.2117647059);
  padding: 4px 0;
}
.stats-grid div[data-v-0ba9ad20]:last-child {
  border: 0;
}
.stats-grid strong[data-v-0ba9ad20] {
  font-size: 48px;
  display: block;
}
.stats-grid sup[data-v-0ba9ad20] {
  font-size: 17px;
}
.stats-grid span[data-v-0ba9ad20] {
  font-size: 14px;
  opacity: 0.8;
}
.logo-wall[data-v-0ba9ad20] {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 12px;
  padding: 12px 0 4px;
}
.logo-item[data-v-0ba9ad20] {
  height: 84px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 6px;
  background: #fff;
  box-shadow: 0 4px 14px rgba(30, 73, 122, 0.05);
  transition: 0.2s;
}
.logo-item[data-v-0ba9ad20]:hover {
  box-shadow: 0 7px 18px rgba(30, 73, 122, 0.08);
  transform: translateY(-2px);
}
.logo-item img[data-v-0ba9ad20] {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.hot-section[data-v-0ba9ad20] {
  background: #f9fafc;
}
.hot-grid[data-v-0ba9ad20] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
}
.hot-card[data-v-0ba9ad20] {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 0;
  padding: 18px 18px 24px;
  overflow: hidden;
  border: 0;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 8px 28px rgba(15, 27, 45, 0.06);
  box-sizing: border-box;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.hot-card[data-v-0ba9ad20]:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 36px rgba(15, 27, 45, 0.1);
}
.hot-icon-wrap[data-v-0ba9ad20] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 260px;
  aspect-ratio: 564/320;
  margin: 0 auto 8px;
  flex-shrink: 0;
}
.hot-icon[data-v-0ba9ad20] {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transform: scale(1.12);
  transform-origin: center center;
}
.hot-body[data-v-0ba9ad20] {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  width: 100%;
  text-align: center;
}
.hot-card h3[data-v-0ba9ad20] {
  margin: 0 0 10px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
  color: #000;
}
.hot-card p[data-v-0ba9ad20] {
  margin: 0 0 20px;
  min-height: 44px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.55;
  color: #999;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.hot-actions[data-v-0ba9ad20] {
  display: flex;
  gap: 10px;
  width: 100%;
  max-width: 260px;
  margin-top: auto;
}
.hot-btn[data-v-0ba9ad20] {
  flex: 1;
  height: 36px;
  padding: 0 12px;
  border: 0;
  border-radius: 20px;
  background: #f5f6f8;
  color: #333;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  cursor: pointer;
  box-sizing: border-box;
  box-shadow: none;
  transition: transform 0.2s ease, background 0.2s ease, color 0.2s ease;
}
.hot-btn[data-v-0ba9ad20]:hover {
  color: #333;
  background: #eef0f3;
  transform: translateY(-1px);
}
.hot-btn[data-v-0ba9ad20]:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--accent, #347cff) 45%, #fff);
  outline-offset: 2px;
}
.adv-grid[data-v-0ba9ad20] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}
.adv-grid article[data-v-0ba9ad20] {
  border: 0;
  border-radius: 8px;
  padding: 20px 24px;
  display: flex;
  gap: 16px;
  min-height: 0;
  box-sizing: border-box;
  background: #f7f8fa;
  box-shadow: none;
}
.adv-grid article > img.adv-icon[data-v-0ba9ad20] {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  -o-object-fit: contain;
     object-fit: contain;
  flex: none;
  display: block;
  background: transparent;
}
.adv-grid h3[data-v-0ba9ad20] {
  font-size: 18px;
  font-weight: bold;
  color: #000000;
  margin: 2px 0 10px;
  line-height: 1.3;
}
.adv-grid article section[data-v-0ba9ad20] {
  display: flex;
  min-width: 0;
  flex: 1;
  flex-direction: column;
}
.adv-grid p[data-v-0ba9ad20] {
  font-weight: 400;
  font-size: 14px;
  color: #999999;
  line-height: 1.7;
  margin: 0;
}
.adv-grid button[data-v-0ba9ad20] {
  align-self: flex-start;
  width: 116px;
  height: 34px;
  margin-top: 18px;
  border: 1px solid #f5f5f5;
  border-radius: 8px;
  background: #ffffff;
  color: #333333;
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
  transition: 0.2s;
}
.adv-grid button[data-v-0ba9ad20]:hover {
  background: #ffffff;
  color: #333333;
  border-color: #ebebeb;
}
.cta-section[data-v-0ba9ad20] {
  height: 600px;
  background: #064ee4 url("/assets/cta-background-BXZWBxjl.png") center/cover no-repeat;
  position: relative;
  overflow: hidden;
  color: #fff;
}
.cta-inner[data-v-0ba9ad20] {
  text-align: center;
  position: relative;
  padding-top: 112px;
}
.cta-eyebrow[data-v-0ba9ad20] {
  display: inline-flex;
  gap: 7px;
  align-items: center;
  padding: 9px 18px;
  background: rgba(255, 255, 255, 0.1098039216);
  border-radius: 18px;
  font-size: 15px;
}
.cta-inner h2[data-v-0ba9ad20] {
  font-size: 50px;
  margin: 28px 0 14px;
}
.cta-inner > p[data-v-0ba9ad20] {
  opacity: 0.78;
  margin-bottom: 36px;
  font-size: 17px;
}
.cta-inner > div[data-v-0ba9ad20]:nth-of-type(2) {
  display: flex;
  justify-content: center;
  gap: 14px;
}
.cta-light[data-v-0ba9ad20],
.cta-line[data-v-0ba9ad20] {
  height: 52px;
  padding: 0 34px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  cursor: pointer;
  font-size: 18px;
}
.cta-light[data-v-0ba9ad20] {
  border: 0;
  color: #0a67ef;
  background: #fff;
}
.cta-line[data-v-0ba9ad20] {
  border: 1px solid rgba(255, 255, 255, 0.6117647059);
  color: #fff;
  background: transparent;
}
.cta-line img[data-v-0ba9ad20] {
  width: 20px;
  height: 20px;
  -o-object-fit: contain;
     object-fit: contain;
}
.cta-inner aside[data-v-0ba9ad20] {
  display: flex;
  justify-content: center;
  gap: 100px;
  margin-top: 44px;
  font-size: 17px;
  opacity: 1;
}
.cta-inner aside span[data-v-0ba9ad20] {
  display: flex;
  align-items: center;
  gap: 6px;
}

/* iPad / 平板：保持左右双栏，仅压缩间距与字号 */
@media (min-width: 768px) and (max-width: 1199px) {
.control-layout[data-v-0ba9ad20] {
    grid-template-columns: minmax(240px, 0.88fr) minmax(0, 1.12fr);
    gap: 16px;
}
.control-pitch[data-v-0ba9ad20] {
    padding: 22px 18px 20px;
}
.control-pitch h3[data-v-0ba9ad20] {
    font-size: 22px;
}
.control-pitch-list strong[data-v-0ba9ad20] {
    font-size: 14px;
}
.control-pitch-list p[data-v-0ba9ad20] {
    font-size: 12px;
}
.control-pitch-actions[data-v-0ba9ad20] {
    gap: 8px;
}
.control-btn[data-v-0ba9ad20] {
    min-height: 36px;
    padding: 0 14px;
    font-size: 13px;
}
.control-link[data-v-0ba9ad20] {
    font-size: 13px;
}
.control-arch[data-v-0ba9ad20] {
    padding: 22px 16px 18px;
}
.control-arch h3[data-v-0ba9ad20] {
    font-size: 18px;
}
.control-arch-grid[data-v-0ba9ad20] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}
.control-arch-card[data-v-0ba9ad20] {
    min-height: 140px;
    padding: 14px 10px 12px;
}
.control-arch-icon[data-v-0ba9ad20] {
    width: 40px;
    height: 40px;
    margin: 4px auto 10px;
}
.control-arch-card h4[data-v-0ba9ad20] {
    font-size: 14px;
}
.control-arch-card p[data-v-0ba9ad20] {
    font-size: 11px;
    line-height: 1.45;
}
}
@media (max-width: 1100px) {
.product-grid[data-v-0ba9ad20] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}
.product-card[data-v-0ba9ad20] {
    padding: 0 18px 28px;
    --product-icon-shift: 22px;
}
.product-card h3[data-v-0ba9ad20] {
    font-size: 22px;
}
.product-card p[data-v-0ba9ad20] {
    font-size: 14px;
}
}
@media (max-width: 767px) {
.control-layout[data-v-0ba9ad20] {
    grid-template-columns: 1fr;
}
}
@media (max-width: 900px) {
.hero[data-v-0ba9ad20] {
    aspect-ratio: 750/400;
    height: auto;
    min-height: 0;
}
.hero-carousel--desktop[data-v-0ba9ad20],
  .hero-hotspot[data-v-0ba9ad20]:not(.hero-hotspot--mobile) {
    display: none !important;
}
.hero-carousel--mobile[data-v-0ba9ad20] {
    display: block;
}
.hero-hotspot--mobile[data-v-0ba9ad20] {
    display: block;
}
.hero-trial-mobile[data-v-0ba9ad20] {
    top: 58%;
    left: 4%;
    width: 52%;
    height: 9%;
}
.hero-contact-mobile[data-v-0ba9ad20] {
    top: 69%;
    left: 4%;
    width: 52%;
    height: 9%;
}
.control-arch-grid[data-v-0ba9ad20],
  .product-grid[data-v-0ba9ad20],
  .hot-grid[data-v-0ba9ad20] {
    grid-template-columns: repeat(2, 1fr);
}
.solution-grid[data-v-0ba9ad20],
  .adv-grid[data-v-0ba9ad20] {
    grid-template-columns: repeat(2, 1fr);
}
.logo-wall[data-v-0ba9ad20] {
    grid-template-columns: repeat(4, 1fr);
}
.page-section[data-v-0ba9ad20] {
    padding: 56px 0 64px;
}
.section-heading[data-v-0ba9ad20] h2 {
    font-size: 34px;
    line-height: 48px;
}
.section-heading[data-v-0ba9ad20] p {
    font-size: 16px;
    line-height: 26px;
}
}
@media (max-width: 600px) {
.portal-home[data-v-0ba9ad20] {
    overflow-x: hidden;
}
.shell[data-v-0ba9ad20] {
    width: min(100% - 24px, 1500px);
}
.core-shell[data-v-0ba9ad20],
  .control-shell[data-v-0ba9ad20],
  .hot-shell[data-v-0ba9ad20],
  .solutions-shell[data-v-0ba9ad20] {
    width: min(100% - 24px, 1240px);
}
.page-section[data-v-0ba9ad20] {
    padding: 40px 0 48px;
}
.section-heading[data-v-0ba9ad20] {
    margin-bottom: 24px;
}
.section-heading[data-v-0ba9ad20] h2 {
    margin-bottom: 10px;
    font-size: 26px;
    line-height: 36px;
}
.section-heading[data-v-0ba9ad20] p {
    font-size: 14px;
    line-height: 22px;
}
.hero-trial-mobile[data-v-0ba9ad20],
  .hero-contact-mobile[data-v-0ba9ad20] {
    left: 5%;
    width: 54%;
}
.control-arch-grid[data-v-0ba9ad20],
  .product-grid[data-v-0ba9ad20],
  .solution-grid[data-v-0ba9ad20],
  .hot-grid[data-v-0ba9ad20],
  .adv-grid[data-v-0ba9ad20] {
    grid-template-columns: 1fr;
}
.control-pitch[data-v-0ba9ad20] {
    padding: 22px 18px 20px;
}
.control-arch[data-v-0ba9ad20] {
    padding: 22px 16px 18px;
}
.control-pitch h3[data-v-0ba9ad20] {
    font-size: 22px;
    line-height: 1.35;
}
.control-arch h3[data-v-0ba9ad20] {
    font-size: 18px;
    line-height: 1.4;
}
.control-pitch-actions[data-v-0ba9ad20] {
    flex-direction: column;
    align-items: stretch;
}
.control-btn[data-v-0ba9ad20] {
    width: 100%;
}
.control-link[data-v-0ba9ad20] {
    justify-content: center;
}
.product-card[data-v-0ba9ad20] {
    height: auto;
    min-height: 320px;
    padding: 0 20px 24px;
    --product-icon-shift: 18px;
}
.product-icon-tile[data-v-0ba9ad20] {
    width: 56px;
    height: 56px;
    border-radius: 14px;
}
.pedestal-top[data-v-0ba9ad20] {
    width: 70px;
}
.pedestal-base[data-v-0ba9ad20] {
    width: 86px;
}
.solution-card[data-v-0ba9ad20] {
    --solution-min-h: 220px;
    min-height: var(--solution-min-h);
    padding: 24px 20px 20px;
}
.solution-copy h3[data-v-0ba9ad20] {
    font-size: 20px;
}
.solution-copy p[data-v-0ba9ad20] {
    -webkit-line-clamp: 3;
}
.hot-card[data-v-0ba9ad20] {
    padding: 16px 14px 20px;
}
.hot-icon-wrap[data-v-0ba9ad20] {
    max-width: none;
    margin-bottom: 6px;
}
.hot-icon[data-v-0ba9ad20] {
    transform: scale(1.08);
}
.hot-actions[data-v-0ba9ad20] {
    max-width: none;
}
.hot-card p[data-v-0ba9ad20] {
    min-height: 0;
    padding: 0 2px;
}
.adv-grid article[data-v-0ba9ad20] {
    min-height: 0;
    padding: 20px;
}
.stats-band[data-v-0ba9ad20] {
    padding: 36px 0;
}
.stats-grid[data-v-0ba9ad20] {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 30px;
}
.stats-grid div[data-v-0ba9ad20]:nth-child(2) {
    border-right: 0;
}
.stats-grid strong[data-v-0ba9ad20] {
    font-size: 28px;
}
.logo-wall[data-v-0ba9ad20] {
    grid-template-columns: repeat(2, 1fr);
}
.cta-inner h2[data-v-0ba9ad20] {
    font-size: 26px;
    line-height: 36px;
}
.cta-inner[data-v-0ba9ad20] {
    padding: 48px 16px 0;
}
.cta-inner > div[data-v-0ba9ad20]:nth-of-type(2) {
    gap: 10px;
    flex-wrap: wrap;
    justify-content: center;
}
.cta-light[data-v-0ba9ad20],
  .cta-line[data-v-0ba9ad20] {
    height: 44px;
    padding: 0 18px;
    font-size: 15px;
}
.cta-inner aside[data-v-0ba9ad20] {
    gap: 14px;
    flex-direction: column;
    align-items: center;
    margin-top: 28px;
    font-size: 14px;
}
.cta-section[data-v-0ba9ad20] {
    height: auto;
    min-height: 380px;
    padding-bottom: 40px;
}
}
@media (max-width: 400px) {
.hero[data-v-0ba9ad20] {
    aspect-ratio: 3/4;
}
.stats-grid[data-v-0ba9ad20] {
    grid-template-columns: 1fr;
}
.stats-grid div[data-v-0ba9ad20] {
    border-right: 0 !important;
}
.cta-light[data-v-0ba9ad20],
  .cta-line[data-v-0ba9ad20] {
    width: 100%;
    justify-content: center;
}
}.v-login[data-v-0ea4eb9c] {
  overflow: auto;
}
.v-login__left[data-v-0ea4eb9c]::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='5760'%20height='3040'%3e%3cimage%20width='5760'%20height='3040'%20href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAFoAAAAvgAQMAAAC1QKagAAAABGdBTUEAALGPC/xhBQAAACBjSFJN%20AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABlBMVEUsNEr///91v/yPAAAA%20AWJLR0QB/wIt3gAAAAd0SU1FB+YBBQYyN1c3BnEAAAhjSURBVHja7cExAQAAAMKg9U9tDB+gAAAA%20AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA%20AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA%20AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA%20AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA%20AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA%20AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA%20AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA%20AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA%20AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA%20AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA%20AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA%20AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA%20AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA%20AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA%20AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA%20AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA%20AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA%20AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA%20AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA%20AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA%20AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA%20AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA%20AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA%20AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA%20AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA%20AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA%20AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA%20AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA%20AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA%20AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA%20AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA%20AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA%20AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA%20AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA%20AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA%20AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA%20AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA%20AAAAAAAAAAAAAACAtwFzzwABY3VrRQAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMi0wMS0wNVQwNjo1%20MDo1MyswMDowMCfNlVoAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjItMDEtMDVUMDY6NTA6NTQrMDA6%20MDCTNxNoAAAAAElFTkSuQmCC'/%3e%3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  content: "";
}.wecom-entry[data-v-75f6c0fb] {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 24px;
  background: #f5f7fa;
  color: #1f2937;
}
.status[data-v-75f6c0fb] {
  width: min(100%, 360px);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.status h1[data-v-75f6c0fb] {
  margin: 18px 0 0;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: 0;
}
.status p[data-v-75f6c0fb] {
  margin: 10px 0 0;
  color: #667085;
  font-size: 14px;
  line-height: 1.6;
}
.status button[data-v-75f6c0fb] {
  min-height: 40px;
  margin-top: 22px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0 18px;
  border: 0;
  border-radius: 6px;
  background: #2563eb;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
}
.spinner[data-v-75f6c0fb] {
  width: 30px;
  height: 30px;
  border: 3px solid #dbe3ef;
  border-top-color: #2563eb;
  border-radius: 50%;
  animation: spin-75f6c0fb 0.8s linear infinite;
}
@keyframes spin-75f6c0fb {
to {
    transform: rotate(360deg);
}
}.about-page[data-v-009f7c43] {
  padding-top: 64px;
}
.brand-highlight[data-v-009f7c43] {
  color: #0066ff;
}
.hero-banner[data-v-009f7c43] {
  height: 584px;
  margin-top: -64px;
  background: linear-gradient(160deg, #001b5e 0%, #002d8a 30%, #0066ff 70%, #3388ff 100%);
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hero-circle-1[data-v-009f7c43] {
  position: absolute;
  top: -120px;
  right: -80px;
  width: 500px;
  height: 500px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 50%;
}
.hero-circle-2[data-v-009f7c43] {
  position: absolute;
  bottom: -160px;
  left: -60px;
  width: 400px;
  height: 400px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 50%;
}
.hero-circle-3[data-v-009f7c43] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 700px;
  height: 700px;
  border: 1px solid rgba(255, 255, 255, 0.04);
  border-radius: 50%;
}
.hero-dot[data-v-009f7c43] {
  position: absolute;
  width: 6px;
  height: 6px;
  background: rgba(255, 255, 255, 0.4);
  border-radius: 50%;
  animation: float-dot-009f7c43 4s ease-in-out infinite;
}
.hero-dot.hero-dot-1[data-v-009f7c43] {
  top: 15%;
  left: 10%;
}
.hero-dot.hero-dot-2[data-v-009f7c43] {
  top: 25%;
  right: 15%;
  width: 4px;
  height: 4px;
  animation-delay: 1s;
}
.hero-dot.hero-dot-3[data-v-009f7c43] {
  bottom: 30%;
  left: 20%;
  width: 5px;
  height: 5px;
  animation-delay: 2s;
}
.hero-dot.hero-dot-4[data-v-009f7c43] {
  top: 60%;
  right: 25%;
  width: 3px;
  height: 3px;
  animation-delay: 0.5s;
}
@keyframes float-dot-009f7c43 {
0%, 100% {
    transform: translateY(0);
}
50% {
    transform: translateY(-8px);
}
}
.hero-grid-pattern[data-v-009f7c43] {
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(255, 255, 255, 0.06) 1px, transparent 1px);
  background-size: 40px 40px;
  opacity: 0.5;
}
.hero-content[data-v-009f7c43] {
  position: relative;
  z-index: 3;
  text-align: center;
  color: #fff;
  max-width: 860px;
  padding: 64px 32px 0;
}
.hero-tag[data-v-009f7c43] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 50px;
  padding: 6px 20px;
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 24px;
  letter-spacing: 0.5px;
}
.hero-title[data-v-009f7c43] {
  font-size: 52px;
  font-weight: 900;
  margin-bottom: 20px;
  line-height: 1.2;
  letter-spacing: -1px;
}
.hero-subtitle[data-v-009f7c43] {
  font-size: 20px;
  opacity: 0.85;
  line-height: 1.7;
  margin-bottom: 32px;
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
}
.hero-actions[data-v-009f7c43] {
  display: flex;
  gap: 14px;
  justify-content: center;
  flex-wrap: wrap;
}
.hero-btn-primary[data-v-009f7c43] {
  height: 48px;
  padding: 0 32px;
  border-radius: 12px;
  background: #fff;
  color: #0066ff;
  font-size: 15px;
  font-weight: 700;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}
.hero-btn-primary[data-v-009f7c43]:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);
}
.hero-btn-outline[data-v-009f7c43] {
  height: 48px;
  padding: 0 32px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(10px);
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  border: 1px solid rgba(255, 255, 255, 0.25);
  cursor: pointer;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.hero-btn-outline[data-v-009f7c43]:hover {
  background: rgba(255, 255, 255, 0.22);
  transform: translateY(-2px);
}
.stats-wrapper[data-v-009f7c43] {
  max-width: 1100px;
  margin: -56px auto 0;
  padding: 0 24px;
  position: relative;
  z-index: 10;
}
.stats-grid[data-v-009f7c43] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
.stat-card[data-v-009f7c43] {
  background: #fff;
  border-radius: 16px;
  padding: 28px 20px;
  text-align: center;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
  border: 1px solid #f3f4f6;
}
.stat-value[data-v-009f7c43] {
  font-size: 36px;
  font-weight: 900;
  line-height: 1;
  margin-bottom: 8px;
}
.stat-suffix[data-v-009f7c43] {
  font-size: 20px;
}
.stat-label[data-v-009f7c43] {
  font-size: 14px;
  color: #6b7280;
  font-weight: 500;
}
.content-wrap[data-v-009f7c43] {
  padding: 80px 24px 64px;
  max-width: 1100px;
  margin: 0 auto;
}
.section-header[data-v-009f7c43] {
  text-align: center;
  margin-bottom: 48px;
}
.section-tag[data-v-009f7c43] {
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  color: #0066ff;
  text-transform: uppercase;
  letter-spacing: 2px;
  background: #ebf5ff;
  padding: 4px 14px;
  border-radius: 4px;
  margin-bottom: 16px;
}
.section-title[data-v-009f7c43] {
  font-size: 32px;
  font-weight: 800;
  margin-bottom: 12px;
  color: #111827;
}
.section-subtitle[data-v-009f7c43] {
  font-size: 15px;
  color: #6b7280;
  max-width: 600px;
  margin: 0 auto;
}
.intro-section[data-v-009f7c43] {
  margin-bottom: 80px;
}
.intro-grid[data-v-009f7c43] {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 48px;
  align-items: center;
}
.intro-tag[data-v-009f7c43] {
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  color: #0066ff;
  text-transform: uppercase;
  letter-spacing: 2px;
  background: #ebf5ff;
  padding: 4px 14px;
  border-radius: 4px;
  margin-bottom: 20px;
}
.intro-title[data-v-009f7c43] {
  font-size: 32px;
  font-weight: 800;
  margin-bottom: 20px;
  line-height: 1.3;
  color: #111827;
}
.intro-text[data-v-009f7c43] {
  font-size: 15px;
  line-height: 2;
  color: #4b5563;
  text-indent: 2em;
  margin-bottom: 14px;
}
.intro-info-card[data-v-009f7c43] {
  background: linear-gradient(135deg, #0066ff, #0044cc);
  border-radius: 24px;
  padding: 40px 32px;
  color: #fff;
  position: relative;
  overflow: hidden;
}
.intro-info-deco-1[data-v-009f7c43] {
  position: absolute;
  top: -40px;
  right: -40px;
  width: 160px;
  height: 160px;
  border: 2px solid rgba(255, 255, 255, 0.1);
  border-radius: 24px;
  transform: rotate(15deg);
}
.intro-info-deco-2[data-v-009f7c43] {
  position: absolute;
  bottom: -24px;
  left: -24px;
  width: 100px;
  height: 100px;
  border: 2px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  transform: rotate(-10deg);
}
.intro-info-content[data-v-009f7c43] {
  position: relative;
  z-index: 2;
}
.intro-info-label[data-v-009f7c43] {
  font-size: 14px;
  font-weight: 500;
  opacity: 0.8;
  margin-bottom: 4px;
}
.intro-info-mission[data-v-009f7c43] {
  font-size: 22px;
  font-weight: 800;
  margin-bottom: 28px;
  line-height: 1.4;
}
.intro-info-stats-grid[data-v-009f7c43] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.intro-info-stat-card[data-v-009f7c43] {
  background: rgba(255, 255, 255, 0.12);
  border-radius: 12px;
  padding: 18px 16px;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.intro-info-stat-value[data-v-009f7c43] {
  font-size: 24px;
  font-weight: 800;
  margin-bottom: 4px;
}
.intro-info-stat-desc[data-v-009f7c43] {
  font-size: 12px;
  opacity: 0.8;
}
.advantage-section[data-v-009f7c43] {
  margin-bottom: 80px;
}
.advantage-grid[data-v-009f7c43] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
.advantage-card[data-v-009f7c43] {
  background: #fff;
  border: 1px solid #f3f4f6;
  border-radius: 20px;
  padding: 36px 32px;
  display: flex;
  gap: 24px;
  align-items: flex-start;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}
.advantage-icon[data-v-009f7c43] {
  width: 56px;
  height: 56px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.advantage-title[data-v-009f7c43] {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 8px;
  color: #1f2937;
}
.advantage-desc[data-v-009f7c43] {
  font-size: 14px;
  line-height: 1.8;
  color: #6b7280;
}
.milestone-section[data-v-009f7c43] {
  margin-bottom: 80px;
}
.timeline-wrapper[data-v-009f7c43] {
  position: relative;
  max-width: 800px;
  margin: 0 auto;
}
.timeline-line[data-v-009f7c43] {
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 2px;
  background: linear-gradient(to bottom, transparent, #0066ff 10%, #0066ff 90%, transparent);
  transform: translateX(-50%);
}
.timeline-items[data-v-009f7c43] {
  display: flex;
  flex-direction: column;
  gap: 40px;
  position: relative;
}
.timeline-item[data-v-009f7c43] {
  display: flex;
  align-items: flex-start;
  gap: 40px;
}
.timeline-text[data-v-009f7c43] {
  flex: 1;
}
.timeline-text-left[data-v-009f7c43] {
  text-align: right;
  padding-right: 50px;
}
.timeline-text-right[data-v-009f7c43] {
  padding-left: 50px;
}
.timeline-year[data-v-009f7c43] {
  font-size: 24px;
  font-weight: 900;
  margin-bottom: 6px;
}
.timeline-title[data-v-009f7c43] {
  font-size: 17px;
  font-weight: 700;
  color: #1f2937;
  margin-bottom: 6px;
}
.timeline-desc[data-v-009f7c43] {
  font-size: 13px;
  color: #6b7280;
  line-height: 1.7;
}
.timeline-dot-wrapper[data-v-009f7c43] {
  position: relative;
  z-index: 2;
  flex-shrink: 0;
  margin-top: 4px;
}
.timeline-dot[data-v-009f7c43] {
  width: 16px;
  height: 16px;
  border: 3px solid #fff;
  border-radius: 50%;
}
.timeline-empty[data-v-009f7c43] {
  flex: 1;
}
.business-section[data-v-009f7c43] {
  margin-bottom: 80px;
}
.business-grid[data-v-009f7c43] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.business-card[data-v-009f7c43] {
  background: #fff;
  border: 1px solid #f3f4f6;
  border-radius: 20px;
  padding: 40px 28px;
  text-align: center;
  position: relative;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}
.business-deco-circle[data-v-009f7c43] {
  position: absolute;
  top: -40px;
  right: -40px;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  opacity: 0.4;
}
.business-inner[data-v-009f7c43] {
  position: relative;
  z-index: 1;
}
.business-icon[data-v-009f7c43] {
  width: 68px;
  height: 68px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 24px;
}
.business-title[data-v-009f7c43] {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 12px;
  color: #1f2937;
}
.business-desc[data-v-009f7c43] {
  font-size: 14px;
  line-height: 1.8;
  color: #6b7280;
}
.product-system-section[data-v-009f7c43] {
  margin-bottom: 80px;
}
.product-system-grid[data-v-009f7c43] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.product-system-card[data-v-009f7c43] {
  background: #fff;
  border: 1px solid #f3f4f6;
  border-radius: 20px;
  padding: 32px;
  display: flex;
  gap: 20px;
  align-items: flex-start;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}
.product-system-icon[data-v-009f7c43] {
  width: 52px;
  height: 52px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.product-system-title[data-v-009f7c43] {
  font-size: 17px;
  font-weight: 700;
  margin-bottom: 10px;
  color: #1f2937;
}
.product-system-desc[data-v-009f7c43] {
  font-size: 14px;
  line-height: 1.7;
  color: #6b7280;
}
.philosophy-section[data-v-009f7c43] {
  margin-bottom: 80px;
  background: radial-gradient(circle at 30% 50%, rgba(0, 102, 255, 0.15), transparent 50%), radial-gradient(circle at 70% 30%, rgba(0, 185, 107, 0.1), transparent 40%), linear-gradient(160deg, #001b5e 0%, #002466 40%, #0066ff 100%);
  border-radius: 24px;
  padding: 64px 40px;
  color: #fff;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.philosophy-deco-ring-1[data-v-009f7c43] {
  position: absolute;
  top: -100px;
  left: -100px;
  width: 250px;
  height: 250px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 50%;
}
.philosophy-deco-ring-2[data-v-009f7c43] {
  position: absolute;
  bottom: -80px;
  right: -80px;
  width: 200px;
  height: 200px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 50%;
}
.philosophy-inner[data-v-009f7c43] {
  position: relative;
  z-index: 2;
}
.philosophy-tag[data-v-009f7c43] {
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.12);
}
.philosophy-title[data-v-009f7c43] {
  font-size: 32px;
  font-weight: 800;
  margin-bottom: 12px;
}
.philosophy-subtitle[data-v-009f7c43] {
  font-size: 15px;
  opacity: 0.8;
  margin-bottom: 48px;
  max-width: 560px;
  margin-left: auto;
  margin-right: auto;
}
.philosophy-grid[data-v-009f7c43] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
  max-width: 900px;
  margin: 0 auto;
}
.philosophy-card[data-v-009f7c43] {
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  border-radius: 20px;
  padding: 36px 24px;
  border: 1px solid rgba(255, 255, 255, 0.12);
}
.philosophy-icon-circle[data-v-009f7c43] {
  width: 60px;
  height: 60px;
  background: rgba(255, 255, 255, 0.15);
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
}
.philosophy-card-title[data-v-009f7c43] {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 12px;
}
.philosophy-card-desc[data-v-009f7c43] {
  font-size: 14px;
  line-height: 1.8;
  opacity: 0.8;
}
.logo-section[data-v-009f7c43] {
  margin-bottom: 80px;
}
.logo-grid[data-v-009f7c43] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 28px 36px;
}
.logo-card[data-v-009f7c43] {
  background: #fff;
  border: 1px solid #f3f4f6;
  border-radius: 14px;
  padding: 18px 28px;
  display: flex;
  align-items: center;
  gap: 10px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);
}
.logo-icon[data-v-009f7c43] {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 800;
  font-size: 14px;
}
.logo-name[data-v-009f7c43] {
  font-size: 14px;
  font-weight: 600;
  color: #4b5563;
}
.contact-cta[data-v-009f7c43] {
  text-align: center;
  max-width: 960px;
  margin: 0 auto;
  padding-top: 48px;
  border-top: 2px solid #f3f4f6;
}
.contact-cta-tag[data-v-009f7c43] {
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  color: #0066ff;
  text-transform: uppercase;
  letter-spacing: 2px;
  background: #ebf5ff;
  padding: 4px 14px;
  border-radius: 4px;
  margin-bottom: 16px;
}
.contact-cta-title[data-v-009f7c43] {
  font-size: 32px;
  font-weight: 800;
  margin-bottom: 12px;
  color: #111827;
}
.contact-cta-desc[data-v-009f7c43] {
  font-size: 15px;
  color: #6b7280;
  margin-bottom: 40px;
}
.contact-cta-grid[data-v-009f7c43] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-bottom: 40px;
}
.contact-cta-card[data-v-009f7c43] {
  background: #fff;
  border: 1px solid #f3f4f6;
  border-radius: 18px;
  padding: 32px 24px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}
.contact-cta-icon[data-v-009f7c43] {
  width: 48px;
  height: 48px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 16px;
}
.contact-cta-card-title[data-v-009f7c43] {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 6px;
  color: #1f2937;
}
.contact-cta-card-desc[data-v-009f7c43] {
  font-size: 13px;
  color: #6b7280;
  line-height: 1.7;
}
.contact-cta-footer[data-v-009f7c43] {
  font-size: 13px;
  color: #9ca3af;
  line-height: 1.8;
}
.card-hover[data-v-009f7c43] {
  transition: all 0.3s ease;
}
.card-hover[data-v-009f7c43]:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08);
}
@media (max-width: 1024px) {
.stats-grid[data-v-009f7c43] {
    grid-template-columns: repeat(2, 1fr);
}
.intro-grid[data-v-009f7c43] {
    grid-template-columns: 1fr;
}
.advantage-grid[data-v-009f7c43] {
    grid-template-columns: 1fr;
}
.business-grid[data-v-009f7c43] {
    grid-template-columns: repeat(2, 1fr);
}
.product-system-grid[data-v-009f7c43] {
    grid-template-columns: repeat(2, 1fr);
}
.philosophy-grid[data-v-009f7c43] {
    grid-template-columns: repeat(2, 1fr);
}
.contact-cta-grid[data-v-009f7c43] {
    grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
.hero-title[data-v-009f7c43] {
    font-size: 32px;
}
.hero-subtitle[data-v-009f7c43] {
    font-size: 14px;
}
.hero-actions[data-v-009f7c43] {
    flex-direction: column;
    align-items: center;
}
.stats-grid[data-v-009f7c43] {
    grid-template-columns: repeat(2, 1fr);
}
.business-grid[data-v-009f7c43] {
    grid-template-columns: 1fr;
}
.product-system-grid[data-v-009f7c43] {
    grid-template-columns: 1fr;
}
.philosophy-grid[data-v-009f7c43] {
    grid-template-columns: 1fr;
}
.timeline-line[data-v-009f7c43] {
    left: 20px;
}
.timeline-item[data-v-009f7c43] {
    gap: 0;
    padding-left: 40px;
}
.timeline-item.timeline-right[data-v-009f7c43] {
    flex-direction: row;
}
.timeline-text-left[data-v-009f7c43] {
    text-align: left;
    padding-right: 0;
}
.timeline-dot-wrapper[data-v-009f7c43] {
    position: absolute;
    left: 12px;
}
.timeline-empty[data-v-009f7c43] {
    display: none;
}
.contact-cta-grid[data-v-009f7c43] {
    grid-template-columns: 1fr;
}
.logo-grid[data-v-009f7c43] {
    gap: 16px;
}
}.hero-banner[data-v-8715a58a] {
  height: 280px;
  background: linear-gradient(135deg, #00B96B, #0066FF);
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hero-banner .hero-overlay[data-v-8715a58a] {
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.1), transparent 70%);
}
.hero-banner .hero-content[data-v-8715a58a] {
  position: relative;
  z-index: 2;
  text-align: center;
  color: #fff;
}
.hero-banner .hero-title[data-v-8715a58a] {
  font-size: 36px;
  font-weight: 800;
  margin-bottom: 8px;
}
.hero-banner .hero-sub[data-v-8715a58a] {
  font-size: 16px;
  opacity: 0.8;
}
.content-container[data-v-8715a58a] {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 24px;
}
.platform-section[data-v-8715a58a] {
  padding: 64px 24px;
}
.platform-grid[data-v-8715a58a] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.platform-card[data-v-8715a58a] {
  border: 1px solid #E5E7EB;
  border-radius: 16px;
  overflow: hidden;
  transition: all 0.3s ease;
}
.platform-card[data-v-8715a58a]:hover {
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1);
  transform: translateY(-2px);
}
.platform-card .card-visual[data-v-8715a58a] {
  height: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}
.platform-card .card-tag[data-v-8715a58a] {
  position: absolute;
  top: 12px;
  left: 12px;
  font-size: 11px;
  padding: 2px 8px;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.8);
  color: #4B5563;
}
.platform-card .card-icon-wrap[data-v-8715a58a] {
  width: 72px;
  height: 72px;
  background: #fff;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.platform-card .card-body[data-v-8715a58a] {
  padding: 20px;
}
.platform-card .card-title[data-v-8715a58a] {
  font-size: 17px;
  font-weight: 700;
  margin-bottom: 8px;
}
.platform-card .card-desc[data-v-8715a58a] {
  font-size: 13px;
  color: #6B7280;
  margin-bottom: 12px;
  line-height: 1.6;
}
.platform-card .card-tags[data-v-8715a58a] {
  margin-bottom: 16px;
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
}
.platform-card .feature-tag[data-v-8715a58a] {
  font-size: 11px;
  padding: 2px 8px;
  border-radius: 4px;
}
.platform-card .card-actions[data-v-8715a58a] {
  display: flex;
  gap: 8px;
}
.platform-card .btn-trial[data-v-8715a58a] {
  height: 32px;
  font-size: 12px;
  padding: 0 14px;
  flex: 1;
  background: #0066FF;
  color: #fff;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s;
}
.platform-card .btn-trial[data-v-8715a58a]:hover {
  background: #0044CC;
}
.platform-card .btn-contact[data-v-8715a58a] {
  height: 32px;
  font-size: 12px;
  padding: 0 14px;
  flex: 1;
  background: #fff;
  color: #4B5563;
  border: 1px solid #E5E7EB;
  border-radius: 6px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
}
.platform-card .btn-contact[data-v-8715a58a]:hover {
  border-color: #0066FF;
  color: #0066FF;
}
@media (max-width: 1024px) {
.platform-grid[data-v-8715a58a] {
    grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
.platform-grid[data-v-8715a58a] {
    grid-template-columns: 1fr;
}
.hero-banner[data-v-8715a58a] {
    height: 200px;
}
.hero-banner .hero-title[data-v-8715a58a] {
    font-size: 28px;
}
}.content-wrap[data-v-133bd403] {
  padding: 64px 24px;
  max-width: 800px;
  margin: 0 auto;
}
.back-btn[data-v-133bd403] {
  background: none;
  border: none;
  cursor: pointer;
  color: #0066ff;
  font-size: 14px;
  margin-bottom: 24px;
  transition: opacity 0.3s ease;
}
.back-btn[data-v-133bd403]:hover {
  opacity: 0.7;
}
.job-info-card[data-v-133bd403] {
  background: #f9fafb;
  border-radius: 16px;
  padding: 32px;
  border: 1px solid #e5e7eb;
  margin-bottom: 24px;
}
.job-title[data-v-133bd403] {
  font-size: 28px;
  font-weight: 800;
  margin-bottom: 12px;
}
.job-tags[data-v-133bd403] {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 16px;
}
.job-tag[data-v-133bd403] {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
}
.job-tag-default[data-v-133bd403] {
  background: #f3f4f6;
  color: #4b5563;
}
.job-tag-salary[data-v-133bd403] {
  background: #ecfdf5;
  color: #00b96b;
}
.job-desc[data-v-133bd403] {
  font-size: 15px;
  color: #4b5563;
  line-height: 1.8;
  margin-bottom: 20px;
}
.job-requirements-title[data-v-133bd403] {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 12px;
}
.job-requirements-list[data-v-133bd403] {
  list-style: disc;
  padding-left: 20px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.job-requirements-list li[data-v-133bd403] {
  font-size: 14px;
  color: #4b5563;
}
.form-card[data-v-133bd403] {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  padding: 32px;
}
.form-title[data-v-133bd403] {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 20px;
}
.form-grid-2[data-v-133bd403] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-bottom: 16px;
}
.form-group[data-v-133bd403] {
  margin-bottom: 16px;
}
.form-label[data-v-133bd403] {
  display: block;
  font-size: 13px;
  color: #6b7280;
  margin-bottom: 6px;
}
.form-input[data-v-133bd403] {
  width: 100%;
  padding: 12px 14px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  font-size: 14px;
  outline: none;
  transition: border-color 0.3s ease;
}
.form-input[data-v-133bd403]:focus {
  border-color: #0066ff;
}
.form-input[data-v-133bd403]::-moz-placeholder {
  color: #9ca3af;
}
.form-input[data-v-133bd403]::placeholder {
  color: #9ca3af;
}
.form-textarea[data-v-133bd403] {
  min-height: 100px;
  resize: vertical;
}
.form-file-input[data-v-133bd403] {
  width: 100%;
  padding: 10px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  font-size: 14px;
}
.form-submit-btn[data-v-133bd403] {
  height: 48px;
  padding: 0 40px;
  background: #0066ff;
  color: #fff;
  border: none;
  border-radius: 8px;
  font-weight: 600;
  font-size: 16px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.form-submit-btn[data-v-133bd403]:hover {
  background: #0044cc;
}
.fallback-wrap[data-v-133bd403] {
  text-align: center;
  min-height: calc(100vh - 64px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.fallback-title[data-v-133bd403] {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 12px;
}
.fallback-desc[data-v-133bd403] {
  color: #6b7280;
  margin-bottom: 24px;
}
.fallback-btn[data-v-133bd403] {
  background: none;
  border: 1px solid #0066ff;
  color: #0066ff;
  padding: 12px 24px;
  border-radius: 8px;
  cursor: pointer;
  font-size: 14px;
  transition: all 0.3s ease;
}
.fallback-btn[data-v-133bd403]:hover {
  background: #0066ff;
  color: #fff;
}
@media (max-width: 768px) {
.form-grid-2[data-v-133bd403] {
    grid-template-columns: 1fr;
}
.job-title[data-v-133bd403] {
    font-size: 22px;
}
}.hero-banner[data-v-a09b1d46] {
  height: 280px;
  background: url("https://picsum.photos/seed/team/1280/280") center/cover;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hero-overlay[data-v-a09b1d46] {
  position: absolute;
  inset: 0;
  background: rgba(0, 27, 94, 0.7);
}
.hero-content[data-v-a09b1d46] {
  position: relative;
  z-index: 2;
  text-align: center;
  color: #fff;
}
.hero-title[data-v-a09b1d46] {
  font-size: 36px;
  font-weight: 800;
  margin-bottom: 8px;
}
.hero-subtitle[data-v-a09b1d46] {
  font-size: 16px;
  opacity: 0.8;
}
.content-wrap[data-v-a09b1d46] {
  padding: 64px 24px;
  max-width: 1200px;
  margin: 0 auto;
}
.benefits-grid[data-v-a09b1d46] {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 16px;
  margin-bottom: 48px;
}
.benefit-item[data-v-a09b1d46] {
  text-align: center;
}
.benefit-icon[data-v-a09b1d46] {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 8px;
}
.benefit-text[data-v-a09b1d46] {
  font-size: 13px;
  font-weight: 500;
}
.jobs-title[data-v-a09b1d46] {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 20px;
}
.jobs-grid[data-v-a09b1d46] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.job-card[data-v-a09b1d46] {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.job-info[data-v-a09b1d46] {
  flex: 1;
}
.job-title-row[data-v-a09b1d46] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 4px;
}
.job-title[data-v-a09b1d46] {
  font-size: 15px;
  font-weight: 600;
}
.job-dept-tag[data-v-a09b1d46] {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
}
.job-meta[data-v-a09b1d46] {
  font-size: 13px;
  color: #6b7280;
}
.job-salary[data-v-a09b1d46] {
  font-size: 16px;
  font-weight: 700;
  color: #0066ff;
}
.card-hover[data-v-a09b1d46] {
  transition: all 0.3s ease;
}
.card-hover[data-v-a09b1d46]:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08);
}
@media (max-width: 1024px) {
.benefits-grid[data-v-a09b1d46] {
    grid-template-columns: repeat(3, 1fr);
}
.jobs-grid[data-v-a09b1d46] {
    grid-template-columns: 1fr;
}
}
@media (max-width: 768px) {
.hero-title[data-v-a09b1d46] {
    font-size: 28px;
}
.benefits-grid[data-v-a09b1d46] {
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}
.job-card[data-v-a09b1d46] {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}
}.content-wrap[data-v-53804ee2] {
  min-height: calc(100vh - 64px);
  padding: 48px 24px;
  max-width: 1200px;
  margin: 0 auto;
}
.page-title[data-v-53804ee2] {
  font-size: 32px;
  font-weight: 800;
  margin-bottom: 32px;
  text-align: center;
}
.card-grid[data-v-53804ee2] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-bottom: 48px;
}
.contact-card[data-v-53804ee2] {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 24px;
  text-align: center;
}
.card-icon[data-v-53804ee2] {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 12px;
}
.card-label[data-v-53804ee2] {
  font-size: 13px;
  color: #6b7280;
  margin-bottom: 4px;
}
.card-value[data-v-53804ee2] {
  font-size: 16px;
  font-weight: 700;
}
.card-action[data-v-53804ee2] {
  margin-top: 8px;
  background: transparent;
  border: none;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  padding: 8px 16px;
  border-radius: 8px;
  transition: all 0.2s ease;
}
.card-action[data-v-53804ee2]:hover {
  background: #f3f4f6;
}
.map-form-grid[data-v-53804ee2] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  margin-bottom: 48px;
}
.map-placeholder[data-v-53804ee2] {
  background: #f3f4f6;
  border-radius: 12px;
  height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}
.map-bg[data-v-53804ee2] {
  position: absolute;
  inset: 0;
  background: url("https://picsum.photos/seed/map/600/400") center/cover;
  opacity: 0.3;
}
.map-content[data-v-53804ee2] {
  position: relative;
  z-index: 2;
  text-align: center;
}
.map-pin-icon[data-v-53804ee2] {
  width: 48px;
  height: 48px;
  background: #0066ff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 12px;
  animation: map-pulse-53804ee2 2s infinite;
}
@keyframes map-pulse-53804ee2 {
0%, 100% {
    transform: scale(1);
}
50% {
    transform: scale(1.1);
}
}
.map-address-main[data-v-53804ee2] {
  font-weight: 600;
}
.map-address-sub[data-v-53804ee2] {
  font-size: 13px;
  color: #6b7280;
}
.form-card[data-v-53804ee2] {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 32px;
}
.form-title[data-v-53804ee2] {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 20px;
}
.form-fields[data-v-53804ee2] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.form-input[data-v-53804ee2] {
  height: 44px;
  padding: 0 14px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  font-size: 14px;
  outline: none;
  transition: border-color 0.3s ease;
}
.form-input[data-v-53804ee2]:focus {
  border-color: #0066ff;
}
.form-input[data-v-53804ee2]::-moz-placeholder {
  color: #9ca3af;
}
.form-input[data-v-53804ee2]::placeholder {
  color: #9ca3af;
}
.form-textarea[data-v-53804ee2] {
  height: 100px;
  padding: 12px 14px;
  resize: none;
}
.form-submit-btn[data-v-53804ee2] {
  height: 44px;
  background: #0066ff;
  color: #fff;
  border: none;
  border-radius: 8px;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.form-submit-btn[data-v-53804ee2]:hover {
  background: #0044cc;
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(0, 102, 255, 0.3);
}
.card-hover[data-v-53804ee2] {
  transition: all 0.3s ease;
}
.card-hover[data-v-53804ee2]:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08);
}
@media (max-width: 1024px) {
.card-grid[data-v-53804ee2] {
    grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
.card-grid[data-v-53804ee2] {
    grid-template-columns: 1fr;
}
.map-form-grid[data-v-53804ee2] {
    grid-template-columns: 1fr;
}
.map-placeholder[data-v-53804ee2] {
    height: 280px;
}
}.hero-banner[data-v-2c65a6d9] {
  height: 320px;
  background: linear-gradient(135deg, #7C3AED, #001B5E);
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hero-banner .hero-overlay[data-v-2c65a6d9] {
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 30% 50%, rgba(124, 58, 237, 0.3), transparent 60%);
}
.hero-banner .hero-svg[data-v-2c65a6d9] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.15;
}
.hero-banner .hero-content[data-v-2c65a6d9] {
  position: relative;
  z-index: 2;
  text-align: center;
  color: #fff;
}
.hero-banner .hero-title[data-v-2c65a6d9] {
  font-size: 36px;
  font-weight: 800;
  margin-bottom: 8px;
}
.hero-banner .hero-sub[data-v-2c65a6d9] {
  font-size: 16px;
  opacity: 0.8;
}
.content-container[data-v-2c65a6d9] {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 24px;
}
.tab-section[data-v-2c65a6d9] {
  padding: 64px 24px;
}
.tab-bar[data-v-2c65a6d9] {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-bottom: 48px;
}
.tab-btn[data-v-2c65a6d9] {
  padding: 12px 28px;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 600;
  border: none;
  background: #fff;
  color: #4B5563;
  cursor: pointer;
  transition: all 0.3s;
  border: 1px solid #E5E7EB;
}
.tab-btn.active[data-v-2c65a6d9] {
  background: #0066FF;
  color: #fff;
  border-color: #0066FF;
}
.tab-btn[data-v-2c65a6d9]:hover:not(.active) {
  border-color: #D1D5DB;
  color: #374151;
}
.tab-content[data-v-2c65a6d9] {
  animation: fadeIn-2c65a6d9 0.3s ease;
}
@keyframes fadeIn-2c65a6d9 {
from {
    opacity: 0;
    transform: translateY(8px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
.feature-grid[data-v-2c65a6d9] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-bottom: 32px;
}
.feature-card[data-v-2c65a6d9] {
  background: #fff;
  border: 1px solid #E5E7EB;
  border-radius: 12px;
  padding: 24px;
  transition: all 0.3s ease;
}
.feature-card[data-v-2c65a6d9]:hover {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
  transform: translateY(-2px);
}
.feature-card .feature-icon-wrap[data-v-2c65a6d9] {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
}
.feature-card .feature-title[data-v-2c65a6d9] {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 8px;
  color: #1F2937;
}
.feature-card .feature-desc[data-v-2c65a6d9] {
  font-size: 13px;
  color: #6B7280;
}
.connector-section[data-v-2c65a6d9] {
  background: #fff;
  border: 1px solid #E5E7EB;
  border-radius: 12px;
  padding: 32px;
  margin-bottom: 32px;
}
.connector-section .connector-title[data-v-2c65a6d9] {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 20px;
  color: #1F2937;
}
.connector-grid[data-v-2c65a6d9] {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 12px;
}
.connector-item[data-v-2c65a6d9] {
  height: 56px;
  background: #F9FAFB;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 600;
  color: #4B5563;
  transition: all 0.2s;
  cursor: pointer;
}
.connector-item[data-v-2c65a6d9]:hover {
  background: #EBF5FF;
  color: #0066FF;
}
.pricing-bar[data-v-2c65a6d9] {
  background: #F9FAFB;
  border-radius: 12px;
  padding: 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
}
.pricing-bar .pricing-info .pricing-name[data-v-2c65a6d9] {
  font-size: 20px;
  font-weight: 700;
  color: #1F2937;
}
.pricing-bar .pricing-info .pricing-price-text[data-v-2c65a6d9] {
  font-size: 14px;
  color: #6B7280;
  margin-top: 4px;
}
.pricing-bar .pricing-actions[data-v-2c65a6d9] {
  display: flex;
  gap: 12px;
}
.pricing-bar .btn-outline[data-v-2c65a6d9] {
  padding: 12px 24px;
  background: #fff;
  color: #4B5563;
  border: 1px solid #E5E7EB;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
}
.pricing-bar .btn-outline[data-v-2c65a6d9]:hover {
  border-color: #0066FF;
  color: #0066FF;
}
.pricing-bar .btn-primary[data-v-2c65a6d9] {
  padding: 12px 24px;
  background: #0066FF;
  color: #fff;
  border: none;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s;
}
.pricing-bar .btn-primary[data-v-2c65a6d9]:hover {
  background: #0044CC;
}
.flow-section[data-v-2c65a6d9] {
  background: #fff;
  border: 1px solid #E5E7EB;
  border-radius: 12px;
  padding: 32px;
  margin-bottom: 32px;
}
.flow-section .flow-title[data-v-2c65a6d9] {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 24px;
  color: #1F2937;
}
.flow-steps[data-v-2c65a6d9] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.flow-step[data-v-2c65a6d9] {
  flex: 1;
  text-align: center;
}
.flow-step .flow-icon-wrap[data-v-2c65a6d9] {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 8px;
}
.flow-step .flow-label[data-v-2c65a6d9] {
  font-size: 13px;
  font-weight: 600;
  color: #374151;
}
.flow-arrow[data-v-2c65a6d9] {
  color: #D1D5DB;
  flex-shrink: 0;
}
.dashboard-preview[data-v-2c65a6d9] {
  background: #fff;
  border: 1px solid #E5E7EB;
  border-radius: 12px;
  padding: 32px;
}
.dashboard-preview .preview-title[data-v-2c65a6d9] {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 20px;
  color: #1F2937;
}
.preview-grid[data-v-2c65a6d9] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 16px;
}
.preview-card[data-v-2c65a6d9] {
  background: #F9FAFB;
  border-radius: 8px;
  padding: 20px;
  height: 180px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.preview-card .preview-header[data-v-2c65a6d9] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.preview-card .preview-label[data-v-2c65a6d9] {
  font-size: 12px;
  color: #6B7280;
}
.preview-card .preview-tag[data-v-2c65a6d9] {
  font-size: 11px;
  padding: 2px 8px;
  border-radius: 4px;
  font-weight: 600;
}
.preview-card .preview-tag.tag-green[data-v-2c65a6d9] {
  background: #ECFDF5;
  color: #00B96B;
}
.preview-card .preview-tag.tag-brand[data-v-2c65a6d9] {
  background: #EBF5FF;
  color: #0066FF;
}
.preview-card .preview-tag.tag-amber[data-v-2c65a6d9] {
  background: #FFFBEB;
  color: #FF9500;
}
.preview-card .preview-bars[data-v-2c65a6d9] {
  display: flex;
  align-items: end;
  gap: 4px;
  height: 100px;
  padding: 8px 0;
}
.preview-card .preview-bars .bar[data-v-2c65a6d9] {
  flex: 1;
  background: #0066FF;
  border-radius: 4px 4px 0 0;
  min-height: 8px;
}
.preview-card .preview-radar[data-v-2c65a6d9] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100px;
}
.preview-card .preview-funnel[data-v-2c65a6d9] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  height: 100px;
  justify-content: center;
}
.preview-card .preview-funnel .funnel-bar[data-v-2c65a6d9] {
  height: 16px;
  background: #0066FF;
  border-radius: 3px;
}
.bigscreen-preview[data-v-2c65a6d9] {
  background: #111827;
  border-radius: 12px;
  padding: 32px;
  position: relative;
  overflow: hidden;
}
.bigscreen-preview .bigscreen-title[data-v-2c65a6d9] {
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  margin-bottom: 20px;
}
.bigscreen-grid[data-v-2c65a6d9] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 16px;
}
.bigscreen-stat[data-v-2c65a6d9] {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  padding: 16px;
}
.bigscreen-stat .stat-label-light[data-v-2c65a6d9] {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.5);
  margin-bottom: 8px;
}
.bigscreen-stat .stat-value-cyan[data-v-2c65a6d9] {
  font-size: 28px;
  font-weight: 800;
  color: #00D4FF;
}
.bigscreen-stat .stat-value-green[data-v-2c65a6d9] {
  font-size: 28px;
  font-weight: 800;
  color: #00FFAA;
}
.bigscreen-stat .mini-bars[data-v-2c65a6d9] {
  display: flex;
  align-items: end;
  gap: 2px;
  height: 40px;
  margin-top: 8px;
}
.bigscreen-stat .mini-bars .mini-bar[data-v-2c65a6d9] {
  flex: 1;
  border-radius: 2px;
}
.bigscreen-stat .mini-bars .mini-bar.cyan[data-v-2c65a6d9] {
  background: #00D4FF;
}
.bigscreen-stat .mini-bars .mini-bar.green[data-v-2c65a6d9] {
  background: #00FFAA;
}
.bigscreen-stat .stat-sub-row[data-v-2c65a6d9] {
  display: flex;
  justify-content: space-between;
  margin-top: 12px;
}
.bigscreen-stat .stat-sub-item[data-v-2c65a6d9] {
  text-align: center;
}
.bigscreen-stat .stat-sub-item .sub-label[data-v-2c65a6d9] {
  font-size: 10px;
  color: rgba(255, 255, 255, 0.4);
}
.bigscreen-stat .stat-sub-item .sub-val[data-v-2c65a6d9] {
  font-size: 14px;
  font-weight: 600;
}
.bigscreen-stat .stat-sub-item .sub-val.green[data-v-2c65a6d9] {
  color: #00FFAA;
}
.bigscreen-stat .stat-sub-item .sub-val.amber[data-v-2c65a6d9] {
  color: #FF9500;
}
.bigscreen-stat .stat-sub-item .sub-val.purple[data-v-2c65a6d9] {
  color: #7C3AED;
}
.bigscreen-stat .distribution-bars[data-v-2c65a6d9] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-top: 8px;
}
.bigscreen-stat .dist-row[data-v-2c65a6d9] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.bigscreen-stat .dist-row .dist-label[data-v-2c65a6d9] {
  width: 60px;
  font-size: 11px;
  color: rgba(255, 255, 255, 0.6);
}
.bigscreen-stat .dist-row .dist-bar-bg[data-v-2c65a6d9] {
  flex: 1;
  height: 8px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 4px;
}
.bigscreen-stat .dist-row .dist-bar-bg .dist-bar-fill[data-v-2c65a6d9] {
  height: 100%;
  border-radius: 4px;
}
.bigscreen-stat .dist-row .dist-bar-bg .dist-bar-fill.cyan[data-v-2c65a6d9] {
  background: #00D4FF;
}
.bigscreen-stat .dist-row .dist-bar-bg .dist-bar-fill.green[data-v-2c65a6d9] {
  background: #00FFAA;
}
.bigscreen-stat .dist-row .dist-bar-bg .dist-bar-fill.amber[data-v-2c65a6d9] {
  background: #FF9500;
}
.bigscreen-stat .dist-row .dist-val[data-v-2c65a6d9] {
  font-size: 11px;
  font-weight: 600;
}
.bigscreen-stat .dist-row .dist-val.cyan[data-v-2c65a6d9] {
  color: #00D4FF;
}
.bigscreen-stat .dist-row .dist-val.green[data-v-2c65a6d9] {
  color: #00FFAA;
}
.bigscreen-stat .dist-row .dist-val.amber[data-v-2c65a6d9] {
  color: #FF9500;
}
.cta-section[data-v-2c65a6d9] {
  padding: 80px 24px;
}
.cta-card[data-v-2c65a6d9] {
  background: #F9FAFB;
  border-radius: 12px;
  padding: 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
}
.cta-card .cta-content .cta-title[data-v-2c65a6d9] {
  font-size: 20px;
  font-weight: 700;
  color: #1F2937;
}
.cta-card .cta-content .cta-desc[data-v-2c65a6d9] {
  font-size: 14px;
  color: #6B7280;
  margin-top: 4px;
}
.cta-card .cta-actions[data-v-2c65a6d9] {
  display: flex;
  gap: 12px;
}
.cta-card .btn-outline-cta[data-v-2c65a6d9] {
  padding: 12px 24px;
  background: #fff;
  color: #4B5563;
  border: 1px solid #E5E7EB;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
}
.cta-card .btn-outline-cta[data-v-2c65a6d9]:hover {
  border-color: #7C3AED;
  color: #7C3AED;
}
.cta-card .btn-primary-cta[data-v-2c65a6d9] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 24px;
  background: #7C3AED;
  color: #fff;
  border: none;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s;
}
.cta-card .btn-primary-cta[data-v-2c65a6d9]:hover {
  background: #6D28D9;
}
@media (max-width: 1024px) {
.feature-grid[data-v-2c65a6d9] {
    grid-template-columns: repeat(2, 1fr);
}
.connector-grid[data-v-2c65a6d9] {
    grid-template-columns: repeat(4, 1fr);
}
.preview-grid[data-v-2c65a6d9] {
    grid-template-columns: 1fr 1fr;
}
.bigscreen-grid[data-v-2c65a6d9] {
    grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 768px) {
.feature-grid[data-v-2c65a6d9] {
    grid-template-columns: 1fr;
}
.connector-grid[data-v-2c65a6d9] {
    grid-template-columns: repeat(3, 1fr);
}
.preview-grid[data-v-2c65a6d9] {
    grid-template-columns: 1fr;
}
.bigscreen-grid[data-v-2c65a6d9] {
    grid-template-columns: 1fr;
}
.hero-banner[data-v-2c65a6d9] {
    height: 240px;
}
.hero-banner .hero-title[data-v-2c65a6d9] {
    font-size: 28px;
}
.hero-banner .hero-svg[data-v-2c65a6d9] {
    width: 300px;
    height: 120px;
}
.tab-bar[data-v-2c65a6d9] {
    flex-wrap: wrap;
}
.flow-steps[data-v-2c65a6d9] {
    flex-wrap: wrap;
    justify-content: center;
}
.flow-steps .flow-arrow[data-v-2c65a6d9] {
    display: none;
}
.cta-card[data-v-2c65a6d9] {
    flex-direction: column;
    align-items: flex-start;
}
}.content-wrap[data-v-b0db14aa] {
  padding: 64px 24px 80px;
  max-width: 800px;
  margin: 0 auto;
}
.back-btn[data-v-b0db14aa] {
  background: none;
  border: none;
  cursor: pointer;
  color: #0066ff;
  font-size: 14px;
  margin-bottom: 24px;
}
.back-btn[data-v-b0db14aa]:hover {
  opacity: 0.7;
}
.event-image[data-v-b0db14aa] {
  width: 100%;
  height: 320px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 16px;
  margin-bottom: 24px;
  display: block;
}
.event-tags[data-v-b0db14aa] {
  display: flex;
  gap: 12px;
  margin-bottom: 16px;
}
.event-status[data-v-b0db14aa] {
  font-size: 12px;
  padding: 3px 10px;
  border-radius: 4px;
  font-weight: 600;
}
.event-type[data-v-b0db14aa] {
  font-size: 12px;
  padding: 3px 10px;
  border-radius: 4px;
  font-weight: 500;
  background: #f3f4f6;
  color: #4b5563;
}
.event-title[data-v-b0db14aa] {
  font-size: 32px;
  font-weight: 800;
  margin-bottom: 12px;
  color: #111827;
}
.event-meta[data-v-b0db14aa] {
  display: flex;
  gap: 24px;
  margin-bottom: 24px;
  font-size: 14px;
  color: #6b7280;
}
.event-meta span[data-v-b0db14aa] {
  display: flex;
  align-items: center;
  gap: 4px;
}
.event-desc[data-v-b0db14aa] {
  font-size: 16px;
  line-height: 1.8;
  color: #4b5563;
  margin-bottom: 32px;
}
.form-card[data-v-b0db14aa] {
  background: #f9fafb;
  border-radius: 16px;
  padding: 32px;
  border: 1px solid #e5e7eb;
}
.form-title[data-v-b0db14aa] {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 20px;
}
.form-grid-2[data-v-b0db14aa] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-bottom: 16px;
}
.form-group[data-v-b0db14aa] {
  margin-bottom: 16px;
}
.form-label[data-v-b0db14aa] {
  display: block;
  font-size: 13px;
  color: #6b7280;
  margin-bottom: 6px;
}
.form-input[data-v-b0db14aa] {
  width: 100%;
  padding: 12px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  font-size: 14px;
  outline: none;
  box-sizing: border-box;
}
.form-input[data-v-b0db14aa]:focus {
  border-color: #0066ff;
}
.form-input[data-v-b0db14aa]::-moz-placeholder {
  color: #9ca3af;
}
.form-input[data-v-b0db14aa]::placeholder {
  color: #9ca3af;
}
.form-textarea[data-v-b0db14aa] {
  width: 100%;
  padding: 12px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  font-size: 14px;
  outline: none;
  resize: vertical;
  min-height: 80px;
  box-sizing: border-box;
  font-family: inherit;
}
.form-textarea[data-v-b0db14aa]:focus {
  border-color: #0066ff;
}
.form-textarea[data-v-b0db14aa]::-moz-placeholder {
  color: #9ca3af;
}
.form-textarea[data-v-b0db14aa]::placeholder {
  color: #9ca3af;
}
.submit-btn[data-v-b0db14aa] {
  height: 48px;
  padding: 0 40px;
  background: #0066ff;
  color: #fff;
  border: none;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
}
.submit-btn[data-v-b0db14aa]:hover {
  background: #0044cc;
}
.fallback-wrap[data-v-b0db14aa] {
  text-align: center;
  min-height: calc(100vh - 64px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.fallback-title[data-v-b0db14aa] {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 12px;
}
.fallback-desc[data-v-b0db14aa] {
  color: #6b7280;
  margin-bottom: 24px;
}
.fallback-btn[data-v-b0db14aa] {
  background: none;
  border: 1px solid #0066ff;
  color: #0066ff;
  padding: 12px 24px;
  border-radius: 8px;
  cursor: pointer;
  font-size: 14px;
}
.fallback-btn[data-v-b0db14aa]:hover {
  background: #0066ff;
  color: #fff;
}
@media (max-width: 768px) {
.form-grid-2[data-v-b0db14aa] {
    grid-template-columns: 1fr;
}
.event-title[data-v-b0db14aa] {
    font-size: 24px;
}
}.events-page .hero-banner[data-v-68e9bfee] {
  height: 240px;
  background: linear-gradient(135deg, #001B5E, #0066FF);
  display: flex;
  align-items: center;
  padding: 0 24px;
}
.events-page .hero-content[data-v-68e9bfee] {
  max-width: 1280px;
  margin: 0 auto;
  width: 100%;
}
.events-page .hero-label[data-v-68e9bfee] {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.6);
  letter-spacing: 4px;
  margin: 0 0 8px;
}
.events-page .hero-title[data-v-68e9bfee] {
  font-size: 36px;
  font-weight: 900;
  color: #fff;
  margin: 0 0 8px;
}
.events-page .hero-subtitle[data-v-68e9bfee] {
  font-size: 15px;
  color: rgba(255, 255, 255, 0.7);
  margin: 0;
}
.events-page .page-container[data-v-68e9bfee] {
  max-width: 1280px;
  margin: 0 auto;
  padding: 40px 24px;
}
.events-page .events-grid[data-v-68e9bfee] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media (max-width: 1024px) {
.events-page .events-grid[data-v-68e9bfee] {
    grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
.events-page .events-grid[data-v-68e9bfee] {
    grid-template-columns: 1fr;
}
}
.events-page .event-card[data-v-68e9bfee] {
  background: #fff;
  border: 1px solid #E5E7EB;
  border-radius: 12px;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.3s ease;
}
.events-page .event-card[data-v-68e9bfee]:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
}
.events-page .event-card-header[data-v-68e9bfee] {
  height: 160px;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.events-page .event-tags[data-v-68e9bfee] {
  position: absolute;
  top: 12px;
  left: 12px;
  display: flex;
  gap: 8px;
}
.events-page .event-status-tag[data-v-68e9bfee] {
  font-size: 12px;
  color: #fff;
  padding: 3px 10px;
  border-radius: 4px;
  font-weight: 600;
}
.events-page .event-type-tag[data-v-68e9bfee] {
  font-size: 12px;
  color: #fff;
  padding: 3px 10px;
  border-radius: 4px;
  font-weight: 600;
  background: rgba(0, 0, 0, 0.5);
}
.events-page .event-card-body[data-v-68e9bfee] {
  padding: 20px;
}
.events-page .event-title[data-v-68e9bfee] {
  font-size: 15px;
  font-weight: 600;
  margin: 0 0 8px;
  color: #111827;
  line-height: 1.4;
}
.events-page .event-desc[data-v-68e9bfee] {
  font-size: 13px;
  color: #6B7280;
  margin: 0 0 12px;
  line-height: 1.6;
}
.events-page .event-meta[data-v-68e9bfee] {
  display: flex;
  gap: 16px;
  font-size: 12px;
  color: #9CA3AF;
}.free-trial-page[data-v-a6e55583] {
  padding-top: 64px;
}
.free-trial-page .hero-banner[data-v-a6e55583] {
  height: 300px;
  background: linear-gradient(135deg, #0066FF, #00B96B);
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.free-trial-page .floating-shape[data-v-a6e55583] {
  position: absolute;
  opacity: 0.08;
}
.free-trial-page .floating-shape.shape-1[data-v-a6e55583] {
  top: 10%;
  left: 10%;
  width: 80px;
  height: 80px;
  background: #fff;
  border-radius: 24px;
  transform: rotate(15deg);
  animation: float1-a6e55583 6s ease-in-out infinite;
}
.free-trial-page .floating-shape.shape-2[data-v-a6e55583] {
  bottom: 20%;
  right: 15%;
  width: 120px;
  height: 120px;
  background: #fff;
  border-radius: 50%;
  animation: float2-a6e55583 8s ease-in-out infinite;
}
@keyframes float1-a6e55583 {
0%, 100% {
    transform: rotate(15deg) translateY(0);
}
50% {
    transform: rotate(15deg) translateY(-12px);
}
}
@keyframes float2-a6e55583 {
0%, 100% {
    transform: translateY(0);
}
50% {
    transform: translateY(-16px);
}
}
.free-trial-page .hero-content[data-v-a6e55583] {
  position: relative;
  z-index: 2;
  color: #fff;
  max-width: 600px;
  padding: 0 24px;
}
.free-trial-page .hero-badge[data-v-a6e55583] {
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
  font-size: 13px;
  padding: 6px 16px;
  border-radius: 20px;
  display: inline-block;
  margin-bottom: 16px;
}
.free-trial-page .hero-title[data-v-a6e55583] {
  font-size: 42px;
  font-weight: 900;
  margin: 0 0 12px;
}
.free-trial-page .hero-subtitle[data-v-a6e55583] {
  font-size: 17px;
  opacity: 0.85;
  margin: 0 0 28px;
}
.free-trial-page .hero-cta[data-v-a6e55583] {
  background: #fff;
  color: #0066FF;
  height: 48px;
  padding: 0 32px;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 700;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
}
.free-trial-page .hero-cta[data-v-a6e55583]:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
}
.free-trial-page .page-container[data-v-a6e55583] {
  max-width: 1280px;
  margin: 0 auto;
  padding: 48px 24px;
}
.free-trial-page .product-grid[data-v-a6e55583] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-bottom: 48px;
}
@media (max-width: 1024px) {
.free-trial-page .product-grid[data-v-a6e55583] {
    grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
.free-trial-page .product-grid[data-v-a6e55583] {
    grid-template-columns: 1fr;
}
}
.free-trial-page .product-card[data-v-a6e55583] {
  border: 1px solid #E5E7EB;
  border-radius: 12px;
  padding: 20px;
  cursor: pointer;
  position: relative;
  background: #fff;
  transition: all 0.3s ease;
}
.free-trial-page .product-card[data-v-a6e55583]:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}
.free-trial-page .product-card.selected[data-v-a6e55583] {
  border-color: #0066FF;
  box-shadow: 0 0 0 2px rgba(0, 102, 255, 0.15);
}
.free-trial-page .product-checkbox[data-v-a6e55583] {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 18px;
  height: 18px;
  cursor: pointer;
  accent-color: #0066FF;
  pointer-events: none;
}
.free-trial-page .product-icon-wrapper[data-v-a6e55583] {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
}
.free-trial-page .product-name[data-v-a6e55583] {
  font-size: 15px;
  font-weight: 600;
  margin: 0 0 4px;
  color: #111827;
}
.free-trial-page .product-desc[data-v-a6e55583] {
  font-size: 13px;
  color: #6B7280;
  margin: 0;
}
.free-trial-page .product-trial-tag[data-v-a6e55583] {
  font-size: 12px;
  color: #00B96B;
  font-weight: 600;
  margin-top: 8px;
  display: inline-block;
}
.free-trial-page .trial-process-section[data-v-a6e55583] {
  text-align: center;
}
.free-trial-page .process-title[data-v-a6e55583] {
  font-size: 24px;
  font-weight: 700;
  margin: 0 0 24px;
  color: #111827;
}
.free-trial-page .process-steps[data-v-a6e55583] {
  display: flex;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
  align-items: flex-start;
}
.free-trial-page .process-step-item[data-v-a6e55583] {
  text-align: center;
  min-width: 80px;
}
.free-trial-page .step-circle[data-v-a6e55583] {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  font-weight: 800;
  margin: 0 auto 12px;
}
.free-trial-page .step-label[data-v-a6e55583] {
  font-weight: 600;
  font-size: 14px;
  margin: 0 0 4px;
  color: #111827;
}
.free-trial-page .step-sublabel[data-v-a6e55583] {
  font-size: 12px;
  color: #6B7280;
  margin: 0;
}
.free-trial-page .step-arrow[data-v-a6e55583] {
  color: #D1D5DB;
  font-size: 28px;
  padding-top: 12px;
}
@media (max-width: 768px) {
.free-trial-page .step-arrow[data-v-a6e55583] {
    display: none;
}
}
.free-trial-page .submit-section[data-v-a6e55583] {
  text-align: center;
  margin-top: 48px;
}
.free-trial-page .submit-btn[data-v-a6e55583] {
  height: 48px;
  padding: 0 40px;
  background: #0066FF;
  color: #fff;
  border: none;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s ease;
}
.free-trial-page .submit-btn[data-v-a6e55583]:hover:not(:disabled) {
  background: #0044CC;
  transform: translateY(-2px);
  box-shadow: 0 4px 16px rgba(0, 102, 255, 0.3);
}
.free-trial-page .submit-btn[data-v-a6e55583]:disabled {
  background: #D1D5DB;
  cursor: not-allowed;
}.help-center-page .hero-banner[data-v-2cc2f7bc] {
  height: 280px;
  background: linear-gradient(135deg, #001b5e, #0066ff);
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.help-center-page .hero-content[data-v-2cc2f7bc] {
  position: relative;
  z-index: 2;
  color: #fff;
  max-width: 720px;
  padding: 0 24px;
}
.help-center-page .hero-label[data-v-2cc2f7bc] {
  font-size: 14px;
  opacity: 0.7;
  letter-spacing: 4px;
  margin-bottom: 12px;
}
.help-center-page .hero-title[data-v-2cc2f7bc] {
  font-size: 40px;
  font-weight: 900;
  margin: 0 0 24px;
}
.help-center-page .search-box[data-v-2cc2f7bc] {
  display: flex;
  gap: 0;
  max-width: 560px;
  margin: 0 auto;
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
}
.help-center-page .search-input[data-v-2cc2f7bc] {
  flex: 1;
  height: 48px;
  padding: 0 20px;
  border: none;
  font-size: 15px;
  outline: none;
}
.help-center-page .search-btn[data-v-2cc2f7bc] {
  width: 56px;
  background: #0066ff;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.3s ease;
}
.help-center-page .search-btn[data-v-2cc2f7bc]:hover {
  background: #0044cc;
}
.help-center-page .page-container[data-v-2cc2f7bc] {
  max-width: 1280px;
  margin: 0 auto;
  padding: 48px 24px;
}
.help-center-page .category-grid[data-v-2cc2f7bc] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin-bottom: 48px;
}
@media (max-width: 1024px) {
.help-center-page .category-grid[data-v-2cc2f7bc] {
    grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
.help-center-page .category-grid[data-v-2cc2f7bc] {
    grid-template-columns: 1fr;
}
}
.help-center-page .category-card[data-v-2cc2f7bc] {
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  padding: 28px 20px;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s ease;
}
.help-center-page .category-card[data-v-2cc2f7bc]:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
}
.help-center-page .category-card.active[data-v-2cc2f7bc] {
  border-color: #0066ff;
  box-shadow: 0 4px 16px rgba(0, 102, 255, 0.15);
}
.help-center-page .cat-icon-wrapper[data-v-2cc2f7bc] {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 16px;
}
.help-center-page .cat-name[data-v-2cc2f7bc] {
  font-size: 16px;
  font-weight: 700;
  margin: 0 0 6px;
  color: #111827;
}
.help-center-page .cat-desc[data-v-2cc2f7bc] {
  font-size: 13px;
  color: #6b7280;
  margin: 0;
}
.help-center-page .tab-content-wrapper[data-v-2cc2f7bc] {
  max-width: 900px;
  margin: 0 auto;
}
.help-center-page .tab-content[data-v-2cc2f7bc] {
  animation: fadeIn-2cc2f7bc 0.3s ease;
}
@keyframes fadeIn-2cc2f7bc {
from {
    opacity: 0;
    transform: translateY(8px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
.help-center-page .tab-section-title[data-v-2cc2f7bc] {
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 20px;
  color: #111827;
}
.help-center-page .quickstart-card[data-v-2cc2f7bc] {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 32px;
}
.help-center-page .quickstart-step[data-v-2cc2f7bc] {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  margin-bottom: 24px;
}
.help-center-page .quickstart-step[data-v-2cc2f7bc]:last-child {
  margin-bottom: 0;
}
.help-center-page .step-number[data-v-2cc2f7bc] {
  width: 36px;
  height: 36px;
  background: #0066ff;
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  flex-shrink: 0;
}
.help-center-page .step-title[data-v-2cc2f7bc] {
  font-weight: 600;
  margin: 0 0 4px;
  color: #111827;
}
.help-center-page .step-desc[data-v-2cc2f7bc] {
  font-size: 14px;
  color: #6b7280;
  margin: 0;
}
.help-center-page .faq-list[data-v-2cc2f7bc] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.help-center-page .faq-item[data-v-2cc2f7bc] {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  overflow: hidden;
}
.help-center-page .faq-header[data-v-2cc2f7bc] {
  padding: 20px 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  transition: background 0.2s ease;
}
.help-center-page .faq-header[data-v-2cc2f7bc]:hover {
  background: #f9fafb;
}
.help-center-page .faq-question[data-v-2cc2f7bc] {
  font-weight: 600;
  font-size: 15px;
  margin: 0;
  color: #111827;
}
.help-center-page .faq-chevron[data-v-2cc2f7bc] {
  flex-shrink: 0;
  transition: transform 0.3s ease;
  color: #9ca3af;
}
.help-center-page .faq-chevron.rotated[data-v-2cc2f7bc] {
  transform: rotate(180deg);
}
.help-center-page .faq-answer[data-v-2cc2f7bc] {
  padding: 0 24px 20px;
}
.help-center-page .faq-answer p[data-v-2cc2f7bc] {
  font-size: 14px;
  color: #6b7280;
  margin: 0;
  line-height: 1.7;
}
.help-center-page .video-grid[data-v-2cc2f7bc] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}
@media (max-width: 768px) {
.help-center-page .video-grid[data-v-2cc2f7bc] {
    grid-template-columns: 1fr;
}
}
.help-center-page .video-card[data-v-2cc2f7bc] {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.3s ease;
}
.help-center-page .video-card[data-v-2cc2f7bc]:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
}
.help-center-page .video-thumb[data-v-2cc2f7bc] {
  height: 180px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.help-center-page .play-btn[data-v-2cc2f7bc] {
  width: 60px;
  height: 60px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease;
}
.video-card:hover .help-center-page .play-btn[data-v-2cc2f7bc] {
  transform: scale(1.1);
}
.help-center-page .video-duration[data-v-2cc2f7bc] {
  position: absolute;
  bottom: 12px;
  right: 16px;
  color: #fff;
  font-size: 12px;
  background: rgba(0, 0, 0, 0.4);
  padding: 2px 8px;
  border-radius: 4px;
}
.help-center-page .video-info[data-v-2cc2f7bc] {
  padding: 16px;
}
.help-center-page .video-title[data-v-2cc2f7bc] {
  font-weight: 600;
  margin: 0 0 4px;
  color: #111827;
}
.help-center-page .video-desc[data-v-2cc2f7bc] {
  font-size: 13px;
  color: #6b7280;
  margin: 0;
}
.help-center-page .api-item[data-v-2cc2f7bc] {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 24px;
  margin-bottom: 16px;
}
.help-center-page .api-item[data-v-2cc2f7bc]:last-of-type {
  margin-bottom: 0;
}
@media (max-width: 768px) {
.help-center-page .api-item[data-v-2cc2f7bc] {
    padding: 16px;
}
}
.help-center-page .api-header[data-v-2cc2f7bc] {
  display: flex;
  gap: 12px;
  align-items: center;
  margin-bottom: 12px;
  flex-wrap: wrap;
}
.help-center-page .api-method[data-v-2cc2f7bc] {
  font-size: 12px;
  font-weight: 700;
  padding: 3px 8px;
  border-radius: 4px;
  text-transform: uppercase;
  flex-shrink: 0;
}
.help-center-page .api-method.method-get[data-v-2cc2f7bc] {
  background: #ecfdf5;
  color: #00b96b;
}
.help-center-page .api-method.method-post[data-v-2cc2f7bc] {
  background: #ebf5ff;
  color: #0066ff;
}
.help-center-page .api-method.method-delete[data-v-2cc2f7bc] {
  background: #f3e8ff;
  color: #7c3aed;
}
.help-center-page .api-endpoint[data-v-2cc2f7bc] {
  font-size: 15px;
  font-weight: 600;
  color: #111827;
  word-break: break-all;
}
.help-center-page .api-desc[data-v-2cc2f7bc] {
  font-size: 14px;
  color: #6b7280;
  margin: 0 0 12px;
}
.help-center-page .api-code-block[data-v-2cc2f7bc] {
  background: #1f2937;
  color: #00b96b;
  padding: 16px;
  border-radius: 8px;
  font-family: "Fira Code", "Consolas", monospace;
  font-size: 13px;
  overflow-x: auto;
}
.help-center-page .api-code-block pre[data-v-2cc2f7bc] {
  margin: 0;
  white-space: pre-wrap;
  word-break: break-all;
}
.help-center-page .api-cta[data-v-2cc2f7bc] {
  margin-top: 32px;
  padding: 24px;
  background: #fffbeb;
  border-radius: 12px;
  text-align: center;
}
.help-center-page .api-cta-title[data-v-2cc2f7bc] {
  font-size: 14px;
  font-weight: 600;
  margin: 8px 0 4px;
  color: #111827;
}
.help-center-page .api-cta-sub[data-v-2cc2f7bc] {
  font-size: 13px;
  color: #6b7280;
  margin: 0 0 12px;
}
.help-center-page .api-cta-btn[data-v-2cc2f7bc] {
  background: #0066ff;
  color: #fff;
  height: 40px;
  padding: 0 24px;
  border: none;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.3s ease;
}
.help-center-page .api-cta-btn[data-v-2cc2f7bc]:hover {
  background: #0044cc;
}
.help-center-page .doc-categories-section[data-v-2cc2f7bc] {
  max-width: 900px;
  margin: 64px auto 0;
}
.help-center-page .section-title[data-v-2cc2f7bc] {
  font-size: 24px;
  font-weight: 700;
  margin: 0 0 24px;
  text-align: center;
  color: #111827;
}
.help-center-page .doc-cat-grid[data-v-2cc2f7bc] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
@media (max-width: 768px) {
.help-center-page .doc-cat-grid[data-v-2cc2f7bc] {
    grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 480px) {
.help-center-page .doc-cat-grid[data-v-2cc2f7bc] {
    grid-template-columns: 1fr;
}
}
.help-center-page .doc-cat-card[data-v-2cc2f7bc] {
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 20px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 12px;
  transition: all 0.3s ease;
}
.help-center-page .doc-cat-card[data-v-2cc2f7bc]:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  border-color: #0066ff;
}
.help-center-page .doc-icon-wrapper[data-v-2cc2f7bc] {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.help-center-page .doc-name[data-v-2cc2f7bc] {
  font-weight: 600;
  font-size: 14px;
  margin: 0 0 2px;
  color: #111827;
}
.help-center-page .doc-count[data-v-2cc2f7bc] {
  font-size: 12px;
  color: #9ca3af;
  margin: 0;
}
.help-center-page .help-cta-section[data-v-2cc2f7bc] {
  max-width: 900px;
  margin: 64px auto 0;
  background: linear-gradient(135deg, #0066ff, #0044cc);
  border-radius: 20px;
  padding: 48px;
  text-align: center;
  color: #fff;
}
.help-center-page .cta-title[data-v-2cc2f7bc] {
  font-size: 28px;
  font-weight: 700;
  margin: 0 0 12px;
}
.help-center-page .cta-subtitle[data-v-2cc2f7bc] {
  font-size: 16px;
  opacity: 0.8;
  margin: 0 0 28px;
}
.help-center-page .cta-actions[data-v-2cc2f7bc] {
  display: flex;
  gap: 16px;
  justify-content: center;
  flex-wrap: wrap;
}
.help-center-page .cta-btn-primary[data-v-2cc2f7bc] {
  background: #fff;
  color: #0066ff;
  height: 48px;
  padding: 0 32px;
  border-radius: 10px;
  font-size: 15px;
  font-weight: 700;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
  transition: all 0.3s ease;
}
.help-center-page .cta-btn-primary[data-v-2cc2f7bc]:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.help-center-page .cta-btn-outline[data-v-2cc2f7bc] {
  background: rgba(255, 255, 255, 0.15);
  color: #fff;
  height: 48px;
  padding: 0 32px;
  border-radius: 10px;
  font-size: 15px;
  font-weight: 700;
  border: 2px solid rgba(255, 255, 255, 0.3);
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
  transition: all 0.3s ease;
}
.help-center-page .cta-btn-outline[data-v-2cc2f7bc]:hover {
  background: rgba(255, 255, 255, 0.25);
}
.help-center-page .cta-contact[data-v-2cc2f7bc] {
  display: flex;
  justify-content: center;
  gap: 48px;
  margin-top: 32px;
}
@media (max-width: 480px) {
.help-center-page .cta-contact[data-v-2cc2f7bc] {
    flex-direction: column;
    gap: 24px;
}
}
.help-center-page .contact-item[data-v-2cc2f7bc] {
  text-align: center;
}
.help-center-page .contact-value[data-v-2cc2f7bc] {
  font-size: 18px;
  font-weight: 700;
  margin: 6px 0 4px;
}
.help-center-page .contact-label[data-v-2cc2f7bc] {
  font-size: 12px;
  opacity: 0.6;
  margin: 0;
}.icp-page .hero-banner[data-v-6dfda0af] {
  height: 200px;
  background: linear-gradient(135deg, #001b5e, #0044cc);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #fff;
}
.icp-page .hero-content[data-v-6dfda0af] {
  padding: 0 24px;
}
.icp-page .hero-label[data-v-6dfda0af] {
  font-size: 14px;
  opacity: 0.6;
  letter-spacing: 4px;
  margin: 0 0 8px;
}
.icp-page .hero-title[data-v-6dfda0af] {
  font-size: 36px;
  font-weight: 900;
  margin: 0 0 8px;
}
.icp-page .hero-subtitle[data-v-6dfda0af] {
  font-size: 15px;
  opacity: 0.7;
  margin: 0;
}
.icp-page .page-container[data-v-6dfda0af] {
  max-width: 1280px;
  margin: 0 auto;
  padding: 40px 24px;
}
.icp-page .two-column-layout[data-v-6dfda0af] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
}
@media (max-width: 768px) {
.icp-page .two-column-layout[data-v-6dfda0af] {
    grid-template-columns: 1fr;
}
}
.icp-page .section-title[data-v-6dfda0af] {
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 20px;
  color: #111827;
}
.icp-page .process-timeline[data-v-6dfda0af] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.icp-page .process-step[data-v-6dfda0af] {
  display: flex;
  gap: 20px;
}
.icp-page .step-indicator[data-v-6dfda0af] {
  position: relative;
}
.icp-page .step-circle[data-v-6dfda0af] {
  width: 40px;
  height: 40px;
  background: #0066ff;
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  flex-shrink: 0;
  z-index: 2;
  position: relative;
}
.icp-page .step-circle.completed[data-v-6dfda0af] {
  background: #00b96b;
}
.icp-page .step-line[data-v-6dfda0af] {
  position: absolute;
  top: 40px;
  left: 19px;
  width: 2px;
  height: calc(100% + 16px);
  background: #ebf5ff;
}
.icp-page .step-info[data-v-6dfda0af] {
  padding-top: 8px;
}
.icp-page .step-title[data-v-6dfda0af] {
  font-weight: 600;
  margin: 0 0 4px;
  color: #111827;
}
.icp-page .step-desc[data-v-6dfda0af] {
  font-size: 14px;
  color: #6b7280;
  margin: 0;
}
.icp-page .filing-form-section[data-v-6dfda0af] {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 24px;
}
.icp-page .form-title[data-v-6dfda0af] {
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 8px;
  color: #111827;
}
.icp-page .form-subtitle[data-v-6dfda0af] {
  font-size: 14px;
  color: #6b7280;
  margin: 0 0 20px;
}
.icp-page .filing-form[data-v-6dfda0af] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.icp-page .form-input[data-v-6dfda0af] {
  width: 100%;
  height: 44px;
  padding: 0 14px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  font-size: 14px;
  outline: none;
  transition: border-color 0.3s ease;
  box-sizing: border-box;
}
.icp-page .form-input[data-v-6dfda0af]:focus {
  border-color: #0066ff;
}
.icp-page .form-input[data-v-6dfda0af]::-moz-placeholder {
  color: #9ca3af;
}
.icp-page .form-input[data-v-6dfda0af]::placeholder {
  color: #9ca3af;
}
.icp-page .submit-btn[data-v-6dfda0af] {
  width: 100%;
  height: 44px;
  background: #0066ff;
  color: #fff;
  border: none;
  border-radius: 10px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}
.icp-page .submit-btn[data-v-6dfda0af]:hover {
  background: #0044cc;
}.content-wrap[data-v-3e85f493] {
  padding: 64px 24px;
  max-width: 800px;
  margin: 0 auto;
}
.back-btn[data-v-3e85f493] {
  background: none;
  border: none;
  cursor: pointer;
  color: #0066ff;
  font-size: 14px;
  margin-bottom: 24px;
  transition: opacity 0.3s ease;
}
.back-btn[data-v-3e85f493]:hover {
  opacity: 0.7;
}
.category-tag[data-v-3e85f493] {
  display: inline-block;
  padding: 3px 10px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
  background: #F3F4F6;
  color: #4B5563;
  margin-bottom: 16px;
}
.news-title[data-v-3e85f493] {
  font-size: 32px;
  font-weight: 800;
  margin-bottom: 12px;
  color: #111827;
  line-height: 1.3;
}
.news-date[data-v-3e85f493] {
  font-size: 14px;
  color: #9CA3AF;
  margin-bottom: 24px;
}
.news-body[data-v-3e85f493] {
  font-size: 16px;
  line-height: 2;
  color: #4B5563;
}
.fallback-wrap[data-v-3e85f493] {
  text-align: center;
  min-height: calc(100vh - 64px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.fallback-title[data-v-3e85f493] {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 12px;
}
.fallback-desc[data-v-3e85f493] {
  color: #6B7280;
  margin-bottom: 24px;
}
.fallback-btn[data-v-3e85f493] {
  background: none;
  border: 1px solid #0066ff;
  color: #0066ff;
  padding: 12px 24px;
  border-radius: 8px;
  cursor: pointer;
  font-size: 14px;
  transition: all 0.3s ease;
}
.fallback-btn[data-v-3e85f493]:hover {
  background: #0066ff;
  color: #fff;
}.news-page .hero-banner[data-v-923a7266] {
  height: 240px;
  background: linear-gradient(135deg, #111827, #374151);
  display: flex;
  align-items: center;
  padding: 0 24px;
}
.news-page .hero-content[data-v-923a7266] {
  max-width: 1280px;
  margin: 0 auto;
  width: 100%;
}
.news-page .hero-label[data-v-923a7266] {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
  letter-spacing: 4px;
  margin: 0 0 8px;
}
.news-page .hero-title[data-v-923a7266] {
  font-size: 36px;
  font-weight: 900;
  color: #fff;
  margin: 0 0 8px;
}
.news-page .hero-subtitle[data-v-923a7266] {
  font-size: 15px;
  color: rgba(255, 255, 255, 0.6);
  margin: 0;
}
.news-page .page-container[data-v-923a7266] {
  max-width: 1280px;
  margin: 0 auto;
  padding: 40px 24px;
}
.news-page .filter-tabs[data-v-923a7266] {
  display: flex;
  gap: 12px;
  margin-bottom: 32px;
  flex-wrap: wrap;
}
.news-page .filter-tab[data-v-923a7266] {
  height: 36px;
  padding: 0 20px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 500;
  border: 1px solid #d1d5db;
  background: #fff;
  color: #4b5563;
  cursor: pointer;
  transition: all 0.3s ease;
}
.news-page .filter-tab[data-v-923a7266]:hover {
  border-color: #0066ff;
  color: #0066ff;
}
.news-page .filter-tab.active[data-v-923a7266] {
  background: #0066ff;
  color: #fff;
  border-color: #0066ff;
}
.news-page .news-list[data-v-923a7266] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.news-page .news-item[data-v-923a7266] {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 24px;
  cursor: pointer;
  display: flex;
  gap: 16px;
  align-items: flex-start;
  transition: all 0.3s ease;
}
.news-page .news-item[data-v-923a7266]:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  border-color: #0066ff;
}
.news-page .news-date-block[data-v-923a7266] {
  flex-shrink: 0;
  text-align: center;
  width: 64px;
}
.news-page .news-day[data-v-923a7266] {
  font-size: 28px;
  font-weight: 800;
  color: #0066ff;
  line-height: 1;
  margin: 0;
}
.news-page .news-month[data-v-923a7266] {
  font-size: 12px;
  color: #9ca3af;
  margin: 4px 0 0;
}
.news-page .news-content[data-v-923a7266] {
  flex: 1;
  min-width: 0;
}
.news-page .news-title[data-v-923a7266] {
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 8px;
  color: #111827;
  line-height: 1.4;
}
.news-page .news-summary[data-v-923a7266] {
  font-size: 14px;
  color: #6b7280;
  margin: 0 0 12px;
  line-height: 1.8;
}
.news-page .news-footer[data-v-923a7266] {
  display: flex;
  align-items: center;
}
.news-page .news-date-tag[data-v-923a7266] {
  font-size: 12px;
  color: #6b7280;
  background: #f3f4f6;
  padding: 2px 10px;
  border-radius: 4px;
}
.hero-banner[data-v-3d9dca73] {
  height: 420px;
  margin-top: 0;
  background: linear-gradient(135deg, #001b5e, #0066ff);
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hero-overlay[data-v-3d9dca73] {
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.08), transparent 70%);
}
.hero-content[data-v-3d9dca73] {
  position: relative;
  z-index: 2;
  text-align: center;
  color: #fff;
  max-width: 900px;
  padding: 0 24px;
}
.hero-title[data-v-3d9dca73] {
  font-size: 42px;
  font-weight: 900;
  margin-bottom: 16px;
}
.hero-subtitle[data-v-3d9dca73] {
  font-size: 18px;
  opacity: 0.85;
  line-height: 1.7;
  max-width: 700px;
  margin: 0 auto;
}
.hero-actions[data-v-3d9dca73] {
  display: flex;
  gap: 16px;
  justify-content: center;
  margin-top: 32px;
}
.hero-btn-primary[data-v-3d9dca73] {
  background: #ffb800;
  color: #111827;
  padding: 14px 32px;
  border-radius: 10px;
  font-weight: 700;
  font-size: 15px;
  border: none;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
}
.hero-btn-primary[data-v-3d9dca73]:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(255, 184, 0, 0.4);
}
.hero-btn-outline[data-v-3d9dca73] {
  border: 1px solid rgba(255, 255, 255, 0.4);
  color: #fff;
  padding: 14px 32px;
  border-radius: 10px;
  font-weight: 600;
  font-size: 15px;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.3s ease;
}
.hero-btn-outline[data-v-3d9dca73]:hover {
  background: rgba(255, 255, 255, 0.1);
}
.content-wrap[data-v-3d9dca73] {
  padding: 0 24px;
  max-width: 1280px;
  margin: 0 auto;
}
.section-header[data-v-3d9dca73] {
  text-align: center;
  margin-bottom: 48px;
}
.section-title[data-v-3d9dca73] {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 12px;
}
.section-bar[data-v-3d9dca73] {
  width: 48px;
  height: 3px;
  background: #0066ff;
  border-radius: 2px;
  margin: 0 auto;
}
.section-desc[data-v-3d9dca73] {
  color: #6b7280;
  font-size: 15px;
  margin-top: 8px;
}
.benefit-section[data-v-3d9dca73] {
  padding: 64px 0;
}
.benefit-grid[data-v-3d9dca73] {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;
}
.benefit-card[data-v-3d9dca73] {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  padding: 28px 20px;
  text-align: center;
}
.benefit-icon-wrap[data-v-3d9dca73] {
  width: 52px;
  height: 52px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 14px;
}
.benefit-title[data-v-3d9dca73] {
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 8px;
}
.benefit-desc[data-v-3d9dca73] {
  font-size: 13px;
  color: #6b7280;
  line-height: 1.6;
}
.tier-section[data-v-3d9dca73] {
  padding: 64px 0;
  background: #f9fafb;
  margin: 0 -24px;
  padding-left: 24px;
  padding-right: 24px;
}
.tier-grid[data-v-3d9dca73] {
  max-width: 1200px;
  margin: 0 auto;
}
.tier-policy-image[data-v-3d9dca73] {
  display: block;
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.tier-card[data-v-3d9dca73] {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-top: 4px solid #d1d5db;
  border-radius: 16px;
  padding: 32px 24px;
  position: relative;
  transition: all 0.3s ease;
}
.tier-card.tier-highlighted[data-v-3d9dca73] {
  background: #1f2937;
  border: 2px solid #ffb800;
  color: #fff;
}
.tier-badge[data-v-3d9dca73] {
  position: absolute;
  top: 12px;
  right: 12px;
  font-size: 11px;
  padding: 3px 10px;
  border-radius: 10px;
  font-weight: 600;
}
.tier-badge-hot[data-v-3d9dca73] {
  background: #0066ff;
  color: #fff;
}
.tier-badge-recommend[data-v-3d9dca73] {
  background: #ffb800;
  color: #111827;
}
.tier-level-gold[data-v-3d9dca73] {
  color: #ffb800;
  font-weight: 600;
}
.tier-discount-gold[data-v-3d9dca73] {
  color: #ffb800;
}
.tier-check-gold[data-v-3d9dca73] {
  color: #ffb800;
}
.tier-level[data-v-3d9dca73] {
  color: #6b7280;
  font-size: 13px;
  margin-bottom: 8px;
}
.tier-highlighted .tier-level[data-v-3d9dca73] {
  color: #ffb800;
  font-weight: 600;
}
.tier-price[data-v-3d9dca73] {
  font-size: 28px;
  font-weight: 800;
  margin-bottom: 12px;
}
.tier-discount[data-v-3d9dca73] {
  font-size: 20px;
  font-weight: 700;
  color: #0066ff;
  margin-bottom: 20px;
}
.tier-highlighted .tier-discount[data-v-3d9dca73] {
  color: #ffb800;
}
.tier-features[data-v-3d9dca73] {
  list-style: none;
  font-size: 13px;
  color: #4b5563;
  line-height: 2;
  margin-bottom: 24px;
}
.tier-highlighted .tier-features[data-v-3d9dca73] {
  color: rgba(255, 255, 255, 0.8);
}
.tier-check[data-v-3d9dca73] {
  color: #00b96b;
  font-weight: 700;
}
.tier-highlighted .tier-check[data-v-3d9dca73] {
  color: #ffb800;
}
.tier-btn[data-v-3d9dca73] {
  display: block;
  text-align: center;
  text-decoration: none;
  padding: 12px 24px;
  border-radius: 8px;
  font-weight: 700;
  font-size: 14px;
  border: 1px solid #0066ff;
  color: #0066ff;
  transition: all 0.3s ease;
}
.tier-btn[data-v-3d9dca73]:hover {
  background: #0066ff;
  color: #fff;
}
.tier-btn.tier-btn-solid[data-v-3d9dca73] {
  background: #ffb800;
  color: #1f2937;
  border: none;
}
.tier-btn.tier-btn-solid[data-v-3d9dca73]:hover {
  opacity: 0.85;
}
.advantage-section[data-v-3d9dca73] {
  padding: 64px 0;
}
.advantage-list[data-v-3d9dca73] {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.advantage-card[data-v-3d9dca73] {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 20px;
  overflow: hidden;
  display: flex;
}
.advantage-reverse[data-v-3d9dca73] {
  flex-direction: row-reverse;
}
.advantage-side[data-v-3d9dca73] {
  width: 320px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  padding: 40px 20px;
}
.advantage-watermark[data-v-3d9dca73] {
  position: absolute;
  font-size: 160px;
  font-weight: 900;
  color: rgba(255, 255, 255, 0.08);
  line-height: 1;
  pointer-events: none;
}
.advantage-side-inner[data-v-3d9dca73] {
  position: relative;
  z-index: 1;
  text-align: center;
  color: #fff;
}
.advantage-icon-wrap[data-v-3d9dca73] {
  width: 64px;
  height: 64px;
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(8px);
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 12px;
}
.advantage-side-label[data-v-3d9dca73] {
  font-size: 13px;
  opacity: 0.8;
}
.advantage-body[data-v-3d9dca73] {
  flex: 1;
  padding: 32px;
}
.advantage-meta[data-v-3d9dca73] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}
.advantage-num[data-v-3d9dca73] {
  width: 28px;
  height: 28px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 700;
}
.advantage-num-blue[data-v-3d9dca73] {
  background: #ebf5ff;
  color: #0066ff;
}
.advantage-num-purple[data-v-3d9dca73] {
  background: #f3e8ff;
  color: #7c3aed;
}
.advantage-num-green[data-v-3d9dca73] {
  background: #ecfdf5;
  color: #00b96b;
}
.advantage-num-amber[data-v-3d9dca73] {
  background: #fffbeb;
  color: #f59e0b;
}
.advantage-num-cyan[data-v-3d9dca73] {
  background: #ecfeff;
  color: #0891b2;
}
.advantage-tag[data-v-3d9dca73] {
  color: #ffb800;
  font-weight: 700;
  font-size: 12px;
}
.advantage-title[data-v-3d9dca73] {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 10px;
}
.advantage-desc[data-v-3d9dca73] {
  font-size: 14px;
  color: #6b7280;
  line-height: 1.8;
}
.text-brand[data-v-3d9dca73] {
  color: #0066ff;
  font-weight: 600;
}
.text-purple[data-v-3d9dca73] {
  color: #7c3aed;
  font-weight: 600;
}
.text-green[data-v-3d9dca73] {
  color: #00b96b;
  font-weight: 600;
}
.text-amber[data-v-3d9dca73] {
  color: #f59e0b;
  font-weight: 600;
}
.text-cyan[data-v-3d9dca73] {
  color: #0891b2;
  font-weight: 600;
}
.profit-section[data-v-3d9dca73] {
  padding: 64px 0;
  background: #f9fafb;
  margin: 0 -24px;
  padding-left: 24px;
  padding-right: 24px;
}
.profit-grid[data-v-3d9dca73] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  max-width: 1200px;
  margin: 0 auto;
}
.profit-card[data-v-3d9dca73] {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  padding: 28px;
}
.profit-card-wide[data-v-3d9dca73] {
  grid-column: span 2;
}
.profit-num[data-v-3d9dca73] {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 16px;
}
.profit-num-blue[data-v-3d9dca73] {
  background: #ebf5ff;
  color: #0066ff;
}
.profit-num-green[data-v-3d9dca73] {
  background: #ecfdf5;
  color: #00b96b;
}
.profit-num-amber[data-v-3d9dca73] {
  background: #fffbeb;
  color: #f59e0b;
}
.profit-num-purple[data-v-3d9dca73] {
  background: #f3e8ff;
  color: #7c3aed;
}
.profit-num-cyan[data-v-3d9dca73] {
  background: #ecfeff;
  color: #0891b2;
}
.profit-title[data-v-3d9dca73] {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 8px;
}
.profit-desc[data-v-3d9dca73] {
  font-size: 13px;
  color: #6b7280;
  line-height: 1.7;
}
.tech-section[data-v-3d9dca73] {
  padding: 64px 0;
}
.tech-grid[data-v-3d9dca73] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  max-width: 1100px;
  margin: 0 auto;
}
.tech-card[data-v-3d9dca73] {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  padding: 28px;
}
.tech-list[data-v-3d9dca73] {
  list-style: none;
  font-size: 14px;
  color: #4b5563;
  line-height: 2.2;
  display: flex;
  flex-direction: column;
  gap: 0;
}
.tech-list li[data-v-3d9dca73] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.tech-bullet[data-v-3d9dca73] {
  color: #0066ff;
  flex-shrink: 0;
  margin-top: 2px;
}
.faq-section[data-v-3d9dca73] {
  padding: 64px 0;
  background: #f9fafb;
  margin: 0 -24px;
  padding-left: 24px;
  padding-right: 24px;
}
.faq-list[data-v-3d9dca73] {
  max-width: 800px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.faq-item[data-v-3d9dca73] {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  overflow: hidden;
}
.faq-question[data-v-3d9dca73] {
  padding: 18px 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.faq-q-inner[data-v-3d9dca73] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.faq-q-num[data-v-3d9dca73] {
  width: 32px;
  height: 32px;
  background: #0066ff;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  flex-shrink: 0;
}
.faq-q-text[data-v-3d9dca73] {
  font-weight: 600;
  font-size: 14px;
}
.faq-chevron[data-v-3d9dca73] {
  color: #9ca3af;
  transition: transform 0.3s;
  flex-shrink: 0;
}
.faq-chevron-open[data-v-3d9dca73] {
  transform: rotate(180deg);
}
.faq-answer[data-v-3d9dca73] {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}
.faq-answer-open[data-v-3d9dca73] {
  max-height: 200px;
}
.faq-a-text[data-v-3d9dca73] {
  padding: 0 24px 18px 68px;
  font-size: 13px;
  color: #6b7280;
  line-height: 1.8;
}
.apply-section[data-v-3d9dca73] {
  padding: 64px 0;
  background: linear-gradient(135deg, #001b5e, #0066ff);
  margin: 0 -24px;
  padding-left: 24px;
  padding-right: 24px;
  position: relative;
  overflow: hidden;
}
.apply-overlay[data-v-3d9dca73] {
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at top right, rgba(255, 255, 255, 0.06), transparent 60%);
}
.apply-inner[data-v-3d9dca73] {
  position: relative;
  z-index: 2;
  max-width: 1000px;
  margin: 0 auto;
}
.apply-header[data-v-3d9dca73] {
  text-align: center;
  margin-bottom: 40px;
  color: #fff;
}
.apply-title[data-v-3d9dca73] {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 12px;
}
.apply-bar[data-v-3d9dca73] {
  width: 48px;
  height: 3px;
  background: #ffb800;
  border-radius: 2px;
  margin: 0 auto 12px;
}
.apply-desc[data-v-3d9dca73] {
  opacity: 0.8;
  font-size: 15px;
  max-width: 600px;
  margin: 0 auto;
}
.apply-grid[data-v-3d9dca73] {
  display: grid;
  grid-template-columns: 1fr 1.5fr;
  gap: 32px;
}
.apply-benefits-card[data-v-3d9dca73] {
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 16px;
  padding: 24px;
  color: #fff;
}
.apply-benefits-label[data-v-3d9dca73] {
  font-size: 13px;
  color: #ffb800;
  font-weight: 600;
  margin-bottom: 12px;
}
.apply-benefits-list[data-v-3d9dca73] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  font-size: 13px;
  opacity: 0.85;
  line-height: 1.7;
}
.apply-benefits-item[data-v-3d9dca73]::before {
  content: "✓";
  color: #ffb800;
  margin-right: 8px;
}
.apply-hotline[data-v-3d9dca73] {
  text-align: center;
  color: rgba(255, 255, 255, 0.5);
  font-size: 12px;
  margin-top: 16px;
}
.apply-hotline-number[data-v-3d9dca73] {
  font-size: 18px;
  font-weight: 700;
  color: #ffb800;
  margin-top: 4px;
}
.apply-form-card[data-v-3d9dca73] {
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 16px;
  padding: 32px;
}
.form-group[data-v-3d9dca73] {
  margin-bottom: 16px;
}
.form-row-2 .form-group[data-v-3d9dca73] {
  margin-bottom: 0;
}
.form-group[data-v-3d9dca73]:has(.form-textarea) {
  margin-bottom: 20px;
}
.form-label[data-v-3d9dca73] {
  display: block;
  color: rgba(255, 255, 255, 0.8);
  font-size: 13px;
  margin-bottom: 6px;
}
.form-optional[data-v-3d9dca73] {
  opacity: 0.5;
}
.form-input[data-v-3d9dca73] {
  width: 100%;
  height: 44px;
  padding: 0 14px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 10px;
  font-size: 14px;
  color: #fff;
  outline: none;
}
.form-input[data-v-3d9dca73]::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.form-input[data-v-3d9dca73]::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.form-select[data-v-3d9dca73] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.form-textarea[data-v-3d9dca73] {
  height: auto;
  padding: 12px 14px;
  resize: none;
}
.form-row-2[data-v-3d9dca73] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-bottom: 16px;
}
.form-submit-btn[data-v-3d9dca73] {
  width: 100%;
  height: 48px;
  background: #ffb800;
  color: #1f2937;
  border: none;
  border-radius: 10px;
  font-weight: 700;
  font-size: 16px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.form-submit-btn[data-v-3d9dca73]:hover {
  opacity: 0.85;
}
.form-hint[data-v-3d9dca73] {
  text-align: center;
  color: rgba(255, 255, 255, 0.4);
  font-size: 12px;
  margin-top: 12px;
}
.card-hover[data-v-3d9dca73] {
  transition: all 0.3s ease;
}
.card-hover[data-v-3d9dca73]:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08);
}
@media (max-width: 1024px) {
.benefit-grid[data-v-3d9dca73] {
    grid-template-columns: repeat(3, 1fr);
}
.apply-grid[data-v-3d9dca73] {
    grid-template-columns: 1fr;
}
.advantage-card[data-v-3d9dca73] {
    flex-direction: column;
}
.advantage-side[data-v-3d9dca73] {
    width: 100%;
    padding: 32px 20px;
}
.profit-grid[data-v-3d9dca73] {
    grid-template-columns: repeat(2, 1fr);
}
.tech-grid[data-v-3d9dca73] {
    grid-template-columns: 1fr;
}
}
@media (max-width: 768px) {
.hero-title[data-v-3d9dca73] {
    font-size: 28px;
}
.hero-subtitle[data-v-3d9dca73] {
    font-size: 14px;
}
.hero-actions[data-v-3d9dca73] {
    flex-direction: column;
    align-items: center;
}
.benefit-grid[data-v-3d9dca73] {
    grid-template-columns: repeat(2, 1fr);
}
.form-row-2[data-v-3d9dca73] {
    grid-template-columns: 1fr;
}
.profit-grid[data-v-3d9dca73] {
    grid-template-columns: 1fr;
}
.profit-card-wide[data-v-3d9dca73] {
    grid-column: span 1;
}
.advantage-card[data-v-3d9dca73] {
    flex-direction: column;
}
.advantage-side[data-v-3d9dca73] {
    width: 100%;
}
}.content-container[data-v-d3d61d93] {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 24px;
}
.hero-section[data-v-d3d61d93] {
  height: 240px;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.hero-section .hero-overlay[data-v-d3d61d93] {
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 30% 50%, rgba(255, 255, 255, 0.1), transparent 70%);
}
.hero-content[data-v-d3d61d93] {
  position: relative;
  z-index: 2;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 24px;
  display: flex;
  align-items: center;
  gap: 24px;
  width: 100%;
}
.hero-icon-box[data-v-d3d61d93] {
  width: 80px;
  height: 80px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid rgba(255, 255, 255, 0.3);
  flex-shrink: 0;
}
.hero-text[data-v-d3d61d93] {
  color: #fff;
}
.hero-breadcrumb[data-v-d3d61d93] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  margin-bottom: 8px;
}
.hero-breadcrumb-link[data-v-d3d61d93] {
  cursor: pointer;
  opacity: 0.7;
  color: #fff;
  text-decoration: none;
}
.hero-breadcrumb-link[data-v-d3d61d93]:hover {
  opacity: 1;
}
.hero-breadcrumb-sep[data-v-d3d61d93] {
  opacity: 0.5;
}
.hero-breadcrumb-current[data-v-d3d61d93] {
  color: #fff;
}
.hero-title[data-v-d3d61d93] {
  font-size: 32px;
  font-weight: 800;
}
.main-section[data-v-d3d61d93] {
  padding: 40px 24px 80px;
}
.main-grid[data-v-d3d61d93] {
  display: grid;
  grid-template-columns: 1fr 360px;
  gap: 32px;
}
.card[data-v-d3d61d93] {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  padding: 32px;
  margin-bottom: 24px;
}
.card-title[data-v-d3d61d93] {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 16px;
}
.intro-desc[data-v-d3d61d93] {
  font-size: 16px;
  color: #4b5563;
  line-height: 1.8;
  margin-bottom: 24px;
}
.features-grid[data-v-d3d61d93] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}
.feature-item[data-v-d3d61d93] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px;
  background: #f9fafb;
  border-radius: 10px;
}
.feature-icon[data-v-d3d61d93] {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.feature-text[data-v-d3d61d93] {
  font-size: 14px;
  font-weight: 500;
  color: #374151;
}
.cta-desc[data-v-d3d61d93] {
  font-size: 15px;
  color: #6b7280;
  line-height: 1.8;
  margin-bottom: 24px;
}
.cta-actions[data-v-d3d61d93] {
  display: flex;
  gap: 12px;
}
.btn-primary-lg[data-v-d3d61d93] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 28px;
  background: #0066ff;
  color: #fff;
  border: none;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  flex: 1;
  justify-content: center;
}
.btn-primary-lg[data-v-d3d61d93]:hover {
  background: #0044cc;
}
.btn-outline-lg[data-v-d3d61d93] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 28px;
  background: #fff;
  color: #4b5563;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  flex: 1;
  justify-content: center;
}
.btn-outline-lg[data-v-d3d61d93]:hover {
  border-color: #0066ff;
  color: #0066ff;
}
.faq-list[data-v-d3d61d93] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.faq-item[data-v-d3d61d93] {
  background: #f9fafb;
  border-radius: 10px;
  padding: 16px;
}
.faq-text[data-v-d3d61d93] {
  font-size: 14px;
  color: #374151;
  line-height: 1.8;
}
.sidebar-card[data-v-d3d61d93] {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  padding: 24px;
  position: sticky;
  top: 88px;
  margin-bottom: 24px;
}
.sidebar-name[data-v-d3d61d93] {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 8px;
}
.sidebar-price[data-v-d3d61d93] {
  margin-bottom: 4px;
}
.price-value[data-v-d3d61d93] {
  font-size: 20px;
  font-weight: 700;
}
.sidebar-desc[data-v-d3d61d93] {
  font-size: 14px;
  color: #6b7280;
  margin-bottom: 20px;
  line-height: 1.6;
}
.sidebar-btn-primary[data-v-d3d61d93] {
  width: 100%;
  height: 48px;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: #0066ff;
  color: #fff;
  border: none;
  border-radius: 8px;
  font-weight: 600;
  cursor: pointer;
  margin-bottom: 12px;
}
.sidebar-btn-primary[data-v-d3d61d93]:hover {
  background: #0044cc;
}
.sidebar-btn-outline[data-v-d3d61d93] {
  width: 100%;
  height: 48px;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: #fff;
  color: #4b5563;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  font-weight: 600;
  cursor: pointer;
}
.sidebar-btn-outline[data-v-d3d61d93]:hover {
  border-color: #0066ff;
  color: #0066ff;
}
.sidebar-features[data-v-d3d61d93] {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #f3f4f6;
}
.sidebar-features-label[data-v-d3d61d93] {
  font-size: 13px;
  color: #6b7280;
  margin-bottom: 12px;
}
.sidebar-feature-item[data-v-d3d61d93] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
  font-size: 13px;
  color: #4b5563;
}
.sidebar-related-title[data-v-d3d61d93] {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 16px;
}
.related-item[data-v-d3d61d93] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px;
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.2s;
}
.related-item[data-v-d3d61d93]:hover {
  background: #f9fafb;
}
.related-icon[data-v-d3d61d93] {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.related-name[data-v-d3d61d93] {
  font-size: 14px;
  font-weight: 500;
}
.related-more[data-v-d3d61d93] {
  font-size: 12px;
  color: #9ca3af;
}
.back-section[data-v-d3d61d93] {
  padding-top: 40px;
}
.back-link[data-v-d3d61d93] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: #0066ff;
  text-decoration: none;
}
.back-link[data-v-d3d61d93]:hover {
  opacity: 0.8;
}
.not-found-section[data-v-d3d61d93] {
  min-height: calc(100vh - 64px);
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f9fafb;
}
.not-found-content[data-v-d3d61d93] {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.not-found-content .not-found-title[data-v-d3d61d93] {
  font-size: 24px;
  font-weight: 700;
  color: #1f2937;
}
.not-found-content .not-found-desc[data-v-d3d61d93] {
  font-size: 14px;
  color: #6b7280;
}
.not-found-content .btn-back[data-v-d3d61d93] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 24px;
  background: #0066ff;
  color: #fff;
  border-radius: 8px;
  font-size: 14px;
  text-decoration: none;
}
.not-found-content .btn-back[data-v-d3d61d93]:hover {
  background: #0044cc;
}
@media (max-width: 1024px) {
.main-grid[data-v-d3d61d93] {
    grid-template-columns: 1fr;
}
.main-right[data-v-d3d61d93] {
    order: -1;
}
.sidebar-card[data-v-d3d61d93] {
    position: static;
}
}
@media (max-width: 768px) {
.hero-section[data-v-d3d61d93] {
    height: 200px;
}
.hero-icon-box[data-v-d3d61d93] {
    width: 56px;
    height: 56px;
}
.hero-title[data-v-d3d61d93] {
    font-size: 24px;
}
.features-grid[data-v-d3d61d93] {
    grid-template-columns: 1fr;
}
.cta-actions[data-v-d3d61d93] {
    flex-direction: column;
}
}.main-content[data-v-60d8c808] {
  background: #f9fafb;
  padding: 48px 24px 80px;
  min-height: calc(100vh - 64px);
}
.content-container[data-v-60d8c808] {
  max-width: 1280px;
  margin: 0 auto;
}
.breadcrumb[data-v-60d8c808] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: #9ca3af;
  margin-bottom: 24px;
}
.breadcrumb .breadcrumb-link[data-v-60d8c808] {
  cursor: pointer;
  color: #9ca3af;
  text-decoration: none;
  transition: color 0.2s;
}
.breadcrumb .breadcrumb-link[data-v-60d8c808]:hover {
  color: #0066ff;
}
.breadcrumb .breadcrumb-current[data-v-60d8c808] {
  color: #374151;
}
.page-header[data-v-60d8c808] {
  margin-bottom: 32px;
}
.page-header .page-title[data-v-60d8c808] {
  font-size: 36px;
  font-weight: 800;
  margin-bottom: 8px;
}
.page-header .page-sub[data-v-60d8c808] {
  font-size: 16px;
  color: #6b7280;
}
.filter-bar[data-v-60d8c808] {
  position: sticky;
  top: 64px;
  z-index: 50;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 16px 20px;
  margin-bottom: 32px;
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
.filter-bar .filter-tabs[data-v-60d8c808] {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.filter-bar .filter-spacer[data-v-60d8c808] {
  flex: 1;
}
.filter-bar .filter-btn[data-v-60d8c808] {
  padding: 8px 16px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 500;
  border: none;
  cursor: pointer;
  transition: all 0.2s;
  background: #f3f4f6;
  color: #4b5563;
}
.filter-bar .filter-btn.active[data-v-60d8c808] {
  background: #0066ff;
  color: #fff;
}
.filter-bar .filter-btn[data-v-60d8c808]:hover:not(.active) {
  background: #e5e7eb;
}
.filter-bar .filter-search[data-v-60d8c808] {
  position: relative;
}
.filter-bar .filter-search .search-icon[data-v-60d8c808] {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
}
.filter-bar .filter-search .search-input[data-v-60d8c808] {
  width: 200px;
  height: 36px;
  padding: 0 12px 0 36px;
  border: 1px solid #e5e7eb;
  border-radius: 20px;
  font-size: 13px;
  outline: none;
  transition: border-color 0.2s;
}
.filter-bar .filter-search .search-input[data-v-60d8c808]:focus {
  border-color: #0066ff;
}
.result-count[data-v-60d8c808] {
  font-size: 13px;
  color: #9ca3af;
  margin-bottom: 16px;
}
.product-grid[data-v-60d8c808] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.product-card[data-v-60d8c808] {
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.3s ease;
}
.product-card[data-v-60d8c808]:hover {
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1);
  transform: translateY(-2px);
}
.product-card .card-header[data-v-60d8c808] {
  height: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}
.product-card .card-tag[data-v-60d8c808] {
  position: absolute;
  top: 12px;
  left: 12px;
  font-size: 11px;
  padding: 2px 8px;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.8);
}
.product-card .card-icon-wrap[data-v-60d8c808] {
  width: 72px;
  height: 72px;
  background: #fff;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-card .card-body[data-v-60d8c808] {
  padding: 20px;
}
.product-card .card-title[data-v-60d8c808] {
  font-size: 17px;
  font-weight: 700;
  margin-bottom: 8px;
}
.product-card .card-desc[data-v-60d8c808] {
  font-size: 13px;
  color: #6b7280;
  margin-bottom: 12px;
  line-height: 1.6;
}
.product-card .card-features[data-v-60d8c808] {
  margin-bottom: 16px;
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
}
.product-card .feature-tag[data-v-60d8c808] {
  font-size: 11px;
  padding: 2px 8px;
  border-radius: 4px;
}
.product-card .card-footer[data-v-60d8c808] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.product-card .card-price[data-v-60d8c808] {
  font-size: 14px;
  font-weight: 600;
  color: #0066ff;
}
.product-card .card-actions[data-v-60d8c808] {
  display: flex;
  gap: 8px;
}
.product-card .btn-primary-sm[data-v-60d8c808] {
  height: 32px;
  font-size: 12px;
  padding: 0 14px;
  background: #0066ff;
  color: #fff;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: background 0.2s;
}
.product-card .btn-primary-sm[data-v-60d8c808]:hover {
  background: #0044cc;
}
.product-card .btn-outline-sm[data-v-60d8c808] {
  height: 32px;
  font-size: 12px;
  padding: 0 14px;
  background: #fff;
  color: #4b5563;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s;
}
.product-card .btn-outline-sm[data-v-60d8c808]:hover {
  border-color: #0066ff;
  color: #0066ff;
}
@media (max-width: 1024px) {
.product-grid[data-v-60d8c808] {
    grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
.product-grid[data-v-60d8c808] {
    grid-template-columns: 1fr;
}
.filter-bar[data-v-60d8c808] {
    flex-direction: column;
    align-items: stretch;
}
.filter-bar .filter-spacer[data-v-60d8c808] {
    display: none;
}
.filter-bar .filter-search .search-input[data-v-60d8c808] {
    width: 100%;
}
.page-title[data-v-60d8c808] {
    font-size: 28px;
}
}.solution-detail-page[data-v-b7e0730a] {
  min-height: 100vh;
  background: #fff;
}

/* ===== Section Container ===== */
.section-container[data-v-b7e0730a] {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 24px;
}

/* ===== Hero Banner ===== */
.hero-banner[data-v-b7e0730a] {
  position: relative;
  height: 420px;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.hero-banner .hero-image[data-v-b7e0730a] {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  opacity: 0.15;
}
.hero-banner .hero-fade[data-v-b7e0730a] {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 120px;
  background: linear-gradient(to top, #fff, transparent);
}
.hero-banner .hero-content[data-v-b7e0730a] {
  position: relative;
  z-index: 2;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 24px;
  color: #fff;
  width: 100%;
}
.hero-banner .hero-title[data-v-b7e0730a] {
  font-size: 42px;
  font-weight: 800;
  margin-bottom: 16px;
}
.hero-banner .hero-desc[data-v-b7e0730a] {
  font-size: 18px;
  opacity: 0.85;
  max-width: 640px;
  line-height: 1.7;
}
.hero-stats[data-v-b7e0730a] {
  display: flex;
  gap: 32px;
  margin-top: 32px;
  align-items: center;
}
.hero-stats .stat-item[data-v-b7e0730a] {
  text-align: center;
}
.hero-stats .stat-item .stat-value[data-v-b7e0730a] {
  font-size: 36px;
  font-weight: 800;
}
.hero-stats .stat-item .stat-label[data-v-b7e0730a] {
  font-size: 14px;
  opacity: 0.7;
}
.hero-stats .stat-divider[data-v-b7e0730a] {
  width: 1px;
  height: 40px;
  background: rgba(255, 255, 255, 0.3);
}

/* ===== Feature Sections ===== */
.features-section[data-v-b7e0730a] {
  padding: 80px 0;
}
.feature-row[data-v-b7e0730a] {
  display: flex;
  gap: 48px;
  align-items: center;
  margin-bottom: 80px;
}
.feature-row[data-v-b7e0730a]:last-child {
  margin-bottom: 0;
}
.feature-row.feature-reverse[data-v-b7e0730a] {
  flex-direction: row-reverse;
}
.feature-row .feature-image-wrap[data-v-b7e0730a] {
  flex: 1;
  border-radius: 16px;
  overflow: hidden;
  min-height: 320px;
}
.feature-row .feature-image[data-v-b7e0730a] {
  width: 100%;
  height: 320px;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  transition: transform 0.3s ease;
}
.feature-row:hover .feature-image[data-v-b7e0730a] {
  transform: scale(1.03);
}
.feature-row .feature-text[data-v-b7e0730a] {
  flex: 1;
}
.feature-row .feature-icon-box[data-v-b7e0730a] {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
.feature-row .feature-title[data-v-b7e0730a] {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 16px;
  color: #111827;
}
.feature-row .feature-desc[data-v-b7e0730a] {
  font-size: 15px;
  color: #6b7280;
  line-height: 1.8;
  margin-bottom: 24px;
}
.feature-tags[data-v-b7e0730a] {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.feature-tags .feature-tag[data-v-b7e0730a] {
  display: flex;
  align-items: center;
  gap: 8px;
  background: #f9fafb;
  border-radius: 8px;
  padding: 12px 16px;
  transition: all 0.3s ease;
}
.feature-tags .feature-tag[data-v-b7e0730a]:hover {
  background: #f3f4f6;
}
.feature-tags .feature-tag span[data-v-b7e0730a] {
  font-size: 13px;
  font-weight: 500;
  color: #374151;
}

/* ===== CTA Section ===== */
.cta-section[data-v-b7e0730a] {
  padding: 32px 0 80px;
}
.cta-actions[data-v-b7e0730a] {
  display: flex;
  gap: 16px;
  justify-content: center;
  flex-wrap: wrap;
}
.cta-btn-primary[data-v-b7e0730a] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 14px 36px;
  border-radius: 10px;
  border: none;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
  background: #0066ff;
  color: #fff;
  transition: all 0.3s ease;
}
.cta-btn-primary[data-v-b7e0730a]:hover {
  background: #0044cc;
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0, 102, 255, 0.3);
}
.cta-btn-outline[data-v-b7e0730a] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 14px 36px;
  border-radius: 10px;
  border: 1px solid #e5e7eb;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  background: #fff;
  color: #374151;
  transition: all 0.2s ease;
}
.cta-btn-outline[data-v-b7e0730a]:hover {
  border-color: #0066ff;
  color: #0066ff;
}

/* ===== Scenarios Section ===== */
.scenarios-section[data-v-b7e0730a] {
  padding: 0 0 64px;
}
.scenarios-grid[data-v-b7e0730a] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.scenario-card[data-v-b7e0730a] {
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid #e5e7eb;
  background: #fff;
  transition: all 0.3s ease;
}
.scenario-card[data-v-b7e0730a]:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08);
}
.scenario-image[data-v-b7e0730a] {
  width: 100%;
  height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.scenario-body[data-v-b7e0730a] {
  padding: 24px;
}
.scenario-title[data-v-b7e0730a] {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 8px;
  color: #111827;
}
.scenario-desc[data-v-b7e0730a] {
  font-size: 14px;
  color: #6b7280;
  line-height: 1.6;
}

/* ===== Not Found ===== */
.not-found[data-v-b7e0730a] {
  min-height: calc(100vh - 64px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 24px;
}
.not-found-content[data-v-b7e0730a] {
  text-align: center;
}
.not-found-content .not-found-title[data-v-b7e0730a] {
  font-size: 24px;
  font-weight: 700;
  color: #374151;
  margin: 24px 0 12px;
}
.not-found-content .not-found-desc[data-v-b7e0730a] {
  font-size: 15px;
  color: #9ca3af;
  margin-bottom: 28px;
}
.not-found-btn[data-v-b7e0730a] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 32px;
  border-radius: 10px;
  border: none;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  background: #0066ff;
  color: #fff;
  transition: all 0.3s ease;
}
.not-found-btn[data-v-b7e0730a]:hover {
  background: #0044cc;
  transform: translateY(-2px);
}

/* ===== Responsive ===== */
@media (max-width: 1024px) {
.feature-row[data-v-b7e0730a] {
    gap: 32px;
}
.feature-row .feature-image-wrap[data-v-b7e0730a] {
    min-height: 280px;
}
.feature-row .feature-image[data-v-b7e0730a] {
    height: 280px;
}
.feature-row .feature-title[data-v-b7e0730a] {
    font-size: 24px;
}
.hero-banner[data-v-b7e0730a] {
    height: 360px;
}
.hero-banner .hero-title[data-v-b7e0730a] {
    font-size: 36px;
}
}
@media (max-width: 768px) {
.hero-banner[data-v-b7e0730a] {
    height: 320px;
}
.hero-banner .hero-title[data-v-b7e0730a] {
    font-size: 28px;
}
.hero-banner .hero-desc[data-v-b7e0730a] {
    font-size: 15px;
}
.hero-stats[data-v-b7e0730a] {
    gap: 20px;
}
.hero-stats .stat-item .stat-value[data-v-b7e0730a] {
    font-size: 28px;
}
.hero-stats .stat-item .stat-label[data-v-b7e0730a] {
    font-size: 12px;
}
.features-section[data-v-b7e0730a] {
    padding: 48px 0;
}
.feature-row[data-v-b7e0730a] {
    flex-direction: column !important;
    gap: 24px;
    margin-bottom: 48px;
}
.feature-row .feature-image-wrap[data-v-b7e0730a] {
    width: 100%;
    min-height: 220px;
}
.feature-row .feature-image[data-v-b7e0730a] {
    height: 220px;
}
.feature-row .feature-title[data-v-b7e0730a] {
    font-size: 22px;
}
.feature-row .feature-desc[data-v-b7e0730a] {
    font-size: 14px;
}
.feature-tags[data-v-b7e0730a] {
    gap: 8px;
}
.feature-tags .feature-tag[data-v-b7e0730a] {
    padding: 10px 12px;
}
.scenarios-grid[data-v-b7e0730a] {
    grid-template-columns: 1fr;
}
.scenario-image[data-v-b7e0730a] {
    height: 180px;
}
}.hero-banner[data-v-b72cc397] {
  height: 200px;
  background: linear-gradient(135deg, #0066ff, #0891b2);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.hero-content[data-v-b72cc397] {
  text-align: center;
}
.hero-title[data-v-b72cc397] {
  font-size: 36px;
  font-weight: 800;
  margin-bottom: 8px;
}
.hero-subtitle[data-v-b72cc397] {
  font-size: 16px;
  opacity: 0.8;
}
.content-wrap[data-v-b72cc397] {
  padding: 64px 24px;
  max-width: 1280px;
  margin: 0 auto;
}
.filter-bar[data-v-b72cc397] {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-bottom: 40px;
  flex-wrap: wrap;
}
.filter-btn[data-v-b72cc397] {
  padding: 8px 20px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 500;
  border: 1px solid #e5e7eb;
  background: #fff;
  color: #4b5563;
  cursor: pointer;
  transition: all 0.2s ease;
}
.filter-btn[data-v-b72cc397]:hover {
  border-color: #0066ff;
  color: #0066ff;
}
.filter-active[data-v-b72cc397] {
  background: #0066ff;
  color: #fff;
  border-color: #0066ff;
}
.filter-active[data-v-b72cc397]:hover {
  background: #0044cc;
  color: #fff;
  border-color: #0044cc;
}
.solutions-grid[data-v-b72cc397] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  min-height: 120px;
}
.solutions-empty[data-v-b72cc397] {
  text-align: center;
  padding: 48px 16px;
  color: #9ca3af;
  font-size: 14px;
}
.solution-card[data-v-b72cc397] {
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  overflow: hidden;
  cursor: pointer;
  background: #fff;
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.solution-card[data-v-b72cc397]:hover {
  transform: translateY(-8px);
  box-shadow: 0 24px 60px rgba(0, 102, 255, 0.12), 0 4px 12px rgba(0, 0, 0, 0.04);
}
.card-top[data-v-b72cc397] {
  height: 140px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: #f3f4f6;
}
.card-top.has-cover[data-v-b72cc397] {
  padding: 0;
}
.card-cover[data-v-b72cc397] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.card-bottom[data-v-b72cc397] {
  padding: 24px;
}
.card-name[data-v-b72cc397] {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 8px;
  color: #111827;
}
.card-desc[data-v-b72cc397] {
  font-size: 14px;
  color: #6b7280;
  line-height: 1.6;
  margin-bottom: 16px;
}
.card-tags[data-v-b72cc397] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 16px;
}
.card-tag[data-v-b72cc397] {
  font-size: 12px;
  padding: 3px 10px;
  border-radius: 4px;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  color: #6b7280;
}
.card-footer[data-v-b72cc397] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.card-link[data-v-b72cc397] {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 14px;
  font-weight: 600;
  transition: gap 0.3s ease;
}
.solution-card:hover .card-link[data-v-b72cc397] {
  gap: 8px;
}
@media (max-width: 1024px) {
.solutions-grid[data-v-b72cc397] {
    grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
.hero-banner[data-v-b72cc397] {
    height: 160px;
}
.hero-title[data-v-b72cc397] {
    font-size: 28px;
}
.hero-subtitle[data-v-b72cc397] {
    font-size: 14px;
}
.solutions-grid[data-v-b72cc397] {
    grid-template-columns: 1fr;
}
.filter-bar[data-v-b72cc397] {
    gap: 6px;
}
.filter-btn[data-v-b72cc397] {
    padding: 6px 14px;
    font-size: 12px;
}
}.support-page .hero-banner[data-v-b82f9ff8] {
  height: 200px;
  background: linear-gradient(135deg, #1f2937, #374151);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #fff;
}
.support-page .hero-content[data-v-b82f9ff8] {
  padding: 0 24px;
}
.support-page .hero-label[data-v-b82f9ff8] {
  font-size: 14px;
  opacity: 0.6;
  letter-spacing: 4px;
  margin: 0 0 8px;
}
.support-page .hero-title[data-v-b82f9ff8] {
  font-size: 36px;
  font-weight: 900;
  margin: 0 0 8px;
}
.support-page .hero-subtitle[data-v-b82f9ff8] {
  font-size: 15px;
  opacity: 0.7;
  margin: 0;
}
.support-page .page-container[data-v-b82f9ff8] {
  max-width: 1280px;
  margin: 0 auto;
  padding: 40px 24px;
}
.support-page .channel-grid[data-v-b82f9ff8] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin-bottom: 40px;
}
@media (max-width: 1024px) {
.support-page .channel-grid[data-v-b82f9ff8] {
    grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
.support-page .channel-grid[data-v-b82f9ff8] {
    grid-template-columns: 1fr;
}
}
.support-page .channel-card[data-v-b82f9ff8] {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 24px;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s ease;
}
.support-page .channel-card[data-v-b82f9ff8]:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}
.support-page .channel-icon-wrapper[data-v-b82f9ff8] {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 12px;
}
.support-page .channel-name[data-v-b82f9ff8] {
  font-size: 15px;
  font-weight: 600;
  margin: 0 0 4px;
  color: #111827;
}
.support-page .channel-desc[data-v-b82f9ff8] {
  font-size: 13px;
  color: #6b7280;
  margin: 0;
}
.support-page .form-section-title[data-v-b82f9ff8] {
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 20px;
  color: #111827;
}
.support-page .ticket-form[data-v-b82f9ff8] {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 32px;
}
.support-page .form-row[data-v-b82f9ff8] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-bottom: 16px;
}
@media (max-width: 768px) {
.support-page .form-row[data-v-b82f9ff8] {
    grid-template-columns: 1fr;
}
}
.support-page .form-group[data-v-b82f9ff8] {
  margin-bottom: 16px;
}
.support-page .form-group[data-v-b82f9ff8]:last-child {
  margin-bottom: 0;
}
.support-page .form-label[data-v-b82f9ff8] {
  font-size: 13px;
  color: #4b5563;
  margin-bottom: 6px;
  display: block;
}
.support-page .form-input[data-v-b82f9ff8],
.support-page .form-select[data-v-b82f9ff8] {
  width: 100%;
  height: 44px;
  padding: 0 14px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  font-size: 14px;
  outline: none;
  background: #fff;
  transition: border-color 0.3s ease;
  box-sizing: border-box;
}
.support-page .form-input[data-v-b82f9ff8]:focus,
.support-page .form-select[data-v-b82f9ff8]:focus {
  border-color: #0066ff;
}
.support-page .form-select[data-v-b82f9ff8] {
  cursor: pointer;
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
}
.support-page .form-textarea[data-v-b82f9ff8] {
  width: 100%;
  height: 120px;
  padding: 14px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  font-size: 14px;
  outline: none;
  resize: none;
  font-family: inherit;
  transition: border-color 0.3s ease;
  box-sizing: border-box;
}
.support-page .form-textarea[data-v-b82f9ff8]:focus {
  border-color: #0066ff;
}
.support-page .form-textarea[data-v-b82f9ff8]::-moz-placeholder {
  color: #9ca3af;
}
.support-page .form-textarea[data-v-b82f9ff8]::placeholder {
  color: #9ca3af;
}
.support-page .submit-btn[data-v-b82f9ff8] {
  height: 44px;
  padding: 0 32px;
  background: #0066ff;
  color: #fff;
  border: none;
  border-radius: 10px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}
.support-page .submit-btn[data-v-b82f9ff8]:hover {
  background: #0044cc;
}
.zjsclaw-page[data-v-9c7da829] {
  color: #152230;
  font-family: Inter, 'PingFang SC', 'Microsoft YaHei', sans-serif;
  line-height: 1.65;
  background: #fff;
}
.zjsclaw-page[data-v-9c7da829] button.tab {
  display: block;
  width: 100%;
  padding: 17px 0;
  font: inherit;
  color: inherit;
  text-align: left;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-top: 1px solid #31424c;
}
.zjsclaw-page[data-v-9c7da829] header {
  background: rgba(255, 255, 255, 0.88);
  backdrop-filter: blur(18px);
  border-bottom: 1px solid rgba(220, 229, 236, 0.7);
}
.zjsclaw-page[data-v-9c7da829] header nav {
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
[data-v-9c7da829]:root{--ink:#152230;--muted:#637083;--line:#e8edf2;--blue:#1667ff;--cyan:#13b8c8;--green:#20b26b;--orange:#ff8a2b;--paper:#fff;--soft:#f5f8fb;--dark:#101820;--shadow:0 18px 55px rgba(25,48,72,.09)}
[data-v-9c7da829]{box-sizing:border-box}.zjsclaw-page[data-v-9c7da829]{color:var(--ink);font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.65}button[data-v-9c7da829],a[data-v-9c7da829]{font:inherit}a[data-v-9c7da829]{color:inherit;text-decoration:none}.wrap[data-v-9c7da829]{width:min(1180px,calc(100% - 48px));margin:auto}.eyebrow[data-v-9c7da829]{display:inline-flex;align-items:center;gap:9px;color:#08769a;font-size:13px;font-weight:700}.eyebrow[data-v-9c7da829]:before{content:"";width:22px;height:2px;background:#0ca7bd}.section[data-v-9c7da829]{padding:96px 0}.section-head[data-v-9c7da829]{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:42px}.section-head h2[data-v-9c7da829]{font-size:42px;line-height:1.16;margin:8px 0 0;letter-spacing:0}.section-head p[data-v-9c7da829]{max-width:490px;margin:0;color:var(--muted)}
header[data-v-9c7da829]{height:72px;position:sticky;top:0;z-index:30;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(220,229,236,.7)}nav[data-v-9c7da829]{height:100%;display:flex;align-items:center;justify-content:space-between}.logo[data-v-9c7da829]{display:flex;align-items:center;gap:10px;font-weight:900}.logo-mark[data-v-9c7da829]{width:30px;height:30px;border-radius:7px;background:conic-gradient(from 210deg,#1567ff,#15c6be,#1567ff);position:relative;box-shadow:inset 0 0 0 7px #fff}.logo-mark[data-v-9c7da829]:after{content:"";position:absolute;inset:11px 3px;background:#fff;border-radius:10px}.nav-links[data-v-9c7da829]{display:flex;gap:30px;font-size:14px}.nav-links a[data-v-9c7da829]:hover{color:var(--blue)}.nav-actions[data-v-9c7da829]{display:flex;align-items:center;gap:9px}.btn[data-v-9c7da829]{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 20px;border-radius:6px;border:1px solid var(--line);background:#fff;font-weight:700;cursor:pointer;transition:.2s}.btn[data-v-9c7da829]:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(20,40,70,.1)}.btn.primary[data-v-9c7da829]{color:#fff;border-color:var(--blue);background:var(--blue)}
.hero[data-v-9c7da829]{min-height:760px;padding:150px 0 70px;background:linear-gradient(125deg,#f3fbfb 0%,#f6f9ff 58%,#edf5ff 100%);overflow:hidden;position:relative}.hero[data-v-9c7da829]:after{content:"";position:absolute;right:-8%;bottom:-18%;width:45%;height:70%;background:linear-gradient(145deg,transparent 40%,rgba(18,184,200,.09));transform:skewX(-18deg)}.hero-grid[data-v-9c7da829]{display:grid;grid-template-columns:47% 53%;align-items:center;gap:34px}.hero h1[data-v-9c7da829]{font-size:60px;line-height:1.08;margin:20px 0 22px;letter-spacing:0}.hero h1 span[data-v-9c7da829]{color:var(--blue)}.hero-copy[data-v-9c7da829]{font-size:18px;color:#536173;max-width:610px}.hero-actions[data-v-9c7da829]{display:flex;gap:12px;margin:32px 0}.proof[data-v-9c7da829]{display:flex;gap:28px;border-top:1px solid #dce7ec;padding-top:24px;margin-top:38px}.proof strong[data-v-9c7da829]{display:block;font-size:25px}.proof small[data-v-9c7da829]{color:var(--muted)}.visual[data-v-9c7da829]{position:relative;z-index:2}.browser[data-v-9c7da829]{background:#fff;border:1px solid #dfe8ef;border-radius:8px;padding:10px;box-shadow:0 32px 80px rgba(18,53,88,.18);transform:perspective(1400px) rotateY(-4deg) rotateX(2deg)}.browser-bar[data-v-9c7da829]{height:28px;display:flex;align-items:center;gap:6px;padding:0 5px}.browser-bar i[data-v-9c7da829]{width:8px;height:8px;border-radius:50%;background:#dfe5ea}.browser-bar i[data-v-9c7da829]:first-child{background:#ff766c}.browser-bar i[data-v-9c7da829]:nth-child(2){background:#ffc861}.browser-bar i[data-v-9c7da829]:nth-child(3){background:#51c875}.browser img[data-v-9c7da829]{display:block;width:100%;aspect-ratio:1.77;-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;border-radius:4px}.float-tag[data-v-9c7da829]{position:absolute;right:-14px;bottom:38px;background:#fff;padding:14px 18px;border-radius:7px;box-shadow:var(--shadow);font-size:13px}.float-tag b[data-v-9c7da829]{display:block;color:var(--green);font-size:16px}
.strip[data-v-9c7da829]{background:var(--dark);color:#fff;padding:25px 0}.strip-grid[data-v-9c7da829]{display:grid;grid-template-columns:1.4fr repeat(4,1fr);align-items:center}.strip-title[data-v-9c7da829]{font-weight:800}.metric[data-v-9c7da829]{border-left:1px solid #33414c;padding-left:28px}.metric b[data-v-9c7da829]{display:block;font-size:27px}.metric span[data-v-9c7da829]{font-size:12px;color:#aeb8c1}
.roles[data-v-9c7da829]{background:#fff}.role-grid[data-v-9c7da829]{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.role[data-v-9c7da829]{min-height:255px;padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:.25s}.role[data-v-9c7da829]:nth-child(4n){border-right:0}.role[data-v-9c7da829]:nth-child(n+5){border-bottom:0}.role[data-v-9c7da829]:hover{background:#f4fbfb;transform:translateY(-4px);box-shadow:var(--shadow)}.role-icon[data-v-9c7da829]{width:48px;height:48px;border-radius:7px;display:grid;place-items:center;background:#e8f8f8;color:#058fa0;font-weight:900;font-size:20px}.role h3[data-v-9c7da829]{margin:22px 0 8px;font-size:19px}.role p[data-v-9c7da829]{color:var(--muted);font-size:14px;min-height:68px}.role small[data-v-9c7da829]{color:#0a8092;font-weight:700}
.platform[data-v-9c7da829]{background:#f3f6f8}.platform-grid[data-v-9c7da829]{display:grid;grid-template-columns:37% 63%;min-height:560px;background:#fff;border:1px solid var(--line)}.platform-tabs[data-v-9c7da829]{padding:48px 38px;background:#13232d;color:#fff}.platform-tabs h2[data-v-9c7da829]{font-size:36px;line-height:1.2;margin:12px 0}.platform-tabs>p[data-v-9c7da829]{color:#acbbc3}.tab[data-v-9c7da829]{padding:17px 0;border-top:1px solid #31424c;color:#aebac1;cursor:pointer}.tab.active[data-v-9c7da829]{color:#fff}.tab b[data-v-9c7da829]{display:block;font-size:17px}.platform-panel[data-v-9c7da829]{padding:48px}.architecture[data-v-9c7da829]{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}.layer[data-v-9c7da829]{border:1px solid var(--line);padding:18px;min-height:132px}.layer b[data-v-9c7da829]{display:block;margin-bottom:8px}.layer span[data-v-9c7da829]{font-size:13px;color:var(--muted)}.layer[data-v-9c7da829]:nth-child(1){border-top:3px solid var(--blue)}.layer[data-v-9c7da829]:nth-child(2){border-top:3px solid var(--cyan)}.layer[data-v-9c7da829]:nth-child(3){border-top:3px solid var(--green)}.layer[data-v-9c7da829]:nth-child(4){border-top:3px solid var(--orange)}.layer[data-v-9c7da829]:nth-child(5){border-top:3px solid #7d68d9}.layer[data-v-9c7da829]:nth-child(6){border-top:3px solid #2c3943}
.case[data-v-9c7da829]{background:#fff}.case-box[data-v-9c7da829]{display:grid;grid-template-columns:40% 60%;background:#eaf6f6}.case-copy[data-v-9c7da829]{padding:58px}.case-copy h3[data-v-9c7da829]{font-size:34px;margin:10px 0}.case-copy p[data-v-9c7da829]{color:#52636b}.signals[data-v-9c7da829]{display:flex;gap:22px;margin:28px 0}.signal b[data-v-9c7da829]{display:block;font-size:22px}.signal span[data-v-9c7da829]{font-size:12px;color:#63747b}.case-flow[data-v-9c7da829]{padding:58px;background:#172a33;color:#fff}.steps[data-v-9c7da829]{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#40505a;margin-top:28px}.step[data-v-9c7da829]{padding:25px;background:#172a33;min-height:155px}.step em[data-v-9c7da829]{font-style:normal;color:#4fd0c7;font-weight:800}.step b[data-v-9c7da829]{display:block;margin:10px 0}.step span[data-v-9c7da829]{font-size:13px;color:#b7c2c7}
.path[data-v-9c7da829]{background:#f7f9fa}.path-grid[data-v-9c7da829]{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.path-card[data-v-9c7da829]{padding:30px;border-top:2px solid #cad4da;position:relative}.path-card[data-v-9c7da829]:before{content:"";position:absolute;top:-7px;left:30px;width:12px;height:12px;background:var(--blue);border-radius:50%}.path-card strong[data-v-9c7da829]{font-size:44px;color:#dce4e8}.path-card h3[data-v-9c7da829]{margin:8px 0}.path-card p[data-v-9c7da829]{font-size:14px;color:var(--muted)}
.cta[data-v-9c7da829]{background:#1167ea;color:#fff;padding:80px 0}.cta-inner[data-v-9c7da829]{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2[data-v-9c7da829]{font-size:40px;line-height:1.2;margin:0 0 10px}.cta p[data-v-9c7da829]{margin:0;color:#dceaff}.cta .btn[data-v-9c7da829]{border-color:#fff}.cta .btn.primary[data-v-9c7da829]{background:#fff;color:#1265dd}.cta .btn.secondary[data-v-9c7da829]{background:transparent;color:#fff}
.overview[data-v-9c7da829]{background:#f6f9fa}.overview-grid[data-v-9c7da829]{display:grid;grid-template-columns:38% 62%;border:1px solid var(--line);background:#fff}.overview-copy[data-v-9c7da829]{padding:48px;background:#0e7f8c;color:#fff}.overview-copy .eyebrow[data-v-9c7da829]{color:#bdeef0}.overview-copy .eyebrow[data-v-9c7da829]:before{background:#bdeef0}.overview-copy h2[data-v-9c7da829]{font-size:38px;line-height:1.2;margin:15px 0}.overview-copy p[data-v-9c7da829]{color:#d5f1f2}.overview-points[data-v-9c7da829]{padding:42px;display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line)}.overview-point[data-v-9c7da829]{padding:24px;background:#fff}.overview-point b[data-v-9c7da829]{display:block;margin-bottom:8px}.overview-point span[data-v-9c7da829]{font-size:13px;color:var(--muted)}.need-head[data-v-9c7da829]{margin-top:72px;text-align:center}.need-head h2[data-v-9c7da829]{font-size:36px;margin:8px 0}.need-head p[data-v-9c7da829]{color:var(--muted)}.need-grid[data-v-9c7da829]{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:30px}.need[data-v-9c7da829]{padding:22px 18px;border:1px solid var(--line);background:#fff;min-height:190px}.need i[data-v-9c7da829]{font-style:normal;color:#159dac;font-size:12px;font-weight:800}.need h3[data-v-9c7da829]{font-size:17px;margin:18px 0 8px}.need p[data-v-9c7da829]{font-size:13px;color:var(--muted);margin:0}
.industries[data-v-9c7da829]{background:#fff}.industry-grid[data-v-9c7da829]{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.industry[data-v-9c7da829]{padding:28px;border:1px solid var(--line);min-height:205px;position:relative;overflow:hidden}.industry[data-v-9c7da829]:after{content:attr(data-no);position:absolute;right:18px;bottom:-25px;font-size:86px;font-weight:900;color:#f1f4f6;line-height:1}.industry[data-v-9c7da829]>*{position:relative;z-index:1}.industry b[data-v-9c7da829]{font-size:20px}.industry p[data-v-9c7da829]{font-size:14px;color:var(--muted);margin:10px 0 22px}.chips[data-v-9c7da829]{display:flex;flex-wrap:wrap;gap:7px}.chips span[data-v-9c7da829]{padding:4px 9px;border-radius:3px;background:#eef8f8;color:#087f8c;font-size:11px;font-weight:700}
.trust[data-v-9c7da829]{padding:58px 0;background:#101a22;color:#fff}.trust-grid[data-v-9c7da829]{display:grid;grid-template-columns:1.3fr repeat(4,1fr);align-items:center;gap:22px}.trust h2[data-v-9c7da829]{font-size:28px;line-height:1.3;margin:0}.trust-stat[data-v-9c7da829]{border-left:1px solid #33424d;padding-left:24px}.trust-stat b[data-v-9c7da829]{display:block;font-size:30px}.trust-stat span[data-v-9c7da829]{font-size:12px;color:#aeb9c0}.customer-line[data-v-9c7da829]{margin-top:34px;padding-top:25px;border-top:1px solid #2a3740;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;color:#aab6bd;font-size:13px}.customer-line b[data-v-9c7da829]{color:#fff}.customer-line span[data-v-9c7da829]{padding:7px 12px;border:1px solid #33434e}
.advantages[data-v-9c7da829]{background:#fff}.adv-grid[data-v-9c7da829]{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.adv[data-v-9c7da829]{padding:26px;border:1px solid var(--line);min-height:180px}.adv-no[data-v-9c7da829]{color:#10a4b3;font-size:12px;font-weight:800}.adv h3[data-v-9c7da829]{font-size:18px;margin:18px 0 8px}.adv p[data-v-9c7da829]{font-size:13px;color:var(--muted);margin:0}
@media(max-width:900px){.nav-links[data-v-9c7da829]{display:none}.hero[data-v-9c7da829]{padding-top:120px}.hero-grid[data-v-9c7da829]{grid-template-columns:1fr}.hero h1[data-v-9c7da829]{font-size:46px}.visual[data-v-9c7da829]{margin-top:20px}.strip-grid[data-v-9c7da829]{grid-template-columns:repeat(2,1fr);gap:22px}.strip-title[data-v-9c7da829]{grid-column:1/-1}.metric[data-v-9c7da829]{padding-left:18px}.overview-grid[data-v-9c7da829]{grid-template-columns:1fr}.need-grid[data-v-9c7da829]{grid-template-columns:repeat(2,1fr)}.role-grid[data-v-9c7da829]{grid-template-columns:repeat(2,1fr)}.role[data-v-9c7da829]:nth-child(2n){border-right:0}.role[data-v-9c7da829]:nth-child(4){border-bottom:1px solid var(--line)}.industry-grid[data-v-9c7da829],.adv-grid[data-v-9c7da829]{grid-template-columns:repeat(2,1fr)}.trust-grid[data-v-9c7da829]{grid-template-columns:repeat(2,1fr)}.trust h2[data-v-9c7da829]{grid-column:1/-1}.platform-grid[data-v-9c7da829],.case-box[data-v-9c7da829]{grid-template-columns:1fr}.path-grid[data-v-9c7da829]{grid-template-columns:repeat(2,1fr)}.section-head[data-v-9c7da829],.cta-inner[data-v-9c7da829]{align-items:flex-start;flex-direction:column}}
@media(max-width:580px){.wrap[data-v-9c7da829]{width:min(100% - 30px,1180px)}header[data-v-9c7da829]{height:64px}.nav-actions .btn[data-v-9c7da829]:first-child{display:none}.btn[data-v-9c7da829]{padding:0 14px}.hero[data-v-9c7da829]{min-height:auto;padding:105px 0 55px}.hero h1[data-v-9c7da829]{font-size:38px}.hero-copy[data-v-9c7da829]{font-size:16px}.proof[data-v-9c7da829]{gap:15px;flex-wrap:wrap}.proof>div[data-v-9c7da829]{width:44%}.browser[data-v-9c7da829]{transform:none}.float-tag[data-v-9c7da829]{right:5px;bottom:-25px}.section[data-v-9c7da829]{padding:68px 0}.section-head h2[data-v-9c7da829]{font-size:32px}.overview-copy[data-v-9c7da829],.overview-points[data-v-9c7da829]{padding:28px 22px}.overview-points[data-v-9c7da829],.need-grid[data-v-9c7da829],.role-grid[data-v-9c7da829],.industry-grid[data-v-9c7da829],.adv-grid[data-v-9c7da829],.architecture[data-v-9c7da829],.steps[data-v-9c7da829],.path-grid[data-v-9c7da829],.trust-grid[data-v-9c7da829]{grid-template-columns:1fr}.need-head[data-v-9c7da829]{margin-top:52px}.need[data-v-9c7da829]{min-height:auto}.role[data-v-9c7da829]{border-right:0!important;border-bottom:1px solid var(--line)!important}.role[data-v-9c7da829]:last-child{border-bottom:0!important}.platform-tabs[data-v-9c7da829],.platform-panel[data-v-9c7da829],.case-copy[data-v-9c7da829],.case-flow[data-v-9c7da829]{padding:32px 24px}.strip-grid[data-v-9c7da829]{grid-template-columns:1fr 1fr}.trust-stat[data-v-9c7da829]{padding-left:18px}.customer-line[data-v-9c7da829]{justify-content:flex-start}.cta h2[data-v-9c7da829]{font-size:32px}.foot>div[data-v-9c7da829]:first-child{grid-column:1/-1}.copyright span[data-v-9c7da829]{display:block;margin-top:8px}}
    /* Unified refinement: overview, platform and business case */
.overview[data-v-9c7da829],.platform[data-v-9c7da829],.case[data-v-9c7da829]{position:relative;overflow:hidden}.overview[data-v-9c7da829]:before,.platform[data-v-9c7da829]:before,.case[data-v-9c7da829]:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(0,102,255,.10),transparent 70%)}
.overview[data-v-9c7da829]{background:linear-gradient(180deg,#f8fbff,#eef5ff)}.overview[data-v-9c7da829]:before{right:-180px;top:-120px}.overview .wrap[data-v-9c7da829]{position:relative}.overview-grid[data-v-9c7da829]{grid-template-columns:40% 60%;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #deebfa;box-shadow:0 25px 65px rgba(24,74,142,.12)}.overview-copy[data-v-9c7da829]{position:relative;padding:52px 46px;background:linear-gradient(145deg,#075ccf,#0a83d8);color:#fff}.overview-copy[data-v-9c7da829]:after{content:"";position:absolute;width:230px;height:230px;border:46px solid rgba(255,255,255,.07);border-radius:50%;right:-125px;bottom:-125px}.overview-copy[data-v-9c7da829]>*{position:relative;z-index:1}.overview-copy .eyebrow[data-v-9c7da829]{color:#b8e1ff}.overview-copy .eyebrow[data-v-9c7da829]:before{background:#82c9ff}.overview-copy h2[data-v-9c7da829]{font-size:42px;line-height:1.25;letter-spacing:-1px}.overview-copy p[data-v-9c7da829]{color:#e8f5ff;line-height:1.9}.overview-points[data-v-9c7da829]{padding:36px;background:radial-gradient(circle at 100% 0,#edf5ff,transparent 35%),#fff}.need-head[data-v-9c7da829]{margin-bottom:20px}.need-grid[data-v-9c7da829]{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.need[data-v-9c7da829]{position:relative;min-height:180px;padding:24px 22px 20px 64px;border:1px solid #e3edf8;border-radius:14px;background:linear-gradient(145deg,#fff,#f8fbff);transition:.25s}.need[data-v-9c7da829]:hover{transform:translateY(-5px);border-color:#b7d5ff;box-shadow:0 16px 34px rgba(23,79,159,.10)}.need[data-v-9c7da829]:before{position:absolute;left:18px;top:22px;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#e8f2ff;color:#0968ef;font-weight:900}.need[data-v-9c7da829]:nth-child(1):before{content:"01"}.need[data-v-9c7da829]:nth-child(2):before{content:"02"}.need[data-v-9c7da829]:nth-child(3):before{content:"03"}.need[data-v-9c7da829]:nth-child(4):before{content:"04"}.need h3[data-v-9c7da829]{margin-top:0}.need p[data-v-9c7da829]{font-size:13px;color:#68778d}
.platform[data-v-9c7da829]{background:linear-gradient(180deg,#f6f9ff,#edf4ff)}.platform[data-v-9c7da829]:before{left:-210px;bottom:-180px}.platform .wrap[data-v-9c7da829]{position:relative}.platform-grid[data-v-9c7da829]{grid-template-columns:38% 62%;min-height:600px;border:1px solid #dae8fa;border-radius:23px;overflow:hidden;box-shadow:0 28px 72px rgba(25,70,135,.13)}.platform-tabs[data-v-9c7da829]{position:relative;padding:48px 34px;background:linear-gradient(150deg,#0e2c59,#0757bd 65%,#086ce4)}.platform-tabs[data-v-9c7da829]:after{content:"";position:absolute;width:260px;height:260px;border:48px solid rgba(255,255,255,.06);border-radius:50%;right:-145px;bottom:-145px}.platform-tabs[data-v-9c7da829]>*{position:relative;z-index:1}.platform-tabs h2[data-v-9c7da829]{font-size:38px}.platform-tabs>p[data-v-9c7da829]{color:#d9eaff}.platform-tabs .tab[data-v-9c7da829]{margin:8px 0;padding:15px 17px;border:1px solid transparent;border-radius:11px;color:#c7dcf8;transition:.22s}.platform-tabs .tab[data-v-9c7da829]:hover{background:rgba(255,255,255,.07);transform:translateX(4px)}.platform-tabs .tab.active[data-v-9c7da829]{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.18);box-shadow:inset 3px 0 #7ac6ff;color:#fff}.platform-panel[data-v-9c7da829]{padding:48px;background:radial-gradient(circle at 100% 0,#eaf3ff,transparent 34%),#fff}.architecture[data-v-9c7da829]{grid-template-columns:repeat(2,1fr);gap:14px}.layer[data-v-9c7da829]{position:relative;min-height:142px;padding:23px 20px 20px 66px;border:1px solid #e2ecf8!important;border-top:1px solid #e2ecf8!important;border-radius:13px;background:#fbfdff;transition:.23s}.layer[data-v-9c7da829]:hover{transform:translateY(-4px);border-color:#b7d4ff!important;box-shadow:0 14px 30px rgba(25,78,150,.10)}.layer[data-v-9c7da829]:before{position:absolute;left:18px;top:21px;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#e8f2ff;color:#0968ef;font-size:11px;font-weight:900}.layer[data-v-9c7da829]:nth-child(1):before{content:"AI"}.layer[data-v-9c7da829]:nth-child(2):before{content:"API"}.layer[data-v-9c7da829]:nth-child(3):before{content:"AG"}.layer[data-v-9c7da829]:nth-child(4):before{content:"KB"}.layer[data-v-9c7da829]:nth-child(5):before{content:"LLM"}.layer[data-v-9c7da829]:nth-child(6):before{content:"SEC"}.layer b[data-v-9c7da829]{font-size:17px}.layer span[data-v-9c7da829]{line-height:1.8}
.case[data-v-9c7da829]{background:linear-gradient(180deg,#fff,#f6f9ff)}.case[data-v-9c7da829]:before{right:-180px;bottom:-160px}.case .wrap[data-v-9c7da829]{position:relative}.case-box[data-v-9c7da829]{grid-template-columns:41% 59%;border:1px solid #deebfa;border-radius:23px;overflow:hidden;background:#fff;box-shadow:0 28px 72px rgba(25,70,135,.12)}.case-copy[data-v-9c7da829]{position:relative;padding:50px 44px;background:radial-gradient(circle at 0 100%,rgba(116,87,235,.09),transparent 34%),linear-gradient(145deg,#fff,#eaf3ff)}.case-copy[data-v-9c7da829]:after{content:"";position:absolute;width:180px;height:180px;border:38px solid rgba(0,102,255,.05);border-radius:50%;right:-95px;top:-90px}.case-copy[data-v-9c7da829]>*{position:relative;z-index:1}.case-copy .eyebrow[data-v-9c7da829]{display:inline-flex;padding:6px 11px;border-radius:999px;background:#e5f0ff}.case-copy .eyebrow[data-v-9c7da829]:before{display:none}.case-copy h3[data-v-9c7da829]{font-size:37px;line-height:1.4}.signals[data-v-9c7da829]{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.signal[data-v-9c7da829]{padding:12px 9px;border:1px solid #dce8f7;border-radius:10px;background:#ffffffcc}.signal b[data-v-9c7da829]{color:#0868ef}.case-flow[data-v-9c7da829]{position:relative;padding:50px 38px;background:linear-gradient(145deg,#0d2a56,#075fcf);overflow:hidden}.case-flow[data-v-9c7da829]:after{content:"";position:absolute;width:280px;height:280px;border:52px solid rgba(255,255,255,.05);border-radius:50%;right:-150px;bottom:-180px}.case-flow>strong[data-v-9c7da829],.steps[data-v-9c7da829]{position:relative;z-index:1}.case-flow>strong[data-v-9c7da829]{display:inline-flex;padding:7px 13px;border-radius:999px;background:#ffffff16;border:1px solid #ffffff24}.steps[data-v-9c7da829]{grid-template-columns:repeat(3,1fr);gap:13px;background:transparent;margin-top:32px}.step[data-v-9c7da829]{position:relative;min-height:215px;padding:23px 19px;border:1px solid #ffffff25;border-radius:14px;background:#ffffff13;transition:.23s}.step[data-v-9c7da829]:hover{transform:translateY(-5px);background:#ffffff20}.step em[data-v-9c7da829]{display:inline-flex;padding:5px 8px;border-radius:7px;background:#4da9ff20;color:#79c5ff}.step b[data-v-9c7da829]{font-size:17px}.step span[data-v-9c7da829]{line-height:1.8;color:#d6e6fb}.step[data-v-9c7da829]:not(:last-child):after{content:"→";position:absolute;right:-23px;top:88px;width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#1478ff;color:#fff;z-index:3}
@media(max-width:900px){.overview-grid[data-v-9c7da829],.platform-grid[data-v-9c7da829],.case-box[data-v-9c7da829]{grid-template-columns:1fr}.overview-points[data-v-9c7da829],.platform-panel[data-v-9c7da829]{padding:36px}.steps[data-v-9c7da829]{grid-template-columns:repeat(3,1fr)}}@media(max-width:680px){.need-grid[data-v-9c7da829],.architecture[data-v-9c7da829],.steps[data-v-9c7da829]{grid-template-columns:1fr}.step[data-v-9c7da829]{min-height:auto}.step[data-v-9c7da829]:not(:last-child):after{content:"↓";right:auto;left:50%;top:auto;bottom:-23px;transform:translateX(-50%)}}@media(max-width:580px){.overview-copy[data-v-9c7da829],.overview-points[data-v-9c7da829],.platform-tabs[data-v-9c7da829],.platform-panel[data-v-9c7da829],.case-copy[data-v-9c7da829],.case-flow[data-v-9c7da829]{padding:30px 22px}.overview-copy h2[data-v-9c7da829],.platform-tabs h2[data-v-9c7da829],.case-copy h3[data-v-9c7da829]{font-size:31px}.overview-grid[data-v-9c7da829],.platform-grid[data-v-9c7da829],.case-box[data-v-9c7da829]{border-radius:16px}}
    /* Added architecture and cooperation modules */
.arch-section[data-v-9c7da829]{background:linear-gradient(180deg,#f8fbff,#edf5ff)}.arch-shell[data-v-9c7da829]{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:15px}.arch-main[data-v-9c7da829]{display:grid;gap:12px}.arch-row[data-v-9c7da829]{display:grid;grid-template-columns:130px minmax(0,1fr);gap:10px}.arch-label[data-v-9c7da829]{display:grid;place-items:center;padding:15px;text-align:center;color:#fff;font-weight:900;border-radius:13px;background:linear-gradient(145deg,#086bf5,#0755c3);box-shadow:0 10px 24px rgba(0,91,205,.18)}.arch-row:nth-child(2) .arch-label[data-v-9c7da829]{background:linear-gradient(145deg,#08af82,#087c69)}.arch-row:nth-child(3) .arch-label[data-v-9c7da829]{background:linear-gradient(145deg,#775beb,#543bb9)}.arch-row:nth-child(4) .arch-label[data-v-9c7da829]{background:linear-gradient(145deg,#f28c27,#d76817)}.arch-items[data-v-9c7da829]{display:flex;flex-wrap:wrap;gap:8px;padding:10px;border:1px solid #dce8f8;border-radius:13px;background:#fff;box-shadow:0 9px 26px rgba(29,70,128,.055)}.arch-item[data-v-9c7da829]{flex:1 1 120px;min-height:65px;padding:10px;display:grid;place-items:center;text-align:center;border:1px solid #e5edf8;border-radius:9px;background:#f7faff;color:#294465;font-size:12px;font-weight:750;transition:.2s}.arch-item[data-v-9c7da829]:hover{transform:translateY(-3px);border-color:#a9ccff;background:#fff;box-shadow:0 9px 20px rgba(25,82,165,.09)}.arch-security[data-v-9c7da829]{padding:20px 14px;border-radius:16px;color:#fff;background:linear-gradient(160deg,#102d60,#0753ae);box-shadow:0 18px 38px rgba(8,52,115,.18)}.arch-security h3[data-v-9c7da829]{text-align:center;margin:0 0 16px}.security-card[data-v-9c7da829]{padding:13px;margin:9px 0;border-radius:10px;background:#fff;color:#40536f;font-size:11.5px;line-height:1.7}.security-card b[data-v-9c7da829]{display:block;color:#0867e9;font-size:14px;border-bottom:1px solid #c3dafa;margin-bottom:6px;padding-bottom:5px}.arch-safe-note[data-v-9c7da829]{text-align:center;color:#d7e9ff;font-size:12px;margin-top:14px}
.cooperation-new[data-v-9c7da829]{background:#fff}.cooperation-grid[data-v-9c7da829]{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cooperation-card[data-v-9c7da829]{position:relative;padding:25px;border:1px solid #e2ebf7;border-radius:17px;background:linear-gradient(155deg,#fff,#f7faff);box-shadow:0 10px 30px rgba(25,68,130,.055);transition:.24s;overflow:hidden}.cooperation-card[data-v-9c7da829]:hover{transform:translateY(-5px);border-color:#bad6ff;box-shadow:0 18px 40px rgba(24,82,165,.12)}.cooperation-card>strong[data-v-9c7da829]{position:absolute;right:16px;top:8px;font-size:50px;line-height:1;color:#e3edfc}.cooperation-card h3[data-v-9c7da829]{position:relative;margin:0;color:#0868ef;font-size:22px}.cooperation-card>p[data-v-9c7da829]{position:relative;margin:3px 0 16px;color:#708096;font-size:13px}.coop-figure[data-v-9c7da829]{height:105px;display:grid;place-items:center;margin:10px 0 17px;border-radius:13px;background:radial-gradient(circle,#dcecff,#f4f8ff 55%,transparent 70%)}.coop-symbol[data-v-9c7da829]{width:62px;height:62px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,#2180ff,#075ee5);color:#fff;font-size:26px;font-weight:900;box-shadow:0 15px 30px rgba(0,102,255,.25)}.cooperation-card:nth-child(2) .coop-symbol[data-v-9c7da829]{background:linear-gradient(145deg,#795ced,#4e62df)}.cooperation-card:nth-child(3) .coop-symbol[data-v-9c7da829]{background:linear-gradient(145deg,#10b98b,#087f6c)}.cooperation-card ul[data-v-9c7da829]{list-style:none;padding:0;margin:0}.cooperation-card li[data-v-9c7da829]{position:relative;padding:6px 0 6px 20px;font-size:13px;color:#415068}.cooperation-card li[data-v-9c7da829]:before{content:"✓";position:absolute;left:0;color:#0870f2;font-weight:900}.coop-outcome[data-v-9c7da829]{margin-top:15px;padding:11px 13px;border-radius:9px;background:#eaf3ff;color:#0862d4;font-size:12px;font-weight:800}.coop-next[data-v-9c7da829]{position:absolute;right:-27px;top:175px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#0870f2;color:#fff;z-index:3}
@media(max-width:950px){.arch-shell[data-v-9c7da829]{grid-template-columns:1fr}.arch-security[data-v-9c7da829]{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.arch-security h3[data-v-9c7da829],.arch-safe-note[data-v-9c7da829]{grid-column:1/-1}.security-card[data-v-9c7da829]{margin:0}.cooperation-grid[data-v-9c7da829]{grid-template-columns:1fr}.coop-next[data-v-9c7da829]{display:none}}@media(max-width:650px){.arch-row[data-v-9c7da829]{grid-template-columns:1fr}.arch-label[data-v-9c7da829]{justify-content:start}.arch-items[data-v-9c7da829]{display:grid;grid-template-columns:repeat(2,1fr)}.arch-security[data-v-9c7da829]{grid-template-columns:1fr}.arch-security h3[data-v-9c7da829],.arch-safe-note[data-v-9c7da829]{grid-column:auto}}@media(max-width:420px){.arch-items[data-v-9c7da829]{grid-template-columns:1fr}}
    /* Architecture card icons */
.arch-item[data-v-9c7da829]{min-height:86px;grid-template-rows:32px auto;align-content:center;gap:5px}.arch-item[data-v-9c7da829]:before{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;margin:auto;background:#e7f1ff;color:#0869f3;font-size:16px;font-weight:900;line-height:1}.arch-row:nth-child(2) .arch-item[data-v-9c7da829]:before{background:#e7f8f3;color:#079b72}.arch-row:nth-child(3) .arch-item[data-v-9c7da829]:before{background:#efecff;color:#7154df}.arch-row:nth-child(4) .arch-item[data-v-9c7da829]:before{background:#fff1e4;color:#df7417}
.arch-row:nth-child(1) .arch-item[data-v-9c7da829]:nth-child(1):before{content:"▤"}.arch-row:nth-child(1) .arch-item[data-v-9c7da829]:nth-child(2):before{content:"▣"}.arch-row:nth-child(1) .arch-item[data-v-9c7da829]:nth-child(3):before{content:"◉"}.arch-row:nth-child(1) .arch-item[data-v-9c7da829]:nth-child(4):before{content:"◌"}.arch-row:nth-child(1) .arch-item[data-v-9c7da829]:nth-child(5):before{content:"◇"}.arch-row:nth-child(1) .arch-item[data-v-9c7da829]:nth-child(6):before{content:"＋"}
.arch-row:nth-child(2) .arch-item[data-v-9c7da829]:nth-child(1):before{content:"◍"}.arch-row:nth-child(2) .arch-item[data-v-9c7da829]:nth-child(2):before{content:"▦"}.arch-row:nth-child(2) .arch-item[data-v-9c7da829]:nth-child(3):before{content:"▤"}.arch-row:nth-child(2) .arch-item[data-v-9c7da829]:nth-child(4):before{content:"⌘"}
.arch-row:nth-child(3) .arch-item[data-v-9c7da829]:nth-child(1):before{content:"◎"}.arch-row:nth-child(3) .arch-item[data-v-9c7da829]:nth-child(2):before{content:"↻"}.arch-row:nth-child(3) .arch-item[data-v-9c7da829]:nth-child(3):before{content:"⌘"}.arch-row:nth-child(3) .arch-item[data-v-9c7da829]:nth-child(4):before{content:"✦"}.arch-row:nth-child(3) .arch-item[data-v-9c7da829]:nth-child(5):before{content:"▣"}.arch-row:nth-child(3) .arch-item[data-v-9c7da829]:nth-child(6):before{content:"☷"}
.arch-row:nth-child(4) .arch-item[data-v-9c7da829]:nth-child(1):before{content:"DS";font-size:10px}.arch-row:nth-child(4) .arch-item[data-v-9c7da829]:nth-child(2):before{content:"QW";font-size:9px}.arch-row:nth-child(4) .arch-item[data-v-9c7da829]:nth-child(3):before{content:"GLM";font-size:8px}.arch-row:nth-child(4) .arch-item[data-v-9c7da829]:nth-child(4):before{content:"AI";font-size:10px}.arch-row:nth-child(4) .arch-item[data-v-9c7da829]:nth-child(5):before{content:"↗"}
@media(max-width:580px){.arch-item[data-v-9c7da829]{min-height:80px}.arch-item[data-v-9c7da829]:before{width:28px;height:28px}}
    /* 2026 color-block refinement: no outline-driven sectioning */
[data-v-9c7da829]:root{--blue:#007FFF;--blue-700:#0067d5;--blue-100:#eaf4ff;--blue-50:#f5f9ff;--ink:#17243a;--muted:#64748b;--line:transparent}
.zjsclaw-page[data-v-9c7da829]{color:var(--ink);}.section[data-v-9c7da829]{overflow:hidden}.eyebrow[data-v-9c7da829]{color:var(--blue)}.eyebrow[data-v-9c7da829]:before{background:var(--blue)}
.logo-mark[data-v-9c7da829]{width:42px;height:42px;border-radius:0;background:url("data:image/png;base64,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") center/contain no-repeat;box-shadow:none!important}.logo-mark[data-v-9c7da829]:after{display:none}
.btn[data-v-9c7da829],.role-grid[data-v-9c7da829],.role[data-v-9c7da829],.overview-grid[data-v-9c7da829],.overview-point[data-v-9c7da829],.need[data-v-9c7da829],.industry[data-v-9c7da829],.platform-grid[data-v-9c7da829],.layer[data-v-9c7da829],.case-box[data-v-9c7da829],.signal[data-v-9c7da829],.step[data-v-9c7da829],.adv[data-v-9c7da829],.cooperation-card[data-v-9c7da829],.arch-items[data-v-9c7da829],.arch-item[data-v-9c7da829],.overview-points[data-v-9c7da829]{border:0!important}
.section-head h2[data-v-9c7da829]{color:#17243a}.section-head p[data-v-9c7da829]{color:#697a90}

    /* 1. Lifecycle strip */
.strip[data-v-9c7da829]{padding:34px 0;background:linear-gradient(120deg,#006de4 0%,#007fff 58%,#3da2ff 100%);color:#fff;position:relative;overflow:hidden}
.strip[data-v-9c7da829]:after{content:"";position:absolute;width:340px;height:340px;border-radius:50%;right:-100px;top:-230px;background:rgba(255,255,255,.12)}
.strip-grid[data-v-9c7da829]{position:relative;z-index:1;grid-template-columns:1.45fr repeat(4,1fr);gap:12px}.strip-title[data-v-9c7da829]{font-size:20px;line-height:1.5}
.metric[data-v-9c7da829]{border:0!important;padding:17px 18px;border-radius:14px;background:rgba(255,255,255,.15);backdrop-filter:blur(8px);box-shadow:0 10px 28px rgba(0,59,127,.10)}
.metric[data-v-9c7da829]:nth-child(3){background:rgba(255,255,255,.21)}.metric[data-v-9c7da829]:nth-child(4){background:rgba(218,239,255,.23)}.metric[data-v-9c7da829]:nth-child(5){background:rgba(255,255,255,.12)}
.metric b[data-v-9c7da829]{font-size:24px}.metric span[data-v-9c7da829]{color:#e6f3ff}

    /* 2. Product overview */
.overview[data-v-9c7da829]{background:linear-gradient(180deg,#f4f9ff,#fff)}.overview[data-v-9c7da829]:before{display:none}
.overview-grid[data-v-9c7da829]{background:#fff;border-radius:26px;box-shadow:0 28px 80px rgba(31,105,184,.10)}
.overview-copy[data-v-9c7da829]{background:linear-gradient(145deg,#007fff,#2995ff);padding:54px 48px}.overview-copy[data-v-9c7da829]:after{display:none}
.overview-points[data-v-9c7da829]{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:30px;background:#fff}
.overview-point[data-v-9c7da829]{position:relative;border-radius:17px;padding:25px;background:#f0f7ff}
.overview-point[data-v-9c7da829]:nth-child(2){background:#eef5ff}.overview-point[data-v-9c7da829]:nth-child(3){background:#f5f2ff}.overview-point[data-v-9c7da829]:nth-child(4){background:#ebf9f5}
.overview-point[data-v-9c7da829]:before{display:grid;place-items:center;width:36px;height:36px;margin-bottom:16px;border-radius:11px;background:#fff;color:var(--blue);font-weight:900;box-shadow:0 8px 20px rgba(31,111,205,.10)}
.overview-point[data-v-9c7da829]:nth-child(1):before{content:"AI"}.overview-point[data-v-9c7da829]:nth-child(2):before{content:"知"}.overview-point[data-v-9c7da829]:nth-child(3):before{content:"✦"}.overview-point[data-v-9c7da829]:nth-child(4):before{content:"↗"}

    /* 3. Why enterprises need it */
.need-head[data-v-9c7da829]{margin-top:84px}.need-grid[data-v-9c7da829]{grid-template-columns:repeat(5,1fr);gap:15px}
.need[data-v-9c7da829]{min-height:230px;padding:24px 20px;border-radius:18px;background:#eff7ff;box-shadow:none}
.need[data-v-9c7da829]:nth-child(2){background:#f3f1ff}.need[data-v-9c7da829]:nth-child(3){background:#edf8ff}.need[data-v-9c7da829]:nth-child(4){background:#eef9f5}.need[data-v-9c7da829]:nth-child(5){background:#fff5ea}
.need[data-v-9c7da829]:hover{border:0!important;background:#fff;box-shadow:0 20px 50px rgba(25,94,173,.11)}
.need[data-v-9c7da829]:before{position:static;width:42px;height:42px;margin-bottom:18px;border-radius:13px;background:#fff;color:var(--blue);box-shadow:0 8px 20px rgba(35,109,189,.09)}
.need[data-v-9c7da829]:nth-child(1):before{content:"盾"}.need[data-v-9c7da829]:nth-child(2):before{content:"链"}.need[data-v-9c7da829]:nth-child(3):before{content:"启"}.need[data-v-9c7da829]:nth-child(4):before{content:"知"}.need[data-v-9c7da829]:nth-child(5):before{content:"数"}
.need i[data-v-9c7da829]{color:var(--blue)}.need h3[data-v-9c7da829]{margin:0 0 9px}

    /* 4. AI employees */
.roles[data-v-9c7da829]{background:#fff}.role-grid[data-v-9c7da829]{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;background:transparent}
.role[data-v-9c7da829]{min-height:270px;padding:28px;border-radius:19px;background:#f1f7ff;box-shadow:none}
.role[data-v-9c7da829]:nth-child(2),.role[data-v-9c7da829]:nth-child(7){background:#eef5ff}.role[data-v-9c7da829]:nth-child(3),.role[data-v-9c7da829]:nth-child(6){background:#f4f2ff}.role[data-v-9c7da829]:nth-child(4),.role[data-v-9c7da829]:nth-child(5){background:#edf8ff}.role[data-v-9c7da829]:nth-child(8){background:#eaf4ff}
.role[data-v-9c7da829]:hover{background:#fff;box-shadow:0 22px 55px rgba(27,100,180,.12)}.role-icon[data-v-9c7da829]{background:#fff;color:var(--blue);box-shadow:0 9px 24px rgba(31,111,205,.11)}
.role small[data-v-9c7da829]{color:var(--blue)}

    /* 5. Industry solutions */
.industries[data-v-9c7da829]{background:#f6f9fd}.industry-grid[data-v-9c7da829]{gap:18px}
.industry[data-v-9c7da829]{min-height:235px;padding:30px;border-radius:20px;background:#fff;box-shadow:0 12px 34px rgba(27,83,145,.055)}
.industry[data-v-9c7da829]:nth-child(2),.industry[data-v-9c7da829]:nth-child(5){background:#edf6ff}.industry[data-v-9c7da829]:nth-child(3),.industry[data-v-9c7da829]:nth-child(6){background:#f3f1ff}
.industry[data-v-9c7da829]:before{display:grid;place-items:center;width:44px;height:44px;margin-bottom:20px;border-radius:13px;background:#dceeff;color:var(--blue);font-size:20px;font-weight:900}
.industry[data-v-9c7da829]:nth-child(1):before{content:"购"}.industry[data-v-9c7da829]:nth-child(2):before{content:"制"}.industry[data-v-9c7da829]:nth-child(3):before{content:"学"}.industry[data-v-9c7da829]:nth-child(4):before{content:"医"}.industry[data-v-9c7da829]:nth-child(5):before{content:"金"}.industry[data-v-9c7da829]:nth-child(6):before{content:"旅"}
.industry[data-v-9c7da829]:after{color:rgba(0,127,255,.07)}.chips span[data-v-9c7da829]{background:#e0efff;color:#006bdc}

    /* 6. Enterprise service proof */
.trust[data-v-9c7da829]{padding:74px 0;background:linear-gradient(118deg,#0069dd,#007fff 55%,#4ba8ff);position:relative;overflow:hidden}
.trust[data-v-9c7da829]:before,.trust[data-v-9c7da829]:after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.10)}.trust[data-v-9c7da829]:before{width:360px;height:360px;right:-120px;top:-250px}.trust[data-v-9c7da829]:after{width:220px;height:220px;left:-100px;bottom:-160px}
.trust .wrap[data-v-9c7da829]{position:relative;z-index:1}.trust-grid[data-v-9c7da829]{grid-template-columns:1.35fr repeat(4,1fr);gap:14px}
.trust-stat[data-v-9c7da829]{border:0!important;padding:22px;border-radius:17px;background:rgba(255,255,255,.15);backdrop-filter:blur(8px);text-align:center}.trust-stat[data-v-9c7da829]:nth-child(3){background:rgba(255,255,255,.21)}
.trust-stat b[data-v-9c7da829]{font-size:32px}.trust-stat span[data-v-9c7da829]{color:#e5f2ff}.customer-line[data-v-9c7da829]{border:0!important;margin-top:30px;padding:20px 22px;border-radius:17px;background:rgba(255,255,255,.12);justify-content:flex-start}
.customer-line span[data-v-9c7da829]{border:0!important;padding:8px 13px;border-radius:999px;background:rgba(255,255,255,.14);color:#eff8ff}

    /* 7. Advantages */
.advantages[data-v-9c7da829]{background:#fff}.adv-grid[data-v-9c7da829]{gap:18px}.adv[data-v-9c7da829]{min-height:215px;padding:28px;border-radius:19px;background:#eff7ff;position:relative}
.adv[data-v-9c7da829]:nth-child(2),.adv[data-v-9c7da829]:nth-child(5){background:#f3f1ff}.adv[data-v-9c7da829]:nth-child(3),.adv[data-v-9c7da829]:nth-child(6){background:#eef9f5}
.adv[data-v-9c7da829]:before{display:grid;place-items:center;width:42px;height:42px;margin-bottom:18px;border-radius:13px;background:#fff;color:var(--blue);font-size:18px;font-weight:900;box-shadow:0 8px 20px rgba(33,106,186,.08)}
.adv[data-v-9c7da829]:nth-child(1):before{content:"盾"}.adv[data-v-9c7da829]:nth-child(2):before{content:"闪"}.adv[data-v-9c7da829]:nth-child(3):before{content:"服"}.adv[data-v-9c7da829]:nth-child(4):before{content:"链"}.adv[data-v-9c7da829]:nth-child(5):before{content:"∞"}.adv[data-v-9c7da829]:nth-child(6):before{content:"数"}
.adv-no[data-v-9c7da829]{position:absolute;right:22px;top:23px;color:var(--blue)}.adv h3[data-v-9c7da829]{margin:0 0 10px}

    /* Global block separation */
.platform[data-v-9c7da829],.arch-section[data-v-9c7da829],.path[data-v-9c7da829]{background:#f5f9fe}.case[data-v-9c7da829],.cooperation-new[data-v-9c7da829]{background:#fff}
.platform-grid[data-v-9c7da829],.case-box[data-v-9c7da829],.cooperation-card[data-v-9c7da829],.arch-items[data-v-9c7da829]{box-shadow:0 18px 55px rgba(26,91,163,.075)}
@media(max-width:1050px){.need-grid[data-v-9c7da829]{grid-template-columns:repeat(3,1fr)}.strip-grid[data-v-9c7da829]{grid-template-columns:repeat(2,1fr)}.strip-title[data-v-9c7da829]{grid-column:1/-1}}
@media(max-width:900px){.overview-points[data-v-9c7da829]{grid-template-columns:repeat(2,1fr)}.role-grid[data-v-9c7da829]{grid-template-columns:repeat(2,1fr)}.trust-grid[data-v-9c7da829]{grid-template-columns:repeat(2,1fr)}.trust h2[data-v-9c7da829]{grid-column:1/-1}}
@media(max-width:620px){.strip-grid[data-v-9c7da829],.need-grid[data-v-9c7da829],.role-grid[data-v-9c7da829],.overview-points[data-v-9c7da829],.trust-grid[data-v-9c7da829]{grid-template-columns:1fr}.metric[data-v-9c7da829]{padding:15px}.overview-copy[data-v-9c7da829],.overview-points[data-v-9c7da829]{padding:26px 20px}.need[data-v-9c7da829],.role[data-v-9c7da829],.industry[data-v-9c7da829],.adv[data-v-9c7da829]{min-height:auto}.trust-stat[data-v-9c7da829]{text-align:left}}

    /* Detail refinement */
    /* Unified enterprise-needs cards and functional pictograms */
.need[data-v-9c7da829],.need[data-v-9c7da829]:nth-child(2),.need[data-v-9c7da829]:nth-child(3),.need[data-v-9c7da829]:nth-child(4),.need[data-v-9c7da829]:nth-child(5){background:#eff7ff}
.need[data-v-9c7da829]:before{font-family:Arial,"PingFang SC",sans-serif;font-size:21px;line-height:1}
.need[data-v-9c7da829]:nth-child(1):before{content:"⌾"}.need[data-v-9c7da829]:nth-child(2):before{content:"⌘"}.need[data-v-9c7da829]:nth-child(3):before{content:"⚡"}.need[data-v-9c7da829]:nth-child(4):before{content:"◇"}.need[data-v-9c7da829]:nth-child(5):before{content:"▥"}

    /* Unified AI employee cards and role icons */
.role[data-v-9c7da829],.role[data-v-9c7da829]:nth-child(2),.role[data-v-9c7da829]:nth-child(3),.role[data-v-9c7da829]:nth-child(4),.role[data-v-9c7da829]:nth-child(5),.role[data-v-9c7da829]:nth-child(6),.role[data-v-9c7da829]:nth-child(7),.role[data-v-9c7da829]:nth-child(8){background:#f1f7ff}
.role-icon[data-v-9c7da829]{font-family:Arial,"PingFang SC",sans-serif;font-size:0}
.role-icon[data-v-9c7da829]:before{font-size:22px;line-height:1}
.role:nth-child(1) .role-icon[data-v-9c7da829]:before{content:"⚖"}.role:nth-child(2) .role-icon[data-v-9c7da829]:before{content:"∑"}.role:nth-child(3) .role-icon[data-v-9c7da829]:before{content:"♙"}.role:nth-child(4) .role-icon[data-v-9c7da829]:before{content:"◖◗";font-size:16px;letter-spacing:-5px}.role:nth-child(5) .role-icon[data-v-9c7da829]:before{content:"↗"}.role:nth-child(6) .role-icon[data-v-9c7da829]:before{content:"⌘"}.role:nth-child(7) .role-icon[data-v-9c7da829]:before{content:"▥"}.role:nth-child(8) .role-icon[data-v-9c7da829]:before{content:"✦"}

    /* White industry cards and industry pictograms */
.industry[data-v-9c7da829],.industry[data-v-9c7da829]:nth-child(2),.industry[data-v-9c7da829]:nth-child(3),.industry[data-v-9c7da829]:nth-child(4),.industry[data-v-9c7da829]:nth-child(5),.industry[data-v-9c7da829]:nth-child(6){background:#fff}
.industry[data-v-9c7da829]:before{font-family:Arial,"PingFang SC",sans-serif;font-size:21px;line-height:1}
.industry[data-v-9c7da829]:nth-child(1):before{content:"⌑"}.industry[data-v-9c7da829]:nth-child(2):before{content:"⚙"}.industry[data-v-9c7da829]:nth-child(3):before{content:"⌂"}.industry[data-v-9c7da829]:nth-child(4):before{content:"✚"}.industry[data-v-9c7da829]:nth-child(5):before{content:"▤"}.industry[data-v-9c7da829]:nth-child(6):before{content:"⌖"}

    /* Cooperation illustrations: full-width visual panels */
.cooperation-card[data-v-9c7da829]{padding:28px}.coop-figure[data-v-9c7da829]{height:150px;width:100%;margin:18px 0 20px;border-radius:14px;background:linear-gradient(135deg,#e8f3ff,#f7fbff);position:relative;overflow:hidden}
.coop-figure[data-v-9c7da829]:before,.coop-figure[data-v-9c7da829]:after{content:"";position:absolute;border-radius:50%;background:rgba(0,127,255,.10)}
.coop-figure[data-v-9c7da829]:before{width:150px;height:150px;right:-48px;top:-70px}.coop-figure[data-v-9c7da829]:after{width:90px;height:90px;left:-24px;bottom:-46px}
.coop-symbol[data-v-9c7da829]{position:relative;z-index:1;width:calc(100% - 28px);height:116px;border-radius:13px;background:linear-gradient(135deg,#128cff,#006fe6);font-size:34px;box-shadow:0 14px 30px rgba(0,127,255,.20)}
.cooperation-card:nth-child(2) .coop-figure[data-v-9c7da829]{background:linear-gradient(135deg,#eef3ff,#fafbff)}.cooperation-card:nth-child(2) .coop-symbol[data-v-9c7da829]{background:linear-gradient(135deg,#4d9eff,#197be8)}
.cooperation-card:nth-child(3) .coop-figure[data-v-9c7da829]{background:linear-gradient(135deg,#e9f5ff,#f8fbff)}.cooperation-card:nth-child(3) .coop-symbol[data-v-9c7da829]{background:linear-gradient(135deg,#2c96ff,#0878ea)}
.coop-outcome[data-v-9c7da829]{width:100%;box-sizing:border-box}.coop-next[data-v-9c7da829]{display:none!important}

    /* White footer brand mark only */
footer .logo-mark[data-v-9c7da829]{filter:brightness(0) invert(1)}

    /* Stronger blue hierarchy refinement */
    /* Enterprise needs: solid brand-blue cards */
.need[data-v-9c7da829],.need[data-v-9c7da829]:nth-child(2),.need[data-v-9c7da829]:nth-child(3),.need[data-v-9c7da829]:nth-child(4),.need[data-v-9c7da829]:nth-child(5){
      background:#007FFF;color:#fff;box-shadow:0 18px 42px rgba(0,127,255,.20)
}
.need[data-v-9c7da829]:hover{background:#0072e6;box-shadow:0 24px 55px rgba(0,105,220,.28)}
.need i[data-v-9c7da829],.need h3[data-v-9c7da829],.need p[data-v-9c7da829]{color:#fff}.need p[data-v-9c7da829]{opacity:.84}
.need[data-v-9c7da829]:before{background:rgba(255,255,255,.18);color:#fff;box-shadow:none}

    /* AI employees: one immersive blue area with calm light cards */
.roles[data-v-9c7da829]{position:relative;background:linear-gradient(135deg,#0069dc 0%,#007fff 52%,#3ca1ff 100%);overflow:hidden}
.roles[data-v-9c7da829]:before,.roles[data-v-9c7da829]:after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.roles[data-v-9c7da829]:before{width:520px;height:520px;right:-180px;top:-300px;background:rgba(255,255,255,.11)}
.roles[data-v-9c7da829]:after{width:300px;height:300px;left:-140px;bottom:-190px;background:rgba(0,63,145,.13)}
.roles .wrap[data-v-9c7da829]{position:relative;z-index:1}.roles .section-head h2[data-v-9c7da829]{color:#fff}.roles .section-head p[data-v-9c7da829]{color:#e3f1ff}
.roles .eyebrow[data-v-9c7da829]{color:#fff}.roles .eyebrow[data-v-9c7da829]:before{background:#fff}
.role-grid[data-v-9c7da829]{gap:18px}.role[data-v-9c7da829],.role[data-v-9c7da829]:nth-child(2),.role[data-v-9c7da829]:nth-child(3),.role[data-v-9c7da829]:nth-child(4),.role[data-v-9c7da829]:nth-child(5),.role[data-v-9c7da829]:nth-child(6),.role[data-v-9c7da829]:nth-child(7),.role[data-v-9c7da829]:nth-child(8){
      background:#fff;box-shadow:0 18px 45px rgba(0,66,145,.15)
}
.role[data-v-9c7da829]:nth-child(2),.role[data-v-9c7da829]:nth-child(4),.role[data-v-9c7da829]:nth-child(5),.role[data-v-9c7da829]:nth-child(7){background:#f1f7ff}
.role[data-v-9c7da829]:hover{background:#fff;transform:translateY(-7px);box-shadow:0 28px 65px rgba(0,56,128,.24)}
.role-icon[data-v-9c7da829]{background:#e2f0ff;color:#007fff;box-shadow:none}.role h3[data-v-9c7da829]{color:#17243a}.role p[data-v-9c7da829]{color:#66788e}.role small[data-v-9c7da829]{color:#007fff}

    /* Industries: stronger blue icon anchors */
.industry-grid[data-v-9c7da829]{gap:20px}.industry[data-v-9c7da829]{box-shadow:0 16px 45px rgba(24,83,149,.08);transition:.28s}
.industry[data-v-9c7da829]:hover{transform:translateY(-6px);box-shadow:0 24px 60px rgba(18,91,172,.14)}
.industry[data-v-9c7da829]:before{background:#007FFF;color:#fff;box-shadow:0 12px 27px rgba(0,127,255,.24)}
.industry b[data-v-9c7da829]{color:#17243a}.industry p[data-v-9c7da829]{color:#66788e}
.chips span[data-v-9c7da829]{background:#e7f3ff;color:#006fdc}
@media(max-width:620px){
.roles[data-v-9c7da829]:before{width:300px;height:300px;right:-170px;top:-120px}
.need[data-v-9c7da829]{box-shadow:0 13px 30px rgba(0,127,255,.17)}
}

    /* Final visual coordination */
.role-icon[data-v-9c7da829]{background:#007FFF;color:#fff;box-shadow:0 10px 24px rgba(0,127,255,.22)}
.platform[data-v-9c7da829]{background:linear-gradient(145deg,#061b39 0%,#08366e 58%,#0757a9 100%);position:relative}
.platform[data-v-9c7da829]:before{width:480px;height:480px;left:-180px;bottom:-250px;background:radial-gradient(circle,rgba(54,151,255,.25),transparent 68%)}
.platform .section-head h2[data-v-9c7da829],.platform .section-head p[data-v-9c7da829],.platform .eyebrow[data-v-9c7da829]{color:#fff}.platform .eyebrow[data-v-9c7da829]:before{background:#65b4ff}
.platform-grid[data-v-9c7da829]{box-shadow:0 35px 85px rgba(0,12,35,.28)}
.case[data-v-9c7da829]{background:linear-gradient(140deg,#071b37 0%,#0a3262 54%,#07559e 100%);position:relative}
.case[data-v-9c7da829]:before{width:520px;height:520px;right:-210px;bottom:-280px;background:radial-gradient(circle,rgba(62,158,255,.24),transparent 68%)}
.case .section-head h2[data-v-9c7da829],.case .section-head p[data-v-9c7da829],.case .eyebrow[data-v-9c7da829]{color:#fff}.case .eyebrow[data-v-9c7da829]:before{background:#69b8ff}
.case-box[data-v-9c7da829]{box-shadow:0 36px 90px rgba(0,11,31,.30)}
.path-card strong[data-v-9c7da829]{color:#007FFF!important;opacity:1;text-shadow:0 8px 22px rgba(0,127,255,.14)}

    /* Footer content synchronized with zjsai.com/portal/home */
.portal-foot[data-v-9c7da829]{display:grid;grid-template-columns:1.1fr 1.55fr 1fr;gap:48px;align-items:start}
.portal-foot-brand .logo[data-v-9c7da829]{color:#fff;margin-bottom:18px}.portal-foot-brand .logo-mark[data-v-9c7da829]{filter:brightness(0) invert(1)}
.portal-hotline[data-v-9c7da829]{font-size:14px;color:#aeb9c0}.portal-hotline strong[data-v-9c7da829]{display:block;margin-top:5px;color:#fff;font-size:27px;letter-spacing:.02em}
.portal-info p[data-v-9c7da829]{margin:0 0 8px;font-size:12px;color:#9cabb8}.portal-info a[data-v-9c7da829]{color:#c5d5e2}.portal-info a[data-v-9c7da829]:hover{color:#fff}
.portal-contact[data-v-9c7da829]{padding:22px;border-radius:16px;background:#192631}.portal-contact h4[data-v-9c7da829]{margin:0 0 15px;color:#fff}
.portal-contact p[data-v-9c7da829]{margin:8px 0;font-size:12px;color:#afbeca}.portal-contact b[data-v-9c7da829]{color:#fff}
.portal-qr[data-v-9c7da829]{display:flex;align-items:center;gap:13px;margin-top:18px}.portal-qr img[data-v-9c7da829]{width:74px;height:74px;border-radius:7px;background:#fff;padding:4px}.portal-qr span[data-v-9c7da829]{font-size:12px;color:#aebdca}
.portal-keywords[data-v-9c7da829]{margin-top:34px;padding-top:20px;border-top:1px solid #2b3945;color:#758796;font-size:11px;line-height:1.8}
@media(max-width:900px){.portal-foot[data-v-9c7da829]{grid-template-columns:1fr 1fr}.portal-contact[data-v-9c7da829]{grid-column:1/-1}}
@media(max-width:600px){.portal-foot[data-v-9c7da829]{grid-template-columns:1fr}.portal-contact[data-v-9c7da829]{grid-column:auto}.platform[data-v-9c7da829],.case[data-v-9c7da829]{background:linear-gradient(145deg,#071c38,#08457f)}}

    /* Original footer migrated from zjsai.com/portal/home */
.portal-
    .portal-footer .footer-purpose[data-v-9c7da829]{width:var(--footer-container);max-width:100%;color:var(--footer-text);box-sizing:border-box;margin:0 auto;overflow:hidden}
.portal-footer .footer-info[data-v-9c7da829]{float:left}.portal-footer .logoandcontact[data-v-9c7da829]{overflow:hidden}
.portal-footer .logo[data-v-9c7da829]{float:left;width:auto;display:block}.portal-footer .logo img[data-v-9c7da829]{width:120px;height:53px;display:block}
.portal-footer .contact[data-v-9c7da829]{float:left;white-space:nowrap;margin-left:45px;font-size:20px;line-height:49px;color:var(--footer-text)!important}
.portal-footer .contact span[data-v-9c7da829]{font-size:30px;color:var(--footer-text)!important}
.portal-footer .info[data-v-9c7da829]{color:var(--footer-muted);padding:30px 0 15px;font-size:14px;line-height:26px}
.portal-footer .info p[data-v-9c7da829]{margin:0}.portal-footer .info a[data-v-9c7da829]{color:var(--footer-muted);text-decoration:none}.portal-footer .info a[data-v-9c7da829]:hover{color:var(--footer-text)}
.portal-footer .verification[data-v-9c7da829]{align-items:center;gap:8px;display:flex}.portal-footer .verification img[data-v-9c7da829]{width:auto;height:42px;display:block}
.portal-footer .contact-eq[data-v-9c7da829]{float:right;overflow:hidden}.portal-footer .content-box[data-v-9c7da829]{white-space:nowrap;margin-left:30px;font-size:16px;line-height:40px;color:var(--footer-text)!important}
.portal-footer .gap[data-v-9c7da829]{margin-left:28px}.portal-footer .eq-content-box[data-v-9c7da829]{margin-left:30px}
.portal-footer .eq-content-box img[data-v-9c7da829]{width:155px;height:155px;display:block}.portal-footer .eq-content-box .text[data-v-9c7da829]{color:var(--footer-text);text-align:left;margin-top:15px;font-size:16px}
.portal-footer .clear[data-v-9c7da829]{clear:both;height:0;overflow:hidden}.portal-footer .keywords[data-v-9c7da829]{text-indent:28px;color:var(--footer-text);font-size:14px;line-height:40px}
@media screen and (max-width:1200px){.portal-footer .footer-purpose[data-v-9c7da829]{width:100%;padding-left:20px;padding-right:20px}}
@media screen and (max-width:960px){.portal-footer .footer-info[data-v-9c7da829],.portal-footer .contact-eq[data-v-9c7da829],.portal-footer .logo[data-v-9c7da829],.portal-footer .contact[data-v-9c7da829]{float:none}.portal-footer .logoandcontact[data-v-9c7da829]{flex-wrap:wrap;align-items:center;gap:12px 24px;display:flex}.portal-footer .contact[data-v-9c7da829]{white-space:normal;margin-left:0;line-height:1.4}.portal-footer .contact-eq[data-v-9c7da829]{margin-top:28px}.portal-footer .content-box[data-v-9c7da829]{white-space:normal;margin-left:0}.portal-footer .eq-content-box[data-v-9c7da829]{margin-left:0}.portal-footer .gap[data-v-9c7da829]{margin-left:0;display:inline-block}.portal-footer .keywords[data-v-9c7da829]{text-indent:0;margin-top:8px}}
@media screen and (max-width:768px){.portal-footer .footer-purpose[data-v-9c7da829]{padding-left:16px;padding-right:16px}.portal-footer .contact[data-v-9c7da829]{font-size:16px}.portal-footer .contact span[data-v-9c7da829]{font-size:22px}.portal-footer .eq-content-box img[data-v-9c7da829]{width:120px;height:120px}}

    /* Restore the previous light versions of platform and business-case sections */
.platform[data-v-9c7da829]{background:linear-gradient(180deg,#f6f9ff,#edf4ff)}
.platform[data-v-9c7da829]:before{width:420px;height:420px;left:-210px;bottom:-180px;background:radial-gradient(circle,rgba(0,102,255,.10),transparent 70%)}
.platform .section-head h2[data-v-9c7da829]{color:#17243a}.platform .section-head p[data-v-9c7da829]{color:#697a90}.platform .eyebrow[data-v-9c7da829]{color:#007fff}.platform .eyebrow[data-v-9c7da829]:before{background:#007fff}
.platform-grid[data-v-9c7da829]{box-shadow:0 28px 72px rgba(25,70,135,.13)}
.case[data-v-9c7da829]{background:linear-gradient(180deg,#fff,#f6f9ff)}
.case[data-v-9c7da829]:before{width:420px;height:420px;right:-180px;bottom:-160px;background:radial-gradient(circle,rgba(0,102,255,.10),transparent 70%)}
.case .section-head h2[data-v-9c7da829]{color:#17243a}.case .section-head p[data-v-9c7da829]{color:#697a90}.case .eyebrow[data-v-9c7da829]{color:#007fff}.case .eyebrow[data-v-9c7da829]:before{background:#007fff}
.case-box[data-v-9c7da829]{box-shadow:0 28px 72px rgba(25,70,135,.12)}
@media(max-width:600px){.platform[data-v-9c7da829]{background:linear-gradient(180deg,#f6f9ff,#edf4ff)}.case[data-v-9c7da829]{background:linear-gradient(180deg,#fff,#f6f9ff)}}

    /* Product overview card matched to the supplied design */
.overview-copy[data-v-9c7da829]{
      background:
        radial-gradient(circle at 93% 100%,transparent 0 104px,rgba(255,255,255,.075) 105px 148px,transparent 149px),
        radial-gradient(circle at 93% 100%,transparent 0 158px,rgba(255,255,255,.055) 159px 204px,transparent 205px),
        #1476D4;
      color:#fff
}
.overview-copy[data-v-9c7da829]:after{display:none}
.overview-copy .eyebrow[data-v-9c7da829]{color:#d9edff}.overview-copy .eyebrow[data-v-9c7da829]:before{background:#8dccff}
.overview-copy h2[data-v-9c7da829]{color:#fff}.overview-copy p[data-v-9c7da829]{color:#fff;opacity:.92}
  

/* 顶栏：电话胶囊（对齐门户 Navbar）+ 蓝色免费咨询 */
.zjsclaw-page[data-v-9c7da829] .nav-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}
.zjsclaw-page[data-v-9c7da829] .nav-service-phone {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 36px;
  padding: 0 14px;
  border-radius: 999px;
  background: #0066ff;
  box-shadow: 0 3px 10px rgb(0 102 255 / 20%);
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  transition:
    background-color 0.2s,
    box-shadow 0.2s,
    transform 0.2s;
}
.zjsclaw-page[data-v-9c7da829] .nav-service-phone:hover {
  background: #0056d9;
  box-shadow: 0 5px 14px rgb(0 102 255 / 28%);
  color: #fff;
  transform: translateY(-1px);
}
.zjsclaw-page[data-v-9c7da829] .nav-actions .consult-btn.btn.primary {
  min-height: 36px;
  padding: 0 18px;
  border-radius: 8px;
  border: 1px solid #0066ff;
  background: #0066ff;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
}
.zjsclaw-page[data-v-9c7da829] .nav-actions .consult-btn.btn.primary:hover {
  background: #0056d9;
  border-color: #0056d9;
  color: #fff;
}
@media (max-width: 580px) {
  /* 覆盖原 HTML：小屏隐藏第一个 btn；电话按钮需保留 */
.zjsclaw-page[data-v-9c7da829] .nav-actions .btn:first-child {
    display: inline-flex;
}
.zjsclaw-page[data-v-9c7da829] .nav-links {
    display: none;
}
}


/* ===== Reset & Base ===== */
.sol-ecom-b2b2c, .sol-ecom-b2b2c *, .sol-ecom-b2b2c *::before, .sol-ecom-b2b2c *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.sol-ecom-b2b2c {
  --c-primary:#1e88e5;
  --c-primary-2:#1976d2;
  --c-primary-3:#1565c0;
  --c-primary-4:#0d47a1;
  --c-primary-light:#42a5f5;
  --c-primary-bright:#2196f3;
  --c-cyan:#06b6d4;
  --c-slate:#475569;
  --c-slate-light:#64748b;
  --c-text:#0f172a;
  --c-text-mid:#334155;
  --c-bg:#f5f9ff;
  --c-bg-2:#eef4fc;
  --c-bg-3:#e8f1fb;
  --c-border:#e2e8f0;
  --c-white:#fff;
  --radius:14px;
  --radius-lg:22px;
  --shadow-sm:0 2px 8px rgba(30,136,229,.08);
  --shadow:0 8px 28px rgba(30,136,229,.10);
  --shadow-lg:0 18px 56px rgba(30,136,229,.14);
  --shadow-xl:0 28px 80px rgba(30,136,229,.18);
  --max-w:1280px;
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
}
.sol-ecom-b2b2c {
  scroll-behavior: smooth;
  font-size: 16px;
}
.sol-ecom-b2b2c {
  font-family: var(--font);
  color: var(--c-text);
  background: var(--c-white);
  line-height: 1.7;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}
.sol-ecom-b2b2c a {
  text-decoration: none;
  color: inherit;
}
.sol-ecom-b2b2c img {
  max-width: 100%;
  display: block;
}
.sol-ecom-b2b2c ul {
  list-style: none;
}
.sol-ecom-b2b2c .container {
  max-width: var(--max-w);
  margin: 0 auto;
  padding: 0 24px;
}
.sol-ecom-b2b2c .section {
  padding: 96px 0;
  position: relative;
}
.sol-ecom-b2b2c .section-sm {
  padding: 72px 0;
}

/* ===== Typography ===== */
.sol-ecom-b2b2c .section-num {
  display: none;
}
.sol-ecom-b2b2c .section-title {
  font-size: 2.4rem;
  font-weight: 800;
  color: var(--c-text);
  line-height: 1.25;
  margin-bottom: 18px;
  letter-spacing: -0.02em;
}
.sol-ecom-b2b2c .section-subtitle {
  font-size: 1.08rem;
  color: var(--c-slate);
  max-width: 720px;
  line-height: 1.8;
}
.sol-ecom-b2b2c .section-head {
  margin-bottom: 46px;
}
.sol-ecom-b2b2c .section-head.center {
  text-align: center;
}
.sol-ecom-b2b2c .section-head.center .section-subtitle {
  margin: 0 auto;
}

/* ===== Buttons ===== */
.sol-ecom-b2b2c .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 28px;
  border-radius: 12px;
  font-size: 0.94rem;
  font-weight: 600;
  cursor: pointer;
  border: none;
  transition: all 0.25s;
  white-space: nowrap;
  line-height: 1.2;
}
.sol-ecom-b2b2c .btn-primary {
  background: #1e88e5;
  color: #fff;
  box-shadow: 0 4px 14px rgba(30, 136, 229, 0.35);
}
.sol-ecom-b2b2c .btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(30, 136, 229, 0.45);
}
.sol-ecom-b2b2c .btn-primary:active {
  transform: translateY(1px);
}
.sol-ecom-b2b2c .btn-ghost {
  background: rgba(255, 255, 255, 0.14);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.35);
  backdrop-filter: blur(6px);
}
.sol-ecom-b2b2c .btn-ghost:hover {
  background: rgba(255, 255, 255, 0.24);
  transform: translateY(-2px);
}
.sol-ecom-b2b2c .btn-lg {
  padding: 17px 40px;
  font-size: 1.05rem;
  border-radius: 14px;
}

/* ===== Hero ===== */
.sol-ecom-b2b2c .hero {
  position: relative;
  background: #0d47a1;
  padding: 88px 0 100px;
  overflow: hidden;
}
.sol-ecom-b2b2c .hero-grid {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 56px;
  align-items: center;
  position: relative;
  z-index: 1;
}
.sol-ecom-b2b2c .hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 18px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 100px;
  color: #fff;
  font-size: 0.82rem;
  font-weight: 500;
  margin-bottom: 30px;
  backdrop-filter: blur(8px);
}
.sol-ecom-b2b2c .hero-badge .dot {
  width: 8px;
  height: 8px;
  background: #34d399;
  border-radius: 50%;
  box-shadow: 0 0 10px #34d399;
  animation: pulse 1.6s ease-in-out infinite;
}
@keyframes pulse {
0%, 100% {
    opacity: 1;
    transform: scale(1);
}
50% {
    opacity: 0.6;
    transform: scale(1.3);
}
}
.sol-ecom-b2b2c .hero h1 {
  font-size: 3.2rem;
  font-weight: 900;
  color: #fff;
  line-height: 1.18;
  letter-spacing: -0.025em;
  margin-bottom: 24px;
}
.sol-ecom-b2b2c .hero h1 .highlight {
  color: #bbdefb;
  position: relative;
  display: inline-block;
}
.sol-ecom-b2b2c .hero-sub {
  font-size: 1.14rem;
  color: rgba(255, 255, 255, 0.85);
  line-height: 1.85;
  margin-bottom: 28px;
  max-width: 560px;
}
.sol-ecom-b2b2c .hero-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 36px;
}
.sol-ecom-b2b2c .hero-tags span {
  padding: 7px 16px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 30px;
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.85);
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(4px);
}
.sol-ecom-b2b2c .hero-cta {
  display: flex;
  gap: 16px;
  margin-bottom: 40px;
  flex-wrap: wrap;
}
.sol-ecom-b2b2c .hero-trust {
  display: flex;
  align-items: center;
  gap: 30px;
  flex-wrap: wrap;
}
.sol-ecom-b2b2c .hero-trust-item {
  display: flex;
  align-items: center;
  gap: 10px;
}
.sol-ecom-b2b2c .hero-trust-num {
  font-size: 1.65rem;
  font-weight: 800;
  color: #fff;
}
.sol-ecom-b2b2c .hero-trust-label {
  font-size: 0.82rem;
  color: rgba(255, 255, 255, 0.6);
}
.sol-ecom-b2b2c .hero-trust-divider {
  width: 1px;
  height: 40px;
  background: rgba(255, 255, 255, 0.18);
}

/* Hero Dashboard Mockup */
.sol-ecom-b2b2c .hero-visual {
  position: relative;
}
.sol-ecom-b2b2c .dash-mock {
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 40px 90px rgba(0, 30, 80, 0.45);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.sol-ecom-b2b2c .dash-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 14px 18px;
  background: #f0f7ff;
  border-bottom: 1px solid var(--c-border);
}
.sol-ecom-b2b2c .dash-bar .dots {
  display: flex;
  gap: 6px;
}
.sol-ecom-b2b2c .dash-bar .dots span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.sol-ecom-b2b2c .dash-bar .dots span:nth-child(1) {
  background: #ef4444;
}
.sol-ecom-b2b2c .dash-bar .dots span:nth-child(2) {
  background: #f59e0b;
}
.sol-ecom-b2b2c .dash-bar .dots span:nth-child(3) {
  background: #22c55e;
}
.sol-ecom-b2b2c .dash-bar .url {
  flex: 1;
  text-align: center;
  font-size: 0.72rem;
  color: var(--c-slate-light);
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 6px;
  padding: 4px 14px;
  margin-left: 8px;
}
.sol-ecom-b2b2c .dash-body {
  display: grid;
  grid-template-columns: 68px 1fr;
  min-height: 360px;
}
.sol-ecom-b2b2c .dash-side {
  background: #1565c0;
  padding: 16px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.sol-ecom-b2b2c .dash-side .icon-item {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.5);
  transition: 0.2s;
}
.sol-ecom-b2b2c .dash-side .icon-item.active {
  background: #1e88e5;
  color: #fff;
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.5);
}
.sol-ecom-b2b2c .dash-side .icon-item svg {
  width: 18px;
  height: 18px;
}
.sol-ecom-b2b2c .dash-main {
  padding: 20px;
  background: #fafbfc;
}
.sol-ecom-b2b2c .dash-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-bottom: 16px;
}
.sol-ecom-b2b2c .dash-stat {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 12px;
  padding: 14px;
  transition: 0.2s;
}
.sol-ecom-b2b2c .dash-stat:hover {
  border-color: var(--c-primary-light);
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.1);
}
.sol-ecom-b2b2c .dash-stat-label {
  font-size: 0.68rem;
  color: var(--c-slate-light);
  margin-bottom: 4px;
}
.sol-ecom-b2b2c .dash-stat-val {
  font-size: 1.2rem;
  font-weight: 800;
  color: var(--c-text);
}
.sol-ecom-b2b2c .dash-stat-trend {
  font-size: 0.65rem;
  font-weight: 700;
  margin-top: 3px;
}
.sol-ecom-b2b2c .up {
  color: #10b981;
}
.sol-ecom-b2b2c .dn {
  color: #ef4444;
}
.sol-ecom-b2b2c .dash-chart {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 12px;
  padding: 16px;
}
.sol-ecom-b2b2c .dash-chart-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
}
.sol-ecom-b2b2c .dash-chart-title {
  font-size: 0.74rem;
  font-weight: 600;
  color: var(--c-text);
}
.sol-ecom-b2b2c .dash-chart-tag {
  font-size: 0.62rem;
  color: var(--c-primary);
  background: #e6f1ff;
  padding: 3px 10px;
  border-radius: 100px;
  font-weight: 600;
}
.sol-ecom-b2b2c .bars {
  display: flex;
  align-items: flex-end;
  gap: 6px;
  height: 96px;
}
.sol-ecom-b2b2c .bar {
  flex: 1;
  border-radius: 4px 4px 0 0;
  background: #1e88e5;
  opacity: 0.9;
  transition: opacity 0.2s;
}
.sol-ecom-b2b2c .bar:hover {
  opacity: 1;
}
.sol-ecom-b2b2c .bar.dim {
  background: #94a3b8;
}
.sol-ecom-b2b2c .dash-float {
  position: absolute;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 14px 36px rgba(0, 30, 80, 0.25);
  padding: 14px 18px;
  display: flex;
  align-items: center;
  gap: 14px;
  animation: float 3.5s ease-in-out infinite;
  border: 1px solid rgba(255, 255, 255, 0.6);
}
.sol-ecom-b2b2c .dash-float-1 {
  top: -20px;
  right: -12px;
  animation-delay: 0s;
}
.sol-ecom-b2b2c .dash-float-2 {
  bottom: -18px;
  left: -18px;
  animation-delay: 1.5s;
}
.sol-ecom-b2b2c .dash-float-icon {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.sol-ecom-b2b2c .dash-float-icon.green {
  background: linear-gradient(135deg, #d1fae5, #a7f3d0);
  color: #10b981;
}
.sol-ecom-b2b2c .dash-float-icon.blue {
  background: linear-gradient(135deg, #dbeafe, #bfdbfe);
  color: #1e88e5;
}
.sol-ecom-b2b2c .dash-float-text .num {
  font-size: 1.05rem;
  font-weight: 800;
  color: var(--c-text);
}
.sol-ecom-b2b2c .dash-float-text .label {
  font-size: 0.7rem;
  color: var(--c-slate-light);
}
@keyframes float {
0%, 100% {
    transform: translateY(0);
}
50% {
    transform: translateY(-12px);
}
}
/* ===== Pain Points ===== */
.sol-ecom-b2b2c .pain-section {
  background: #f5f9ff;
}
.sol-ecom-b2b2c .pain-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}
.sol-ecom-b2b2c .pain-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 36px 30px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-ecom-b2b2c .pain-card:hover {
  border-color: var(--c-primary-light);
  box-shadow: var(--shadow-xl);
  transform: translateY(-6px);
}
.sol-ecom-b2b2c .pain-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: #1e88e5;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.sol-ecom-b2b2c .pain-card:hover::before {
  transform: scaleX(1);
}
.sol-ecom-b2b2c .pain-num {
  position: absolute;
  top: 24px;
  right: 28px;
  font-size: 2.8rem;
  font-weight: 900;
  color: rgba(30, 136, 229, 0.06);
  line-height: 1;
}
.sol-ecom-b2b2c .pain-icon {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: #e3f2fd;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.15);
}
.sol-ecom-b2b2c .pain-icon svg {
  width: 28px;
  height: 28px;
  color: var(--c-primary-2);
}
.sol-ecom-b2b2c .pain-title {
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.sol-ecom-b2b2c .pain-desc {
  font-size: 0.92rem;
  color: var(--c-slate);
  line-height: 1.8;
}

/* ===== Solution Overview ===== */
.sol-ecom-b2b2c .solution-section {
  background: #fff;
}
.sol-ecom-b2b2c .solution-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}
.sol-ecom-b2b2c .solution-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 40px 32px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-ecom-b2b2c .solution-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
}
.sol-ecom-b2b2c .solution-icon {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  background: #1e88e5;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.3);
}
.sol-ecom-b2b2c .solution-icon svg {
  width: 26px;
  height: 26px;
  color: #fff;
}
.sol-ecom-b2b2c .solution-card h3 {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 14px;
}
.sol-ecom-b2b2c .solution-card p {
  font-size: 0.95rem;
  color: var(--c-slate);
  line-height: 1.8;
}

/* ===== Solution Route ===== */
.sol-ecom-b2b2c .solution-route {
  margin-top: 34px;
  padding: 26px;
  background: #fff;
  border: 1px solid #dce7f3;
  border-radius: 16px;
  box-shadow: var(--shadow-sm);
}
.sol-ecom-b2b2c .solution-route h3 {
  text-align: center;
  font-size: 1.12rem;
  margin-bottom: 22px;
  color: var(--c-text);
}
.sol-ecom-b2b2c .route-track {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 12px;
  position: relative;
}
.sol-ecom-b2b2c .route-item {
  position: relative;
  text-align: center;
  padding: 15px 8px;
  background: #f4f8fe;
  border: 1px solid #d7e7f9;
  border-radius: 10px;
  font-size: 0.84rem;
  font-weight: 700;
  color: #174f8b;
}
.sol-ecom-b2b2c .route-item small {
  display: block;
  margin-top: 5px;
  color: #6c829b;
  font-size: 0.68rem;
  font-weight: 400;
}
.sol-ecom-b2b2c .route-item:not(:last-child):after {
  content: "→";
  position: absolute;
  right: -12px;
  top: 30px;
  color: #087cf0;
  font-size: 18px;
  z-index: 2;
}

/* ===== Architecture ===== */
.sol-ecom-b2b2c .arch-section {
  background: #f5f9ff;
}
.sol-ecom-b2b2c .arch-board {
  padding: 34px;
  border: 1px solid #d5e6f8;
  border-radius: 20px;
  background: #f8fbff;
  box-shadow: 0 16px 36px rgba(13, 71, 161, 0.08);
  position: relative;
}
.sol-ecom-b2b2c .arch-kicker {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  margin-bottom: 20px;
}
.sol-ecom-b2b2c .arch-kicker b {
  font-size: 1.1rem;
  color: #102e52;
}
.sol-ecom-b2b2c .arch-kicker span {
  font-size: 0.78rem;
  color: var(--c-primary-3);
  background: #e6f2ff;
  border-radius: 100px;
  padding: 6px 12px;
}
.sol-ecom-b2b2c .arch-map {
  display: grid;
  gap: 13px;
}
.sol-ecom-b2b2c .arch-band {
  display: grid;
  grid-template-columns: 174px 1fr;
  gap: 13px;
  align-items: stretch;
}
.sol-ecom-b2b2c .arch-band-label {
  padding: 16px;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #e6f1ff;
  color: #125aa5;
  font-size: 0.92rem;
  font-weight: 800;
}
.sol-ecom-b2b2c .arch-band-label small {
  margin-top: 5px;
  color: #5f87b4;
  font-size: 0.68rem;
  font-weight: 500;
}
.sol-ecom-b2b2c .arch-band-content {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
}
.sol-ecom-b2b2c .arch-unit {
  min-height: 84px;
  padding: 13px 9px;
  border: 1px solid #d4e5f8;
  border-radius: 11px;
  background: #fff;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #143b68;
  font-size: 0.82rem;
  font-weight: 800;
  transition: transform 0.2s, box-shadow 0.2s;
}
.sol-ecom-b2b2c .arch-unit:hover {
  transform: translateY(-3px);
  box-shadow: 0 7px 16px rgba(30, 136, 229, 0.12);
}
.sol-ecom-b2b2c .arch-unit i {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  margin-bottom: 6px;
  border-radius: 7px;
  background: #e5f1ff;
  color: #1565c0;
  font-size: 0.72rem;
  font-style: normal;
}
.sol-ecom-b2b2c .arch-unit small {
  display: block;
  color: #7088a3;
  font-size: 0.66rem;
  font-weight: 400;
  line-height: 1.35;
  margin-top: 4px;
}
.sol-ecom-b2b2c .arch-band.core .arch-band-label {
  background: #0d47a1;
  color: #fff;
}
.sol-ecom-b2b2c .arch-band.core .arch-band-label small {
  color: #c6e1ff;
}
.sol-ecom-b2b2c .arch-band.core .arch-unit {
  background: #1565c0;
  border-color: #1565c0;
  color: #fff;
}
.sol-ecom-b2b2c .arch-band.core .arch-unit i {
  background: #fff;
  color: #1565c0;
}
.sol-ecom-b2b2c .arch-band.core .arch-unit small {
  color: #d6eaff;
}
.sol-ecom-b2b2c .arch-map-note {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px dashed #cfe1f6;
  color: #5f7b9c;
  font-size: 0.8rem;
}

/* ===== Core Functions ===== */
.sol-ecom-b2b2c .func-section {
  background: #f5f9ff;
}
.sol-ecom-b2b2c .func-section .section-head {
  max-width: 740px;
  margin-left: auto;
  margin-right: auto;
}
.sol-ecom-b2b2c .func-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
  align-items: stretch;
}
.sol-ecom-b2b2c .func-card {
  min-height: 292px;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
  border: 1px solid #d7e6f6;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 7px 18px rgba(18, 74, 136, 0.055);
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
.sol-ecom-b2b2c .func-card:hover {
  transform: translateY(-7px);
  border-color: #78b7f4;
  box-shadow: 0 16px 30px rgba(18, 112, 212, 0.14);
}
.sol-ecom-b2b2c .func-card:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  height: auto;
  background: #1e88e5;
}
.sol-ecom-b2b2c .func-card-num {
  position: absolute;
  top: 18px;
  right: 18px;
  width: 34px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: #e9f3ff;
  color: #1565c0;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.06em;
}
.sol-ecom-b2b2c .func-card-body {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 27px 24px 24px;
}
.sol-ecom-b2b2c .func-card-icon {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  flex: none;
  border-radius: 13px;
  background: #e7f2ff;
  color: #1565c0;
  box-shadow: none;
  margin: 0 0 22px;
}
.sol-ecom-b2b2c .func-card-icon svg {
  width: 24px;
  height: 24px;
}
.sol-ecom-b2b2c .func-card h3 {
  margin: 0 0 11px;
  min-height: 48px;
  display: flex;
  align-items: flex-start;
  font-size: 1.03rem;
  line-height: 1.45;
  color: #102e52;
}
.sol-ecom-b2b2c .func-card p {
  margin: 0;
  font-size: 0.88rem;
  color: #476585;
  line-height: 1.75;
}

/* ===== Core Advantages ===== */
.sol-ecom-b2b2c .advantage-section {
  background: #fff;
}
.sol-ecom-b2b2c .advantage-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}
.sol-ecom-b2b2c .advantage-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius);
  padding: 34px 28px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
  min-height: 238px;
}
.sol-ecom-b2b2c .advantage-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
  border-color: var(--c-primary-light);
}
.sol-ecom-b2b2c .advantage-card::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #1e88e5, #42a5f5);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.sol-ecom-b2b2c .advantage-card:hover::before {
  transform: scaleX(1);
}
.sol-ecom-b2b2c .advantage-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: #1e88e5;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  box-shadow: 0 6px 16px rgba(30, 136, 229, 0.25);
}
.sol-ecom-b2b2c .advantage-icon svg {
  width: 24px;
  height: 24px;
  color: #fff;
}
.sol-ecom-b2b2c .advantage-card h3 {
  font-size: 1.12rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.sol-ecom-b2b2c .advantage-card p {
  font-size: 0.9rem;
  color: var(--c-slate);
  line-height: 1.75;
}

/* ===== Application Scenarios ===== */
.sol-ecom-b2b2c .scenario-section {
  background: #f5f9ff;
}
.sol-ecom-b2b2c .scenario-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.sol-ecom-b2b2c .scenario-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius);
  padding: 32px 28px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-ecom-b2b2c .scenario-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
  border-color: var(--c-primary-light);
}
.sol-ecom-b2b2c .scenario-tag {
  display: inline-block;
  padding: 5px 12px;
  background: #e6f1ff;
  color: var(--c-primary);
  font-size: 0.72rem;
  font-weight: 700;
  border-radius: 100px;
  margin-bottom: 16px;
}
.sol-ecom-b2b2c .scenario-card h3 {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.sol-ecom-b2b2c .scenario-card p {
  font-size: 0.9rem;
  color: var(--c-slate);
  line-height: 1.75;
}

/* ===== Customer Value ===== */
.sol-ecom-b2b2c .value-section {
  background: #fff;
}
.sol-ecom-b2b2c .value-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}
.sol-ecom-b2b2c .value-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 36px 26px;
  text-align: center;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-ecom-b2b2c .value-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-6px);
}
.sol-ecom-b2b2c .value-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: #1e88e5;
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.4s;
}
.sol-ecom-b2b2c .value-card:hover::before {
  transform: scaleX(1);
}
.sol-ecom-b2b2c .value-icon {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: #1e88e5;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.3);
}
.sol-ecom-b2b2c .value-icon svg {
  width: 28px;
  height: 28px;
  color: #fff;
}
.sol-ecom-b2b2c .value-card h3 {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.sol-ecom-b2b2c .value-card p {
  font-size: 0.88rem;
  color: var(--c-slate);
  line-height: 1.75;
}
.sol-ecom-b2b2c .value-highlight {
  display: inline-block;
  margin-top: 14px;
  padding: 5px 14px;
  background: #fff;
  border: 1px solid var(--c-primary-light);
  border-radius: 100px;
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--c-primary);
}

/* ===== Trust Section ===== */
.sol-ecom-b2b2c .trust-section {
  background: #0d47a1;
  position: relative;
  overflow: hidden;
  padding: 100px 0;
}
.sol-ecom-b2b2c .trust-section::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
}
.sol-ecom-b2b2c .trust-section .section-title {
  color: #fff;
}
.sol-ecom-b2b2c .trust-section .section-subtitle {
  color: rgba(255, 255, 255, 0.7);
}
.sol-ecom-b2b2c .trust-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  margin-bottom: 60px;
}
.sol-ecom-b2b2c .trust-stat {
  text-align: center;
  padding: 36px 22px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius);
  transition: 0.3s;
  backdrop-filter: blur(6px);
}
.sol-ecom-b2b2c .trust-stat:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.18);
  transform: translateY(-6px);
}
.sol-ecom-b2b2c .trust-stat .num {
  font-size: 2.8rem;
  font-weight: 900;
  color: #fff;
  letter-spacing: -0.025em;
  line-height: 1;
  margin-bottom: 8px;
}
.sol-ecom-b2b2c .trust-stat .num .unit {
  font-size: 1.4rem;
  font-weight: 700;
}
.sol-ecom-b2b2c .trust-stat .label {
  font-size: 0.88rem;
  color: rgba(255, 255, 255, 0.55);
  font-weight: 500;
}
.sol-ecom-b2b2c .logo-wall {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius-lg);
  padding: 44px;
  margin-bottom: 48px;
  backdrop-filter: blur(6px);
}
.sol-ecom-b2b2c .logo-wall-title {
  text-align: center;
  font-size: 0.82rem;
  color: rgba(255, 255, 255, 0.45);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  margin-bottom: 28px;
  font-weight: 600;
}
.sol-ecom-b2b2c .logo-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 18px;
}
.sol-ecom-b2b2c .logo-item {
  height: 64px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.82rem;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.4);
  transition: 0.3s;
}
.sol-ecom-b2b2c .logo-item:hover {
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.8);
  border-color: rgba(255, 255, 255, 0.18);
  transform: translateY(-2px);
}
.sol-ecom-b2b2c .trust-cert {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}
.sol-ecom-b2b2c .cert-card {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius);
  padding: 28px;
  display: flex;
  align-items: center;
  gap: 18px;
  transition: 0.3s;
  backdrop-filter: blur(6px);
}
.sol-ecom-b2b2c .cert-card:hover {
  background: rgba(255, 255, 255, 0.08);
  transform: translateY(-3px);
}
.sol-ecom-b2b2c .cert-icon {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(66, 165, 245, 0.2), rgba(30, 136, 229, 0.2));
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border: 1px solid rgba(66, 165, 245, 0.3);
}
.sol-ecom-b2b2c .cert-icon svg {
  width: 26px;
  height: 26px;
  color: #90caf9;
}
.sol-ecom-b2b2c .cert-info .title {
  font-size: 0.92rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 4px;
}
.sol-ecom-b2b2c .cert-info .desc {
  font-size: 0.78rem;
  color: rgba(255, 255, 255, 0.45);
}

/* ===== FAQ ===== */
.sol-ecom-b2b2c .faq-section {
  background: #f5f9ff;
}
.sol-ecom-b2b2c .faq-wrap {
  max-width: 880px;
  margin: 0 auto;
}
.sol-ecom-b2b2c .faq-item {
  border: 1.5px solid var(--c-border);
  border-radius: var(--radius);
  margin-bottom: 14px;
  overflow: hidden;
  transition: 0.3s;
  background: #fff;
}
.sol-ecom-b2b2c .faq-item.active {
  border-color: var(--c-primary);
  box-shadow: 0 8px 28px rgba(30, 136, 229, 0.12);
}
.sol-ecom-b2b2c .faq-item.active .faq-q {
  color: var(--c-primary);
}
.sol-ecom-b2b2c .faq-q {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22px 28px;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 600;
  color: var(--c-text);
  transition: color 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  gap: 16px;
}
.sol-ecom-b2b2c .faq-q .arrow {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  transition: transform 0.3s;
  color: var(--c-slate-light);
}
.sol-ecom-b2b2c .faq-item.active .faq-q .arrow {
  transform: rotate(180deg);
  color: var(--c-primary);
}
.sol-ecom-b2b2c .faq-a {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}
.sol-ecom-b2b2c .faq-a-inner {
  padding: 0 28px 24px;
  font-size: 0.94rem;
  color: var(--c-slate);
  line-height: 1.85;
}

/* ===== Final CTA ===== */
.sol-ecom-b2b2c .cta-section {
  position: relative;
  background: #1565c0;
  padding: 100px 0;
  overflow: hidden;
}
.cta-section::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 60px;
  background: #0d47a1;
  pointer-events: none;
  z-index: 0;
}
.sol-ecom-b2b2c .cta-inner {
  position: relative;
  z-index: 1;
  text-align: center;
  max-width: 820px;
  margin: 0 auto;
}
.sol-ecom-b2b2c .cta-inner h2 {
  font-size: 2.5rem;
  font-weight: 900;
  color: #fff;
  letter-spacing: -0.025em;
  margin-bottom: 20px;
  line-height: 1.25;
}
.sol-ecom-b2b2c .cta-inner h2 .highlight {
  color: #bbdefb;
}
.sol-ecom-b2b2c .cta-inner p {
  font-size: 1.12rem;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.85;
  margin-bottom: 44px;
}
.sol-ecom-b2b2c .cta-options {
  display: flex;
  gap: 18px;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 36px;
}
.sol-ecom-b2b2c .cta-note {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.5);
  flex-wrap: wrap;
}
.sol-ecom-b2b2c .cta-note .dot {
  width: 5px;
  height: 5px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
}

/* ===== Footer (zjssoft.com exact style) ===== */
/* ===== Scroll Animations ===== */
.sol-ecom-b2b2c .reveal {
  opacity: 0;
  transform: translateY(32px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}
.sol-ecom-b2b2c .reveal.active {
  opacity: 1;
  transform: translateY(0);
}
.sol-ecom-b2b2c .reveal-delay-1 {
  transition-delay: 0.12s;
}
.sol-ecom-b2b2c .reveal-delay-2 {
  transition-delay: 0.24s;
}
.sol-ecom-b2b2c .reveal-delay-3 {
  transition-delay: 0.36s;
}

/* ===== Mobile Responsive ===== */
@media (max-width: 1024px) {
.sol-ecom-b2b2c .hero-grid {
    grid-template-columns: 1fr;
    gap: 48px;
}
.sol-ecom-b2b2c .hero h1 {
    font-size: 2.6rem;
}
.sol-ecom-b2b2c .pain-grid {
    grid-template-columns: repeat(2, 1fr);
}
.sol-ecom-b2b2c .solution-grid {
    grid-template-columns: 1fr;
}
.sol-ecom-b2b2c .route-track {
    grid-template-columns: repeat(2, 1fr);
}
.sol-ecom-b2b2c .route-item:not(:last-child):after {
    display: none;
}
.sol-ecom-b2b2c .arch-band {
    grid-template-columns: 1fr;
}
.sol-ecom-b2b2c .arch-band-content {
    grid-template-columns: repeat(3, 1fr);
}
.sol-ecom-b2b2c .func-grid {
    grid-template-columns: repeat(2, 1fr);
}
.sol-ecom-b2b2c .advantage-grid {
    grid-template-columns: repeat(2, 1fr);
}
.sol-ecom-b2b2c .scenario-grid {
    grid-template-columns: repeat(2, 1fr);
}
.sol-ecom-b2b2c .value-grid {
    grid-template-columns: repeat(2, 1fr);
}
.sol-ecom-b2b2c .trust-stats {
    grid-template-columns: repeat(2, 1fr);
}
.sol-ecom-b2b2c .logo-grid {
    grid-template-columns: repeat(3, 1fr);
}
.sol-ecom-b2b2c .trust-cert {
    grid-template-columns: 1fr;
}
}
@media (max-width: 768px) {
.sol-ecom-b2b2c .section {
    padding: 72px 0;
}
.sol-ecom-b2b2c .section-title {
    font-size: 1.8rem;
}
.sol-ecom-b2b2c .section-head {
    margin-bottom: 42px;
}
.sol-ecom-b2b2c .hero {
    padding: 100px 0 64px;
}
.sol-ecom-b2b2c .hero h1 {
    font-size: 2.1rem;
}
.sol-ecom-b2b2c .hero-sub {
    font-size: 1.05rem;
}
.sol-ecom-b2b2c .hero-cta {
    flex-direction: column;
    width: 100%;
}
.sol-ecom-b2b2c .hero-cta .btn {
    width: 100%;
}
.sol-ecom-b2b2c .hero-trust {
    gap: 20px;
}
.sol-ecom-b2b2c .hero-trust-divider {
    display: none;
}
.sol-ecom-b2b2c .hero-trust-num {
    font-size: 1.4rem;
}
.sol-ecom-b2b2c .hero-trust-label {
    font-size: 0.78rem;
}
.sol-ecom-b2b2c .hero-visual {
    max-width: 440px;
    margin: 0 auto;
}
.sol-ecom-b2b2c .dash-float {
    display: none;
}
.sol-ecom-b2b2c .pain-grid {
    grid-template-columns: 1fr;
    gap: 18px;
}
.sol-ecom-b2b2c .pain-card {
    padding: 30px 24px;
}
.sol-ecom-b2b2c .route-track {
    grid-template-columns: 1fr;
}
.sol-ecom-b2b2c .arch-band-content {
    grid-template-columns: repeat(2, 1fr);
}
.sol-ecom-b2b2c .func-card {
    min-height: auto;
    padding: 0;
    flex-direction: column;
    gap: 16px;
}
.sol-ecom-b2b2c .func-card h3 {
    min-height: auto;
}
.sol-ecom-b2b2c .advantage-grid {
    grid-template-columns: 1fr;
}
.sol-ecom-b2b2c .scenario-grid {
    grid-template-columns: 1fr;
}
.sol-ecom-b2b2c .value-grid {
    grid-template-columns: 1fr 1fr;
}
.sol-ecom-b2b2c .trust-stats {
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}
.sol-ecom-b2b2c .trust-stat {
    padding: 24px 14px;
}
.sol-ecom-b2b2c .trust-stat .num {
    font-size: 2.1rem;
}
.sol-ecom-b2b2c .logo-wall {
    padding: 28px;
}
.sol-ecom-b2b2c .logo-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
}
.sol-ecom-b2b2c .logo-item {
    height: 54px;
    font-size: 0.75rem;
}
.sol-ecom-b2b2c .cert-card {
    padding: 20px;
}
.sol-ecom-b2b2c .cta-inner h2 {
    font-size: 1.9rem;
}
.sol-ecom-b2b2c .cta-inner p {
    font-size: 1rem;
}
.sol-ecom-b2b2c .cta-options {
    flex-direction: column;
    width: 100%;
}
.sol-ecom-b2b2c .cta-options .btn {
    width: 100%;
}
}
@media (max-width: 480px) {
.sol-ecom-b2b2c .container {
    padding: 0 18px;
}
.sol-ecom-b2b2c .hero h1 {
    font-size: 1.85rem;
}
.sol-ecom-b2b2c .section-title {
    font-size: 1.55rem;
}
.sol-ecom-b2b2c .dash-stats {
    grid-template-columns: 1fr;
    gap: 8px;
}
.sol-ecom-b2b2c .value-grid {
    grid-template-columns: 1fr;
}
}
@media (max-width: 768px) {
.sol-ecom-b2b2c .hero-trust {
    justify-content: flex-start;
}
.sol-ecom-b2b2c .hero-trust-item {
    min-width: 80px;
}
.sol-ecom-b2b2c .arch-band-content {
    grid-template-columns: repeat(2, 1fr);
}
.sol-ecom-b2b2c .arch-unit {
    min-height: 72px;
}
.sol-ecom-b2b2c .route-track {
    grid-template-columns: 1fr;
}
.sol-ecom-b2b2c .route-item:not(:last-child):after {
    display: none;
}
}
@media (max-width: 480px) {
.sol-ecom-b2b2c .hero-trust {
    gap: 14px;
}
.sol-ecom-b2b2c .hero-trust-item {
    min-width: 68px;
}
.sol-ecom-b2b2c .hero-trust-num {
    font-size: 1.25rem;
}
.sol-ecom-b2b2c .hero-trust-label {
    font-size: 0.72rem;
}
.sol-ecom-b2b2c .arch-band-content {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
}
.sol-ecom-b2b2c .arch-unit {
    padding: 10px 6px;
    font-size: 0.72rem;
}
.sol-ecom-b2b2c .arch-unit i {
    width: 20px;
    height: 20px;
    font-size: 0.65rem;
}
.sol-ecom-b2b2c .arch-unit small {
    display: none;
}
.sol-ecom-b2b2c .faq-q {
    padding: 18px 20px;
    font-size: 0.94rem;
}
.sol-ecom-b2b2c .faq-a-inner {
    padding: 0 20px 20px;
    font-size: 0.9rem;
}
}
/* ===== Reset & Base ===== */
.sol-ecom-b2b, .sol-ecom-b2b *, .sol-ecom-b2b *::before, .sol-ecom-b2b *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.sol-ecom-b2b {
  --c-primary:#1e88e5;
  --c-primary-2:#1976d2;
  --c-primary-3:#1565c0;
  --c-primary-4:#0d47a1;
  --c-primary-light:#42a5f5;
  --c-primary-bright:#2196f3;
  --c-cyan:#06b6d4;
  --c-slate:#475569;
  --c-slate-light:#64748b;
  --c-text:#0f172a;
  --c-text-mid:#334155;
  --c-bg:#f5f9ff;
  --c-bg-2:#eef4fc;
  --c-bg-3:#e8f1fb;
  --c-border:#e2e8f0;
  --c-white:#fff;
  --radius:14px;
  --radius-lg:22px;
  --shadow-sm:0 2px 8px rgba(30,136,229,.08);
  --shadow:0 8px 28px rgba(30,136,229,.10);
  --shadow-lg:0 18px 56px rgba(30,136,229,.14);
  --shadow-xl:0 28px 80px rgba(30,136,229,.18);
  --max-w:1280px;
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
}
.sol-ecom-b2b {
  scroll-behavior: smooth;
  font-size: 16px;
}
.sol-ecom-b2b {
  font-family: var(--font);
  color: var(--c-text);
  background: var(--c-white);
  line-height: 1.7;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}
.sol-ecom-b2b a {
  text-decoration: none;
  color: inherit;
}
.sol-ecom-b2b img {
  max-width: 100%;
  display: block;
}
.sol-ecom-b2b ul {
  list-style: none;
}
.sol-ecom-b2b .container {
  max-width: var(--max-w);
  margin: 0 auto;
  padding: 0 24px;
}
.sol-ecom-b2b .section {
  padding: 96px 0;
  position: relative;
}
.sol-ecom-b2b .section-sm {
  padding: 72px 0;
}

/* ===== Typography ===== */
.sol-ecom-b2b .section-num {
  display: none;
}
.sol-ecom-b2b .section-title {
  font-size: 2.4rem;
  font-weight: 800;
  color: var(--c-text);
  line-height: 1.25;
  margin-bottom: 18px;
  letter-spacing: -0.02em;
}
.sol-ecom-b2b .section-subtitle {
  font-size: 1.08rem;
  color: var(--c-slate);
  max-width: 720px;
  line-height: 1.8;
}
.sol-ecom-b2b .section-head {
  margin-bottom: 46px;
}
.sol-ecom-b2b .section-head.center {
  text-align: center;
}
.sol-ecom-b2b .section-head.center .section-subtitle {
  margin: 0 auto;
}

/* ===== Buttons ===== */
.sol-ecom-b2b .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 28px;
  border-radius: 12px;
  font-size: 0.94rem;
  font-weight: 600;
  cursor: pointer;
  border: none;
  transition: all 0.25s;
  white-space: nowrap;
  line-height: 1.2;
}
.sol-ecom-b2b .btn-primary {
  background: #1e88e5;
  color: #fff;
  box-shadow: 0 4px 14px rgba(30, 136, 229, 0.35);
}
.sol-ecom-b2b .btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(30, 136, 229, 0.45);
}
.sol-ecom-b2b .btn-primary:active {
  transform: translateY(1px);
}
.sol-ecom-b2b .btn-ghost {
  background: rgba(255, 255, 255, 0.14);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.35);
  backdrop-filter: blur(6px);
}
.sol-ecom-b2b .btn-ghost:hover {
  background: rgba(255, 255, 255, 0.24);
  transform: translateY(-2px);
}
.sol-ecom-b2b .btn-lg {
  padding: 17px 40px;
  font-size: 1.05rem;
  border-radius: 14px;
}

/* ===== Hero ===== */
.sol-ecom-b2b .hero {
  position: relative;
  background: #0d47a1;
  padding: 88px 0 100px;
  overflow: hidden;
}
.sol-ecom-b2b .hero-grid {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 56px;
  align-items: center;
  position: relative;
  z-index: 1;
}
.sol-ecom-b2b .hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 18px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 100px;
  color: #fff;
  font-size: 0.82rem;
  font-weight: 500;
  margin-bottom: 30px;
  backdrop-filter: blur(8px);
}
.sol-ecom-b2b .hero-badge .dot {
  width: 8px;
  height: 8px;
  background: #34d399;
  border-radius: 50%;
  box-shadow: 0 0 10px #34d399;
  animation: pulse 1.6s ease-in-out infinite;
}
@keyframes pulse {
0%, 100% {
    opacity: 1;
    transform: scale(1);
}
50% {
    opacity: 0.6;
    transform: scale(1.3);
}
}
.sol-ecom-b2b .hero h1 {
  font-size: 2.95rem;
  font-weight: 900;
  color: #fff;
  line-height: 1.18;
  letter-spacing: -0.025em;
  margin-bottom: 24px;
  text-wrap: balance;
}
.sol-ecom-b2b .hero h1 .highlight {
  color: #bbdefb;
  position: relative;
  display: inline-block;
}
.sol-ecom-b2b .hero-sub {
  font-size: 1.14rem;
  color: rgba(255, 255, 255, 0.85);
  line-height: 1.85;
  margin-bottom: 28px;
  max-width: 560px;
}
.sol-ecom-b2b .hero-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 36px;
}
.sol-ecom-b2b .hero-tags span {
  padding: 7px 16px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 30px;
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.85);
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(4px);
}
.sol-ecom-b2b .hero-cta {
  display: flex;
  gap: 16px;
  margin-bottom: 40px;
  flex-wrap: wrap;
}
.sol-ecom-b2b .hero-trust {
  display: flex;
  align-items: center;
  gap: 30px;
  flex-wrap: wrap;
}
.sol-ecom-b2b .hero-trust-item {
  display: flex;
  align-items: center;
  gap: 10px;
}
.sol-ecom-b2b .hero-trust-num {
  font-size: 1.65rem;
  font-weight: 800;
  color: #fff;
}
.sol-ecom-b2b .hero-trust-label {
  font-size: 0.82rem;
  color: rgba(255, 255, 255, 0.6);
}
.sol-ecom-b2b .hero-trust-divider {
  width: 1px;
  height: 40px;
  background: rgba(255, 255, 255, 0.18);
}

/* Hero Dashboard Mockup */
.sol-ecom-b2b .hero-visual {
  position: relative;
}
.sol-ecom-b2b .dash-mock {
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 40px 90px rgba(0, 30, 80, 0.45);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.sol-ecom-b2b .dash-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 14px 18px;
  background: #f0f7ff;
  border-bottom: 1px solid var(--c-border);
}
.sol-ecom-b2b .dash-bar .dots {
  display: flex;
  gap: 6px;
}
.sol-ecom-b2b .dash-bar .dots span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.sol-ecom-b2b .dash-bar .dots span:nth-child(1) {
  background: #ef4444;
}
.sol-ecom-b2b .dash-bar .dots span:nth-child(2) {
  background: #f59e0b;
}
.sol-ecom-b2b .dash-bar .dots span:nth-child(3) {
  background: #22c55e;
}
.sol-ecom-b2b .dash-bar .url {
  flex: 1;
  text-align: center;
  font-size: 0.72rem;
  color: var(--c-slate-light);
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 6px;
  padding: 4px 14px;
  margin-left: 8px;
}
.sol-ecom-b2b .dash-body {
  display: grid;
  grid-template-columns: 68px 1fr;
  min-height: 360px;
}
.sol-ecom-b2b .dash-side {
  background: #1565c0;
  padding: 16px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.sol-ecom-b2b .dash-side .icon-item {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.5);
  transition: 0.2s;
}
.sol-ecom-b2b .dash-side .icon-item.active {
  background: #1e88e5;
  color: #fff;
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.5);
}
.sol-ecom-b2b .dash-side .icon-item svg {
  width: 18px;
  height: 18px;
}
.sol-ecom-b2b .dash-main {
  padding: 20px;
  background: #fafbfc;
}
.sol-ecom-b2b .dash-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-bottom: 16px;
}
.sol-ecom-b2b .dash-stat {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 12px;
  padding: 14px;
  transition: 0.2s;
}
.sol-ecom-b2b .dash-stat:hover {
  border-color: var(--c-primary-light);
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.1);
}
.sol-ecom-b2b .dash-stat-label {
  font-size: 0.68rem;
  color: var(--c-slate-light);
  margin-bottom: 4px;
}
.sol-ecom-b2b .dash-stat-val {
  font-size: 1.2rem;
  font-weight: 800;
  color: var(--c-text);
}
.sol-ecom-b2b .dash-stat-trend {
  font-size: 0.65rem;
  font-weight: 700;
  margin-top: 3px;
}
.sol-ecom-b2b .up {
  color: #10b981;
}
.sol-ecom-b2b .dn {
  color: #ef4444;
}
.sol-ecom-b2b .dash-chart {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 12px;
  padding: 16px;
}
.sol-ecom-b2b .dash-chart-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
}
.sol-ecom-b2b .dash-chart-title {
  font-size: 0.74rem;
  font-weight: 600;
  color: var(--c-text);
}
.sol-ecom-b2b .dash-chart-tag {
  font-size: 0.62rem;
  color: var(--c-primary);
  background: #e6f1ff;
  padding: 3px 10px;
  border-radius: 100px;
  font-weight: 600;
}
.sol-ecom-b2b .bars {
  display: flex;
  align-items: flex-end;
  gap: 6px;
  height: 96px;
}
.sol-ecom-b2b .bar {
  flex: 1;
  border-radius: 4px 4px 0 0;
  background: #1e88e5;
  opacity: 0.9;
  transition: opacity 0.2s;
}
.sol-ecom-b2b .bar:hover {
  opacity: 1;
}
.sol-ecom-b2b .bar.dim {
  background: #94a3b8;
}
.sol-ecom-b2b .dash-float {
  position: absolute;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 14px 36px rgba(0, 30, 80, 0.25);
  padding: 14px 18px;
  display: flex;
  align-items: center;
  gap: 14px;
  animation: float 3.5s ease-in-out infinite;
  border: 1px solid rgba(255, 255, 255, 0.6);
}
.sol-ecom-b2b .dash-float-1 {
  top: -20px;
  right: -12px;
  animation-delay: 0s;
}
.sol-ecom-b2b .dash-float-2 {
  bottom: -18px;
  left: -18px;
  animation-delay: 1.5s;
}
.sol-ecom-b2b .dash-float-icon {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.sol-ecom-b2b .dash-float-icon.green {
  background: linear-gradient(135deg, #d1fae5, #a7f3d0);
  color: #10b981;
}
.sol-ecom-b2b .dash-float-icon.blue {
  background: linear-gradient(135deg, #dbeafe, #bfdbfe);
  color: #1e88e5;
}
.sol-ecom-b2b .dash-float-text .num {
  font-size: 1.05rem;
  font-weight: 800;
  color: var(--c-text);
}
.sol-ecom-b2b .dash-float-text .label {
  font-size: 0.7rem;
  color: var(--c-slate-light);
}
@keyframes float {
0%, 100% {
    transform: translateY(0);
}
50% {
    transform: translateY(-12px);
}
}
/* ===== Pain Points ===== */
.sol-ecom-b2b .pain-section {
  background: #f5f9ff;
}
.sol-ecom-b2b .pain-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}
.sol-ecom-b2b .pain-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 36px 30px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-ecom-b2b .pain-card:hover {
  border-color: var(--c-primary-light);
  box-shadow: var(--shadow-xl);
  transform: translateY(-6px);
}
.sol-ecom-b2b .pain-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: #1e88e5;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.sol-ecom-b2b .pain-card:hover::before {
  transform: scaleX(1);
}
.sol-ecom-b2b .pain-num {
  position: absolute;
  top: 24px;
  right: 28px;
  font-size: 2.8rem;
  font-weight: 900;
  color: rgba(30, 136, 229, 0.06);
  line-height: 1;
}
.sol-ecom-b2b .pain-icon {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: #e3f2fd;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.15);
}
.sol-ecom-b2b .pain-icon svg {
  width: 28px;
  height: 28px;
  color: var(--c-primary-2);
}
.sol-ecom-b2b .pain-title {
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.sol-ecom-b2b .pain-desc {
  font-size: 0.92rem;
  color: var(--c-slate);
  line-height: 1.8;
}

/* ===== Solution Overview ===== */
.sol-ecom-b2b .solution-section {
  background: #fff;
}
.sol-ecom-b2b .solution-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}
.sol-ecom-b2b .solution-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 40px 32px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-ecom-b2b .solution-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
}
.sol-ecom-b2b .solution-icon {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  background: #1e88e5;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.3);
}
.sol-ecom-b2b .solution-icon svg {
  width: 26px;
  height: 26px;
  color: #fff;
}
.sol-ecom-b2b .solution-card h3 {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 14px;
}
.sol-ecom-b2b .solution-card p {
  font-size: 0.95rem;
  color: var(--c-slate);
  line-height: 1.8;
}

/* ===== Solution Route ===== */
.sol-ecom-b2b .solution-route {
  margin-top: 34px;
  padding: 26px;
  background: #fff;
  border: 1px solid #dce7f3;
  border-radius: 16px;
  box-shadow: var(--shadow-sm);
}
.sol-ecom-b2b .solution-route h3 {
  text-align: center;
  font-size: 1.12rem;
  margin-bottom: 22px;
  color: var(--c-text);
}
.sol-ecom-b2b .route-track {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 12px;
  position: relative;
}
.sol-ecom-b2b .route-item {
  position: relative;
  text-align: center;
  padding: 15px 8px;
  background: #f4f8fe;
  border: 1px solid #d7e7f9;
  border-radius: 10px;
  font-size: 0.84rem;
  font-weight: 700;
  color: #174f8b;
}
.sol-ecom-b2b .route-item small {
  display: block;
  margin-top: 5px;
  color: #6c829b;
  font-size: 0.68rem;
  font-weight: 400;
}
.sol-ecom-b2b .route-item:not(:last-child):after {
  content: "→";
  position: absolute;
  right: -12px;
  top: 30px;
  color: #087cf0;
  font-size: 18px;
  z-index: 2;
}

/* ===== Architecture ===== */
.sol-ecom-b2b .arch-section {
  background: #f5f9ff;
}
.sol-ecom-b2b .arch-board {
  padding: 34px;
  border: 1px solid #d5e6f8;
  border-radius: 20px;
  background: #f8fbff;
  box-shadow: 0 16px 36px rgba(13, 71, 161, 0.08);
  position: relative;
}
.sol-ecom-b2b .arch-kicker {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  margin-bottom: 20px;
}
.sol-ecom-b2b .arch-kicker b {
  font-size: 1.1rem;
  color: #102e52;
}
.sol-ecom-b2b .arch-kicker span {
  font-size: 0.78rem;
  color: var(--c-primary-3);
  background: #e6f2ff;
  border-radius: 100px;
  padding: 6px 12px;
}
.sol-ecom-b2b .arch-map {
  display: grid;
  gap: 13px;
}
.sol-ecom-b2b .arch-band {
  display: grid;
  grid-template-columns: 174px 1fr;
  gap: 13px;
  align-items: stretch;
}
.sol-ecom-b2b .arch-band-label {
  padding: 16px;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #e6f1ff;
  color: #125aa5;
  font-size: 0.92rem;
  font-weight: 800;
}
.sol-ecom-b2b .arch-band-label small {
  margin-top: 5px;
  color: #5f87b4;
  font-size: 0.68rem;
  font-weight: 500;
}
.sol-ecom-b2b .arch-band-content {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
}
.sol-ecom-b2b .arch-unit {
  min-height: 84px;
  padding: 13px 9px;
  border: 1px solid #d4e5f8;
  border-radius: 11px;
  background: #fff;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #143b68;
  font-size: 0.82rem;
  font-weight: 800;
  transition: transform 0.2s, box-shadow 0.2s;
}
.sol-ecom-b2b .arch-unit:hover {
  transform: translateY(-3px);
  box-shadow: 0 7px 16px rgba(30, 136, 229, 0.12);
}
.sol-ecom-b2b .arch-unit i {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  margin-bottom: 6px;
  border-radius: 7px;
  background: #e5f1ff;
  color: #1565c0;
  font-size: 0.72rem;
  font-style: normal;
}
.sol-ecom-b2b .arch-unit small {
  display: block;
  color: #7088a3;
  font-size: 0.66rem;
  font-weight: 400;
  line-height: 1.35;
  margin-top: 4px;
}
.sol-ecom-b2b .arch-band.core .arch-band-label {
  background: #0d47a1;
  color: #fff;
}
.sol-ecom-b2b .arch-band.core .arch-band-label small {
  color: #c6e1ff;
}
.sol-ecom-b2b .arch-band.core .arch-unit {
  background: #1565c0;
  border-color: #1565c0;
  color: #fff;
}
.sol-ecom-b2b .arch-band.core .arch-unit i {
  background: #fff;
  color: #1565c0;
}
.sol-ecom-b2b .arch-band.core .arch-unit small {
  color: #d6eaff;
}
.sol-ecom-b2b .arch-map-note {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px dashed #cfe1f6;
  color: #5f7b9c;
  font-size: 0.8rem;
}

/* ===== Core Functions ===== */
.sol-ecom-b2b .func-section {
  background: #f5f9ff;
}
.sol-ecom-b2b .func-section .section-head {
  max-width: 740px;
  margin-left: auto;
  margin-right: auto;
}
.sol-ecom-b2b .func-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
  align-items: stretch;
}
.sol-ecom-b2b .func-card {
  min-height: 292px;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
  border: 1px solid #d7e6f6;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 7px 18px rgba(18, 74, 136, 0.055);
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
.sol-ecom-b2b .func-card:hover {
  transform: translateY(-7px);
  border-color: #78b7f4;
  box-shadow: 0 16px 30px rgba(18, 112, 212, 0.14);
}
.sol-ecom-b2b .func-card:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  height: auto;
  background: #1e88e5;
}
.sol-ecom-b2b .func-card-num {
  position: absolute;
  top: 18px;
  right: 18px;
  width: 34px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: #e9f3ff;
  color: #1565c0;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.06em;
}
.sol-ecom-b2b .func-card-body {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 27px 24px 24px;
}
.sol-ecom-b2b .func-card-icon {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  flex: none;
  border-radius: 13px;
  background: #e7f2ff;
  color: #1565c0;
  box-shadow: none;
  margin: 0 0 22px;
}
.sol-ecom-b2b .func-card-icon svg {
  width: 24px;
  height: 24px;
}
.sol-ecom-b2b .func-card h3 {
  margin: 0 0 11px;
  min-height: 48px;
  display: flex;
  align-items: flex-start;
  font-size: 1.03rem;
  line-height: 1.45;
  color: #102e52;
}
.sol-ecom-b2b .func-card p {
  margin: 0;
  font-size: 0.88rem;
  color: #476585;
  line-height: 1.75;
}

/* ===== Core Advantages ===== */
.sol-ecom-b2b .advantage-section {
  background: #fff;
}
.sol-ecom-b2b .advantage-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}
.sol-ecom-b2b .advantage-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius);
  padding: 34px 28px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
  min-height: 238px;
}
.sol-ecom-b2b .advantage-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
  border-color: var(--c-primary-light);
}
.sol-ecom-b2b .advantage-card::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #1e88e5, #42a5f5);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.sol-ecom-b2b .advantage-card:hover::before {
  transform: scaleX(1);
}
.sol-ecom-b2b .advantage-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: #1e88e5;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  box-shadow: 0 6px 16px rgba(30, 136, 229, 0.25);
}
.sol-ecom-b2b .advantage-icon svg {
  width: 24px;
  height: 24px;
  color: #fff;
}
.sol-ecom-b2b .advantage-card h3 {
  font-size: 1.12rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.sol-ecom-b2b .advantage-card p {
  font-size: 0.9rem;
  color: var(--c-slate);
  line-height: 1.75;
}

/* ===== Application Scenarios ===== */
.sol-ecom-b2b .scenario-section {
  background: #f5f9ff;
}
.sol-ecom-b2b .scenario-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.sol-ecom-b2b .scenario-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius);
  padding: 32px 28px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-ecom-b2b .scenario-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
  border-color: var(--c-primary-light);
}
.sol-ecom-b2b .scenario-tag {
  display: inline-block;
  padding: 5px 12px;
  background: #e6f1ff;
  color: var(--c-primary);
  font-size: 0.72rem;
  font-weight: 700;
  border-radius: 100px;
  margin-bottom: 16px;
}
.sol-ecom-b2b .scenario-card h3 {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.sol-ecom-b2b .scenario-card p {
  font-size: 0.9rem;
  color: var(--c-slate);
  line-height: 1.75;
}

/* ===== Customer Value ===== */
.sol-ecom-b2b .value-section {
  background: #fff;
}
.sol-ecom-b2b .value-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}
.sol-ecom-b2b .value-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 36px 26px;
  text-align: center;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-ecom-b2b .value-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-6px);
}
.sol-ecom-b2b .value-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: #1e88e5;
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.4s;
}
.sol-ecom-b2b .value-card:hover::before {
  transform: scaleX(1);
}
.sol-ecom-b2b .value-icon {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: #1e88e5;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.3);
}
.sol-ecom-b2b .value-icon svg {
  width: 28px;
  height: 28px;
  color: #fff;
}
.sol-ecom-b2b .value-card h3 {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.sol-ecom-b2b .value-card p {
  font-size: 0.88rem;
  color: var(--c-slate);
  line-height: 1.75;
}
.sol-ecom-b2b .value-highlight {
  display: inline-block;
  margin-top: 14px;
  padding: 5px 14px;
  background: #fff;
  border: 1px solid var(--c-primary-light);
  border-radius: 100px;
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--c-primary);
}

/* ===== Trust Section ===== */
.sol-ecom-b2b .trust-section {
  background: #0d47a1;
  position: relative;
  overflow: hidden;
  padding: 100px 0;
}
.sol-ecom-b2b .trust-section::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
}
.sol-ecom-b2b .trust-section .section-title {
  color: #fff;
}
.sol-ecom-b2b .trust-section .section-subtitle {
  color: rgba(255, 255, 255, 0.7);
}
.sol-ecom-b2b .trust-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  margin-bottom: 60px;
}
.sol-ecom-b2b .trust-stat {
  text-align: center;
  padding: 36px 22px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius);
  transition: 0.3s;
  backdrop-filter: blur(6px);
}
.sol-ecom-b2b .trust-stat:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.18);
  transform: translateY(-6px);
}
.sol-ecom-b2b .trust-stat .num {
  font-size: 2.8rem;
  font-weight: 900;
  color: #fff;
  letter-spacing: -0.025em;
  line-height: 1;
  margin-bottom: 8px;
}
.sol-ecom-b2b .trust-stat .num .unit {
  font-size: 1.4rem;
  font-weight: 700;
}
.sol-ecom-b2b .trust-stat .label {
  font-size: 0.88rem;
  color: rgba(255, 255, 255, 0.55);
  font-weight: 500;
}
.sol-ecom-b2b .logo-wall {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius-lg);
  padding: 44px;
  margin-bottom: 48px;
  backdrop-filter: blur(6px);
}
.sol-ecom-b2b .logo-wall-title {
  text-align: center;
  font-size: 0.82rem;
  color: rgba(255, 255, 255, 0.45);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  margin-bottom: 28px;
  font-weight: 600;
}
.sol-ecom-b2b .logo-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 18px;
}
.sol-ecom-b2b .logo-item {
  height: 64px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.82rem;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.4);
  transition: 0.3s;
}
.sol-ecom-b2b .logo-item:hover {
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.8);
  border-color: rgba(255, 255, 255, 0.18);
  transform: translateY(-2px);
}
.sol-ecom-b2b .trust-cert {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}
.sol-ecom-b2b .cert-card {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius);
  padding: 28px;
  display: flex;
  align-items: center;
  gap: 18px;
  transition: 0.3s;
  backdrop-filter: blur(6px);
}
.sol-ecom-b2b .cert-card:hover {
  background: rgba(255, 255, 255, 0.08);
  transform: translateY(-3px);
}
.sol-ecom-b2b .cert-icon {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(66, 165, 245, 0.2), rgba(30, 136, 229, 0.2));
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border: 1px solid rgba(66, 165, 245, 0.3);
}
.sol-ecom-b2b .cert-icon svg {
  width: 26px;
  height: 26px;
  color: #90caf9;
}
.sol-ecom-b2b .cert-info .title {
  font-size: 0.92rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 4px;
}
.sol-ecom-b2b .cert-info .desc {
  font-size: 0.78rem;
  color: rgba(255, 255, 255, 0.45);
}

/* ===== FAQ ===== */
.sol-ecom-b2b .faq-section {
  background: #f5f9ff;
}
.sol-ecom-b2b .faq-wrap {
  max-width: 880px;
  margin: 0 auto;
}
.sol-ecom-b2b .faq-item {
  border: 1.5px solid var(--c-border);
  border-radius: var(--radius);
  margin-bottom: 14px;
  overflow: hidden;
  transition: 0.3s;
  background: #fff;
}
.sol-ecom-b2b .faq-item.active {
  border-color: var(--c-primary);
  box-shadow: 0 8px 28px rgba(30, 136, 229, 0.12);
}
.sol-ecom-b2b .faq-item.active .faq-q {
  color: var(--c-primary);
}
.sol-ecom-b2b .faq-q {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22px 28px;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 600;
  color: var(--c-text);
  transition: color 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  gap: 16px;
}
.sol-ecom-b2b .faq-q .arrow {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  transition: transform 0.3s;
  color: var(--c-slate-light);
}
.sol-ecom-b2b .faq-item.active .faq-q .arrow {
  transform: rotate(180deg);
  color: var(--c-primary);
}
.sol-ecom-b2b .faq-a {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}
.sol-ecom-b2b .faq-a-inner {
  padding: 0 28px 24px;
  font-size: 0.94rem;
  color: var(--c-slate);
  line-height: 1.85;
}

/* ===== Final CTA ===== */
.sol-ecom-b2b .cta-section {
  position: relative;
  background: #1565c0;
  padding: 100px 0;
  overflow: hidden;
}
.cta-section::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 60px;
  background: #0d47a1;
  pointer-events: none;
  z-index: 0;
}
.sol-ecom-b2b .cta-inner {
  position: relative;
  z-index: 1;
  text-align: center;
  max-width: 820px;
  margin: 0 auto;
}
.sol-ecom-b2b .cta-inner h2 {
  font-size: 2.5rem;
  font-weight: 900;
  color: #fff;
  letter-spacing: -0.025em;
  margin-bottom: 20px;
  line-height: 1.25;
}
.sol-ecom-b2b .cta-inner h2 .highlight {
  color: #bbdefb;
}
.sol-ecom-b2b .cta-inner p {
  font-size: 1.12rem;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.85;
  margin-bottom: 44px;
}
.sol-ecom-b2b .cta-options {
  display: flex;
  gap: 18px;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 36px;
}
.sol-ecom-b2b .cta-note {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.5);
  flex-wrap: wrap;
}
.sol-ecom-b2b .cta-note .dot {
  width: 5px;
  height: 5px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
}

/* ===== Footer (zjssoft.com exact style) ===== */
/* ===== Scroll Animations ===== */
.sol-ecom-b2b .reveal {
  opacity: 0;
  transform: translateY(32px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}
.sol-ecom-b2b .reveal.active {
  opacity: 1;
  transform: translateY(0);
}
.sol-ecom-b2b .reveal-delay-1 {
  transition-delay: 0.12s;
}
.sol-ecom-b2b .reveal-delay-2 {
  transition-delay: 0.24s;
}
.sol-ecom-b2b .reveal-delay-3 {
  transition-delay: 0.36s;
}

/* ===== Mobile Responsive ===== */
@media (max-width: 1024px) {
.sol-ecom-b2b .hero-grid {
    grid-template-columns: 1fr;
    gap: 48px;
}
.sol-ecom-b2b .hero h1 {
    font-size: 2.6rem;
    text-wrap: balance;
}
.sol-ecom-b2b .pain-grid {
    grid-template-columns: repeat(2, 1fr);
}
.sol-ecom-b2b .solution-grid {
    grid-template-columns: 1fr;
}
.sol-ecom-b2b .route-track {
    grid-template-columns: repeat(2, 1fr);
}
.sol-ecom-b2b .route-item:not(:last-child):after {
    display: none;
}
.sol-ecom-b2b .arch-band {
    grid-template-columns: 1fr;
}
.sol-ecom-b2b .arch-band-content {
    grid-template-columns: repeat(3, 1fr);
}
.sol-ecom-b2b .func-grid {
    grid-template-columns: repeat(2, 1fr);
}
.sol-ecom-b2b .advantage-grid {
    grid-template-columns: repeat(2, 1fr);
}
.sol-ecom-b2b .scenario-grid {
    grid-template-columns: repeat(2, 1fr);
}
.sol-ecom-b2b .value-grid {
    grid-template-columns: repeat(2, 1fr);
}
.sol-ecom-b2b .trust-stats {
    grid-template-columns: repeat(2, 1fr);
}
.sol-ecom-b2b .logo-grid {
    grid-template-columns: repeat(3, 1fr);
}
.sol-ecom-b2b .trust-cert {
    grid-template-columns: 1fr;
}
}
@media (max-width: 768px) {
.sol-ecom-b2b .section {
    padding: 72px 0;
}
.sol-ecom-b2b .section-title {
    font-size: 1.8rem;
}
.sol-ecom-b2b .section-head {
    margin-bottom: 42px;
}
.sol-ecom-b2b .hero {
    padding: 100px 0 64px;
}
.sol-ecom-b2b .hero h1 {
    font-size: 2.1rem;
    text-wrap: balance;
}
.sol-ecom-b2b .hero-sub {
    font-size: 1.05rem;
}
.sol-ecom-b2b .hero-cta {
    flex-direction: column;
    width: 100%;
}
.sol-ecom-b2b .hero-cta .btn {
    width: 100%;
}
.sol-ecom-b2b .hero-trust {
    gap: 20px;
}
.sol-ecom-b2b .hero-trust-divider {
    display: none;
}
.sol-ecom-b2b .hero-trust-num {
    font-size: 1.4rem;
}
.sol-ecom-b2b .hero-trust-label {
    font-size: 0.78rem;
}
.sol-ecom-b2b .hero-visual {
    max-width: 440px;
    margin: 0 auto;
}
.sol-ecom-b2b .dash-float {
    display: none;
}
.sol-ecom-b2b .pain-grid {
    grid-template-columns: 1fr;
    gap: 18px;
}
.sol-ecom-b2b .pain-card {
    padding: 30px 24px;
}
.sol-ecom-b2b .route-track {
    grid-template-columns: 1fr;
}
.sol-ecom-b2b .arch-band-content {
    grid-template-columns: repeat(2, 1fr);
}
.sol-ecom-b2b .func-card {
    min-height: auto;
    padding: 0;
    flex-direction: column;
    gap: 16px;
}
.sol-ecom-b2b .func-card h3 {
    min-height: auto;
}
.sol-ecom-b2b .advantage-grid {
    grid-template-columns: 1fr;
}
.sol-ecom-b2b .scenario-grid {
    grid-template-columns: 1fr;
}
.sol-ecom-b2b .value-grid {
    grid-template-columns: 1fr 1fr;
}
.sol-ecom-b2b .trust-stats {
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}
.sol-ecom-b2b .trust-stat {
    padding: 24px 14px;
}
.sol-ecom-b2b .trust-stat .num {
    font-size: 2.1rem;
}
.sol-ecom-b2b .logo-wall {
    padding: 28px;
}
.sol-ecom-b2b .logo-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
}
.sol-ecom-b2b .logo-item {
    height: 54px;
    font-size: 0.75rem;
}
.sol-ecom-b2b .cert-card {
    padding: 20px;
}
.sol-ecom-b2b .cta-inner h2 {
    font-size: 1.9rem;
}
.sol-ecom-b2b .cta-inner p {
    font-size: 1rem;
}
.sol-ecom-b2b .cta-options {
    flex-direction: column;
    width: 100%;
}
.sol-ecom-b2b .cta-options .btn {
    width: 100%;
}
}
@media (max-width: 480px) {
.sol-ecom-b2b .container {
    padding: 0 18px;
}
.sol-ecom-b2b .hero h1 {
    font-size: 1.85rem;
    text-wrap: balance;
}
.sol-ecom-b2b .section-title {
    font-size: 1.55rem;
}
.sol-ecom-b2b .dash-stats {
    grid-template-columns: 1fr;
    gap: 8px;
}
.sol-ecom-b2b .value-grid {
    grid-template-columns: 1fr;
}
}
@media (max-width: 768px) {
.sol-ecom-b2b .hero-trust {
    justify-content: flex-start;
}
.sol-ecom-b2b .hero-trust-item {
    min-width: 80px;
}
.sol-ecom-b2b .arch-band-content {
    grid-template-columns: repeat(2, 1fr);
}
.sol-ecom-b2b .arch-unit {
    min-height: 72px;
}
.sol-ecom-b2b .route-track {
    grid-template-columns: 1fr;
}
.sol-ecom-b2b .route-item:not(:last-child):after {
    display: none;
}
}
@media (max-width: 480px) {
.sol-ecom-b2b .hero-trust {
    gap: 14px;
}
.sol-ecom-b2b .hero-trust-item {
    min-width: 68px;
}
.sol-ecom-b2b .hero-trust-num {
    font-size: 1.25rem;
}
.sol-ecom-b2b .hero-trust-label {
    font-size: 0.72rem;
}
.sol-ecom-b2b .arch-band-content {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
}
.sol-ecom-b2b .arch-unit {
    padding: 10px 6px;
    font-size: 0.72rem;
}
.sol-ecom-b2b .arch-unit i {
    width: 20px;
    height: 20px;
    font-size: 0.65rem;
}
.sol-ecom-b2b .arch-unit small {
    display: none;
}
.sol-ecom-b2b .faq-q {
    padding: 18px 20px;
    font-size: 0.94rem;
}
.sol-ecom-b2b .faq-a-inner {
    padding: 0 20px 20px;
    font-size: 0.9rem;
}
}
/* ===== Reset & Base ===== */
.sol-ecom-b2c, .sol-ecom-b2c *, .sol-ecom-b2c *::before, .sol-ecom-b2c *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.sol-ecom-b2c {
  --c-primary:#1e88e5;
  --c-primary-2:#1976d2;
  --c-primary-3:#1565c0;
  --c-primary-4:#0d47a1;
  --c-primary-light:#42a5f5;
  --c-primary-bright:#2196f3;
  --c-cyan:#06b6d4;
  --c-slate:#475569;
  --c-slate-light:#64748b;
  --c-text:#0f172a;
  --c-text-mid:#334155;
  --c-bg:#f5f9ff;
  --c-bg-2:#eef4fc;
  --c-bg-3:#e8f1fb;
  --c-border:#e2e8f0;
  --c-white:#fff;
  --radius:14px;
  --radius-lg:22px;
  --shadow-sm:0 2px 8px rgba(30,136,229,.08);
  --shadow:0 8px 28px rgba(30,136,229,.10);
  --shadow-lg:0 18px 56px rgba(30,136,229,.14);
  --shadow-xl:0 28px 80px rgba(30,136,229,.18);
  --max-w:1280px;
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
}
.sol-ecom-b2c {
  scroll-behavior: smooth;
  font-size: 16px;
}
.sol-ecom-b2c {
  font-family: var(--font);
  color: var(--c-text);
  background: var(--c-white);
  line-height: 1.7;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}
.sol-ecom-b2c a {
  text-decoration: none;
  color: inherit;
}
.sol-ecom-b2c img {
  max-width: 100%;
  display: block;
}
.sol-ecom-b2c ul {
  list-style: none;
}
.sol-ecom-b2c .container {
  max-width: var(--max-w);
  margin: 0 auto;
  padding: 0 24px;
}
.sol-ecom-b2c .section {
  padding: 96px 0;
  position: relative;
}
.sol-ecom-b2c .section-sm {
  padding: 72px 0;
}

/* ===== Typography ===== */
.sol-ecom-b2c .section-num {
  display: none;
}
.sol-ecom-b2c .section-title {
  font-size: 2.4rem;
  font-weight: 800;
  color: var(--c-text);
  line-height: 1.25;
  margin-bottom: 18px;
  letter-spacing: -0.02em;
}
.sol-ecom-b2c .section-subtitle {
  font-size: 1.08rem;
  color: var(--c-slate);
  max-width: 720px;
  line-height: 1.8;
}
.sol-ecom-b2c .section-head {
  margin-bottom: 46px;
}
.sol-ecom-b2c .section-head.center {
  text-align: center;
}
.sol-ecom-b2c .section-head.center .section-subtitle {
  margin: 0 auto;
}

/* ===== Buttons ===== */
.sol-ecom-b2c .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 28px;
  border-radius: 12px;
  font-size: 0.94rem;
  font-weight: 600;
  cursor: pointer;
  border: none;
  transition: all 0.25s;
  white-space: nowrap;
  line-height: 1.2;
}
.sol-ecom-b2c .btn-primary {
  background: #1e88e5;
  color: #fff;
  box-shadow: 0 4px 14px rgba(30, 136, 229, 0.35);
}
.sol-ecom-b2c .btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(30, 136, 229, 0.45);
}
.sol-ecom-b2c .btn-primary:active {
  transform: translateY(1px);
}
.sol-ecom-b2c .btn-ghost {
  background: rgba(255, 255, 255, 0.14);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.35);
  backdrop-filter: blur(6px);
}
.sol-ecom-b2c .btn-ghost:hover {
  background: rgba(255, 255, 255, 0.24);
  transform: translateY(-2px);
}
.sol-ecom-b2c .btn-lg {
  padding: 17px 40px;
  font-size: 1.05rem;
  border-radius: 14px;
}

/* ===== Hero ===== */
.sol-ecom-b2c .hero {
  position: relative;
  background: #0d47a1;
  padding: 88px 0 100px;
  overflow: hidden;
}
.sol-ecom-b2c .hero-grid {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 56px;
  align-items: center;
  position: relative;
  z-index: 1;
}
.sol-ecom-b2c .hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 18px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 100px;
  color: #fff;
  font-size: 0.82rem;
  font-weight: 500;
  margin-bottom: 30px;
  backdrop-filter: blur(8px);
}
.sol-ecom-b2c .hero-badge .dot {
  width: 8px;
  height: 8px;
  background: #34d399;
  border-radius: 50%;
  box-shadow: 0 0 10px #34d399;
  animation: pulse 1.6s ease-in-out infinite;
}
@keyframes pulse {
0%, 100% {
    opacity: 1;
    transform: scale(1);
}
50% {
    opacity: 0.6;
    transform: scale(1.3);
}
}
.sol-ecom-b2c .hero h1 {
  font-size: 2.95rem;
  font-weight: 900;
  color: #fff;
  line-height: 1.18;
  letter-spacing: -0.025em;
  margin-bottom: 24px;
  text-wrap: balance;
}
.sol-ecom-b2c .hero h1 .highlight {
  color: #bbdefb;
  position: relative;
  display: inline-block;
}
.sol-ecom-b2c .hero-sub {
  font-size: 1.14rem;
  color: rgba(255, 255, 255, 0.85);
  line-height: 1.85;
  margin-bottom: 28px;
  max-width: 560px;
}
.sol-ecom-b2c .hero-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 36px;
}
.sol-ecom-b2c .hero-tags span {
  padding: 7px 16px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 30px;
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.85);
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(4px);
}
.sol-ecom-b2c .hero-cta {
  display: flex;
  gap: 16px;
  margin-bottom: 40px;
  flex-wrap: wrap;
}
.sol-ecom-b2c .hero-trust {
  display: flex;
  align-items: center;
  gap: 30px;
  flex-wrap: wrap;
}
.sol-ecom-b2c .hero-trust-item {
  display: flex;
  align-items: center;
  gap: 10px;
}
.sol-ecom-b2c .hero-trust-num {
  font-size: 1.65rem;
  font-weight: 800;
  color: #fff;
}
.sol-ecom-b2c .hero-trust-label {
  font-size: 0.82rem;
  color: rgba(255, 255, 255, 0.6);
}
.sol-ecom-b2c .hero-trust-divider {
  width: 1px;
  height: 40px;
  background: rgba(255, 255, 255, 0.18);
}

/* Hero Dashboard Mockup */
.sol-ecom-b2c .hero-visual {
  position: relative;
}
.sol-ecom-b2c .dash-mock {
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 40px 90px rgba(0, 30, 80, 0.45);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.sol-ecom-b2c .dash-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 14px 18px;
  background: #f0f7ff;
  border-bottom: 1px solid var(--c-border);
}
.sol-ecom-b2c .dash-bar .dots {
  display: flex;
  gap: 6px;
}
.sol-ecom-b2c .dash-bar .dots span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.sol-ecom-b2c .dash-bar .dots span:nth-child(1) {
  background: #ef4444;
}
.sol-ecom-b2c .dash-bar .dots span:nth-child(2) {
  background: #f59e0b;
}
.sol-ecom-b2c .dash-bar .dots span:nth-child(3) {
  background: #22c55e;
}
.sol-ecom-b2c .dash-bar .url {
  flex: 1;
  text-align: center;
  font-size: 0.72rem;
  color: var(--c-slate-light);
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 6px;
  padding: 4px 14px;
  margin-left: 8px;
}
.sol-ecom-b2c .dash-body {
  display: grid;
  grid-template-columns: 68px 1fr;
  min-height: 360px;
}
.sol-ecom-b2c .dash-side {
  background: #1565c0;
  padding: 16px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.sol-ecom-b2c .dash-side .icon-item {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.5);
  transition: 0.2s;
}
.sol-ecom-b2c .dash-side .icon-item.active {
  background: #1e88e5;
  color: #fff;
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.5);
}
.sol-ecom-b2c .dash-side .icon-item svg {
  width: 18px;
  height: 18px;
}
.sol-ecom-b2c .dash-main {
  padding: 20px;
  background: #fafbfc;
}
.sol-ecom-b2c .dash-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-bottom: 16px;
}
.sol-ecom-b2c .dash-stat {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 12px;
  padding: 14px;
  transition: 0.2s;
}
.sol-ecom-b2c .dash-stat:hover {
  border-color: var(--c-primary-light);
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.1);
}
.sol-ecom-b2c .dash-stat-label {
  font-size: 0.68rem;
  color: var(--c-slate-light);
  margin-bottom: 4px;
}
.sol-ecom-b2c .dash-stat-val {
  font-size: 1.2rem;
  font-weight: 800;
  color: var(--c-text);
}
.sol-ecom-b2c .dash-stat-trend {
  font-size: 0.65rem;
  font-weight: 700;
  margin-top: 3px;
}
.sol-ecom-b2c .up {
  color: #10b981;
}
.sol-ecom-b2c .dn {
  color: #ef4444;
}
.sol-ecom-b2c .dash-chart {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 12px;
  padding: 16px;
}
.sol-ecom-b2c .dash-chart-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
}
.sol-ecom-b2c .dash-chart-title {
  font-size: 0.74rem;
  font-weight: 600;
  color: var(--c-text);
}
.sol-ecom-b2c .dash-chart-tag {
  font-size: 0.62rem;
  color: var(--c-primary);
  background: #e6f1ff;
  padding: 3px 10px;
  border-radius: 100px;
  font-weight: 600;
}
.sol-ecom-b2c .bars {
  display: flex;
  align-items: flex-end;
  gap: 6px;
  height: 96px;
}
.sol-ecom-b2c .bar {
  flex: 1;
  border-radius: 4px 4px 0 0;
  background: #1e88e5;
  opacity: 0.9;
  transition: opacity 0.2s;
}
.sol-ecom-b2c .bar:hover {
  opacity: 1;
}
.sol-ecom-b2c .bar.dim {
  background: #94a3b8;
}
.sol-ecom-b2c .dash-float {
  position: absolute;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 14px 36px rgba(0, 30, 80, 0.25);
  padding: 14px 18px;
  display: flex;
  align-items: center;
  gap: 14px;
  animation: float 3.5s ease-in-out infinite;
  border: 1px solid rgba(255, 255, 255, 0.6);
}
.sol-ecom-b2c .dash-float-1 {
  top: -20px;
  right: -12px;
  animation-delay: 0s;
}
.sol-ecom-b2c .dash-float-2 {
  bottom: -18px;
  left: -18px;
  animation-delay: 1.5s;
}
.sol-ecom-b2c .dash-float-icon {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.sol-ecom-b2c .dash-float-icon.green {
  background: linear-gradient(135deg, #d1fae5, #a7f3d0);
  color: #10b981;
}
.sol-ecom-b2c .dash-float-icon.blue {
  background: linear-gradient(135deg, #dbeafe, #bfdbfe);
  color: #1e88e5;
}
.sol-ecom-b2c .dash-float-text .num {
  font-size: 1.05rem;
  font-weight: 800;
  color: var(--c-text);
}
.sol-ecom-b2c .dash-float-text .label {
  font-size: 0.7rem;
  color: var(--c-slate-light);
}
@keyframes float {
0%, 100% {
    transform: translateY(0);
}
50% {
    transform: translateY(-12px);
}
}
/* ===== Pain Points ===== */
.sol-ecom-b2c .pain-section {
  background: #f5f9ff;
}
.sol-ecom-b2c .pain-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}
.sol-ecom-b2c .pain-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 36px 30px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-ecom-b2c .pain-card:hover {
  border-color: var(--c-primary-light);
  box-shadow: var(--shadow-xl);
  transform: translateY(-6px);
}
.sol-ecom-b2c .pain-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: #1e88e5;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.sol-ecom-b2c .pain-card:hover::before {
  transform: scaleX(1);
}
.sol-ecom-b2c .pain-num {
  position: absolute;
  top: 24px;
  right: 28px;
  font-size: 2.8rem;
  font-weight: 900;
  color: rgba(30, 136, 229, 0.06);
  line-height: 1;
}
.sol-ecom-b2c .pain-icon {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: #e3f2fd;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.15);
}
.sol-ecom-b2c .pain-icon svg {
  width: 28px;
  height: 28px;
  color: var(--c-primary-2);
}
.sol-ecom-b2c .pain-title {
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.sol-ecom-b2c .pain-desc {
  font-size: 0.92rem;
  color: var(--c-slate);
  line-height: 1.8;
}

/* ===== Solution Overview ===== */
.sol-ecom-b2c .solution-section {
  background: #fff;
}
.sol-ecom-b2c .solution-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}
.sol-ecom-b2c .solution-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 40px 32px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-ecom-b2c .solution-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
}
.sol-ecom-b2c .solution-icon {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  background: #1e88e5;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.3);
}
.sol-ecom-b2c .solution-icon svg {
  width: 26px;
  height: 26px;
  color: #fff;
}
.sol-ecom-b2c .solution-card h3 {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 14px;
}
.sol-ecom-b2c .solution-card p {
  font-size: 0.95rem;
  color: var(--c-slate);
  line-height: 1.8;
}

/* ===== Solution Route ===== */
.sol-ecom-b2c .solution-route {
  margin-top: 34px;
  padding: 26px;
  background: #fff;
  border: 1px solid #dce7f3;
  border-radius: 16px;
  box-shadow: var(--shadow-sm);
}
.sol-ecom-b2c .solution-route h3 {
  text-align: center;
  font-size: 1.12rem;
  margin-bottom: 22px;
  color: var(--c-text);
}
.sol-ecom-b2c .route-track {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 12px;
  position: relative;
}
.sol-ecom-b2c .route-item {
  position: relative;
  text-align: center;
  padding: 15px 8px;
  background: #f4f8fe;
  border: 1px solid #d7e7f9;
  border-radius: 10px;
  font-size: 0.84rem;
  font-weight: 700;
  color: #174f8b;
}
.sol-ecom-b2c .route-item small {
  display: block;
  margin-top: 5px;
  color: #6c829b;
  font-size: 0.68rem;
  font-weight: 400;
}
.sol-ecom-b2c .route-item:not(:last-child):after {
  content: "→";
  position: absolute;
  right: -12px;
  top: 30px;
  color: #087cf0;
  font-size: 18px;
  z-index: 2;
}

/* ===== Architecture ===== */
.sol-ecom-b2c .arch-section {
  background: #f5f9ff;
}
.sol-ecom-b2c .arch-board {
  padding: 34px;
  border: 1px solid #d5e6f8;
  border-radius: 20px;
  background: #f8fbff;
  box-shadow: 0 16px 36px rgba(13, 71, 161, 0.08);
  position: relative;
}
.sol-ecom-b2c .arch-kicker {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  margin-bottom: 20px;
}
.sol-ecom-b2c .arch-kicker b {
  font-size: 1.1rem;
  color: #102e52;
}
.sol-ecom-b2c .arch-kicker span {
  font-size: 0.78rem;
  color: var(--c-primary-3);
  background: #e6f2ff;
  border-radius: 100px;
  padding: 6px 12px;
}
.sol-ecom-b2c .arch-map {
  display: grid;
  gap: 13px;
}
.sol-ecom-b2c .arch-band {
  display: grid;
  grid-template-columns: 174px 1fr;
  gap: 13px;
  align-items: stretch;
}
.sol-ecom-b2c .arch-band-label {
  padding: 16px;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #e6f1ff;
  color: #125aa5;
  font-size: 0.92rem;
  font-weight: 800;
}
.sol-ecom-b2c .arch-band-label small {
  margin-top: 5px;
  color: #5f87b4;
  font-size: 0.68rem;
  font-weight: 500;
}
.sol-ecom-b2c .arch-band-content {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
}
.sol-ecom-b2c .arch-unit {
  min-height: 84px;
  padding: 13px 9px;
  border: 1px solid #d4e5f8;
  border-radius: 11px;
  background: #fff;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #143b68;
  font-size: 0.82rem;
  font-weight: 800;
  transition: transform 0.2s, box-shadow 0.2s;
}
.sol-ecom-b2c .arch-unit:hover {
  transform: translateY(-3px);
  box-shadow: 0 7px 16px rgba(30, 136, 229, 0.12);
}
.sol-ecom-b2c .arch-unit i {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  margin-bottom: 6px;
  border-radius: 7px;
  background: #e5f1ff;
  color: #1565c0;
  font-size: 0.72rem;
  font-style: normal;
}
.sol-ecom-b2c .arch-unit small {
  display: block;
  color: #7088a3;
  font-size: 0.66rem;
  font-weight: 400;
  line-height: 1.35;
  margin-top: 4px;
}
.sol-ecom-b2c .arch-band.core .arch-band-label {
  background: #0d47a1;
  color: #fff;
}
.sol-ecom-b2c .arch-band.core .arch-band-label small {
  color: #c6e1ff;
}
.sol-ecom-b2c .arch-band.core .arch-unit {
  background: #1565c0;
  border-color: #1565c0;
  color: #fff;
}
.sol-ecom-b2c .arch-band.core .arch-unit i {
  background: #fff;
  color: #1565c0;
}
.sol-ecom-b2c .arch-band.core .arch-unit small {
  color: #d6eaff;
}
.sol-ecom-b2c .arch-map-note {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px dashed #cfe1f6;
  color: #5f7b9c;
  font-size: 0.8rem;
}

/* ===== Core Functions ===== */
.sol-ecom-b2c .func-section {
  background: #f5f9ff;
}
.sol-ecom-b2c .func-section .section-head {
  max-width: 740px;
  margin-left: auto;
  margin-right: auto;
}
.sol-ecom-b2c .func-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
  align-items: stretch;
}
.sol-ecom-b2c .func-card {
  min-height: 292px;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
  border: 1px solid #d7e6f6;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 7px 18px rgba(18, 74, 136, 0.055);
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
.sol-ecom-b2c .func-card:hover {
  transform: translateY(-7px);
  border-color: #78b7f4;
  box-shadow: 0 16px 30px rgba(18, 112, 212, 0.14);
}
.sol-ecom-b2c .func-card:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  height: auto;
  background: #1e88e5;
}
.sol-ecom-b2c .func-card-num {
  position: absolute;
  top: 18px;
  right: 18px;
  width: 34px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: #e9f3ff;
  color: #1565c0;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.06em;
}
.sol-ecom-b2c .func-card-body {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 27px 24px 24px;
}
.sol-ecom-b2c .func-card-icon {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  flex: none;
  border-radius: 13px;
  background: #e7f2ff;
  color: #1565c0;
  box-shadow: none;
  margin: 0 0 22px;
}
.sol-ecom-b2c .func-card-icon svg {
  width: 24px;
  height: 24px;
}
.sol-ecom-b2c .func-card h3 {
  margin: 0 0 11px;
  min-height: 48px;
  display: flex;
  align-items: flex-start;
  font-size: 1.03rem;
  line-height: 1.45;
  color: #102e52;
}
.sol-ecom-b2c .func-card p {
  margin: 0;
  font-size: 0.88rem;
  color: #476585;
  line-height: 1.75;
}

/* ===== Core Advantages ===== */
.sol-ecom-b2c .advantage-section {
  background: #fff;
}
.sol-ecom-b2c .advantage-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}
.sol-ecom-b2c .advantage-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius);
  padding: 34px 28px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
  min-height: 238px;
}
.sol-ecom-b2c .advantage-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
  border-color: var(--c-primary-light);
}
.sol-ecom-b2c .advantage-card::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #1e88e5, #42a5f5);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.sol-ecom-b2c .advantage-card:hover::before {
  transform: scaleX(1);
}
.sol-ecom-b2c .advantage-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: #1e88e5;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  box-shadow: 0 6px 16px rgba(30, 136, 229, 0.25);
}
.sol-ecom-b2c .advantage-icon svg {
  width: 24px;
  height: 24px;
  color: #fff;
}
.sol-ecom-b2c .advantage-card h3 {
  font-size: 1.12rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.sol-ecom-b2c .advantage-card p {
  font-size: 0.9rem;
  color: var(--c-slate);
  line-height: 1.75;
}

/* ===== Application Scenarios ===== */
.sol-ecom-b2c .scenario-section {
  background: #f5f9ff;
}
.sol-ecom-b2c .scenario-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.sol-ecom-b2c .scenario-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius);
  padding: 32px 28px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-ecom-b2c .scenario-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
  border-color: var(--c-primary-light);
}
.sol-ecom-b2c .scenario-tag {
  display: inline-block;
  padding: 5px 12px;
  background: #e6f1ff;
  color: var(--c-primary);
  font-size: 0.72rem;
  font-weight: 700;
  border-radius: 100px;
  margin-bottom: 16px;
}
.sol-ecom-b2c .scenario-card h3 {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.sol-ecom-b2c .scenario-card p {
  font-size: 0.9rem;
  color: var(--c-slate);
  line-height: 1.75;
}

/* ===== Customer Value ===== */
.sol-ecom-b2c .value-section {
  background: #fff;
}
.sol-ecom-b2c .value-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}
.sol-ecom-b2c .value-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 36px 26px;
  text-align: center;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-ecom-b2c .value-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-6px);
}
.sol-ecom-b2c .value-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: #1e88e5;
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.4s;
}
.sol-ecom-b2c .value-card:hover::before {
  transform: scaleX(1);
}
.sol-ecom-b2c .value-icon {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: #1e88e5;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.3);
}
.sol-ecom-b2c .value-icon svg {
  width: 28px;
  height: 28px;
  color: #fff;
}
.sol-ecom-b2c .value-card h3 {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.sol-ecom-b2c .value-card p {
  font-size: 0.88rem;
  color: var(--c-slate);
  line-height: 1.75;
}
.sol-ecom-b2c .value-highlight {
  display: inline-block;
  margin-top: 14px;
  padding: 5px 14px;
  background: #fff;
  border: 1px solid var(--c-primary-light);
  border-radius: 100px;
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--c-primary);
}

/* ===== Trust Section ===== */
.sol-ecom-b2c .trust-section {
  background: #0d47a1;
  position: relative;
  overflow: hidden;
  padding: 100px 0;
}
.sol-ecom-b2c .trust-section::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
}
.sol-ecom-b2c .trust-section .section-title {
  color: #fff;
}
.sol-ecom-b2c .trust-section .section-subtitle {
  color: rgba(255, 255, 255, 0.7);
}
.sol-ecom-b2c .trust-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  margin-bottom: 60px;
}
.sol-ecom-b2c .trust-stat {
  text-align: center;
  padding: 36px 22px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius);
  transition: 0.3s;
  backdrop-filter: blur(6px);
}
.sol-ecom-b2c .trust-stat:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.18);
  transform: translateY(-6px);
}
.sol-ecom-b2c .trust-stat .num {
  font-size: 2.8rem;
  font-weight: 900;
  color: #fff;
  letter-spacing: -0.025em;
  line-height: 1;
  margin-bottom: 8px;
}
.sol-ecom-b2c .trust-stat .num .unit {
  font-size: 1.4rem;
  font-weight: 700;
}
.sol-ecom-b2c .trust-stat .label {
  font-size: 0.88rem;
  color: rgba(255, 255, 255, 0.55);
  font-weight: 500;
}
.sol-ecom-b2c .logo-wall {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius-lg);
  padding: 44px;
  margin-bottom: 48px;
  backdrop-filter: blur(6px);
}
.sol-ecom-b2c .logo-wall-title {
  text-align: center;
  font-size: 0.82rem;
  color: rgba(255, 255, 255, 0.45);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  margin-bottom: 28px;
  font-weight: 600;
}
.sol-ecom-b2c .logo-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 18px;
}
.sol-ecom-b2c .logo-item {
  height: 64px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.82rem;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.4);
  transition: 0.3s;
}
.sol-ecom-b2c .logo-item:hover {
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.8);
  border-color: rgba(255, 255, 255, 0.18);
  transform: translateY(-2px);
}
.sol-ecom-b2c .trust-cert {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}
.sol-ecom-b2c .cert-card {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius);
  padding: 28px;
  display: flex;
  align-items: center;
  gap: 18px;
  transition: 0.3s;
  backdrop-filter: blur(6px);
}
.sol-ecom-b2c .cert-card:hover {
  background: rgba(255, 255, 255, 0.08);
  transform: translateY(-3px);
}
.sol-ecom-b2c .cert-icon {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(66, 165, 245, 0.2), rgba(30, 136, 229, 0.2));
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border: 1px solid rgba(66, 165, 245, 0.3);
}
.sol-ecom-b2c .cert-icon svg {
  width: 26px;
  height: 26px;
  color: #90caf9;
}
.sol-ecom-b2c .cert-info .title {
  font-size: 0.92rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 4px;
}
.sol-ecom-b2c .cert-info .desc {
  font-size: 0.78rem;
  color: rgba(255, 255, 255, 0.45);
}

/* ===== FAQ ===== */
.sol-ecom-b2c .faq-section {
  background: #f5f9ff;
}
.sol-ecom-b2c .faq-wrap {
  max-width: 880px;
  margin: 0 auto;
}
.sol-ecom-b2c .faq-item {
  border: 1.5px solid var(--c-border);
  border-radius: var(--radius);
  margin-bottom: 14px;
  overflow: hidden;
  transition: 0.3s;
  background: #fff;
}
.sol-ecom-b2c .faq-item.active {
  border-color: var(--c-primary);
  box-shadow: 0 8px 28px rgba(30, 136, 229, 0.12);
}
.sol-ecom-b2c .faq-item.active .faq-q {
  color: var(--c-primary);
}
.sol-ecom-b2c .faq-q {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22px 28px;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 600;
  color: var(--c-text);
  transition: color 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  gap: 16px;
}
.sol-ecom-b2c .faq-q .arrow {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  transition: transform 0.3s;
  color: var(--c-slate-light);
}
.sol-ecom-b2c .faq-item.active .faq-q .arrow {
  transform: rotate(180deg);
  color: var(--c-primary);
}
.sol-ecom-b2c .faq-a {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}
.sol-ecom-b2c .faq-a-inner {
  padding: 0 28px 24px;
  font-size: 0.94rem;
  color: var(--c-slate);
  line-height: 1.85;
}

/* ===== Final CTA ===== */
.sol-ecom-b2c .cta-section {
  position: relative;
  background: #1565c0;
  padding: 100px 0;
  overflow: hidden;
}
.cta-section::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 60px;
  background: #0d47a1;
  pointer-events: none;
  z-index: 0;
}
.sol-ecom-b2c .cta-inner {
  position: relative;
  z-index: 1;
  text-align: center;
  max-width: 820px;
  margin: 0 auto;
}
.sol-ecom-b2c .cta-inner h2 {
  font-size: 2.5rem;
  font-weight: 900;
  color: #fff;
  letter-spacing: -0.025em;
  margin-bottom: 20px;
  line-height: 1.25;
}
.sol-ecom-b2c .cta-inner h2 .highlight {
  color: #bbdefb;
}
.sol-ecom-b2c .cta-inner p {
  font-size: 1.12rem;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.85;
  margin-bottom: 44px;
}
.sol-ecom-b2c .cta-options {
  display: flex;
  gap: 18px;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 36px;
}
.sol-ecom-b2c .cta-note {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.5);
  flex-wrap: wrap;
}
.sol-ecom-b2c .cta-note .dot {
  width: 5px;
  height: 5px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
}

/* ===== Footer (zjssoft.com exact style) ===== */
/* ===== Scroll Animations ===== */
.sol-ecom-b2c .reveal {
  opacity: 0;
  transform: translateY(32px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}
.sol-ecom-b2c .reveal.active {
  opacity: 1;
  transform: translateY(0);
}
.sol-ecom-b2c .reveal-delay-1 {
  transition-delay: 0.12s;
}
.sol-ecom-b2c .reveal-delay-2 {
  transition-delay: 0.24s;
}
.sol-ecom-b2c .reveal-delay-3 {
  transition-delay: 0.36s;
}

/* ===== Mobile Responsive ===== */
@media (max-width: 1024px) {
.sol-ecom-b2c .hero-grid {
    grid-template-columns: 1fr;
    gap: 48px;
}
.sol-ecom-b2c .hero h1 {
    font-size: 2.6rem;
    text-wrap: balance;
}
.sol-ecom-b2c .pain-grid {
    grid-template-columns: repeat(2, 1fr);
}
.sol-ecom-b2c .solution-grid {
    grid-template-columns: 1fr;
}
.sol-ecom-b2c .route-track {
    grid-template-columns: repeat(2, 1fr);
}
.sol-ecom-b2c .route-item:not(:last-child):after {
    display: none;
}
.sol-ecom-b2c .arch-band {
    grid-template-columns: 1fr;
}
.sol-ecom-b2c .arch-band-content {
    grid-template-columns: repeat(3, 1fr);
}
.sol-ecom-b2c .func-grid {
    grid-template-columns: repeat(2, 1fr);
}
.sol-ecom-b2c .advantage-grid {
    grid-template-columns: repeat(2, 1fr);
}
.sol-ecom-b2c .scenario-grid {
    grid-template-columns: repeat(2, 1fr);
}
.sol-ecom-b2c .value-grid {
    grid-template-columns: repeat(2, 1fr);
}
.sol-ecom-b2c .trust-stats {
    grid-template-columns: repeat(2, 1fr);
}
.sol-ecom-b2c .logo-grid {
    grid-template-columns: repeat(3, 1fr);
}
.sol-ecom-b2c .trust-cert {
    grid-template-columns: 1fr;
}
}
@media (max-width: 768px) {
.sol-ecom-b2c .section {
    padding: 72px 0;
}
.sol-ecom-b2c .section-title {
    font-size: 1.8rem;
}
.sol-ecom-b2c .section-head {
    margin-bottom: 42px;
}
.sol-ecom-b2c .hero {
    padding: 100px 0 64px;
}
.sol-ecom-b2c .hero h1 {
    font-size: 2.1rem;
    text-wrap: balance;
}
.sol-ecom-b2c .hero-sub {
    font-size: 1.05rem;
}
.sol-ecom-b2c .hero-cta {
    flex-direction: column;
    width: 100%;
}
.sol-ecom-b2c .hero-cta .btn {
    width: 100%;
}
.sol-ecom-b2c .hero-trust {
    gap: 20px;
}
.sol-ecom-b2c .hero-trust-divider {
    display: none;
}
.sol-ecom-b2c .hero-trust-num {
    font-size: 1.4rem;
}
.sol-ecom-b2c .hero-trust-label {
    font-size: 0.78rem;
}
.sol-ecom-b2c .hero-visual {
    max-width: 440px;
    margin: 0 auto;
}
.sol-ecom-b2c .dash-float {
    display: none;
}
.sol-ecom-b2c .pain-grid {
    grid-template-columns: 1fr;
    gap: 18px;
}
.sol-ecom-b2c .pain-card {
    padding: 30px 24px;
}
.sol-ecom-b2c .route-track {
    grid-template-columns: 1fr;
}
.sol-ecom-b2c .arch-band-content {
    grid-template-columns: repeat(2, 1fr);
}
.sol-ecom-b2c .func-card {
    min-height: auto;
    padding: 0;
    flex-direction: column;
    gap: 16px;
}
.sol-ecom-b2c .func-card h3 {
    min-height: auto;
}
.sol-ecom-b2c .advantage-grid {
    grid-template-columns: 1fr;
}
.sol-ecom-b2c .scenario-grid {
    grid-template-columns: 1fr;
}
.sol-ecom-b2c .value-grid {
    grid-template-columns: 1fr 1fr;
}
.sol-ecom-b2c .trust-stats {
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}
.sol-ecom-b2c .trust-stat {
    padding: 24px 14px;
}
.sol-ecom-b2c .trust-stat .num {
    font-size: 2.1rem;
}
.sol-ecom-b2c .logo-wall {
    padding: 28px;
}
.sol-ecom-b2c .logo-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
}
.sol-ecom-b2c .logo-item {
    height: 54px;
    font-size: 0.75rem;
}
.sol-ecom-b2c .cert-card {
    padding: 20px;
}
.sol-ecom-b2c .cta-inner h2 {
    font-size: 1.9rem;
}
.sol-ecom-b2c .cta-inner p {
    font-size: 1rem;
}
.sol-ecom-b2c .cta-options {
    flex-direction: column;
    width: 100%;
}
.sol-ecom-b2c .cta-options .btn {
    width: 100%;
}
}
@media (max-width: 480px) {
.sol-ecom-b2c .container {
    padding: 0 18px;
}
.sol-ecom-b2c .hero h1 {
    font-size: 1.85rem;
    text-wrap: balance;
}
.sol-ecom-b2c .section-title {
    font-size: 1.55rem;
}
.sol-ecom-b2c .dash-stats {
    grid-template-columns: 1fr;
    gap: 8px;
}
.sol-ecom-b2c .value-grid {
    grid-template-columns: 1fr;
}
}
@media (max-width: 768px) {
.sol-ecom-b2c .hero-trust {
    justify-content: flex-start;
}
.sol-ecom-b2c .hero-trust-item {
    min-width: 80px;
}
.sol-ecom-b2c .arch-band-content {
    grid-template-columns: repeat(2, 1fr);
}
.sol-ecom-b2c .arch-unit {
    min-height: 72px;
}
.sol-ecom-b2c .route-track {
    grid-template-columns: 1fr;
}
.sol-ecom-b2c .route-item:not(:last-child):after {
    display: none;
}
}
@media (max-width: 480px) {
.sol-ecom-b2c .hero-trust {
    gap: 14px;
}
.sol-ecom-b2c .hero-trust-item {
    min-width: 68px;
}
.sol-ecom-b2c .hero-trust-num {
    font-size: 1.25rem;
}
.sol-ecom-b2c .hero-trust-label {
    font-size: 0.72rem;
}
.sol-ecom-b2c .arch-band-content {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
}
.sol-ecom-b2c .arch-unit {
    padding: 10px 6px;
    font-size: 0.72rem;
}
.sol-ecom-b2c .arch-unit i {
    width: 20px;
    height: 20px;
    font-size: 0.65rem;
}
.sol-ecom-b2c .arch-unit small {
    display: none;
}
.sol-ecom-b2c .faq-q {
    padding: 18px 20px;
    font-size: 0.94rem;
}
.sol-ecom-b2c .faq-a-inner {
    padding: 0 20px 20px;
    font-size: 0.9rem;
}
}
/* ===== Reset & Base ===== */
.sol-ecom-c2c, .sol-ecom-c2c *, .sol-ecom-c2c *::before, .sol-ecom-c2c *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.sol-ecom-c2c {
  --c-primary:#1e88e5;
  --c-primary-2:#1976d2;
  --c-primary-3:#1565c0;
  --c-primary-4:#0d47a1;
  --c-primary-light:#42a5f5;
  --c-primary-bright:#2196f3;
  --c-cyan:#06b6d4;
  --c-slate:#475569;
  --c-slate-light:#64748b;
  --c-text:#0f172a;
  --c-text-mid:#334155;
  --c-bg:#f5f9ff;
  --c-bg-2:#eef4fc;
  --c-bg-3:#e8f1fb;
  --c-border:#e2e8f0;
  --c-white:#fff;
  --radius:14px;
  --radius-lg:22px;
  --shadow-sm:0 2px 8px rgba(30,136,229,.08);
  --shadow:0 8px 28px rgba(30,136,229,.10);
  --shadow-lg:0 18px 56px rgba(30,136,229,.14);
  --shadow-xl:0 28px 80px rgba(30,136,229,.18);
  --max-w:1280px;
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
}
.sol-ecom-c2c {
  scroll-behavior: smooth;
  font-size: 16px;
}
.sol-ecom-c2c {
  font-family: var(--font);
  color: var(--c-text);
  background: var(--c-white);
  line-height: 1.7;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}
.sol-ecom-c2c a {
  text-decoration: none;
  color: inherit;
}
.sol-ecom-c2c img {
  max-width: 100%;
  display: block;
}
.sol-ecom-c2c ul {
  list-style: none;
}
.sol-ecom-c2c .container {
  max-width: var(--max-w);
  margin: 0 auto;
  padding: 0 24px;
}
.sol-ecom-c2c .section {
  padding: 96px 0;
  position: relative;
}
.sol-ecom-c2c .section-sm {
  padding: 72px 0;
}

/* ===== Typography ===== */
.sol-ecom-c2c .section-num {
  display: none;
}
.sol-ecom-c2c .section-title {
  font-size: 2.4rem;
  font-weight: 800;
  color: var(--c-text);
  line-height: 1.25;
  margin-bottom: 18px;
  letter-spacing: -0.02em;
}
.sol-ecom-c2c .section-subtitle {
  font-size: 1.08rem;
  color: var(--c-slate);
  max-width: 720px;
  line-height: 1.8;
}
.sol-ecom-c2c .section-head {
  margin-bottom: 46px;
}
.sol-ecom-c2c .section-head.center {
  text-align: center;
}
.sol-ecom-c2c .section-head.center .section-subtitle {
  margin: 0 auto;
}

/* ===== Buttons ===== */
.sol-ecom-c2c .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 28px;
  border-radius: 12px;
  font-size: 0.94rem;
  font-weight: 600;
  cursor: pointer;
  border: none;
  transition: all 0.25s;
  white-space: nowrap;
  line-height: 1.2;
}
.sol-ecom-c2c .btn-primary {
  background: #1e88e5;
  color: #fff;
  box-shadow: 0 4px 14px rgba(30, 136, 229, 0.35);
}
.sol-ecom-c2c .btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(30, 136, 229, 0.45);
}
.sol-ecom-c2c .btn-primary:active {
  transform: translateY(1px);
}
.sol-ecom-c2c .btn-ghost {
  background: rgba(255, 255, 255, 0.14);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.35);
  backdrop-filter: blur(6px);
}
.sol-ecom-c2c .btn-ghost:hover {
  background: rgba(255, 255, 255, 0.24);
  transform: translateY(-2px);
}
.sol-ecom-c2c .btn-lg {
  padding: 17px 40px;
  font-size: 1.05rem;
  border-radius: 14px;
}

/* ===== Hero ===== */
.sol-ecom-c2c .hero {
  position: relative;
  background: #0d47a1;
  padding: 88px 0 100px;
  overflow: hidden;
}
.sol-ecom-c2c .hero-grid {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 56px;
  align-items: center;
  position: relative;
  z-index: 1;
}
.sol-ecom-c2c .hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 18px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 100px;
  color: #fff;
  font-size: 0.82rem;
  font-weight: 500;
  margin-bottom: 30px;
  backdrop-filter: blur(8px);
}
.sol-ecom-c2c .hero-badge .dot {
  width: 8px;
  height: 8px;
  background: #34d399;
  border-radius: 50%;
  box-shadow: 0 0 10px #34d399;
  animation: pulse 1.6s ease-in-out infinite;
}
@keyframes pulse {
0%, 100% {
    opacity: 1;
    transform: scale(1);
}
50% {
    opacity: 0.6;
    transform: scale(1.3);
}
}
.sol-ecom-c2c .hero h1 {
  font-size: 2.95rem;
  font-weight: 900;
  color: #fff;
  line-height: 1.18;
  letter-spacing: -0.025em;
  margin-bottom: 24px;
  text-wrap: balance;
}
.sol-ecom-c2c .hero h1 .highlight {
  color: #bbdefb;
  position: relative;
  display: inline-block;
}
.sol-ecom-c2c .hero-sub {
  font-size: 1.14rem;
  color: rgba(255, 255, 255, 0.85);
  line-height: 1.85;
  margin-bottom: 28px;
  max-width: 560px;
}
.sol-ecom-c2c .hero-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 36px;
}
.sol-ecom-c2c .hero-tags span {
  padding: 7px 16px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 30px;
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.85);
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(4px);
}
.sol-ecom-c2c .hero-cta {
  display: flex;
  gap: 16px;
  margin-bottom: 40px;
  flex-wrap: wrap;
}
.sol-ecom-c2c .hero-trust {
  display: flex;
  align-items: center;
  gap: 30px;
  flex-wrap: wrap;
}
.sol-ecom-c2c .hero-trust-item {
  display: flex;
  align-items: center;
  gap: 10px;
}
.sol-ecom-c2c .hero-trust-num {
  font-size: 1.65rem;
  font-weight: 800;
  color: #fff;
}
.sol-ecom-c2c .hero-trust-label {
  font-size: 0.82rem;
  color: rgba(255, 255, 255, 0.6);
}
.sol-ecom-c2c .hero-trust-divider {
  width: 1px;
  height: 40px;
  background: rgba(255, 255, 255, 0.18);
}

/* Hero Dashboard Mockup */
.sol-ecom-c2c .hero-visual {
  position: relative;
}
.sol-ecom-c2c .dash-mock {
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 40px 90px rgba(0, 30, 80, 0.45);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.sol-ecom-c2c .dash-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 14px 18px;
  background: #f0f7ff;
  border-bottom: 1px solid var(--c-border);
}
.sol-ecom-c2c .dash-bar .dots {
  display: flex;
  gap: 6px;
}
.sol-ecom-c2c .dash-bar .dots span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.sol-ecom-c2c .dash-bar .dots span:nth-child(1) {
  background: #ef4444;
}
.sol-ecom-c2c .dash-bar .dots span:nth-child(2) {
  background: #f59e0b;
}
.sol-ecom-c2c .dash-bar .dots span:nth-child(3) {
  background: #22c55e;
}
.sol-ecom-c2c .dash-bar .url {
  flex: 1;
  text-align: center;
  font-size: 0.72rem;
  color: var(--c-slate-light);
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 6px;
  padding: 4px 14px;
  margin-left: 8px;
}
.sol-ecom-c2c .dash-body {
  display: grid;
  grid-template-columns: 68px 1fr;
  min-height: 360px;
}
.sol-ecom-c2c .dash-side {
  background: #1565c0;
  padding: 16px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.sol-ecom-c2c .dash-side .icon-item {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.5);
  transition: 0.2s;
}
.sol-ecom-c2c .dash-side .icon-item.active {
  background: #1e88e5;
  color: #fff;
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.5);
}
.sol-ecom-c2c .dash-side .icon-item svg {
  width: 18px;
  height: 18px;
}
.sol-ecom-c2c .dash-main {
  padding: 20px;
  background: #fafbfc;
}
.sol-ecom-c2c .dash-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-bottom: 16px;
}
.sol-ecom-c2c .dash-stat {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 12px;
  padding: 14px;
  transition: 0.2s;
}
.sol-ecom-c2c .dash-stat:hover {
  border-color: var(--c-primary-light);
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.1);
}
.sol-ecom-c2c .dash-stat-label {
  font-size: 0.68rem;
  color: var(--c-slate-light);
  margin-bottom: 4px;
}
.sol-ecom-c2c .dash-stat-val {
  font-size: 1.2rem;
  font-weight: 800;
  color: var(--c-text);
}
.sol-ecom-c2c .dash-stat-trend {
  font-size: 0.65rem;
  font-weight: 700;
  margin-top: 3px;
}
.sol-ecom-c2c .up {
  color: #10b981;
}
.sol-ecom-c2c .dn {
  color: #ef4444;
}
.sol-ecom-c2c .dash-chart {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 12px;
  padding: 16px;
}
.sol-ecom-c2c .dash-chart-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
}
.sol-ecom-c2c .dash-chart-title {
  font-size: 0.74rem;
  font-weight: 600;
  color: var(--c-text);
}
.sol-ecom-c2c .dash-chart-tag {
  font-size: 0.62rem;
  color: var(--c-primary);
  background: #e6f1ff;
  padding: 3px 10px;
  border-radius: 100px;
  font-weight: 600;
}
.sol-ecom-c2c .bars {
  display: flex;
  align-items: flex-end;
  gap: 6px;
  height: 96px;
}
.sol-ecom-c2c .bar {
  flex: 1;
  border-radius: 4px 4px 0 0;
  background: #1e88e5;
  opacity: 0.9;
  transition: opacity 0.2s;
}
.sol-ecom-c2c .bar:hover {
  opacity: 1;
}
.sol-ecom-c2c .bar.dim {
  background: #94a3b8;
}
.sol-ecom-c2c .dash-float {
  position: absolute;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 14px 36px rgba(0, 30, 80, 0.25);
  padding: 14px 18px;
  display: flex;
  align-items: center;
  gap: 14px;
  animation: float 3.5s ease-in-out infinite;
  border: 1px solid rgba(255, 255, 255, 0.6);
}
.sol-ecom-c2c .dash-float-1 {
  top: -20px;
  right: -12px;
  animation-delay: 0s;
}
.sol-ecom-c2c .dash-float-2 {
  bottom: -18px;
  left: -18px;
  animation-delay: 1.5s;
}
.sol-ecom-c2c .dash-float-icon {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.sol-ecom-c2c .dash-float-icon.green {
  background: linear-gradient(135deg, #d1fae5, #a7f3d0);
  color: #10b981;
}
.sol-ecom-c2c .dash-float-icon.blue {
  background: linear-gradient(135deg, #dbeafe, #bfdbfe);
  color: #1e88e5;
}
.sol-ecom-c2c .dash-float-text .num {
  font-size: 1.05rem;
  font-weight: 800;
  color: var(--c-text);
}
.sol-ecom-c2c .dash-float-text .label {
  font-size: 0.7rem;
  color: var(--c-slate-light);
}
@keyframes float {
0%, 100% {
    transform: translateY(0);
}
50% {
    transform: translateY(-12px);
}
}
/* ===== Pain Points ===== */
.sol-ecom-c2c .pain-section {
  background: #f5f9ff;
}
.sol-ecom-c2c .pain-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}
.sol-ecom-c2c .pain-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 36px 30px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-ecom-c2c .pain-card:hover {
  border-color: var(--c-primary-light);
  box-shadow: var(--shadow-xl);
  transform: translateY(-6px);
}
.sol-ecom-c2c .pain-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: #1e88e5;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.sol-ecom-c2c .pain-card:hover::before {
  transform: scaleX(1);
}
.sol-ecom-c2c .pain-num {
  position: absolute;
  top: 24px;
  right: 28px;
  font-size: 2.8rem;
  font-weight: 900;
  color: rgba(30, 136, 229, 0.06);
  line-height: 1;
}
.sol-ecom-c2c .pain-icon {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: #e3f2fd;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.15);
}
.sol-ecom-c2c .pain-icon svg {
  width: 28px;
  height: 28px;
  color: var(--c-primary-2);
}
.sol-ecom-c2c .pain-title {
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.sol-ecom-c2c .pain-desc {
  font-size: 0.92rem;
  color: var(--c-slate);
  line-height: 1.8;
}

/* ===== Solution Overview ===== */
.sol-ecom-c2c .solution-section {
  background: #fff;
}
.sol-ecom-c2c .solution-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}
.sol-ecom-c2c .solution-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 40px 32px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-ecom-c2c .solution-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
}
.sol-ecom-c2c .solution-icon {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  background: #1e88e5;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.3);
}
.sol-ecom-c2c .solution-icon svg {
  width: 26px;
  height: 26px;
  color: #fff;
}
.sol-ecom-c2c .solution-card h3 {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 14px;
}
.sol-ecom-c2c .solution-card p {
  font-size: 0.95rem;
  color: var(--c-slate);
  line-height: 1.8;
}

/* ===== Solution Route ===== */
.sol-ecom-c2c .solution-route {
  margin-top: 34px;
  padding: 26px;
  background: #fff;
  border: 1px solid #dce7f3;
  border-radius: 16px;
  box-shadow: var(--shadow-sm);
}
.sol-ecom-c2c .solution-route h3 {
  text-align: center;
  font-size: 1.12rem;
  margin-bottom: 22px;
  color: var(--c-text);
}
.sol-ecom-c2c .route-track {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 12px;
  position: relative;
}
.sol-ecom-c2c .route-item {
  position: relative;
  text-align: center;
  padding: 15px 8px;
  background: #f4f8fe;
  border: 1px solid #d7e7f9;
  border-radius: 10px;
  font-size: 0.84rem;
  font-weight: 700;
  color: #174f8b;
}
.sol-ecom-c2c .route-item small {
  display: block;
  margin-top: 5px;
  color: #6c829b;
  font-size: 0.68rem;
  font-weight: 400;
}
.sol-ecom-c2c .route-item:not(:last-child):after {
  content: "→";
  position: absolute;
  right: -12px;
  top: 30px;
  color: #087cf0;
  font-size: 18px;
  z-index: 2;
}

/* ===== Architecture ===== */
.sol-ecom-c2c .arch-section {
  background: #f5f9ff;
}
.sol-ecom-c2c .arch-board {
  padding: 34px;
  border: 1px solid #d5e6f8;
  border-radius: 20px;
  background: #f8fbff;
  box-shadow: 0 16px 36px rgba(13, 71, 161, 0.08);
  position: relative;
}
.sol-ecom-c2c .arch-kicker {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  margin-bottom: 20px;
}
.sol-ecom-c2c .arch-kicker b {
  font-size: 1.1rem;
  color: #102e52;
}
.sol-ecom-c2c .arch-kicker span {
  font-size: 0.78rem;
  color: var(--c-primary-3);
  background: #e6f2ff;
  border-radius: 100px;
  padding: 6px 12px;
}
.sol-ecom-c2c .arch-map {
  display: grid;
  gap: 13px;
}
.sol-ecom-c2c .arch-band {
  display: grid;
  grid-template-columns: 174px 1fr;
  gap: 13px;
  align-items: stretch;
}
.sol-ecom-c2c .arch-band-label {
  padding: 16px;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #e6f1ff;
  color: #125aa5;
  font-size: 0.92rem;
  font-weight: 800;
}
.sol-ecom-c2c .arch-band-label small {
  margin-top: 5px;
  color: #5f87b4;
  font-size: 0.68rem;
  font-weight: 500;
}
.sol-ecom-c2c .arch-band-content {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
}
.sol-ecom-c2c .arch-unit {
  min-height: 84px;
  padding: 13px 9px;
  border: 1px solid #d4e5f8;
  border-radius: 11px;
  background: #fff;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #143b68;
  font-size: 0.82rem;
  font-weight: 800;
  transition: transform 0.2s, box-shadow 0.2s;
}
.sol-ecom-c2c .arch-unit:hover {
  transform: translateY(-3px);
  box-shadow: 0 7px 16px rgba(30, 136, 229, 0.12);
}
.sol-ecom-c2c .arch-unit i {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  margin-bottom: 6px;
  border-radius: 7px;
  background: #e5f1ff;
  color: #1565c0;
  font-size: 0.72rem;
  font-style: normal;
}
.sol-ecom-c2c .arch-unit small {
  display: block;
  color: #7088a3;
  font-size: 0.66rem;
  font-weight: 400;
  line-height: 1.35;
  margin-top: 4px;
}
.sol-ecom-c2c .arch-band.core .arch-band-label {
  background: #0d47a1;
  color: #fff;
}
.sol-ecom-c2c .arch-band.core .arch-band-label small {
  color: #c6e1ff;
}
.sol-ecom-c2c .arch-band.core .arch-unit {
  background: #1565c0;
  border-color: #1565c0;
  color: #fff;
}
.sol-ecom-c2c .arch-band.core .arch-unit i {
  background: #fff;
  color: #1565c0;
}
.sol-ecom-c2c .arch-band.core .arch-unit small {
  color: #d6eaff;
}
.sol-ecom-c2c .arch-map-note {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px dashed #cfe1f6;
  color: #5f7b9c;
  font-size: 0.8rem;
}

/* ===== Core Functions ===== */
.sol-ecom-c2c .func-section {
  background: #f5f9ff;
}
.sol-ecom-c2c .func-section .section-head {
  max-width: 740px;
  margin-left: auto;
  margin-right: auto;
}
.sol-ecom-c2c .func-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
  align-items: stretch;
}
.sol-ecom-c2c .func-card {
  min-height: 292px;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
  border: 1px solid #d7e6f6;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 7px 18px rgba(18, 74, 136, 0.055);
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
.sol-ecom-c2c .func-card:hover {
  transform: translateY(-7px);
  border-color: #78b7f4;
  box-shadow: 0 16px 30px rgba(18, 112, 212, 0.14);
}
.sol-ecom-c2c .func-card:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  height: auto;
  background: #1e88e5;
}
.sol-ecom-c2c .func-card-num {
  position: absolute;
  top: 18px;
  right: 18px;
  width: 34px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: #e9f3ff;
  color: #1565c0;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.06em;
}
.sol-ecom-c2c .func-card-body {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 27px 24px 24px;
}
.sol-ecom-c2c .func-card-icon {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  flex: none;
  border-radius: 13px;
  background: #e7f2ff;
  color: #1565c0;
  box-shadow: none;
  margin: 0 0 22px;
}
.sol-ecom-c2c .func-card-icon svg {
  width: 24px;
  height: 24px;
}
.sol-ecom-c2c .func-card h3 {
  margin: 0 0 11px;
  min-height: 48px;
  display: flex;
  align-items: flex-start;
  font-size: 1.03rem;
  line-height: 1.45;
  color: #102e52;
}
.sol-ecom-c2c .func-card p {
  margin: 0;
  font-size: 0.88rem;
  color: #476585;
  line-height: 1.75;
}

/* ===== Core Advantages ===== */
.sol-ecom-c2c .advantage-section {
  background: #fff;
}
.sol-ecom-c2c .advantage-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}
.sol-ecom-c2c .advantage-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius);
  padding: 34px 28px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
  min-height: 238px;
}
.sol-ecom-c2c .advantage-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
  border-color: var(--c-primary-light);
}
.sol-ecom-c2c .advantage-card::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #1e88e5, #42a5f5);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.sol-ecom-c2c .advantage-card:hover::before {
  transform: scaleX(1);
}
.sol-ecom-c2c .advantage-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: #1e88e5;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  box-shadow: 0 6px 16px rgba(30, 136, 229, 0.25);
}
.sol-ecom-c2c .advantage-icon svg {
  width: 24px;
  height: 24px;
  color: #fff;
}
.sol-ecom-c2c .advantage-card h3 {
  font-size: 1.12rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.sol-ecom-c2c .advantage-card p {
  font-size: 0.9rem;
  color: var(--c-slate);
  line-height: 1.75;
}

/* ===== Application Scenarios ===== */
.sol-ecom-c2c .scenario-section {
  background: #f5f9ff;
}
.sol-ecom-c2c .scenario-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.sol-ecom-c2c .scenario-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius);
  padding: 32px 28px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-ecom-c2c .scenario-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
  border-color: var(--c-primary-light);
}
.sol-ecom-c2c .scenario-tag {
  display: inline-block;
  padding: 5px 12px;
  background: #e6f1ff;
  color: var(--c-primary);
  font-size: 0.72rem;
  font-weight: 700;
  border-radius: 100px;
  margin-bottom: 16px;
}
.sol-ecom-c2c .scenario-card h3 {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.sol-ecom-c2c .scenario-card p {
  font-size: 0.9rem;
  color: var(--c-slate);
  line-height: 1.75;
}

/* ===== Customer Value ===== */
.sol-ecom-c2c .value-section {
  background: #fff;
}
.sol-ecom-c2c .value-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}
.sol-ecom-c2c .value-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 36px 26px;
  text-align: center;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-ecom-c2c .value-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-6px);
}
.sol-ecom-c2c .value-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: #1e88e5;
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.4s;
}
.sol-ecom-c2c .value-card:hover::before {
  transform: scaleX(1);
}
.sol-ecom-c2c .value-icon {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: #1e88e5;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.3);
}
.sol-ecom-c2c .value-icon svg {
  width: 28px;
  height: 28px;
  color: #fff;
}
.sol-ecom-c2c .value-card h3 {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.sol-ecom-c2c .value-card p {
  font-size: 0.88rem;
  color: var(--c-slate);
  line-height: 1.75;
}
.sol-ecom-c2c .value-highlight {
  display: inline-block;
  margin-top: 14px;
  padding: 5px 14px;
  background: #fff;
  border: 1px solid var(--c-primary-light);
  border-radius: 100px;
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--c-primary);
}

/* ===== Trust Section ===== */
.sol-ecom-c2c .trust-section {
  background: #0d47a1;
  position: relative;
  overflow: hidden;
  padding: 100px 0;
}
.sol-ecom-c2c .trust-section::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
}
.sol-ecom-c2c .trust-section .section-title {
  color: #fff;
}
.sol-ecom-c2c .trust-section .section-subtitle {
  color: rgba(255, 255, 255, 0.7);
}
.sol-ecom-c2c .trust-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  margin-bottom: 60px;
}
.sol-ecom-c2c .trust-stat {
  text-align: center;
  padding: 36px 22px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius);
  transition: 0.3s;
  backdrop-filter: blur(6px);
}
.sol-ecom-c2c .trust-stat:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.18);
  transform: translateY(-6px);
}
.sol-ecom-c2c .trust-stat .num {
  font-size: 2.8rem;
  font-weight: 900;
  color: #fff;
  letter-spacing: -0.025em;
  line-height: 1;
  margin-bottom: 8px;
}
.sol-ecom-c2c .trust-stat .num .unit {
  font-size: 1.4rem;
  font-weight: 700;
}
.sol-ecom-c2c .trust-stat .label {
  font-size: 0.88rem;
  color: rgba(255, 255, 255, 0.55);
  font-weight: 500;
}
.sol-ecom-c2c .logo-wall {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius-lg);
  padding: 44px;
  margin-bottom: 48px;
  backdrop-filter: blur(6px);
}
.sol-ecom-c2c .logo-wall-title {
  text-align: center;
  font-size: 0.82rem;
  color: rgba(255, 255, 255, 0.45);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  margin-bottom: 28px;
  font-weight: 600;
}
.sol-ecom-c2c .logo-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 18px;
}
.sol-ecom-c2c .logo-item {
  height: 64px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.82rem;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.4);
  transition: 0.3s;
}
.sol-ecom-c2c .logo-item:hover {
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.8);
  border-color: rgba(255, 255, 255, 0.18);
  transform: translateY(-2px);
}
.sol-ecom-c2c .trust-cert {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}
.sol-ecom-c2c .cert-card {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius);
  padding: 28px;
  display: flex;
  align-items: center;
  gap: 18px;
  transition: 0.3s;
  backdrop-filter: blur(6px);
}
.sol-ecom-c2c .cert-card:hover {
  background: rgba(255, 255, 255, 0.08);
  transform: translateY(-3px);
}
.sol-ecom-c2c .cert-icon {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(66, 165, 245, 0.2), rgba(30, 136, 229, 0.2));
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border: 1px solid rgba(66, 165, 245, 0.3);
}
.sol-ecom-c2c .cert-icon svg {
  width: 26px;
  height: 26px;
  color: #90caf9;
}
.sol-ecom-c2c .cert-info .title {
  font-size: 0.92rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 4px;
}
.sol-ecom-c2c .cert-info .desc {
  font-size: 0.78rem;
  color: rgba(255, 255, 255, 0.45);
}

/* ===== FAQ ===== */
.sol-ecom-c2c .faq-section {
  background: #f5f9ff;
}
.sol-ecom-c2c .faq-wrap {
  max-width: 880px;
  margin: 0 auto;
}
.sol-ecom-c2c .faq-item {
  border: 1.5px solid var(--c-border);
  border-radius: var(--radius);
  margin-bottom: 14px;
  overflow: hidden;
  transition: 0.3s;
  background: #fff;
}
.sol-ecom-c2c .faq-item.active {
  border-color: var(--c-primary);
  box-shadow: 0 8px 28px rgba(30, 136, 229, 0.12);
}
.sol-ecom-c2c .faq-item.active .faq-q {
  color: var(--c-primary);
}
.sol-ecom-c2c .faq-q {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22px 28px;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 600;
  color: var(--c-text);
  transition: color 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  gap: 16px;
}
.sol-ecom-c2c .faq-q .arrow {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  transition: transform 0.3s;
  color: var(--c-slate-light);
}
.sol-ecom-c2c .faq-item.active .faq-q .arrow {
  transform: rotate(180deg);
  color: var(--c-primary);
}
.sol-ecom-c2c .faq-a {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}
.sol-ecom-c2c .faq-a-inner {
  padding: 0 28px 24px;
  font-size: 0.94rem;
  color: var(--c-slate);
  line-height: 1.85;
}

/* ===== Final CTA ===== */
.sol-ecom-c2c .cta-section {
  position: relative;
  background: #1565c0;
  padding: 100px 0;
  overflow: hidden;
}
.cta-section::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 60px;
  background: #0d47a1;
  pointer-events: none;
  z-index: 0;
}
.sol-ecom-c2c .cta-inner {
  position: relative;
  z-index: 1;
  text-align: center;
  max-width: 820px;
  margin: 0 auto;
}
.sol-ecom-c2c .cta-inner h2 {
  font-size: 2.5rem;
  font-weight: 900;
  color: #fff;
  letter-spacing: -0.025em;
  margin-bottom: 20px;
  line-height: 1.25;
}
.sol-ecom-c2c .cta-inner h2 .highlight {
  color: #bbdefb;
}
.sol-ecom-c2c .cta-inner p {
  font-size: 1.12rem;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.85;
  margin-bottom: 44px;
}
.sol-ecom-c2c .cta-options {
  display: flex;
  gap: 18px;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 36px;
}
.sol-ecom-c2c .cta-note {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.5);
  flex-wrap: wrap;
}
.sol-ecom-c2c .cta-note .dot {
  width: 5px;
  height: 5px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
}

/* ===== Footer (zjssoft.com exact style) ===== */
/* ===== Scroll Animations ===== */
.sol-ecom-c2c .reveal {
  opacity: 0;
  transform: translateY(32px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}
.sol-ecom-c2c .reveal.active {
  opacity: 1;
  transform: translateY(0);
}
.sol-ecom-c2c .reveal-delay-1 {
  transition-delay: 0.12s;
}
.sol-ecom-c2c .reveal-delay-2 {
  transition-delay: 0.24s;
}
.sol-ecom-c2c .reveal-delay-3 {
  transition-delay: 0.36s;
}

/* ===== Mobile Responsive ===== */
@media (max-width: 1024px) {
.sol-ecom-c2c .hero-grid {
    grid-template-columns: 1fr;
    gap: 48px;
}
.sol-ecom-c2c .hero h1 {
    font-size: 2.6rem;
    text-wrap: balance;
}
.sol-ecom-c2c .pain-grid {
    grid-template-columns: repeat(2, 1fr);
}
.sol-ecom-c2c .solution-grid {
    grid-template-columns: 1fr;
}
.sol-ecom-c2c .route-track {
    grid-template-columns: repeat(2, 1fr);
}
.sol-ecom-c2c .route-item:not(:last-child):after {
    display: none;
}
.sol-ecom-c2c .arch-band {
    grid-template-columns: 1fr;
}
.sol-ecom-c2c .arch-band-content {
    grid-template-columns: repeat(3, 1fr);
}
.sol-ecom-c2c .func-grid {
    grid-template-columns: repeat(2, 1fr);
}
.sol-ecom-c2c .advantage-grid {
    grid-template-columns: repeat(2, 1fr);
}
.sol-ecom-c2c .scenario-grid {
    grid-template-columns: repeat(2, 1fr);
}
.sol-ecom-c2c .value-grid {
    grid-template-columns: repeat(2, 1fr);
}
.sol-ecom-c2c .trust-stats {
    grid-template-columns: repeat(2, 1fr);
}
.sol-ecom-c2c .logo-grid {
    grid-template-columns: repeat(3, 1fr);
}
.sol-ecom-c2c .trust-cert {
    grid-template-columns: 1fr;
}
}
@media (max-width: 768px) {
.sol-ecom-c2c .section {
    padding: 72px 0;
}
.sol-ecom-c2c .section-title {
    font-size: 1.8rem;
}
.sol-ecom-c2c .section-head {
    margin-bottom: 42px;
}
.sol-ecom-c2c .hero {
    padding: 100px 0 64px;
}
.sol-ecom-c2c .hero h1 {
    font-size: 2.1rem;
    text-wrap: balance;
}
.sol-ecom-c2c .hero-sub {
    font-size: 1.05rem;
}
.sol-ecom-c2c .hero-cta {
    flex-direction: column;
    width: 100%;
}
.sol-ecom-c2c .hero-cta .btn {
    width: 100%;
}
.sol-ecom-c2c .hero-trust {
    gap: 20px;
}
.sol-ecom-c2c .hero-trust-divider {
    display: none;
}
.sol-ecom-c2c .hero-trust-num {
    font-size: 1.4rem;
}
.sol-ecom-c2c .hero-trust-label {
    font-size: 0.78rem;
}
.sol-ecom-c2c .hero-visual {
    max-width: 440px;
    margin: 0 auto;
}
.sol-ecom-c2c .dash-float {
    display: none;
}
.sol-ecom-c2c .pain-grid {
    grid-template-columns: 1fr;
    gap: 18px;
}
.sol-ecom-c2c .pain-card {
    padding: 30px 24px;
}
.sol-ecom-c2c .route-track {
    grid-template-columns: 1fr;
}
.sol-ecom-c2c .arch-band-content {
    grid-template-columns: repeat(2, 1fr);
}
.sol-ecom-c2c .func-card {
    min-height: auto;
    padding: 0;
    flex-direction: column;
    gap: 16px;
}
.sol-ecom-c2c .func-card h3 {
    min-height: auto;
}
.sol-ecom-c2c .advantage-grid {
    grid-template-columns: 1fr;
}
.sol-ecom-c2c .scenario-grid {
    grid-template-columns: 1fr;
}
.sol-ecom-c2c .value-grid {
    grid-template-columns: 1fr 1fr;
}
.sol-ecom-c2c .trust-stats {
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}
.sol-ecom-c2c .trust-stat {
    padding: 24px 14px;
}
.sol-ecom-c2c .trust-stat .num {
    font-size: 2.1rem;
}
.sol-ecom-c2c .logo-wall {
    padding: 28px;
}
.sol-ecom-c2c .logo-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
}
.sol-ecom-c2c .logo-item {
    height: 54px;
    font-size: 0.75rem;
}
.sol-ecom-c2c .cert-card {
    padding: 20px;
}
.sol-ecom-c2c .cta-inner h2 {
    font-size: 1.9rem;
}
.sol-ecom-c2c .cta-inner p {
    font-size: 1rem;
}
.sol-ecom-c2c .cta-options {
    flex-direction: column;
    width: 100%;
}
.sol-ecom-c2c .cta-options .btn {
    width: 100%;
}
}
@media (max-width: 480px) {
.sol-ecom-c2c .container {
    padding: 0 18px;
}
.sol-ecom-c2c .hero h1 {
    font-size: 1.85rem;
    text-wrap: balance;
}
.sol-ecom-c2c .section-title {
    font-size: 1.55rem;
}
.sol-ecom-c2c .dash-stats {
    grid-template-columns: 1fr;
    gap: 8px;
}
.sol-ecom-c2c .value-grid {
    grid-template-columns: 1fr;
}
}
@media (max-width: 768px) {
.sol-ecom-c2c .hero-trust {
    justify-content: flex-start;
}
.sol-ecom-c2c .hero-trust-item {
    min-width: 80px;
}
.sol-ecom-c2c .arch-band-content {
    grid-template-columns: repeat(2, 1fr);
}
.sol-ecom-c2c .arch-unit {
    min-height: 72px;
}
.sol-ecom-c2c .route-track {
    grid-template-columns: 1fr;
}
.sol-ecom-c2c .route-item:not(:last-child):after {
    display: none;
}
}
@media (max-width: 480px) {
.sol-ecom-c2c .hero-trust {
    gap: 14px;
}
.sol-ecom-c2c .hero-trust-item {
    min-width: 68px;
}
.sol-ecom-c2c .hero-trust-num {
    font-size: 1.25rem;
}
.sol-ecom-c2c .hero-trust-label {
    font-size: 0.72rem;
}
.sol-ecom-c2c .arch-band-content {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
}
.sol-ecom-c2c .arch-unit {
    padding: 10px 6px;
    font-size: 0.72rem;
}
.sol-ecom-c2c .arch-unit i {
    width: 20px;
    height: 20px;
    font-size: 0.65rem;
}
.sol-ecom-c2c .arch-unit small {
    display: none;
}
.sol-ecom-c2c .faq-q {
    padding: 18px 20px;
    font-size: 0.94rem;
}
.sol-ecom-c2c .faq-a-inner {
    padding: 0 20px 20px;
    font-size: 0.9rem;
}
}
/* ===== Reset & Base ===== */
.sol-ecom-o2o, .sol-ecom-o2o *, .sol-ecom-o2o *::before, .sol-ecom-o2o *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.sol-ecom-o2o {
  --c-primary:#1e88e5;
  --c-primary-2:#1976d2;
  --c-primary-3:#1565c0;
  --c-primary-4:#0d47a1;
  --c-primary-light:#42a5f5;
  --c-primary-bright:#2196f3;
  --c-cyan:#06b6d4;
  --c-slate:#475569;
  --c-slate-light:#64748b;
  --c-text:#0f172a;
  --c-text-mid:#334155;
  --c-bg:#f5f9ff;
  --c-bg-2:#eef4fc;
  --c-bg-3:#e8f1fb;
  --c-border:#e2e8f0;
  --c-white:#fff;
  --radius:14px;
  --radius-lg:22px;
  --shadow-sm:0 2px 8px rgba(30,136,229,.08);
  --shadow:0 8px 28px rgba(30,136,229,.10);
  --shadow-lg:0 18px 56px rgba(30,136,229,.14);
  --shadow-xl:0 28px 80px rgba(30,136,229,.18);
  --max-w:1280px;
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
}
.sol-ecom-o2o {
  scroll-behavior: smooth;
  font-size: 16px;
}
.sol-ecom-o2o {
  font-family: var(--font);
  color: var(--c-text);
  background: var(--c-white);
  line-height: 1.7;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}
.sol-ecom-o2o a {
  text-decoration: none;
  color: inherit;
}
.sol-ecom-o2o img {
  max-width: 100%;
  display: block;
}
.sol-ecom-o2o ul {
  list-style: none;
}
.sol-ecom-o2o .container {
  max-width: var(--max-w);
  margin: 0 auto;
  padding: 0 24px;
}
.sol-ecom-o2o .section {
  padding: 96px 0;
  position: relative;
}
.sol-ecom-o2o .section-sm {
  padding: 72px 0;
}

/* ===== Typography ===== */
.sol-ecom-o2o .section-num {
  display: none;
}
.sol-ecom-o2o .section-title {
  font-size: 2.4rem;
  font-weight: 800;
  color: var(--c-text);
  line-height: 1.25;
  margin-bottom: 18px;
  letter-spacing: -0.02em;
}
.sol-ecom-o2o .section-subtitle {
  font-size: 1.08rem;
  color: var(--c-slate);
  max-width: 720px;
  line-height: 1.8;
}
.sol-ecom-o2o .section-head {
  margin-bottom: 46px;
}
.sol-ecom-o2o .section-head.center {
  text-align: center;
}
.sol-ecom-o2o .section-head.center .section-subtitle {
  margin: 0 auto;
}

/* ===== Buttons ===== */
.sol-ecom-o2o .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 28px;
  border-radius: 12px;
  font-size: 0.94rem;
  font-weight: 600;
  cursor: pointer;
  border: none;
  transition: all 0.25s;
  white-space: nowrap;
  line-height: 1.2;
}
.sol-ecom-o2o .btn-primary {
  background: #1e88e5;
  color: #fff;
  box-shadow: 0 4px 14px rgba(30, 136, 229, 0.35);
}
.sol-ecom-o2o .btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(30, 136, 229, 0.45);
}
.sol-ecom-o2o .btn-primary:active {
  transform: translateY(1px);
}
.sol-ecom-o2o .btn-ghost {
  background: rgba(255, 255, 255, 0.14);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.35);
  backdrop-filter: blur(6px);
}
.sol-ecom-o2o .btn-ghost:hover {
  background: rgba(255, 255, 255, 0.24);
  transform: translateY(-2px);
}
.sol-ecom-o2o .btn-lg {
  padding: 17px 40px;
  font-size: 1.05rem;
  border-radius: 14px;
}

/* ===== Hero ===== */
.sol-ecom-o2o .hero {
  position: relative;
  background: #0d47a1;
  padding: 88px 0 100px;
  overflow: hidden;
}
.sol-ecom-o2o .hero-grid {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 56px;
  align-items: center;
  position: relative;
  z-index: 1;
}
.sol-ecom-o2o .hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 18px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 100px;
  color: #fff;
  font-size: 0.82rem;
  font-weight: 500;
  margin-bottom: 30px;
  backdrop-filter: blur(8px);
}
.sol-ecom-o2o .hero-badge .dot {
  width: 8px;
  height: 8px;
  background: #34d399;
  border-radius: 50%;
  box-shadow: 0 0 10px #34d399;
  animation: pulse 1.6s ease-in-out infinite;
}
@keyframes pulse {
0%, 100% {
    opacity: 1;
    transform: scale(1);
}
50% {
    opacity: 0.6;
    transform: scale(1.3);
}
}
.sol-ecom-o2o .hero h1 {
  font-size: 2.95rem;
  font-weight: 900;
  color: #fff;
  line-height: 1.18;
  letter-spacing: -0.025em;
  margin-bottom: 24px;
  text-wrap: balance;
}
.sol-ecom-o2o .hero h1 .highlight {
  color: #bbdefb;
  position: relative;
  display: inline-block;
}
.sol-ecom-o2o .hero-sub {
  font-size: 1.14rem;
  color: rgba(255, 255, 255, 0.85);
  line-height: 1.85;
  margin-bottom: 28px;
  max-width: 560px;
}
.sol-ecom-o2o .hero-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 36px;
}
.sol-ecom-o2o .hero-tags span {
  padding: 7px 16px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 30px;
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.85);
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(4px);
}
.sol-ecom-o2o .hero-cta {
  display: flex;
  gap: 16px;
  margin-bottom: 40px;
  flex-wrap: wrap;
}
.sol-ecom-o2o .hero-trust {
  display: flex;
  align-items: center;
  gap: 30px;
  flex-wrap: wrap;
}
.sol-ecom-o2o .hero-trust-item {
  display: flex;
  align-items: center;
  gap: 10px;
}
.sol-ecom-o2o .hero-trust-num {
  font-size: 1.65rem;
  font-weight: 800;
  color: #fff;
}
.sol-ecom-o2o .hero-trust-label {
  font-size: 0.82rem;
  color: rgba(255, 255, 255, 0.6);
}
.sol-ecom-o2o .hero-trust-divider {
  width: 1px;
  height: 40px;
  background: rgba(255, 255, 255, 0.18);
}

/* Hero Dashboard Mockup */
.sol-ecom-o2o .hero-visual {
  position: relative;
}
.sol-ecom-o2o .dash-mock {
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 40px 90px rgba(0, 30, 80, 0.45);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.sol-ecom-o2o .dash-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 14px 18px;
  background: #f0f7ff;
  border-bottom: 1px solid var(--c-border);
}
.sol-ecom-o2o .dash-bar .dots {
  display: flex;
  gap: 6px;
}
.sol-ecom-o2o .dash-bar .dots span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.sol-ecom-o2o .dash-bar .dots span:nth-child(1) {
  background: #ef4444;
}
.sol-ecom-o2o .dash-bar .dots span:nth-child(2) {
  background: #f59e0b;
}
.sol-ecom-o2o .dash-bar .dots span:nth-child(3) {
  background: #22c55e;
}
.sol-ecom-o2o .dash-bar .url {
  flex: 1;
  text-align: center;
  font-size: 0.72rem;
  color: var(--c-slate-light);
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 6px;
  padding: 4px 14px;
  margin-left: 8px;
}
.sol-ecom-o2o .dash-body {
  display: grid;
  grid-template-columns: 68px 1fr;
  min-height: 360px;
}
.sol-ecom-o2o .dash-side {
  background: #1565c0;
  padding: 16px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.sol-ecom-o2o .dash-side .icon-item {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.5);
  transition: 0.2s;
}
.sol-ecom-o2o .dash-side .icon-item.active {
  background: #1e88e5;
  color: #fff;
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.5);
}
.sol-ecom-o2o .dash-side .icon-item svg {
  width: 18px;
  height: 18px;
}
.sol-ecom-o2o .dash-main {
  padding: 20px;
  background: #fafbfc;
}
.sol-ecom-o2o .dash-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-bottom: 16px;
}
.sol-ecom-o2o .dash-stat {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 12px;
  padding: 14px;
  transition: 0.2s;
}
.sol-ecom-o2o .dash-stat:hover {
  border-color: var(--c-primary-light);
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.1);
}
.sol-ecom-o2o .dash-stat-label {
  font-size: 0.68rem;
  color: var(--c-slate-light);
  margin-bottom: 4px;
}
.sol-ecom-o2o .dash-stat-val {
  font-size: 1.2rem;
  font-weight: 800;
  color: var(--c-text);
}
.sol-ecom-o2o .dash-stat-trend {
  font-size: 0.65rem;
  font-weight: 700;
  margin-top: 3px;
}
.sol-ecom-o2o .up {
  color: #10b981;
}
.sol-ecom-o2o .dn {
  color: #ef4444;
}
.sol-ecom-o2o .dash-chart {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 12px;
  padding: 16px;
}
.sol-ecom-o2o .dash-chart-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
}
.sol-ecom-o2o .dash-chart-title {
  font-size: 0.74rem;
  font-weight: 600;
  color: var(--c-text);
}
.sol-ecom-o2o .dash-chart-tag {
  font-size: 0.62rem;
  color: var(--c-primary);
  background: #e6f1ff;
  padding: 3px 10px;
  border-radius: 100px;
  font-weight: 600;
}
.sol-ecom-o2o .bars {
  display: flex;
  align-items: flex-end;
  gap: 6px;
  height: 96px;
}
.sol-ecom-o2o .bar {
  flex: 1;
  border-radius: 4px 4px 0 0;
  background: #1e88e5;
  opacity: 0.9;
  transition: opacity 0.2s;
}
.sol-ecom-o2o .bar:hover {
  opacity: 1;
}
.sol-ecom-o2o .bar.dim {
  background: #94a3b8;
}
.sol-ecom-o2o .dash-float {
  position: absolute;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 14px 36px rgba(0, 30, 80, 0.25);
  padding: 14px 18px;
  display: flex;
  align-items: center;
  gap: 14px;
  animation: float 3.5s ease-in-out infinite;
  border: 1px solid rgba(255, 255, 255, 0.6);
}
.sol-ecom-o2o .dash-float-1 {
  top: -20px;
  right: -12px;
  animation-delay: 0s;
}
.sol-ecom-o2o .dash-float-2 {
  bottom: -18px;
  left: -18px;
  animation-delay: 1.5s;
}
.sol-ecom-o2o .dash-float-icon {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.sol-ecom-o2o .dash-float-icon.green {
  background: linear-gradient(135deg, #d1fae5, #a7f3d0);
  color: #10b981;
}
.sol-ecom-o2o .dash-float-icon.blue {
  background: linear-gradient(135deg, #dbeafe, #bfdbfe);
  color: #1e88e5;
}
.sol-ecom-o2o .dash-float-text .num {
  font-size: 1.05rem;
  font-weight: 800;
  color: var(--c-text);
}
.sol-ecom-o2o .dash-float-text .label {
  font-size: 0.7rem;
  color: var(--c-slate-light);
}
@keyframes float {
0%, 100% {
    transform: translateY(0);
}
50% {
    transform: translateY(-12px);
}
}
/* ===== Pain Points ===== */
.sol-ecom-o2o .pain-section {
  background: #f5f9ff;
}
.sol-ecom-o2o .pain-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}
.sol-ecom-o2o .pain-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 36px 30px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-ecom-o2o .pain-card:hover {
  border-color: var(--c-primary-light);
  box-shadow: var(--shadow-xl);
  transform: translateY(-6px);
}
.sol-ecom-o2o .pain-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: #1e88e5;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.sol-ecom-o2o .pain-card:hover::before {
  transform: scaleX(1);
}
.sol-ecom-o2o .pain-num {
  position: absolute;
  top: 24px;
  right: 28px;
  font-size: 2.8rem;
  font-weight: 900;
  color: rgba(30, 136, 229, 0.06);
  line-height: 1;
}
.sol-ecom-o2o .pain-icon {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: #e3f2fd;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.15);
}
.sol-ecom-o2o .pain-icon svg {
  width: 28px;
  height: 28px;
  color: var(--c-primary-2);
}
.sol-ecom-o2o .pain-title {
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.sol-ecom-o2o .pain-desc {
  font-size: 0.92rem;
  color: var(--c-slate);
  line-height: 1.8;
}

/* ===== Solution Overview ===== */
.sol-ecom-o2o .solution-section {
  background: #fff;
}
.sol-ecom-o2o .solution-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}
.sol-ecom-o2o .solution-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 40px 32px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-ecom-o2o .solution-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
}
.sol-ecom-o2o .solution-icon {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  background: #1e88e5;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.3);
}
.sol-ecom-o2o .solution-icon svg {
  width: 26px;
  height: 26px;
  color: #fff;
}
.sol-ecom-o2o .solution-card h3 {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 14px;
}
.sol-ecom-o2o .solution-card p {
  font-size: 0.95rem;
  color: var(--c-slate);
  line-height: 1.8;
}

/* ===== Solution Route ===== */
.sol-ecom-o2o .solution-route {
  margin-top: 34px;
  padding: 26px;
  background: #fff;
  border: 1px solid #dce7f3;
  border-radius: 16px;
  box-shadow: var(--shadow-sm);
}
.sol-ecom-o2o .solution-route h3 {
  text-align: center;
  font-size: 1.12rem;
  margin-bottom: 22px;
  color: var(--c-text);
}
.sol-ecom-o2o .route-track {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 12px;
  position: relative;
}
.sol-ecom-o2o .route-item {
  position: relative;
  text-align: center;
  padding: 15px 8px;
  background: #f4f8fe;
  border: 1px solid #d7e7f9;
  border-radius: 10px;
  font-size: 0.84rem;
  font-weight: 700;
  color: #174f8b;
}
.sol-ecom-o2o .route-item small {
  display: block;
  margin-top: 5px;
  color: #6c829b;
  font-size: 0.68rem;
  font-weight: 400;
}
.sol-ecom-o2o .route-item:not(:last-child):after {
  content: "→";
  position: absolute;
  right: -12px;
  top: 30px;
  color: #087cf0;
  font-size: 18px;
  z-index: 2;
}

/* ===== Architecture ===== */
.sol-ecom-o2o .arch-section {
  background: #f5f9ff;
}
.sol-ecom-o2o .arch-board {
  padding: 34px;
  border: 1px solid #d5e6f8;
  border-radius: 20px;
  background: #f8fbff;
  box-shadow: 0 16px 36px rgba(13, 71, 161, 0.08);
  position: relative;
}
.sol-ecom-o2o .arch-kicker {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  margin-bottom: 20px;
}
.sol-ecom-o2o .arch-kicker b {
  font-size: 1.1rem;
  color: #102e52;
}
.sol-ecom-o2o .arch-kicker span {
  font-size: 0.78rem;
  color: var(--c-primary-3);
  background: #e6f2ff;
  border-radius: 100px;
  padding: 6px 12px;
}
.sol-ecom-o2o .arch-map {
  display: grid;
  gap: 13px;
}
.sol-ecom-o2o .arch-band {
  display: grid;
  grid-template-columns: 174px 1fr;
  gap: 13px;
  align-items: stretch;
}
.sol-ecom-o2o .arch-band-label {
  padding: 16px;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #e6f1ff;
  color: #125aa5;
  font-size: 0.92rem;
  font-weight: 800;
}
.sol-ecom-o2o .arch-band-label small {
  margin-top: 5px;
  color: #5f87b4;
  font-size: 0.68rem;
  font-weight: 500;
}
.sol-ecom-o2o .arch-band-content {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
}
.sol-ecom-o2o .arch-unit {
  min-height: 84px;
  padding: 13px 9px;
  border: 1px solid #d4e5f8;
  border-radius: 11px;
  background: #fff;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #143b68;
  font-size: 0.82rem;
  font-weight: 800;
  transition: transform 0.2s, box-shadow 0.2s;
}
.sol-ecom-o2o .arch-unit:hover {
  transform: translateY(-3px);
  box-shadow: 0 7px 16px rgba(30, 136, 229, 0.12);
}
.sol-ecom-o2o .arch-unit i {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  margin-bottom: 6px;
  border-radius: 7px;
  background: #e5f1ff;
  color: #1565c0;
  font-size: 0.72rem;
  font-style: normal;
}
.sol-ecom-o2o .arch-unit small {
  display: block;
  color: #7088a3;
  font-size: 0.66rem;
  font-weight: 400;
  line-height: 1.35;
  margin-top: 4px;
}
.sol-ecom-o2o .arch-band.core .arch-band-label {
  background: #0d47a1;
  color: #fff;
}
.sol-ecom-o2o .arch-band.core .arch-band-label small {
  color: #c6e1ff;
}
.sol-ecom-o2o .arch-band.core .arch-unit {
  background: #1565c0;
  border-color: #1565c0;
  color: #fff;
}
.sol-ecom-o2o .arch-band.core .arch-unit i {
  background: #fff;
  color: #1565c0;
}
.sol-ecom-o2o .arch-band.core .arch-unit small {
  color: #d6eaff;
}
.sol-ecom-o2o .arch-map-note {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px dashed #cfe1f6;
  color: #5f7b9c;
  font-size: 0.8rem;
}

/* ===== Core Functions ===== */
.sol-ecom-o2o .func-section {
  background: #f5f9ff;
}
.sol-ecom-o2o .func-section .section-head {
  max-width: 740px;
  margin-left: auto;
  margin-right: auto;
}
.sol-ecom-o2o .func-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
  align-items: stretch;
}
.sol-ecom-o2o .func-card {
  min-height: 292px;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
  border: 1px solid #d7e6f6;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 7px 18px rgba(18, 74, 136, 0.055);
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
.sol-ecom-o2o .func-card:hover {
  transform: translateY(-7px);
  border-color: #78b7f4;
  box-shadow: 0 16px 30px rgba(18, 112, 212, 0.14);
}
.sol-ecom-o2o .func-card:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  height: auto;
  background: #1e88e5;
}
.sol-ecom-o2o .func-card-num {
  position: absolute;
  top: 18px;
  right: 18px;
  width: 34px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: #e9f3ff;
  color: #1565c0;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.06em;
}
.sol-ecom-o2o .func-card-body {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 27px 24px 24px;
}
.sol-ecom-o2o .func-card-icon {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  flex: none;
  border-radius: 13px;
  background: #e7f2ff;
  color: #1565c0;
  box-shadow: none;
  margin: 0 0 22px;
}
.sol-ecom-o2o .func-card-icon svg {
  width: 24px;
  height: 24px;
}
.sol-ecom-o2o .func-card h3 {
  margin: 0 0 11px;
  min-height: 48px;
  display: flex;
  align-items: flex-start;
  font-size: 1.03rem;
  line-height: 1.45;
  color: #102e52;
}
.sol-ecom-o2o .func-card p {
  margin: 0;
  font-size: 0.88rem;
  color: #476585;
  line-height: 1.75;
}

/* ===== Core Advantages ===== */
.sol-ecom-o2o .advantage-section {
  background: #fff;
}
.sol-ecom-o2o .advantage-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}
.sol-ecom-o2o .advantage-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius);
  padding: 34px 28px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
  min-height: 238px;
}
.sol-ecom-o2o .advantage-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
  border-color: var(--c-primary-light);
}
.sol-ecom-o2o .advantage-card::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #1e88e5, #42a5f5);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.sol-ecom-o2o .advantage-card:hover::before {
  transform: scaleX(1);
}
.sol-ecom-o2o .advantage-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: #1e88e5;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  box-shadow: 0 6px 16px rgba(30, 136, 229, 0.25);
}
.sol-ecom-o2o .advantage-icon svg {
  width: 24px;
  height: 24px;
  color: #fff;
}
.sol-ecom-o2o .advantage-card h3 {
  font-size: 1.12rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.sol-ecom-o2o .advantage-card p {
  font-size: 0.9rem;
  color: var(--c-slate);
  line-height: 1.75;
}

/* ===== Application Scenarios ===== */
.sol-ecom-o2o .scenario-section {
  background: #f5f9ff;
}
.sol-ecom-o2o .scenario-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.sol-ecom-o2o .scenario-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius);
  padding: 32px 28px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-ecom-o2o .scenario-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
  border-color: var(--c-primary-light);
}
.sol-ecom-o2o .scenario-tag {
  display: inline-block;
  padding: 5px 12px;
  background: #e6f1ff;
  color: var(--c-primary);
  font-size: 0.72rem;
  font-weight: 700;
  border-radius: 100px;
  margin-bottom: 16px;
}
.sol-ecom-o2o .scenario-card h3 {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.sol-ecom-o2o .scenario-card p {
  font-size: 0.9rem;
  color: var(--c-slate);
  line-height: 1.75;
}

/* ===== Customer Value ===== */
.sol-ecom-o2o .value-section {
  background: #fff;
}
.sol-ecom-o2o .value-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}
.sol-ecom-o2o .value-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 36px 26px;
  text-align: center;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-ecom-o2o .value-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-6px);
}
.sol-ecom-o2o .value-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: #1e88e5;
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.4s;
}
.sol-ecom-o2o .value-card:hover::before {
  transform: scaleX(1);
}
.sol-ecom-o2o .value-icon {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: #1e88e5;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.3);
}
.sol-ecom-o2o .value-icon svg {
  width: 28px;
  height: 28px;
  color: #fff;
}
.sol-ecom-o2o .value-card h3 {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.sol-ecom-o2o .value-card p {
  font-size: 0.88rem;
  color: var(--c-slate);
  line-height: 1.75;
}
.sol-ecom-o2o .value-highlight {
  display: inline-block;
  margin-top: 14px;
  padding: 5px 14px;
  background: #fff;
  border: 1px solid var(--c-primary-light);
  border-radius: 100px;
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--c-primary);
}

/* ===== Trust Section ===== */
.sol-ecom-o2o .trust-section {
  background: #0d47a1;
  position: relative;
  overflow: hidden;
  padding: 100px 0;
}
.sol-ecom-o2o .trust-section::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
}
.sol-ecom-o2o .trust-section .section-title {
  color: #fff;
}
.sol-ecom-o2o .trust-section .section-subtitle {
  color: rgba(255, 255, 255, 0.7);
}
.sol-ecom-o2o .trust-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  margin-bottom: 60px;
}
.sol-ecom-o2o .trust-stat {
  text-align: center;
  padding: 36px 22px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius);
  transition: 0.3s;
  backdrop-filter: blur(6px);
}
.sol-ecom-o2o .trust-stat:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.18);
  transform: translateY(-6px);
}
.sol-ecom-o2o .trust-stat .num {
  font-size: 2.8rem;
  font-weight: 900;
  color: #fff;
  letter-spacing: -0.025em;
  line-height: 1;
  margin-bottom: 8px;
}
.sol-ecom-o2o .trust-stat .num .unit {
  font-size: 1.4rem;
  font-weight: 700;
}
.sol-ecom-o2o .trust-stat .label {
  font-size: 0.88rem;
  color: rgba(255, 255, 255, 0.55);
  font-weight: 500;
}
.sol-ecom-o2o .logo-wall {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius-lg);
  padding: 44px;
  margin-bottom: 48px;
  backdrop-filter: blur(6px);
}
.sol-ecom-o2o .logo-wall-title {
  text-align: center;
  font-size: 0.82rem;
  color: rgba(255, 255, 255, 0.45);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  margin-bottom: 28px;
  font-weight: 600;
}
.sol-ecom-o2o .logo-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 18px;
}
.sol-ecom-o2o .logo-item {
  height: 64px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.82rem;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.4);
  transition: 0.3s;
}
.sol-ecom-o2o .logo-item:hover {
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.8);
  border-color: rgba(255, 255, 255, 0.18);
  transform: translateY(-2px);
}
.sol-ecom-o2o .trust-cert {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}
.sol-ecom-o2o .cert-card {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius);
  padding: 28px;
  display: flex;
  align-items: center;
  gap: 18px;
  transition: 0.3s;
  backdrop-filter: blur(6px);
}
.sol-ecom-o2o .cert-card:hover {
  background: rgba(255, 255, 255, 0.08);
  transform: translateY(-3px);
}
.sol-ecom-o2o .cert-icon {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(66, 165, 245, 0.2), rgba(30, 136, 229, 0.2));
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border: 1px solid rgba(66, 165, 245, 0.3);
}
.sol-ecom-o2o .cert-icon svg {
  width: 26px;
  height: 26px;
  color: #90caf9;
}
.sol-ecom-o2o .cert-info .title {
  font-size: 0.92rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 4px;
}
.sol-ecom-o2o .cert-info .desc {
  font-size: 0.78rem;
  color: rgba(255, 255, 255, 0.45);
}

/* ===== FAQ ===== */
.sol-ecom-o2o .faq-section {
  background: #f5f9ff;
}
.sol-ecom-o2o .faq-wrap {
  max-width: 880px;
  margin: 0 auto;
}
.sol-ecom-o2o .faq-item {
  border: 1.5px solid var(--c-border);
  border-radius: var(--radius);
  margin-bottom: 14px;
  overflow: hidden;
  transition: 0.3s;
  background: #fff;
}
.sol-ecom-o2o .faq-item.active {
  border-color: var(--c-primary);
  box-shadow: 0 8px 28px rgba(30, 136, 229, 0.12);
}
.sol-ecom-o2o .faq-item.active .faq-q {
  color: var(--c-primary);
}
.sol-ecom-o2o .faq-q {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22px 28px;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 600;
  color: var(--c-text);
  transition: color 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  gap: 16px;
}
.sol-ecom-o2o .faq-q .arrow {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  transition: transform 0.3s;
  color: var(--c-slate-light);
}
.sol-ecom-o2o .faq-item.active .faq-q .arrow {
  transform: rotate(180deg);
  color: var(--c-primary);
}
.sol-ecom-o2o .faq-a {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}
.sol-ecom-o2o .faq-a-inner {
  padding: 0 28px 24px;
  font-size: 0.94rem;
  color: var(--c-slate);
  line-height: 1.85;
}

/* ===== Final CTA ===== */
.sol-ecom-o2o .cta-section {
  position: relative;
  background: #1565c0;
  padding: 100px 0;
  overflow: hidden;
}
.cta-section::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 60px;
  background: #0d47a1;
  pointer-events: none;
  z-index: 0;
}
.sol-ecom-o2o .cta-inner {
  position: relative;
  z-index: 1;
  text-align: center;
  max-width: 820px;
  margin: 0 auto;
}
.sol-ecom-o2o .cta-inner h2 {
  font-size: 2.5rem;
  font-weight: 900;
  color: #fff;
  letter-spacing: -0.025em;
  margin-bottom: 20px;
  line-height: 1.25;
}
.sol-ecom-o2o .cta-inner h2 .highlight {
  color: #bbdefb;
}
.sol-ecom-o2o .cta-inner p {
  font-size: 1.12rem;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.85;
  margin-bottom: 44px;
}
.sol-ecom-o2o .cta-options {
  display: flex;
  gap: 18px;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 36px;
}
.sol-ecom-o2o .cta-note {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.5);
  flex-wrap: wrap;
}
.sol-ecom-o2o .cta-note .dot {
  width: 5px;
  height: 5px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
}

/* ===== Footer (zjssoft.com exact style) ===== */
/* ===== Scroll Animations ===== */
.sol-ecom-o2o .reveal {
  opacity: 0;
  transform: translateY(32px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}
.sol-ecom-o2o .reveal.active {
  opacity: 1;
  transform: translateY(0);
}
.sol-ecom-o2o .reveal-delay-1 {
  transition-delay: 0.12s;
}
.sol-ecom-o2o .reveal-delay-2 {
  transition-delay: 0.24s;
}
.sol-ecom-o2o .reveal-delay-3 {
  transition-delay: 0.36s;
}

/* ===== Mobile Responsive ===== */
@media (max-width: 1024px) {
.sol-ecom-o2o .hero-grid {
    grid-template-columns: 1fr;
    gap: 48px;
}
.sol-ecom-o2o .hero h1 {
    font-size: 2.6rem;
    text-wrap: balance;
}
.sol-ecom-o2o .pain-grid {
    grid-template-columns: repeat(2, 1fr);
}
.sol-ecom-o2o .solution-grid {
    grid-template-columns: 1fr;
}
.sol-ecom-o2o .route-track {
    grid-template-columns: repeat(2, 1fr);
}
.sol-ecom-o2o .route-item:not(:last-child):after {
    display: none;
}
.sol-ecom-o2o .arch-band {
    grid-template-columns: 1fr;
}
.sol-ecom-o2o .arch-band-content {
    grid-template-columns: repeat(3, 1fr);
}
.sol-ecom-o2o .func-grid {
    grid-template-columns: repeat(2, 1fr);
}
.sol-ecom-o2o .advantage-grid {
    grid-template-columns: repeat(2, 1fr);
}
.sol-ecom-o2o .scenario-grid {
    grid-template-columns: repeat(2, 1fr);
}
.sol-ecom-o2o .value-grid {
    grid-template-columns: repeat(2, 1fr);
}
.sol-ecom-o2o .trust-stats {
    grid-template-columns: repeat(2, 1fr);
}
.sol-ecom-o2o .logo-grid {
    grid-template-columns: repeat(3, 1fr);
}
.sol-ecom-o2o .trust-cert {
    grid-template-columns: 1fr;
}
}
@media (max-width: 768px) {
.sol-ecom-o2o .section {
    padding: 72px 0;
}
.sol-ecom-o2o .section-title {
    font-size: 1.8rem;
}
.sol-ecom-o2o .section-head {
    margin-bottom: 42px;
}
.sol-ecom-o2o .hero {
    padding: 100px 0 64px;
}
.sol-ecom-o2o .hero h1 {
    font-size: 2.1rem;
    text-wrap: balance;
}
.sol-ecom-o2o .hero-sub {
    font-size: 1.05rem;
}
.sol-ecom-o2o .hero-cta {
    flex-direction: column;
    width: 100%;
}
.sol-ecom-o2o .hero-cta .btn {
    width: 100%;
}
.sol-ecom-o2o .hero-trust {
    gap: 20px;
}
.sol-ecom-o2o .hero-trust-divider {
    display: none;
}
.sol-ecom-o2o .hero-trust-num {
    font-size: 1.4rem;
}
.sol-ecom-o2o .hero-trust-label {
    font-size: 0.78rem;
}
.sol-ecom-o2o .hero-visual {
    max-width: 440px;
    margin: 0 auto;
}
.sol-ecom-o2o .dash-float {
    display: none;
}
.sol-ecom-o2o .pain-grid {
    grid-template-columns: 1fr;
    gap: 18px;
}
.sol-ecom-o2o .pain-card {
    padding: 30px 24px;
}
.sol-ecom-o2o .route-track {
    grid-template-columns: 1fr;
}
.sol-ecom-o2o .arch-band-content {
    grid-template-columns: repeat(2, 1fr);
}
.sol-ecom-o2o .func-card {
    min-height: auto;
    padding: 0;
    flex-direction: column;
    gap: 16px;
}
.sol-ecom-o2o .func-card h3 {
    min-height: auto;
}
.sol-ecom-o2o .advantage-grid {
    grid-template-columns: 1fr;
}
.sol-ecom-o2o .scenario-grid {
    grid-template-columns: 1fr;
}
.sol-ecom-o2o .value-grid {
    grid-template-columns: 1fr 1fr;
}
.sol-ecom-o2o .trust-stats {
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}
.sol-ecom-o2o .trust-stat {
    padding: 24px 14px;
}
.sol-ecom-o2o .trust-stat .num {
    font-size: 2.1rem;
}
.sol-ecom-o2o .logo-wall {
    padding: 28px;
}
.sol-ecom-o2o .logo-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
}
.sol-ecom-o2o .logo-item {
    height: 54px;
    font-size: 0.75rem;
}
.sol-ecom-o2o .cert-card {
    padding: 20px;
}
.sol-ecom-o2o .cta-inner h2 {
    font-size: 1.9rem;
}
.sol-ecom-o2o .cta-inner p {
    font-size: 1rem;
}
.sol-ecom-o2o .cta-options {
    flex-direction: column;
    width: 100%;
}
.sol-ecom-o2o .cta-options .btn {
    width: 100%;
}
}
@media (max-width: 480px) {
.sol-ecom-o2o .container {
    padding: 0 18px;
}
.sol-ecom-o2o .hero h1 {
    font-size: 1.85rem;
    text-wrap: balance;
}
.sol-ecom-o2o .section-title {
    font-size: 1.55rem;
}
.sol-ecom-o2o .dash-stats {
    grid-template-columns: 1fr;
    gap: 8px;
}
.sol-ecom-o2o .value-grid {
    grid-template-columns: 1fr;
}
}
@media (max-width: 768px) {
.sol-ecom-o2o .hero-trust {
    justify-content: flex-start;
}
.sol-ecom-o2o .hero-trust-item {
    min-width: 80px;
}
.sol-ecom-o2o .arch-band-content {
    grid-template-columns: repeat(2, 1fr);
}
.sol-ecom-o2o .arch-unit {
    min-height: 72px;
}
.sol-ecom-o2o .route-track {
    grid-template-columns: 1fr;
}
.sol-ecom-o2o .route-item:not(:last-child):after {
    display: none;
}
}
@media (max-width: 480px) {
.sol-ecom-o2o .hero-trust {
    gap: 14px;
}
.sol-ecom-o2o .hero-trust-item {
    min-width: 68px;
}
.sol-ecom-o2o .hero-trust-num {
    font-size: 1.25rem;
}
.sol-ecom-o2o .hero-trust-label {
    font-size: 0.72rem;
}
.sol-ecom-o2o .arch-band-content {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
}
.sol-ecom-o2o .arch-unit {
    padding: 10px 6px;
    font-size: 0.72rem;
}
.sol-ecom-o2o .arch-unit i {
    width: 20px;
    height: 20px;
    font-size: 0.65rem;
}
.sol-ecom-o2o .arch-unit small {
    display: none;
}
.sol-ecom-o2o .faq-q {
    padding: 18px 20px;
    font-size: 0.94rem;
}
.sol-ecom-o2o .faq-a-inner {
    padding: 0 20px 20px;
    font-size: 0.9rem;
}
}
/* ===== Reset & Base ===== */
.sol-ecom-yiyuan, .sol-ecom-yiyuan *, .sol-ecom-yiyuan *::before, .sol-ecom-yiyuan *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.sol-ecom-yiyuan {
  --c-primary:#1e88e5;
  --c-primary-2:#1976d2;
  --c-primary-3:#1565c0;
  --c-primary-4:#0d47a1;
  --c-primary-light:#42a5f5;
  --c-primary-bright:#2196f3;
  --c-cyan:#06b6d4;
  --c-slate:#475569;
  --c-slate-light:#64748b;
  --c-text:#0f172a;
  --c-text-mid:#334155;
  --c-bg:#f5f9ff;
  --c-bg-2:#eef4fc;
  --c-bg-3:#e8f1fb;
  --c-border:#e2e8f0;
  --c-white:#fff;
  --radius:14px;
  --radius-lg:22px;
  --shadow-sm:0 2px 8px rgba(30,136,229,.08);
  --shadow:0 8px 28px rgba(30,136,229,.10);
  --shadow-lg:0 18px 56px rgba(30,136,229,.14);
  --shadow-xl:0 28px 80px rgba(30,136,229,.18);
  --max-w:1280px;
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
}
.sol-ecom-yiyuan {
  scroll-behavior: smooth;
  font-size: 16px;
}
.sol-ecom-yiyuan {
  font-family: var(--font);
  color: var(--c-text);
  background: var(--c-white);
  line-height: 1.7;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}
.sol-ecom-yiyuan a {
  text-decoration: none;
  color: inherit;
}
.sol-ecom-yiyuan img {
  max-width: 100%;
  display: block;
}
.sol-ecom-yiyuan ul {
  list-style: none;
}
.sol-ecom-yiyuan .container {
  max-width: var(--max-w);
  margin: 0 auto;
  padding: 0 24px;
}
.sol-ecom-yiyuan .section {
  padding: 96px 0;
  position: relative;
}
.sol-ecom-yiyuan .section-sm {
  padding: 72px 0;
}

/* ===== Typography ===== */
.sol-ecom-yiyuan .section-num {
  display: none;
}
.sol-ecom-yiyuan .section-title {
  font-size: 2.4rem;
  font-weight: 800;
  color: var(--c-text);
  line-height: 1.25;
  margin-bottom: 18px;
  letter-spacing: -0.02em;
}
.sol-ecom-yiyuan .section-subtitle {
  font-size: 1.08rem;
  color: var(--c-slate);
  max-width: 720px;
  line-height: 1.8;
}
.sol-ecom-yiyuan .section-head {
  margin-bottom: 46px;
}
.sol-ecom-yiyuan .section-head.center {
  text-align: center;
}
.sol-ecom-yiyuan .section-head.center .section-subtitle {
  margin: 0 auto;
}

/* ===== Buttons ===== */
.sol-ecom-yiyuan .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 28px;
  border-radius: 12px;
  font-size: 0.94rem;
  font-weight: 600;
  cursor: pointer;
  border: none;
  transition: all 0.25s;
  white-space: nowrap;
  line-height: 1.2;
}
.sol-ecom-yiyuan .btn-primary {
  background: #1e88e5;
  color: #fff;
  box-shadow: 0 4px 14px rgba(30, 136, 229, 0.35);
}
.sol-ecom-yiyuan .btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(30, 136, 229, 0.45);
}
.sol-ecom-yiyuan .btn-primary:active {
  transform: translateY(1px);
}
.sol-ecom-yiyuan .btn-ghost {
  background: rgba(255, 255, 255, 0.14);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.35);
  backdrop-filter: blur(6px);
}
.sol-ecom-yiyuan .btn-ghost:hover {
  background: rgba(255, 255, 255, 0.24);
  transform: translateY(-2px);
}
.sol-ecom-yiyuan .btn-lg {
  padding: 17px 40px;
  font-size: 1.05rem;
  border-radius: 14px;
}

/* ===== Hero ===== */
.sol-ecom-yiyuan .hero {
  position: relative;
  background: #0d47a1;
  padding: 88px 0 100px;
  overflow: hidden;
}
.sol-ecom-yiyuan .hero-grid {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 56px;
  align-items: center;
  position: relative;
  z-index: 1;
}
.sol-ecom-yiyuan .hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 18px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 100px;
  color: #fff;
  font-size: 0.82rem;
  font-weight: 500;
  margin-bottom: 30px;
  backdrop-filter: blur(8px);
}
.sol-ecom-yiyuan .hero-badge .dot {
  width: 8px;
  height: 8px;
  background: #34d399;
  border-radius: 50%;
  box-shadow: 0 0 10px #34d399;
  animation: pulse 1.6s ease-in-out infinite;
}
@keyframes pulse {
0%, 100% {
    opacity: 1;
    transform: scale(1);
}
50% {
    opacity: 0.6;
    transform: scale(1.3);
}
}
.sol-ecom-yiyuan .hero h1 {
  font-size: 2.95rem;
  font-weight: 900;
  color: #fff;
  line-height: 1.18;
  letter-spacing: -0.025em;
  margin-bottom: 24px;
  text-wrap: balance;
}
.sol-ecom-yiyuan .hero h1 .highlight {
  color: #bbdefb;
  position: relative;
  display: inline-block;
}
.sol-ecom-yiyuan .hero-sub {
  font-size: 1.14rem;
  color: rgba(255, 255, 255, 0.85);
  line-height: 1.85;
  margin-bottom: 28px;
  max-width: 560px;
}
.sol-ecom-yiyuan .hero-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 36px;
}
.sol-ecom-yiyuan .hero-tags span {
  padding: 7px 16px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 30px;
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.85);
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(4px);
}
.sol-ecom-yiyuan .hero-cta {
  display: flex;
  gap: 16px;
  margin-bottom: 40px;
  flex-wrap: wrap;
}
.sol-ecom-yiyuan .hero-trust {
  display: flex;
  align-items: center;
  gap: 30px;
  flex-wrap: wrap;
}
.sol-ecom-yiyuan .hero-trust-item {
  display: flex;
  align-items: center;
  gap: 10px;
}
.sol-ecom-yiyuan .hero-trust-num {
  font-size: 1.65rem;
  font-weight: 800;
  color: #fff;
}
.sol-ecom-yiyuan .hero-trust-label {
  font-size: 0.82rem;
  color: rgba(255, 255, 255, 0.6);
}
.sol-ecom-yiyuan .hero-trust-divider {
  width: 1px;
  height: 40px;
  background: rgba(255, 255, 255, 0.18);
}

/* Hero Dashboard Mockup */
.sol-ecom-yiyuan .hero-visual {
  position: relative;
}
.sol-ecom-yiyuan .dash-mock {
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 40px 90px rgba(0, 30, 80, 0.45);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.sol-ecom-yiyuan .dash-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 14px 18px;
  background: #f0f7ff;
  border-bottom: 1px solid var(--c-border);
}
.sol-ecom-yiyuan .dash-bar .dots {
  display: flex;
  gap: 6px;
}
.sol-ecom-yiyuan .dash-bar .dots span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.sol-ecom-yiyuan .dash-bar .dots span:nth-child(1) {
  background: #ef4444;
}
.sol-ecom-yiyuan .dash-bar .dots span:nth-child(2) {
  background: #f59e0b;
}
.sol-ecom-yiyuan .dash-bar .dots span:nth-child(3) {
  background: #22c55e;
}
.sol-ecom-yiyuan .dash-bar .url {
  flex: 1;
  text-align: center;
  font-size: 0.72rem;
  color: var(--c-slate-light);
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 6px;
  padding: 4px 14px;
  margin-left: 8px;
}
.sol-ecom-yiyuan .dash-body {
  display: grid;
  grid-template-columns: 68px 1fr;
  min-height: 360px;
}
.sol-ecom-yiyuan .dash-side {
  background: #1565c0;
  padding: 16px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.sol-ecom-yiyuan .dash-side .icon-item {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.5);
  transition: 0.2s;
}
.sol-ecom-yiyuan .dash-side .icon-item.active {
  background: #1e88e5;
  color: #fff;
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.5);
}
.sol-ecom-yiyuan .dash-side .icon-item svg {
  width: 18px;
  height: 18px;
}
.sol-ecom-yiyuan .dash-main {
  padding: 20px;
  background: #fafbfc;
}
.sol-ecom-yiyuan .dash-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-bottom: 16px;
}
.sol-ecom-yiyuan .dash-stat {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 12px;
  padding: 14px;
  transition: 0.2s;
}
.sol-ecom-yiyuan .dash-stat:hover {
  border-color: var(--c-primary-light);
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.1);
}
.sol-ecom-yiyuan .dash-stat-label {
  font-size: 0.68rem;
  color: var(--c-slate-light);
  margin-bottom: 4px;
}
.sol-ecom-yiyuan .dash-stat-val {
  font-size: 1.2rem;
  font-weight: 800;
  color: var(--c-text);
}
.sol-ecom-yiyuan .dash-stat-trend {
  font-size: 0.65rem;
  font-weight: 700;
  margin-top: 3px;
}
.sol-ecom-yiyuan .up {
  color: #10b981;
}
.sol-ecom-yiyuan .dn {
  color: #ef4444;
}
.sol-ecom-yiyuan .dash-chart {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 12px;
  padding: 16px;
}
.sol-ecom-yiyuan .dash-chart-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
}
.sol-ecom-yiyuan .dash-chart-title {
  font-size: 0.74rem;
  font-weight: 600;
  color: var(--c-text);
}
.sol-ecom-yiyuan .dash-chart-tag {
  font-size: 0.62rem;
  color: var(--c-primary);
  background: #e6f1ff;
  padding: 3px 10px;
  border-radius: 100px;
  font-weight: 600;
}
.sol-ecom-yiyuan .bars {
  display: flex;
  align-items: flex-end;
  gap: 6px;
  height: 96px;
}
.sol-ecom-yiyuan .bar {
  flex: 1;
  border-radius: 4px 4px 0 0;
  background: #1e88e5;
  opacity: 0.9;
  transition: opacity 0.2s;
}
.sol-ecom-yiyuan .bar:hover {
  opacity: 1;
}
.sol-ecom-yiyuan .bar.dim {
  background: #94a3b8;
}
.sol-ecom-yiyuan .dash-float {
  position: absolute;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 14px 36px rgba(0, 30, 80, 0.25);
  padding: 14px 18px;
  display: flex;
  align-items: center;
  gap: 14px;
  animation: float 3.5s ease-in-out infinite;
  border: 1px solid rgba(255, 255, 255, 0.6);
}
.sol-ecom-yiyuan .dash-float-1 {
  top: -20px;
  right: -12px;
  animation-delay: 0s;
}
.sol-ecom-yiyuan .dash-float-2 {
  bottom: -18px;
  left: -18px;
  animation-delay: 1.5s;
}
.sol-ecom-yiyuan .dash-float-icon {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.sol-ecom-yiyuan .dash-float-icon.green {
  background: linear-gradient(135deg, #d1fae5, #a7f3d0);
  color: #10b981;
}
.sol-ecom-yiyuan .dash-float-icon.blue {
  background: linear-gradient(135deg, #dbeafe, #bfdbfe);
  color: #1e88e5;
}
.sol-ecom-yiyuan .dash-float-text .num {
  font-size: 1.05rem;
  font-weight: 800;
  color: var(--c-text);
}
.sol-ecom-yiyuan .dash-float-text .label {
  font-size: 0.7rem;
  color: var(--c-slate-light);
}
@keyframes float {
0%, 100% {
    transform: translateY(0);
}
50% {
    transform: translateY(-12px);
}
}
/* ===== Pain Points ===== */
.sol-ecom-yiyuan .pain-section {
  background: #f5f9ff;
}
.sol-ecom-yiyuan .pain-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}
.sol-ecom-yiyuan .pain-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 36px 30px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-ecom-yiyuan .pain-card:hover {
  border-color: var(--c-primary-light);
  box-shadow: var(--shadow-xl);
  transform: translateY(-6px);
}
.sol-ecom-yiyuan .pain-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: #1e88e5;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.sol-ecom-yiyuan .pain-card:hover::before {
  transform: scaleX(1);
}
.sol-ecom-yiyuan .pain-num {
  position: absolute;
  top: 24px;
  right: 28px;
  font-size: 2.8rem;
  font-weight: 900;
  color: rgba(30, 136, 229, 0.06);
  line-height: 1;
}
.sol-ecom-yiyuan .pain-icon {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: #e3f2fd;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.15);
}
.sol-ecom-yiyuan .pain-icon svg {
  width: 28px;
  height: 28px;
  color: var(--c-primary-2);
}
.sol-ecom-yiyuan .pain-title {
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.sol-ecom-yiyuan .pain-desc {
  font-size: 0.92rem;
  color: var(--c-slate);
  line-height: 1.8;
}

/* ===== Solution Overview ===== */
.sol-ecom-yiyuan .solution-section {
  background: #fff;
}
.sol-ecom-yiyuan .solution-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}
.sol-ecom-yiyuan .solution-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 40px 32px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-ecom-yiyuan .solution-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
}
.sol-ecom-yiyuan .solution-icon {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  background: #1e88e5;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.3);
}
.sol-ecom-yiyuan .solution-icon svg {
  width: 26px;
  height: 26px;
  color: #fff;
}
.sol-ecom-yiyuan .solution-card h3 {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 14px;
}
.sol-ecom-yiyuan .solution-card p {
  font-size: 0.95rem;
  color: var(--c-slate);
  line-height: 1.8;
}

/* ===== Solution Route ===== */
.sol-ecom-yiyuan .solution-route {
  margin-top: 34px;
  padding: 26px;
  background: #fff;
  border: 1px solid #dce7f3;
  border-radius: 16px;
  box-shadow: var(--shadow-sm);
}
.sol-ecom-yiyuan .solution-route h3 {
  text-align: center;
  font-size: 1.12rem;
  margin-bottom: 22px;
  color: var(--c-text);
}
.sol-ecom-yiyuan .route-track {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 12px;
  position: relative;
}
.sol-ecom-yiyuan .route-item {
  position: relative;
  text-align: center;
  padding: 15px 8px;
  background: #f4f8fe;
  border: 1px solid #d7e7f9;
  border-radius: 10px;
  font-size: 0.84rem;
  font-weight: 700;
  color: #174f8b;
}
.sol-ecom-yiyuan .route-item small {
  display: block;
  margin-top: 5px;
  color: #6c829b;
  font-size: 0.68rem;
  font-weight: 400;
}
.sol-ecom-yiyuan .route-item:not(:last-child):after {
  content: "→";
  position: absolute;
  right: -12px;
  top: 30px;
  color: #087cf0;
  font-size: 18px;
  z-index: 2;
}

/* ===== Architecture ===== */
.sol-ecom-yiyuan .arch-section {
  background: #f5f9ff;
}
.sol-ecom-yiyuan .arch-board {
  padding: 34px;
  border: 1px solid #d5e6f8;
  border-radius: 20px;
  background: #f8fbff;
  box-shadow: 0 16px 36px rgba(13, 71, 161, 0.08);
  position: relative;
}
.sol-ecom-yiyuan .arch-kicker {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  margin-bottom: 20px;
}
.sol-ecom-yiyuan .arch-kicker b {
  font-size: 1.1rem;
  color: #102e52;
}
.sol-ecom-yiyuan .arch-kicker span {
  font-size: 0.78rem;
  color: var(--c-primary-3);
  background: #e6f2ff;
  border-radius: 100px;
  padding: 6px 12px;
}
.sol-ecom-yiyuan .arch-map {
  display: grid;
  gap: 13px;
}
.sol-ecom-yiyuan .arch-band {
  display: grid;
  grid-template-columns: 174px 1fr;
  gap: 13px;
  align-items: stretch;
}
.sol-ecom-yiyuan .arch-band-label {
  padding: 16px;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #e6f1ff;
  color: #125aa5;
  font-size: 0.92rem;
  font-weight: 800;
}
.sol-ecom-yiyuan .arch-band-label small {
  margin-top: 5px;
  color: #5f87b4;
  font-size: 0.68rem;
  font-weight: 500;
}
.sol-ecom-yiyuan .arch-band-content {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
}
.sol-ecom-yiyuan .arch-unit {
  min-height: 84px;
  padding: 13px 9px;
  border: 1px solid #d4e5f8;
  border-radius: 11px;
  background: #fff;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #143b68;
  font-size: 0.82rem;
  font-weight: 800;
  transition: transform 0.2s, box-shadow 0.2s;
}
.sol-ecom-yiyuan .arch-unit:hover {
  transform: translateY(-3px);
  box-shadow: 0 7px 16px rgba(30, 136, 229, 0.12);
}
.sol-ecom-yiyuan .arch-unit i {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  margin-bottom: 6px;
  border-radius: 7px;
  background: #e5f1ff;
  color: #1565c0;
  font-size: 0.72rem;
  font-style: normal;
}
.sol-ecom-yiyuan .arch-unit small {
  display: block;
  color: #7088a3;
  font-size: 0.66rem;
  font-weight: 400;
  line-height: 1.35;
  margin-top: 4px;
}
.sol-ecom-yiyuan .arch-band.core .arch-band-label {
  background: #0d47a1;
  color: #fff;
}
.sol-ecom-yiyuan .arch-band.core .arch-band-label small {
  color: #c6e1ff;
}
.sol-ecom-yiyuan .arch-band.core .arch-unit {
  background: #1565c0;
  border-color: #1565c0;
  color: #fff;
}
.sol-ecom-yiyuan .arch-band.core .arch-unit i {
  background: #fff;
  color: #1565c0;
}
.sol-ecom-yiyuan .arch-band.core .arch-unit small {
  color: #d6eaff;
}
.sol-ecom-yiyuan .arch-map-note {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px dashed #cfe1f6;
  color: #5f7b9c;
  font-size: 0.8rem;
}

/* ===== Core Functions ===== */
.sol-ecom-yiyuan .func-section {
  background: #f5f9ff;
}
.sol-ecom-yiyuan .func-section .section-head {
  max-width: 740px;
  margin-left: auto;
  margin-right: auto;
}
.sol-ecom-yiyuan .func-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
  align-items: stretch;
}
.sol-ecom-yiyuan .func-card {
  min-height: 292px;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
  border: 1px solid #d7e6f6;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 7px 18px rgba(18, 74, 136, 0.055);
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
.sol-ecom-yiyuan .func-card:hover {
  transform: translateY(-7px);
  border-color: #78b7f4;
  box-shadow: 0 16px 30px rgba(18, 112, 212, 0.14);
}
.sol-ecom-yiyuan .func-card:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  height: auto;
  background: #1e88e5;
}
.sol-ecom-yiyuan .func-card-num {
  position: absolute;
  top: 18px;
  right: 18px;
  width: 34px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: #e9f3ff;
  color: #1565c0;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.06em;
}
.sol-ecom-yiyuan .func-card-body {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 27px 24px 24px;
}
.sol-ecom-yiyuan .func-card-icon {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  flex: none;
  border-radius: 13px;
  background: #e7f2ff;
  color: #1565c0;
  box-shadow: none;
  margin: 0 0 22px;
}
.sol-ecom-yiyuan .func-card-icon svg {
  width: 24px;
  height: 24px;
}
.sol-ecom-yiyuan .func-card h3 {
  margin: 0 0 11px;
  min-height: 48px;
  display: flex;
  align-items: flex-start;
  font-size: 1.03rem;
  line-height: 1.45;
  color: #102e52;
}
.sol-ecom-yiyuan .func-card p {
  margin: 0;
  font-size: 0.88rem;
  color: #476585;
  line-height: 1.75;
}

/* ===== Core Advantages ===== */
.sol-ecom-yiyuan .advantage-section {
  background: #fff;
}
.sol-ecom-yiyuan .advantage-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}
.sol-ecom-yiyuan .advantage-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius);
  padding: 34px 28px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
  min-height: 238px;
}
.sol-ecom-yiyuan .advantage-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
  border-color: var(--c-primary-light);
}
.sol-ecom-yiyuan .advantage-card::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #1e88e5, #42a5f5);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.sol-ecom-yiyuan .advantage-card:hover::before {
  transform: scaleX(1);
}
.sol-ecom-yiyuan .advantage-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: #1e88e5;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  box-shadow: 0 6px 16px rgba(30, 136, 229, 0.25);
}
.sol-ecom-yiyuan .advantage-icon svg {
  width: 24px;
  height: 24px;
  color: #fff;
}
.sol-ecom-yiyuan .advantage-card h3 {
  font-size: 1.12rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.sol-ecom-yiyuan .advantage-card p {
  font-size: 0.9rem;
  color: var(--c-slate);
  line-height: 1.75;
}

/* ===== Application Scenarios ===== */
.sol-ecom-yiyuan .scenario-section {
  background: #f5f9ff;
}
.sol-ecom-yiyuan .scenario-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.sol-ecom-yiyuan .scenario-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius);
  padding: 32px 28px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-ecom-yiyuan .scenario-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
  border-color: var(--c-primary-light);
}
.sol-ecom-yiyuan .scenario-tag {
  display: inline-block;
  padding: 5px 12px;
  background: #e6f1ff;
  color: var(--c-primary);
  font-size: 0.72rem;
  font-weight: 700;
  border-radius: 100px;
  margin-bottom: 16px;
}
.sol-ecom-yiyuan .scenario-card h3 {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.sol-ecom-yiyuan .scenario-card p {
  font-size: 0.9rem;
  color: var(--c-slate);
  line-height: 1.75;
}

/* ===== Customer Value ===== */
.sol-ecom-yiyuan .value-section {
  background: #fff;
}
.sol-ecom-yiyuan .value-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}
.sol-ecom-yiyuan .value-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 36px 26px;
  text-align: center;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-ecom-yiyuan .value-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-6px);
}
.sol-ecom-yiyuan .value-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: #1e88e5;
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.4s;
}
.sol-ecom-yiyuan .value-card:hover::before {
  transform: scaleX(1);
}
.sol-ecom-yiyuan .value-icon {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: #1e88e5;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.3);
}
.sol-ecom-yiyuan .value-icon svg {
  width: 28px;
  height: 28px;
  color: #fff;
}
.sol-ecom-yiyuan .value-card h3 {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.sol-ecom-yiyuan .value-card p {
  font-size: 0.88rem;
  color: var(--c-slate);
  line-height: 1.75;
}
.sol-ecom-yiyuan .value-highlight {
  display: inline-block;
  margin-top: 14px;
  padding: 5px 14px;
  background: #fff;
  border: 1px solid var(--c-primary-light);
  border-radius: 100px;
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--c-primary);
}

/* ===== Trust Section ===== */
.sol-ecom-yiyuan .trust-section {
  background: #0d47a1;
  position: relative;
  overflow: hidden;
  padding: 100px 0;
}
.sol-ecom-yiyuan .trust-section::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
}
.sol-ecom-yiyuan .trust-section .section-title {
  color: #fff;
}
.sol-ecom-yiyuan .trust-section .section-subtitle {
  color: rgba(255, 255, 255, 0.7);
}
.sol-ecom-yiyuan .trust-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  margin-bottom: 60px;
}
.sol-ecom-yiyuan .trust-stat {
  text-align: center;
  padding: 36px 22px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius);
  transition: 0.3s;
  backdrop-filter: blur(6px);
}
.sol-ecom-yiyuan .trust-stat:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.18);
  transform: translateY(-6px);
}
.sol-ecom-yiyuan .trust-stat .num {
  font-size: 2.8rem;
  font-weight: 900;
  color: #fff;
  letter-spacing: -0.025em;
  line-height: 1;
  margin-bottom: 8px;
}
.sol-ecom-yiyuan .trust-stat .num .unit {
  font-size: 1.4rem;
  font-weight: 700;
}
.sol-ecom-yiyuan .trust-stat .label {
  font-size: 0.88rem;
  color: rgba(255, 255, 255, 0.55);
  font-weight: 500;
}
.sol-ecom-yiyuan .logo-wall {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius-lg);
  padding: 44px;
  margin-bottom: 48px;
  backdrop-filter: blur(6px);
}
.sol-ecom-yiyuan .logo-wall-title {
  text-align: center;
  font-size: 0.82rem;
  color: rgba(255, 255, 255, 0.45);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  margin-bottom: 28px;
  font-weight: 600;
}
.sol-ecom-yiyuan .logo-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 18px;
}
.sol-ecom-yiyuan .logo-item {
  height: 64px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.82rem;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.4);
  transition: 0.3s;
}
.sol-ecom-yiyuan .logo-item:hover {
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.8);
  border-color: rgba(255, 255, 255, 0.18);
  transform: translateY(-2px);
}
.sol-ecom-yiyuan .trust-cert {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}
.sol-ecom-yiyuan .cert-card {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius);
  padding: 28px;
  display: flex;
  align-items: center;
  gap: 18px;
  transition: 0.3s;
  backdrop-filter: blur(6px);
}
.sol-ecom-yiyuan .cert-card:hover {
  background: rgba(255, 255, 255, 0.08);
  transform: translateY(-3px);
}
.sol-ecom-yiyuan .cert-icon {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(66, 165, 245, 0.2), rgba(30, 136, 229, 0.2));
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border: 1px solid rgba(66, 165, 245, 0.3);
}
.sol-ecom-yiyuan .cert-icon svg {
  width: 26px;
  height: 26px;
  color: #90caf9;
}
.sol-ecom-yiyuan .cert-info .title {
  font-size: 0.92rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 4px;
}
.sol-ecom-yiyuan .cert-info .desc {
  font-size: 0.78rem;
  color: rgba(255, 255, 255, 0.45);
}

/* ===== FAQ ===== */
.sol-ecom-yiyuan .faq-section {
  background: #f5f9ff;
}
.sol-ecom-yiyuan .faq-wrap {
  max-width: 880px;
  margin: 0 auto;
}
.sol-ecom-yiyuan .faq-item {
  border: 1.5px solid var(--c-border);
  border-radius: var(--radius);
  margin-bottom: 14px;
  overflow: hidden;
  transition: 0.3s;
  background: #fff;
}
.sol-ecom-yiyuan .faq-item.active {
  border-color: var(--c-primary);
  box-shadow: 0 8px 28px rgba(30, 136, 229, 0.12);
}
.sol-ecom-yiyuan .faq-item.active .faq-q {
  color: var(--c-primary);
}
.sol-ecom-yiyuan .faq-q {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22px 28px;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 600;
  color: var(--c-text);
  transition: color 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  gap: 16px;
}
.sol-ecom-yiyuan .faq-q .arrow {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  transition: transform 0.3s;
  color: var(--c-slate-light);
}
.sol-ecom-yiyuan .faq-item.active .faq-q .arrow {
  transform: rotate(180deg);
  color: var(--c-primary);
}
.sol-ecom-yiyuan .faq-a {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}
.sol-ecom-yiyuan .faq-a-inner {
  padding: 0 28px 24px;
  font-size: 0.94rem;
  color: var(--c-slate);
  line-height: 1.85;
}

/* ===== Final CTA ===== */
.sol-ecom-yiyuan .cta-section {
  position: relative;
  background: #1565c0;
  padding: 100px 0;
  overflow: hidden;
}
.cta-section::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 60px;
  background: #0d47a1;
  pointer-events: none;
  z-index: 0;
}
.sol-ecom-yiyuan .cta-inner {
  position: relative;
  z-index: 1;
  text-align: center;
  max-width: 820px;
  margin: 0 auto;
}
.sol-ecom-yiyuan .cta-inner h2 {
  font-size: 2.5rem;
  font-weight: 900;
  color: #fff;
  letter-spacing: -0.025em;
  margin-bottom: 20px;
  line-height: 1.25;
}
.sol-ecom-yiyuan .cta-inner h2 .highlight {
  color: #bbdefb;
}
.sol-ecom-yiyuan .cta-inner p {
  font-size: 1.12rem;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.85;
  margin-bottom: 44px;
}
.sol-ecom-yiyuan .cta-options {
  display: flex;
  gap: 18px;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 36px;
}
.sol-ecom-yiyuan .cta-note {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.5);
  flex-wrap: wrap;
}
.sol-ecom-yiyuan .cta-note .dot {
  width: 5px;
  height: 5px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
}

/* ===== Footer (zjssoft.com exact style) ===== */
/* ===== Scroll Animations ===== */
.sol-ecom-yiyuan .reveal {
  opacity: 0;
  transform: translateY(32px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}
.sol-ecom-yiyuan .reveal.active {
  opacity: 1;
  transform: translateY(0);
}
.sol-ecom-yiyuan .reveal-delay-1 {
  transition-delay: 0.12s;
}
.sol-ecom-yiyuan .reveal-delay-2 {
  transition-delay: 0.24s;
}
.sol-ecom-yiyuan .reveal-delay-3 {
  transition-delay: 0.36s;
}

/* ===== Mobile Responsive ===== */
@media (max-width: 1024px) {
.sol-ecom-yiyuan .hero-grid {
    grid-template-columns: 1fr;
    gap: 48px;
}
.sol-ecom-yiyuan .hero h1 {
    font-size: 2.6rem;
    text-wrap: balance;
}
.sol-ecom-yiyuan .pain-grid {
    grid-template-columns: repeat(2, 1fr);
}
.sol-ecom-yiyuan .solution-grid {
    grid-template-columns: 1fr;
}
.sol-ecom-yiyuan .route-track {
    grid-template-columns: repeat(2, 1fr);
}
.sol-ecom-yiyuan .route-item:not(:last-child):after {
    display: none;
}
.sol-ecom-yiyuan .arch-band {
    grid-template-columns: 1fr;
}
.sol-ecom-yiyuan .arch-band-content {
    grid-template-columns: repeat(3, 1fr);
}
.sol-ecom-yiyuan .func-grid {
    grid-template-columns: repeat(2, 1fr);
}
.sol-ecom-yiyuan .advantage-grid {
    grid-template-columns: repeat(2, 1fr);
}
.sol-ecom-yiyuan .scenario-grid {
    grid-template-columns: repeat(2, 1fr);
}
.sol-ecom-yiyuan .value-grid {
    grid-template-columns: repeat(2, 1fr);
}
.sol-ecom-yiyuan .trust-stats {
    grid-template-columns: repeat(2, 1fr);
}
.sol-ecom-yiyuan .logo-grid {
    grid-template-columns: repeat(3, 1fr);
}
.sol-ecom-yiyuan .trust-cert {
    grid-template-columns: 1fr;
}
}
@media (max-width: 768px) {
.sol-ecom-yiyuan .section {
    padding: 72px 0;
}
.sol-ecom-yiyuan .section-title {
    font-size: 1.8rem;
}
.sol-ecom-yiyuan .section-head {
    margin-bottom: 42px;
}
.sol-ecom-yiyuan .hero {
    padding: 100px 0 64px;
}
.sol-ecom-yiyuan .hero h1 {
    font-size: 2.1rem;
    text-wrap: balance;
}
.sol-ecom-yiyuan .hero-sub {
    font-size: 1.05rem;
}
.sol-ecom-yiyuan .hero-cta {
    flex-direction: column;
    width: 100%;
}
.sol-ecom-yiyuan .hero-cta .btn {
    width: 100%;
}
.sol-ecom-yiyuan .hero-trust {
    gap: 20px;
}
.sol-ecom-yiyuan .hero-trust-divider {
    display: none;
}
.sol-ecom-yiyuan .hero-trust-num {
    font-size: 1.4rem;
}
.sol-ecom-yiyuan .hero-trust-label {
    font-size: 0.78rem;
}
.sol-ecom-yiyuan .hero-visual {
    max-width: 440px;
    margin: 0 auto;
}
.sol-ecom-yiyuan .dash-float {
    display: none;
}
.sol-ecom-yiyuan .pain-grid {
    grid-template-columns: 1fr;
    gap: 18px;
}
.sol-ecom-yiyuan .pain-card {
    padding: 30px 24px;
}
.sol-ecom-yiyuan .route-track {
    grid-template-columns: 1fr;
}
.sol-ecom-yiyuan .arch-band-content {
    grid-template-columns: repeat(2, 1fr);
}
.sol-ecom-yiyuan .func-card {
    min-height: auto;
    padding: 0;
    flex-direction: column;
    gap: 16px;
}
.sol-ecom-yiyuan .func-card h3 {
    min-height: auto;
}
.sol-ecom-yiyuan .advantage-grid {
    grid-template-columns: 1fr;
}
.sol-ecom-yiyuan .scenario-grid {
    grid-template-columns: 1fr;
}
.sol-ecom-yiyuan .value-grid {
    grid-template-columns: 1fr 1fr;
}
.sol-ecom-yiyuan .trust-stats {
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}
.sol-ecom-yiyuan .trust-stat {
    padding: 24px 14px;
}
.sol-ecom-yiyuan .trust-stat .num {
    font-size: 2.1rem;
}
.sol-ecom-yiyuan .logo-wall {
    padding: 28px;
}
.sol-ecom-yiyuan .logo-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
}
.sol-ecom-yiyuan .logo-item {
    height: 54px;
    font-size: 0.75rem;
}
.sol-ecom-yiyuan .cert-card {
    padding: 20px;
}
.sol-ecom-yiyuan .cta-inner h2 {
    font-size: 1.9rem;
}
.sol-ecom-yiyuan .cta-inner p {
    font-size: 1rem;
}
.sol-ecom-yiyuan .cta-options {
    flex-direction: column;
    width: 100%;
}
.sol-ecom-yiyuan .cta-options .btn {
    width: 100%;
}
}
@media (max-width: 480px) {
.sol-ecom-yiyuan .container {
    padding: 0 18px;
}
.sol-ecom-yiyuan .hero h1 {
    font-size: 1.85rem;
    text-wrap: balance;
}
.sol-ecom-yiyuan .section-title {
    font-size: 1.55rem;
}
.sol-ecom-yiyuan .dash-stats {
    grid-template-columns: 1fr;
    gap: 8px;
}
.sol-ecom-yiyuan .value-grid {
    grid-template-columns: 1fr;
}
}
@media (max-width: 768px) {
.sol-ecom-yiyuan .hero-trust {
    justify-content: flex-start;
}
.sol-ecom-yiyuan .hero-trust-item {
    min-width: 80px;
}
.sol-ecom-yiyuan .arch-band-content {
    grid-template-columns: repeat(2, 1fr);
}
.sol-ecom-yiyuan .arch-unit {
    min-height: 72px;
}
.sol-ecom-yiyuan .route-track {
    grid-template-columns: 1fr;
}
.sol-ecom-yiyuan .route-item:not(:last-child):after {
    display: none;
}
}
@media (max-width: 480px) {
.sol-ecom-yiyuan .hero-trust {
    gap: 14px;
}
.sol-ecom-yiyuan .hero-trust-item {
    min-width: 68px;
}
.sol-ecom-yiyuan .hero-trust-num {
    font-size: 1.25rem;
}
.sol-ecom-yiyuan .hero-trust-label {
    font-size: 0.72rem;
}
.sol-ecom-yiyuan .arch-band-content {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
}
.sol-ecom-yiyuan .arch-unit {
    padding: 10px 6px;
    font-size: 0.72rem;
}
.sol-ecom-yiyuan .arch-unit i {
    width: 20px;
    height: 20px;
    font-size: 0.65rem;
}
.sol-ecom-yiyuan .arch-unit small {
    display: none;
}
.sol-ecom-yiyuan .faq-q {
    padding: 18px 20px;
    font-size: 0.94rem;
}
.sol-ecom-yiyuan .faq-a-inner {
    padding: 0 20px 20px;
    font-size: 0.9rem;
}
}
/* ===== Reset & Base ===== */
.sol-is-apparel, .sol-is-apparel *, .sol-is-apparel *::before, .sol-is-apparel *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.sol-is-apparel {
  --c-primary:#1e88e5;
  --c-primary-2:#1976d2;
  --c-primary-3:#1565c0;
  --c-primary-4:#0d47a1;
  --c-primary-light:#42a5f5;
  --c-primary-bright:#2196f3;
  --c-cyan:#06b6d4;
  --c-slate:#475569;
  --c-slate-light:#64748b;
  --c-text:#0f172a;
  --c-text-mid:#334155;
  --c-bg:#f5f9ff;
  --c-bg-2:#eef4fc;
  --c-bg-3:#e8f1fb;
  --c-border:#e2e8f0;
  --c-white:#fff;
  --c-footer:#0a1929;
  --c-footer-2:#0d2238;
  --radius:14px;
  --radius-lg:22px;
  --shadow-sm:0 2px 8px rgba(30,136,229,.08);
  --shadow:0 8px 28px rgba(30,136,229,.10);
  --shadow-lg:0 18px 56px rgba(30,136,229,.14);
  --shadow-xl:0 28px 80px rgba(30,136,229,.18);
  --shadow-blue:0 10px 30px rgba(30,136,229,.35);
  --max-w:1280px;
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
}
.sol-is-apparel {
  scroll-behavior: smooth;
  font-size: 16px;
}
.sol-is-apparel {
  font-family: var(--font);
  color: var(--c-text);
  background: var(--c-white);
  line-height: 1.7;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}
.sol-is-apparel a {
  text-decoration: none;
  color: inherit;
}
.sol-is-apparel img {
  max-width: 100%;
  display: block;
}
.sol-is-apparel ul {
  list-style: none;
}
.sol-is-apparel .container {
  max-width: var(--max-w);
  margin: 0 auto;
  padding: 0 24px;
}
.sol-is-apparel .section {
  padding: 110px 0;
  position: relative;
}
.sol-is-apparel .section-sm {
  padding: 72px 0;
}

/* ===== Typography ===== */
.sol-is-apparel .eyebrow {
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--c-primary);
  margin-bottom: 12px;
}
.sol-is-apparel .section-num {
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.18em;
  color: var(--c-primary);
  display: inline-block;
  background: linear-gradient(135deg, rgba(30, 136, 229, 0.1), rgba(66, 165, 245, 0.1));
  padding: 6px 14px;
  border-radius: 100px;
  margin-bottom: 14px;
}
.sol-is-apparel .section-title {
  font-size: 2.4rem;
  font-weight: 800;
  color: var(--c-text);
  line-height: 1.25;
  margin-bottom: 18px;
  letter-spacing: -0.02em;
}
.sol-is-apparel .section-subtitle {
  font-size: 1.08rem;
  color: var(--c-slate);
  max-width: 720px;
  line-height: 1.8;
}
.sol-is-apparel .section-head {
  margin-bottom: 64px;
}
.sol-is-apparel .section-head.center {
  text-align: center;
}
.sol-is-apparel .section-head.center .section-subtitle {
  margin: 0 auto;
}
.sol-is-apparel .section-head.center .section-num {
  display: inline-block;
}

/* ===== 3D Buttons ===== */
.sol-is-apparel .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 28px;
  border-radius: 12px;
  font-size: 0.94rem;
  font-weight: 600;
  cursor: pointer;
  border: none;
  transition: all 0.25s;
  white-space: nowrap;
  line-height: 1.2;
}
.sol-is-apparel .btn-primary {
  background: linear-gradient(180deg, #42a5f5 0%, #1e88e5 50%, #1976d2 100%);
  color: #fff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -2px 0 rgba(0, 0, 0, 0.08), 0 4px 0 var(--c-primary-3), 0 8px 20px rgba(30, 136, 229, 0.35);
}
.sol-is-apparel .btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -2px 0 rgba(0, 0, 0, 0.08), 0 6px 0 var(--c-primary-3), 0 12px 26px rgba(30, 136, 229, 0.45);
}
.sol-is-apparel .btn-primary:active {
  transform: translateY(2px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -2px 0 rgba(0, 0, 0, 0.08), 0 1px 0 var(--c-primary-3), 0 4px 12px rgba(30, 136, 229, 0.35);
}
.sol-is-apparel .btn-outline {
  background: #fff;
  color: var(--c-primary-3);
  border: 1.5px solid var(--c-border);
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.08);
}
.sol-is-apparel .btn-outline:hover {
  border-color: var(--c-primary);
  color: var(--c-primary);
  box-shadow: 0 6px 18px rgba(30, 136, 229, 0.18);
  transform: translateY(-2px);
}
.sol-is-apparel .btn-ghost {
  background: rgba(255, 255, 255, 0.14);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.35);
  backdrop-filter: blur(6px);
}
.sol-is-apparel .btn-ghost:hover {
  background: rgba(255, 255, 255, 0.24);
  transform: translateY(-2px);
}
.sol-is-apparel .btn-lg {
  padding: 17px 40px;
  font-size: 1.05rem;
  border-radius: 14px;
}
.sol-is-apparel .btn-lg.btn-primary {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), inset 0 -2px 0 rgba(0, 0, 0, 0.1), 0 6px 0 var(--c-primary-3), 0 12px 28px rgba(30, 136, 229, 0.4);
}
.sol-is-apparel .btn-sm {
  padding: 9px 20px;
  font-size: 0.85rem;
  border-radius: 10px;
}

/* ===== Hero ===== */
.sol-is-apparel .hero {
  position: relative;
  background: linear-gradient(135deg, #0d47a1 0%, #1565c0 30%, #1e88e5 70%, #2196f3 100%);
  padding: 110px 0 100px;
  overflow: hidden;
}
.sol-is-apparel .hero::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: radial-gradient(circle at 15% 40%, rgba(255, 255, 255, 0.18) 0%, transparent 45%), radial-gradient(circle at 85% 25%, rgba(66, 165, 245, 0.25) 0%, transparent 50%), radial-gradient(circle at 70% 80%, rgba(255, 255, 255, 0.1) 0%, transparent 40%);
  pointer-events: none;
}
.sol-is-apparel .hero::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 80px;
  background: linear-gradient(to bottom, transparent, var(--c-white));
  pointer-events: none;
}
.sol-is-apparel .hero-grid {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 56px;
  align-items: center;
  position: relative;
  z-index: 1;
}
.sol-is-apparel .hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 18px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 100px;
  color: #fff;
  font-size: 0.82rem;
  font-weight: 500;
  margin-bottom: 30px;
  backdrop-filter: blur(8px);
}
.sol-is-apparel .hero-badge .dot {
  width: 8px;
  height: 8px;
  background: #34d399;
  border-radius: 50%;
  box-shadow: 0 0 10px #34d399;
  animation: pulse 1.6s ease-in-out infinite;
}
@keyframes pulse {
0%, 100% {
    opacity: 1;
    transform: scale(1);
}
50% {
    opacity: 0.6;
    transform: scale(1.3);
}
}
.sol-is-apparel .hero h1 {
  font-size: 3.2rem;
  font-weight: 900;
  color: #fff;
  line-height: 1.18;
  letter-spacing: -0.025em;
  margin-bottom: 24px;
}
.sol-is-apparel .hero h1 .highlight {
  background: linear-gradient(135deg, #fff, #bbdefb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  position: relative;
  display: inline-block;
}
.sol-is-apparel .hero h1 .highlight::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -4px;
  height: 6px;
  background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0.2) 100%);
  border-radius: 3px;
  opacity: 0.5;
}
.sol-is-apparel .hero-sub {
  font-size: 1.14rem;
  color: rgba(255, 255, 255, 0.85);
  line-height: 1.85;
  margin-bottom: 28px;
  max-width: 560px;
}
.sol-is-apparel .hero-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 36px;
}
.sol-is-apparel .hero-tags span {
  padding: 7px 16px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 30px;
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.85);
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(4px);
}
.sol-is-apparel .hero-cta {
  display: flex;
  gap: 16px;
  margin-bottom: 40px;
  flex-wrap: wrap;
}
.sol-is-apparel .hero-trust {
  display: flex;
  align-items: center;
  gap: 30px;
  flex-wrap: wrap;
}
.sol-is-apparel .hero-trust-item {
  display: flex;
  align-items: center;
  gap: 10px;
}
.sol-is-apparel .hero-trust-num {
  font-size: 1.65rem;
  font-weight: 800;
  color: #fff;
}
.sol-is-apparel .hero-trust-label {
  font-size: 0.82rem;
  color: rgba(255, 255, 255, 0.6);
}
.sol-is-apparel .hero-trust-divider {
  width: 1px;
  height: 40px;
  background: rgba(255, 255, 255, 0.18);
}

/* Hero Dashboard Mockup */
.sol-is-apparel .hero-visual {
  position: relative;
}
.sol-is-apparel .dash-mock {
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 40px 90px rgba(0, 30, 80, 0.45);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.sol-is-apparel .dash-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 14px 18px;
  background: #f0f7ff;
  border-bottom: 1px solid var(--c-border);
}
.sol-is-apparel .dash-bar .dots {
  display: flex;
  gap: 6px;
}
.sol-is-apparel .dash-bar .dots span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.sol-is-apparel .dash-bar .dots span:nth-child(1) {
  background: #ef4444;
}
.sol-is-apparel .dash-bar .dots span:nth-child(2) {
  background: #f59e0b;
}
.sol-is-apparel .dash-bar .dots span:nth-child(3) {
  background: #22c55e;
}
.sol-is-apparel .dash-bar .url {
  flex: 1;
  text-align: center;
  font-size: 0.72rem;
  color: var(--c-slate-light);
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 6px;
  padding: 4px 14px;
  margin-left: 8px;
}
.sol-is-apparel .dash-body {
  display: grid;
  grid-template-columns: 68px 1fr;
  min-height: 360px;
}
.sol-is-apparel .dash-side {
  background: linear-gradient(180deg, #0d47a1, #1565c0);
  padding: 16px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.sol-is-apparel .dash-side .icon-item {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.5);
  transition: 0.2s;
}
.sol-is-apparel .dash-side .icon-item.active {
  background: linear-gradient(135deg, #42a5f5, #1e88e5);
  color: #fff;
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.5);
}
.sol-is-apparel .dash-side .icon-item svg {
  width: 18px;
  height: 18px;
}
.sol-is-apparel .dash-main {
  padding: 20px;
  background: #fafbfc;
}
.sol-is-apparel .dash-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-bottom: 16px;
}
.sol-is-apparel .dash-stat {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 12px;
  padding: 14px;
  transition: 0.2s;
}
.sol-is-apparel .dash-stat:hover {
  border-color: var(--c-primary-light);
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.1);
}
.sol-is-apparel .dash-stat-label {
  font-size: 0.68rem;
  color: var(--c-slate-light);
  margin-bottom: 4px;
}
.sol-is-apparel .dash-stat-val {
  font-size: 1.2rem;
  font-weight: 800;
  color: var(--c-text);
}
.sol-is-apparel .dash-stat-trend {
  font-size: 0.65rem;
  font-weight: 700;
  margin-top: 3px;
}
.sol-is-apparel .up {
  color: #10b981;
}
.sol-is-apparel .dn {
  color: #ef4444;
}
.sol-is-apparel .dash-chart {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 12px;
  padding: 16px;
}
.sol-is-apparel .dash-chart-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
}
.sol-is-apparel .dash-chart-title {
  font-size: 0.74rem;
  font-weight: 600;
  color: var(--c-text);
}
.sol-is-apparel .dash-chart-tag {
  font-size: 0.62rem;
  color: var(--c-primary);
  background: linear-gradient(135deg, rgba(30, 136, 229, 0.1), rgba(66, 165, 245, 0.1));
  padding: 3px 10px;
  border-radius: 100px;
  font-weight: 600;
}
.sol-is-apparel .bars {
  display: flex;
  align-items: flex-end;
  gap: 6px;
  height: 96px;
}
.sol-is-apparel .bar {
  flex: 1;
  border-radius: 4px 4px 0 0;
  background: linear-gradient(180deg, #42a5f5, #1565c0);
  opacity: 0.9;
  transition: opacity 0.2s;
}
.sol-is-apparel .bar:hover {
  opacity: 1;
}
.sol-is-apparel .bar.dim {
  background: linear-gradient(180deg, #cbd5e1, #94a3b8);
}
.sol-is-apparel .dash-float {
  position: absolute;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 14px 36px rgba(0, 30, 80, 0.25);
  padding: 14px 18px;
  display: flex;
  align-items: center;
  gap: 14px;
  animation: float 3.5s ease-in-out infinite;
  border: 1px solid rgba(255, 255, 255, 0.6);
}
.sol-is-apparel .dash-float-1 {
  top: -20px;
  right: -12px;
  animation-delay: 0s;
}
.sol-is-apparel .dash-float-2 {
  bottom: -18px;
  left: -18px;
  animation-delay: 1.5s;
}
.sol-is-apparel .dash-float-icon {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.sol-is-apparel .dash-float-icon.green {
  background: linear-gradient(135deg, #d1fae5, #a7f3d0);
  color: #10b981;
}
.sol-is-apparel .dash-float-icon.blue {
  background: linear-gradient(135deg, #dbeafe, #bfdbfe);
  color: #1e88e5;
}
.sol-is-apparel .dash-float-text .num {
  font-size: 1.05rem;
  font-weight: 800;
  color: var(--c-text);
}
.sol-is-apparel .dash-float-text .label {
  font-size: 0.7rem;
  color: var(--c-slate-light);
}
@keyframes float {
0%, 100% {
    transform: translateY(0);
}
50% {
    transform: translateY(-12px);
}
}
/* ===== Pain Points ===== */
.sol-is-apparel .pain-section {
  background: linear-gradient(180deg, var(--c-white), var(--c-bg));
}
.sol-is-apparel .pain-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}
.sol-is-apparel .pain-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 36px 30px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-is-apparel .pain-card:hover {
  border-color: var(--c-primary-light);
  box-shadow: var(--shadow-xl);
  transform: translateY(-6px);
}
.sol-is-apparel .pain-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #1e88e5, #42a5f5, #06b6d4);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.sol-is-apparel .pain-card:hover::before {
  transform: scaleX(1);
}
.sol-is-apparel .pain-num {
  position: absolute;
  top: 24px;
  right: 28px;
  font-size: 2.8rem;
  font-weight: 900;
  color: rgba(30, 136, 229, 0.06);
  line-height: 1;
}
.sol-is-apparel .pain-icon {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: linear-gradient(135deg, #e3f2fd, #bbdefb);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.15);
}
.sol-is-apparel .pain-icon svg {
  width: 28px;
  height: 28px;
  color: var(--c-primary-2);
}
.sol-is-apparel .pain-title {
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.sol-is-apparel .pain-desc {
  font-size: 0.92rem;
  color: var(--c-slate);
  line-height: 1.8;
}

/* ===== Solution Overview ===== */
.sol-is-apparel .solution-section {
  background: #fff;
}
.sol-is-apparel .solution-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}
.sol-is-apparel .solution-card {
  background: linear-gradient(145deg, #f5f9ff, #e8f1fb);
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 40px 32px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-is-apparel .solution-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
}
.sol-is-apparel .solution-card::after {
  content: "";
  position: absolute;
  top: -30px;
  right: -30px;
  width: 120px;
  height: 120px;
  background: radial-gradient(circle, rgba(30, 136, 229, 0.1), transparent);
  pointer-events: none;
}
.sol-is-apparel .solution-icon {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  background: linear-gradient(135deg, #1e88e5, #42a5f5);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.3);
}
.sol-is-apparel .solution-icon svg {
  width: 26px;
  height: 26px;
  color: #fff;
}
.sol-is-apparel .solution-card h3 {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 14px;
}
.sol-is-apparel .solution-card p {
  font-size: 0.95rem;
  color: var(--c-slate);
  line-height: 1.8;
}

/* ===== Core Functions ===== */
.sol-is-apparel .func-section {
  background: linear-gradient(180deg, var(--c-bg), var(--c-white));
}
.sol-is-apparel .func-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
.sol-is-apparel .func-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 36px 32px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
  display: flex;
  gap: 24px;
}
.sol-is-apparel .func-card:hover {
  border-color: var(--c-primary-light);
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
}
.sol-is-apparel .func-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: linear-gradient(180deg, #1e88e5, #42a5f5);
  transform: scaleY(0);
  transform-origin: top;
  transition: transform 0.4s;
}
.sol-is-apparel .func-card:hover::before {
  transform: scaleY(1);
}
.sol-is-apparel .func-card-num {
  font-size: 2.4rem;
  font-weight: 900;
  color: rgba(30, 136, 229, 0.12);
  line-height: 1;
  flex-shrink: 0;
  min-width: 56px;
}
.sol-is-apparel .func-card-body {
  flex: 1;
}
.sol-is-apparel .func-card-icon {
  width: 44px;
  height: 44px;
  border-radius: 11px;
  background: linear-gradient(135deg, #e3f2fd, #bbdefb);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.12);
}
.sol-is-apparel .func-card-icon svg {
  width: 22px;
  height: 22px;
  color: var(--c-primary-2);
}
.sol-is-apparel .func-card-body h3 {
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 10px;
}
.sol-is-apparel .func-card-body p {
  font-size: 0.92rem;
  color: var(--c-slate);
  line-height: 1.8;
}

/* ===== Core Advantages ===== */
.sol-is-apparel .advantage-section {
  background: #fff;
}
.sol-is-apparel .advantage-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.sol-is-apparel .advantage-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius);
  padding: 34px 28px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-is-apparel .advantage-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
  border-color: var(--c-primary-light);
}
.sol-is-apparel .advantage-card::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #1e88e5, #42a5f5);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.sol-is-apparel .advantage-card:hover::before {
  transform: scaleX(1);
}
.sol-is-apparel .advantage-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: linear-gradient(135deg, #1e88e5, #42a5f5);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  box-shadow: 0 6px 16px rgba(30, 136, 229, 0.25);
}
.sol-is-apparel .advantage-icon svg {
  width: 24px;
  height: 24px;
  color: #fff;
}
.sol-is-apparel .advantage-card h3 {
  font-size: 1.12rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.sol-is-apparel .advantage-card p {
  font-size: 0.9rem;
  color: var(--c-slate);
  line-height: 1.75;
}
.sol-is-apparel .advantage-card.featured {
  grid-column: span 3;
  background: linear-gradient(135deg, #0d47a1, #1565c0);
  border: none;
}
.sol-is-apparel .advantage-card.featured h3 {
  color: #fff;
}
.sol-is-apparel .advantage-card.featured p {
  color: rgba(255, 255, 255, 0.75);
}
.sol-is-apparel .advantage-card.featured .advantage-icon {
  background: rgba(255, 255, 255, 0.15);
  box-shadow: none;
}
.sol-is-apparel .advantage-card.featured .advantage-icon svg {
  color: #90caf9;
}
.sol-is-apparel .advantage-card.featured::before {
  display: none;
}

/* ===== Application Scenarios ===== */
.sol-is-apparel .scenario-section {
  background: linear-gradient(180deg, var(--c-bg), var(--c-bg-2));
}
.sol-is-apparel .scenario-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.sol-is-apparel .scenario-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius);
  padding: 32px 28px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-is-apparel .scenario-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
  border-color: var(--c-primary-light);
}
.sol-is-apparel .scenario-tag {
  display: inline-block;
  padding: 5px 12px;
  background: linear-gradient(135deg, rgba(30, 136, 229, 0.1), rgba(66, 165, 245, 0.1));
  color: var(--c-primary);
  font-size: 0.72rem;
  font-weight: 700;
  border-radius: 100px;
  margin-bottom: 16px;
}
.sol-is-apparel .scenario-card h3 {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.sol-is-apparel .scenario-card p {
  font-size: 0.9rem;
  color: var(--c-slate);
  line-height: 1.75;
}
.sol-is-apparel .scenario-card::after {
  content: "";
  position: absolute;
  bottom: -20px;
  right: -20px;
  width: 80px;
  height: 80px;
  background: radial-gradient(circle, rgba(30, 136, 229, 0.06), transparent);
  pointer-events: none;
}

/* ===== Customer Value ===== */
.sol-is-apparel .value-section {
  background: #fff;
}
.sol-is-apparel .value-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}
.sol-is-apparel .value-card {
  background: linear-gradient(145deg, #f5f9ff, #e8f1fb);
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 36px 26px;
  text-align: center;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-is-apparel .value-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-6px);
}
.sol-is-apparel .value-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #1e88e5, #42a5f5, #06b6d4);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.4s;
}
.sol-is-apparel .value-card:hover::before {
  transform: scaleX(1);
}
.sol-is-apparel .value-icon {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: linear-gradient(135deg, #1e88e5, #42a5f5);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.3);
}
.sol-is-apparel .value-icon svg {
  width: 28px;
  height: 28px;
  color: #fff;
}
.sol-is-apparel .value-card h3 {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.sol-is-apparel .value-card p {
  font-size: 0.88rem;
  color: var(--c-slate);
  line-height: 1.75;
}
.sol-is-apparel .value-highlight {
  display: inline-block;
  margin-top: 14px;
  padding: 5px 14px;
  background: #fff;
  border: 1px solid var(--c-primary-light);
  border-radius: 100px;
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--c-primary);
}

/* ===== Trust Section ===== */
.sol-is-apparel .trust-section {
  background: linear-gradient(135deg, #0a3a7a 0%, #0d47a1 50%, #1565c0 100%);
  position: relative;
  overflow: hidden;
  padding: 100px 0;
}
.sol-is-apparel .trust-section::before {
  content: "";
  position: absolute;
  top: -50%;
  right: -10%;
  width: 600px;
  height: 600px;
  background: radial-gradient(circle, rgba(66, 165, 245, 0.15) 0%, transparent 70%);
  pointer-events: none;
}
.sol-is-apparel .trust-section::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
}
.sol-is-apparel .trust-section .section-title {
  color: #fff;
}
.sol-is-apparel .trust-section .section-subtitle {
  color: rgba(255, 255, 255, 0.7);
}
.sol-is-apparel .trust-section .section-num {
  color: #90caf9;
  background: rgba(255, 255, 255, 0.1);
}
.sol-is-apparel .trust-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  margin-bottom: 60px;
}
.sol-is-apparel .trust-stat {
  text-align: center;
  padding: 36px 22px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius);
  transition: 0.3s;
  backdrop-filter: blur(6px);
}
.sol-is-apparel .trust-stat:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.18);
  transform: translateY(-6px);
}
.sol-is-apparel .trust-stat .num {
  font-size: 2.8rem;
  font-weight: 900;
  color: #fff;
  letter-spacing: -0.025em;
  line-height: 1;
  margin-bottom: 8px;
}
.sol-is-apparel .trust-stat .num .unit {
  font-size: 1.4rem;
  font-weight: 700;
}
.sol-is-apparel .trust-stat .label {
  font-size: 0.88rem;
  color: rgba(255, 255, 255, 0.55);
  font-weight: 500;
}
.sol-is-apparel .logo-wall {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius-lg);
  padding: 44px;
  margin-bottom: 48px;
  backdrop-filter: blur(6px);
}
.sol-is-apparel .logo-wall-title {
  text-align: center;
  font-size: 0.82rem;
  color: rgba(255, 255, 255, 0.45);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  margin-bottom: 28px;
  font-weight: 600;
}
.sol-is-apparel .logo-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 18px;
}
.sol-is-apparel .logo-item {
  height: 64px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.82rem;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.4);
  transition: 0.3s;
}
.sol-is-apparel .logo-item:hover {
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.8);
  border-color: rgba(255, 255, 255, 0.18);
  transform: translateY(-2px);
}
.sol-is-apparel .trust-cert {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}
.sol-is-apparel .cert-card {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius);
  padding: 28px;
  display: flex;
  align-items: center;
  gap: 18px;
  transition: 0.3s;
  backdrop-filter: blur(6px);
}
.sol-is-apparel .cert-card:hover {
  background: rgba(255, 255, 255, 0.08);
  transform: translateY(-3px);
}
.sol-is-apparel .cert-icon {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(66, 165, 245, 0.2), rgba(30, 136, 229, 0.2));
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border: 1px solid rgba(66, 165, 245, 0.3);
}
.sol-is-apparel .cert-icon svg {
  width: 26px;
  height: 26px;
  color: #90caf9;
}
.sol-is-apparel .cert-info .title {
  font-size: 0.92rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 4px;
}
.sol-is-apparel .cert-info .desc {
  font-size: 0.78rem;
  color: rgba(255, 255, 255, 0.45);
}

/* ===== FAQ ===== */
.sol-is-apparel .faq-section {
  background: linear-gradient(180deg, var(--c-bg), var(--c-white));
}
.sol-is-apparel .faq-wrap {
  max-width: 880px;
  margin: 0 auto;
}
.sol-is-apparel .faq-item {
  border: 1.5px solid var(--c-border);
  border-radius: var(--radius);
  margin-bottom: 14px;
  overflow: hidden;
  transition: 0.3s;
  background: #fff;
}
.sol-is-apparel .faq-item.active {
  border-color: var(--c-primary);
  box-shadow: 0 8px 28px rgba(30, 136, 229, 0.12);
}
.sol-is-apparel .faq-item.active .faq-q {
  color: var(--c-primary);
}
.sol-is-apparel .faq-q {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22px 28px;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 600;
  color: var(--c-text);
  transition: color 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  gap: 16px;
}
.sol-is-apparel .faq-q .arrow {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  transition: transform 0.3s;
  color: var(--c-slate-light);
}
.sol-is-apparel .faq-item.active .faq-q .arrow {
  transform: rotate(180deg);
  color: var(--c-primary);
}
.sol-is-apparel .faq-a {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}
.sol-is-apparel .faq-a-inner {
  padding: 0 28px 24px;
  font-size: 0.94rem;
  color: var(--c-slate);
  line-height: 1.85;
}

/* ===== Final CTA ===== */
.sol-is-apparel .cta-section {
  position: relative;
  background: linear-gradient(135deg, #0d47a1 0%, #1565c0 50%, #1e88e5 100%);
  padding: 100px 0;
  overflow: hidden;
}
.sol-is-apparel .cta-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: radial-gradient(circle at 70% 30%, rgba(66, 165, 245, 0.25) 0%, transparent 50%), radial-gradient(circle at 20% 80%, rgba(255, 255, 255, 0.12) 0%, transparent 40%);
  pointer-events: none;
}
.sol-is-apparel .cta-section::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 60px;
  background: linear-gradient(to bottom, transparent, var(--c-footer));
  pointer-events: none;
}
.sol-is-apparel .cta-inner {
  position: relative;
  z-index: 1;
  text-align: center;
  max-width: 820px;
  margin: 0 auto;
}
.sol-is-apparel .cta-inner h2 {
  font-size: 2.5rem;
  font-weight: 900;
  color: #fff;
  letter-spacing: -0.025em;
  margin-bottom: 20px;
  line-height: 1.25;
}
.sol-is-apparel .cta-inner h2 .highlight {
  background: linear-gradient(135deg, #fff, #bbdefb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.sol-is-apparel .cta-inner p {
  font-size: 1.12rem;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.85;
  margin-bottom: 44px;
}
.sol-is-apparel .cta-options {
  display: flex;
  gap: 18px;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 36px;
}
.sol-is-apparel .cta-note {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.5);
  flex-wrap: wrap;
}
.sol-is-apparel .cta-note .dot {
  width: 5px;
  height: 5px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
}

/* ===== Footer (对齐 zjssoft.com 框选底部区域) ===== */
/* ===== Scroll Animations ===== */
.sol-is-apparel .reveal {
  opacity: 0;
  transform: translateY(32px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}
.sol-is-apparel .reveal.active {
  opacity: 1;
  transform: translateY(0);
}
.sol-is-apparel .reveal-delay-1 {
  transition-delay: 0.12s;
}
.sol-is-apparel .reveal-delay-2 {
  transition-delay: 0.24s;
}
.sol-is-apparel .reveal-delay-3 {
  transition-delay: 0.36s;
}

/* ===== Mobile Responsive ===== */
@media (max-width: 1024px) {
.sol-is-apparel .hero-grid {
    grid-template-columns: 1fr;
    gap: 48px;
}
.sol-is-apparel .hero h1 {
    font-size: 2.6rem;
}
.sol-is-apparel .pain-grid {
    grid-template-columns: repeat(2, 1fr);
}
.sol-is-apparel .solution-grid {
    grid-template-columns: 1fr;
}
.sol-is-apparel .func-grid {
    grid-template-columns: 1fr;
}
.sol-is-apparel .advantage-grid {
    grid-template-columns: repeat(2, 1fr);
}
.sol-is-apparel .advantage-card.featured {
    grid-column: span 2;
}
.sol-is-apparel .scenario-grid {
    grid-template-columns: repeat(2, 1fr);
}
.sol-is-apparel .value-grid {
    grid-template-columns: repeat(2, 1fr);
}
.sol-is-apparel .trust-stats {
    grid-template-columns: repeat(2, 1fr);
}
.sol-is-apparel .logo-grid {
    grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 768px) {
.sol-is-apparel .section {
    padding: 72px 0;
}
.sol-is-apparel .section-title {
    font-size: 1.8rem;
}
.sol-is-apparel .section-head {
    margin-bottom: 42px;
}
.sol-is-apparel .hero {
    padding: 72px 0 64px;
}
.sol-is-apparel .hero h1 {
    font-size: 2.1rem;
}
.sol-is-apparel .hero-sub {
    font-size: 1.05rem;
}
.sol-is-apparel .hero-cta {
    flex-direction: column;
    width: 100%;
}
.sol-is-apparel .hero-cta .btn {
    width: 100%;
}
.sol-is-apparel .hero-trust {
    gap: 20px;
}
.sol-is-apparel .hero-trust-divider {
    display: none;
}
.sol-is-apparel .hero-trust-num {
    font-size: 1.4rem;
}
.sol-is-apparel .hero-trust-label {
    font-size: 0.78rem;
}
.sol-is-apparel .hero-visual {
    max-width: 440px;
    margin: 0 auto;
}
.sol-is-apparel .dash-float {
    display: none;
}
.sol-is-apparel .pain-grid {
    grid-template-columns: 1fr;
    gap: 18px;
}
.sol-is-apparel .pain-card {
    padding: 30px 24px;
}
.sol-is-apparel .func-card {
    padding: 28px 24px;
    flex-direction: column;
    gap: 16px;
}
.sol-is-apparel .func-card-num {
    font-size: 2rem;
    min-width: auto;
}
.sol-is-apparel .advantage-grid {
    grid-template-columns: 1fr;
}
.sol-is-apparel .advantage-card.featured {
    grid-column: span 1;
}
.sol-is-apparel .scenario-grid {
    grid-template-columns: 1fr;
}
.sol-is-apparel .value-grid {
    grid-template-columns: 1fr 1fr;
}
.sol-is-apparel .trust-stats {
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}
.sol-is-apparel .trust-stat {
    padding: 24px 14px;
}
.sol-is-apparel .trust-stat .num {
    font-size: 2.1rem;
}
.sol-is-apparel .logo-wall {
    padding: 28px;
}
.sol-is-apparel .logo-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
}
.sol-is-apparel .logo-item {
    height: 54px;
    font-size: 0.75rem;
}
.sol-is-apparel .trust-cert {
    grid-template-columns: 1fr;
    gap: 14px;
}
.sol-is-apparel .cert-card {
    padding: 20px;
}
.sol-is-apparel .cta-inner h2 {
    font-size: 1.9rem;
}
.sol-is-apparel .cta-inner p {
    font-size: 1rem;
}
.sol-is-apparel .cta-options {
    flex-direction: column;
    width: 100%;
}
.sol-is-apparel .cta-options .btn {
    width: 100%;
}
}
@media (max-width: 480px) {
.sol-is-apparel .container {
    padding: 0 18px;
}
.sol-is-apparel .hero h1 {
    font-size: 1.85rem;
}
.sol-is-apparel .section-title {
    font-size: 1.55rem;
}
.sol-is-apparel .dash-stats {
    grid-template-columns: 1fr;
    gap: 8px;
}
.sol-is-apparel .value-grid {
    grid-template-columns: 1fr;
}
}
/* 业务架构图（参考模版） */
/* 新零售全域业务架构图 */
.sol-is-apparel .ai-architecture {
  padding: 34px !important;
  margin-top: 46px !important;
  border: 1px solid #d5e6f8 !important;
  border-radius: 20px !important;
  background: #f8fbff !important;
  box-shadow: 0 16px 36px rgba(13, 71, 161, 0.08) !important;
}
.ai-architecture h3 {
  font-size: 1.48rem !important;
  color: #102e52 !important;
  text-align: center !important;
}
.ai-architecture > p {
  max-width: 700px;
  margin: 0 auto 28px !important;
  text-align: center !important;
  line-height: 1.7;
}
.arch-map {
  display: grid;
  gap: 13px;
}
.arch-band {
  display: grid;
  grid-template-columns: 174px 1fr;
  gap: 13px;
  align-items: stretch;
}
.arch-band-label {
  padding: 16px;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #e6f1ff;
  color: #125aa5;
  font-size: 0.92rem;
  font-weight: 800;
}
.arch-band-label small {
  margin-top: 5px;
  color: #5f87b4;
  font-size: 0.68rem;
  font-weight: 500;
}
.arch-band-content {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
}
.arch-unit {
  min-height: 84px;
  padding: 13px 9px;
  border: 1px solid #d4e5f8;
  border-radius: 11px;
  background: #fff;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #143b68;
  font-size: 0.82rem;
  font-weight: 800;
  transition: transform 0.2s, box-shadow 0.2s;
}
.arch-unit:hover {
  transform: translateY(-3px);
  box-shadow: 0 7px 16px rgba(30, 136, 229, 0.12);
}
.arch-unit i {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  margin-bottom: 6px;
  border-radius: 7px;
  background: #e5f1ff;
  color: #1565c0;
  font-size: 0.72rem;
  font-style: normal;
}
.arch-unit small {
  display: block;
  color: #7088a3;
  font-size: 0.66rem;
  font-weight: 400;
  line-height: 1.35;
  margin-top: 4px;
}
.arch-band.core .arch-band-label {
  background: #0d47a1;
  color: #fff;
}
.arch-band.core .arch-band-label small {
  color: #c6e1ff;
}
.arch-band.core .arch-unit {
  background: #1565c0;
  border-color: #1565c0;
  color: #fff;
}
.arch-band.core .arch-unit i {
  background: #fff;
  color: #1565c0;
}
.arch-band.core .arch-unit small {
  color: #d6eaff;
}
.arch-band.ai .arch-band-label {
  background: #e8f3ff;
}
.arch-band.ai .arch-unit {
  border-color: #b9d9fa;
  background: #fafdff;
}
.arch-map-note {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px dashed #c9ddf2;
  color: #62809f;
  font-size: 0.77rem;
}
.arch-map-note b {
  color: #1565c0;
}
@media (max-width: 1100px) {
.arch-band-content {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 700px) {
.ai-architecture {
    padding: 21px !important;
}
.arch-band {
    grid-template-columns: 1fr;
}
.arch-band-label {
    padding: 12px;
    align-items: center;
    text-align: center;
}
.arch-band-content {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.arch-unit {
    min-height: 78px;
}
.arch-map-note {
    align-items: flex-start;
    flex-direction: column;
}
}
/* ===== Reset & Base ===== */
.sol-is-appliance, .sol-is-appliance *, .sol-is-appliance *::before, .sol-is-appliance *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.sol-is-appliance {
  --c-primary:#1e88e5;
  --c-primary-2:#1976d2;
  --c-primary-3:#1565c0;
  --c-primary-4:#0d47a1;
  --c-primary-light:#42a5f5;
  --c-primary-bright:#2196f3;
  --c-cyan:#06b6d4;
  --c-slate:#475569;
  --c-slate-light:#64748b;
  --c-text:#0f172a;
  --c-text-mid:#334155;
  --c-bg:#f5f9ff;
  --c-bg-2:#eef4fc;
  --c-bg-3:#e8f1fb;
  --c-border:#e2e8f0;
  --c-white:#fff;
  --c-footer:#0a1929;
  --c-footer-2:#0d2238;
  --radius:14px;
  --radius-lg:22px;
  --shadow-sm:0 2px 8px rgba(30,136,229,.08);
  --shadow:0 8px 28px rgba(30,136,229,.10);
  --shadow-lg:0 18px 56px rgba(30,136,229,.14);
  --shadow-xl:0 28px 80px rgba(30,136,229,.18);
  --shadow-blue:0 10px 30px rgba(30,136,229,.35);
  --max-w:1280px;
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
}
.sol-is-appliance {
  scroll-behavior: smooth;
  font-size: 16px;
}
.sol-is-appliance {
  font-family: var(--font);
  color: var(--c-text);
  background: var(--c-white);
  line-height: 1.7;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}
.sol-is-appliance a {
  text-decoration: none;
  color: inherit;
}
.sol-is-appliance img {
  max-width: 100%;
  display: block;
}
.sol-is-appliance ul {
  list-style: none;
}
.sol-is-appliance .container {
  max-width: var(--max-w);
  margin: 0 auto;
  padding: 0 24px;
}
.sol-is-appliance .section {
  padding: 110px 0;
  position: relative;
}
.sol-is-appliance .section-sm {
  padding: 72px 0;
}

/* ===== Typography ===== */
.sol-is-appliance .eyebrow {
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--c-primary);
  margin-bottom: 12px;
}
.sol-is-appliance .section-num {
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.18em;
  color: var(--c-primary);
  display: inline-block;
  background: linear-gradient(135deg, rgba(30, 136, 229, 0.1), rgba(66, 165, 245, 0.1));
  padding: 6px 14px;
  border-radius: 100px;
  margin-bottom: 14px;
}
.sol-is-appliance .section-title {
  font-size: 2.4rem;
  font-weight: 800;
  color: var(--c-text);
  line-height: 1.25;
  margin-bottom: 18px;
  letter-spacing: -0.02em;
}
.sol-is-appliance .section-subtitle {
  font-size: 1.08rem;
  color: var(--c-slate);
  max-width: 720px;
  line-height: 1.8;
}
.sol-is-appliance .section-head {
  margin-bottom: 64px;
}
.sol-is-appliance .section-head.center {
  text-align: center;
}
.sol-is-appliance .section-head.center .section-subtitle {
  margin: 0 auto;
}
.sol-is-appliance .section-head.center .section-num {
  display: inline-block;
}

/* ===== 3D Buttons ===== */
.sol-is-appliance .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 28px;
  border-radius: 12px;
  font-size: 0.94rem;
  font-weight: 600;
  cursor: pointer;
  border: none;
  transition: all 0.25s;
  white-space: nowrap;
  line-height: 1.2;
}
.sol-is-appliance .btn-primary {
  background: linear-gradient(180deg, #42a5f5 0%, #1e88e5 50%, #1976d2 100%);
  color: #fff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -2px 0 rgba(0, 0, 0, 0.08), 0 4px 0 var(--c-primary-3), 0 8px 20px rgba(30, 136, 229, 0.35);
}
.sol-is-appliance .btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -2px 0 rgba(0, 0, 0, 0.08), 0 6px 0 var(--c-primary-3), 0 12px 26px rgba(30, 136, 229, 0.45);
}
.sol-is-appliance .btn-primary:active {
  transform: translateY(2px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -2px 0 rgba(0, 0, 0, 0.08), 0 1px 0 var(--c-primary-3), 0 4px 12px rgba(30, 136, 229, 0.35);
}
.sol-is-appliance .btn-outline {
  background: #fff;
  color: var(--c-primary-3);
  border: 1.5px solid var(--c-border);
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.08);
}
.sol-is-appliance .btn-outline:hover {
  border-color: var(--c-primary);
  color: var(--c-primary);
  box-shadow: 0 6px 18px rgba(30, 136, 229, 0.18);
  transform: translateY(-2px);
}
.sol-is-appliance .btn-ghost {
  background: rgba(255, 255, 255, 0.14);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.35);
  backdrop-filter: blur(6px);
}
.sol-is-appliance .btn-ghost:hover {
  background: rgba(255, 255, 255, 0.24);
  transform: translateY(-2px);
}
.sol-is-appliance .btn-lg {
  padding: 17px 40px;
  font-size: 1.05rem;
  border-radius: 14px;
}
.sol-is-appliance .btn-lg.btn-primary {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), inset 0 -2px 0 rgba(0, 0, 0, 0.1), 0 6px 0 var(--c-primary-3), 0 12px 28px rgba(30, 136, 229, 0.4);
}
.sol-is-appliance .btn-sm {
  padding: 9px 20px;
  font-size: 0.85rem;
  border-radius: 10px;
}

/* ===== Hero ===== */
.sol-is-appliance .hero {
  position: relative;
  background: linear-gradient(135deg, #0d47a1 0%, #1565c0 30%, #1e88e5 70%, #2196f3 100%);
  padding: 110px 0 100px;
  overflow: hidden;
}
.sol-is-appliance .hero::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: radial-gradient(circle at 15% 40%, rgba(255, 255, 255, 0.18) 0%, transparent 45%), radial-gradient(circle at 85% 25%, rgba(66, 165, 245, 0.25) 0%, transparent 50%), radial-gradient(circle at 70% 80%, rgba(255, 255, 255, 0.1) 0%, transparent 40%);
  pointer-events: none;
}
.sol-is-appliance .hero::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 80px;
  background: linear-gradient(to bottom, transparent, var(--c-white));
  pointer-events: none;
}
.sol-is-appliance .hero-grid {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 56px;
  align-items: center;
  position: relative;
  z-index: 1;
}
.sol-is-appliance .hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 18px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 100px;
  color: #fff;
  font-size: 0.82rem;
  font-weight: 500;
  margin-bottom: 30px;
  backdrop-filter: blur(8px);
}
.sol-is-appliance .hero-badge .dot {
  width: 8px;
  height: 8px;
  background: #34d399;
  border-radius: 50%;
  box-shadow: 0 0 10px #34d399;
  animation: pulse 1.6s ease-in-out infinite;
}
@keyframes pulse {
0%, 100% {
    opacity: 1;
    transform: scale(1);
}
50% {
    opacity: 0.6;
    transform: scale(1.3);
}
}
.sol-is-appliance .hero h1 {
  font-size: 3.2rem;
  font-weight: 900;
  color: #fff;
  line-height: 1.18;
  letter-spacing: -0.025em;
  margin-bottom: 24px;
}
.sol-is-appliance .hero h1 .highlight {
  background: linear-gradient(135deg, #fff, #bbdefb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  position: relative;
  display: inline-block;
}
.sol-is-appliance .hero h1 .highlight::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -4px;
  height: 6px;
  background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0.2) 100%);
  border-radius: 3px;
  opacity: 0.5;
}
.sol-is-appliance .hero-sub {
  font-size: 1.14rem;
  color: rgba(255, 255, 255, 0.85);
  line-height: 1.85;
  margin-bottom: 28px;
  max-width: 560px;
}
.sol-is-appliance .hero-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 36px;
}
.sol-is-appliance .hero-tags span {
  padding: 7px 16px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 30px;
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.85);
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(4px);
}
.sol-is-appliance .hero-cta {
  display: flex;
  gap: 16px;
  margin-bottom: 40px;
  flex-wrap: wrap;
}
.sol-is-appliance .hero-trust {
  display: flex;
  align-items: center;
  gap: 30px;
  flex-wrap: wrap;
}
.sol-is-appliance .hero-trust-item {
  display: flex;
  align-items: center;
  gap: 10px;
}
.sol-is-appliance .hero-trust-num {
  font-size: 1.65rem;
  font-weight: 800;
  color: #fff;
}
.sol-is-appliance .hero-trust-label {
  font-size: 0.82rem;
  color: rgba(255, 255, 255, 0.6);
}
.sol-is-appliance .hero-trust-divider {
  width: 1px;
  height: 40px;
  background: rgba(255, 255, 255, 0.18);
}

/* Hero Dashboard Mockup */
.sol-is-appliance .hero-visual {
  position: relative;
}
.sol-is-appliance .dash-mock {
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 40px 90px rgba(0, 30, 80, 0.45);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.sol-is-appliance .dash-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 14px 18px;
  background: #f0f7ff;
  border-bottom: 1px solid var(--c-border);
}
.sol-is-appliance .dash-bar .dots {
  display: flex;
  gap: 6px;
}
.sol-is-appliance .dash-bar .dots span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.sol-is-appliance .dash-bar .dots span:nth-child(1) {
  background: #ef4444;
}
.sol-is-appliance .dash-bar .dots span:nth-child(2) {
  background: #f59e0b;
}
.sol-is-appliance .dash-bar .dots span:nth-child(3) {
  background: #22c55e;
}
.sol-is-appliance .dash-bar .url {
  flex: 1;
  text-align: center;
  font-size: 0.72rem;
  color: var(--c-slate-light);
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 6px;
  padding: 4px 14px;
  margin-left: 8px;
}
.sol-is-appliance .dash-body {
  display: grid;
  grid-template-columns: 68px 1fr;
  min-height: 360px;
}
.sol-is-appliance .dash-side {
  background: linear-gradient(180deg, #0d47a1, #1565c0);
  padding: 16px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.sol-is-appliance .dash-side .icon-item {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.5);
  transition: 0.2s;
}
.sol-is-appliance .dash-side .icon-item.active {
  background: linear-gradient(135deg, #42a5f5, #1e88e5);
  color: #fff;
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.5);
}
.sol-is-appliance .dash-side .icon-item svg {
  width: 18px;
  height: 18px;
}
.sol-is-appliance .dash-main {
  padding: 20px;
  background: #fafbfc;
}
.sol-is-appliance .dash-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-bottom: 16px;
}
.sol-is-appliance .dash-stat {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 12px;
  padding: 14px;
  transition: 0.2s;
}
.sol-is-appliance .dash-stat:hover {
  border-color: var(--c-primary-light);
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.1);
}
.sol-is-appliance .dash-stat-label {
  font-size: 0.68rem;
  color: var(--c-slate-light);
  margin-bottom: 4px;
}
.sol-is-appliance .dash-stat-val {
  font-size: 1.2rem;
  font-weight: 800;
  color: var(--c-text);
}
.sol-is-appliance .dash-stat-trend {
  font-size: 0.65rem;
  font-weight: 700;
  margin-top: 3px;
}
.sol-is-appliance .up {
  color: #10b981;
}
.sol-is-appliance .dn {
  color: #ef4444;
}
.sol-is-appliance .dash-chart {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 12px;
  padding: 16px;
}
.sol-is-appliance .dash-chart-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
}
.sol-is-appliance .dash-chart-title {
  font-size: 0.74rem;
  font-weight: 600;
  color: var(--c-text);
}
.sol-is-appliance .dash-chart-tag {
  font-size: 0.62rem;
  color: var(--c-primary);
  background: linear-gradient(135deg, rgba(30, 136, 229, 0.1), rgba(66, 165, 245, 0.1));
  padding: 3px 10px;
  border-radius: 100px;
  font-weight: 600;
}
.sol-is-appliance .bars {
  display: flex;
  align-items: flex-end;
  gap: 6px;
  height: 96px;
}
.sol-is-appliance .bar {
  flex: 1;
  border-radius: 4px 4px 0 0;
  background: linear-gradient(180deg, #42a5f5, #1565c0);
  opacity: 0.9;
  transition: opacity 0.2s;
}
.sol-is-appliance .bar:hover {
  opacity: 1;
}
.sol-is-appliance .bar.dim {
  background: linear-gradient(180deg, #cbd5e1, #94a3b8);
}
.sol-is-appliance .dash-float {
  position: absolute;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 14px 36px rgba(0, 30, 80, 0.25);
  padding: 14px 18px;
  display: flex;
  align-items: center;
  gap: 14px;
  animation: float 3.5s ease-in-out infinite;
  border: 1px solid rgba(255, 255, 255, 0.6);
}
.sol-is-appliance .dash-float-1 {
  top: -20px;
  right: -12px;
  animation-delay: 0s;
}
.sol-is-appliance .dash-float-2 {
  bottom: -18px;
  left: -18px;
  animation-delay: 1.5s;
}
.sol-is-appliance .dash-float-icon {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.sol-is-appliance .dash-float-icon.green {
  background: linear-gradient(135deg, #d1fae5, #a7f3d0);
  color: #10b981;
}
.sol-is-appliance .dash-float-icon.blue {
  background: linear-gradient(135deg, #dbeafe, #bfdbfe);
  color: #1e88e5;
}
.sol-is-appliance .dash-float-text .num {
  font-size: 1.05rem;
  font-weight: 800;
  color: var(--c-text);
}
.sol-is-appliance .dash-float-text .label {
  font-size: 0.7rem;
  color: var(--c-slate-light);
}
@keyframes float {
0%, 100% {
    transform: translateY(0);
}
50% {
    transform: translateY(-12px);
}
}
/* ===== Pain Points ===== */
.sol-is-appliance .pain-section {
  background: linear-gradient(180deg, var(--c-white), var(--c-bg));
}
.sol-is-appliance .pain-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}
.sol-is-appliance .pain-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 36px 30px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-is-appliance .pain-card:hover {
  border-color: var(--c-primary-light);
  box-shadow: var(--shadow-xl);
  transform: translateY(-6px);
}
.sol-is-appliance .pain-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #1e88e5, #42a5f5, #06b6d4);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.sol-is-appliance .pain-card:hover::before {
  transform: scaleX(1);
}
.sol-is-appliance .pain-num {
  position: absolute;
  top: 24px;
  right: 28px;
  font-size: 2.8rem;
  font-weight: 900;
  color: rgba(30, 136, 229, 0.06);
  line-height: 1;
}
.sol-is-appliance .pain-icon {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: linear-gradient(135deg, #e3f2fd, #bbdefb);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.15);
}
.sol-is-appliance .pain-icon svg {
  width: 28px;
  height: 28px;
  color: var(--c-primary-2);
}
.sol-is-appliance .pain-title {
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.sol-is-appliance .pain-desc {
  font-size: 0.92rem;
  color: var(--c-slate);
  line-height: 1.8;
}

/* ===== Solution Overview ===== */
.sol-is-appliance .solution-section {
  background: #fff;
}
.sol-is-appliance .solution-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}
.sol-is-appliance .solution-card {
  background: linear-gradient(145deg, #f5f9ff, #e8f1fb);
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 40px 32px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-is-appliance .solution-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
}
.sol-is-appliance .solution-card::after {
  content: "";
  position: absolute;
  top: -30px;
  right: -30px;
  width: 120px;
  height: 120px;
  background: radial-gradient(circle, rgba(30, 136, 229, 0.1), transparent);
  pointer-events: none;
}
.sol-is-appliance .solution-icon {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  background: linear-gradient(135deg, #1e88e5, #42a5f5);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.3);
}
.sol-is-appliance .solution-icon svg {
  width: 26px;
  height: 26px;
  color: #fff;
}
.sol-is-appliance .solution-card h3 {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 14px;
}
.sol-is-appliance .solution-card p {
  font-size: 0.95rem;
  color: var(--c-slate);
  line-height: 1.8;
}

/* ===== Core Functions ===== */
.sol-is-appliance .func-section {
  background: linear-gradient(180deg, var(--c-bg), var(--c-white));
}
.sol-is-appliance .func-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
.sol-is-appliance .func-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 36px 32px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
  display: flex;
  gap: 24px;
}
.sol-is-appliance .func-card:hover {
  border-color: var(--c-primary-light);
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
}
.sol-is-appliance .func-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: linear-gradient(180deg, #1e88e5, #42a5f5);
  transform: scaleY(0);
  transform-origin: top;
  transition: transform 0.4s;
}
.sol-is-appliance .func-card:hover::before {
  transform: scaleY(1);
}
.sol-is-appliance .func-card-num {
  font-size: 2.4rem;
  font-weight: 900;
  color: rgba(30, 136, 229, 0.12);
  line-height: 1;
  flex-shrink: 0;
  min-width: 56px;
}
.sol-is-appliance .func-card-body {
  flex: 1;
}
.sol-is-appliance .func-card-icon {
  width: 44px;
  height: 44px;
  border-radius: 11px;
  background: linear-gradient(135deg, #e3f2fd, #bbdefb);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.12);
}
.sol-is-appliance .func-card-icon svg {
  width: 22px;
  height: 22px;
  color: var(--c-primary-2);
}
.sol-is-appliance .func-card-body h3 {
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 10px;
}
.sol-is-appliance .func-card-body p {
  font-size: 0.92rem;
  color: var(--c-slate);
  line-height: 1.8;
}

/* ===== Core Advantages ===== */
.sol-is-appliance .advantage-section {
  background: #fff;
}
.sol-is-appliance .advantage-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.sol-is-appliance .advantage-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius);
  padding: 34px 28px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-is-appliance .advantage-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
  border-color: var(--c-primary-light);
}
.sol-is-appliance .advantage-card::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #1e88e5, #42a5f5);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.sol-is-appliance .advantage-card:hover::before {
  transform: scaleX(1);
}
.sol-is-appliance .advantage-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: linear-gradient(135deg, #1e88e5, #42a5f5);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  box-shadow: 0 6px 16px rgba(30, 136, 229, 0.25);
}
.sol-is-appliance .advantage-icon svg {
  width: 24px;
  height: 24px;
  color: #fff;
}
.sol-is-appliance .advantage-card h3 {
  font-size: 1.12rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.sol-is-appliance .advantage-card p {
  font-size: 0.9rem;
  color: var(--c-slate);
  line-height: 1.75;
}
.sol-is-appliance .advantage-card.featured {
  grid-column: span 3;
  background: linear-gradient(135deg, #0d47a1, #1565c0);
  border: none;
}
.sol-is-appliance .advantage-card.featured h3 {
  color: #fff;
}
.sol-is-appliance .advantage-card.featured p {
  color: rgba(255, 255, 255, 0.75);
}
.sol-is-appliance .advantage-card.featured .advantage-icon {
  background: rgba(255, 255, 255, 0.15);
  box-shadow: none;
}
.sol-is-appliance .advantage-card.featured .advantage-icon svg {
  color: #90caf9;
}
.sol-is-appliance .advantage-card.featured::before {
  display: none;
}

/* ===== Application Scenarios ===== */
.sol-is-appliance .scenario-section {
  background: linear-gradient(180deg, var(--c-bg), var(--c-bg-2));
}
.sol-is-appliance .scenario-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.sol-is-appliance .scenario-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius);
  padding: 32px 28px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-is-appliance .scenario-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
  border-color: var(--c-primary-light);
}
.sol-is-appliance .scenario-tag {
  display: inline-block;
  padding: 5px 12px;
  background: linear-gradient(135deg, rgba(30, 136, 229, 0.1), rgba(66, 165, 245, 0.1));
  color: var(--c-primary);
  font-size: 0.72rem;
  font-weight: 700;
  border-radius: 100px;
  margin-bottom: 16px;
}
.sol-is-appliance .scenario-card h3 {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.sol-is-appliance .scenario-card p {
  font-size: 0.9rem;
  color: var(--c-slate);
  line-height: 1.75;
}
.sol-is-appliance .scenario-card::after {
  content: "";
  position: absolute;
  bottom: -20px;
  right: -20px;
  width: 80px;
  height: 80px;
  background: radial-gradient(circle, rgba(30, 136, 229, 0.06), transparent);
  pointer-events: none;
}

/* ===== Customer Value ===== */
.sol-is-appliance .value-section {
  background: #fff;
}
.sol-is-appliance .value-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}
.sol-is-appliance .value-card {
  background: linear-gradient(145deg, #f5f9ff, #e8f1fb);
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 36px 26px;
  text-align: center;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-is-appliance .value-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-6px);
}
.sol-is-appliance .value-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #1e88e5, #42a5f5, #06b6d4);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.4s;
}
.sol-is-appliance .value-card:hover::before {
  transform: scaleX(1);
}
.sol-is-appliance .value-icon {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: linear-gradient(135deg, #1e88e5, #42a5f5);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.3);
}
.sol-is-appliance .value-icon svg {
  width: 28px;
  height: 28px;
  color: #fff;
}
.sol-is-appliance .value-card h3 {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.sol-is-appliance .value-card p {
  font-size: 0.88rem;
  color: var(--c-slate);
  line-height: 1.75;
}
.sol-is-appliance .value-highlight {
  display: inline-block;
  margin-top: 14px;
  padding: 5px 14px;
  background: #fff;
  border: 1px solid var(--c-primary-light);
  border-radius: 100px;
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--c-primary);
}

/* ===== Trust Section ===== */
.sol-is-appliance .trust-section {
  background: linear-gradient(135deg, #0a3a7a 0%, #0d47a1 50%, #1565c0 100%);
  position: relative;
  overflow: hidden;
  padding: 100px 0;
}
.sol-is-appliance .trust-section::before {
  content: "";
  position: absolute;
  top: -50%;
  right: -10%;
  width: 600px;
  height: 600px;
  background: radial-gradient(circle, rgba(66, 165, 245, 0.15) 0%, transparent 70%);
  pointer-events: none;
}
.sol-is-appliance .trust-section::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
}
.sol-is-appliance .trust-section .section-title {
  color: #fff;
}
.sol-is-appliance .trust-section .section-subtitle {
  color: rgba(255, 255, 255, 0.7);
}
.sol-is-appliance .trust-section .section-num {
  color: #90caf9;
  background: rgba(255, 255, 255, 0.1);
}
.sol-is-appliance .trust-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  margin-bottom: 60px;
}
.sol-is-appliance .trust-stat {
  text-align: center;
  padding: 36px 22px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius);
  transition: 0.3s;
  backdrop-filter: blur(6px);
}
.sol-is-appliance .trust-stat:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.18);
  transform: translateY(-6px);
}
.sol-is-appliance .trust-stat .num {
  font-size: 2.8rem;
  font-weight: 900;
  color: #fff;
  letter-spacing: -0.025em;
  line-height: 1;
  margin-bottom: 8px;
}
.sol-is-appliance .trust-stat .num .unit {
  font-size: 1.4rem;
  font-weight: 700;
}
.sol-is-appliance .trust-stat .label {
  font-size: 0.88rem;
  color: rgba(255, 255, 255, 0.55);
  font-weight: 500;
}
.sol-is-appliance .logo-wall {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius-lg);
  padding: 44px;
  margin-bottom: 48px;
  backdrop-filter: blur(6px);
}
.sol-is-appliance .logo-wall-title {
  text-align: center;
  font-size: 0.82rem;
  color: rgba(255, 255, 255, 0.45);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  margin-bottom: 28px;
  font-weight: 600;
}
.sol-is-appliance .logo-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 18px;
}
.sol-is-appliance .logo-item {
  height: 64px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.82rem;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.4);
  transition: 0.3s;
}
.sol-is-appliance .logo-item:hover {
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.8);
  border-color: rgba(255, 255, 255, 0.18);
  transform: translateY(-2px);
}
.sol-is-appliance .trust-cert {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}
.sol-is-appliance .cert-card {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius);
  padding: 28px;
  display: flex;
  align-items: center;
  gap: 18px;
  transition: 0.3s;
  backdrop-filter: blur(6px);
}
.sol-is-appliance .cert-card:hover {
  background: rgba(255, 255, 255, 0.08);
  transform: translateY(-3px);
}
.sol-is-appliance .cert-icon {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(66, 165, 245, 0.2), rgba(30, 136, 229, 0.2));
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border: 1px solid rgba(66, 165, 245, 0.3);
}
.sol-is-appliance .cert-icon svg {
  width: 26px;
  height: 26px;
  color: #90caf9;
}
.sol-is-appliance .cert-info .title {
  font-size: 0.92rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 4px;
}
.sol-is-appliance .cert-info .desc {
  font-size: 0.78rem;
  color: rgba(255, 255, 255, 0.45);
}

/* ===== FAQ ===== */
.sol-is-appliance .faq-section {
  background: linear-gradient(180deg, var(--c-bg), var(--c-white));
}
.sol-is-appliance .faq-wrap {
  max-width: 880px;
  margin: 0 auto;
}
.sol-is-appliance .faq-item {
  border: 1.5px solid var(--c-border);
  border-radius: var(--radius);
  margin-bottom: 14px;
  overflow: hidden;
  transition: 0.3s;
  background: #fff;
}
.sol-is-appliance .faq-item.active {
  border-color: var(--c-primary);
  box-shadow: 0 8px 28px rgba(30, 136, 229, 0.12);
}
.sol-is-appliance .faq-item.active .faq-q {
  color: var(--c-primary);
}
.sol-is-appliance .faq-q {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22px 28px;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 600;
  color: var(--c-text);
  transition: color 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  gap: 16px;
}
.sol-is-appliance .faq-q .arrow {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  transition: transform 0.3s;
  color: var(--c-slate-light);
}
.sol-is-appliance .faq-item.active .faq-q .arrow {
  transform: rotate(180deg);
  color: var(--c-primary);
}
.sol-is-appliance .faq-a {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}
.sol-is-appliance .faq-a-inner {
  padding: 0 28px 24px;
  font-size: 0.94rem;
  color: var(--c-slate);
  line-height: 1.85;
}

/* ===== Final CTA ===== */
.sol-is-appliance .cta-section {
  position: relative;
  background: linear-gradient(135deg, #0d47a1 0%, #1565c0 50%, #1e88e5 100%);
  padding: 100px 0;
  overflow: hidden;
}
.sol-is-appliance .cta-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: radial-gradient(circle at 70% 30%, rgba(66, 165, 245, 0.25) 0%, transparent 50%), radial-gradient(circle at 20% 80%, rgba(255, 255, 255, 0.12) 0%, transparent 40%);
  pointer-events: none;
}
.sol-is-appliance .cta-section::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 60px;
  background: linear-gradient(to bottom, transparent, var(--c-footer));
  pointer-events: none;
}
.sol-is-appliance .cta-inner {
  position: relative;
  z-index: 1;
  text-align: center;
  max-width: 820px;
  margin: 0 auto;
}
.sol-is-appliance .cta-inner h2 {
  font-size: 2.5rem;
  font-weight: 900;
  color: #fff;
  letter-spacing: -0.025em;
  margin-bottom: 20px;
  line-height: 1.25;
}
.sol-is-appliance .cta-inner h2 .highlight {
  background: linear-gradient(135deg, #fff, #bbdefb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.sol-is-appliance .cta-inner p {
  font-size: 1.12rem;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.85;
  margin-bottom: 44px;
}
.sol-is-appliance .cta-options {
  display: flex;
  gap: 18px;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 36px;
}
.sol-is-appliance .cta-note {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.5);
  flex-wrap: wrap;
}
.sol-is-appliance .cta-note .dot {
  width: 5px;
  height: 5px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
}

/* ===== Footer (对齐 zjssoft.com 框选底部区域) ===== */
/* ===== Scroll Animations ===== */
.sol-is-appliance .reveal {
  opacity: 0;
  transform: translateY(32px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}
.sol-is-appliance .reveal.active {
  opacity: 1;
  transform: translateY(0);
}
.sol-is-appliance .reveal-delay-1 {
  transition-delay: 0.12s;
}
.sol-is-appliance .reveal-delay-2 {
  transition-delay: 0.24s;
}
.sol-is-appliance .reveal-delay-3 {
  transition-delay: 0.36s;
}

/* ===== Mobile Responsive ===== */
@media (max-width: 1024px) {
.sol-is-appliance .hero-grid {
    grid-template-columns: 1fr;
    gap: 48px;
}
.sol-is-appliance .hero h1 {
    font-size: 2.6rem;
}
.sol-is-appliance .pain-grid {
    grid-template-columns: repeat(2, 1fr);
}
.sol-is-appliance .solution-grid {
    grid-template-columns: 1fr;
}
.sol-is-appliance .func-grid {
    grid-template-columns: 1fr;
}
.sol-is-appliance .advantage-grid {
    grid-template-columns: repeat(2, 1fr);
}
.sol-is-appliance .advantage-card.featured {
    grid-column: span 2;
}
.sol-is-appliance .scenario-grid {
    grid-template-columns: repeat(2, 1fr);
}
.sol-is-appliance .value-grid {
    grid-template-columns: repeat(2, 1fr);
}
.sol-is-appliance .trust-stats {
    grid-template-columns: repeat(2, 1fr);
}
.sol-is-appliance .logo-grid {
    grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 768px) {
.sol-is-appliance .section {
    padding: 72px 0;
}
.sol-is-appliance .section-title {
    font-size: 1.8rem;
}
.sol-is-appliance .section-head {
    margin-bottom: 42px;
}
.sol-is-appliance .hero {
    padding: 72px 0 64px;
}
.sol-is-appliance .hero h1 {
    font-size: 2.1rem;
}
.sol-is-appliance .hero-sub {
    font-size: 1.05rem;
}
.sol-is-appliance .hero-cta {
    flex-direction: column;
    width: 100%;
}
.sol-is-appliance .hero-cta .btn {
    width: 100%;
}
.sol-is-appliance .hero-trust {
    gap: 20px;
}
.sol-is-appliance .hero-trust-divider {
    display: none;
}
.sol-is-appliance .hero-trust-num {
    font-size: 1.4rem;
}
.sol-is-appliance .hero-trust-label {
    font-size: 0.78rem;
}
.sol-is-appliance .hero-visual {
    max-width: 440px;
    margin: 0 auto;
}
.sol-is-appliance .dash-float {
    display: none;
}
.sol-is-appliance .pain-grid {
    grid-template-columns: 1fr;
    gap: 18px;
}
.sol-is-appliance .pain-card {
    padding: 30px 24px;
}
.sol-is-appliance .func-card {
    padding: 28px 24px;
    flex-direction: column;
    gap: 16px;
}
.sol-is-appliance .func-card-num {
    font-size: 2rem;
    min-width: auto;
}
.sol-is-appliance .advantage-grid {
    grid-template-columns: 1fr;
}
.sol-is-appliance .advantage-card.featured {
    grid-column: span 1;
}
.sol-is-appliance .scenario-grid {
    grid-template-columns: 1fr;
}
.sol-is-appliance .value-grid {
    grid-template-columns: 1fr 1fr;
}
.sol-is-appliance .trust-stats {
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}
.sol-is-appliance .trust-stat {
    padding: 24px 14px;
}
.sol-is-appliance .trust-stat .num {
    font-size: 2.1rem;
}
.sol-is-appliance .logo-wall {
    padding: 28px;
}
.sol-is-appliance .logo-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
}
.sol-is-appliance .logo-item {
    height: 54px;
    font-size: 0.75rem;
}
.sol-is-appliance .trust-cert {
    grid-template-columns: 1fr;
    gap: 14px;
}
.sol-is-appliance .cert-card {
    padding: 20px;
}
.sol-is-appliance .cta-inner h2 {
    font-size: 1.9rem;
}
.sol-is-appliance .cta-inner p {
    font-size: 1rem;
}
.sol-is-appliance .cta-options {
    flex-direction: column;
    width: 100%;
}
.sol-is-appliance .cta-options .btn {
    width: 100%;
}
}
@media (max-width: 480px) {
.sol-is-appliance .container {
    padding: 0 18px;
}
.sol-is-appliance .hero h1 {
    font-size: 1.85rem;
}
.sol-is-appliance .section-title {
    font-size: 1.55rem;
}
.sol-is-appliance .dash-stats {
    grid-template-columns: 1fr;
    gap: 8px;
}
.sol-is-appliance .value-grid {
    grid-template-columns: 1fr;
}
}
/* 业务架构图（参考模版） */
/* 新零售全域业务架构图 */
.sol-is-appliance .ai-architecture {
  padding: 34px !important;
  margin-top: 46px !important;
  border: 1px solid #d5e6f8 !important;
  border-radius: 20px !important;
  background: #f8fbff !important;
  box-shadow: 0 16px 36px rgba(13, 71, 161, 0.08) !important;
}
.ai-architecture h3 {
  font-size: 1.48rem !important;
  color: #102e52 !important;
  text-align: center !important;
}
.ai-architecture > p {
  max-width: 700px;
  margin: 0 auto 28px !important;
  text-align: center !important;
  line-height: 1.7;
}
.arch-map {
  display: grid;
  gap: 13px;
}
.arch-band {
  display: grid;
  grid-template-columns: 174px 1fr;
  gap: 13px;
  align-items: stretch;
}
.arch-band-label {
  padding: 16px;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #e6f1ff;
  color: #125aa5;
  font-size: 0.92rem;
  font-weight: 800;
}
.arch-band-label small {
  margin-top: 5px;
  color: #5f87b4;
  font-size: 0.68rem;
  font-weight: 500;
}
.arch-band-content {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
}
.arch-unit {
  min-height: 84px;
  padding: 13px 9px;
  border: 1px solid #d4e5f8;
  border-radius: 11px;
  background: #fff;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #143b68;
  font-size: 0.82rem;
  font-weight: 800;
  transition: transform 0.2s, box-shadow 0.2s;
}
.arch-unit:hover {
  transform: translateY(-3px);
  box-shadow: 0 7px 16px rgba(30, 136, 229, 0.12);
}
.arch-unit i {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  margin-bottom: 6px;
  border-radius: 7px;
  background: #e5f1ff;
  color: #1565c0;
  font-size: 0.72rem;
  font-style: normal;
}
.arch-unit small {
  display: block;
  color: #7088a3;
  font-size: 0.66rem;
  font-weight: 400;
  line-height: 1.35;
  margin-top: 4px;
}
.arch-band.core .arch-band-label {
  background: #0d47a1;
  color: #fff;
}
.arch-band.core .arch-band-label small {
  color: #c6e1ff;
}
.arch-band.core .arch-unit {
  background: #1565c0;
  border-color: #1565c0;
  color: #fff;
}
.arch-band.core .arch-unit i {
  background: #fff;
  color: #1565c0;
}
.arch-band.core .arch-unit small {
  color: #d6eaff;
}
.arch-band.ai .arch-band-label {
  background: #e8f3ff;
}
.arch-band.ai .arch-unit {
  border-color: #b9d9fa;
  background: #fafdff;
}
.arch-map-note {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px dashed #c9ddf2;
  color: #62809f;
  font-size: 0.77rem;
}
.arch-map-note b {
  color: #1565c0;
}
@media (max-width: 1100px) {
.arch-band-content {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 700px) {
.ai-architecture {
    padding: 21px !important;
}
.arch-band {
    grid-template-columns: 1fr;
}
.arch-band-label {
    padding: 12px;
    align-items: center;
    text-align: center;
}
.arch-band-content {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.arch-unit {
    min-height: 78px;
}
.arch-map-note {
    align-items: flex-start;
    flex-direction: column;
}
}
/* ===== Reset & Base ===== */
.sol-is-beauty, .sol-is-beauty *, .sol-is-beauty *::before, .sol-is-beauty *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.sol-is-beauty {
  --c-primary:#1e88e5;
  --c-primary-2:#1976d2;
  --c-primary-3:#1565c0;
  --c-primary-4:#0d47a1;
  --c-primary-light:#42a5f5;
  --c-primary-bright:#2196f3;
  --c-cyan:#06b6d4;
  --c-slate:#475569;
  --c-slate-light:#64748b;
  --c-text:#0f172a;
  --c-text-mid:#334155;
  --c-bg:#f5f9ff;
  --c-bg-2:#eef4fc;
  --c-bg-3:#e8f1fb;
  --c-border:#e2e8f0;
  --c-white:#fff;
  --c-footer:#0a1929;
  --c-footer-2:#0d2238;
  --radius:14px;
  --radius-lg:22px;
  --shadow-sm:0 2px 8px rgba(30,136,229,.08);
  --shadow:0 8px 28px rgba(30,136,229,.10);
  --shadow-lg:0 18px 56px rgba(30,136,229,.14);
  --shadow-xl:0 28px 80px rgba(30,136,229,.18);
  --shadow-blue:0 10px 30px rgba(30,136,229,.35);
  --max-w:1280px;
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
}
.sol-is-beauty {
  scroll-behavior: smooth;
  font-size: 16px;
}
.sol-is-beauty {
  font-family: var(--font);
  color: var(--c-text);
  background: var(--c-white);
  line-height: 1.7;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}
.sol-is-beauty a {
  text-decoration: none;
  color: inherit;
}
.sol-is-beauty img {
  max-width: 100%;
  display: block;
}
.sol-is-beauty ul {
  list-style: none;
}
.sol-is-beauty .container {
  max-width: var(--max-w);
  margin: 0 auto;
  padding: 0 24px;
}
.sol-is-beauty .section {
  padding: 110px 0;
  position: relative;
}
.sol-is-beauty .section-sm {
  padding: 72px 0;
}

/* ===== Typography ===== */
.sol-is-beauty .eyebrow {
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--c-primary);
  margin-bottom: 12px;
}
.sol-is-beauty .section-num {
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.18em;
  color: var(--c-primary);
  display: inline-block;
  background: linear-gradient(135deg, rgba(30, 136, 229, 0.1), rgba(66, 165, 245, 0.1));
  padding: 6px 14px;
  border-radius: 100px;
  margin-bottom: 14px;
}
.sol-is-beauty .section-title {
  font-size: 2.4rem;
  font-weight: 800;
  color: var(--c-text);
  line-height: 1.25;
  margin-bottom: 18px;
  letter-spacing: -0.02em;
}
.sol-is-beauty .section-subtitle {
  font-size: 1.08rem;
  color: var(--c-slate);
  max-width: 720px;
  line-height: 1.8;
}
.sol-is-beauty .section-head {
  margin-bottom: 64px;
}
.sol-is-beauty .section-head.center {
  text-align: center;
}
.sol-is-beauty .section-head.center .section-subtitle {
  margin: 0 auto;
}
.sol-is-beauty .section-head.center .section-num {
  display: inline-block;
}

/* ===== 3D Buttons ===== */
.sol-is-beauty .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 28px;
  border-radius: 12px;
  font-size: 0.94rem;
  font-weight: 600;
  cursor: pointer;
  border: none;
  transition: all 0.25s;
  white-space: nowrap;
  line-height: 1.2;
}
.sol-is-beauty .btn-primary {
  background: linear-gradient(180deg, #42a5f5 0%, #1e88e5 50%, #1976d2 100%);
  color: #fff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -2px 0 rgba(0, 0, 0, 0.08), 0 4px 0 var(--c-primary-3), 0 8px 20px rgba(30, 136, 229, 0.35);
}
.sol-is-beauty .btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -2px 0 rgba(0, 0, 0, 0.08), 0 6px 0 var(--c-primary-3), 0 12px 26px rgba(30, 136, 229, 0.45);
}
.sol-is-beauty .btn-primary:active {
  transform: translateY(2px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -2px 0 rgba(0, 0, 0, 0.08), 0 1px 0 var(--c-primary-3), 0 4px 12px rgba(30, 136, 229, 0.35);
}
.sol-is-beauty .btn-outline {
  background: #fff;
  color: var(--c-primary-3);
  border: 1.5px solid var(--c-border);
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.08);
}
.sol-is-beauty .btn-outline:hover {
  border-color: var(--c-primary);
  color: var(--c-primary);
  box-shadow: 0 6px 18px rgba(30, 136, 229, 0.18);
  transform: translateY(-2px);
}
.sol-is-beauty .btn-ghost {
  background: rgba(255, 255, 255, 0.14);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.35);
  backdrop-filter: blur(6px);
}
.sol-is-beauty .btn-ghost:hover {
  background: rgba(255, 255, 255, 0.24);
  transform: translateY(-2px);
}
.sol-is-beauty .btn-lg {
  padding: 17px 40px;
  font-size: 1.05rem;
  border-radius: 14px;
}
.sol-is-beauty .btn-lg.btn-primary {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), inset 0 -2px 0 rgba(0, 0, 0, 0.1), 0 6px 0 var(--c-primary-3), 0 12px 28px rgba(30, 136, 229, 0.4);
}
.sol-is-beauty .btn-sm {
  padding: 9px 20px;
  font-size: 0.85rem;
  border-radius: 10px;
}

/* ===== Hero ===== */
.sol-is-beauty .hero {
  position: relative;
  background: linear-gradient(135deg, #0d47a1 0%, #1565c0 30%, #1e88e5 70%, #2196f3 100%);
  padding: 110px 0 100px;
  overflow: hidden;
}
.sol-is-beauty .hero::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: radial-gradient(circle at 15% 40%, rgba(255, 255, 255, 0.18) 0%, transparent 45%), radial-gradient(circle at 85% 25%, rgba(66, 165, 245, 0.25) 0%, transparent 50%), radial-gradient(circle at 70% 80%, rgba(255, 255, 255, 0.1) 0%, transparent 40%);
  pointer-events: none;
}
.sol-is-beauty .hero::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 80px;
  background: linear-gradient(to bottom, transparent, var(--c-white));
  pointer-events: none;
}
.sol-is-beauty .hero-grid {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 56px;
  align-items: center;
  position: relative;
  z-index: 1;
}
.sol-is-beauty .hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 18px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 100px;
  color: #fff;
  font-size: 0.82rem;
  font-weight: 500;
  margin-bottom: 30px;
  backdrop-filter: blur(8px);
}
.sol-is-beauty .hero-badge .dot {
  width: 8px;
  height: 8px;
  background: #34d399;
  border-radius: 50%;
  box-shadow: 0 0 10px #34d399;
  animation: pulse 1.6s ease-in-out infinite;
}
@keyframes pulse {
0%, 100% {
    opacity: 1;
    transform: scale(1);
}
50% {
    opacity: 0.6;
    transform: scale(1.3);
}
}
.sol-is-beauty .hero h1 {
  font-size: 3.2rem;
  font-weight: 900;
  color: #fff;
  line-height: 1.18;
  letter-spacing: -0.025em;
  margin-bottom: 24px;
}
.sol-is-beauty .hero h1 .highlight {
  background: linear-gradient(135deg, #fff, #bbdefb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  position: relative;
  display: inline-block;
}
.sol-is-beauty .hero h1 .highlight::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -4px;
  height: 6px;
  background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0.2) 100%);
  border-radius: 3px;
  opacity: 0.5;
}
.sol-is-beauty .hero-sub {
  font-size: 1.14rem;
  color: rgba(255, 255, 255, 0.85);
  line-height: 1.85;
  margin-bottom: 28px;
  max-width: 560px;
}
.sol-is-beauty .hero-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 36px;
}
.sol-is-beauty .hero-tags span {
  padding: 7px 16px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 30px;
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.85);
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(4px);
}
.sol-is-beauty .hero-cta {
  display: flex;
  gap: 16px;
  margin-bottom: 40px;
  flex-wrap: wrap;
}
.sol-is-beauty .hero-trust {
  display: flex;
  align-items: center;
  gap: 30px;
  flex-wrap: wrap;
}
.sol-is-beauty .hero-trust-item {
  display: flex;
  align-items: center;
  gap: 10px;
}
.sol-is-beauty .hero-trust-num {
  font-size: 1.65rem;
  font-weight: 800;
  color: #fff;
}
.sol-is-beauty .hero-trust-label {
  font-size: 0.82rem;
  color: rgba(255, 255, 255, 0.6);
}
.sol-is-beauty .hero-trust-divider {
  width: 1px;
  height: 40px;
  background: rgba(255, 255, 255, 0.18);
}

/* Hero Dashboard Mockup */
.sol-is-beauty .hero-visual {
  position: relative;
}
.sol-is-beauty .dash-mock {
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 40px 90px rgba(0, 30, 80, 0.45);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.sol-is-beauty .dash-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 14px 18px;
  background: #f0f7ff;
  border-bottom: 1px solid var(--c-border);
}
.sol-is-beauty .dash-bar .dots {
  display: flex;
  gap: 6px;
}
.sol-is-beauty .dash-bar .dots span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.sol-is-beauty .dash-bar .dots span:nth-child(1) {
  background: #ef4444;
}
.sol-is-beauty .dash-bar .dots span:nth-child(2) {
  background: #f59e0b;
}
.sol-is-beauty .dash-bar .dots span:nth-child(3) {
  background: #22c55e;
}
.sol-is-beauty .dash-bar .url {
  flex: 1;
  text-align: center;
  font-size: 0.72rem;
  color: var(--c-slate-light);
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 6px;
  padding: 4px 14px;
  margin-left: 8px;
}
.sol-is-beauty .dash-body {
  display: grid;
  grid-template-columns: 68px 1fr;
  min-height: 360px;
}
.sol-is-beauty .dash-side {
  background: linear-gradient(180deg, #0d47a1, #1565c0);
  padding: 16px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.sol-is-beauty .dash-side .icon-item {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.5);
  transition: 0.2s;
}
.sol-is-beauty .dash-side .icon-item.active {
  background: linear-gradient(135deg, #42a5f5, #1e88e5);
  color: #fff;
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.5);
}
.sol-is-beauty .dash-side .icon-item svg {
  width: 18px;
  height: 18px;
}
.sol-is-beauty .dash-main {
  padding: 20px;
  background: #fafbfc;
}
.sol-is-beauty .dash-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-bottom: 16px;
}
.sol-is-beauty .dash-stat {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 12px;
  padding: 14px;
  transition: 0.2s;
}
.sol-is-beauty .dash-stat:hover {
  border-color: var(--c-primary-light);
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.1);
}
.sol-is-beauty .dash-stat-label {
  font-size: 0.68rem;
  color: var(--c-slate-light);
  margin-bottom: 4px;
}
.sol-is-beauty .dash-stat-val {
  font-size: 1.2rem;
  font-weight: 800;
  color: var(--c-text);
}
.sol-is-beauty .dash-stat-trend {
  font-size: 0.65rem;
  font-weight: 700;
  margin-top: 3px;
}
.sol-is-beauty .up {
  color: #10b981;
}
.sol-is-beauty .dn {
  color: #ef4444;
}
.sol-is-beauty .dash-chart {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 12px;
  padding: 16px;
}
.sol-is-beauty .dash-chart-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
}
.sol-is-beauty .dash-chart-title {
  font-size: 0.74rem;
  font-weight: 600;
  color: var(--c-text);
}
.sol-is-beauty .dash-chart-tag {
  font-size: 0.62rem;
  color: var(--c-primary);
  background: linear-gradient(135deg, rgba(30, 136, 229, 0.1), rgba(66, 165, 245, 0.1));
  padding: 3px 10px;
  border-radius: 100px;
  font-weight: 600;
}
.sol-is-beauty .bars {
  display: flex;
  align-items: flex-end;
  gap: 6px;
  height: 96px;
}
.sol-is-beauty .bar {
  flex: 1;
  border-radius: 4px 4px 0 0;
  background: linear-gradient(180deg, #42a5f5, #1565c0);
  opacity: 0.9;
  transition: opacity 0.2s;
}
.sol-is-beauty .bar:hover {
  opacity: 1;
}
.sol-is-beauty .bar.dim {
  background: linear-gradient(180deg, #cbd5e1, #94a3b8);
}
.sol-is-beauty .dash-float {
  position: absolute;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 14px 36px rgba(0, 30, 80, 0.25);
  padding: 14px 18px;
  display: flex;
  align-items: center;
  gap: 14px;
  animation: float 3.5s ease-in-out infinite;
  border: 1px solid rgba(255, 255, 255, 0.6);
}
.sol-is-beauty .dash-float-1 {
  top: -20px;
  right: -12px;
  animation-delay: 0s;
}
.sol-is-beauty .dash-float-2 {
  bottom: -18px;
  left: -18px;
  animation-delay: 1.5s;
}
.sol-is-beauty .dash-float-icon {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.sol-is-beauty .dash-float-icon.green {
  background: linear-gradient(135deg, #d1fae5, #a7f3d0);
  color: #10b981;
}
.sol-is-beauty .dash-float-icon.blue {
  background: linear-gradient(135deg, #dbeafe, #bfdbfe);
  color: #1e88e5;
}
.sol-is-beauty .dash-float-text .num {
  font-size: 1.05rem;
  font-weight: 800;
  color: var(--c-text);
}
.sol-is-beauty .dash-float-text .label {
  font-size: 0.7rem;
  color: var(--c-slate-light);
}
@keyframes float {
0%, 100% {
    transform: translateY(0);
}
50% {
    transform: translateY(-12px);
}
}
/* ===== Pain Points ===== */
.sol-is-beauty .pain-section {
  background: linear-gradient(180deg, var(--c-white), var(--c-bg));
}
.sol-is-beauty .pain-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}
.sol-is-beauty .pain-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 36px 30px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-is-beauty .pain-card:hover {
  border-color: var(--c-primary-light);
  box-shadow: var(--shadow-xl);
  transform: translateY(-6px);
}
.sol-is-beauty .pain-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #1e88e5, #42a5f5, #06b6d4);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.sol-is-beauty .pain-card:hover::before {
  transform: scaleX(1);
}
.sol-is-beauty .pain-num {
  position: absolute;
  top: 24px;
  right: 28px;
  font-size: 2.8rem;
  font-weight: 900;
  color: rgba(30, 136, 229, 0.06);
  line-height: 1;
}
.sol-is-beauty .pain-icon {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: linear-gradient(135deg, #e3f2fd, #bbdefb);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.15);
}
.sol-is-beauty .pain-icon svg {
  width: 28px;
  height: 28px;
  color: var(--c-primary-2);
}
.sol-is-beauty .pain-title {
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.sol-is-beauty .pain-desc {
  font-size: 0.92rem;
  color: var(--c-slate);
  line-height: 1.8;
}

/* ===== Solution Overview ===== */
.sol-is-beauty .solution-section {
  background: #fff;
}
.sol-is-beauty .solution-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}
.sol-is-beauty .solution-card {
  background: linear-gradient(145deg, #f5f9ff, #e8f1fb);
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 40px 32px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-is-beauty .solution-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
}
.sol-is-beauty .solution-card::after {
  content: "";
  position: absolute;
  top: -30px;
  right: -30px;
  width: 120px;
  height: 120px;
  background: radial-gradient(circle, rgba(30, 136, 229, 0.1), transparent);
  pointer-events: none;
}
.sol-is-beauty .solution-icon {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  background: linear-gradient(135deg, #1e88e5, #42a5f5);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.3);
}
.sol-is-beauty .solution-icon svg {
  width: 26px;
  height: 26px;
  color: #fff;
}
.sol-is-beauty .solution-card h3 {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 14px;
}
.sol-is-beauty .solution-card p {
  font-size: 0.95rem;
  color: var(--c-slate);
  line-height: 1.8;
}

/* ===== Core Functions ===== */
.sol-is-beauty .func-section {
  background: linear-gradient(180deg, var(--c-bg), var(--c-white));
}
.sol-is-beauty .func-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
.sol-is-beauty .func-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 36px 32px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
  display: flex;
  gap: 24px;
}
.sol-is-beauty .func-card:hover {
  border-color: var(--c-primary-light);
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
}
.sol-is-beauty .func-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: linear-gradient(180deg, #1e88e5, #42a5f5);
  transform: scaleY(0);
  transform-origin: top;
  transition: transform 0.4s;
}
.sol-is-beauty .func-card:hover::before {
  transform: scaleY(1);
}
.sol-is-beauty .func-card-num {
  font-size: 2.4rem;
  font-weight: 900;
  color: rgba(30, 136, 229, 0.12);
  line-height: 1;
  flex-shrink: 0;
  min-width: 56px;
}
.sol-is-beauty .func-card-body {
  flex: 1;
}
.sol-is-beauty .func-card-icon {
  width: 44px;
  height: 44px;
  border-radius: 11px;
  background: linear-gradient(135deg, #e3f2fd, #bbdefb);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.12);
}
.sol-is-beauty .func-card-icon svg {
  width: 22px;
  height: 22px;
  color: var(--c-primary-2);
}
.sol-is-beauty .func-card-body h3 {
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 10px;
}
.sol-is-beauty .func-card-body p {
  font-size: 0.92rem;
  color: var(--c-slate);
  line-height: 1.8;
}

/* ===== Core Advantages ===== */
.sol-is-beauty .advantage-section {
  background: #fff;
}
.sol-is-beauty .advantage-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.sol-is-beauty .advantage-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius);
  padding: 34px 28px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-is-beauty .advantage-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
  border-color: var(--c-primary-light);
}
.sol-is-beauty .advantage-card::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #1e88e5, #42a5f5);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.sol-is-beauty .advantage-card:hover::before {
  transform: scaleX(1);
}
.sol-is-beauty .advantage-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: linear-gradient(135deg, #1e88e5, #42a5f5);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  box-shadow: 0 6px 16px rgba(30, 136, 229, 0.25);
}
.sol-is-beauty .advantage-icon svg {
  width: 24px;
  height: 24px;
  color: #fff;
}
.sol-is-beauty .advantage-card h3 {
  font-size: 1.12rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.sol-is-beauty .advantage-card p {
  font-size: 0.9rem;
  color: var(--c-slate);
  line-height: 1.75;
}
.sol-is-beauty .advantage-card.featured {
  grid-column: span 3;
  background: linear-gradient(135deg, #0d47a1, #1565c0);
  border: none;
}
.sol-is-beauty .advantage-card.featured h3 {
  color: #fff;
}
.sol-is-beauty .advantage-card.featured p {
  color: rgba(255, 255, 255, 0.75);
}
.sol-is-beauty .advantage-card.featured .advantage-icon {
  background: rgba(255, 255, 255, 0.15);
  box-shadow: none;
}
.sol-is-beauty .advantage-card.featured .advantage-icon svg {
  color: #90caf9;
}
.sol-is-beauty .advantage-card.featured::before {
  display: none;
}

/* ===== Application Scenarios ===== */
.sol-is-beauty .scenario-section {
  background: linear-gradient(180deg, var(--c-bg), var(--c-bg-2));
}
.sol-is-beauty .scenario-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.sol-is-beauty .scenario-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius);
  padding: 32px 28px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-is-beauty .scenario-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
  border-color: var(--c-primary-light);
}
.sol-is-beauty .scenario-tag {
  display: inline-block;
  padding: 5px 12px;
  background: linear-gradient(135deg, rgba(30, 136, 229, 0.1), rgba(66, 165, 245, 0.1));
  color: var(--c-primary);
  font-size: 0.72rem;
  font-weight: 700;
  border-radius: 100px;
  margin-bottom: 16px;
}
.sol-is-beauty .scenario-card h3 {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.sol-is-beauty .scenario-card p {
  font-size: 0.9rem;
  color: var(--c-slate);
  line-height: 1.75;
}
.sol-is-beauty .scenario-card::after {
  content: "";
  position: absolute;
  bottom: -20px;
  right: -20px;
  width: 80px;
  height: 80px;
  background: radial-gradient(circle, rgba(30, 136, 229, 0.06), transparent);
  pointer-events: none;
}

/* ===== Customer Value ===== */
.sol-is-beauty .value-section {
  background: #fff;
}
.sol-is-beauty .value-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}
.sol-is-beauty .value-card {
  background: linear-gradient(145deg, #f5f9ff, #e8f1fb);
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 36px 26px;
  text-align: center;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-is-beauty .value-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-6px);
}
.sol-is-beauty .value-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #1e88e5, #42a5f5, #06b6d4);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.4s;
}
.sol-is-beauty .value-card:hover::before {
  transform: scaleX(1);
}
.sol-is-beauty .value-icon {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: linear-gradient(135deg, #1e88e5, #42a5f5);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.3);
}
.sol-is-beauty .value-icon svg {
  width: 28px;
  height: 28px;
  color: #fff;
}
.sol-is-beauty .value-card h3 {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.sol-is-beauty .value-card p {
  font-size: 0.88rem;
  color: var(--c-slate);
  line-height: 1.75;
}
.sol-is-beauty .value-highlight {
  display: inline-block;
  margin-top: 14px;
  padding: 5px 14px;
  background: #fff;
  border: 1px solid var(--c-primary-light);
  border-radius: 100px;
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--c-primary);
}

/* ===== Trust Section ===== */
.sol-is-beauty .trust-section {
  background: linear-gradient(135deg, #0a3a7a 0%, #0d47a1 50%, #1565c0 100%);
  position: relative;
  overflow: hidden;
  padding: 100px 0;
}
.sol-is-beauty .trust-section::before {
  content: "";
  position: absolute;
  top: -50%;
  right: -10%;
  width: 600px;
  height: 600px;
  background: radial-gradient(circle, rgba(66, 165, 245, 0.15) 0%, transparent 70%);
  pointer-events: none;
}
.sol-is-beauty .trust-section::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
}
.sol-is-beauty .trust-section .section-title {
  color: #fff;
}
.sol-is-beauty .trust-section .section-subtitle {
  color: rgba(255, 255, 255, 0.7);
}
.sol-is-beauty .trust-section .section-num {
  color: #90caf9;
  background: rgba(255, 255, 255, 0.1);
}
.sol-is-beauty .trust-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  margin-bottom: 60px;
}
.sol-is-beauty .trust-stat {
  text-align: center;
  padding: 36px 22px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius);
  transition: 0.3s;
  backdrop-filter: blur(6px);
}
.sol-is-beauty .trust-stat:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.18);
  transform: translateY(-6px);
}
.sol-is-beauty .trust-stat .num {
  font-size: 2.8rem;
  font-weight: 900;
  color: #fff;
  letter-spacing: -0.025em;
  line-height: 1;
  margin-bottom: 8px;
}
.sol-is-beauty .trust-stat .num .unit {
  font-size: 1.4rem;
  font-weight: 700;
}
.sol-is-beauty .trust-stat .label {
  font-size: 0.88rem;
  color: rgba(255, 255, 255, 0.55);
  font-weight: 500;
}
.sol-is-beauty .logo-wall {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius-lg);
  padding: 44px;
  margin-bottom: 48px;
  backdrop-filter: blur(6px);
}
.sol-is-beauty .logo-wall-title {
  text-align: center;
  font-size: 0.82rem;
  color: rgba(255, 255, 255, 0.45);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  margin-bottom: 28px;
  font-weight: 600;
}
.sol-is-beauty .logo-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 18px;
}
.sol-is-beauty .logo-item {
  height: 64px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.82rem;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.4);
  transition: 0.3s;
}
.sol-is-beauty .logo-item:hover {
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.8);
  border-color: rgba(255, 255, 255, 0.18);
  transform: translateY(-2px);
}
.sol-is-beauty .trust-cert {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}
.sol-is-beauty .cert-card {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius);
  padding: 28px;
  display: flex;
  align-items: center;
  gap: 18px;
  transition: 0.3s;
  backdrop-filter: blur(6px);
}
.sol-is-beauty .cert-card:hover {
  background: rgba(255, 255, 255, 0.08);
  transform: translateY(-3px);
}
.sol-is-beauty .cert-icon {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(66, 165, 245, 0.2), rgba(30, 136, 229, 0.2));
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border: 1px solid rgba(66, 165, 245, 0.3);
}
.sol-is-beauty .cert-icon svg {
  width: 26px;
  height: 26px;
  color: #90caf9;
}
.sol-is-beauty .cert-info .title {
  font-size: 0.92rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 4px;
}
.sol-is-beauty .cert-info .desc {
  font-size: 0.78rem;
  color: rgba(255, 255, 255, 0.45);
}

/* ===== FAQ ===== */
.sol-is-beauty .faq-section {
  background: linear-gradient(180deg, var(--c-bg), var(--c-white));
}
.sol-is-beauty .faq-wrap {
  max-width: 880px;
  margin: 0 auto;
}
.sol-is-beauty .faq-item {
  border: 1.5px solid var(--c-border);
  border-radius: var(--radius);
  margin-bottom: 14px;
  overflow: hidden;
  transition: 0.3s;
  background: #fff;
}
.sol-is-beauty .faq-item.active {
  border-color: var(--c-primary);
  box-shadow: 0 8px 28px rgba(30, 136, 229, 0.12);
}
.sol-is-beauty .faq-item.active .faq-q {
  color: var(--c-primary);
}
.sol-is-beauty .faq-q {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22px 28px;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 600;
  color: var(--c-text);
  transition: color 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  gap: 16px;
}
.sol-is-beauty .faq-q .arrow {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  transition: transform 0.3s;
  color: var(--c-slate-light);
}
.sol-is-beauty .faq-item.active .faq-q .arrow {
  transform: rotate(180deg);
  color: var(--c-primary);
}
.sol-is-beauty .faq-a {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}
.sol-is-beauty .faq-a-inner {
  padding: 0 28px 24px;
  font-size: 0.94rem;
  color: var(--c-slate);
  line-height: 1.85;
}

/* ===== Final CTA ===== */
.sol-is-beauty .cta-section {
  position: relative;
  background: linear-gradient(135deg, #0d47a1 0%, #1565c0 50%, #1e88e5 100%);
  padding: 100px 0;
  overflow: hidden;
}
.sol-is-beauty .cta-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: radial-gradient(circle at 70% 30%, rgba(66, 165, 245, 0.25) 0%, transparent 50%), radial-gradient(circle at 20% 80%, rgba(255, 255, 255, 0.12) 0%, transparent 40%);
  pointer-events: none;
}
.sol-is-beauty .cta-section::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 60px;
  background: linear-gradient(to bottom, transparent, var(--c-footer));
  pointer-events: none;
}
.sol-is-beauty .cta-inner {
  position: relative;
  z-index: 1;
  text-align: center;
  max-width: 820px;
  margin: 0 auto;
}
.sol-is-beauty .cta-inner h2 {
  font-size: 2.5rem;
  font-weight: 900;
  color: #fff;
  letter-spacing: -0.025em;
  margin-bottom: 20px;
  line-height: 1.25;
}
.sol-is-beauty .cta-inner h2 .highlight {
  background: linear-gradient(135deg, #fff, #bbdefb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.sol-is-beauty .cta-inner p {
  font-size: 1.12rem;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.85;
  margin-bottom: 44px;
}
.sol-is-beauty .cta-options {
  display: flex;
  gap: 18px;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 36px;
}
.sol-is-beauty .cta-note {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.5);
  flex-wrap: wrap;
}
.sol-is-beauty .cta-note .dot {
  width: 5px;
  height: 5px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
}

/* ===== Footer (对齐 zjssoft.com 框选底部区域) ===== */
/* ===== Scroll Animations ===== */
.sol-is-beauty .reveal {
  opacity: 0;
  transform: translateY(32px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}
.sol-is-beauty .reveal.active {
  opacity: 1;
  transform: translateY(0);
}
.sol-is-beauty .reveal-delay-1 {
  transition-delay: 0.12s;
}
.sol-is-beauty .reveal-delay-2 {
  transition-delay: 0.24s;
}
.sol-is-beauty .reveal-delay-3 {
  transition-delay: 0.36s;
}

/* ===== Mobile Responsive ===== */
@media (max-width: 1024px) {
.sol-is-beauty .hero-grid {
    grid-template-columns: 1fr;
    gap: 48px;
}
.sol-is-beauty .hero h1 {
    font-size: 2.6rem;
}
.sol-is-beauty .pain-grid {
    grid-template-columns: repeat(2, 1fr);
}
.sol-is-beauty .solution-grid {
    grid-template-columns: 1fr;
}
.sol-is-beauty .func-grid {
    grid-template-columns: 1fr;
}
.sol-is-beauty .advantage-grid {
    grid-template-columns: repeat(2, 1fr);
}
.sol-is-beauty .advantage-card.featured {
    grid-column: span 2;
}
.sol-is-beauty .scenario-grid {
    grid-template-columns: repeat(2, 1fr);
}
.sol-is-beauty .value-grid {
    grid-template-columns: repeat(2, 1fr);
}
.sol-is-beauty .trust-stats {
    grid-template-columns: repeat(2, 1fr);
}
.sol-is-beauty .logo-grid {
    grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 768px) {
.sol-is-beauty .section {
    padding: 72px 0;
}
.sol-is-beauty .section-title {
    font-size: 1.8rem;
}
.sol-is-beauty .section-head {
    margin-bottom: 42px;
}
.sol-is-beauty .hero {
    padding: 72px 0 64px;
}
.sol-is-beauty .hero h1 {
    font-size: 2.1rem;
}
.sol-is-beauty .hero-sub {
    font-size: 1.05rem;
}
.sol-is-beauty .hero-cta {
    flex-direction: column;
    width: 100%;
}
.sol-is-beauty .hero-cta .btn {
    width: 100%;
}
.sol-is-beauty .hero-trust {
    gap: 20px;
}
.sol-is-beauty .hero-trust-divider {
    display: none;
}
.sol-is-beauty .hero-trust-num {
    font-size: 1.4rem;
}
.sol-is-beauty .hero-trust-label {
    font-size: 0.78rem;
}
.sol-is-beauty .hero-visual {
    max-width: 440px;
    margin: 0 auto;
}
.sol-is-beauty .dash-float {
    display: none;
}
.sol-is-beauty .pain-grid {
    grid-template-columns: 1fr;
    gap: 18px;
}
.sol-is-beauty .pain-card {
    padding: 30px 24px;
}
.sol-is-beauty .func-card {
    padding: 28px 24px;
    flex-direction: column;
    gap: 16px;
}
.sol-is-beauty .func-card-num {
    font-size: 2rem;
    min-width: auto;
}
.sol-is-beauty .advantage-grid {
    grid-template-columns: 1fr;
}
.sol-is-beauty .advantage-card.featured {
    grid-column: span 1;
}
.sol-is-beauty .scenario-grid {
    grid-template-columns: 1fr;
}
.sol-is-beauty .value-grid {
    grid-template-columns: 1fr 1fr;
}
.sol-is-beauty .trust-stats {
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}
.sol-is-beauty .trust-stat {
    padding: 24px 14px;
}
.sol-is-beauty .trust-stat .num {
    font-size: 2.1rem;
}
.sol-is-beauty .logo-wall {
    padding: 28px;
}
.sol-is-beauty .logo-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
}
.sol-is-beauty .logo-item {
    height: 54px;
    font-size: 0.75rem;
}
.sol-is-beauty .trust-cert {
    grid-template-columns: 1fr;
    gap: 14px;
}
.sol-is-beauty .cert-card {
    padding: 20px;
}
.sol-is-beauty .cta-inner h2 {
    font-size: 1.9rem;
}
.sol-is-beauty .cta-inner p {
    font-size: 1rem;
}
.sol-is-beauty .cta-options {
    flex-direction: column;
    width: 100%;
}
.sol-is-beauty .cta-options .btn {
    width: 100%;
}
}
@media (max-width: 480px) {
.sol-is-beauty .container {
    padding: 0 18px;
}
.sol-is-beauty .hero h1 {
    font-size: 1.85rem;
}
.sol-is-beauty .section-title {
    font-size: 1.55rem;
}
.sol-is-beauty .dash-stats {
    grid-template-columns: 1fr;
    gap: 8px;
}
.sol-is-beauty .value-grid {
    grid-template-columns: 1fr;
}
}
/* 业务架构图（参考模版） */
/* 新零售全域业务架构图 */
.sol-is-beauty .ai-architecture {
  padding: 34px !important;
  margin-top: 46px !important;
  border: 1px solid #d5e6f8 !important;
  border-radius: 20px !important;
  background: #f8fbff !important;
  box-shadow: 0 16px 36px rgba(13, 71, 161, 0.08) !important;
}
.ai-architecture h3 {
  font-size: 1.48rem !important;
  color: #102e52 !important;
  text-align: center !important;
}
.ai-architecture > p {
  max-width: 700px;
  margin: 0 auto 28px !important;
  text-align: center !important;
  line-height: 1.7;
}
.arch-map {
  display: grid;
  gap: 13px;
}
.arch-band {
  display: grid;
  grid-template-columns: 174px 1fr;
  gap: 13px;
  align-items: stretch;
}
.arch-band-label {
  padding: 16px;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #e6f1ff;
  color: #125aa5;
  font-size: 0.92rem;
  font-weight: 800;
}
.arch-band-label small {
  margin-top: 5px;
  color: #5f87b4;
  font-size: 0.68rem;
  font-weight: 500;
}
.arch-band-content {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
}
.arch-unit {
  min-height: 84px;
  padding: 13px 9px;
  border: 1px solid #d4e5f8;
  border-radius: 11px;
  background: #fff;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #143b68;
  font-size: 0.82rem;
  font-weight: 800;
  transition: transform 0.2s, box-shadow 0.2s;
}
.arch-unit:hover {
  transform: translateY(-3px);
  box-shadow: 0 7px 16px rgba(30, 136, 229, 0.12);
}
.arch-unit i {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  margin-bottom: 6px;
  border-radius: 7px;
  background: #e5f1ff;
  color: #1565c0;
  font-size: 0.72rem;
  font-style: normal;
}
.arch-unit small {
  display: block;
  color: #7088a3;
  font-size: 0.66rem;
  font-weight: 400;
  line-height: 1.35;
  margin-top: 4px;
}
.arch-band.core .arch-band-label {
  background: #0d47a1;
  color: #fff;
}
.arch-band.core .arch-band-label small {
  color: #c6e1ff;
}
.arch-band.core .arch-unit {
  background: #1565c0;
  border-color: #1565c0;
  color: #fff;
}
.arch-band.core .arch-unit i {
  background: #fff;
  color: #1565c0;
}
.arch-band.core .arch-unit small {
  color: #d6eaff;
}
.arch-band.ai .arch-band-label {
  background: #e8f3ff;
}
.arch-band.ai .arch-unit {
  border-color: #b9d9fa;
  background: #fafdff;
}
.arch-map-note {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px dashed #c9ddf2;
  color: #62809f;
  font-size: 0.77rem;
}
.arch-map-note b {
  color: #1565c0;
}
@media (max-width: 1100px) {
.arch-band-content {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 700px) {
.ai-architecture {
    padding: 21px !important;
}
.arch-band {
    grid-template-columns: 1fr;
}
.arch-band-label {
    padding: 12px;
    align-items: center;
    text-align: center;
}
.arch-band-content {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.arch-unit {
    min-height: 78px;
}
.arch-map-note {
    align-items: flex-start;
    flex-direction: column;
}
}
/* ===== Reset & Base ===== */
.sol-is-estate, .sol-is-estate *, .sol-is-estate *::before, .sol-is-estate *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.sol-is-estate {
  --c-primary:#1e88e5;
  --c-primary-2:#1976d2;
  --c-primary-3:#1565c0;
  --c-primary-4:#0d47a1;
  --c-primary-light:#42a5f5;
  --c-primary-bright:#2196f3;
  --c-cyan:#06b6d4;
  --c-slate:#475569;
  --c-slate-light:#64748b;
  --c-text:#0f172a;
  --c-text-mid:#334155;
  --c-bg:#f5f9ff;
  --c-bg-2:#eef4fc;
  --c-bg-3:#e8f1fb;
  --c-border:#e2e8f0;
  --c-white:#fff;
  --c-footer:#0a1929;
  --c-footer-2:#0d2238;
  --radius:14px;
  --radius-lg:22px;
  --shadow-sm:0 2px 8px rgba(30,136,229,.08);
  --shadow:0 8px 28px rgba(30,136,229,.10);
  --shadow-lg:0 18px 56px rgba(30,136,229,.14);
  --shadow-xl:0 28px 80px rgba(30,136,229,.18);
  --shadow-blue:0 10px 30px rgba(30,136,229,.35);
  --max-w:1280px;
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
}
.sol-is-estate {
  scroll-behavior: smooth;
  font-size: 16px;
}
.sol-is-estate {
  font-family: var(--font);
  color: var(--c-text);
  background: var(--c-white);
  line-height: 1.7;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}
.sol-is-estate a {
  text-decoration: none;
  color: inherit;
}
.sol-is-estate img {
  max-width: 100%;
  display: block;
}
.sol-is-estate ul {
  list-style: none;
}
.sol-is-estate .container {
  max-width: var(--max-w);
  margin: 0 auto;
  padding: 0 24px;
}
.sol-is-estate .section {
  padding: 110px 0;
  position: relative;
}
.sol-is-estate .section-sm {
  padding: 72px 0;
}

/* ===== Typography ===== */
.sol-is-estate .eyebrow {
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--c-primary);
  margin-bottom: 12px;
}
.sol-is-estate .section-num {
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.18em;
  color: var(--c-primary);
  display: inline-block;
  background: linear-gradient(135deg, rgba(30, 136, 229, 0.1), rgba(66, 165, 245, 0.1));
  padding: 6px 14px;
  border-radius: 100px;
  margin-bottom: 14px;
}
.sol-is-estate .section-title {
  font-size: 2.4rem;
  font-weight: 800;
  color: var(--c-text);
  line-height: 1.25;
  margin-bottom: 18px;
  letter-spacing: -0.02em;
}
.sol-is-estate .section-subtitle {
  font-size: 1.08rem;
  color: var(--c-slate);
  max-width: 720px;
  line-height: 1.8;
}
.sol-is-estate .section-head {
  margin-bottom: 64px;
}
.sol-is-estate .section-head.center {
  text-align: center;
}
.sol-is-estate .section-head.center .section-subtitle {
  margin: 0 auto;
}
.sol-is-estate .section-head.center .section-num {
  display: inline-block;
}

/* ===== 3D Buttons ===== */
.sol-is-estate .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 28px;
  border-radius: 12px;
  font-size: 0.94rem;
  font-weight: 600;
  cursor: pointer;
  border: none;
  transition: all 0.25s;
  white-space: nowrap;
  line-height: 1.2;
}
.sol-is-estate .btn-primary {
  background: linear-gradient(180deg, #42a5f5 0%, #1e88e5 50%, #1976d2 100%);
  color: #fff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -2px 0 rgba(0, 0, 0, 0.08), 0 4px 0 var(--c-primary-3), 0 8px 20px rgba(30, 136, 229, 0.35);
}
.sol-is-estate .btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -2px 0 rgba(0, 0, 0, 0.08), 0 6px 0 var(--c-primary-3), 0 12px 26px rgba(30, 136, 229, 0.45);
}
.sol-is-estate .btn-primary:active {
  transform: translateY(2px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -2px 0 rgba(0, 0, 0, 0.08), 0 1px 0 var(--c-primary-3), 0 4px 12px rgba(30, 136, 229, 0.35);
}
.sol-is-estate .btn-outline {
  background: #fff;
  color: var(--c-primary-3);
  border: 1.5px solid var(--c-border);
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.08);
}
.sol-is-estate .btn-outline:hover {
  border-color: var(--c-primary);
  color: var(--c-primary);
  box-shadow: 0 6px 18px rgba(30, 136, 229, 0.18);
  transform: translateY(-2px);
}
.sol-is-estate .btn-ghost {
  background: rgba(255, 255, 255, 0.14);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.35);
  backdrop-filter: blur(6px);
}
.sol-is-estate .btn-ghost:hover {
  background: rgba(255, 255, 255, 0.24);
  transform: translateY(-2px);
}
.sol-is-estate .btn-lg {
  padding: 17px 40px;
  font-size: 1.05rem;
  border-radius: 14px;
}
.sol-is-estate .btn-lg.btn-primary {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), inset 0 -2px 0 rgba(0, 0, 0, 0.1), 0 6px 0 var(--c-primary-3), 0 12px 28px rgba(30, 136, 229, 0.4);
}
.sol-is-estate .btn-sm {
  padding: 9px 20px;
  font-size: 0.85rem;
  border-radius: 10px;
}

/* ===== Hero ===== */
.sol-is-estate .hero {
  position: relative;
  background: linear-gradient(135deg, #0d47a1 0%, #1565c0 30%, #1e88e5 70%, #2196f3 100%);
  padding: 110px 0 100px;
  overflow: hidden;
}
.sol-is-estate .hero::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: radial-gradient(circle at 15% 40%, rgba(255, 255, 255, 0.18) 0%, transparent 45%), radial-gradient(circle at 85% 25%, rgba(66, 165, 245, 0.25) 0%, transparent 50%), radial-gradient(circle at 70% 80%, rgba(255, 255, 255, 0.1) 0%, transparent 40%);
  pointer-events: none;
}
.sol-is-estate .hero::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 80px;
  background: linear-gradient(to bottom, transparent, var(--c-white));
  pointer-events: none;
}
.sol-is-estate .hero-grid {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 56px;
  align-items: center;
  position: relative;
  z-index: 1;
}
.sol-is-estate .hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 18px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 100px;
  color: #fff;
  font-size: 0.82rem;
  font-weight: 500;
  margin-bottom: 30px;
  backdrop-filter: blur(8px);
}
.sol-is-estate .hero-badge .dot {
  width: 8px;
  height: 8px;
  background: #34d399;
  border-radius: 50%;
  box-shadow: 0 0 10px #34d399;
  animation: pulse 1.6s ease-in-out infinite;
}
@keyframes pulse {
0%, 100% {
    opacity: 1;
    transform: scale(1);
}
50% {
    opacity: 0.6;
    transform: scale(1.3);
}
}
.sol-is-estate .hero h1 {
  font-size: 3.2rem;
  font-weight: 900;
  color: #fff;
  line-height: 1.18;
  letter-spacing: -0.025em;
  margin-bottom: 24px;
}
.sol-is-estate .hero h1 .highlight {
  background: linear-gradient(135deg, #fff, #bbdefb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  position: relative;
  display: inline-block;
}
.sol-is-estate .hero h1 .highlight::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -4px;
  height: 6px;
  background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0.2) 100%);
  border-radius: 3px;
  opacity: 0.5;
}
.sol-is-estate .hero-sub {
  font-size: 1.14rem;
  color: rgba(255, 255, 255, 0.85);
  line-height: 1.85;
  margin-bottom: 28px;
  max-width: 560px;
}
.sol-is-estate .hero-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 36px;
}
.sol-is-estate .hero-tags span {
  padding: 7px 16px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 30px;
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.85);
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(4px);
}
.sol-is-estate .hero-cta {
  display: flex;
  gap: 16px;
  margin-bottom: 40px;
  flex-wrap: wrap;
}
.sol-is-estate .hero-trust {
  display: flex;
  align-items: center;
  gap: 30px;
  flex-wrap: wrap;
}
.sol-is-estate .hero-trust-item {
  display: flex;
  align-items: center;
  gap: 10px;
}
.sol-is-estate .hero-trust-num {
  font-size: 1.65rem;
  font-weight: 800;
  color: #fff;
}
.sol-is-estate .hero-trust-label {
  font-size: 0.82rem;
  color: rgba(255, 255, 255, 0.6);
}
.sol-is-estate .hero-trust-divider {
  width: 1px;
  height: 40px;
  background: rgba(255, 255, 255, 0.18);
}

/* Hero Dashboard Mockup */
.sol-is-estate .hero-visual {
  position: relative;
}
.sol-is-estate .dash-mock {
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 40px 90px rgba(0, 30, 80, 0.45);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.sol-is-estate .dash-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 14px 18px;
  background: #f0f7ff;
  border-bottom: 1px solid var(--c-border);
}
.sol-is-estate .dash-bar .dots {
  display: flex;
  gap: 6px;
}
.sol-is-estate .dash-bar .dots span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.sol-is-estate .dash-bar .dots span:nth-child(1) {
  background: #ef4444;
}
.sol-is-estate .dash-bar .dots span:nth-child(2) {
  background: #f59e0b;
}
.sol-is-estate .dash-bar .dots span:nth-child(3) {
  background: #22c55e;
}
.sol-is-estate .dash-bar .url {
  flex: 1;
  text-align: center;
  font-size: 0.72rem;
  color: var(--c-slate-light);
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 6px;
  padding: 4px 14px;
  margin-left: 8px;
}
.sol-is-estate .dash-body {
  display: grid;
  grid-template-columns: 68px 1fr;
  min-height: 360px;
}
.sol-is-estate .dash-side {
  background: linear-gradient(180deg, #0d47a1, #1565c0);
  padding: 16px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.sol-is-estate .dash-side .icon-item {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.5);
  transition: 0.2s;
}
.sol-is-estate .dash-side .icon-item.active {
  background: linear-gradient(135deg, #42a5f5, #1e88e5);
  color: #fff;
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.5);
}
.sol-is-estate .dash-side .icon-item svg {
  width: 18px;
  height: 18px;
}
.sol-is-estate .dash-main {
  padding: 20px;
  background: #fafbfc;
}
.sol-is-estate .dash-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-bottom: 16px;
}
.sol-is-estate .dash-stat {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 12px;
  padding: 14px;
  transition: 0.2s;
}
.sol-is-estate .dash-stat:hover {
  border-color: var(--c-primary-light);
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.1);
}
.sol-is-estate .dash-stat-label {
  font-size: 0.68rem;
  color: var(--c-slate-light);
  margin-bottom: 4px;
}
.sol-is-estate .dash-stat-val {
  font-size: 1.2rem;
  font-weight: 800;
  color: var(--c-text);
}
.sol-is-estate .dash-stat-trend {
  font-size: 0.65rem;
  font-weight: 700;
  margin-top: 3px;
}
.sol-is-estate .up {
  color: #10b981;
}
.sol-is-estate .dn {
  color: #ef4444;
}
.sol-is-estate .dash-chart {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 12px;
  padding: 16px;
}
.sol-is-estate .dash-chart-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
}
.sol-is-estate .dash-chart-title {
  font-size: 0.74rem;
  font-weight: 600;
  color: var(--c-text);
}
.sol-is-estate .dash-chart-tag {
  font-size: 0.62rem;
  color: var(--c-primary);
  background: linear-gradient(135deg, rgba(30, 136, 229, 0.1), rgba(66, 165, 245, 0.1));
  padding: 3px 10px;
  border-radius: 100px;
  font-weight: 600;
}
.sol-is-estate .bars {
  display: flex;
  align-items: flex-end;
  gap: 6px;
  height: 96px;
}
.sol-is-estate .bar {
  flex: 1;
  border-radius: 4px 4px 0 0;
  background: linear-gradient(180deg, #42a5f5, #1565c0);
  opacity: 0.9;
  transition: opacity 0.2s;
}
.sol-is-estate .bar:hover {
  opacity: 1;
}
.sol-is-estate .bar.dim {
  background: linear-gradient(180deg, #cbd5e1, #94a3b8);
}
.sol-is-estate .dash-float {
  position: absolute;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 14px 36px rgba(0, 30, 80, 0.25);
  padding: 14px 18px;
  display: flex;
  align-items: center;
  gap: 14px;
  animation: float 3.5s ease-in-out infinite;
  border: 1px solid rgba(255, 255, 255, 0.6);
}
.sol-is-estate .dash-float-1 {
  top: -20px;
  right: -12px;
  animation-delay: 0s;
}
.sol-is-estate .dash-float-2 {
  bottom: -18px;
  left: -18px;
  animation-delay: 1.5s;
}
.sol-is-estate .dash-float-icon {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.sol-is-estate .dash-float-icon.green {
  background: linear-gradient(135deg, #d1fae5, #a7f3d0);
  color: #10b981;
}
.sol-is-estate .dash-float-icon.blue {
  background: linear-gradient(135deg, #dbeafe, #bfdbfe);
  color: #1e88e5;
}
.sol-is-estate .dash-float-text .num {
  font-size: 1.05rem;
  font-weight: 800;
  color: var(--c-text);
}
.sol-is-estate .dash-float-text .label {
  font-size: 0.7rem;
  color: var(--c-slate-light);
}
@keyframes float {
0%, 100% {
    transform: translateY(0);
}
50% {
    transform: translateY(-12px);
}
}
/* ===== Pain Points ===== */
.sol-is-estate .pain-section {
  background: linear-gradient(180deg, var(--c-white), var(--c-bg));
}
.sol-is-estate .pain-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}
.sol-is-estate .pain-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 36px 30px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-is-estate .pain-card:hover {
  border-color: var(--c-primary-light);
  box-shadow: var(--shadow-xl);
  transform: translateY(-6px);
}
.sol-is-estate .pain-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #1e88e5, #42a5f5, #06b6d4);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.sol-is-estate .pain-card:hover::before {
  transform: scaleX(1);
}
.sol-is-estate .pain-num {
  position: absolute;
  top: 24px;
  right: 28px;
  font-size: 2.8rem;
  font-weight: 900;
  color: rgba(30, 136, 229, 0.06);
  line-height: 1;
}
.sol-is-estate .pain-icon {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: linear-gradient(135deg, #e3f2fd, #bbdefb);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.15);
}
.sol-is-estate .pain-icon svg {
  width: 28px;
  height: 28px;
  color: var(--c-primary-2);
}
.sol-is-estate .pain-title {
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.sol-is-estate .pain-desc {
  font-size: 0.92rem;
  color: var(--c-slate);
  line-height: 1.8;
}

/* ===== Solution Overview ===== */
.sol-is-estate .solution-section {
  background: #fff;
}
.sol-is-estate .solution-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}
.sol-is-estate .solution-card {
  background: linear-gradient(145deg, #f5f9ff, #e8f1fb);
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 40px 32px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-is-estate .solution-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
}
.sol-is-estate .solution-card::after {
  content: "";
  position: absolute;
  top: -30px;
  right: -30px;
  width: 120px;
  height: 120px;
  background: radial-gradient(circle, rgba(30, 136, 229, 0.1), transparent);
  pointer-events: none;
}
.sol-is-estate .solution-icon {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  background: linear-gradient(135deg, #1e88e5, #42a5f5);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.3);
}
.sol-is-estate .solution-icon svg {
  width: 26px;
  height: 26px;
  color: #fff;
}
.sol-is-estate .solution-card h3 {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 14px;
}
.sol-is-estate .solution-card p {
  font-size: 0.95rem;
  color: var(--c-slate);
  line-height: 1.8;
}

/* ===== Core Functions ===== */
.sol-is-estate .func-section {
  background: linear-gradient(180deg, var(--c-bg), var(--c-white));
}
.sol-is-estate .func-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
.sol-is-estate .func-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 36px 32px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
  display: flex;
  gap: 24px;
}
.sol-is-estate .func-card:hover {
  border-color: var(--c-primary-light);
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
}
.sol-is-estate .func-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: linear-gradient(180deg, #1e88e5, #42a5f5);
  transform: scaleY(0);
  transform-origin: top;
  transition: transform 0.4s;
}
.sol-is-estate .func-card:hover::before {
  transform: scaleY(1);
}
.sol-is-estate .func-card-num {
  font-size: 2.4rem;
  font-weight: 900;
  color: rgba(30, 136, 229, 0.12);
  line-height: 1;
  flex-shrink: 0;
  min-width: 56px;
}
.sol-is-estate .func-card-body {
  flex: 1;
}
.sol-is-estate .func-card-icon {
  width: 44px;
  height: 44px;
  border-radius: 11px;
  background: linear-gradient(135deg, #e3f2fd, #bbdefb);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.12);
}
.sol-is-estate .func-card-icon svg {
  width: 22px;
  height: 22px;
  color: var(--c-primary-2);
}
.sol-is-estate .func-card-body h3 {
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 10px;
}
.sol-is-estate .func-card-body p {
  font-size: 0.92rem;
  color: var(--c-slate);
  line-height: 1.8;
}

/* ===== Core Advantages ===== */
.sol-is-estate .advantage-section {
  background: #fff;
}
.sol-is-estate .advantage-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.sol-is-estate .advantage-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius);
  padding: 34px 28px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-is-estate .advantage-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
  border-color: var(--c-primary-light);
}
.sol-is-estate .advantage-card::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #1e88e5, #42a5f5);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.sol-is-estate .advantage-card:hover::before {
  transform: scaleX(1);
}
.sol-is-estate .advantage-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: linear-gradient(135deg, #1e88e5, #42a5f5);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  box-shadow: 0 6px 16px rgba(30, 136, 229, 0.25);
}
.sol-is-estate .advantage-icon svg {
  width: 24px;
  height: 24px;
  color: #fff;
}
.sol-is-estate .advantage-card h3 {
  font-size: 1.12rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.sol-is-estate .advantage-card p {
  font-size: 0.9rem;
  color: var(--c-slate);
  line-height: 1.75;
}
.sol-is-estate .advantage-card.featured {
  grid-column: span 3;
  background: linear-gradient(135deg, #0d47a1, #1565c0);
  border: none;
}
.sol-is-estate .advantage-card.featured h3 {
  color: #fff;
}
.sol-is-estate .advantage-card.featured p {
  color: rgba(255, 255, 255, 0.75);
}
.sol-is-estate .advantage-card.featured .advantage-icon {
  background: rgba(255, 255, 255, 0.15);
  box-shadow: none;
}
.sol-is-estate .advantage-card.featured .advantage-icon svg {
  color: #90caf9;
}
.sol-is-estate .advantage-card.featured::before {
  display: none;
}

/* ===== Application Scenarios ===== */
.sol-is-estate .scenario-section {
  background: linear-gradient(180deg, var(--c-bg), var(--c-bg-2));
}
.sol-is-estate .scenario-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.sol-is-estate .scenario-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius);
  padding: 32px 28px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-is-estate .scenario-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
  border-color: var(--c-primary-light);
}
.sol-is-estate .scenario-tag {
  display: inline-block;
  padding: 5px 12px;
  background: linear-gradient(135deg, rgba(30, 136, 229, 0.1), rgba(66, 165, 245, 0.1));
  color: var(--c-primary);
  font-size: 0.72rem;
  font-weight: 700;
  border-radius: 100px;
  margin-bottom: 16px;
}
.sol-is-estate .scenario-card h3 {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.sol-is-estate .scenario-card p {
  font-size: 0.9rem;
  color: var(--c-slate);
  line-height: 1.75;
}
.sol-is-estate .scenario-card::after {
  content: "";
  position: absolute;
  bottom: -20px;
  right: -20px;
  width: 80px;
  height: 80px;
  background: radial-gradient(circle, rgba(30, 136, 229, 0.06), transparent);
  pointer-events: none;
}

/* ===== Customer Value ===== */
.sol-is-estate .value-section {
  background: #fff;
}
.sol-is-estate .value-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}
.sol-is-estate .value-card {
  background: linear-gradient(145deg, #f5f9ff, #e8f1fb);
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 36px 26px;
  text-align: center;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-is-estate .value-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-6px);
}
.sol-is-estate .value-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #1e88e5, #42a5f5, #06b6d4);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.4s;
}
.sol-is-estate .value-card:hover::before {
  transform: scaleX(1);
}
.sol-is-estate .value-icon {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: linear-gradient(135deg, #1e88e5, #42a5f5);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.3);
}
.sol-is-estate .value-icon svg {
  width: 28px;
  height: 28px;
  color: #fff;
}
.sol-is-estate .value-card h3 {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.sol-is-estate .value-card p {
  font-size: 0.88rem;
  color: var(--c-slate);
  line-height: 1.75;
}
.sol-is-estate .value-highlight {
  display: inline-block;
  margin-top: 14px;
  padding: 5px 14px;
  background: #fff;
  border: 1px solid var(--c-primary-light);
  border-radius: 100px;
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--c-primary);
}

/* ===== Trust Section ===== */
.sol-is-estate .trust-section {
  background: linear-gradient(135deg, #0a3a7a 0%, #0d47a1 50%, #1565c0 100%);
  position: relative;
  overflow: hidden;
  padding: 100px 0;
}
.sol-is-estate .trust-section::before {
  content: "";
  position: absolute;
  top: -50%;
  right: -10%;
  width: 600px;
  height: 600px;
  background: radial-gradient(circle, rgba(66, 165, 245, 0.15) 0%, transparent 70%);
  pointer-events: none;
}
.sol-is-estate .trust-section::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
}
.sol-is-estate .trust-section .section-title {
  color: #fff;
}
.sol-is-estate .trust-section .section-subtitle {
  color: rgba(255, 255, 255, 0.7);
}
.sol-is-estate .trust-section .section-num {
  color: #90caf9;
  background: rgba(255, 255, 255, 0.1);
}
.sol-is-estate .trust-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  margin-bottom: 60px;
}
.sol-is-estate .trust-stat {
  text-align: center;
  padding: 36px 22px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius);
  transition: 0.3s;
  backdrop-filter: blur(6px);
}
.sol-is-estate .trust-stat:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.18);
  transform: translateY(-6px);
}
.sol-is-estate .trust-stat .num {
  font-size: 2.8rem;
  font-weight: 900;
  color: #fff;
  letter-spacing: -0.025em;
  line-height: 1;
  margin-bottom: 8px;
}
.sol-is-estate .trust-stat .num .unit {
  font-size: 1.4rem;
  font-weight: 700;
}
.sol-is-estate .trust-stat .label {
  font-size: 0.88rem;
  color: rgba(255, 255, 255, 0.55);
  font-weight: 500;
}
.sol-is-estate .logo-wall {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius-lg);
  padding: 44px;
  margin-bottom: 48px;
  backdrop-filter: blur(6px);
}
.sol-is-estate .logo-wall-title {
  text-align: center;
  font-size: 0.82rem;
  color: rgba(255, 255, 255, 0.45);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  margin-bottom: 28px;
  font-weight: 600;
}
.sol-is-estate .logo-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 18px;
}
.sol-is-estate .logo-item {
  height: 64px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.82rem;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.4);
  transition: 0.3s;
}
.sol-is-estate .logo-item:hover {
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.8);
  border-color: rgba(255, 255, 255, 0.18);
  transform: translateY(-2px);
}
.sol-is-estate .trust-cert {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}
.sol-is-estate .cert-card {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius);
  padding: 28px;
  display: flex;
  align-items: center;
  gap: 18px;
  transition: 0.3s;
  backdrop-filter: blur(6px);
}
.sol-is-estate .cert-card:hover {
  background: rgba(255, 255, 255, 0.08);
  transform: translateY(-3px);
}
.sol-is-estate .cert-icon {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(66, 165, 245, 0.2), rgba(30, 136, 229, 0.2));
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border: 1px solid rgba(66, 165, 245, 0.3);
}
.sol-is-estate .cert-icon svg {
  width: 26px;
  height: 26px;
  color: #90caf9;
}
.sol-is-estate .cert-info .title {
  font-size: 0.92rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 4px;
}
.sol-is-estate .cert-info .desc {
  font-size: 0.78rem;
  color: rgba(255, 255, 255, 0.45);
}

/* ===== FAQ ===== */
.sol-is-estate .faq-section {
  background: linear-gradient(180deg, var(--c-bg), var(--c-white));
}
.sol-is-estate .faq-wrap {
  max-width: 880px;
  margin: 0 auto;
}
.sol-is-estate .faq-item {
  border: 1.5px solid var(--c-border);
  border-radius: var(--radius);
  margin-bottom: 14px;
  overflow: hidden;
  transition: 0.3s;
  background: #fff;
}
.sol-is-estate .faq-item.active {
  border-color: var(--c-primary);
  box-shadow: 0 8px 28px rgba(30, 136, 229, 0.12);
}
.sol-is-estate .faq-item.active .faq-q {
  color: var(--c-primary);
}
.sol-is-estate .faq-q {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22px 28px;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 600;
  color: var(--c-text);
  transition: color 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  gap: 16px;
}
.sol-is-estate .faq-q .arrow {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  transition: transform 0.3s;
  color: var(--c-slate-light);
}
.sol-is-estate .faq-item.active .faq-q .arrow {
  transform: rotate(180deg);
  color: var(--c-primary);
}
.sol-is-estate .faq-a {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}
.sol-is-estate .faq-a-inner {
  padding: 0 28px 24px;
  font-size: 0.94rem;
  color: var(--c-slate);
  line-height: 1.85;
}

/* ===== Final CTA ===== */
.sol-is-estate .cta-section {
  position: relative;
  background: linear-gradient(135deg, #0d47a1 0%, #1565c0 50%, #1e88e5 100%);
  padding: 100px 0;
  overflow: hidden;
}
.sol-is-estate .cta-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: radial-gradient(circle at 70% 30%, rgba(66, 165, 245, 0.25) 0%, transparent 50%), radial-gradient(circle at 20% 80%, rgba(255, 255, 255, 0.12) 0%, transparent 40%);
  pointer-events: none;
}
.sol-is-estate .cta-section::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 60px;
  background: linear-gradient(to bottom, transparent, var(--c-footer));
  pointer-events: none;
}
.sol-is-estate .cta-inner {
  position: relative;
  z-index: 1;
  text-align: center;
  max-width: 820px;
  margin: 0 auto;
}
.sol-is-estate .cta-inner h2 {
  font-size: 2.5rem;
  font-weight: 900;
  color: #fff;
  letter-spacing: -0.025em;
  margin-bottom: 20px;
  line-height: 1.25;
}
.sol-is-estate .cta-inner h2 .highlight {
  background: linear-gradient(135deg, #fff, #bbdefb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.sol-is-estate .cta-inner p {
  font-size: 1.12rem;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.85;
  margin-bottom: 44px;
}
.sol-is-estate .cta-options {
  display: flex;
  gap: 18px;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 36px;
}
.sol-is-estate .cta-note {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.5);
  flex-wrap: wrap;
}
.sol-is-estate .cta-note .dot {
  width: 5px;
  height: 5px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
}

/* ===== Footer (对齐 zjssoft.com 框选底部区域) ===== */
/* ===== Scroll Animations ===== */
.sol-is-estate .reveal {
  opacity: 0;
  transform: translateY(32px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}
.sol-is-estate .reveal.active {
  opacity: 1;
  transform: translateY(0);
}
.sol-is-estate .reveal-delay-1 {
  transition-delay: 0.12s;
}
.sol-is-estate .reveal-delay-2 {
  transition-delay: 0.24s;
}
.sol-is-estate .reveal-delay-3 {
  transition-delay: 0.36s;
}

/* ===== Mobile Responsive ===== */
@media (max-width: 1024px) {
.sol-is-estate .hero-grid {
    grid-template-columns: 1fr;
    gap: 48px;
}
.sol-is-estate .hero h1 {
    font-size: 2.6rem;
}
.sol-is-estate .pain-grid {
    grid-template-columns: repeat(2, 1fr);
}
.sol-is-estate .solution-grid {
    grid-template-columns: 1fr;
}
.sol-is-estate .func-grid {
    grid-template-columns: 1fr;
}
.sol-is-estate .advantage-grid {
    grid-template-columns: repeat(2, 1fr);
}
.sol-is-estate .advantage-card.featured {
    grid-column: span 2;
}
.sol-is-estate .scenario-grid {
    grid-template-columns: repeat(2, 1fr);
}
.sol-is-estate .value-grid {
    grid-template-columns: repeat(2, 1fr);
}
.sol-is-estate .trust-stats {
    grid-template-columns: repeat(2, 1fr);
}
.sol-is-estate .logo-grid {
    grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 768px) {
.sol-is-estate .section {
    padding: 72px 0;
}
.sol-is-estate .section-title {
    font-size: 1.8rem;
}
.sol-is-estate .section-head {
    margin-bottom: 42px;
}
.sol-is-estate .hero {
    padding: 72px 0 64px;
}
.sol-is-estate .hero h1 {
    font-size: 2.1rem;
}
.sol-is-estate .hero-sub {
    font-size: 1.05rem;
}
.sol-is-estate .hero-cta {
    flex-direction: column;
    width: 100%;
}
.sol-is-estate .hero-cta .btn {
    width: 100%;
}
.sol-is-estate .hero-trust {
    gap: 20px;
}
.sol-is-estate .hero-trust-divider {
    display: none;
}
.sol-is-estate .hero-trust-num {
    font-size: 1.4rem;
}
.sol-is-estate .hero-trust-label {
    font-size: 0.78rem;
}
.sol-is-estate .hero-visual {
    max-width: 440px;
    margin: 0 auto;
}
.sol-is-estate .dash-float {
    display: none;
}
.sol-is-estate .pain-grid {
    grid-template-columns: 1fr;
    gap: 18px;
}
.sol-is-estate .pain-card {
    padding: 30px 24px;
}
.sol-is-estate .func-card {
    padding: 28px 24px;
    flex-direction: column;
    gap: 16px;
}
.sol-is-estate .func-card-num {
    font-size: 2rem;
    min-width: auto;
}
.sol-is-estate .advantage-grid {
    grid-template-columns: 1fr;
}
.sol-is-estate .advantage-card.featured {
    grid-column: span 1;
}
.sol-is-estate .scenario-grid {
    grid-template-columns: 1fr;
}
.sol-is-estate .value-grid {
    grid-template-columns: 1fr 1fr;
}
.sol-is-estate .trust-stats {
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}
.sol-is-estate .trust-stat {
    padding: 24px 14px;
}
.sol-is-estate .trust-stat .num {
    font-size: 2.1rem;
}
.sol-is-estate .logo-wall {
    padding: 28px;
}
.sol-is-estate .logo-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
}
.sol-is-estate .logo-item {
    height: 54px;
    font-size: 0.75rem;
}
.sol-is-estate .trust-cert {
    grid-template-columns: 1fr;
    gap: 14px;
}
.sol-is-estate .cert-card {
    padding: 20px;
}
.sol-is-estate .cta-inner h2 {
    font-size: 1.9rem;
}
.sol-is-estate .cta-inner p {
    font-size: 1rem;
}
.sol-is-estate .cta-options {
    flex-direction: column;
    width: 100%;
}
.sol-is-estate .cta-options .btn {
    width: 100%;
}
}
@media (max-width: 480px) {
.sol-is-estate .container {
    padding: 0 18px;
}
.sol-is-estate .hero h1 {
    font-size: 1.85rem;
}
.sol-is-estate .section-title {
    font-size: 1.55rem;
}
.sol-is-estate .dash-stats {
    grid-template-columns: 1fr;
    gap: 8px;
}
.sol-is-estate .value-grid {
    grid-template-columns: 1fr;
}
}
/* 业务架构图（参考模版） */
/* 新零售全域业务架构图 */
.sol-is-estate .ai-architecture {
  padding: 34px !important;
  margin-top: 46px !important;
  border: 1px solid #d5e6f8 !important;
  border-radius: 20px !important;
  background: #f8fbff !important;
  box-shadow: 0 16px 36px rgba(13, 71, 161, 0.08) !important;
}
.ai-architecture h3 {
  font-size: 1.48rem !important;
  color: #102e52 !important;
  text-align: center !important;
}
.ai-architecture > p {
  max-width: 700px;
  margin: 0 auto 28px !important;
  text-align: center !important;
  line-height: 1.7;
}
.arch-map {
  display: grid;
  gap: 13px;
}
.arch-band {
  display: grid;
  grid-template-columns: 174px 1fr;
  gap: 13px;
  align-items: stretch;
}
.arch-band-label {
  padding: 16px;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #e6f1ff;
  color: #125aa5;
  font-size: 0.92rem;
  font-weight: 800;
}
.arch-band-label small {
  margin-top: 5px;
  color: #5f87b4;
  font-size: 0.68rem;
  font-weight: 500;
}
.arch-band-content {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
}
.arch-unit {
  min-height: 84px;
  padding: 13px 9px;
  border: 1px solid #d4e5f8;
  border-radius: 11px;
  background: #fff;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #143b68;
  font-size: 0.82rem;
  font-weight: 800;
  transition: transform 0.2s, box-shadow 0.2s;
}
.arch-unit:hover {
  transform: translateY(-3px);
  box-shadow: 0 7px 16px rgba(30, 136, 229, 0.12);
}
.arch-unit i {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  margin-bottom: 6px;
  border-radius: 7px;
  background: #e5f1ff;
  color: #1565c0;
  font-size: 0.72rem;
  font-style: normal;
}
.arch-unit small {
  display: block;
  color: #7088a3;
  font-size: 0.66rem;
  font-weight: 400;
  line-height: 1.35;
  margin-top: 4px;
}
.arch-band.core .arch-band-label {
  background: #0d47a1;
  color: #fff;
}
.arch-band.core .arch-band-label small {
  color: #c6e1ff;
}
.arch-band.core .arch-unit {
  background: #1565c0;
  border-color: #1565c0;
  color: #fff;
}
.arch-band.core .arch-unit i {
  background: #fff;
  color: #1565c0;
}
.arch-band.core .arch-unit small {
  color: #d6eaff;
}
.arch-band.ai .arch-band-label {
  background: #e8f3ff;
}
.arch-band.ai .arch-unit {
  border-color: #b9d9fa;
  background: #fafdff;
}
.arch-map-note {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px dashed #c9ddf2;
  color: #62809f;
  font-size: 0.77rem;
}
.arch-map-note b {
  color: #1565c0;
}
@media (max-width: 1100px) {
.arch-band-content {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 700px) {
.ai-architecture {
    padding: 21px !important;
}
.arch-band {
    grid-template-columns: 1fr;
}
.arch-band-label {
    padding: 12px;
    align-items: center;
    text-align: center;
}
.arch-band-content {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.arch-unit {
    min-height: 78px;
}
.arch-map-note {
    align-items: flex-start;
    flex-direction: column;
}
}
/* ===== Reset & Base ===== */
.sol-is-finance, .sol-is-finance *, .sol-is-finance *::before, .sol-is-finance *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.sol-is-finance {
  --c-primary:#1e88e5;
  --c-primary-2:#1976d2;
  --c-primary-3:#1565c0;
  --c-primary-4:#0d47a1;
  --c-primary-light:#42a5f5;
  --c-primary-bright:#2196f3;
  --c-cyan:#06b6d4;
  --c-slate:#475569;
  --c-slate-light:#64748b;
  --c-text:#0f172a;
  --c-text-mid:#334155;
  --c-bg:#f5f9ff;
  --c-bg-2:#eef4fc;
  --c-bg-3:#e8f1fb;
  --c-border:#e2e8f0;
  --c-white:#fff;
  --c-footer:#0a1929;
  --c-footer-2:#0d2238;
  --radius:14px;
  --radius-lg:22px;
  --shadow-sm:0 2px 8px rgba(30,136,229,.08);
  --shadow:0 8px 28px rgba(30,136,229,.10);
  --shadow-lg:0 18px 56px rgba(30,136,229,.14);
  --shadow-xl:0 28px 80px rgba(30,136,229,.18);
  --shadow-blue:0 10px 30px rgba(30,136,229,.35);
  --max-w:1280px;
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
}
.sol-is-finance {
  scroll-behavior: smooth;
  font-size: 16px;
}
.sol-is-finance {
  font-family: var(--font);
  color: var(--c-text);
  background: var(--c-white);
  line-height: 1.7;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}
.sol-is-finance a {
  text-decoration: none;
  color: inherit;
}
.sol-is-finance img {
  max-width: 100%;
  display: block;
}
.sol-is-finance ul {
  list-style: none;
}
.sol-is-finance .container {
  max-width: var(--max-w);
  margin: 0 auto;
  padding: 0 24px;
}
.sol-is-finance .section {
  padding: 110px 0;
  position: relative;
}
.sol-is-finance .section-sm {
  padding: 72px 0;
}

/* ===== Typography ===== */
.sol-is-finance .eyebrow {
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--c-primary);
  margin-bottom: 12px;
}
.sol-is-finance .section-num {
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.18em;
  color: var(--c-primary);
  display: inline-block;
  background: linear-gradient(135deg, rgba(30, 136, 229, 0.1), rgba(66, 165, 245, 0.1));
  padding: 6px 14px;
  border-radius: 100px;
  margin-bottom: 14px;
}
.sol-is-finance .section-title {
  font-size: 2.4rem;
  font-weight: 800;
  color: var(--c-text);
  line-height: 1.25;
  margin-bottom: 18px;
  letter-spacing: -0.02em;
}
.sol-is-finance .section-subtitle {
  font-size: 1.08rem;
  color: var(--c-slate);
  max-width: 720px;
  line-height: 1.8;
}
.sol-is-finance .section-head {
  margin-bottom: 64px;
}
.sol-is-finance .section-head.center {
  text-align: center;
}
.sol-is-finance .section-head.center .section-subtitle {
  margin: 0 auto;
}
.sol-is-finance .section-head.center .section-num {
  display: inline-block;
}

/* ===== 3D Buttons ===== */
.sol-is-finance .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 28px;
  border-radius: 12px;
  font-size: 0.94rem;
  font-weight: 600;
  cursor: pointer;
  border: none;
  transition: all 0.25s;
  white-space: nowrap;
  line-height: 1.2;
}
.sol-is-finance .btn-primary {
  background: linear-gradient(180deg, #42a5f5 0%, #1e88e5 50%, #1976d2 100%);
  color: #fff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -2px 0 rgba(0, 0, 0, 0.08), 0 4px 0 var(--c-primary-3), 0 8px 20px rgba(30, 136, 229, 0.35);
}
.sol-is-finance .btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -2px 0 rgba(0, 0, 0, 0.08), 0 6px 0 var(--c-primary-3), 0 12px 26px rgba(30, 136, 229, 0.45);
}
.sol-is-finance .btn-primary:active {
  transform: translateY(2px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -2px 0 rgba(0, 0, 0, 0.08), 0 1px 0 var(--c-primary-3), 0 4px 12px rgba(30, 136, 229, 0.35);
}
.sol-is-finance .btn-outline {
  background: #fff;
  color: var(--c-primary-3);
  border: 1.5px solid var(--c-border);
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.08);
}
.sol-is-finance .btn-outline:hover {
  border-color: var(--c-primary);
  color: var(--c-primary);
  box-shadow: 0 6px 18px rgba(30, 136, 229, 0.18);
  transform: translateY(-2px);
}
.sol-is-finance .btn-ghost {
  background: rgba(255, 255, 255, 0.14);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.35);
  backdrop-filter: blur(6px);
}
.sol-is-finance .btn-ghost:hover {
  background: rgba(255, 255, 255, 0.24);
  transform: translateY(-2px);
}
.sol-is-finance .btn-lg {
  padding: 17px 40px;
  font-size: 1.05rem;
  border-radius: 14px;
}
.sol-is-finance .btn-lg.btn-primary {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), inset 0 -2px 0 rgba(0, 0, 0, 0.1), 0 6px 0 var(--c-primary-3), 0 12px 28px rgba(30, 136, 229, 0.4);
}
.sol-is-finance .btn-sm {
  padding: 9px 20px;
  font-size: 0.85rem;
  border-radius: 10px;
}

/* ===== Hero ===== */
.sol-is-finance .hero {
  position: relative;
  background: linear-gradient(135deg, #0d47a1 0%, #1565c0 30%, #1e88e5 70%, #2196f3 100%);
  padding: 110px 0 100px;
  overflow: hidden;
}
.sol-is-finance .hero::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: radial-gradient(circle at 15% 40%, rgba(255, 255, 255, 0.18) 0%, transparent 45%), radial-gradient(circle at 85% 25%, rgba(66, 165, 245, 0.25) 0%, transparent 50%), radial-gradient(circle at 70% 80%, rgba(255, 255, 255, 0.1) 0%, transparent 40%);
  pointer-events: none;
}
.sol-is-finance .hero::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 80px;
  background: linear-gradient(to bottom, transparent, var(--c-white));
  pointer-events: none;
}
.sol-is-finance .hero-grid {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 56px;
  align-items: center;
  position: relative;
  z-index: 1;
}
.sol-is-finance .hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 18px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 100px;
  color: #fff;
  font-size: 0.82rem;
  font-weight: 500;
  margin-bottom: 30px;
  backdrop-filter: blur(8px);
}
.sol-is-finance .hero-badge .dot {
  width: 8px;
  height: 8px;
  background: #34d399;
  border-radius: 50%;
  box-shadow: 0 0 10px #34d399;
  animation: pulse 1.6s ease-in-out infinite;
}
@keyframes pulse {
0%, 100% {
    opacity: 1;
    transform: scale(1);
}
50% {
    opacity: 0.6;
    transform: scale(1.3);
}
}
.sol-is-finance .hero h1 {
  font-size: 3.2rem;
  font-weight: 900;
  color: #fff;
  line-height: 1.18;
  letter-spacing: -0.025em;
  margin-bottom: 24px;
}
.sol-is-finance .hero h1 .highlight {
  background: linear-gradient(135deg, #fff, #bbdefb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  position: relative;
  display: inline-block;
}
.sol-is-finance .hero h1 .highlight::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -4px;
  height: 6px;
  background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0.2) 100%);
  border-radius: 3px;
  opacity: 0.5;
}
.sol-is-finance .hero-sub {
  font-size: 1.14rem;
  color: rgba(255, 255, 255, 0.85);
  line-height: 1.85;
  margin-bottom: 28px;
  max-width: 560px;
}
.sol-is-finance .hero-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 36px;
}
.sol-is-finance .hero-tags span {
  padding: 7px 16px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 30px;
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.85);
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(4px);
}
.sol-is-finance .hero-cta {
  display: flex;
  gap: 16px;
  margin-bottom: 40px;
  flex-wrap: wrap;
}
.sol-is-finance .hero-trust {
  display: flex;
  align-items: center;
  gap: 30px;
  flex-wrap: wrap;
}
.sol-is-finance .hero-trust-item {
  display: flex;
  align-items: center;
  gap: 10px;
}
.sol-is-finance .hero-trust-num {
  font-size: 1.65rem;
  font-weight: 800;
  color: #fff;
}
.sol-is-finance .hero-trust-label {
  font-size: 0.82rem;
  color: rgba(255, 255, 255, 0.6);
}
.sol-is-finance .hero-trust-divider {
  width: 1px;
  height: 40px;
  background: rgba(255, 255, 255, 0.18);
}

/* Hero Dashboard Mockup */
.sol-is-finance .hero-visual {
  position: relative;
}
.sol-is-finance .dash-mock {
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 40px 90px rgba(0, 30, 80, 0.45);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.sol-is-finance .dash-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 14px 18px;
  background: #f0f7ff;
  border-bottom: 1px solid var(--c-border);
}
.sol-is-finance .dash-bar .dots {
  display: flex;
  gap: 6px;
}
.sol-is-finance .dash-bar .dots span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.sol-is-finance .dash-bar .dots span:nth-child(1) {
  background: #ef4444;
}
.sol-is-finance .dash-bar .dots span:nth-child(2) {
  background: #f59e0b;
}
.sol-is-finance .dash-bar .dots span:nth-child(3) {
  background: #22c55e;
}
.sol-is-finance .dash-bar .url {
  flex: 1;
  text-align: center;
  font-size: 0.72rem;
  color: var(--c-slate-light);
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 6px;
  padding: 4px 14px;
  margin-left: 8px;
}
.sol-is-finance .dash-body {
  display: grid;
  grid-template-columns: 68px 1fr;
  min-height: 360px;
}
.sol-is-finance .dash-side {
  background: linear-gradient(180deg, #0d47a1, #1565c0);
  padding: 16px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.sol-is-finance .dash-side .icon-item {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.5);
  transition: 0.2s;
}
.sol-is-finance .dash-side .icon-item.active {
  background: linear-gradient(135deg, #42a5f5, #1e88e5);
  color: #fff;
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.5);
}
.sol-is-finance .dash-side .icon-item svg {
  width: 18px;
  height: 18px;
}
.sol-is-finance .dash-main {
  padding: 20px;
  background: #fafbfc;
}
.sol-is-finance .dash-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-bottom: 16px;
}
.sol-is-finance .dash-stat {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 12px;
  padding: 14px;
  transition: 0.2s;
}
.sol-is-finance .dash-stat:hover {
  border-color: var(--c-primary-light);
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.1);
}
.sol-is-finance .dash-stat-label {
  font-size: 0.68rem;
  color: var(--c-slate-light);
  margin-bottom: 4px;
}
.sol-is-finance .dash-stat-val {
  font-size: 1.2rem;
  font-weight: 800;
  color: var(--c-text);
}
.sol-is-finance .dash-stat-trend {
  font-size: 0.65rem;
  font-weight: 700;
  margin-top: 3px;
}
.sol-is-finance .up {
  color: #10b981;
}
.sol-is-finance .dn {
  color: #ef4444;
}
.sol-is-finance .dash-chart {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 12px;
  padding: 16px;
}
.sol-is-finance .dash-chart-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
}
.sol-is-finance .dash-chart-title {
  font-size: 0.74rem;
  font-weight: 600;
  color: var(--c-text);
}
.sol-is-finance .dash-chart-tag {
  font-size: 0.62rem;
  color: var(--c-primary);
  background: linear-gradient(135deg, rgba(30, 136, 229, 0.1), rgba(66, 165, 245, 0.1));
  padding: 3px 10px;
  border-radius: 100px;
  font-weight: 600;
}
.sol-is-finance .bars {
  display: flex;
  align-items: flex-end;
  gap: 6px;
  height: 96px;
}
.sol-is-finance .bar {
  flex: 1;
  border-radius: 4px 4px 0 0;
  background: linear-gradient(180deg, #42a5f5, #1565c0);
  opacity: 0.9;
  transition: opacity 0.2s;
}
.sol-is-finance .bar:hover {
  opacity: 1;
}
.sol-is-finance .bar.dim {
  background: linear-gradient(180deg, #cbd5e1, #94a3b8);
}
.sol-is-finance .dash-float {
  position: absolute;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 14px 36px rgba(0, 30, 80, 0.25);
  padding: 14px 18px;
  display: flex;
  align-items: center;
  gap: 14px;
  animation: float 3.5s ease-in-out infinite;
  border: 1px solid rgba(255, 255, 255, 0.6);
}
.sol-is-finance .dash-float-1 {
  top: -20px;
  right: -12px;
  animation-delay: 0s;
}
.sol-is-finance .dash-float-2 {
  bottom: -18px;
  left: -18px;
  animation-delay: 1.5s;
}
.sol-is-finance .dash-float-icon {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.sol-is-finance .dash-float-icon.green {
  background: linear-gradient(135deg, #d1fae5, #a7f3d0);
  color: #10b981;
}
.sol-is-finance .dash-float-icon.blue {
  background: linear-gradient(135deg, #dbeafe, #bfdbfe);
  color: #1e88e5;
}
.sol-is-finance .dash-float-text .num {
  font-size: 1.05rem;
  font-weight: 800;
  color: var(--c-text);
}
.sol-is-finance .dash-float-text .label {
  font-size: 0.7rem;
  color: var(--c-slate-light);
}
@keyframes float {
0%, 100% {
    transform: translateY(0);
}
50% {
    transform: translateY(-12px);
}
}
/* ===== Pain Points ===== */
.sol-is-finance .pain-section {
  background: linear-gradient(180deg, var(--c-white), var(--c-bg));
}
.sol-is-finance .pain-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}
.sol-is-finance .pain-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 36px 30px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-is-finance .pain-card:hover {
  border-color: var(--c-primary-light);
  box-shadow: var(--shadow-xl);
  transform: translateY(-6px);
}
.sol-is-finance .pain-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #1e88e5, #42a5f5, #06b6d4);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.sol-is-finance .pain-card:hover::before {
  transform: scaleX(1);
}
.sol-is-finance .pain-num {
  position: absolute;
  top: 24px;
  right: 28px;
  font-size: 2.8rem;
  font-weight: 900;
  color: rgba(30, 136, 229, 0.06);
  line-height: 1;
}
.sol-is-finance .pain-icon {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: linear-gradient(135deg, #e3f2fd, #bbdefb);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.15);
}
.sol-is-finance .pain-icon svg {
  width: 28px;
  height: 28px;
  color: var(--c-primary-2);
}
.sol-is-finance .pain-title {
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.sol-is-finance .pain-desc {
  font-size: 0.92rem;
  color: var(--c-slate);
  line-height: 1.8;
}

/* ===== Solution Overview ===== */
.sol-is-finance .solution-section {
  background: #fff;
}
.sol-is-finance .solution-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}
.sol-is-finance .solution-card {
  background: linear-gradient(145deg, #f5f9ff, #e8f1fb);
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 40px 32px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-is-finance .solution-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
}
.sol-is-finance .solution-card::after {
  content: "";
  position: absolute;
  top: -30px;
  right: -30px;
  width: 120px;
  height: 120px;
  background: radial-gradient(circle, rgba(30, 136, 229, 0.1), transparent);
  pointer-events: none;
}
.sol-is-finance .solution-icon {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  background: linear-gradient(135deg, #1e88e5, #42a5f5);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.3);
}
.sol-is-finance .solution-icon svg {
  width: 26px;
  height: 26px;
  color: #fff;
}
.sol-is-finance .solution-card h3 {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 14px;
}
.sol-is-finance .solution-card p {
  font-size: 0.95rem;
  color: var(--c-slate);
  line-height: 1.8;
}

/* ===== Core Functions ===== */
.sol-is-finance .func-section {
  background: linear-gradient(180deg, var(--c-bg), var(--c-white));
}
.sol-is-finance .func-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
.sol-is-finance .func-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 36px 32px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
  display: flex;
  gap: 24px;
}
.sol-is-finance .func-card:hover {
  border-color: var(--c-primary-light);
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
}
.sol-is-finance .func-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: linear-gradient(180deg, #1e88e5, #42a5f5);
  transform: scaleY(0);
  transform-origin: top;
  transition: transform 0.4s;
}
.sol-is-finance .func-card:hover::before {
  transform: scaleY(1);
}
.sol-is-finance .func-card-num {
  font-size: 2.4rem;
  font-weight: 900;
  color: rgba(30, 136, 229, 0.12);
  line-height: 1;
  flex-shrink: 0;
  min-width: 56px;
}
.sol-is-finance .func-card-body {
  flex: 1;
}
.sol-is-finance .func-card-icon {
  width: 44px;
  height: 44px;
  border-radius: 11px;
  background: linear-gradient(135deg, #e3f2fd, #bbdefb);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.12);
}
.sol-is-finance .func-card-icon svg {
  width: 22px;
  height: 22px;
  color: var(--c-primary-2);
}
.sol-is-finance .func-card-body h3 {
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 10px;
}
.sol-is-finance .func-card-body p {
  font-size: 0.92rem;
  color: var(--c-slate);
  line-height: 1.8;
}

/* ===== Core Advantages ===== */
.sol-is-finance .advantage-section {
  background: #fff;
}
.sol-is-finance .advantage-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.sol-is-finance .advantage-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius);
  padding: 34px 28px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-is-finance .advantage-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
  border-color: var(--c-primary-light);
}
.sol-is-finance .advantage-card::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #1e88e5, #42a5f5);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.sol-is-finance .advantage-card:hover::before {
  transform: scaleX(1);
}
.sol-is-finance .advantage-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: linear-gradient(135deg, #1e88e5, #42a5f5);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  box-shadow: 0 6px 16px rgba(30, 136, 229, 0.25);
}
.sol-is-finance .advantage-icon svg {
  width: 24px;
  height: 24px;
  color: #fff;
}
.sol-is-finance .advantage-card h3 {
  font-size: 1.12rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.sol-is-finance .advantage-card p {
  font-size: 0.9rem;
  color: var(--c-slate);
  line-height: 1.75;
}
.sol-is-finance .advantage-card.featured {
  grid-column: span 3;
  background: linear-gradient(135deg, #0d47a1, #1565c0);
  border: none;
}
.sol-is-finance .advantage-card.featured h3 {
  color: #fff;
}
.sol-is-finance .advantage-card.featured p {
  color: rgba(255, 255, 255, 0.75);
}
.sol-is-finance .advantage-card.featured .advantage-icon {
  background: rgba(255, 255, 255, 0.15);
  box-shadow: none;
}
.sol-is-finance .advantage-card.featured .advantage-icon svg {
  color: #90caf9;
}
.sol-is-finance .advantage-card.featured::before {
  display: none;
}

/* ===== Application Scenarios ===== */
.sol-is-finance .scenario-section {
  background: linear-gradient(180deg, var(--c-bg), var(--c-bg-2));
}
.sol-is-finance .scenario-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.sol-is-finance .scenario-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius);
  padding: 32px 28px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-is-finance .scenario-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
  border-color: var(--c-primary-light);
}
.sol-is-finance .scenario-tag {
  display: inline-block;
  padding: 5px 12px;
  background: linear-gradient(135deg, rgba(30, 136, 229, 0.1), rgba(66, 165, 245, 0.1));
  color: var(--c-primary);
  font-size: 0.72rem;
  font-weight: 700;
  border-radius: 100px;
  margin-bottom: 16px;
}
.sol-is-finance .scenario-card h3 {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.sol-is-finance .scenario-card p {
  font-size: 0.9rem;
  color: var(--c-slate);
  line-height: 1.75;
}
.sol-is-finance .scenario-card::after {
  content: "";
  position: absolute;
  bottom: -20px;
  right: -20px;
  width: 80px;
  height: 80px;
  background: radial-gradient(circle, rgba(30, 136, 229, 0.06), transparent);
  pointer-events: none;
}

/* ===== Customer Value ===== */
.sol-is-finance .value-section {
  background: #fff;
}
.sol-is-finance .value-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}
.sol-is-finance .value-card {
  background: linear-gradient(145deg, #f5f9ff, #e8f1fb);
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 36px 26px;
  text-align: center;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-is-finance .value-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-6px);
}
.sol-is-finance .value-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #1e88e5, #42a5f5, #06b6d4);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.4s;
}
.sol-is-finance .value-card:hover::before {
  transform: scaleX(1);
}
.sol-is-finance .value-icon {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: linear-gradient(135deg, #1e88e5, #42a5f5);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.3);
}
.sol-is-finance .value-icon svg {
  width: 28px;
  height: 28px;
  color: #fff;
}
.sol-is-finance .value-card h3 {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.sol-is-finance .value-card p {
  font-size: 0.88rem;
  color: var(--c-slate);
  line-height: 1.75;
}
.sol-is-finance .value-highlight {
  display: inline-block;
  margin-top: 14px;
  padding: 5px 14px;
  background: #fff;
  border: 1px solid var(--c-primary-light);
  border-radius: 100px;
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--c-primary);
}

/* ===== Trust Section ===== */
.sol-is-finance .trust-section {
  background: linear-gradient(135deg, #0a3a7a 0%, #0d47a1 50%, #1565c0 100%);
  position: relative;
  overflow: hidden;
  padding: 100px 0;
}
.sol-is-finance .trust-section::before {
  content: "";
  position: absolute;
  top: -50%;
  right: -10%;
  width: 600px;
  height: 600px;
  background: radial-gradient(circle, rgba(66, 165, 245, 0.15) 0%, transparent 70%);
  pointer-events: none;
}
.sol-is-finance .trust-section::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
}
.sol-is-finance .trust-section .section-title {
  color: #fff;
}
.sol-is-finance .trust-section .section-subtitle {
  color: rgba(255, 255, 255, 0.7);
}
.sol-is-finance .trust-section .section-num {
  color: #90caf9;
  background: rgba(255, 255, 255, 0.1);
}
.sol-is-finance .trust-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  margin-bottom: 60px;
}
.sol-is-finance .trust-stat {
  text-align: center;
  padding: 36px 22px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius);
  transition: 0.3s;
  backdrop-filter: blur(6px);
}
.sol-is-finance .trust-stat:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.18);
  transform: translateY(-6px);
}
.sol-is-finance .trust-stat .num {
  font-size: 2.8rem;
  font-weight: 900;
  color: #fff;
  letter-spacing: -0.025em;
  line-height: 1;
  margin-bottom: 8px;
}
.sol-is-finance .trust-stat .num .unit {
  font-size: 1.4rem;
  font-weight: 700;
}
.sol-is-finance .trust-stat .label {
  font-size: 0.88rem;
  color: rgba(255, 255, 255, 0.55);
  font-weight: 500;
}
.sol-is-finance .logo-wall {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius-lg);
  padding: 44px;
  margin-bottom: 48px;
  backdrop-filter: blur(6px);
}
.sol-is-finance .logo-wall-title {
  text-align: center;
  font-size: 0.82rem;
  color: rgba(255, 255, 255, 0.45);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  margin-bottom: 28px;
  font-weight: 600;
}
.sol-is-finance .logo-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 18px;
}
.sol-is-finance .logo-item {
  height: 64px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.82rem;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.4);
  transition: 0.3s;
}
.sol-is-finance .logo-item:hover {
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.8);
  border-color: rgba(255, 255, 255, 0.18);
  transform: translateY(-2px);
}
.sol-is-finance .trust-cert {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}
.sol-is-finance .cert-card {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius);
  padding: 28px;
  display: flex;
  align-items: center;
  gap: 18px;
  transition: 0.3s;
  backdrop-filter: blur(6px);
}
.sol-is-finance .cert-card:hover {
  background: rgba(255, 255, 255, 0.08);
  transform: translateY(-3px);
}
.sol-is-finance .cert-icon {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(66, 165, 245, 0.2), rgba(30, 136, 229, 0.2));
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border: 1px solid rgba(66, 165, 245, 0.3);
}
.sol-is-finance .cert-icon svg {
  width: 26px;
  height: 26px;
  color: #90caf9;
}
.sol-is-finance .cert-info .title {
  font-size: 0.92rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 4px;
}
.sol-is-finance .cert-info .desc {
  font-size: 0.78rem;
  color: rgba(255, 255, 255, 0.45);
}

/* ===== FAQ ===== */
.sol-is-finance .faq-section {
  background: linear-gradient(180deg, var(--c-bg), var(--c-white));
}
.sol-is-finance .faq-wrap {
  max-width: 880px;
  margin: 0 auto;
}
.sol-is-finance .faq-item {
  border: 1.5px solid var(--c-border);
  border-radius: var(--radius);
  margin-bottom: 14px;
  overflow: hidden;
  transition: 0.3s;
  background: #fff;
}
.sol-is-finance .faq-item.active {
  border-color: var(--c-primary);
  box-shadow: 0 8px 28px rgba(30, 136, 229, 0.12);
}
.sol-is-finance .faq-item.active .faq-q {
  color: var(--c-primary);
}
.sol-is-finance .faq-q {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22px 28px;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 600;
  color: var(--c-text);
  transition: color 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  gap: 16px;
}
.sol-is-finance .faq-q .arrow {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  transition: transform 0.3s;
  color: var(--c-slate-light);
}
.sol-is-finance .faq-item.active .faq-q .arrow {
  transform: rotate(180deg);
  color: var(--c-primary);
}
.sol-is-finance .faq-a {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}
.sol-is-finance .faq-a-inner {
  padding: 0 28px 24px;
  font-size: 0.94rem;
  color: var(--c-slate);
  line-height: 1.85;
}

/* ===== Final CTA ===== */
.sol-is-finance .cta-section {
  position: relative;
  background: linear-gradient(135deg, #0d47a1 0%, #1565c0 50%, #1e88e5 100%);
  padding: 100px 0;
  overflow: hidden;
}
.sol-is-finance .cta-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: radial-gradient(circle at 70% 30%, rgba(66, 165, 245, 0.25) 0%, transparent 50%), radial-gradient(circle at 20% 80%, rgba(255, 255, 255, 0.12) 0%, transparent 40%);
  pointer-events: none;
}
.sol-is-finance .cta-section::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 60px;
  background: linear-gradient(to bottom, transparent, var(--c-footer));
  pointer-events: none;
}
.sol-is-finance .cta-inner {
  position: relative;
  z-index: 1;
  text-align: center;
  max-width: 820px;
  margin: 0 auto;
}
.sol-is-finance .cta-inner h2 {
  font-size: 2.5rem;
  font-weight: 900;
  color: #fff;
  letter-spacing: -0.025em;
  margin-bottom: 20px;
  line-height: 1.25;
}
.sol-is-finance .cta-inner h2 .highlight {
  background: linear-gradient(135deg, #fff, #bbdefb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.sol-is-finance .cta-inner p {
  font-size: 1.12rem;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.85;
  margin-bottom: 44px;
}
.sol-is-finance .cta-options {
  display: flex;
  gap: 18px;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 36px;
}
.sol-is-finance .cta-note {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.5);
  flex-wrap: wrap;
}
.sol-is-finance .cta-note .dot {
  width: 5px;
  height: 5px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
}

/* ===== Footer (对齐 zjssoft.com 框选底部区域) ===== */
/* ===== Scroll Animations ===== */
.sol-is-finance .reveal {
  opacity: 0;
  transform: translateY(32px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}
.sol-is-finance .reveal.active {
  opacity: 1;
  transform: translateY(0);
}
.sol-is-finance .reveal-delay-1 {
  transition-delay: 0.12s;
}
.sol-is-finance .reveal-delay-2 {
  transition-delay: 0.24s;
}
.sol-is-finance .reveal-delay-3 {
  transition-delay: 0.36s;
}

/* ===== Mobile Responsive ===== */
@media (max-width: 1024px) {
.sol-is-finance .hero-grid {
    grid-template-columns: 1fr;
    gap: 48px;
}
.sol-is-finance .hero h1 {
    font-size: 2.6rem;
}
.sol-is-finance .pain-grid {
    grid-template-columns: repeat(2, 1fr);
}
.sol-is-finance .solution-grid {
    grid-template-columns: 1fr;
}
.sol-is-finance .func-grid {
    grid-template-columns: 1fr;
}
.sol-is-finance .advantage-grid {
    grid-template-columns: repeat(2, 1fr);
}
.sol-is-finance .advantage-card.featured {
    grid-column: span 2;
}
.sol-is-finance .scenario-grid {
    grid-template-columns: repeat(2, 1fr);
}
.sol-is-finance .value-grid {
    grid-template-columns: repeat(2, 1fr);
}
.sol-is-finance .trust-stats {
    grid-template-columns: repeat(2, 1fr);
}
.sol-is-finance .logo-grid {
    grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 768px) {
.sol-is-finance .section {
    padding: 72px 0;
}
.sol-is-finance .section-title {
    font-size: 1.8rem;
}
.sol-is-finance .section-head {
    margin-bottom: 42px;
}
.sol-is-finance .hero {
    padding: 72px 0 64px;
}
.sol-is-finance .hero h1 {
    font-size: 2.1rem;
}
.sol-is-finance .hero-sub {
    font-size: 1.05rem;
}
.sol-is-finance .hero-cta {
    flex-direction: column;
    width: 100%;
}
.sol-is-finance .hero-cta .btn {
    width: 100%;
}
.sol-is-finance .hero-trust {
    gap: 20px;
}
.sol-is-finance .hero-trust-divider {
    display: none;
}
.sol-is-finance .hero-trust-num {
    font-size: 1.4rem;
}
.sol-is-finance .hero-trust-label {
    font-size: 0.78rem;
}
.sol-is-finance .hero-visual {
    max-width: 440px;
    margin: 0 auto;
}
.sol-is-finance .dash-float {
    display: none;
}
.sol-is-finance .pain-grid {
    grid-template-columns: 1fr;
    gap: 18px;
}
.sol-is-finance .pain-card {
    padding: 30px 24px;
}
.sol-is-finance .func-card {
    padding: 28px 24px;
    flex-direction: column;
    gap: 16px;
}
.sol-is-finance .func-card-num {
    font-size: 2rem;
    min-width: auto;
}
.sol-is-finance .advantage-grid {
    grid-template-columns: 1fr;
}
.sol-is-finance .advantage-card.featured {
    grid-column: span 1;
}
.sol-is-finance .scenario-grid {
    grid-template-columns: 1fr;
}
.sol-is-finance .value-grid {
    grid-template-columns: 1fr 1fr;
}
.sol-is-finance .trust-stats {
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}
.sol-is-finance .trust-stat {
    padding: 24px 14px;
}
.sol-is-finance .trust-stat .num {
    font-size: 2.1rem;
}
.sol-is-finance .logo-wall {
    padding: 28px;
}
.sol-is-finance .logo-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
}
.sol-is-finance .logo-item {
    height: 54px;
    font-size: 0.75rem;
}
.sol-is-finance .trust-cert {
    grid-template-columns: 1fr;
    gap: 14px;
}
.sol-is-finance .cert-card {
    padding: 20px;
}
.sol-is-finance .cta-inner h2 {
    font-size: 1.9rem;
}
.sol-is-finance .cta-inner p {
    font-size: 1rem;
}
.sol-is-finance .cta-options {
    flex-direction: column;
    width: 100%;
}
.sol-is-finance .cta-options .btn {
    width: 100%;
}
}
@media (max-width: 480px) {
.sol-is-finance .container {
    padding: 0 18px;
}
.sol-is-finance .hero h1 {
    font-size: 1.85rem;
}
.sol-is-finance .section-title {
    font-size: 1.55rem;
}
.sol-is-finance .dash-stats {
    grid-template-columns: 1fr;
    gap: 8px;
}
.sol-is-finance .value-grid {
    grid-template-columns: 1fr;
}
}
/* 业务架构图（参考模版） */
/* 新零售全域业务架构图 */
.sol-is-finance .ai-architecture {
  padding: 34px !important;
  margin-top: 46px !important;
  border: 1px solid #d5e6f8 !important;
  border-radius: 20px !important;
  background: #f8fbff !important;
  box-shadow: 0 16px 36px rgba(13, 71, 161, 0.08) !important;
}
.ai-architecture h3 {
  font-size: 1.48rem !important;
  color: #102e52 !important;
  text-align: center !important;
}
.ai-architecture > p {
  max-width: 700px;
  margin: 0 auto 28px !important;
  text-align: center !important;
  line-height: 1.7;
}
.arch-map {
  display: grid;
  gap: 13px;
}
.arch-band {
  display: grid;
  grid-template-columns: 174px 1fr;
  gap: 13px;
  align-items: stretch;
}
.arch-band-label {
  padding: 16px;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #e6f1ff;
  color: #125aa5;
  font-size: 0.92rem;
  font-weight: 800;
}
.arch-band-label small {
  margin-top: 5px;
  color: #5f87b4;
  font-size: 0.68rem;
  font-weight: 500;
}
.arch-band-content {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
}
.arch-unit {
  min-height: 84px;
  padding: 13px 9px;
  border: 1px solid #d4e5f8;
  border-radius: 11px;
  background: #fff;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #143b68;
  font-size: 0.82rem;
  font-weight: 800;
  transition: transform 0.2s, box-shadow 0.2s;
}
.arch-unit:hover {
  transform: translateY(-3px);
  box-shadow: 0 7px 16px rgba(30, 136, 229, 0.12);
}
.arch-unit i {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  margin-bottom: 6px;
  border-radius: 7px;
  background: #e5f1ff;
  color: #1565c0;
  font-size: 0.72rem;
  font-style: normal;
}
.arch-unit small {
  display: block;
  color: #7088a3;
  font-size: 0.66rem;
  font-weight: 400;
  line-height: 1.35;
  margin-top: 4px;
}
.arch-band.core .arch-band-label {
  background: #0d47a1;
  color: #fff;
}
.arch-band.core .arch-band-label small {
  color: #c6e1ff;
}
.arch-band.core .arch-unit {
  background: #1565c0;
  border-color: #1565c0;
  color: #fff;
}
.arch-band.core .arch-unit i {
  background: #fff;
  color: #1565c0;
}
.arch-band.core .arch-unit small {
  color: #d6eaff;
}
.arch-band.ai .arch-band-label {
  background: #e8f3ff;
}
.arch-band.ai .arch-unit {
  border-color: #b9d9fa;
  background: #fafdff;
}
.arch-map-note {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px dashed #c9ddf2;
  color: #62809f;
  font-size: 0.77rem;
}
.arch-map-note b {
  color: #1565c0;
}
@media (max-width: 1100px) {
.arch-band-content {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 700px) {
.ai-architecture {
    padding: 21px !important;
}
.arch-band {
    grid-template-columns: 1fr;
}
.arch-band-label {
    padding: 12px;
    align-items: center;
    text-align: center;
}
.arch-band-content {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.arch-unit {
    min-height: 78px;
}
.arch-map-note {
    align-items: flex-start;
    flex-direction: column;
}
}
/* ===== Reset & Base ===== */
.sol-is-home, .sol-is-home *, .sol-is-home *::before, .sol-is-home *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.sol-is-home {
  --c-primary:#1e88e5;
  --c-primary-2:#1976d2;
  --c-primary-3:#1565c0;
  --c-primary-4:#0d47a1;
  --c-primary-light:#42a5f5;
  --c-primary-bright:#2196f3;
  --c-cyan:#06b6d4;
  --c-slate:#475569;
  --c-slate-light:#64748b;
  --c-text:#0f172a;
  --c-text-mid:#334155;
  --c-bg:#f5f9ff;
  --c-bg-2:#eef4fc;
  --c-bg-3:#e8f1fb;
  --c-border:#e2e8f0;
  --c-white:#fff;
  --c-footer:#0a1929;
  --c-footer-2:#0d2238;
  --radius:14px;
  --radius-lg:22px;
  --shadow-sm:0 2px 8px rgba(30,136,229,.08);
  --shadow:0 8px 28px rgba(30,136,229,.10);
  --shadow-lg:0 18px 56px rgba(30,136,229,.14);
  --shadow-xl:0 28px 80px rgba(30,136,229,.18);
  --shadow-blue:0 10px 30px rgba(30,136,229,.35);
  --max-w:1280px;
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
}
.sol-is-home {
  scroll-behavior: smooth;
  font-size: 16px;
}
.sol-is-home {
  font-family: var(--font);
  color: var(--c-text);
  background: var(--c-white);
  line-height: 1.7;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}
.sol-is-home a {
  text-decoration: none;
  color: inherit;
}
.sol-is-home img {
  max-width: 100%;
  display: block;
}
.sol-is-home ul {
  list-style: none;
}
.sol-is-home .container {
  max-width: var(--max-w);
  margin: 0 auto;
  padding: 0 24px;
}
.sol-is-home .section {
  padding: 110px 0;
  position: relative;
}
.sol-is-home .section-sm {
  padding: 72px 0;
}

/* ===== Typography ===== */
.sol-is-home .eyebrow {
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--c-primary);
  margin-bottom: 12px;
}
.sol-is-home .section-num {
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.18em;
  color: var(--c-primary);
  display: inline-block;
  background: linear-gradient(135deg, rgba(30, 136, 229, 0.1), rgba(66, 165, 245, 0.1));
  padding: 6px 14px;
  border-radius: 100px;
  margin-bottom: 14px;
}
.sol-is-home .section-title {
  font-size: 2.4rem;
  font-weight: 800;
  color: var(--c-text);
  line-height: 1.25;
  margin-bottom: 18px;
  letter-spacing: -0.02em;
}
.sol-is-home .section-subtitle {
  font-size: 1.08rem;
  color: var(--c-slate);
  max-width: 720px;
  line-height: 1.8;
}
.sol-is-home .section-head {
  margin-bottom: 64px;
}
.sol-is-home .section-head.center {
  text-align: center;
}
.sol-is-home .section-head.center .section-subtitle {
  margin: 0 auto;
}
.sol-is-home .section-head.center .section-num {
  display: inline-block;
}

/* ===== 3D Buttons ===== */
.sol-is-home .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 28px;
  border-radius: 12px;
  font-size: 0.94rem;
  font-weight: 600;
  cursor: pointer;
  border: none;
  transition: all 0.25s;
  white-space: nowrap;
  line-height: 1.2;
}
.sol-is-home .btn-primary {
  background: linear-gradient(180deg, #42a5f5 0%, #1e88e5 50%, #1976d2 100%);
  color: #fff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -2px 0 rgba(0, 0, 0, 0.08), 0 4px 0 var(--c-primary-3), 0 8px 20px rgba(30, 136, 229, 0.35);
}
.sol-is-home .btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -2px 0 rgba(0, 0, 0, 0.08), 0 6px 0 var(--c-primary-3), 0 12px 26px rgba(30, 136, 229, 0.45);
}
.sol-is-home .btn-primary:active {
  transform: translateY(2px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -2px 0 rgba(0, 0, 0, 0.08), 0 1px 0 var(--c-primary-3), 0 4px 12px rgba(30, 136, 229, 0.35);
}
.sol-is-home .btn-outline {
  background: #fff;
  color: var(--c-primary-3);
  border: 1.5px solid var(--c-border);
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.08);
}
.sol-is-home .btn-outline:hover {
  border-color: var(--c-primary);
  color: var(--c-primary);
  box-shadow: 0 6px 18px rgba(30, 136, 229, 0.18);
  transform: translateY(-2px);
}
.sol-is-home .btn-ghost {
  background: rgba(255, 255, 255, 0.14);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.35);
  backdrop-filter: blur(6px);
}
.sol-is-home .btn-ghost:hover {
  background: rgba(255, 255, 255, 0.24);
  transform: translateY(-2px);
}
.sol-is-home .btn-lg {
  padding: 17px 40px;
  font-size: 1.05rem;
  border-radius: 14px;
}
.sol-is-home .btn-lg.btn-primary {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), inset 0 -2px 0 rgba(0, 0, 0, 0.1), 0 6px 0 var(--c-primary-3), 0 12px 28px rgba(30, 136, 229, 0.4);
}
.sol-is-home .btn-sm {
  padding: 9px 20px;
  font-size: 0.85rem;
  border-radius: 10px;
}

/* ===== Hero (no top nav, reduced top padding) ===== */
.sol-is-home .hero {
  position: relative;
  background: linear-gradient(135deg, #0d47a1 0%, #1565c0 30%, #1e88e5 70%, #2196f3 100%);
  padding: 120px 0 100px;
  overflow: hidden;
}
.sol-is-home .hero::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: radial-gradient(circle at 15% 40%, rgba(255, 255, 255, 0.18) 0%, transparent 45%), radial-gradient(circle at 85% 25%, rgba(66, 165, 245, 0.25) 0%, transparent 50%), radial-gradient(circle at 70% 80%, rgba(255, 255, 255, 0.1) 0%, transparent 40%);
  pointer-events: none;
}
.sol-is-home .hero::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 80px;
  background: linear-gradient(to bottom, transparent, var(--c-white));
  pointer-events: none;
}
.sol-is-home .hero-grid {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 56px;
  align-items: center;
  position: relative;
  z-index: 1;
}
.sol-is-home .hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 18px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 100px;
  color: #fff;
  font-size: 0.82rem;
  font-weight: 500;
  margin-bottom: 30px;
  backdrop-filter: blur(8px);
}
.sol-is-home .hero-badge .dot {
  width: 8px;
  height: 8px;
  background: #34d399;
  border-radius: 50%;
  box-shadow: 0 0 10px #34d399;
  animation: pulse 1.6s ease-in-out infinite;
}
@keyframes pulse {
0%, 100% {
    opacity: 1;
    transform: scale(1);
}
50% {
    opacity: 0.6;
    transform: scale(1.3);
}
}
.sol-is-home .hero h1 {
  font-size: 3.2rem;
  font-weight: 900;
  color: #fff;
  line-height: 1.18;
  letter-spacing: -0.025em;
  margin-bottom: 24px;
}
.sol-is-home .hero h1 .highlight {
  background: linear-gradient(135deg, #fff, #bbdefb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  position: relative;
  display: inline-block;
}
.sol-is-home .hero h1 .highlight::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -4px;
  height: 6px;
  background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0.2) 100%);
  border-radius: 3px;
  opacity: 0.5;
}
.sol-is-home .hero-sub {
  font-size: 1.14rem;
  color: rgba(255, 255, 255, 0.85);
  line-height: 1.85;
  margin-bottom: 28px;
  max-width: 560px;
}
.sol-is-home .hero-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 36px;
}
.sol-is-home .hero-tags span {
  padding: 7px 16px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 30px;
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.85);
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(4px);
}
.sol-is-home .hero-cta {
  display: flex;
  gap: 16px;
  margin-bottom: 40px;
  flex-wrap: wrap;
}
.sol-is-home .hero-trust {
  display: flex;
  align-items: center;
  gap: 30px;
  flex-wrap: wrap;
}
.sol-is-home .hero-trust-item {
  display: flex;
  align-items: center;
  gap: 10px;
}
.sol-is-home .hero-trust-num {
  font-size: 1.65rem;
  font-weight: 800;
  color: #fff;
}
.sol-is-home .hero-trust-label {
  font-size: 0.82rem;
  color: rgba(255, 255, 255, 0.6);
}
.sol-is-home .hero-trust-divider {
  width: 1px;
  height: 40px;
  background: rgba(255, 255, 255, 0.18);
}

/* Hero Dashboard Mockup */
.sol-is-home .hero-visual {
  position: relative;
}
.sol-is-home .dash-mock {
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 40px 90px rgba(0, 30, 80, 0.45);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.sol-is-home .dash-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 14px 18px;
  background: #f0f7ff;
  border-bottom: 1px solid var(--c-border);
}
.sol-is-home .dash-bar .dots {
  display: flex;
  gap: 6px;
}
.sol-is-home .dash-bar .dots span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.sol-is-home .dash-bar .dots span:nth-child(1) {
  background: #ef4444;
}
.sol-is-home .dash-bar .dots span:nth-child(2) {
  background: #f59e0b;
}
.sol-is-home .dash-bar .dots span:nth-child(3) {
  background: #22c55e;
}
.sol-is-home .dash-bar .url {
  flex: 1;
  text-align: center;
  font-size: 0.72rem;
  color: var(--c-slate-light);
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 6px;
  padding: 4px 14px;
  margin-left: 8px;
}
.sol-is-home .dash-body {
  display: grid;
  grid-template-columns: 68px 1fr;
  min-height: 360px;
}
.sol-is-home .dash-side {
  background: linear-gradient(180deg, #0d47a1, #1565c0);
  padding: 16px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.sol-is-home .dash-side .icon-item {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.5);
  transition: 0.2s;
}
.sol-is-home .dash-side .icon-item.active {
  background: linear-gradient(135deg, #42a5f5, #1e88e5);
  color: #fff;
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.5);
}
.sol-is-home .dash-side .icon-item svg {
  width: 18px;
  height: 18px;
}
.sol-is-home .dash-main {
  padding: 20px;
  background: #fafbfc;
}
.sol-is-home .dash-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-bottom: 16px;
}
.sol-is-home .dash-stat {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 12px;
  padding: 14px;
  transition: 0.2s;
}
.sol-is-home .dash-stat:hover {
  border-color: var(--c-primary-light);
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.1);
}
.sol-is-home .dash-stat-label {
  font-size: 0.68rem;
  color: var(--c-slate-light);
  margin-bottom: 4px;
}
.sol-is-home .dash-stat-val {
  font-size: 1.2rem;
  font-weight: 800;
  color: var(--c-text);
}
.sol-is-home .dash-stat-trend {
  font-size: 0.65rem;
  font-weight: 700;
  margin-top: 3px;
}
.sol-is-home .up {
  color: #10b981;
}
.sol-is-home .dn {
  color: #ef4444;
}
.sol-is-home .dash-chart {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 12px;
  padding: 16px;
}
.sol-is-home .dash-chart-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
}
.sol-is-home .dash-chart-title {
  font-size: 0.74rem;
  font-weight: 600;
  color: var(--c-text);
}
.sol-is-home .dash-chart-tag {
  font-size: 0.62rem;
  color: var(--c-primary);
  background: linear-gradient(135deg, rgba(30, 136, 229, 0.1), rgba(66, 165, 245, 0.1));
  padding: 3px 10px;
  border-radius: 100px;
  font-weight: 600;
}
.sol-is-home .bars {
  display: flex;
  align-items: flex-end;
  gap: 6px;
  height: 96px;
}
.sol-is-home .bar {
  flex: 1;
  border-radius: 4px 4px 0 0;
  background: linear-gradient(180deg, #42a5f5, #1565c0);
  opacity: 0.9;
  transition: opacity 0.2s;
}
.sol-is-home .bar:hover {
  opacity: 1;
}
.sol-is-home .bar.dim {
  background: linear-gradient(180deg, #cbd5e1, #94a3b8);
}
.sol-is-home .dash-float {
  position: absolute;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 14px 36px rgba(0, 30, 80, 0.25);
  padding: 14px 18px;
  display: flex;
  align-items: center;
  gap: 14px;
  animation: float 3.5s ease-in-out infinite;
  border: 1px solid rgba(255, 255, 255, 0.6);
}
.sol-is-home .dash-float-1 {
  top: -20px;
  right: -12px;
  animation-delay: 0s;
}
.sol-is-home .dash-float-2 {
  bottom: -18px;
  left: -18px;
  animation-delay: 1.5s;
}
.sol-is-home .dash-float-icon {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.sol-is-home .dash-float-icon.green {
  background: linear-gradient(135deg, #d1fae5, #a7f3d0);
  color: #10b981;
}
.sol-is-home .dash-float-icon.blue {
  background: linear-gradient(135deg, #dbeafe, #bfdbfe);
  color: #1e88e5;
}
.sol-is-home .dash-float-text .num {
  font-size: 1.05rem;
  font-weight: 800;
  color: var(--c-text);
}
.sol-is-home .dash-float-text .label {
  font-size: 0.7rem;
  color: var(--c-slate-light);
}
@keyframes float {
0%, 100% {
    transform: translateY(0);
}
50% {
    transform: translateY(-12px);
}
}
/* ===== Pain Points ===== */
.sol-is-home .pain-section {
  background: linear-gradient(180deg, var(--c-white), var(--c-bg));
}
.sol-is-home .pain-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}
.sol-is-home .pain-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 36px 30px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-is-home .pain-card:hover {
  border-color: var(--c-primary-light);
  box-shadow: var(--shadow-xl);
  transform: translateY(-6px);
}
.sol-is-home .pain-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #1e88e5, #42a5f5, #06b6d4);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.sol-is-home .pain-card:hover::before {
  transform: scaleX(1);
}
.sol-is-home .pain-num {
  position: absolute;
  top: 24px;
  right: 28px;
  font-size: 2.8rem;
  font-weight: 900;
  color: rgba(30, 136, 229, 0.06);
  line-height: 1;
}
.sol-is-home .pain-icon {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: linear-gradient(135deg, #e3f2fd, #bbdefb);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.15);
}
.sol-is-home .pain-icon svg {
  width: 28px;
  height: 28px;
  color: var(--c-primary-2);
}
.sol-is-home .pain-title {
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.sol-is-home .pain-desc {
  font-size: 0.92rem;
  color: var(--c-slate);
  line-height: 1.8;
}

/* ===== Solution Overview ===== */
.sol-is-home .solution-section {
  background: #fff;
}
.sol-is-home .solution-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}
.sol-is-home .solution-card {
  background: linear-gradient(145deg, #f5f9ff, #e8f1fb);
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 40px 32px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-is-home .solution-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
}
.sol-is-home .solution-card::after {
  content: "";
  position: absolute;
  top: -30px;
  right: -30px;
  width: 120px;
  height: 120px;
  background: radial-gradient(circle, rgba(30, 136, 229, 0.1), transparent);
  pointer-events: none;
}
.sol-is-home .solution-icon {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  background: linear-gradient(135deg, #1e88e5, #42a5f5);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.3);
}
.sol-is-home .solution-icon svg {
  width: 26px;
  height: 26px;
  color: #fff;
}
.sol-is-home .solution-card h3 {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 14px;
}
.sol-is-home .solution-card p {
  font-size: 0.95rem;
  color: var(--c-slate);
  line-height: 1.8;
}

/* ===== Core Functions ===== */
.sol-is-home .func-section {
  background: linear-gradient(180deg, var(--c-bg), var(--c-white));
}
.sol-is-home .func-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
.sol-is-home .func-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 36px 32px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
  display: flex;
  gap: 24px;
}
.sol-is-home .func-card:hover {
  border-color: var(--c-primary-light);
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
}
.sol-is-home .func-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: linear-gradient(180deg, #1e88e5, #42a5f5);
  transform: scaleY(0);
  transform-origin: top;
  transition: transform 0.4s;
}
.sol-is-home .func-card:hover::before {
  transform: scaleY(1);
}
.sol-is-home .func-card-num {
  font-size: 2.4rem;
  font-weight: 900;
  color: rgba(30, 136, 229, 0.12);
  line-height: 1;
  flex-shrink: 0;
  min-width: 56px;
}
.sol-is-home .func-card-body {
  flex: 1;
}
.sol-is-home .func-card-icon {
  width: 44px;
  height: 44px;
  border-radius: 11px;
  background: linear-gradient(135deg, #e3f2fd, #bbdefb);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.12);
}
.sol-is-home .func-card-icon svg {
  width: 22px;
  height: 22px;
  color: var(--c-primary-2);
}
.sol-is-home .func-card-body h3 {
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 10px;
}
.sol-is-home .func-card-body p {
  font-size: 0.92rem;
  color: var(--c-slate);
  line-height: 1.8;
}

/* ===== Core Advantages ===== */
.sol-is-home .advantage-section {
  background: #fff;
}
.sol-is-home .advantage-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.sol-is-home .advantage-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius);
  padding: 34px 28px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-is-home .advantage-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
  border-color: var(--c-primary-light);
}
.sol-is-home .advantage-card::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #1e88e5, #42a5f5);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.sol-is-home .advantage-card:hover::before {
  transform: scaleX(1);
}
.sol-is-home .advantage-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: linear-gradient(135deg, #1e88e5, #42a5f5);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  box-shadow: 0 6px 16px rgba(30, 136, 229, 0.25);
}
.sol-is-home .advantage-icon svg {
  width: 24px;
  height: 24px;
  color: #fff;
}
.sol-is-home .advantage-card h3 {
  font-size: 1.12rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.sol-is-home .advantage-card p {
  font-size: 0.9rem;
  color: var(--c-slate);
  line-height: 1.75;
}
.sol-is-home .advantage-card.featured {
  grid-column: span 3;
  background: linear-gradient(135deg, #0d47a1, #1565c0);
  border: none;
}
.sol-is-home .advantage-card.featured h3 {
  color: #fff;
}
.sol-is-home .advantage-card.featured p {
  color: rgba(255, 255, 255, 0.75);
}
.sol-is-home .advantage-card.featured .advantage-icon {
  background: rgba(255, 255, 255, 0.15);
  box-shadow: none;
}
.sol-is-home .advantage-card.featured .advantage-icon svg {
  color: #90caf9;
}
.sol-is-home .advantage-card.featured::before {
  display: none;
}

/* ===== Application Scenarios ===== */
.sol-is-home .scenario-section {
  background: linear-gradient(180deg, var(--c-bg), var(--c-bg-2));
}
.sol-is-home .scenario-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.sol-is-home .scenario-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius);
  padding: 32px 28px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-is-home .scenario-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
  border-color: var(--c-primary-light);
}
.sol-is-home .scenario-tag {
  display: inline-block;
  padding: 5px 12px;
  background: linear-gradient(135deg, rgba(30, 136, 229, 0.1), rgba(66, 165, 245, 0.1));
  color: var(--c-primary);
  font-size: 0.72rem;
  font-weight: 700;
  border-radius: 100px;
  margin-bottom: 16px;
}
.sol-is-home .scenario-card h3 {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.sol-is-home .scenario-card p {
  font-size: 0.9rem;
  color: var(--c-slate);
  line-height: 1.75;
}
.sol-is-home .scenario-card::after {
  content: "";
  position: absolute;
  bottom: -20px;
  right: -20px;
  width: 80px;
  height: 80px;
  background: radial-gradient(circle, rgba(30, 136, 229, 0.06), transparent);
  pointer-events: none;
}

/* ===== Customer Value ===== */
.sol-is-home .value-section {
  background: #fff;
}
.sol-is-home .value-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}
.sol-is-home .value-card {
  background: linear-gradient(145deg, #f5f9ff, #e8f1fb);
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 36px 26px;
  text-align: center;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-is-home .value-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-6px);
}
.sol-is-home .value-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #1e88e5, #42a5f5, #06b6d4);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.4s;
}
.sol-is-home .value-card:hover::before {
  transform: scaleX(1);
}
.sol-is-home .value-icon {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: linear-gradient(135deg, #1e88e5, #42a5f5);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.3);
}
.sol-is-home .value-icon svg {
  width: 28px;
  height: 28px;
  color: #fff;
}
.sol-is-home .value-card h3 {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.sol-is-home .value-card p {
  font-size: 0.88rem;
  color: var(--c-slate);
  line-height: 1.75;
}
.sol-is-home .value-highlight {
  display: inline-block;
  margin-top: 14px;
  padding: 5px 14px;
  background: #fff;
  border: 1px solid var(--c-primary-light);
  border-radius: 100px;
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--c-primary);
}

/* ===== Trust Section ===== */
.sol-is-home .trust-section {
  background: linear-gradient(135deg, #0a3a7a 0%, #0d47a1 50%, #1565c0 100%);
  position: relative;
  overflow: hidden;
  padding: 100px 0;
}
.sol-is-home .trust-section::before {
  content: "";
  position: absolute;
  top: -50%;
  right: -10%;
  width: 600px;
  height: 600px;
  background: radial-gradient(circle, rgba(66, 165, 245, 0.15) 0%, transparent 70%);
  pointer-events: none;
}
.sol-is-home .trust-section::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
}
.sol-is-home .trust-section .section-title {
  color: #fff;
}
.sol-is-home .trust-section .section-subtitle {
  color: rgba(255, 255, 255, 0.7);
}
.sol-is-home .trust-section .section-num {
  color: #90caf9;
  background: rgba(255, 255, 255, 0.1);
}
.sol-is-home .trust-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  margin-bottom: 60px;
}
.sol-is-home .trust-stat {
  text-align: center;
  padding: 36px 22px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius);
  transition: 0.3s;
  backdrop-filter: blur(6px);
}
.sol-is-home .trust-stat:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.18);
  transform: translateY(-6px);
}
.sol-is-home .trust-stat .num {
  font-size: 2.8rem;
  font-weight: 900;
  color: #fff;
  letter-spacing: -0.025em;
  line-height: 1;
  margin-bottom: 8px;
}
.sol-is-home .trust-stat .num .unit {
  font-size: 1.4rem;
  font-weight: 700;
}
.sol-is-home .trust-stat .label {
  font-size: 0.88rem;
  color: rgba(255, 255, 255, 0.55);
  font-weight: 500;
}
.sol-is-home .logo-wall {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius-lg);
  padding: 44px;
  margin-bottom: 48px;
  backdrop-filter: blur(6px);
}
.sol-is-home .logo-wall-title {
  text-align: center;
  font-size: 0.82rem;
  color: rgba(255, 255, 255, 0.45);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  margin-bottom: 28px;
  font-weight: 600;
}
.sol-is-home .logo-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 18px;
}
.sol-is-home .logo-item {
  height: 64px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.82rem;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.4);
  transition: 0.3s;
}
.sol-is-home .logo-item:hover {
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.8);
  border-color: rgba(255, 255, 255, 0.18);
  transform: translateY(-2px);
}
.sol-is-home .trust-cert {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}
.sol-is-home .cert-card {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius);
  padding: 28px;
  display: flex;
  align-items: center;
  gap: 18px;
  transition: 0.3s;
  backdrop-filter: blur(6px);
}
.sol-is-home .cert-card:hover {
  background: rgba(255, 255, 255, 0.08);
  transform: translateY(-3px);
}
.sol-is-home .cert-icon {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(66, 165, 245, 0.2), rgba(30, 136, 229, 0.2));
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border: 1px solid rgba(66, 165, 245, 0.3);
}
.sol-is-home .cert-icon svg {
  width: 26px;
  height: 26px;
  color: #90caf9;
}
.sol-is-home .cert-info .title {
  font-size: 0.92rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 4px;
}
.sol-is-home .cert-info .desc {
  font-size: 0.78rem;
  color: rgba(255, 255, 255, 0.45);
}

/* ===== FAQ ===== */
.sol-is-home .faq-section {
  background: linear-gradient(180deg, var(--c-bg), var(--c-white));
}
.sol-is-home .faq-wrap {
  max-width: 880px;
  margin: 0 auto;
}
.sol-is-home .faq-item {
  border: 1.5px solid var(--c-border);
  border-radius: var(--radius);
  margin-bottom: 14px;
  overflow: hidden;
  transition: 0.3s;
  background: #fff;
}
.sol-is-home .faq-item.active {
  border-color: var(--c-primary);
  box-shadow: 0 8px 28px rgba(30, 136, 229, 0.12);
}
.sol-is-home .faq-item.active .faq-q {
  color: var(--c-primary);
}
.sol-is-home .faq-q {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22px 28px;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 600;
  color: var(--c-text);
  transition: color 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  gap: 16px;
}
.sol-is-home .faq-q .arrow {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  transition: transform 0.3s;
  color: var(--c-slate-light);
}
.sol-is-home .faq-item.active .faq-q .arrow {
  transform: rotate(180deg);
  color: var(--c-primary);
}
.sol-is-home .faq-a {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}
.sol-is-home .faq-a-inner {
  padding: 0 28px 24px;
  font-size: 0.94rem;
  color: var(--c-slate);
  line-height: 1.85;
}

/* ===== Final CTA ===== */
.sol-is-home .cta-section {
  position: relative;
  background: linear-gradient(135deg, #0d47a1 0%, #1565c0 50%, #1e88e5 100%);
  padding: 100px 0;
  overflow: hidden;
}
.sol-is-home .cta-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: radial-gradient(circle at 70% 30%, rgba(66, 165, 245, 0.25) 0%, transparent 50%), radial-gradient(circle at 20% 80%, rgba(255, 255, 255, 0.12) 0%, transparent 40%);
  pointer-events: none;
}
.sol-is-home .cta-section::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 60px;
  background: linear-gradient(to bottom, transparent, var(--c-footer));
  pointer-events: none;
}
.sol-is-home .cta-inner {
  position: relative;
  z-index: 1;
  text-align: center;
  max-width: 820px;
  margin: 0 auto;
}
.sol-is-home .cta-inner h2 {
  font-size: 2.5rem;
  font-weight: 900;
  color: #fff;
  letter-spacing: -0.025em;
  margin-bottom: 20px;
  line-height: 1.25;
}
.sol-is-home .cta-inner h2 .highlight {
  background: linear-gradient(135deg, #fff, #bbdefb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.sol-is-home .cta-inner p {
  font-size: 1.12rem;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.85;
  margin-bottom: 44px;
}
.sol-is-home .cta-options {
  display: flex;
  gap: 18px;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 36px;
}
.sol-is-home .cta-note {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.5);
  flex-wrap: wrap;
}
.sol-is-home .cta-note .dot {
  width: 5px;
  height: 5px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
}

/* ===== Footer (common template text & styles) ===== */
.sol-is-home .footer {
  background: linear-gradient(180deg, var(--c-footer) 0%, #081422 100%);
  color: rgba(255, 255, 255, 0.55);
  padding: 0;
  position: relative;
  overflow: hidden;
}
.sol-is-home .footer::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, transparent, var(--c-primary), transparent);
  opacity: 0.6;
}
.sol-is-home .footer-hotline {
  background: linear-gradient(90deg, #0d2238 0%, #0a1929 100%);
  padding: 28px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.sol-is-home .footer-hotline-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 24px;
}
.sol-is-home .footer-logo {
  display: flex;
  align-items: center;
  gap: 14px;
}
.sol-is-home .footer-logo-icon {
  width: 52px;
  height: 52px;
  border-radius: 14px;
  background: linear-gradient(135deg, #1e88e5, #42a5f5);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.35);
}
.sol-is-home .footer-logo-icon svg {
  width: 30px;
  height: 30px;
  color: #fff;
}
.sol-is-home .footer-logo-text {
  display: flex;
  flex-direction: column;
  line-height: 1.3;
}
.sol-is-home .footer-logo-text .name {
  font-size: 1.4rem;
  font-weight: 800;
  color: #fff;
  letter-spacing: -0.02em;
}
.sol-is-home .footer-logo-text .url {
  font-size: 0.78rem;
  color: rgba(66, 165, 245, 0.7);
  font-weight: 500;
}
.sol-is-home .footer-hotline-display {
  display: flex;
  align-items: center;
  gap: 14px;
}
.sol-is-home .footer-hotline-label {
  font-size: 1rem;
  color: rgba(255, 255, 255, 0.65);
  font-weight: 500;
}
.sol-is-home .footer-hotline-num {
  font-size: 2rem;
  font-weight: 900;
  color: #fff;
  letter-spacing: 0.02em;
  background: linear-gradient(135deg, #42a5f5, #fff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.sol-is-home .footer-main {
  padding: 56px 0 36px;
}
.sol-is-home .footer-grid {
  display: grid;
  grid-template-columns: 1.6fr 1fr 1fr 1.2fr;
  gap: 44px;
  margin-bottom: 44px;
}
.sol-is-home .footer-brand {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.sol-is-home .footer-brand-info {
  display: flex;
  flex-direction: column;
  gap: 12px;
  font-size: 0.85rem;
  line-height: 1.85;
  color: rgba(255, 255, 255, 0.55);
}
.sol-is-home .footer-brand-info .row {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.sol-is-home .footer-brand-info .row strong {
  color: rgba(255, 255, 255, 0.7);
  font-weight: 600;
  min-width: 78px;
  flex-shrink: 0;
}
.sol-is-home .footer-badges {
  display: flex;
  gap: 10px;
  margin-top: 6px;
}
.sol-is-home .footer-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 10px;
  background: linear-gradient(135deg, #dc2626, #b91c1c);
  color: #fff;
  font-size: 0.7rem;
  font-weight: 700;
  box-shadow: 0 4px 10px rgba(220, 38, 38, 0.3);
}
.sol-is-home .footer-badge.gold {
  background: linear-gradient(135deg, #f59e0b, #d97706);
  box-shadow: 0 4px 10px rgba(245, 158, 11, 0.3);
}
.sol-is-home .footer-badge.blue {
  background: linear-gradient(135deg, #1e88e5, #1565c0);
  box-shadow: 0 4px 10px rgba(30, 136, 229, 0.3);
}
.sol-is-home .footer-col h4 {
  font-size: 1rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 20px;
  letter-spacing: 0.02em;
  position: relative;
  padding-bottom: 12px;
}
.sol-is-home .footer-col h4::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 24px;
  height: 2px;
  background: linear-gradient(90deg, #1e88e5, #42a5f5);
  border-radius: 1px;
}
.sol-is-home .footer-col ul {
  display: flex;
  flex-direction: column;
  gap: 11px;
}
.sol-is-home .footer-col li a {
  font-size: 0.88rem;
  color: rgba(255, 255, 255, 0.5);
  transition: 0.2s;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.sol-is-home .footer-col li a::before {
  content: "›";
  color: rgba(255, 255, 255, 0.3);
  font-size: 1rem;
  transition: 0.2s;
}
.sol-is-home .footer-col li a:hover {
  color: #42a5f5;
}
.sol-is-home .footer-col li a:hover::before {
  color: #42a5f5;
  transform: translateX(2px);
}
.sol-is-home .footer-contact {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.sol-is-home .footer-contact-row {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-size: 0.88rem;
}
.sol-is-home .footer-contact-row .ic {
  width: 18px;
  height: 18px;
  color: #42a5f5;
  flex-shrink: 0;
  margin-top: 2px;
}
.sol-is-home .footer-contact-row .label {
  color: rgba(255, 255, 255, 0.45);
  min-width: 80px;
}
.sol-is-home .footer-contact-row .val {
  color: rgba(255, 255, 255, 0.85);
  font-weight: 500;
}
.sol-is-home .footer-qr {
  display: flex;
  gap: 18px;
  margin-top: 8px;
  padding-top: 18px;
  border-top: 1px dashed rgba(255, 255, 255, 0.08);
}
.sol-is-home .footer-qr-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.sol-is-home .footer-qr-img {
  width: 92px;
  height: 92px;
  background: #fff;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  padding: 8px;
}
.sol-is-home .footer-qr-img::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: repeating-linear-gradient(0deg, #000 0 4px, transparent 4px 8px), repeating-linear-gradient(90deg, #000 0 4px, transparent 4px 8px);
  opacity: 0.85;
}
.sol-is-home .footer-qr-img::after {
  content: "RC";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 24px;
  height: 24px;
  background: linear-gradient(135deg, #1e88e5, #42a5f5);
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 0.7rem;
  font-weight: 800;
  z-index: 1;
  box-shadow: 0 0 0 3px #fff;
}
.sol-is-home .footer-qr-label {
  font-size: 0.72rem;
  color: rgba(255, 255, 255, 0.5);
  text-align: center;
  line-height: 1.5;
}
.sol-is-home .footer-keywords {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}
.sol-is-home .footer-kw {
  padding: 4px 10px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 6px;
  font-size: 0.75rem;
  color: rgba(255, 255, 255, 0.5);
}
.sol-is-home .footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  padding: 22px 0;
  background: rgba(0, 0, 0, 0.15);
}
.sol-is-home .footer-bottom-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.82rem;
  color: rgba(255, 255, 255, 0.35);
  flex-wrap: wrap;
  gap: 12px;
}
.sol-is-home .footer-bottom a {
  color: rgba(255, 255, 255, 0.35);
  transition: 0.2s;
  margin: 0 8px;
}
.sol-is-home .footer-bottom a:hover {
  color: #42a5f5;
}

/* ===== Scroll Animations ===== */
.sol-is-home .reveal {
  opacity: 0;
  transform: translateY(32px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}
.sol-is-home .reveal.active {
  opacity: 1;
  transform: translateY(0);
}
.sol-is-home .reveal-delay-1 {
  transition-delay: 0.12s;
}
.sol-is-home .reveal-delay-2 {
  transition-delay: 0.24s;
}
.sol-is-home .reveal-delay-3 {
  transition-delay: 0.36s;
}

/* ===== Mobile Responsive ===== */
@media (max-width: 1024px) {
.sol-is-home .hero-grid {
    grid-template-columns: 1fr;
    gap: 48px;
}
.sol-is-home .hero h1 {
    font-size: 2.6rem;
}
.sol-is-home .pain-grid {
    grid-template-columns: repeat(2, 1fr);
}
.sol-is-home .solution-grid {
    grid-template-columns: 1fr;
}
.sol-is-home .func-grid {
    grid-template-columns: 1fr;
}
.sol-is-home .advantage-grid {
    grid-template-columns: repeat(2, 1fr);
}
.sol-is-home .advantage-card.featured {
    grid-column: span 2;
}
.sol-is-home .scenario-grid {
    grid-template-columns: repeat(2, 1fr);
}
.sol-is-home .value-grid {
    grid-template-columns: repeat(2, 1fr);
}
.sol-is-home .trust-stats {
    grid-template-columns: repeat(2, 1fr);
}
.sol-is-home .logo-grid {
    grid-template-columns: repeat(3, 1fr);
}
.sol-is-home .footer-grid {
    grid-template-columns: 1fr 1fr;
    gap: 36px;
}
.sol-is-home .footer-hotline-display {
    width: 100%;
    justify-content: flex-start;
}
}
@media (max-width: 768px) {
.sol-is-home .section {
    padding: 72px 0;
}
.sol-is-home .section-title {
    font-size: 1.8rem;
}
.sol-is-home .section-head {
    margin-bottom: 42px;
}
.sol-is-home .hero {
    padding: 96px 0 64px;
}
.sol-is-home .hero h1 {
    font-size: 2.1rem;
}
.sol-is-home .hero-sub {
    font-size: 1.05rem;
}
.sol-is-home .hero-cta {
    flex-direction: column;
    width: 100%;
}
.sol-is-home .hero-cta .btn {
    width: 100%;
}
.sol-is-home .hero-trust {
    gap: 20px;
}
.sol-is-home .hero-trust-divider {
    display: none;
}
.sol-is-home .hero-trust-num {
    font-size: 1.4rem;
}
.sol-is-home .hero-trust-label {
    font-size: 0.78rem;
}
.sol-is-home .hero-visual {
    max-width: 440px;
    margin: 0 auto;
}
.sol-is-home .dash-float {
    display: none;
}
.sol-is-home .pain-grid {
    grid-template-columns: 1fr;
    gap: 18px;
}
.sol-is-home .pain-card {
    padding: 30px 24px;
}
.sol-is-home .func-card {
    padding: 28px 24px;
    flex-direction: column;
    gap: 16px;
}
.sol-is-home .func-card-num {
    font-size: 2rem;
    min-width: auto;
}
.sol-is-home .advantage-grid {
    grid-template-columns: 1fr;
}
.sol-is-home .advantage-card.featured {
    grid-column: span 1;
}
.sol-is-home .scenario-grid {
    grid-template-columns: 1fr;
}
.sol-is-home .value-grid {
    grid-template-columns: 1fr 1fr;
}
.sol-is-home .trust-stats {
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}
.sol-is-home .trust-stat {
    padding: 24px 14px;
}
.sol-is-home .trust-stat .num {
    font-size: 2.1rem;
}
.sol-is-home .logo-wall {
    padding: 28px;
}
.sol-is-home .logo-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
}
.sol-is-home .logo-item {
    height: 54px;
    font-size: 0.75rem;
}
.sol-is-home .trust-cert {
    grid-template-columns: 1fr;
    gap: 14px;
}
.sol-is-home .cert-card {
    padding: 20px;
}
.sol-is-home .cta-inner h2 {
    font-size: 1.9rem;
}
.sol-is-home .cta-inner p {
    font-size: 1rem;
}
.sol-is-home .cta-options {
    flex-direction: column;
    width: 100%;
}
.sol-is-home .cta-options .btn {
    width: 100%;
}
.sol-is-home .footer-hotline-inner {
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
}
.sol-is-home .footer-hotline-num {
    font-size: 1.7rem;
}
.sol-is-home .footer-grid {
    grid-template-columns: 1fr;
    gap: 32px;
}
.sol-is-home .footer-bottom-inner {
    flex-direction: column;
    gap: 10px;
    text-align: center;
}
.sol-is-home .footer-qr {
    flex-direction: row;
    justify-content: flex-start;
}
}
@media (max-width: 480px) {
.sol-is-home .container {
    padding: 0 18px;
}
.sol-is-home .hero h1 {
    font-size: 1.85rem;
}
.sol-is-home .section-title {
    font-size: 1.55rem;
}
.sol-is-home .dash-stats {
    grid-template-columns: 1fr;
    gap: 8px;
}
.sol-is-home .value-grid {
    grid-template-columns: 1fr;
}
.sol-is-home .footer-hotline-num {
    font-size: 1.5rem;
}
}
/* 业务架构图（参考模版） */
/* 新零售全域业务架构图 */
.sol-is-home .ai-architecture {
  padding: 34px !important;
  margin-top: 46px !important;
  border: 1px solid #d5e6f8 !important;
  border-radius: 20px !important;
  background: #f8fbff !important;
  box-shadow: 0 16px 36px rgba(13, 71, 161, 0.08) !important;
}
.ai-architecture h3 {
  font-size: 1.48rem !important;
  color: #102e52 !important;
  text-align: center !important;
}
.ai-architecture > p {
  max-width: 700px;
  margin: 0 auto 28px !important;
  text-align: center !important;
  line-height: 1.7;
}
.arch-map {
  display: grid;
  gap: 13px;
}
.arch-band {
  display: grid;
  grid-template-columns: 174px 1fr;
  gap: 13px;
  align-items: stretch;
}
.arch-band-label {
  padding: 16px;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #e6f1ff;
  color: #125aa5;
  font-size: 0.92rem;
  font-weight: 800;
}
.arch-band-label small {
  margin-top: 5px;
  color: #5f87b4;
  font-size: 0.68rem;
  font-weight: 500;
}
.arch-band-content {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
}
.arch-unit {
  min-height: 84px;
  padding: 13px 9px;
  border: 1px solid #d4e5f8;
  border-radius: 11px;
  background: #fff;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #143b68;
  font-size: 0.82rem;
  font-weight: 800;
  transition: transform 0.2s, box-shadow 0.2s;
}
.arch-unit:hover {
  transform: translateY(-3px);
  box-shadow: 0 7px 16px rgba(30, 136, 229, 0.12);
}
.arch-unit i {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  margin-bottom: 6px;
  border-radius: 7px;
  background: #e5f1ff;
  color: #1565c0;
  font-size: 0.72rem;
  font-style: normal;
}
.arch-unit small {
  display: block;
  color: #7088a3;
  font-size: 0.66rem;
  font-weight: 400;
  line-height: 1.35;
  margin-top: 4px;
}
.arch-band.core .arch-band-label {
  background: #0d47a1;
  color: #fff;
}
.arch-band.core .arch-band-label small {
  color: #c6e1ff;
}
.arch-band.core .arch-unit {
  background: #1565c0;
  border-color: #1565c0;
  color: #fff;
}
.arch-band.core .arch-unit i {
  background: #fff;
  color: #1565c0;
}
.arch-band.core .arch-unit small {
  color: #d6eaff;
}
.arch-band.ai .arch-band-label {
  background: #e8f3ff;
}
.arch-band.ai .arch-unit {
  border-color: #b9d9fa;
  background: #fafdff;
}
.arch-map-note {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px dashed #c9ddf2;
  color: #62809f;
  font-size: 0.77rem;
}
.arch-map-note b {
  color: #1565c0;
}
@media (max-width: 1100px) {
.arch-band-content {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 700px) {
.ai-architecture {
    padding: 21px !important;
}
.arch-band {
    grid-template-columns: 1fr;
}
.arch-band-label {
    padding: 12px;
    align-items: center;
    text-align: center;
}
.arch-band-content {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.arch-unit {
    min-height: 78px;
}
.arch-map-note {
    align-items: flex-start;
    flex-direction: column;
}
}
/* ===== Reset & Base ===== */
.sol-is-hotel, .sol-is-hotel *, .sol-is-hotel *::before, .sol-is-hotel *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.sol-is-hotel {
  --c-primary:#1e88e5;
  --c-primary-2:#1976d2;
  --c-primary-3:#1565c0;
  --c-primary-4:#0d47a1;
  --c-primary-light:#42a5f5;
  --c-primary-bright:#2196f3;
  --c-cyan:#06b6d4;
  --c-slate:#475569;
  --c-slate-light:#64748b;
  --c-text:#0f172a;
  --c-text-mid:#334155;
  --c-bg:#f5f9ff;
  --c-bg-2:#eef4fc;
  --c-bg-3:#e8f1fb;
  --c-border:#e2e8f0;
  --c-white:#fff;
  --c-footer:#0a1929;
  --c-footer-2:#0d2238;
  --radius:14px;
  --radius-lg:22px;
  --shadow-sm:0 2px 8px rgba(30,136,229,.08);
  --shadow:0 8px 28px rgba(30,136,229,.10);
  --shadow-lg:0 18px 56px rgba(30,136,229,.14);
  --shadow-xl:0 28px 80px rgba(30,136,229,.18);
  --shadow-blue:0 10px 30px rgba(30,136,229,.35);
  --max-w:1280px;
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
}
.sol-is-hotel {
  scroll-behavior: smooth;
  font-size: 16px;
}
.sol-is-hotel {
  font-family: var(--font);
  color: var(--c-text);
  background: var(--c-white);
  line-height: 1.7;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}
.sol-is-hotel a {
  text-decoration: none;
  color: inherit;
}
.sol-is-hotel img {
  max-width: 100%;
  display: block;
}
.sol-is-hotel ul {
  list-style: none;
}
.sol-is-hotel .container {
  max-width: var(--max-w);
  margin: 0 auto;
  padding: 0 24px;
}
.sol-is-hotel .section {
  padding: 110px 0;
  position: relative;
}
.sol-is-hotel .section-sm {
  padding: 72px 0;
}

/* ===== Typography ===== */
.sol-is-hotel .eyebrow {
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--c-primary);
  margin-bottom: 12px;
}
.sol-is-hotel .section-num {
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.18em;
  color: var(--c-primary);
  display: inline-block;
  background: linear-gradient(135deg, rgba(30, 136, 229, 0.1), rgba(66, 165, 245, 0.1));
  padding: 6px 14px;
  border-radius: 100px;
  margin-bottom: 14px;
}
.sol-is-hotel .section-title {
  font-size: 2.4rem;
  font-weight: 800;
  color: var(--c-text);
  line-height: 1.25;
  margin-bottom: 18px;
  letter-spacing: -0.02em;
}
.sol-is-hotel .section-subtitle {
  font-size: 1.08rem;
  color: var(--c-slate);
  max-width: 720px;
  line-height: 1.8;
}
.sol-is-hotel .section-head {
  margin-bottom: 64px;
}
.sol-is-hotel .section-head.center {
  text-align: center;
}
.sol-is-hotel .section-head.center .section-subtitle {
  margin: 0 auto;
}
.sol-is-hotel .section-head.center .section-num {
  display: inline-block;
}

/* ===== 3D Buttons ===== */
.sol-is-hotel .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 28px;
  border-radius: 12px;
  font-size: 0.94rem;
  font-weight: 600;
  cursor: pointer;
  border: none;
  transition: all 0.25s;
  white-space: nowrap;
  line-height: 1.2;
}
.sol-is-hotel .btn-primary {
  background: linear-gradient(180deg, #42a5f5 0%, #1e88e5 50%, #1976d2 100%);
  color: #fff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -2px 0 rgba(0, 0, 0, 0.08), 0 4px 0 var(--c-primary-3), 0 8px 20px rgba(30, 136, 229, 0.35);
}
.sol-is-hotel .btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -2px 0 rgba(0, 0, 0, 0.08), 0 6px 0 var(--c-primary-3), 0 12px 26px rgba(30, 136, 229, 0.45);
}
.sol-is-hotel .btn-primary:active {
  transform: translateY(2px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -2px 0 rgba(0, 0, 0, 0.08), 0 1px 0 var(--c-primary-3), 0 4px 12px rgba(30, 136, 229, 0.35);
}
.sol-is-hotel .btn-outline {
  background: #fff;
  color: var(--c-primary-3);
  border: 1.5px solid var(--c-border);
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.08);
}
.sol-is-hotel .btn-outline:hover {
  border-color: var(--c-primary);
  color: var(--c-primary);
  box-shadow: 0 6px 18px rgba(30, 136, 229, 0.18);
  transform: translateY(-2px);
}
.sol-is-hotel .btn-ghost {
  background: rgba(255, 255, 255, 0.14);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.35);
  backdrop-filter: blur(6px);
}
.sol-is-hotel .btn-ghost:hover {
  background: rgba(255, 255, 255, 0.24);
  transform: translateY(-2px);
}
.sol-is-hotel .btn-lg {
  padding: 17px 40px;
  font-size: 1.05rem;
  border-radius: 14px;
}
.sol-is-hotel .btn-lg.btn-primary {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), inset 0 -2px 0 rgba(0, 0, 0, 0.1), 0 6px 0 var(--c-primary-3), 0 12px 28px rgba(30, 136, 229, 0.4);
}
.sol-is-hotel .btn-sm {
  padding: 9px 20px;
  font-size: 0.85rem;
  border-radius: 10px;
}

/* ===== Hero ===== */
.sol-is-hotel .hero {
  position: relative;
  background: linear-gradient(135deg, #0d47a1 0%, #1565c0 30%, #1e88e5 70%, #2196f3 100%);
  padding: 110px 0 100px;
  overflow: hidden;
}
.sol-is-hotel .hero::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: radial-gradient(circle at 15% 40%, rgba(255, 255, 255, 0.18) 0%, transparent 45%), radial-gradient(circle at 85% 25%, rgba(66, 165, 245, 0.25) 0%, transparent 50%), radial-gradient(circle at 70% 80%, rgba(255, 255, 255, 0.1) 0%, transparent 40%);
  pointer-events: none;
}
.sol-is-hotel .hero::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 80px;
  background: linear-gradient(to bottom, transparent, var(--c-white));
  pointer-events: none;
}
.sol-is-hotel .hero-grid {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 56px;
  align-items: center;
  position: relative;
  z-index: 1;
}
.sol-is-hotel .hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 18px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 100px;
  color: #fff;
  font-size: 0.82rem;
  font-weight: 500;
  margin-bottom: 30px;
  backdrop-filter: blur(8px);
}
.sol-is-hotel .hero-badge .dot {
  width: 8px;
  height: 8px;
  background: #34d399;
  border-radius: 50%;
  box-shadow: 0 0 10px #34d399;
  animation: pulse 1.6s ease-in-out infinite;
}
@keyframes pulse {
0%, 100% {
    opacity: 1;
    transform: scale(1);
}
50% {
    opacity: 0.6;
    transform: scale(1.3);
}
}
.sol-is-hotel .hero h1 {
  font-size: 3.2rem;
  font-weight: 900;
  color: #fff;
  line-height: 1.18;
  letter-spacing: -0.025em;
  margin-bottom: 24px;
}
.sol-is-hotel .hero h1 .highlight {
  background: linear-gradient(135deg, #fff, #bbdefb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  position: relative;
  display: inline-block;
}
.sol-is-hotel .hero h1 .highlight::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -4px;
  height: 6px;
  background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0.2) 100%);
  border-radius: 3px;
  opacity: 0.5;
}
.sol-is-hotel .hero-sub {
  font-size: 1.14rem;
  color: rgba(255, 255, 255, 0.85);
  line-height: 1.85;
  margin-bottom: 28px;
  max-width: 560px;
}
.sol-is-hotel .hero-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 36px;
}
.sol-is-hotel .hero-tags span {
  padding: 7px 16px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 30px;
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.85);
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(4px);
}
.sol-is-hotel .hero-cta {
  display: flex;
  gap: 16px;
  margin-bottom: 40px;
  flex-wrap: wrap;
}
.sol-is-hotel .hero-trust {
  display: flex;
  align-items: center;
  gap: 30px;
  flex-wrap: wrap;
}
.sol-is-hotel .hero-trust-item {
  display: flex;
  align-items: center;
  gap: 10px;
}
.sol-is-hotel .hero-trust-num {
  font-size: 1.65rem;
  font-weight: 800;
  color: #fff;
}
.sol-is-hotel .hero-trust-label {
  font-size: 0.82rem;
  color: rgba(255, 255, 255, 0.6);
}
.sol-is-hotel .hero-trust-divider {
  width: 1px;
  height: 40px;
  background: rgba(255, 255, 255, 0.18);
}

/* Hero Dashboard Mockup */
.sol-is-hotel .hero-visual {
  position: relative;
}
.sol-is-hotel .dash-mock {
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 40px 90px rgba(0, 30, 80, 0.45);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.sol-is-hotel .dash-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 14px 18px;
  background: #f0f7ff;
  border-bottom: 1px solid var(--c-border);
}
.sol-is-hotel .dash-bar .dots {
  display: flex;
  gap: 6px;
}
.sol-is-hotel .dash-bar .dots span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.sol-is-hotel .dash-bar .dots span:nth-child(1) {
  background: #ef4444;
}
.sol-is-hotel .dash-bar .dots span:nth-child(2) {
  background: #f59e0b;
}
.sol-is-hotel .dash-bar .dots span:nth-child(3) {
  background: #22c55e;
}
.sol-is-hotel .dash-bar .url {
  flex: 1;
  text-align: center;
  font-size: 0.72rem;
  color: var(--c-slate-light);
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 6px;
  padding: 4px 14px;
  margin-left: 8px;
}
.sol-is-hotel .dash-body {
  display: grid;
  grid-template-columns: 68px 1fr;
  min-height: 360px;
}
.sol-is-hotel .dash-side {
  background: linear-gradient(180deg, #0d47a1, #1565c0);
  padding: 16px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.sol-is-hotel .dash-side .icon-item {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.5);
  transition: 0.2s;
}
.sol-is-hotel .dash-side .icon-item.active {
  background: linear-gradient(135deg, #42a5f5, #1e88e5);
  color: #fff;
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.5);
}
.sol-is-hotel .dash-side .icon-item svg {
  width: 18px;
  height: 18px;
}
.sol-is-hotel .dash-main {
  padding: 20px;
  background: #fafbfc;
}
.sol-is-hotel .dash-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-bottom: 16px;
}
.sol-is-hotel .dash-stat {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 12px;
  padding: 14px;
  transition: 0.2s;
}
.sol-is-hotel .dash-stat:hover {
  border-color: var(--c-primary-light);
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.1);
}
.sol-is-hotel .dash-stat-label {
  font-size: 0.68rem;
  color: var(--c-slate-light);
  margin-bottom: 4px;
}
.sol-is-hotel .dash-stat-val {
  font-size: 1.2rem;
  font-weight: 800;
  color: var(--c-text);
}
.sol-is-hotel .dash-stat-trend {
  font-size: 0.65rem;
  font-weight: 700;
  margin-top: 3px;
}
.sol-is-hotel .up {
  color: #10b981;
}
.sol-is-hotel .dn {
  color: #ef4444;
}
.sol-is-hotel .dash-chart {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 12px;
  padding: 16px;
}
.sol-is-hotel .dash-chart-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
}
.sol-is-hotel .dash-chart-title {
  font-size: 0.74rem;
  font-weight: 600;
  color: var(--c-text);
}
.sol-is-hotel .dash-chart-tag {
  font-size: 0.62rem;
  color: var(--c-primary);
  background: linear-gradient(135deg, rgba(30, 136, 229, 0.1), rgba(66, 165, 245, 0.1));
  padding: 3px 10px;
  border-radius: 100px;
  font-weight: 600;
}
.sol-is-hotel .bars {
  display: flex;
  align-items: flex-end;
  gap: 6px;
  height: 96px;
}
.sol-is-hotel .bar {
  flex: 1;
  border-radius: 4px 4px 0 0;
  background: linear-gradient(180deg, #42a5f5, #1565c0);
  opacity: 0.9;
  transition: opacity 0.2s;
}
.sol-is-hotel .bar:hover {
  opacity: 1;
}
.sol-is-hotel .bar.dim {
  background: linear-gradient(180deg, #cbd5e1, #94a3b8);
}
.sol-is-hotel .dash-float {
  position: absolute;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 14px 36px rgba(0, 30, 80, 0.25);
  padding: 14px 18px;
  display: flex;
  align-items: center;
  gap: 14px;
  animation: float 3.5s ease-in-out infinite;
  border: 1px solid rgba(255, 255, 255, 0.6);
}
.sol-is-hotel .dash-float-1 {
  top: -20px;
  right: -12px;
  animation-delay: 0s;
}
.sol-is-hotel .dash-float-2 {
  bottom: -18px;
  left: -18px;
  animation-delay: 1.5s;
}
.sol-is-hotel .dash-float-icon {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.sol-is-hotel .dash-float-icon.green {
  background: linear-gradient(135deg, #d1fae5, #a7f3d0);
  color: #10b981;
}
.sol-is-hotel .dash-float-icon.blue {
  background: linear-gradient(135deg, #dbeafe, #bfdbfe);
  color: #1e88e5;
}
.sol-is-hotel .dash-float-text .num {
  font-size: 1.05rem;
  font-weight: 800;
  color: var(--c-text);
}
.sol-is-hotel .dash-float-text .label {
  font-size: 0.7rem;
  color: var(--c-slate-light);
}
@keyframes float {
0%, 100% {
    transform: translateY(0);
}
50% {
    transform: translateY(-12px);
}
}
/* ===== Pain Points ===== */
.sol-is-hotel .pain-section {
  background: linear-gradient(180deg, var(--c-white), var(--c-bg));
}
.sol-is-hotel .pain-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}
.sol-is-hotel .pain-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 36px 30px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-is-hotel .pain-card:hover {
  border-color: var(--c-primary-light);
  box-shadow: var(--shadow-xl);
  transform: translateY(-6px);
}
.sol-is-hotel .pain-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #1e88e5, #42a5f5, #06b6d4);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.sol-is-hotel .pain-card:hover::before {
  transform: scaleX(1);
}
.sol-is-hotel .pain-num {
  position: absolute;
  top: 24px;
  right: 28px;
  font-size: 2.8rem;
  font-weight: 900;
  color: rgba(30, 136, 229, 0.06);
  line-height: 1;
}
.sol-is-hotel .pain-icon {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: linear-gradient(135deg, #e3f2fd, #bbdefb);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.15);
}
.sol-is-hotel .pain-icon svg {
  width: 28px;
  height: 28px;
  color: var(--c-primary-2);
}
.sol-is-hotel .pain-title {
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.sol-is-hotel .pain-desc {
  font-size: 0.92rem;
  color: var(--c-slate);
  line-height: 1.8;
}

/* ===== Solution Overview ===== */
.sol-is-hotel .solution-section {
  background: #fff;
}
.sol-is-hotel .solution-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}
.sol-is-hotel .solution-card {
  background: linear-gradient(145deg, #f5f9ff, #e8f1fb);
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 40px 32px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-is-hotel .solution-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
}
.sol-is-hotel .solution-card::after {
  content: "";
  position: absolute;
  top: -30px;
  right: -30px;
  width: 120px;
  height: 120px;
  background: radial-gradient(circle, rgba(30, 136, 229, 0.1), transparent);
  pointer-events: none;
}
.sol-is-hotel .solution-icon {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  background: linear-gradient(135deg, #1e88e5, #42a5f5);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.3);
}
.sol-is-hotel .solution-icon svg {
  width: 26px;
  height: 26px;
  color: #fff;
}
.sol-is-hotel .solution-card h3 {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 14px;
}
.sol-is-hotel .solution-card p {
  font-size: 0.95rem;
  color: var(--c-slate);
  line-height: 1.8;
}

/* ===== Core Functions ===== */
.sol-is-hotel .func-section {
  background: linear-gradient(180deg, var(--c-bg), var(--c-white));
}
.sol-is-hotel .func-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
.sol-is-hotel .func-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 36px 32px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
  display: flex;
  gap: 24px;
}
.sol-is-hotel .func-card:hover {
  border-color: var(--c-primary-light);
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
}
.sol-is-hotel .func-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: linear-gradient(180deg, #1e88e5, #42a5f5);
  transform: scaleY(0);
  transform-origin: top;
  transition: transform 0.4s;
}
.sol-is-hotel .func-card:hover::before {
  transform: scaleY(1);
}
.sol-is-hotel .func-card-num {
  font-size: 2.4rem;
  font-weight: 900;
  color: rgba(30, 136, 229, 0.12);
  line-height: 1;
  flex-shrink: 0;
  min-width: 56px;
}
.sol-is-hotel .func-card-body {
  flex: 1;
}
.sol-is-hotel .func-card-icon {
  width: 44px;
  height: 44px;
  border-radius: 11px;
  background: linear-gradient(135deg, #e3f2fd, #bbdefb);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.12);
}
.sol-is-hotel .func-card-icon svg {
  width: 22px;
  height: 22px;
  color: var(--c-primary-2);
}
.sol-is-hotel .func-card-body h3 {
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 10px;
}
.sol-is-hotel .func-card-body p {
  font-size: 0.92rem;
  color: var(--c-slate);
  line-height: 1.8;
}

/* ===== Core Advantages ===== */
.sol-is-hotel .advantage-section {
  background: #fff;
}
.sol-is-hotel .advantage-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.sol-is-hotel .advantage-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius);
  padding: 34px 28px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-is-hotel .advantage-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
  border-color: var(--c-primary-light);
}
.sol-is-hotel .advantage-card::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #1e88e5, #42a5f5);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.sol-is-hotel .advantage-card:hover::before {
  transform: scaleX(1);
}
.sol-is-hotel .advantage-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: linear-gradient(135deg, #1e88e5, #42a5f5);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  box-shadow: 0 6px 16px rgba(30, 136, 229, 0.25);
}
.sol-is-hotel .advantage-icon svg {
  width: 24px;
  height: 24px;
  color: #fff;
}
.sol-is-hotel .advantage-card h3 {
  font-size: 1.12rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.sol-is-hotel .advantage-card p {
  font-size: 0.9rem;
  color: var(--c-slate);
  line-height: 1.75;
}
.sol-is-hotel .advantage-card.featured {
  grid-column: span 3;
  background: linear-gradient(135deg, #0d47a1, #1565c0);
  border: none;
}
.sol-is-hotel .advantage-card.featured h3 {
  color: #fff;
}
.sol-is-hotel .advantage-card.featured p {
  color: rgba(255, 255, 255, 0.75);
}
.sol-is-hotel .advantage-card.featured .advantage-icon {
  background: rgba(255, 255, 255, 0.15);
  box-shadow: none;
}
.sol-is-hotel .advantage-card.featured .advantage-icon svg {
  color: #90caf9;
}
.sol-is-hotel .advantage-card.featured::before {
  display: none;
}

/* ===== Application Scenarios ===== */
.sol-is-hotel .scenario-section {
  background: linear-gradient(180deg, var(--c-bg), var(--c-bg-2));
}
.sol-is-hotel .scenario-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.sol-is-hotel .scenario-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius);
  padding: 32px 28px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-is-hotel .scenario-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
  border-color: var(--c-primary-light);
}
.sol-is-hotel .scenario-tag {
  display: inline-block;
  padding: 5px 12px;
  background: linear-gradient(135deg, rgba(30, 136, 229, 0.1), rgba(66, 165, 245, 0.1));
  color: var(--c-primary);
  font-size: 0.72rem;
  font-weight: 700;
  border-radius: 100px;
  margin-bottom: 16px;
}
.sol-is-hotel .scenario-card h3 {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.sol-is-hotel .scenario-card p {
  font-size: 0.9rem;
  color: var(--c-slate);
  line-height: 1.75;
}
.sol-is-hotel .scenario-card::after {
  content: "";
  position: absolute;
  bottom: -20px;
  right: -20px;
  width: 80px;
  height: 80px;
  background: radial-gradient(circle, rgba(30, 136, 229, 0.06), transparent);
  pointer-events: none;
}

/* ===== Customer Value ===== */
.sol-is-hotel .value-section {
  background: #fff;
}
.sol-is-hotel .value-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}
.sol-is-hotel .value-card {
  background: linear-gradient(145deg, #f5f9ff, #e8f1fb);
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 36px 26px;
  text-align: center;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-is-hotel .value-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-6px);
}
.sol-is-hotel .value-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #1e88e5, #42a5f5, #06b6d4);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.4s;
}
.sol-is-hotel .value-card:hover::before {
  transform: scaleX(1);
}
.sol-is-hotel .value-icon {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: linear-gradient(135deg, #1e88e5, #42a5f5);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.3);
}
.sol-is-hotel .value-icon svg {
  width: 28px;
  height: 28px;
  color: #fff;
}
.sol-is-hotel .value-card h3 {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.sol-is-hotel .value-card p {
  font-size: 0.88rem;
  color: var(--c-slate);
  line-height: 1.75;
}
.sol-is-hotel .value-highlight {
  display: inline-block;
  margin-top: 14px;
  padding: 5px 14px;
  background: #fff;
  border: 1px solid var(--c-primary-light);
  border-radius: 100px;
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--c-primary);
}

/* ===== Trust Section ===== */
.sol-is-hotel .trust-section {
  background: linear-gradient(135deg, #0a3a7a 0%, #0d47a1 50%, #1565c0 100%);
  position: relative;
  overflow: hidden;
  padding: 100px 0;
}
.sol-is-hotel .trust-section::before {
  content: "";
  position: absolute;
  top: -50%;
  right: -10%;
  width: 600px;
  height: 600px;
  background: radial-gradient(circle, rgba(66, 165, 245, 0.15) 0%, transparent 70%);
  pointer-events: none;
}
.sol-is-hotel .trust-section::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
}
.sol-is-hotel .trust-section .section-title {
  color: #fff;
}
.sol-is-hotel .trust-section .section-subtitle {
  color: rgba(255, 255, 255, 0.7);
}
.sol-is-hotel .trust-section .section-num {
  color: #90caf9;
  background: rgba(255, 255, 255, 0.1);
}
.sol-is-hotel .trust-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  margin-bottom: 60px;
}
.sol-is-hotel .trust-stat {
  text-align: center;
  padding: 36px 22px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius);
  transition: 0.3s;
  backdrop-filter: blur(6px);
}
.sol-is-hotel .trust-stat:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.18);
  transform: translateY(-6px);
}
.sol-is-hotel .trust-stat .num {
  font-size: 2.8rem;
  font-weight: 900;
  color: #fff;
  letter-spacing: -0.025em;
  line-height: 1;
  margin-bottom: 8px;
}
.sol-is-hotel .trust-stat .num .unit {
  font-size: 1.4rem;
  font-weight: 700;
}
.sol-is-hotel .trust-stat .label {
  font-size: 0.88rem;
  color: rgba(255, 255, 255, 0.55);
  font-weight: 500;
}
.sol-is-hotel .logo-wall {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius-lg);
  padding: 44px;
  margin-bottom: 48px;
  backdrop-filter: blur(6px);
}
.sol-is-hotel .logo-wall-title {
  text-align: center;
  font-size: 0.82rem;
  color: rgba(255, 255, 255, 0.45);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  margin-bottom: 28px;
  font-weight: 600;
}
.sol-is-hotel .logo-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 18px;
}
.sol-is-hotel .logo-item {
  height: 64px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.82rem;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.4);
  transition: 0.3s;
}
.sol-is-hotel .logo-item:hover {
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.8);
  border-color: rgba(255, 255, 255, 0.18);
  transform: translateY(-2px);
}
.sol-is-hotel .trust-cert {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}
.sol-is-hotel .cert-card {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius);
  padding: 28px;
  display: flex;
  align-items: center;
  gap: 18px;
  transition: 0.3s;
  backdrop-filter: blur(6px);
}
.sol-is-hotel .cert-card:hover {
  background: rgba(255, 255, 255, 0.08);
  transform: translateY(-3px);
}
.sol-is-hotel .cert-icon {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(66, 165, 245, 0.2), rgba(30, 136, 229, 0.2));
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border: 1px solid rgba(66, 165, 245, 0.3);
}
.sol-is-hotel .cert-icon svg {
  width: 26px;
  height: 26px;
  color: #90caf9;
}
.sol-is-hotel .cert-info .title {
  font-size: 0.92rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 4px;
}
.sol-is-hotel .cert-info .desc {
  font-size: 0.78rem;
  color: rgba(255, 255, 255, 0.45);
}

/* ===== FAQ ===== */
.sol-is-hotel .faq-section {
  background: linear-gradient(180deg, var(--c-bg), var(--c-white));
}
.sol-is-hotel .faq-wrap {
  max-width: 880px;
  margin: 0 auto;
}
.sol-is-hotel .faq-item {
  border: 1.5px solid var(--c-border);
  border-radius: var(--radius);
  margin-bottom: 14px;
  overflow: hidden;
  transition: 0.3s;
  background: #fff;
}
.sol-is-hotel .faq-item.active {
  border-color: var(--c-primary);
  box-shadow: 0 8px 28px rgba(30, 136, 229, 0.12);
}
.sol-is-hotel .faq-item.active .faq-q {
  color: var(--c-primary);
}
.sol-is-hotel .faq-q {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22px 28px;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 600;
  color: var(--c-text);
  transition: color 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  gap: 16px;
}
.sol-is-hotel .faq-q .arrow {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  transition: transform 0.3s;
  color: var(--c-slate-light);
}
.sol-is-hotel .faq-item.active .faq-q .arrow {
  transform: rotate(180deg);
  color: var(--c-primary);
}
.sol-is-hotel .faq-a {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}
.sol-is-hotel .faq-a-inner {
  padding: 0 28px 24px;
  font-size: 0.94rem;
  color: var(--c-slate);
  line-height: 1.85;
}

/* ===== Final CTA ===== */
.sol-is-hotel .cta-section {
  position: relative;
  background: linear-gradient(135deg, #0d47a1 0%, #1565c0 50%, #1e88e5 100%);
  padding: 100px 0;
  overflow: hidden;
}
.sol-is-hotel .cta-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: radial-gradient(circle at 70% 30%, rgba(66, 165, 245, 0.25) 0%, transparent 50%), radial-gradient(circle at 20% 80%, rgba(255, 255, 255, 0.12) 0%, transparent 40%);
  pointer-events: none;
}
.sol-is-hotel .cta-section::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 60px;
  background: linear-gradient(to bottom, transparent, var(--c-footer));
  pointer-events: none;
}
.sol-is-hotel .cta-inner {
  position: relative;
  z-index: 1;
  text-align: center;
  max-width: 820px;
  margin: 0 auto;
}
.sol-is-hotel .cta-inner h2 {
  font-size: 2.5rem;
  font-weight: 900;
  color: #fff;
  letter-spacing: -0.025em;
  margin-bottom: 20px;
  line-height: 1.25;
}
.sol-is-hotel .cta-inner h2 .highlight {
  background: linear-gradient(135deg, #fff, #bbdefb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.sol-is-hotel .cta-inner p {
  font-size: 1.12rem;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.85;
  margin-bottom: 44px;
}
.sol-is-hotel .cta-options {
  display: flex;
  gap: 18px;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 36px;
}
.sol-is-hotel .cta-note {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.5);
  flex-wrap: wrap;
}
.sol-is-hotel .cta-note .dot {
  width: 5px;
  height: 5px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
}

/* ===== Footer (对齐 zjssoft.com 框选底部区域) ===== */
/* ===== Scroll Animations ===== */
.sol-is-hotel .reveal {
  opacity: 0;
  transform: translateY(32px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}
.sol-is-hotel .reveal.active {
  opacity: 1;
  transform: translateY(0);
}
.sol-is-hotel .reveal-delay-1 {
  transition-delay: 0.12s;
}
.sol-is-hotel .reveal-delay-2 {
  transition-delay: 0.24s;
}
.sol-is-hotel .reveal-delay-3 {
  transition-delay: 0.36s;
}

/* ===== Mobile Responsive ===== */
@media (max-width: 1024px) {
.sol-is-hotel .hero-grid {
    grid-template-columns: 1fr;
    gap: 48px;
}
.sol-is-hotel .hero h1 {
    font-size: 2.6rem;
}
.sol-is-hotel .pain-grid {
    grid-template-columns: repeat(2, 1fr);
}
.sol-is-hotel .solution-grid {
    grid-template-columns: 1fr;
}
.sol-is-hotel .func-grid {
    grid-template-columns: 1fr;
}
.sol-is-hotel .advantage-grid {
    grid-template-columns: repeat(2, 1fr);
}
.sol-is-hotel .advantage-card.featured {
    grid-column: span 2;
}
.sol-is-hotel .scenario-grid {
    grid-template-columns: repeat(2, 1fr);
}
.sol-is-hotel .value-grid {
    grid-template-columns: repeat(2, 1fr);
}
.sol-is-hotel .trust-stats {
    grid-template-columns: repeat(2, 1fr);
}
.sol-is-hotel .logo-grid {
    grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 768px) {
.sol-is-hotel .section {
    padding: 72px 0;
}
.sol-is-hotel .section-title {
    font-size: 1.8rem;
}
.sol-is-hotel .section-head {
    margin-bottom: 42px;
}
.sol-is-hotel .hero {
    padding: 72px 0 64px;
}
.sol-is-hotel .hero h1 {
    font-size: 2.1rem;
}
.sol-is-hotel .hero-sub {
    font-size: 1.05rem;
}
.sol-is-hotel .hero-cta {
    flex-direction: column;
    width: 100%;
}
.sol-is-hotel .hero-cta .btn {
    width: 100%;
}
.sol-is-hotel .hero-trust {
    gap: 20px;
}
.sol-is-hotel .hero-trust-divider {
    display: none;
}
.sol-is-hotel .hero-trust-num {
    font-size: 1.4rem;
}
.sol-is-hotel .hero-trust-label {
    font-size: 0.78rem;
}
.sol-is-hotel .hero-visual {
    max-width: 440px;
    margin: 0 auto;
}
.sol-is-hotel .dash-float {
    display: none;
}
.sol-is-hotel .pain-grid {
    grid-template-columns: 1fr;
    gap: 18px;
}
.sol-is-hotel .pain-card {
    padding: 30px 24px;
}
.sol-is-hotel .func-card {
    padding: 28px 24px;
    flex-direction: column;
    gap: 16px;
}
.sol-is-hotel .func-card-num {
    font-size: 2rem;
    min-width: auto;
}
.sol-is-hotel .advantage-grid {
    grid-template-columns: 1fr;
}
.sol-is-hotel .advantage-card.featured {
    grid-column: span 1;
}
.sol-is-hotel .scenario-grid {
    grid-template-columns: 1fr;
}
.sol-is-hotel .value-grid {
    grid-template-columns: 1fr 1fr;
}
.sol-is-hotel .trust-stats {
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}
.sol-is-hotel .trust-stat {
    padding: 24px 14px;
}
.sol-is-hotel .trust-stat .num {
    font-size: 2.1rem;
}
.sol-is-hotel .logo-wall {
    padding: 28px;
}
.sol-is-hotel .logo-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
}
.sol-is-hotel .logo-item {
    height: 54px;
    font-size: 0.75rem;
}
.sol-is-hotel .trust-cert {
    grid-template-columns: 1fr;
    gap: 14px;
}
.sol-is-hotel .cert-card {
    padding: 20px;
}
.sol-is-hotel .cta-inner h2 {
    font-size: 1.9rem;
}
.sol-is-hotel .cta-inner p {
    font-size: 1rem;
}
.sol-is-hotel .cta-options {
    flex-direction: column;
    width: 100%;
}
.sol-is-hotel .cta-options .btn {
    width: 100%;
}
}
@media (max-width: 480px) {
.sol-is-hotel .container {
    padding: 0 18px;
}
.sol-is-hotel .hero h1 {
    font-size: 1.85rem;
}
.sol-is-hotel .section-title {
    font-size: 1.55rem;
}
.sol-is-hotel .dash-stats {
    grid-template-columns: 1fr;
    gap: 8px;
}
.sol-is-hotel .value-grid {
    grid-template-columns: 1fr;
}
}
/* 业务架构图（参考模版） */
/* 新零售全域业务架构图 */
.sol-is-hotel .ai-architecture {
  padding: 34px !important;
  margin-top: 46px !important;
  border: 1px solid #d5e6f8 !important;
  border-radius: 20px !important;
  background: #f8fbff !important;
  box-shadow: 0 16px 36px rgba(13, 71, 161, 0.08) !important;
}
.ai-architecture h3 {
  font-size: 1.48rem !important;
  color: #102e52 !important;
  text-align: center !important;
}
.ai-architecture > p {
  max-width: 700px;
  margin: 0 auto 28px !important;
  text-align: center !important;
  line-height: 1.7;
}
.arch-map {
  display: grid;
  gap: 13px;
}
.arch-band {
  display: grid;
  grid-template-columns: 174px 1fr;
  gap: 13px;
  align-items: stretch;
}
.arch-band-label {
  padding: 16px;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #e6f1ff;
  color: #125aa5;
  font-size: 0.92rem;
  font-weight: 800;
}
.arch-band-label small {
  margin-top: 5px;
  color: #5f87b4;
  font-size: 0.68rem;
  font-weight: 500;
}
.arch-band-content {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
}
.arch-unit {
  min-height: 84px;
  padding: 13px 9px;
  border: 1px solid #d4e5f8;
  border-radius: 11px;
  background: #fff;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #143b68;
  font-size: 0.82rem;
  font-weight: 800;
  transition: transform 0.2s, box-shadow 0.2s;
}
.arch-unit:hover {
  transform: translateY(-3px);
  box-shadow: 0 7px 16px rgba(30, 136, 229, 0.12);
}
.arch-unit i {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  margin-bottom: 6px;
  border-radius: 7px;
  background: #e5f1ff;
  color: #1565c0;
  font-size: 0.72rem;
  font-style: normal;
}
.arch-unit small {
  display: block;
  color: #7088a3;
  font-size: 0.66rem;
  font-weight: 400;
  line-height: 1.35;
  margin-top: 4px;
}
.arch-band.core .arch-band-label {
  background: #0d47a1;
  color: #fff;
}
.arch-band.core .arch-band-label small {
  color: #c6e1ff;
}
.arch-band.core .arch-unit {
  background: #1565c0;
  border-color: #1565c0;
  color: #fff;
}
.arch-band.core .arch-unit i {
  background: #fff;
  color: #1565c0;
}
.arch-band.core .arch-unit small {
  color: #d6eaff;
}
.arch-band.ai .arch-band-label {
  background: #e8f3ff;
}
.arch-band.ai .arch-unit {
  border-color: #b9d9fa;
  background: #fafdff;
}
.arch-map-note {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px dashed #c9ddf2;
  color: #62809f;
  font-size: 0.77rem;
}
.arch-map-note b {
  color: #1565c0;
}
@media (max-width: 1100px) {
.arch-band-content {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 700px) {
.ai-architecture {
    padding: 21px !important;
}
.arch-band {
    grid-template-columns: 1fr;
}
.arch-band-label {
    padding: 12px;
    align-items: center;
    text-align: center;
}
.arch-band-content {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.arch-unit {
    min-height: 78px;
}
.arch-map-note {
    align-items: flex-start;
    flex-direction: column;
}
}
/* ===== Reset & Base ===== */
.sol-is-jewelry, .sol-is-jewelry *, .sol-is-jewelry *::before, .sol-is-jewelry *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.sol-is-jewelry {
  --c-primary:#1e88e5;
  --c-primary-2:#1976d2;
  --c-primary-3:#1565c0;
  --c-primary-4:#0d47a1;
  --c-primary-light:#42a5f5;
  --c-primary-bright:#2196f3;
  --c-cyan:#06b6d4;
  --c-slate:#475569;
  --c-slate-light:#64748b;
  --c-text:#0f172a;
  --c-text-mid:#334155;
  --c-bg:#f5f9ff;
  --c-bg-2:#eef4fc;
  --c-bg-3:#e8f1fb;
  --c-border:#e2e8f0;
  --c-white:#fff;
  --c-footer:#0a1929;
  --c-footer-2:#0d2238;
  --radius:14px;
  --radius-lg:22px;
  --shadow-sm:0 2px 8px rgba(30,136,229,.08);
  --shadow:0 8px 28px rgba(30,136,229,.10);
  --shadow-lg:0 18px 56px rgba(30,136,229,.14);
  --shadow-xl:0 28px 80px rgba(30,136,229,.18);
  --shadow-blue:0 10px 30px rgba(30,136,229,.35);
  --max-w:1280px;
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
}
.sol-is-jewelry {
  scroll-behavior: smooth;
  font-size: 16px;
}
.sol-is-jewelry {
  font-family: var(--font);
  color: var(--c-text);
  background: var(--c-white);
  line-height: 1.7;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}
.sol-is-jewelry a {
  text-decoration: none;
  color: inherit;
}
.sol-is-jewelry img {
  max-width: 100%;
  display: block;
}
.sol-is-jewelry ul {
  list-style: none;
}
.sol-is-jewelry .container {
  max-width: var(--max-w);
  margin: 0 auto;
  padding: 0 24px;
}
.sol-is-jewelry .section {
  padding: 110px 0;
  position: relative;
}
.sol-is-jewelry .section-sm {
  padding: 72px 0;
}

/* ===== Typography ===== */
.sol-is-jewelry .eyebrow {
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--c-primary);
  margin-bottom: 12px;
}
.sol-is-jewelry .section-num {
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.18em;
  color: var(--c-primary);
  display: inline-block;
  background: linear-gradient(135deg, rgba(30, 136, 229, 0.1), rgba(66, 165, 245, 0.1));
  padding: 6px 14px;
  border-radius: 100px;
  margin-bottom: 14px;
}
.sol-is-jewelry .section-title {
  font-size: 2.4rem;
  font-weight: 800;
  color: var(--c-text);
  line-height: 1.25;
  margin-bottom: 18px;
  letter-spacing: -0.02em;
}
.sol-is-jewelry .section-subtitle {
  font-size: 1.08rem;
  color: var(--c-slate);
  max-width: 720px;
  line-height: 1.8;
}
.sol-is-jewelry .section-head {
  margin-bottom: 64px;
}
.sol-is-jewelry .section-head.center {
  text-align: center;
}
.sol-is-jewelry .section-head.center .section-subtitle {
  margin: 0 auto;
}
.sol-is-jewelry .section-head.center .section-num {
  display: inline-block;
}

/* ===== 3D Buttons ===== */
.sol-is-jewelry .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 28px;
  border-radius: 12px;
  font-size: 0.94rem;
  font-weight: 600;
  cursor: pointer;
  border: none;
  transition: all 0.25s;
  white-space: nowrap;
  line-height: 1.2;
}
.sol-is-jewelry .btn-primary {
  background: linear-gradient(180deg, #42a5f5 0%, #1e88e5 50%, #1976d2 100%);
  color: #fff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -2px 0 rgba(0, 0, 0, 0.08), 0 4px 0 var(--c-primary-3), 0 8px 20px rgba(30, 136, 229, 0.35);
}
.sol-is-jewelry .btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -2px 0 rgba(0, 0, 0, 0.08), 0 6px 0 var(--c-primary-3), 0 12px 26px rgba(30, 136, 229, 0.45);
}
.sol-is-jewelry .btn-primary:active {
  transform: translateY(2px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -2px 0 rgba(0, 0, 0, 0.08), 0 1px 0 var(--c-primary-3), 0 4px 12px rgba(30, 136, 229, 0.35);
}
.sol-is-jewelry .btn-outline {
  background: #fff;
  color: var(--c-primary-3);
  border: 1.5px solid var(--c-border);
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.08);
}
.sol-is-jewelry .btn-outline:hover {
  border-color: var(--c-primary);
  color: var(--c-primary);
  box-shadow: 0 6px 18px rgba(30, 136, 229, 0.18);
  transform: translateY(-2px);
}
.sol-is-jewelry .btn-ghost {
  background: rgba(255, 255, 255, 0.14);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.35);
  backdrop-filter: blur(6px);
}
.sol-is-jewelry .btn-ghost:hover {
  background: rgba(255, 255, 255, 0.24);
  transform: translateY(-2px);
}
.sol-is-jewelry .btn-lg {
  padding: 17px 40px;
  font-size: 1.05rem;
  border-radius: 14px;
}
.sol-is-jewelry .btn-lg.btn-primary {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), inset 0 -2px 0 rgba(0, 0, 0, 0.1), 0 6px 0 var(--c-primary-3), 0 12px 28px rgba(30, 136, 229, 0.4);
}
.sol-is-jewelry .btn-sm {
  padding: 9px 20px;
  font-size: 0.85rem;
  border-radius: 10px;
}

/* ===== Hero ===== */
.sol-is-jewelry .hero {
  position: relative;
  background: linear-gradient(135deg, #0d47a1 0%, #1565c0 30%, #1e88e5 70%, #2196f3 100%);
  padding: 110px 0 100px;
  overflow: hidden;
}
.sol-is-jewelry .hero::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: radial-gradient(circle at 15% 40%, rgba(255, 255, 255, 0.18) 0%, transparent 45%), radial-gradient(circle at 85% 25%, rgba(66, 165, 245, 0.25) 0%, transparent 50%), radial-gradient(circle at 70% 80%, rgba(255, 255, 255, 0.1) 0%, transparent 40%);
  pointer-events: none;
}
.sol-is-jewelry .hero::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 80px;
  background: linear-gradient(to bottom, transparent, var(--c-white));
  pointer-events: none;
}
.sol-is-jewelry .hero-grid {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 56px;
  align-items: center;
  position: relative;
  z-index: 1;
}
.sol-is-jewelry .hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 18px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 100px;
  color: #fff;
  font-size: 0.82rem;
  font-weight: 500;
  margin-bottom: 30px;
  backdrop-filter: blur(8px);
}
.sol-is-jewelry .hero-badge .dot {
  width: 8px;
  height: 8px;
  background: #34d399;
  border-radius: 50%;
  box-shadow: 0 0 10px #34d399;
  animation: pulse 1.6s ease-in-out infinite;
}
@keyframes pulse {
0%, 100% {
    opacity: 1;
    transform: scale(1);
}
50% {
    opacity: 0.6;
    transform: scale(1.3);
}
}
.sol-is-jewelry .hero h1 {
  font-size: 3.2rem;
  font-weight: 900;
  color: #fff;
  line-height: 1.18;
  letter-spacing: -0.025em;
  margin-bottom: 24px;
}
.sol-is-jewelry .hero h1 .highlight {
  background: linear-gradient(135deg, #fff, #bbdefb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  position: relative;
  display: inline-block;
}
.sol-is-jewelry .hero h1 .highlight::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -4px;
  height: 6px;
  background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0.2) 100%);
  border-radius: 3px;
  opacity: 0.5;
}
.sol-is-jewelry .hero-sub {
  font-size: 1.14rem;
  color: rgba(255, 255, 255, 0.85);
  line-height: 1.85;
  margin-bottom: 28px;
  max-width: 560px;
}
.sol-is-jewelry .hero-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 36px;
}
.sol-is-jewelry .hero-tags span {
  padding: 7px 16px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 30px;
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.85);
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(4px);
}
.sol-is-jewelry .hero-cta {
  display: flex;
  gap: 16px;
  margin-bottom: 40px;
  flex-wrap: wrap;
}
.sol-is-jewelry .hero-trust {
  display: flex;
  align-items: center;
  gap: 30px;
  flex-wrap: wrap;
}
.sol-is-jewelry .hero-trust-item {
  display: flex;
  align-items: center;
  gap: 10px;
}
.sol-is-jewelry .hero-trust-num {
  font-size: 1.65rem;
  font-weight: 800;
  color: #fff;
}
.sol-is-jewelry .hero-trust-label {
  font-size: 0.82rem;
  color: rgba(255, 255, 255, 0.6);
}
.sol-is-jewelry .hero-trust-divider {
  width: 1px;
  height: 40px;
  background: rgba(255, 255, 255, 0.18);
}

/* Hero Dashboard Mockup */
.sol-is-jewelry .hero-visual {
  position: relative;
}
.sol-is-jewelry .dash-mock {
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 40px 90px rgba(0, 30, 80, 0.45);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.sol-is-jewelry .dash-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 14px 18px;
  background: #f0f7ff;
  border-bottom: 1px solid var(--c-border);
}
.sol-is-jewelry .dash-bar .dots {
  display: flex;
  gap: 6px;
}
.sol-is-jewelry .dash-bar .dots span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.sol-is-jewelry .dash-bar .dots span:nth-child(1) {
  background: #ef4444;
}
.sol-is-jewelry .dash-bar .dots span:nth-child(2) {
  background: #f59e0b;
}
.sol-is-jewelry .dash-bar .dots span:nth-child(3) {
  background: #22c55e;
}
.sol-is-jewelry .dash-bar .url {
  flex: 1;
  text-align: center;
  font-size: 0.72rem;
  color: var(--c-slate-light);
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 6px;
  padding: 4px 14px;
  margin-left: 8px;
}
.sol-is-jewelry .dash-body {
  display: grid;
  grid-template-columns: 68px 1fr;
  min-height: 360px;
}
.sol-is-jewelry .dash-side {
  background: linear-gradient(180deg, #0d47a1, #1565c0);
  padding: 16px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.sol-is-jewelry .dash-side .icon-item {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.5);
  transition: 0.2s;
}
.sol-is-jewelry .dash-side .icon-item.active {
  background: linear-gradient(135deg, #42a5f5, #1e88e5);
  color: #fff;
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.5);
}
.sol-is-jewelry .dash-side .icon-item svg {
  width: 18px;
  height: 18px;
}
.sol-is-jewelry .dash-main {
  padding: 20px;
  background: #fafbfc;
}
.sol-is-jewelry .dash-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-bottom: 16px;
}
.sol-is-jewelry .dash-stat {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 12px;
  padding: 14px;
  transition: 0.2s;
}
.sol-is-jewelry .dash-stat:hover {
  border-color: var(--c-primary-light);
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.1);
}
.sol-is-jewelry .dash-stat-label {
  font-size: 0.68rem;
  color: var(--c-slate-light);
  margin-bottom: 4px;
}
.sol-is-jewelry .dash-stat-val {
  font-size: 1.2rem;
  font-weight: 800;
  color: var(--c-text);
}
.sol-is-jewelry .dash-stat-trend {
  font-size: 0.65rem;
  font-weight: 700;
  margin-top: 3px;
}
.sol-is-jewelry .up {
  color: #10b981;
}
.sol-is-jewelry .dn {
  color: #ef4444;
}
.sol-is-jewelry .dash-chart {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 12px;
  padding: 16px;
}
.sol-is-jewelry .dash-chart-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
}
.sol-is-jewelry .dash-chart-title {
  font-size: 0.74rem;
  font-weight: 600;
  color: var(--c-text);
}
.sol-is-jewelry .dash-chart-tag {
  font-size: 0.62rem;
  color: var(--c-primary);
  background: linear-gradient(135deg, rgba(30, 136, 229, 0.1), rgba(66, 165, 245, 0.1));
  padding: 3px 10px;
  border-radius: 100px;
  font-weight: 600;
}
.sol-is-jewelry .bars {
  display: flex;
  align-items: flex-end;
  gap: 6px;
  height: 96px;
}
.sol-is-jewelry .bar {
  flex: 1;
  border-radius: 4px 4px 0 0;
  background: linear-gradient(180deg, #42a5f5, #1565c0);
  opacity: 0.9;
  transition: opacity 0.2s;
}
.sol-is-jewelry .bar:hover {
  opacity: 1;
}
.sol-is-jewelry .bar.dim {
  background: linear-gradient(180deg, #cbd5e1, #94a3b8);
}
.sol-is-jewelry .dash-float {
  position: absolute;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 14px 36px rgba(0, 30, 80, 0.25);
  padding: 14px 18px;
  display: flex;
  align-items: center;
  gap: 14px;
  animation: float 3.5s ease-in-out infinite;
  border: 1px solid rgba(255, 255, 255, 0.6);
}
.sol-is-jewelry .dash-float-1 {
  top: -20px;
  right: -12px;
  animation-delay: 0s;
}
.sol-is-jewelry .dash-float-2 {
  bottom: -18px;
  left: -18px;
  animation-delay: 1.5s;
}
.sol-is-jewelry .dash-float-icon {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.sol-is-jewelry .dash-float-icon.green {
  background: linear-gradient(135deg, #d1fae5, #a7f3d0);
  color: #10b981;
}
.sol-is-jewelry .dash-float-icon.blue {
  background: linear-gradient(135deg, #dbeafe, #bfdbfe);
  color: #1e88e5;
}
.sol-is-jewelry .dash-float-text .num {
  font-size: 1.05rem;
  font-weight: 800;
  color: var(--c-text);
}
.sol-is-jewelry .dash-float-text .label {
  font-size: 0.7rem;
  color: var(--c-slate-light);
}
@keyframes float {
0%, 100% {
    transform: translateY(0);
}
50% {
    transform: translateY(-12px);
}
}
/* ===== Pain Points ===== */
.sol-is-jewelry .pain-section {
  background: linear-gradient(180deg, var(--c-white), var(--c-bg));
}
.sol-is-jewelry .pain-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}
.sol-is-jewelry .pain-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 36px 30px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-is-jewelry .pain-card:hover {
  border-color: var(--c-primary-light);
  box-shadow: var(--shadow-xl);
  transform: translateY(-6px);
}
.sol-is-jewelry .pain-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #1e88e5, #42a5f5, #06b6d4);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.sol-is-jewelry .pain-card:hover::before {
  transform: scaleX(1);
}
.sol-is-jewelry .pain-num {
  position: absolute;
  top: 24px;
  right: 28px;
  font-size: 2.8rem;
  font-weight: 900;
  color: rgba(30, 136, 229, 0.06);
  line-height: 1;
}
.sol-is-jewelry .pain-icon {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: linear-gradient(135deg, #e3f2fd, #bbdefb);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.15);
}
.sol-is-jewelry .pain-icon svg {
  width: 28px;
  height: 28px;
  color: var(--c-primary-2);
}
.sol-is-jewelry .pain-title {
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.sol-is-jewelry .pain-desc {
  font-size: 0.92rem;
  color: var(--c-slate);
  line-height: 1.8;
}

/* ===== Solution Overview ===== */
.sol-is-jewelry .solution-section {
  background: #fff;
}
.sol-is-jewelry .solution-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}
.sol-is-jewelry .solution-card {
  background: linear-gradient(145deg, #f5f9ff, #e8f1fb);
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 40px 32px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-is-jewelry .solution-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
}
.sol-is-jewelry .solution-card::after {
  content: "";
  position: absolute;
  top: -30px;
  right: -30px;
  width: 120px;
  height: 120px;
  background: radial-gradient(circle, rgba(30, 136, 229, 0.1), transparent);
  pointer-events: none;
}
.sol-is-jewelry .solution-icon {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  background: linear-gradient(135deg, #1e88e5, #42a5f5);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.3);
}
.sol-is-jewelry .solution-icon svg {
  width: 26px;
  height: 26px;
  color: #fff;
}
.sol-is-jewelry .solution-card h3 {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 14px;
}
.sol-is-jewelry .solution-card p {
  font-size: 0.95rem;
  color: var(--c-slate);
  line-height: 1.8;
}

/* ===== Core Functions ===== */
.sol-is-jewelry .func-section {
  background: linear-gradient(180deg, var(--c-bg), var(--c-white));
}
.sol-is-jewelry .func-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
.sol-is-jewelry .func-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 36px 32px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
  display: flex;
  gap: 24px;
}
.sol-is-jewelry .func-card:hover {
  border-color: var(--c-primary-light);
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
}
.sol-is-jewelry .func-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: linear-gradient(180deg, #1e88e5, #42a5f5);
  transform: scaleY(0);
  transform-origin: top;
  transition: transform 0.4s;
}
.sol-is-jewelry .func-card:hover::before {
  transform: scaleY(1);
}
.sol-is-jewelry .func-card-num {
  font-size: 2.4rem;
  font-weight: 900;
  color: rgba(30, 136, 229, 0.12);
  line-height: 1;
  flex-shrink: 0;
  min-width: 56px;
}
.sol-is-jewelry .func-card-body {
  flex: 1;
}
.sol-is-jewelry .func-card-icon {
  width: 44px;
  height: 44px;
  border-radius: 11px;
  background: linear-gradient(135deg, #e3f2fd, #bbdefb);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.12);
}
.sol-is-jewelry .func-card-icon svg {
  width: 22px;
  height: 22px;
  color: var(--c-primary-2);
}
.sol-is-jewelry .func-card-body h3 {
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 10px;
}
.sol-is-jewelry .func-card-body p {
  font-size: 0.92rem;
  color: var(--c-slate);
  line-height: 1.8;
}

/* ===== Core Advantages ===== */
.sol-is-jewelry .advantage-section {
  background: #fff;
}
.sol-is-jewelry .advantage-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.sol-is-jewelry .advantage-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius);
  padding: 34px 28px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-is-jewelry .advantage-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
  border-color: var(--c-primary-light);
}
.sol-is-jewelry .advantage-card::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #1e88e5, #42a5f5);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.sol-is-jewelry .advantage-card:hover::before {
  transform: scaleX(1);
}
.sol-is-jewelry .advantage-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: linear-gradient(135deg, #1e88e5, #42a5f5);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  box-shadow: 0 6px 16px rgba(30, 136, 229, 0.25);
}
.sol-is-jewelry .advantage-icon svg {
  width: 24px;
  height: 24px;
  color: #fff;
}
.sol-is-jewelry .advantage-card h3 {
  font-size: 1.12rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.sol-is-jewelry .advantage-card p {
  font-size: 0.9rem;
  color: var(--c-slate);
  line-height: 1.75;
}
.sol-is-jewelry .advantage-card.featured {
  grid-column: span 3;
  background: linear-gradient(135deg, #0d47a1, #1565c0);
  border: none;
}
.sol-is-jewelry .advantage-card.featured h3 {
  color: #fff;
}
.sol-is-jewelry .advantage-card.featured p {
  color: rgba(255, 255, 255, 0.75);
}
.sol-is-jewelry .advantage-card.featured .advantage-icon {
  background: rgba(255, 255, 255, 0.15);
  box-shadow: none;
}
.sol-is-jewelry .advantage-card.featured .advantage-icon svg {
  color: #90caf9;
}
.sol-is-jewelry .advantage-card.featured::before {
  display: none;
}

/* ===== Application Scenarios ===== */
.sol-is-jewelry .scenario-section {
  background: linear-gradient(180deg, var(--c-bg), var(--c-bg-2));
}
.sol-is-jewelry .scenario-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.sol-is-jewelry .scenario-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius);
  padding: 32px 28px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-is-jewelry .scenario-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
  border-color: var(--c-primary-light);
}
.sol-is-jewelry .scenario-tag {
  display: inline-block;
  padding: 5px 12px;
  background: linear-gradient(135deg, rgba(30, 136, 229, 0.1), rgba(66, 165, 245, 0.1));
  color: var(--c-primary);
  font-size: 0.72rem;
  font-weight: 700;
  border-radius: 100px;
  margin-bottom: 16px;
}
.sol-is-jewelry .scenario-card h3 {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.sol-is-jewelry .scenario-card p {
  font-size: 0.9rem;
  color: var(--c-slate);
  line-height: 1.75;
}
.sol-is-jewelry .scenario-card::after {
  content: "";
  position: absolute;
  bottom: -20px;
  right: -20px;
  width: 80px;
  height: 80px;
  background: radial-gradient(circle, rgba(30, 136, 229, 0.06), transparent);
  pointer-events: none;
}

/* ===== Customer Value ===== */
.sol-is-jewelry .value-section {
  background: #fff;
}
.sol-is-jewelry .value-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}
.sol-is-jewelry .value-card {
  background: linear-gradient(145deg, #f5f9ff, #e8f1fb);
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 36px 26px;
  text-align: center;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-is-jewelry .value-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-6px);
}
.sol-is-jewelry .value-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #1e88e5, #42a5f5, #06b6d4);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.4s;
}
.sol-is-jewelry .value-card:hover::before {
  transform: scaleX(1);
}
.sol-is-jewelry .value-icon {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: linear-gradient(135deg, #1e88e5, #42a5f5);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.3);
}
.sol-is-jewelry .value-icon svg {
  width: 28px;
  height: 28px;
  color: #fff;
}
.sol-is-jewelry .value-card h3 {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.sol-is-jewelry .value-card p {
  font-size: 0.88rem;
  color: var(--c-slate);
  line-height: 1.75;
}
.sol-is-jewelry .value-highlight {
  display: inline-block;
  margin-top: 14px;
  padding: 5px 14px;
  background: #fff;
  border: 1px solid var(--c-primary-light);
  border-radius: 100px;
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--c-primary);
}

/* ===== Trust Section ===== */
.sol-is-jewelry .trust-section {
  background: linear-gradient(135deg, #0a3a7a 0%, #0d47a1 50%, #1565c0 100%);
  position: relative;
  overflow: hidden;
  padding: 100px 0;
}
.sol-is-jewelry .trust-section::before {
  content: "";
  position: absolute;
  top: -50%;
  right: -10%;
  width: 600px;
  height: 600px;
  background: radial-gradient(circle, rgba(66, 165, 245, 0.15) 0%, transparent 70%);
  pointer-events: none;
}
.sol-is-jewelry .trust-section::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
}
.sol-is-jewelry .trust-section .section-title {
  color: #fff;
}
.sol-is-jewelry .trust-section .section-subtitle {
  color: rgba(255, 255, 255, 0.7);
}
.sol-is-jewelry .trust-section .section-num {
  color: #90caf9;
  background: rgba(255, 255, 255, 0.1);
}
.sol-is-jewelry .trust-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  margin-bottom: 60px;
}
.sol-is-jewelry .trust-stat {
  text-align: center;
  padding: 36px 22px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius);
  transition: 0.3s;
  backdrop-filter: blur(6px);
}
.sol-is-jewelry .trust-stat:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.18);
  transform: translateY(-6px);
}
.sol-is-jewelry .trust-stat .num {
  font-size: 2.8rem;
  font-weight: 900;
  color: #fff;
  letter-spacing: -0.025em;
  line-height: 1;
  margin-bottom: 8px;
}
.sol-is-jewelry .trust-stat .num .unit {
  font-size: 1.4rem;
  font-weight: 700;
}
.sol-is-jewelry .trust-stat .label {
  font-size: 0.88rem;
  color: rgba(255, 255, 255, 0.55);
  font-weight: 500;
}
.sol-is-jewelry .logo-wall {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius-lg);
  padding: 44px;
  margin-bottom: 48px;
  backdrop-filter: blur(6px);
}
.sol-is-jewelry .logo-wall-title {
  text-align: center;
  font-size: 0.82rem;
  color: rgba(255, 255, 255, 0.45);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  margin-bottom: 28px;
  font-weight: 600;
}
.sol-is-jewelry .logo-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 18px;
}
.sol-is-jewelry .logo-item {
  height: 64px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.82rem;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.4);
  transition: 0.3s;
}
.sol-is-jewelry .logo-item:hover {
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.8);
  border-color: rgba(255, 255, 255, 0.18);
  transform: translateY(-2px);
}
.sol-is-jewelry .trust-cert {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}
.sol-is-jewelry .cert-card {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius);
  padding: 28px;
  display: flex;
  align-items: center;
  gap: 18px;
  transition: 0.3s;
  backdrop-filter: blur(6px);
}
.sol-is-jewelry .cert-card:hover {
  background: rgba(255, 255, 255, 0.08);
  transform: translateY(-3px);
}
.sol-is-jewelry .cert-icon {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(66, 165, 245, 0.2), rgba(30, 136, 229, 0.2));
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border: 1px solid rgba(66, 165, 245, 0.3);
}
.sol-is-jewelry .cert-icon svg {
  width: 26px;
  height: 26px;
  color: #90caf9;
}
.sol-is-jewelry .cert-info .title {
  font-size: 0.92rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 4px;
}
.sol-is-jewelry .cert-info .desc {
  font-size: 0.78rem;
  color: rgba(255, 255, 255, 0.45);
}

/* ===== FAQ ===== */
.sol-is-jewelry .faq-section {
  background: linear-gradient(180deg, var(--c-bg), var(--c-white));
}
.sol-is-jewelry .faq-wrap {
  max-width: 880px;
  margin: 0 auto;
}
.sol-is-jewelry .faq-item {
  border: 1.5px solid var(--c-border);
  border-radius: var(--radius);
  margin-bottom: 14px;
  overflow: hidden;
  transition: 0.3s;
  background: #fff;
}
.sol-is-jewelry .faq-item.active {
  border-color: var(--c-primary);
  box-shadow: 0 8px 28px rgba(30, 136, 229, 0.12);
}
.sol-is-jewelry .faq-item.active .faq-q {
  color: var(--c-primary);
}
.sol-is-jewelry .faq-q {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22px 28px;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 600;
  color: var(--c-text);
  transition: color 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  gap: 16px;
}
.sol-is-jewelry .faq-q .arrow {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  transition: transform 0.3s;
  color: var(--c-slate-light);
}
.sol-is-jewelry .faq-item.active .faq-q .arrow {
  transform: rotate(180deg);
  color: var(--c-primary);
}
.sol-is-jewelry .faq-a {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}
.sol-is-jewelry .faq-a-inner {
  padding: 0 28px 24px;
  font-size: 0.94rem;
  color: var(--c-slate);
  line-height: 1.85;
}

/* ===== Final CTA ===== */
.sol-is-jewelry .cta-section {
  position: relative;
  background: linear-gradient(135deg, #0d47a1 0%, #1565c0 50%, #1e88e5 100%);
  padding: 100px 0;
  overflow: hidden;
}
.sol-is-jewelry .cta-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: radial-gradient(circle at 70% 30%, rgba(66, 165, 245, 0.25) 0%, transparent 50%), radial-gradient(circle at 20% 80%, rgba(255, 255, 255, 0.12) 0%, transparent 40%);
  pointer-events: none;
}
.sol-is-jewelry .cta-section::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 60px;
  background: linear-gradient(to bottom, transparent, var(--c-footer));
  pointer-events: none;
}
.sol-is-jewelry .cta-inner {
  position: relative;
  z-index: 1;
  text-align: center;
  max-width: 820px;
  margin: 0 auto;
}
.sol-is-jewelry .cta-inner h2 {
  font-size: 2.5rem;
  font-weight: 900;
  color: #fff;
  letter-spacing: -0.025em;
  margin-bottom: 20px;
  line-height: 1.25;
}
.sol-is-jewelry .cta-inner h2 .highlight {
  background: linear-gradient(135deg, #fff, #bbdefb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.sol-is-jewelry .cta-inner p {
  font-size: 1.12rem;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.85;
  margin-bottom: 44px;
}
.sol-is-jewelry .cta-options {
  display: flex;
  gap: 18px;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 36px;
}
.sol-is-jewelry .cta-note {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.5);
  flex-wrap: wrap;
}
.sol-is-jewelry .cta-note .dot {
  width: 5px;
  height: 5px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
}

/* ===== Footer (对齐 zjssoft.com 框选底部区域) ===== */
/* ===== Scroll Animations ===== */
.sol-is-jewelry .reveal {
  opacity: 0;
  transform: translateY(32px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}
.sol-is-jewelry .reveal.active {
  opacity: 1;
  transform: translateY(0);
}
.sol-is-jewelry .reveal-delay-1 {
  transition-delay: 0.12s;
}
.sol-is-jewelry .reveal-delay-2 {
  transition-delay: 0.24s;
}
.sol-is-jewelry .reveal-delay-3 {
  transition-delay: 0.36s;
}

/* ===== Mobile Responsive ===== */
@media (max-width: 1024px) {
.sol-is-jewelry .hero-grid {
    grid-template-columns: 1fr;
    gap: 48px;
}
.sol-is-jewelry .hero h1 {
    font-size: 2.6rem;
}
.sol-is-jewelry .pain-grid {
    grid-template-columns: repeat(2, 1fr);
}
.sol-is-jewelry .solution-grid {
    grid-template-columns: 1fr;
}
.sol-is-jewelry .func-grid {
    grid-template-columns: 1fr;
}
.sol-is-jewelry .advantage-grid {
    grid-template-columns: repeat(2, 1fr);
}
.sol-is-jewelry .advantage-card.featured {
    grid-column: span 2;
}
.sol-is-jewelry .scenario-grid {
    grid-template-columns: repeat(2, 1fr);
}
.sol-is-jewelry .value-grid {
    grid-template-columns: repeat(2, 1fr);
}
.sol-is-jewelry .trust-stats {
    grid-template-columns: repeat(2, 1fr);
}
.sol-is-jewelry .logo-grid {
    grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 768px) {
.sol-is-jewelry .section {
    padding: 72px 0;
}
.sol-is-jewelry .section-title {
    font-size: 1.8rem;
}
.sol-is-jewelry .section-head {
    margin-bottom: 42px;
}
.sol-is-jewelry .hero {
    padding: 72px 0 64px;
}
.sol-is-jewelry .hero h1 {
    font-size: 2.1rem;
}
.sol-is-jewelry .hero-sub {
    font-size: 1.05rem;
}
.sol-is-jewelry .hero-cta {
    flex-direction: column;
    width: 100%;
}
.sol-is-jewelry .hero-cta .btn {
    width: 100%;
}
.sol-is-jewelry .hero-trust {
    gap: 20px;
}
.sol-is-jewelry .hero-trust-divider {
    display: none;
}
.sol-is-jewelry .hero-trust-num {
    font-size: 1.4rem;
}
.sol-is-jewelry .hero-trust-label {
    font-size: 0.78rem;
}
.sol-is-jewelry .hero-visual {
    max-width: 440px;
    margin: 0 auto;
}
.sol-is-jewelry .dash-float {
    display: none;
}
.sol-is-jewelry .pain-grid {
    grid-template-columns: 1fr;
    gap: 18px;
}
.sol-is-jewelry .pain-card {
    padding: 30px 24px;
}
.sol-is-jewelry .func-card {
    padding: 28px 24px;
    flex-direction: column;
    gap: 16px;
}
.sol-is-jewelry .func-card-num {
    font-size: 2rem;
    min-width: auto;
}
.sol-is-jewelry .advantage-grid {
    grid-template-columns: 1fr;
}
.sol-is-jewelry .advantage-card.featured {
    grid-column: span 1;
}
.sol-is-jewelry .scenario-grid {
    grid-template-columns: 1fr;
}
.sol-is-jewelry .value-grid {
    grid-template-columns: 1fr 1fr;
}
.sol-is-jewelry .trust-stats {
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}
.sol-is-jewelry .trust-stat {
    padding: 24px 14px;
}
.sol-is-jewelry .trust-stat .num {
    font-size: 2.1rem;
}
.sol-is-jewelry .logo-wall {
    padding: 28px;
}
.sol-is-jewelry .logo-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
}
.sol-is-jewelry .logo-item {
    height: 54px;
    font-size: 0.75rem;
}
.sol-is-jewelry .trust-cert {
    grid-template-columns: 1fr;
    gap: 14px;
}
.sol-is-jewelry .cert-card {
    padding: 20px;
}
.sol-is-jewelry .cta-inner h2 {
    font-size: 1.9rem;
}
.sol-is-jewelry .cta-inner p {
    font-size: 1rem;
}
.sol-is-jewelry .cta-options {
    flex-direction: column;
    width: 100%;
}
.sol-is-jewelry .cta-options .btn {
    width: 100%;
}
}
@media (max-width: 480px) {
.sol-is-jewelry .container {
    padding: 0 18px;
}
.sol-is-jewelry .hero h1 {
    font-size: 1.85rem;
}
.sol-is-jewelry .section-title {
    font-size: 1.55rem;
}
.sol-is-jewelry .dash-stats {
    grid-template-columns: 1fr;
    gap: 8px;
}
.sol-is-jewelry .value-grid {
    grid-template-columns: 1fr;
}
}
/* 业务架构图（参考模版） */
/* 新零售全域业务架构图 */
.sol-is-jewelry .ai-architecture {
  padding: 34px !important;
  margin-top: 46px !important;
  border: 1px solid #d5e6f8 !important;
  border-radius: 20px !important;
  background: #f8fbff !important;
  box-shadow: 0 16px 36px rgba(13, 71, 161, 0.08) !important;
}
.ai-architecture h3 {
  font-size: 1.48rem !important;
  color: #102e52 !important;
  text-align: center !important;
}
.ai-architecture > p {
  max-width: 700px;
  margin: 0 auto 28px !important;
  text-align: center !important;
  line-height: 1.7;
}
.arch-map {
  display: grid;
  gap: 13px;
}
.arch-band {
  display: grid;
  grid-template-columns: 174px 1fr;
  gap: 13px;
  align-items: stretch;
}
.arch-band-label {
  padding: 16px;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #e6f1ff;
  color: #125aa5;
  font-size: 0.92rem;
  font-weight: 800;
}
.arch-band-label small {
  margin-top: 5px;
  color: #5f87b4;
  font-size: 0.68rem;
  font-weight: 500;
}
.arch-band-content {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
}
.arch-unit {
  min-height: 84px;
  padding: 13px 9px;
  border: 1px solid #d4e5f8;
  border-radius: 11px;
  background: #fff;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #143b68;
  font-size: 0.82rem;
  font-weight: 800;
  transition: transform 0.2s, box-shadow 0.2s;
}
.arch-unit:hover {
  transform: translateY(-3px);
  box-shadow: 0 7px 16px rgba(30, 136, 229, 0.12);
}
.arch-unit i {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  margin-bottom: 6px;
  border-radius: 7px;
  background: #e5f1ff;
  color: #1565c0;
  font-size: 0.72rem;
  font-style: normal;
}
.arch-unit small {
  display: block;
  color: #7088a3;
  font-size: 0.66rem;
  font-weight: 400;
  line-height: 1.35;
  margin-top: 4px;
}
.arch-band.core .arch-band-label {
  background: #0d47a1;
  color: #fff;
}
.arch-band.core .arch-band-label small {
  color: #c6e1ff;
}
.arch-band.core .arch-unit {
  background: #1565c0;
  border-color: #1565c0;
  color: #fff;
}
.arch-band.core .arch-unit i {
  background: #fff;
  color: #1565c0;
}
.arch-band.core .arch-unit small {
  color: #d6eaff;
}
.arch-band.ai .arch-band-label {
  background: #e8f3ff;
}
.arch-band.ai .arch-unit {
  border-color: #b9d9fa;
  background: #fafdff;
}
.arch-map-note {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px dashed #c9ddf2;
  color: #62809f;
  font-size: 0.77rem;
}
.arch-map-note b {
  color: #1565c0;
}
@media (max-width: 1100px) {
.arch-band-content {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 700px) {
.ai-architecture {
    padding: 21px !important;
}
.arch-band {
    grid-template-columns: 1fr;
}
.arch-band-label {
    padding: 12px;
    align-items: center;
    text-align: center;
}
.arch-band-content {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.arch-unit {
    min-height: 78px;
}
.arch-map-note {
    align-items: flex-start;
    flex-direction: column;
}
}
/* ===== Reset & Base ===== */
.sol-is-mother, .sol-is-mother *, .sol-is-mother *::before, .sol-is-mother *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.sol-is-mother {
  --c-primary:#1e88e5;
  --c-primary-2:#1976d2;
  --c-primary-3:#1565c0;
  --c-primary-4:#0d47a1;
  --c-primary-light:#42a5f5;
  --c-primary-bright:#2196f3;
  --c-cyan:#06b6d4;
  --c-slate:#475569;
  --c-slate-light:#64748b;
  --c-text:#0f172a;
  --c-text-mid:#334155;
  --c-bg:#f5f9ff;
  --c-bg-2:#eef4fc;
  --c-bg-3:#e8f1fb;
  --c-border:#e2e8f0;
  --c-white:#fff;
  --c-footer:#0a1929;
  --c-footer-2:#0d2238;
  --radius:14px;
  --radius-lg:22px;
  --shadow-sm:0 2px 8px rgba(30,136,229,.08);
  --shadow:0 8px 28px rgba(30,136,229,.10);
  --shadow-lg:0 18px 56px rgba(30,136,229,.14);
  --shadow-xl:0 28px 80px rgba(30,136,229,.18);
  --shadow-blue:0 10px 30px rgba(30,136,229,.35);
  --max-w:1280px;
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
}
.sol-is-mother {
  scroll-behavior: smooth;
  font-size: 16px;
}
.sol-is-mother {
  font-family: var(--font);
  color: var(--c-text);
  background: var(--c-white);
  line-height: 1.7;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}
.sol-is-mother a {
  text-decoration: none;
  color: inherit;
}
.sol-is-mother img {
  max-width: 100%;
  display: block;
}
.sol-is-mother ul {
  list-style: none;
}
.sol-is-mother .container {
  max-width: var(--max-w);
  margin: 0 auto;
  padding: 0 24px;
}
.sol-is-mother .section {
  padding: 110px 0;
  position: relative;
}
.sol-is-mother .section-sm {
  padding: 72px 0;
}

/* ===== Typography ===== */
.sol-is-mother .eyebrow {
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--c-primary);
  margin-bottom: 12px;
}
.sol-is-mother .section-num {
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.18em;
  color: var(--c-primary);
  display: inline-block;
  background: linear-gradient(135deg, rgba(30, 136, 229, 0.1), rgba(66, 165, 245, 0.1));
  padding: 6px 14px;
  border-radius: 100px;
  margin-bottom: 14px;
}
.sol-is-mother .section-title {
  font-size: 2.4rem;
  font-weight: 800;
  color: var(--c-text);
  line-height: 1.25;
  margin-bottom: 18px;
  letter-spacing: -0.02em;
}
.sol-is-mother .section-subtitle {
  font-size: 1.08rem;
  color: var(--c-slate);
  max-width: 720px;
  line-height: 1.8;
}
.sol-is-mother .section-head {
  margin-bottom: 64px;
}
.sol-is-mother .section-head.center {
  text-align: center;
}
.sol-is-mother .section-head.center .section-subtitle {
  margin: 0 auto;
}
.sol-is-mother .section-head.center .section-num {
  display: inline-block;
}

/* ===== 3D Buttons ===== */
.sol-is-mother .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 28px;
  border-radius: 12px;
  font-size: 0.94rem;
  font-weight: 600;
  cursor: pointer;
  border: none;
  transition: all 0.25s;
  white-space: nowrap;
  line-height: 1.2;
}
.sol-is-mother .btn-primary {
  background: linear-gradient(180deg, #42a5f5 0%, #1e88e5 50%, #1976d2 100%);
  color: #fff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -2px 0 rgba(0, 0, 0, 0.08), 0 4px 0 var(--c-primary-3), 0 8px 20px rgba(30, 136, 229, 0.35);
}
.sol-is-mother .btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -2px 0 rgba(0, 0, 0, 0.08), 0 6px 0 var(--c-primary-3), 0 12px 26px rgba(30, 136, 229, 0.45);
}
.sol-is-mother .btn-primary:active {
  transform: translateY(2px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -2px 0 rgba(0, 0, 0, 0.08), 0 1px 0 var(--c-primary-3), 0 4px 12px rgba(30, 136, 229, 0.35);
}
.sol-is-mother .btn-outline {
  background: #fff;
  color: var(--c-primary-3);
  border: 1.5px solid var(--c-border);
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.08);
}
.sol-is-mother .btn-outline:hover {
  border-color: var(--c-primary);
  color: var(--c-primary);
  box-shadow: 0 6px 18px rgba(30, 136, 229, 0.18);
  transform: translateY(-2px);
}
.sol-is-mother .btn-ghost {
  background: rgba(255, 255, 255, 0.14);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.35);
  backdrop-filter: blur(6px);
}
.sol-is-mother .btn-ghost:hover {
  background: rgba(255, 255, 255, 0.24);
  transform: translateY(-2px);
}
.sol-is-mother .btn-lg {
  padding: 17px 40px;
  font-size: 1.05rem;
  border-radius: 14px;
}
.sol-is-mother .btn-lg.btn-primary {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), inset 0 -2px 0 rgba(0, 0, 0, 0.1), 0 6px 0 var(--c-primary-3), 0 12px 28px rgba(30, 136, 229, 0.4);
}
.sol-is-mother .btn-sm {
  padding: 9px 20px;
  font-size: 0.85rem;
  border-radius: 10px;
}

/* ===== Hero ===== */
.sol-is-mother .hero {
  position: relative;
  background: linear-gradient(135deg, #0d47a1 0%, #1565c0 30%, #1e88e5 70%, #2196f3 100%);
  padding: 110px 0 100px;
  overflow: hidden;
}
.sol-is-mother .hero::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: radial-gradient(circle at 15% 40%, rgba(255, 255, 255, 0.18) 0%, transparent 45%), radial-gradient(circle at 85% 25%, rgba(66, 165, 245, 0.25) 0%, transparent 50%), radial-gradient(circle at 70% 80%, rgba(255, 255, 255, 0.1) 0%, transparent 40%);
  pointer-events: none;
}
.sol-is-mother .hero::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 80px;
  background: linear-gradient(to bottom, transparent, var(--c-white));
  pointer-events: none;
}
.sol-is-mother .hero-grid {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 56px;
  align-items: center;
  position: relative;
  z-index: 1;
}
.sol-is-mother .hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 18px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 100px;
  color: #fff;
  font-size: 0.82rem;
  font-weight: 500;
  margin-bottom: 30px;
  backdrop-filter: blur(8px);
}
.sol-is-mother .hero-badge .dot {
  width: 8px;
  height: 8px;
  background: #34d399;
  border-radius: 50%;
  box-shadow: 0 0 10px #34d399;
  animation: pulse 1.6s ease-in-out infinite;
}
@keyframes pulse {
0%, 100% {
    opacity: 1;
    transform: scale(1);
}
50% {
    opacity: 0.6;
    transform: scale(1.3);
}
}
.sol-is-mother .hero h1 {
  font-size: 3.2rem;
  font-weight: 900;
  color: #fff;
  line-height: 1.18;
  letter-spacing: -0.025em;
  margin-bottom: 24px;
}
.sol-is-mother .hero h1 .highlight {
  background: linear-gradient(135deg, #fff, #bbdefb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  position: relative;
  display: inline-block;
}
.sol-is-mother .hero h1 .highlight::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -4px;
  height: 6px;
  background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0.2) 100%);
  border-radius: 3px;
  opacity: 0.5;
}
.sol-is-mother .hero-sub {
  font-size: 1.14rem;
  color: rgba(255, 255, 255, 0.85);
  line-height: 1.85;
  margin-bottom: 28px;
  max-width: 560px;
}
.sol-is-mother .hero-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 36px;
}
.sol-is-mother .hero-tags span {
  padding: 7px 16px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 30px;
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.85);
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(4px);
}
.sol-is-mother .hero-cta {
  display: flex;
  gap: 16px;
  margin-bottom: 40px;
  flex-wrap: wrap;
}
.sol-is-mother .hero-trust {
  display: flex;
  align-items: center;
  gap: 30px;
  flex-wrap: wrap;
}
.sol-is-mother .hero-trust-item {
  display: flex;
  align-items: center;
  gap: 10px;
}
.sol-is-mother .hero-trust-num {
  font-size: 1.65rem;
  font-weight: 800;
  color: #fff;
}
.sol-is-mother .hero-trust-label {
  font-size: 0.82rem;
  color: rgba(255, 255, 255, 0.6);
}
.sol-is-mother .hero-trust-divider {
  width: 1px;
  height: 40px;
  background: rgba(255, 255, 255, 0.18);
}

/* Hero Dashboard Mockup */
.sol-is-mother .hero-visual {
  position: relative;
}
.sol-is-mother .dash-mock {
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 40px 90px rgba(0, 30, 80, 0.45);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.sol-is-mother .dash-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 14px 18px;
  background: #f0f7ff;
  border-bottom: 1px solid var(--c-border);
}
.sol-is-mother .dash-bar .dots {
  display: flex;
  gap: 6px;
}
.sol-is-mother .dash-bar .dots span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.sol-is-mother .dash-bar .dots span:nth-child(1) {
  background: #ef4444;
}
.sol-is-mother .dash-bar .dots span:nth-child(2) {
  background: #f59e0b;
}
.sol-is-mother .dash-bar .dots span:nth-child(3) {
  background: #22c55e;
}
.sol-is-mother .dash-bar .url {
  flex: 1;
  text-align: center;
  font-size: 0.72rem;
  color: var(--c-slate-light);
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 6px;
  padding: 4px 14px;
  margin-left: 8px;
}
.sol-is-mother .dash-body {
  display: grid;
  grid-template-columns: 68px 1fr;
  min-height: 360px;
}
.sol-is-mother .dash-side {
  background: linear-gradient(180deg, #0d47a1, #1565c0);
  padding: 16px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.sol-is-mother .dash-side .icon-item {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.5);
  transition: 0.2s;
}
.sol-is-mother .dash-side .icon-item.active {
  background: linear-gradient(135deg, #42a5f5, #1e88e5);
  color: #fff;
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.5);
}
.sol-is-mother .dash-side .icon-item svg {
  width: 18px;
  height: 18px;
}
.sol-is-mother .dash-main {
  padding: 20px;
  background: #fafbfc;
}
.sol-is-mother .dash-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-bottom: 16px;
}
.sol-is-mother .dash-stat {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 12px;
  padding: 14px;
  transition: 0.2s;
}
.sol-is-mother .dash-stat:hover {
  border-color: var(--c-primary-light);
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.1);
}
.sol-is-mother .dash-stat-label {
  font-size: 0.68rem;
  color: var(--c-slate-light);
  margin-bottom: 4px;
}
.sol-is-mother .dash-stat-val {
  font-size: 1.2rem;
  font-weight: 800;
  color: var(--c-text);
}
.sol-is-mother .dash-stat-trend {
  font-size: 0.65rem;
  font-weight: 700;
  margin-top: 3px;
}
.sol-is-mother .up {
  color: #10b981;
}
.sol-is-mother .dn {
  color: #ef4444;
}
.sol-is-mother .dash-chart {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 12px;
  padding: 16px;
}
.sol-is-mother .dash-chart-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
}
.sol-is-mother .dash-chart-title {
  font-size: 0.74rem;
  font-weight: 600;
  color: var(--c-text);
}
.sol-is-mother .dash-chart-tag {
  font-size: 0.62rem;
  color: var(--c-primary);
  background: linear-gradient(135deg, rgba(30, 136, 229, 0.1), rgba(66, 165, 245, 0.1));
  padding: 3px 10px;
  border-radius: 100px;
  font-weight: 600;
}
.sol-is-mother .bars {
  display: flex;
  align-items: flex-end;
  gap: 6px;
  height: 96px;
}
.sol-is-mother .bar {
  flex: 1;
  border-radius: 4px 4px 0 0;
  background: linear-gradient(180deg, #42a5f5, #1565c0);
  opacity: 0.9;
  transition: opacity 0.2s;
}
.sol-is-mother .bar:hover {
  opacity: 1;
}
.sol-is-mother .bar.dim {
  background: linear-gradient(180deg, #cbd5e1, #94a3b8);
}
.sol-is-mother .dash-float {
  position: absolute;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 14px 36px rgba(0, 30, 80, 0.25);
  padding: 14px 18px;
  display: flex;
  align-items: center;
  gap: 14px;
  animation: float 3.5s ease-in-out infinite;
  border: 1px solid rgba(255, 255, 255, 0.6);
}
.sol-is-mother .dash-float-1 {
  top: -20px;
  right: -12px;
  animation-delay: 0s;
}
.sol-is-mother .dash-float-2 {
  bottom: -18px;
  left: -18px;
  animation-delay: 1.5s;
}
.sol-is-mother .dash-float-icon {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.sol-is-mother .dash-float-icon.green {
  background: linear-gradient(135deg, #d1fae5, #a7f3d0);
  color: #10b981;
}
.sol-is-mother .dash-float-icon.blue {
  background: linear-gradient(135deg, #dbeafe, #bfdbfe);
  color: #1e88e5;
}
.sol-is-mother .dash-float-text .num {
  font-size: 1.05rem;
  font-weight: 800;
  color: var(--c-text);
}
.sol-is-mother .dash-float-text .label {
  font-size: 0.7rem;
  color: var(--c-slate-light);
}
@keyframes float {
0%, 100% {
    transform: translateY(0);
}
50% {
    transform: translateY(-12px);
}
}
/* ===== Pain Points ===== */
.sol-is-mother .pain-section {
  background: linear-gradient(180deg, var(--c-white), var(--c-bg));
}
.sol-is-mother .pain-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}
.sol-is-mother .pain-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 36px 30px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-is-mother .pain-card:hover {
  border-color: var(--c-primary-light);
  box-shadow: var(--shadow-xl);
  transform: translateY(-6px);
}
.sol-is-mother .pain-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #1e88e5, #42a5f5, #06b6d4);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.sol-is-mother .pain-card:hover::before {
  transform: scaleX(1);
}
.sol-is-mother .pain-num {
  position: absolute;
  top: 24px;
  right: 28px;
  font-size: 2.8rem;
  font-weight: 900;
  color: rgba(30, 136, 229, 0.06);
  line-height: 1;
}
.sol-is-mother .pain-icon {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: linear-gradient(135deg, #e3f2fd, #bbdefb);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.15);
}
.sol-is-mother .pain-icon svg {
  width: 28px;
  height: 28px;
  color: var(--c-primary-2);
}
.sol-is-mother .pain-title {
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.sol-is-mother .pain-desc {
  font-size: 0.92rem;
  color: var(--c-slate);
  line-height: 1.8;
}

/* ===== Solution Overview ===== */
.sol-is-mother .solution-section {
  background: #fff;
}
.sol-is-mother .solution-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}
.sol-is-mother .solution-card {
  background: linear-gradient(145deg, #f5f9ff, #e8f1fb);
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 40px 32px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-is-mother .solution-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
}
.sol-is-mother .solution-card::after {
  content: "";
  position: absolute;
  top: -30px;
  right: -30px;
  width: 120px;
  height: 120px;
  background: radial-gradient(circle, rgba(30, 136, 229, 0.1), transparent);
  pointer-events: none;
}
.sol-is-mother .solution-icon {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  background: linear-gradient(135deg, #1e88e5, #42a5f5);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.3);
}
.sol-is-mother .solution-icon svg {
  width: 26px;
  height: 26px;
  color: #fff;
}
.sol-is-mother .solution-card h3 {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 14px;
}
.sol-is-mother .solution-card p {
  font-size: 0.95rem;
  color: var(--c-slate);
  line-height: 1.8;
}

/* ===== Core Functions ===== */
.sol-is-mother .func-section {
  background: linear-gradient(180deg, var(--c-bg), var(--c-white));
}
.sol-is-mother .func-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
.sol-is-mother .func-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 36px 32px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
  display: flex;
  gap: 24px;
}
.sol-is-mother .func-card:hover {
  border-color: var(--c-primary-light);
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
}
.sol-is-mother .func-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: linear-gradient(180deg, #1e88e5, #42a5f5);
  transform: scaleY(0);
  transform-origin: top;
  transition: transform 0.4s;
}
.sol-is-mother .func-card:hover::before {
  transform: scaleY(1);
}
.sol-is-mother .func-card-num {
  font-size: 2.4rem;
  font-weight: 900;
  color: rgba(30, 136, 229, 0.12);
  line-height: 1;
  flex-shrink: 0;
  min-width: 56px;
}
.sol-is-mother .func-card-body {
  flex: 1;
}
.sol-is-mother .func-card-icon {
  width: 44px;
  height: 44px;
  border-radius: 11px;
  background: linear-gradient(135deg, #e3f2fd, #bbdefb);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.12);
}
.sol-is-mother .func-card-icon svg {
  width: 22px;
  height: 22px;
  color: var(--c-primary-2);
}
.sol-is-mother .func-card-body h3 {
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 10px;
}
.sol-is-mother .func-card-body p {
  font-size: 0.92rem;
  color: var(--c-slate);
  line-height: 1.8;
}

/* ===== Core Advantages ===== */
.sol-is-mother .advantage-section {
  background: #fff;
}
.sol-is-mother .advantage-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.sol-is-mother .advantage-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius);
  padding: 34px 28px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-is-mother .advantage-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
  border-color: var(--c-primary-light);
}
.sol-is-mother .advantage-card::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #1e88e5, #42a5f5);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.sol-is-mother .advantage-card:hover::before {
  transform: scaleX(1);
}
.sol-is-mother .advantage-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: linear-gradient(135deg, #1e88e5, #42a5f5);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  box-shadow: 0 6px 16px rgba(30, 136, 229, 0.25);
}
.sol-is-mother .advantage-icon svg {
  width: 24px;
  height: 24px;
  color: #fff;
}
.sol-is-mother .advantage-card h3 {
  font-size: 1.12rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.sol-is-mother .advantage-card p {
  font-size: 0.9rem;
  color: var(--c-slate);
  line-height: 1.75;
}
.sol-is-mother .advantage-card.featured {
  grid-column: span 3;
  background: linear-gradient(135deg, #0d47a1, #1565c0);
  border: none;
}
.sol-is-mother .advantage-card.featured h3 {
  color: #fff;
}
.sol-is-mother .advantage-card.featured p {
  color: rgba(255, 255, 255, 0.75);
}
.sol-is-mother .advantage-card.featured .advantage-icon {
  background: rgba(255, 255, 255, 0.15);
  box-shadow: none;
}
.sol-is-mother .advantage-card.featured .advantage-icon svg {
  color: #90caf9;
}
.sol-is-mother .advantage-card.featured::before {
  display: none;
}

/* ===== Application Scenarios ===== */
.sol-is-mother .scenario-section {
  background: linear-gradient(180deg, var(--c-bg), var(--c-bg-2));
}
.sol-is-mother .scenario-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.sol-is-mother .scenario-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius);
  padding: 32px 28px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-is-mother .scenario-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
  border-color: var(--c-primary-light);
}
.sol-is-mother .scenario-tag {
  display: inline-block;
  padding: 5px 12px;
  background: linear-gradient(135deg, rgba(30, 136, 229, 0.1), rgba(66, 165, 245, 0.1));
  color: var(--c-primary);
  font-size: 0.72rem;
  font-weight: 700;
  border-radius: 100px;
  margin-bottom: 16px;
}
.sol-is-mother .scenario-card h3 {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.sol-is-mother .scenario-card p {
  font-size: 0.9rem;
  color: var(--c-slate);
  line-height: 1.75;
}
.sol-is-mother .scenario-card::after {
  content: "";
  position: absolute;
  bottom: -20px;
  right: -20px;
  width: 80px;
  height: 80px;
  background: radial-gradient(circle, rgba(30, 136, 229, 0.06), transparent);
  pointer-events: none;
}

/* ===== Customer Value ===== */
.sol-is-mother .value-section {
  background: #fff;
}
.sol-is-mother .value-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}
.sol-is-mother .value-card {
  background: linear-gradient(145deg, #f5f9ff, #e8f1fb);
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 36px 26px;
  text-align: center;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-is-mother .value-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-6px);
}
.sol-is-mother .value-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #1e88e5, #42a5f5, #06b6d4);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.4s;
}
.sol-is-mother .value-card:hover::before {
  transform: scaleX(1);
}
.sol-is-mother .value-icon {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: linear-gradient(135deg, #1e88e5, #42a5f5);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.3);
}
.sol-is-mother .value-icon svg {
  width: 28px;
  height: 28px;
  color: #fff;
}
.sol-is-mother .value-card h3 {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.sol-is-mother .value-card p {
  font-size: 0.88rem;
  color: var(--c-slate);
  line-height: 1.75;
}
.sol-is-mother .value-highlight {
  display: inline-block;
  margin-top: 14px;
  padding: 5px 14px;
  background: #fff;
  border: 1px solid var(--c-primary-light);
  border-radius: 100px;
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--c-primary);
}

/* ===== Trust Section ===== */
.sol-is-mother .trust-section {
  background: linear-gradient(135deg, #0a3a7a 0%, #0d47a1 50%, #1565c0 100%);
  position: relative;
  overflow: hidden;
  padding: 100px 0;
}
.sol-is-mother .trust-section::before {
  content: "";
  position: absolute;
  top: -50%;
  right: -10%;
  width: 600px;
  height: 600px;
  background: radial-gradient(circle, rgba(66, 165, 245, 0.15) 0%, transparent 70%);
  pointer-events: none;
}
.sol-is-mother .trust-section::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
}
.sol-is-mother .trust-section .section-title {
  color: #fff;
}
.sol-is-mother .trust-section .section-subtitle {
  color: rgba(255, 255, 255, 0.7);
}
.sol-is-mother .trust-section .section-num {
  color: #90caf9;
  background: rgba(255, 255, 255, 0.1);
}
.sol-is-mother .trust-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  margin-bottom: 60px;
}
.sol-is-mother .trust-stat {
  text-align: center;
  padding: 36px 22px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius);
  transition: 0.3s;
  backdrop-filter: blur(6px);
}
.sol-is-mother .trust-stat:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.18);
  transform: translateY(-6px);
}
.sol-is-mother .trust-stat .num {
  font-size: 2.8rem;
  font-weight: 900;
  color: #fff;
  letter-spacing: -0.025em;
  line-height: 1;
  margin-bottom: 8px;
}
.sol-is-mother .trust-stat .num .unit {
  font-size: 1.4rem;
  font-weight: 700;
}
.sol-is-mother .trust-stat .label {
  font-size: 0.88rem;
  color: rgba(255, 255, 255, 0.55);
  font-weight: 500;
}
.sol-is-mother .logo-wall {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius-lg);
  padding: 44px;
  margin-bottom: 48px;
  backdrop-filter: blur(6px);
}
.sol-is-mother .logo-wall-title {
  text-align: center;
  font-size: 0.82rem;
  color: rgba(255, 255, 255, 0.45);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  margin-bottom: 28px;
  font-weight: 600;
}
.sol-is-mother .logo-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 18px;
}
.sol-is-mother .logo-item {
  height: 64px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.82rem;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.4);
  transition: 0.3s;
}
.sol-is-mother .logo-item:hover {
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.8);
  border-color: rgba(255, 255, 255, 0.18);
  transform: translateY(-2px);
}
.sol-is-mother .trust-cert {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}
.sol-is-mother .cert-card {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius);
  padding: 28px;
  display: flex;
  align-items: center;
  gap: 18px;
  transition: 0.3s;
  backdrop-filter: blur(6px);
}
.sol-is-mother .cert-card:hover {
  background: rgba(255, 255, 255, 0.08);
  transform: translateY(-3px);
}
.sol-is-mother .cert-icon {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(66, 165, 245, 0.2), rgba(30, 136, 229, 0.2));
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border: 1px solid rgba(66, 165, 245, 0.3);
}
.sol-is-mother .cert-icon svg {
  width: 26px;
  height: 26px;
  color: #90caf9;
}
.sol-is-mother .cert-info .title {
  font-size: 0.92rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 4px;
}
.sol-is-mother .cert-info .desc {
  font-size: 0.78rem;
  color: rgba(255, 255, 255, 0.45);
}

/* ===== FAQ ===== */
.sol-is-mother .faq-section {
  background: linear-gradient(180deg, var(--c-bg), var(--c-white));
}
.sol-is-mother .faq-wrap {
  max-width: 880px;
  margin: 0 auto;
}
.sol-is-mother .faq-item {
  border: 1.5px solid var(--c-border);
  border-radius: var(--radius);
  margin-bottom: 14px;
  overflow: hidden;
  transition: 0.3s;
  background: #fff;
}
.sol-is-mother .faq-item.active {
  border-color: var(--c-primary);
  box-shadow: 0 8px 28px rgba(30, 136, 229, 0.12);
}
.sol-is-mother .faq-item.active .faq-q {
  color: var(--c-primary);
}
.sol-is-mother .faq-q {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22px 28px;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 600;
  color: var(--c-text);
  transition: color 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  gap: 16px;
}
.sol-is-mother .faq-q .arrow {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  transition: transform 0.3s;
  color: var(--c-slate-light);
}
.sol-is-mother .faq-item.active .faq-q .arrow {
  transform: rotate(180deg);
  color: var(--c-primary);
}
.sol-is-mother .faq-a {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}
.sol-is-mother .faq-a-inner {
  padding: 0 28px 24px;
  font-size: 0.94rem;
  color: var(--c-slate);
  line-height: 1.85;
}

/* ===== Final CTA ===== */
.sol-is-mother .cta-section {
  position: relative;
  background: linear-gradient(135deg, #0d47a1 0%, #1565c0 50%, #1e88e5 100%);
  padding: 100px 0;
  overflow: hidden;
}
.sol-is-mother .cta-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: radial-gradient(circle at 70% 30%, rgba(66, 165, 245, 0.25) 0%, transparent 50%), radial-gradient(circle at 20% 80%, rgba(255, 255, 255, 0.12) 0%, transparent 40%);
  pointer-events: none;
}
.sol-is-mother .cta-section::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 60px;
  background: linear-gradient(to bottom, transparent, var(--c-footer));
  pointer-events: none;
}
.sol-is-mother .cta-inner {
  position: relative;
  z-index: 1;
  text-align: center;
  max-width: 820px;
  margin: 0 auto;
}
.sol-is-mother .cta-inner h2 {
  font-size: 2.5rem;
  font-weight: 900;
  color: #fff;
  letter-spacing: -0.025em;
  margin-bottom: 20px;
  line-height: 1.25;
}
.sol-is-mother .cta-inner h2 .highlight {
  background: linear-gradient(135deg, #fff, #bbdefb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.sol-is-mother .cta-inner p {
  font-size: 1.12rem;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.85;
  margin-bottom: 44px;
}
.sol-is-mother .cta-options {
  display: flex;
  gap: 18px;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 36px;
}
.sol-is-mother .cta-note {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.5);
  flex-wrap: wrap;
}
.sol-is-mother .cta-note .dot {
  width: 5px;
  height: 5px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
}

/* ===== Footer (对齐 zjssoft.com 框选底部区域) ===== */
/* ===== Scroll Animations ===== */
.sol-is-mother .reveal {
  opacity: 0;
  transform: translateY(32px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}
.sol-is-mother .reveal.active {
  opacity: 1;
  transform: translateY(0);
}
.sol-is-mother .reveal-delay-1 {
  transition-delay: 0.12s;
}
.sol-is-mother .reveal-delay-2 {
  transition-delay: 0.24s;
}
.sol-is-mother .reveal-delay-3 {
  transition-delay: 0.36s;
}

/* ===== Mobile Responsive ===== */
@media (max-width: 1024px) {
.sol-is-mother .hero-grid {
    grid-template-columns: 1fr;
    gap: 48px;
}
.sol-is-mother .hero h1 {
    font-size: 2.6rem;
}
.sol-is-mother .pain-grid {
    grid-template-columns: repeat(2, 1fr);
}
.sol-is-mother .solution-grid {
    grid-template-columns: 1fr;
}
.sol-is-mother .func-grid {
    grid-template-columns: 1fr;
}
.sol-is-mother .advantage-grid {
    grid-template-columns: repeat(2, 1fr);
}
.sol-is-mother .advantage-card.featured {
    grid-column: span 2;
}
.sol-is-mother .scenario-grid {
    grid-template-columns: repeat(2, 1fr);
}
.sol-is-mother .value-grid {
    grid-template-columns: repeat(2, 1fr);
}
.sol-is-mother .trust-stats {
    grid-template-columns: repeat(2, 1fr);
}
.sol-is-mother .logo-grid {
    grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 768px) {
.sol-is-mother .section {
    padding: 72px 0;
}
.sol-is-mother .section-title {
    font-size: 1.8rem;
}
.sol-is-mother .section-head {
    margin-bottom: 42px;
}
.sol-is-mother .hero {
    padding: 72px 0 64px;
}
.sol-is-mother .hero h1 {
    font-size: 2.1rem;
}
.sol-is-mother .hero-sub {
    font-size: 1.05rem;
}
.sol-is-mother .hero-cta {
    flex-direction: column;
    width: 100%;
}
.sol-is-mother .hero-cta .btn {
    width: 100%;
}
.sol-is-mother .hero-trust {
    gap: 20px;
}
.sol-is-mother .hero-trust-divider {
    display: none;
}
.sol-is-mother .hero-trust-num {
    font-size: 1.4rem;
}
.sol-is-mother .hero-trust-label {
    font-size: 0.78rem;
}
.sol-is-mother .hero-visual {
    max-width: 440px;
    margin: 0 auto;
}
.sol-is-mother .dash-float {
    display: none;
}
.sol-is-mother .pain-grid {
    grid-template-columns: 1fr;
    gap: 18px;
}
.sol-is-mother .pain-card {
    padding: 30px 24px;
}
.sol-is-mother .func-card {
    padding: 28px 24px;
    flex-direction: column;
    gap: 16px;
}
.sol-is-mother .func-card-num {
    font-size: 2rem;
    min-width: auto;
}
.sol-is-mother .advantage-grid {
    grid-template-columns: 1fr;
}
.sol-is-mother .advantage-card.featured {
    grid-column: span 1;
}
.sol-is-mother .scenario-grid {
    grid-template-columns: 1fr;
}
.sol-is-mother .value-grid {
    grid-template-columns: 1fr 1fr;
}
.sol-is-mother .trust-stats {
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}
.sol-is-mother .trust-stat {
    padding: 24px 14px;
}
.sol-is-mother .trust-stat .num {
    font-size: 2.1rem;
}
.sol-is-mother .logo-wall {
    padding: 28px;
}
.sol-is-mother .logo-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
}
.sol-is-mother .logo-item {
    height: 54px;
    font-size: 0.75rem;
}
.sol-is-mother .trust-cert {
    grid-template-columns: 1fr;
    gap: 14px;
}
.sol-is-mother .cert-card {
    padding: 20px;
}
.sol-is-mother .cta-inner h2 {
    font-size: 1.9rem;
}
.sol-is-mother .cta-inner p {
    font-size: 1rem;
}
.sol-is-mother .cta-options {
    flex-direction: column;
    width: 100%;
}
.sol-is-mother .cta-options .btn {
    width: 100%;
}
}
@media (max-width: 480px) {
.sol-is-mother .container {
    padding: 0 18px;
}
.sol-is-mother .hero h1 {
    font-size: 1.85rem;
}
.sol-is-mother .section-title {
    font-size: 1.55rem;
}
.sol-is-mother .dash-stats {
    grid-template-columns: 1fr;
    gap: 8px;
}
.sol-is-mother .value-grid {
    grid-template-columns: 1fr;
}
}
/* 业务架构图（参考模版） */
/* 新零售全域业务架构图 */
.sol-is-mother .ai-architecture {
  padding: 34px !important;
  margin-top: 46px !important;
  border: 1px solid #d5e6f8 !important;
  border-radius: 20px !important;
  background: #f8fbff !important;
  box-shadow: 0 16px 36px rgba(13, 71, 161, 0.08) !important;
}
.ai-architecture h3 {
  font-size: 1.48rem !important;
  color: #102e52 !important;
  text-align: center !important;
}
.ai-architecture > p {
  max-width: 700px;
  margin: 0 auto 28px !important;
  text-align: center !important;
  line-height: 1.7;
}
.arch-map {
  display: grid;
  gap: 13px;
}
.arch-band {
  display: grid;
  grid-template-columns: 174px 1fr;
  gap: 13px;
  align-items: stretch;
}
.arch-band-label {
  padding: 16px;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #e6f1ff;
  color: #125aa5;
  font-size: 0.92rem;
  font-weight: 800;
}
.arch-band-label small {
  margin-top: 5px;
  color: #5f87b4;
  font-size: 0.68rem;
  font-weight: 500;
}
.arch-band-content {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
}
.arch-unit {
  min-height: 84px;
  padding: 13px 9px;
  border: 1px solid #d4e5f8;
  border-radius: 11px;
  background: #fff;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #143b68;
  font-size: 0.82rem;
  font-weight: 800;
  transition: transform 0.2s, box-shadow 0.2s;
}
.arch-unit:hover {
  transform: translateY(-3px);
  box-shadow: 0 7px 16px rgba(30, 136, 229, 0.12);
}
.arch-unit i {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  margin-bottom: 6px;
  border-radius: 7px;
  background: #e5f1ff;
  color: #1565c0;
  font-size: 0.72rem;
  font-style: normal;
}
.arch-unit small {
  display: block;
  color: #7088a3;
  font-size: 0.66rem;
  font-weight: 400;
  line-height: 1.35;
  margin-top: 4px;
}
.arch-band.core .arch-band-label {
  background: #0d47a1;
  color: #fff;
}
.arch-band.core .arch-band-label small {
  color: #c6e1ff;
}
.arch-band.core .arch-unit {
  background: #1565c0;
  border-color: #1565c0;
  color: #fff;
}
.arch-band.core .arch-unit i {
  background: #fff;
  color: #1565c0;
}
.arch-band.core .arch-unit small {
  color: #d6eaff;
}
.arch-band.ai .arch-band-label {
  background: #e8f3ff;
}
.arch-band.ai .arch-unit {
  border-color: #b9d9fa;
  background: #fafdff;
}
.arch-map-note {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px dashed #c9ddf2;
  color: #62809f;
  font-size: 0.77rem;
}
.arch-map-note b {
  color: #1565c0;
}
@media (max-width: 1100px) {
.arch-band-content {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 700px) {
.ai-architecture {
    padding: 21px !important;
}
.arch-band {
    grid-template-columns: 1fr;
}
.arch-band-label {
    padding: 12px;
    align-items: center;
    text-align: center;
}
.arch-band-content {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.arch-unit {
    min-height: 78px;
}
.arch-map-note {
    align-items: flex-start;
    flex-direction: column;
}
}
/* ===== Reset & Base ===== */
.sol-is-retail, .sol-is-retail *, .sol-is-retail *::before, .sol-is-retail *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.sol-is-retail {
  --c-primary:#1e88e5;
  --c-primary-2:#1976d2;
  --c-primary-3:#1565c0;
  --c-primary-4:#0d47a1;
  --c-primary-light:#42a5f5;
  --c-primary-bright:#2196f3;
  --c-cyan:#06b6d4;
  --c-slate:#475569;
  --c-slate-light:#64748b;
  --c-text:#0f172a;
  --c-text-mid:#334155;
  --c-bg:#f5f9ff;
  --c-bg-2:#eef4fc;
  --c-bg-3:#e8f1fb;
  --c-border:#e2e8f0;
  --c-white:#fff;
  --c-footer:#0a1929;
  --c-footer-2:#0d2238;
  --radius:14px;
  --radius-lg:22px;
  --shadow-sm:0 2px 8px rgba(30,136,229,.08);
  --shadow:0 8px 28px rgba(30,136,229,.10);
  --shadow-lg:0 18px 56px rgba(30,136,229,.14);
  --shadow-xl:0 28px 80px rgba(30,136,229,.18);
  --shadow-blue:0 10px 30px rgba(30,136,229,.35);
  --max-w:1280px;
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
}
.sol-is-retail {
  scroll-behavior: smooth;
  font-size: 16px;
}
.sol-is-retail {
  font-family: var(--font);
  color: var(--c-text);
  background: var(--c-white);
  line-height: 1.7;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}
.sol-is-retail a {
  text-decoration: none;
  color: inherit;
}
.sol-is-retail img {
  max-width: 100%;
  display: block;
}
.sol-is-retail ul {
  list-style: none;
}
.sol-is-retail .container {
  max-width: var(--max-w);
  margin: 0 auto;
  padding: 0 24px;
}
.sol-is-retail .section {
  padding: 110px 0;
  position: relative;
}
.sol-is-retail .section-sm {
  padding: 72px 0;
}

/* ===== Typography ===== */
.sol-is-retail .eyebrow {
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--c-primary);
  margin-bottom: 12px;
}
.sol-is-retail .section-num {
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.18em;
  color: var(--c-primary);
  display: inline-block;
  background: linear-gradient(135deg, rgba(30, 136, 229, 0.1), rgba(66, 165, 245, 0.1));
  padding: 6px 14px;
  border-radius: 100px;
  margin-bottom: 14px;
}
.sol-is-retail .section-title {
  font-size: 2.4rem;
  font-weight: 800;
  color: var(--c-text);
  line-height: 1.25;
  margin-bottom: 18px;
  letter-spacing: -0.02em;
}
.sol-is-retail .section-subtitle {
  font-size: 1.08rem;
  color: var(--c-slate);
  max-width: 720px;
  line-height: 1.8;
}
.sol-is-retail .section-head {
  margin-bottom: 64px;
}
.sol-is-retail .section-head.center {
  text-align: center;
}
.sol-is-retail .section-head.center .section-subtitle {
  margin: 0 auto;
}
.sol-is-retail .section-head.center .section-num {
  display: inline-block;
}

/* ===== 3D Buttons ===== */
.sol-is-retail .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 28px;
  border-radius: 12px;
  font-size: 0.94rem;
  font-weight: 600;
  cursor: pointer;
  border: none;
  transition: all 0.25s;
  white-space: nowrap;
  line-height: 1.2;
}
.sol-is-retail .btn-primary {
  background: linear-gradient(180deg, #42a5f5 0%, #1e88e5 50%, #1976d2 100%);
  color: #fff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -2px 0 rgba(0, 0, 0, 0.08), 0 4px 0 var(--c-primary-3), 0 8px 20px rgba(30, 136, 229, 0.35);
}
.sol-is-retail .btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -2px 0 rgba(0, 0, 0, 0.08), 0 6px 0 var(--c-primary-3), 0 12px 26px rgba(30, 136, 229, 0.45);
}
.sol-is-retail .btn-primary:active {
  transform: translateY(2px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -2px 0 rgba(0, 0, 0, 0.08), 0 1px 0 var(--c-primary-3), 0 4px 12px rgba(30, 136, 229, 0.35);
}
.sol-is-retail .btn-outline {
  background: #fff;
  color: var(--c-primary-3);
  border: 1.5px solid var(--c-border);
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.08);
}
.sol-is-retail .btn-outline:hover {
  border-color: var(--c-primary);
  color: var(--c-primary);
  box-shadow: 0 6px 18px rgba(30, 136, 229, 0.18);
  transform: translateY(-2px);
}
.sol-is-retail .btn-ghost {
  background: rgba(255, 255, 255, 0.14);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.35);
  backdrop-filter: blur(6px);
}
.sol-is-retail .btn-ghost:hover {
  background: rgba(255, 255, 255, 0.24);
  transform: translateY(-2px);
}
.sol-is-retail .btn-lg {
  padding: 17px 40px;
  font-size: 1.05rem;
  border-radius: 14px;
}
.sol-is-retail .btn-lg.btn-primary {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), inset 0 -2px 0 rgba(0, 0, 0, 0.1), 0 6px 0 var(--c-primary-3), 0 12px 28px rgba(30, 136, 229, 0.4);
}
.sol-is-retail .btn-sm {
  padding: 9px 20px;
  font-size: 0.85rem;
  border-radius: 10px;
}

/* ===== Hero ===== */
.sol-is-retail .hero {
  position: relative;
  background: linear-gradient(135deg, #0d47a1 0%, #1565c0 30%, #1e88e5 70%, #2196f3 100%);
  padding: 110px 0 100px;
  overflow: hidden;
}
.sol-is-retail .hero::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: radial-gradient(circle at 15% 40%, rgba(255, 255, 255, 0.18) 0%, transparent 45%), radial-gradient(circle at 85% 25%, rgba(66, 165, 245, 0.25) 0%, transparent 50%), radial-gradient(circle at 70% 80%, rgba(255, 255, 255, 0.1) 0%, transparent 40%);
  pointer-events: none;
}
.sol-is-retail .hero::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 80px;
  background: linear-gradient(to bottom, transparent, var(--c-white));
  pointer-events: none;
}
.sol-is-retail .hero-grid {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 56px;
  align-items: center;
  position: relative;
  z-index: 1;
}
.sol-is-retail .hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 18px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 100px;
  color: #fff;
  font-size: 0.82rem;
  font-weight: 500;
  margin-bottom: 30px;
  backdrop-filter: blur(8px);
}
.sol-is-retail .hero-badge .dot {
  width: 8px;
  height: 8px;
  background: #34d399;
  border-radius: 50%;
  box-shadow: 0 0 10px #34d399;
  animation: pulse 1.6s ease-in-out infinite;
}
@keyframes pulse {
0%, 100% {
    opacity: 1;
    transform: scale(1);
}
50% {
    opacity: 0.6;
    transform: scale(1.3);
}
}
.sol-is-retail .hero h1 {
  font-size: 3.2rem;
  font-weight: 900;
  color: #fff;
  line-height: 1.18;
  letter-spacing: -0.025em;
  margin-bottom: 24px;
}
.sol-is-retail .hero h1 .highlight {
  background: linear-gradient(135deg, #fff, #bbdefb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  position: relative;
  display: inline-block;
}
.sol-is-retail .hero h1 .highlight::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -4px;
  height: 6px;
  background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0.2) 100%);
  border-radius: 3px;
  opacity: 0.5;
}
.sol-is-retail .hero-sub {
  font-size: 1.14rem;
  color: rgba(255, 255, 255, 0.85);
  line-height: 1.85;
  margin-bottom: 28px;
  max-width: 560px;
}
.sol-is-retail .hero-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 36px;
}
.sol-is-retail .hero-tags span {
  padding: 7px 16px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 30px;
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.85);
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(4px);
}
.sol-is-retail .hero-cta {
  display: flex;
  gap: 16px;
  margin-bottom: 40px;
  flex-wrap: wrap;
}
.sol-is-retail .hero-trust {
  display: flex;
  align-items: center;
  gap: 30px;
  flex-wrap: wrap;
}
.sol-is-retail .hero-trust-item {
  display: flex;
  align-items: center;
  gap: 10px;
}
.sol-is-retail .hero-trust-num {
  font-size: 1.65rem;
  font-weight: 800;
  color: #fff;
}
.sol-is-retail .hero-trust-label {
  font-size: 0.82rem;
  color: rgba(255, 255, 255, 0.6);
}
.sol-is-retail .hero-trust-divider {
  width: 1px;
  height: 40px;
  background: rgba(255, 255, 255, 0.18);
}

/* Hero Dashboard Mockup */
.sol-is-retail .hero-visual {
  position: relative;
}
.sol-is-retail .dash-mock {
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 40px 90px rgba(0, 30, 80, 0.45);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.sol-is-retail .dash-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 14px 18px;
  background: #f0f7ff;
  border-bottom: 1px solid var(--c-border);
}
.sol-is-retail .dash-bar .dots {
  display: flex;
  gap: 6px;
}
.sol-is-retail .dash-bar .dots span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.sol-is-retail .dash-bar .dots span:nth-child(1) {
  background: #ef4444;
}
.sol-is-retail .dash-bar .dots span:nth-child(2) {
  background: #f59e0b;
}
.sol-is-retail .dash-bar .dots span:nth-child(3) {
  background: #22c55e;
}
.sol-is-retail .dash-bar .url {
  flex: 1;
  text-align: center;
  font-size: 0.72rem;
  color: var(--c-slate-light);
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 6px;
  padding: 4px 14px;
  margin-left: 8px;
}
.sol-is-retail .dash-body {
  display: grid;
  grid-template-columns: 68px 1fr;
  min-height: 360px;
}
.sol-is-retail .dash-side {
  background: linear-gradient(180deg, #0d47a1, #1565c0);
  padding: 16px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.sol-is-retail .dash-side .icon-item {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.5);
  transition: 0.2s;
}
.sol-is-retail .dash-side .icon-item.active {
  background: linear-gradient(135deg, #42a5f5, #1e88e5);
  color: #fff;
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.5);
}
.sol-is-retail .dash-side .icon-item svg {
  width: 18px;
  height: 18px;
}
.sol-is-retail .dash-main {
  padding: 20px;
  background: #fafbfc;
}
.sol-is-retail .dash-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-bottom: 16px;
}
.sol-is-retail .dash-stat {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 12px;
  padding: 14px;
  transition: 0.2s;
}
.sol-is-retail .dash-stat:hover {
  border-color: var(--c-primary-light);
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.1);
}
.sol-is-retail .dash-stat-label {
  font-size: 0.68rem;
  color: var(--c-slate-light);
  margin-bottom: 4px;
}
.sol-is-retail .dash-stat-val {
  font-size: 1.2rem;
  font-weight: 800;
  color: var(--c-text);
}
.sol-is-retail .dash-stat-trend {
  font-size: 0.65rem;
  font-weight: 700;
  margin-top: 3px;
}
.sol-is-retail .up {
  color: #10b981;
}
.sol-is-retail .dn {
  color: #ef4444;
}
.sol-is-retail .dash-chart {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 12px;
  padding: 16px;
}
.sol-is-retail .dash-chart-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
}
.sol-is-retail .dash-chart-title {
  font-size: 0.74rem;
  font-weight: 600;
  color: var(--c-text);
}
.sol-is-retail .dash-chart-tag {
  font-size: 0.62rem;
  color: var(--c-primary);
  background: linear-gradient(135deg, rgba(30, 136, 229, 0.1), rgba(66, 165, 245, 0.1));
  padding: 3px 10px;
  border-radius: 100px;
  font-weight: 600;
}
.sol-is-retail .bars {
  display: flex;
  align-items: flex-end;
  gap: 6px;
  height: 96px;
}
.sol-is-retail .bar {
  flex: 1;
  border-radius: 4px 4px 0 0;
  background: linear-gradient(180deg, #42a5f5, #1565c0);
  opacity: 0.9;
  transition: opacity 0.2s;
}
.sol-is-retail .bar:hover {
  opacity: 1;
}
.sol-is-retail .bar.dim {
  background: linear-gradient(180deg, #cbd5e1, #94a3b8);
}
.sol-is-retail .dash-float {
  position: absolute;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 14px 36px rgba(0, 30, 80, 0.25);
  padding: 14px 18px;
  display: flex;
  align-items: center;
  gap: 14px;
  animation: float 3.5s ease-in-out infinite;
  border: 1px solid rgba(255, 255, 255, 0.6);
}
.sol-is-retail .dash-float-1 {
  top: -20px;
  right: -12px;
  animation-delay: 0s;
}
.sol-is-retail .dash-float-2 {
  bottom: -18px;
  left: -18px;
  animation-delay: 1.5s;
}
.sol-is-retail .dash-float-icon {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.sol-is-retail .dash-float-icon.green {
  background: linear-gradient(135deg, #d1fae5, #a7f3d0);
  color: #10b981;
}
.sol-is-retail .dash-float-icon.blue {
  background: linear-gradient(135deg, #dbeafe, #bfdbfe);
  color: #1e88e5;
}
.sol-is-retail .dash-float-text .num {
  font-size: 1.05rem;
  font-weight: 800;
  color: var(--c-text);
}
.sol-is-retail .dash-float-text .label {
  font-size: 0.7rem;
  color: var(--c-slate-light);
}
@keyframes float {
0%, 100% {
    transform: translateY(0);
}
50% {
    transform: translateY(-12px);
}
}
/* ===== Pain Points ===== */
.sol-is-retail .pain-section {
  background: linear-gradient(180deg, var(--c-white), var(--c-bg));
}
.sol-is-retail .pain-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}
.sol-is-retail .pain-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 36px 30px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-is-retail .pain-card:hover {
  border-color: var(--c-primary-light);
  box-shadow: var(--shadow-xl);
  transform: translateY(-6px);
}
.sol-is-retail .pain-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #1e88e5, #42a5f5, #06b6d4);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.sol-is-retail .pain-card:hover::before {
  transform: scaleX(1);
}
.sol-is-retail .pain-num {
  position: absolute;
  top: 24px;
  right: 28px;
  font-size: 2.8rem;
  font-weight: 900;
  color: rgba(30, 136, 229, 0.06);
  line-height: 1;
}
.sol-is-retail .pain-icon {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: linear-gradient(135deg, #e3f2fd, #bbdefb);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.15);
}
.sol-is-retail .pain-icon svg {
  width: 28px;
  height: 28px;
  color: var(--c-primary-2);
}
.sol-is-retail .pain-title {
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.sol-is-retail .pain-desc {
  font-size: 0.92rem;
  color: var(--c-slate);
  line-height: 1.8;
}

/* ===== Solution Overview ===== */
.sol-is-retail .solution-section {
  background: #fff;
}
.sol-is-retail .solution-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}
.sol-is-retail .solution-card {
  background: linear-gradient(145deg, #f5f9ff, #e8f1fb);
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 40px 32px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-is-retail .solution-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
}
.sol-is-retail .solution-card::after {
  content: "";
  position: absolute;
  top: -30px;
  right: -30px;
  width: 120px;
  height: 120px;
  background: radial-gradient(circle, rgba(30, 136, 229, 0.1), transparent);
  pointer-events: none;
}
.sol-is-retail .solution-icon {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  background: linear-gradient(135deg, #1e88e5, #42a5f5);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.3);
}
.sol-is-retail .solution-icon svg {
  width: 26px;
  height: 26px;
  color: #fff;
}
.sol-is-retail .solution-card h3 {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 14px;
}
.sol-is-retail .solution-card p {
  font-size: 0.95rem;
  color: var(--c-slate);
  line-height: 1.8;
}

/* ===== Core Functions ===== */
.sol-is-retail .func-section {
  background: linear-gradient(180deg, var(--c-bg), var(--c-white));
}
.sol-is-retail .func-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
.sol-is-retail .func-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 36px 32px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
  display: flex;
  gap: 24px;
}
.sol-is-retail .func-card:hover {
  border-color: var(--c-primary-light);
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
}
.sol-is-retail .func-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: linear-gradient(180deg, #1e88e5, #42a5f5);
  transform: scaleY(0);
  transform-origin: top;
  transition: transform 0.4s;
}
.sol-is-retail .func-card:hover::before {
  transform: scaleY(1);
}
.sol-is-retail .func-card-num {
  font-size: 2.4rem;
  font-weight: 900;
  color: rgba(30, 136, 229, 0.12);
  line-height: 1;
  flex-shrink: 0;
  min-width: 56px;
}
.sol-is-retail .func-card-body {
  flex: 1;
}
.sol-is-retail .func-card-icon {
  width: 44px;
  height: 44px;
  border-radius: 11px;
  background: linear-gradient(135deg, #e3f2fd, #bbdefb);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.12);
}
.sol-is-retail .func-card-icon svg {
  width: 22px;
  height: 22px;
  color: var(--c-primary-2);
}
.sol-is-retail .func-card-body h3 {
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 10px;
}
.sol-is-retail .func-card-body p {
  font-size: 0.92rem;
  color: var(--c-slate);
  line-height: 1.8;
}

/* ===== Core Advantages ===== */
.sol-is-retail .advantage-section {
  background: #fff;
}
.sol-is-retail .advantage-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.sol-is-retail .advantage-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius);
  padding: 34px 28px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-is-retail .advantage-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
  border-color: var(--c-primary-light);
}
.sol-is-retail .advantage-card::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #1e88e5, #42a5f5);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.sol-is-retail .advantage-card:hover::before {
  transform: scaleX(1);
}
.sol-is-retail .advantage-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: linear-gradient(135deg, #1e88e5, #42a5f5);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  box-shadow: 0 6px 16px rgba(30, 136, 229, 0.25);
}
.sol-is-retail .advantage-icon svg {
  width: 24px;
  height: 24px;
  color: #fff;
}
.sol-is-retail .advantage-card h3 {
  font-size: 1.12rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.sol-is-retail .advantage-card p {
  font-size: 0.9rem;
  color: var(--c-slate);
  line-height: 1.75;
}
.sol-is-retail .advantage-card.featured {
  grid-column: span 3;
  background: linear-gradient(135deg, #0d47a1, #1565c0);
  border: none;
}
.sol-is-retail .advantage-card.featured h3 {
  color: #fff;
}
.sol-is-retail .advantage-card.featured p {
  color: rgba(255, 255, 255, 0.75);
}
.sol-is-retail .advantage-card.featured .advantage-icon {
  background: rgba(255, 255, 255, 0.15);
  box-shadow: none;
}
.sol-is-retail .advantage-card.featured .advantage-icon svg {
  color: #90caf9;
}
.sol-is-retail .advantage-card.featured::before {
  display: none;
}

/* ===== Application Scenarios ===== */
.sol-is-retail .scenario-section {
  background: linear-gradient(180deg, var(--c-bg), var(--c-bg-2));
}
.sol-is-retail .scenario-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.sol-is-retail .scenario-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius);
  padding: 32px 28px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-is-retail .scenario-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
  border-color: var(--c-primary-light);
}
.sol-is-retail .scenario-tag {
  display: inline-block;
  padding: 5px 12px;
  background: linear-gradient(135deg, rgba(30, 136, 229, 0.1), rgba(66, 165, 245, 0.1));
  color: var(--c-primary);
  font-size: 0.72rem;
  font-weight: 700;
  border-radius: 100px;
  margin-bottom: 16px;
}
.sol-is-retail .scenario-card h3 {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.sol-is-retail .scenario-card p {
  font-size: 0.9rem;
  color: var(--c-slate);
  line-height: 1.75;
}
.sol-is-retail .scenario-card::after {
  content: "";
  position: absolute;
  bottom: -20px;
  right: -20px;
  width: 80px;
  height: 80px;
  background: radial-gradient(circle, rgba(30, 136, 229, 0.06), transparent);
  pointer-events: none;
}

/* ===== Customer Value ===== */
.sol-is-retail .value-section {
  background: #fff;
}
.sol-is-retail .value-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}
.sol-is-retail .value-card {
  background: linear-gradient(145deg, #f5f9ff, #e8f1fb);
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 36px 26px;
  text-align: center;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-is-retail .value-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-6px);
}
.sol-is-retail .value-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #1e88e5, #42a5f5, #06b6d4);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.4s;
}
.sol-is-retail .value-card:hover::before {
  transform: scaleX(1);
}
.sol-is-retail .value-icon {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: linear-gradient(135deg, #1e88e5, #42a5f5);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.3);
}
.sol-is-retail .value-icon svg {
  width: 28px;
  height: 28px;
  color: #fff;
}
.sol-is-retail .value-card h3 {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.sol-is-retail .value-card p {
  font-size: 0.88rem;
  color: var(--c-slate);
  line-height: 1.75;
}
.sol-is-retail .value-highlight {
  display: inline-block;
  margin-top: 14px;
  padding: 5px 14px;
  background: #fff;
  border: 1px solid var(--c-primary-light);
  border-radius: 100px;
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--c-primary);
}

/* ===== Trust Section ===== */
.sol-is-retail .trust-section {
  background: linear-gradient(135deg, #0a3a7a 0%, #0d47a1 50%, #1565c0 100%);
  position: relative;
  overflow: hidden;
  padding: 100px 0;
}
.sol-is-retail .trust-section::before {
  content: "";
  position: absolute;
  top: -50%;
  right: -10%;
  width: 600px;
  height: 600px;
  background: radial-gradient(circle, rgba(66, 165, 245, 0.15) 0%, transparent 70%);
  pointer-events: none;
}
.sol-is-retail .trust-section::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
}
.sol-is-retail .trust-section .section-title {
  color: #fff;
}
.sol-is-retail .trust-section .section-subtitle {
  color: rgba(255, 255, 255, 0.7);
}
.sol-is-retail .trust-section .section-num {
  color: #90caf9;
  background: rgba(255, 255, 255, 0.1);
}
.sol-is-retail .trust-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  margin-bottom: 60px;
}
.sol-is-retail .trust-stat {
  text-align: center;
  padding: 36px 22px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius);
  transition: 0.3s;
  backdrop-filter: blur(6px);
}
.sol-is-retail .trust-stat:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.18);
  transform: translateY(-6px);
}
.sol-is-retail .trust-stat .num {
  font-size: 2.8rem;
  font-weight: 900;
  color: #fff;
  letter-spacing: -0.025em;
  line-height: 1;
  margin-bottom: 8px;
}
.sol-is-retail .trust-stat .num .unit {
  font-size: 1.4rem;
  font-weight: 700;
}
.sol-is-retail .trust-stat .label {
  font-size: 0.88rem;
  color: rgba(255, 255, 255, 0.55);
  font-weight: 500;
}
.sol-is-retail .logo-wall {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius-lg);
  padding: 44px;
  margin-bottom: 48px;
  backdrop-filter: blur(6px);
}
.sol-is-retail .logo-wall-title {
  text-align: center;
  font-size: 0.82rem;
  color: rgba(255, 255, 255, 0.45);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  margin-bottom: 28px;
  font-weight: 600;
}
.sol-is-retail .logo-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 18px;
}
.sol-is-retail .logo-item {
  height: 64px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.82rem;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.4);
  transition: 0.3s;
}
.sol-is-retail .logo-item:hover {
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.8);
  border-color: rgba(255, 255, 255, 0.18);
  transform: translateY(-2px);
}
.sol-is-retail .trust-cert {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}
.sol-is-retail .cert-card {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius);
  padding: 28px;
  display: flex;
  align-items: center;
  gap: 18px;
  transition: 0.3s;
  backdrop-filter: blur(6px);
}
.sol-is-retail .cert-card:hover {
  background: rgba(255, 255, 255, 0.08);
  transform: translateY(-3px);
}
.sol-is-retail .cert-icon {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(66, 165, 245, 0.2), rgba(30, 136, 229, 0.2));
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border: 1px solid rgba(66, 165, 245, 0.3);
}
.sol-is-retail .cert-icon svg {
  width: 26px;
  height: 26px;
  color: #90caf9;
}
.sol-is-retail .cert-info .title {
  font-size: 0.92rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 4px;
}
.sol-is-retail .cert-info .desc {
  font-size: 0.78rem;
  color: rgba(255, 255, 255, 0.45);
}

/* ===== FAQ ===== */
.sol-is-retail .faq-section {
  background: linear-gradient(180deg, var(--c-bg), var(--c-white));
}
.sol-is-retail .faq-wrap {
  max-width: 880px;
  margin: 0 auto;
}
.sol-is-retail .faq-item {
  border: 1.5px solid var(--c-border);
  border-radius: var(--radius);
  margin-bottom: 14px;
  overflow: hidden;
  transition: 0.3s;
  background: #fff;
}
.sol-is-retail .faq-item.active {
  border-color: var(--c-primary);
  box-shadow: 0 8px 28px rgba(30, 136, 229, 0.12);
}
.sol-is-retail .faq-item.active .faq-q {
  color: var(--c-primary);
}
.sol-is-retail .faq-q {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22px 28px;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 600;
  color: var(--c-text);
  transition: color 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  gap: 16px;
}
.sol-is-retail .faq-q .arrow {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  transition: transform 0.3s;
  color: var(--c-slate-light);
}
.sol-is-retail .faq-item.active .faq-q .arrow {
  transform: rotate(180deg);
  color: var(--c-primary);
}
.sol-is-retail .faq-a {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}
.sol-is-retail .faq-a-inner {
  padding: 0 28px 24px;
  font-size: 0.94rem;
  color: var(--c-slate);
  line-height: 1.85;
}

/* ===== Final CTA ===== */
.sol-is-retail .cta-section {
  position: relative;
  background: linear-gradient(135deg, #0d47a1 0%, #1565c0 50%, #1e88e5 100%);
  padding: 100px 0;
  overflow: hidden;
}
.sol-is-retail .cta-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: radial-gradient(circle at 70% 30%, rgba(66, 165, 245, 0.25) 0%, transparent 50%), radial-gradient(circle at 20% 80%, rgba(255, 255, 255, 0.12) 0%, transparent 40%);
  pointer-events: none;
}
.sol-is-retail .cta-section::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 60px;
  background: linear-gradient(to bottom, transparent, var(--c-footer));
  pointer-events: none;
}
.sol-is-retail .cta-inner {
  position: relative;
  z-index: 1;
  text-align: center;
  max-width: 820px;
  margin: 0 auto;
}
.sol-is-retail .cta-inner h2 {
  font-size: 2.5rem;
  font-weight: 900;
  color: #fff;
  letter-spacing: -0.025em;
  margin-bottom: 20px;
  line-height: 1.25;
}
.sol-is-retail .cta-inner h2 .highlight {
  background: linear-gradient(135deg, #fff, #bbdefb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.sol-is-retail .cta-inner p {
  font-size: 1.12rem;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.85;
  margin-bottom: 44px;
}
.sol-is-retail .cta-options {
  display: flex;
  gap: 18px;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 36px;
}
.sol-is-retail .cta-note {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.5);
  flex-wrap: wrap;
}
.sol-is-retail .cta-note .dot {
  width: 5px;
  height: 5px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
}

/* ===== Footer (对齐 zjssoft.com 框选底部区域) ===== */
/* ===== Scroll Animations ===== */
.sol-is-retail .reveal {
  opacity: 0;
  transform: translateY(32px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}
.sol-is-retail .reveal.active {
  opacity: 1;
  transform: translateY(0);
}
.sol-is-retail .reveal-delay-1 {
  transition-delay: 0.12s;
}
.sol-is-retail .reveal-delay-2 {
  transition-delay: 0.24s;
}
.sol-is-retail .reveal-delay-3 {
  transition-delay: 0.36s;
}

/* ===== Mobile Responsive ===== */
@media (max-width: 1024px) {
.sol-is-retail .hero-grid {
    grid-template-columns: 1fr;
    gap: 48px;
}
.sol-is-retail .hero h1 {
    font-size: 2.6rem;
}
.sol-is-retail .pain-grid {
    grid-template-columns: repeat(2, 1fr);
}
.sol-is-retail .solution-grid {
    grid-template-columns: 1fr;
}
.sol-is-retail .func-grid {
    grid-template-columns: 1fr;
}
.sol-is-retail .advantage-grid {
    grid-template-columns: repeat(2, 1fr);
}
.sol-is-retail .advantage-card.featured {
    grid-column: span 2;
}
.sol-is-retail .scenario-grid {
    grid-template-columns: repeat(2, 1fr);
}
.sol-is-retail .value-grid {
    grid-template-columns: repeat(2, 1fr);
}
.sol-is-retail .trust-stats {
    grid-template-columns: repeat(2, 1fr);
}
.sol-is-retail .logo-grid {
    grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 768px) {
.sol-is-retail .section {
    padding: 72px 0;
}
.sol-is-retail .section-title {
    font-size: 1.8rem;
}
.sol-is-retail .section-head {
    margin-bottom: 42px;
}
.sol-is-retail .hero {
    padding: 72px 0 64px;
}
.sol-is-retail .hero h1 {
    font-size: 2.1rem;
}
.sol-is-retail .hero-sub {
    font-size: 1.05rem;
}
.sol-is-retail .hero-cta {
    flex-direction: column;
    width: 100%;
}
.sol-is-retail .hero-cta .btn {
    width: 100%;
}
.sol-is-retail .hero-trust {
    gap: 20px;
}
.sol-is-retail .hero-trust-divider {
    display: none;
}
.sol-is-retail .hero-trust-num {
    font-size: 1.4rem;
}
.sol-is-retail .hero-trust-label {
    font-size: 0.78rem;
}
.sol-is-retail .hero-visual {
    max-width: 440px;
    margin: 0 auto;
}
.sol-is-retail .dash-float {
    display: none;
}
.sol-is-retail .pain-grid {
    grid-template-columns: 1fr;
    gap: 18px;
}
.sol-is-retail .pain-card {
    padding: 30px 24px;
}
.sol-is-retail .func-card {
    padding: 28px 24px;
    flex-direction: column;
    gap: 16px;
}
.sol-is-retail .func-card-num {
    font-size: 2rem;
    min-width: auto;
}
.sol-is-retail .advantage-grid {
    grid-template-columns: 1fr;
}
.sol-is-retail .advantage-card.featured {
    grid-column: span 1;
}
.sol-is-retail .scenario-grid {
    grid-template-columns: 1fr;
}
.sol-is-retail .value-grid {
    grid-template-columns: 1fr 1fr;
}
.sol-is-retail .trust-stats {
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}
.sol-is-retail .trust-stat {
    padding: 24px 14px;
}
.sol-is-retail .trust-stat .num {
    font-size: 2.1rem;
}
.sol-is-retail .logo-wall {
    padding: 28px;
}
.sol-is-retail .logo-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
}
.sol-is-retail .logo-item {
    height: 54px;
    font-size: 0.75rem;
}
.sol-is-retail .trust-cert {
    grid-template-columns: 1fr;
    gap: 14px;
}
.sol-is-retail .cert-card {
    padding: 20px;
}
.sol-is-retail .cta-inner h2 {
    font-size: 1.9rem;
}
.sol-is-retail .cta-inner p {
    font-size: 1rem;
}
.sol-is-retail .cta-options {
    flex-direction: column;
    width: 100%;
}
.sol-is-retail .cta-options .btn {
    width: 100%;
}
}
@media (max-width: 480px) {
.sol-is-retail .container {
    padding: 0 18px;
}
.sol-is-retail .hero h1 {
    font-size: 1.85rem;
}
.sol-is-retail .section-title {
    font-size: 1.55rem;
}
.sol-is-retail .dash-stats {
    grid-template-columns: 1fr;
    gap: 8px;
}
.sol-is-retail .value-grid {
    grid-template-columns: 1fr;
}
}
/* 业务架构图（参考模版） */
/* 新零售全域业务架构图 */
.sol-is-retail .ai-architecture {
  padding: 34px !important;
  margin-top: 46px !important;
  border: 1px solid #d5e6f8 !important;
  border-radius: 20px !important;
  background: #f8fbff !important;
  box-shadow: 0 16px 36px rgba(13, 71, 161, 0.08) !important;
}
.ai-architecture h3 {
  font-size: 1.48rem !important;
  color: #102e52 !important;
  text-align: center !important;
}
.ai-architecture > p {
  max-width: 700px;
  margin: 0 auto 28px !important;
  text-align: center !important;
  line-height: 1.7;
}
.arch-map {
  display: grid;
  gap: 13px;
}
.arch-band {
  display: grid;
  grid-template-columns: 174px 1fr;
  gap: 13px;
  align-items: stretch;
}
.arch-band-label {
  padding: 16px;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #e6f1ff;
  color: #125aa5;
  font-size: 0.92rem;
  font-weight: 800;
}
.arch-band-label small {
  margin-top: 5px;
  color: #5f87b4;
  font-size: 0.68rem;
  font-weight: 500;
}
.arch-band-content {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
}
.arch-unit {
  min-height: 84px;
  padding: 13px 9px;
  border: 1px solid #d4e5f8;
  border-radius: 11px;
  background: #fff;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #143b68;
  font-size: 0.82rem;
  font-weight: 800;
  transition: transform 0.2s, box-shadow 0.2s;
}
.arch-unit:hover {
  transform: translateY(-3px);
  box-shadow: 0 7px 16px rgba(30, 136, 229, 0.12);
}
.arch-unit i {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  margin-bottom: 6px;
  border-radius: 7px;
  background: #e5f1ff;
  color: #1565c0;
  font-size: 0.72rem;
  font-style: normal;
}
.arch-unit small {
  display: block;
  color: #7088a3;
  font-size: 0.66rem;
  font-weight: 400;
  line-height: 1.35;
  margin-top: 4px;
}
.arch-band.core .arch-band-label {
  background: #0d47a1;
  color: #fff;
}
.arch-band.core .arch-band-label small {
  color: #c6e1ff;
}
.arch-band.core .arch-unit {
  background: #1565c0;
  border-color: #1565c0;
  color: #fff;
}
.arch-band.core .arch-unit i {
  background: #fff;
  color: #1565c0;
}
.arch-band.core .arch-unit small {
  color: #d6eaff;
}
.arch-band.ai .arch-band-label {
  background: #e8f3ff;
}
.arch-band.ai .arch-unit {
  border-color: #b9d9fa;
  background: #fafdff;
}
.arch-map-note {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px dashed #c9ddf2;
  color: #62809f;
  font-size: 0.77rem;
}
.arch-map-note b {
  color: #1565c0;
}
@media (max-width: 1100px) {
.arch-band-content {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 700px) {
.ai-architecture {
    padding: 21px !important;
}
.arch-band {
    grid-template-columns: 1fr;
}
.arch-band-label {
    padding: 12px;
    align-items: center;
    text-align: center;
}
.arch-band-content {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.arch-unit {
    min-height: 78px;
}
.arch-map-note {
    align-items: flex-start;
    flex-direction: column;
}
}.sol-sb-ads, .sol-sb-ads *, .sol-sb-ads *::before, .sol-sb-ads *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.sol-sb-ads {
  --c-primary:#1e88e5;
  --c-primary-2:#1976d2;
  --c-primary-3:#1565c0;
  --c-primary-4:#0d47a1;
  --c-primary-light:#42a5f5;
  --c-primary-bright:#2196f3;
  --c-cyan:#06b6d4;
  --c-slate:#475569;
  --c-slate-light:#64748b;
  --c-text:#0f172a;
  --c-text-mid:#334155;
  --c-bg:#f5f9ff;
  --c-bg-2:#eef4fc;
  --c-bg-3:#e8f1fb;
  --c-border:#e2e8f0;
  --c-white:#fff;
  --c-footer:#0a1929;
  --c-footer-2:#0d2238;
  --radius:14px;
  --radius-lg:22px;
  --shadow-sm:0 2px 8px rgba(30,136,229,.08);
  --shadow:0 8px 28px rgba(30,136,229,.10);
  --shadow-lg:0 18px 56px rgba(30,136,229,.14);
  --shadow-xl:0 28px 80px rgba(30,136,229,.18);
  --shadow-blue:0 10px 30px rgba(30,136,229,.35);
  --max-w:1280px;
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
}
.sol-sb-ads {
  scroll-behavior: smooth;
  font-size: 16px;
}
.sol-sb-ads {
  font-family: var(--font);
  color: var(--c-text);
  background: var(--c-white);
  line-height: 1.7;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}
.sol-sb-ads a {
  text-decoration: none;
  color: inherit;
}
.sol-sb-ads img {
  max-width: 100%;
  display: block;
}
.sol-sb-ads ul {
  list-style: none;
}
.sol-sb-ads .container {
  max-width: var(--max-w);
  margin: 0 auto;
  padding: 0 24px;
}
.sol-sb-ads .section {
  padding: 110px 0;
  position: relative;
}
.section-sm {
  padding: 72px 0;
}
.sol-sb-ads .eyebrow {
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--c-primary);
  margin-bottom: 12px;
}
.sol-sb-ads .section-num {
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.18em;
  color: var(--c-primary);
  display: inline-block;
  background: linear-gradient(135deg, rgba(30, 136, 229, 0.1), rgba(66, 165, 245, 0.1));
  padding: 6px 14px;
  border-radius: 100px;
  margin-bottom: 14px;
}
.sol-sb-ads .section-title {
  font-size: 2.4rem;
  font-weight: 800;
  color: var(--c-text);
  line-height: 1.25;
  margin-bottom: 18px;
  letter-spacing: -0.02em;
}
.sol-sb-ads .section-subtitle {
  font-size: 1.08rem;
  color: var(--c-slate);
  max-width: 720px;
  line-height: 1.8;
}
.sol-sb-ads .section-head {
  margin-bottom: 64px;
}
.section-head.center {
  text-align: center;
}
.section-head.center .section-subtitle {
  margin: 0 auto;
}
.section-head.center .section-num {
  display: inline-block;
}
.sol-sb-ads .header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  background: rgba(255, 255, 255, 0.97);
  backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--c-border);
  transition: box-shadow 0.3s;
}
.sol-sb-ads .header.scrolled {
  box-shadow: 0 4px 20px rgba(30, 136, 229, 0.08);
}
.sol-sb-ads .header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 72px;
  max-width: var(--max-w);
  margin: 0 auto;
  padding: 0 24px;
}
.sol-sb-ads .logo {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 1.3rem;
  font-weight: 800;
  color: var(--c-primary-3);
  letter-spacing: -0.02em;
}
.logo svg {
  width: 36px;
  height: 36px;
  flex-shrink: 0;
}
.sol-sb-ads .nav {
  display: flex;
  align-items: center;
  gap: 36px;
}
.nav a {
  font-size: 0.94rem;
  color: var(--c-text-mid);
  font-weight: 500;
  transition: color 0.2s;
  position: relative;
}
.nav a:hover {
  color: var(--c-primary);
}
.sol-sb-ads .nav a::after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 0;
  height: 2.5px;
  background: var(--c-primary);
  border-radius: 2px;
  transition: width 0.25s;
}
.nav a:hover::after {
  width: 100%;
}
.sol-sb-ads .header-cta {
  display: flex;
  align-items: center;
  gap: 14px;
}
.sol-sb-ads .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 28px;
  border-radius: 12px;
  font-size: 0.94rem;
  font-weight: 600;
  cursor: pointer;
  border: none;
  transition: all 0.25s;
  white-space: nowrap;
  line-height: 1.2;
}
.sol-sb-ads .btn-primary {
  background: linear-gradient(180deg, #42a5f5 0%, #1e88e5 50%, #1976d2 100%);
  color: #fff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -2px 0 rgba(0, 0, 0, 0.08), 0 4px 0 var(--c-primary-3), 0 8px 20px rgba(30, 136, 229, 0.35);
}
.sol-sb-ads .btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -2px 0 rgba(0, 0, 0, 0.08), 0 6px 0 var(--c-primary-3), 0 12px 26px rgba(30, 136, 229, 0.45);
}
.sol-sb-ads .btn-primary:active {
  transform: translateY(2px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -2px 0 rgba(0, 0, 0, 0.08), 0 1px 0 var(--c-primary-3), 0 4px 12px rgba(30, 136, 229, 0.35);
}
.sol-sb-ads .btn-outline {
  background: #fff;
  color: var(--c-primary-3);
  border: 1.5px solid var(--c-border);
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.08);
}
.sol-sb-ads .btn-outline:hover {
  border-color: var(--c-primary);
  color: var(--c-primary);
  box-shadow: 0 6px 18px rgba(30, 136, 229, 0.18);
  transform: translateY(-2px);
}
.sol-sb-ads .btn-ghost {
  background: rgba(255, 255, 255, 0.14);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.35);
  backdrop-filter: blur(6px);
}
.sol-sb-ads .btn-ghost:hover {
  background: rgba(255, 255, 255, 0.24);
  transform: translateY(-2px);
}
.sol-sb-ads .btn-lg {
  padding: 17px 40px;
  font-size: 1.05rem;
  border-radius: 14px;
}
.btn-lg.btn-primary {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), inset 0 -2px 0 rgba(0, 0, 0, 0.1), 0 6px 0 var(--c-primary-3), 0 12px 28px rgba(30, 136, 229, 0.4);
}
.sol-sb-ads .btn-sm {
  padding: 9px 20px;
  font-size: 0.85rem;
  border-radius: 10px;
}
.sol-sb-ads .menu-toggle {
  display: none;
  flex-direction: column;
  gap: 5px;
  cursor: pointer;
  padding: 6px;
  background: none;
  border: none;
}
.menu-toggle span {
  width: 24px;
  height: 2.5px;
  background: var(--c-primary-3);
  border-radius: 2px;
  transition: 0.3s;
}
.sol-sb-ads .menu-toggle.active span:nth-child(1) {
  transform: translateY(7.5px) rotate(45deg);
}
.menu-toggle.active span:nth-child(2) {
  opacity: 0;
}
.menu-toggle.active span:nth-child(3) {
  transform: translateY(-7.5px) rotate(-45deg);
}
.sol-sb-ads .hero {
  position: relative;
  background: linear-gradient(135deg, #0d47a1 0%, #1565c0 30%, #1e88e5 70%, #2196f3 100%);
  padding: 150px 0 100px;
  overflow: hidden;
}
.sol-sb-ads .hero::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: radial-gradient(circle at 15% 40%, rgba(255, 255, 255, 0.18) 0%, transparent 45%), radial-gradient(circle at 85% 25%, rgba(66, 165, 245, 0.25) 0%, transparent 50%), radial-gradient(circle at 70% 80%, rgba(255, 255, 255, 0.1) 0%, transparent 40%);
  pointer-events: none;
}
.sol-sb-ads .hero::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 80px;
  background: linear-gradient(to bottom, transparent, var(--c-white));
  pointer-events: none;
}
.sol-sb-ads .hero-grid {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 56px;
  align-items: center;
  position: relative;
  z-index: 1;
}
.sol-sb-ads .hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 18px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 100px;
  color: #fff;
  font-size: 0.82rem;
  font-weight: 500;
  margin-bottom: 30px;
  backdrop-filter: blur(8px);
}
.sol-sb-ads .hero-badge .dot {
  width: 8px;
  height: 8px;
  background: #34d399;
  border-radius: 50%;
  box-shadow: 0 0 10px #34d399;
  animation: pulse 1.6s ease-in-out infinite;
}
@keyframes pulse {
0%, 100% {
    opacity: 1;
    transform: scale(1);
}
50% {
    opacity: 0.6;
    transform: scale(1.3);
}
}
.sol-sb-ads .hero h1 {
  font-size: 3.2rem;
  font-weight: 900;
  color: #fff;
  line-height: 1.18;
  letter-spacing: -0.025em;
  margin-bottom: 24px;
}
.sol-sb-ads .hero h1 .highlight {
  background: linear-gradient(135deg, #fff, #bbdefb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  position: relative;
  display: inline-block;
}
.sol-sb-ads .hero h1 .highlight::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -4px;
  height: 6px;
  background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0.2) 100%);
  border-radius: 3px;
  opacity: 0.5;
}
.sol-sb-ads .hero-sub {
  font-size: 1.14rem;
  color: rgba(255, 255, 255, 0.85);
  line-height: 1.85;
  margin-bottom: 28px;
  max-width: 560px;
}
.sol-sb-ads .hero-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 36px;
}
.sol-sb-ads .hero-tags span {
  padding: 7px 16px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 30px;
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.85);
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(4px);
}
.sol-sb-ads .hero-cta {
  display: flex;
  gap: 16px;
  margin-bottom: 40px;
  flex-wrap: wrap;
}
.sol-sb-ads .hero-trust {
  display: flex;
  align-items: center;
  gap: 30px;
  flex-wrap: wrap;
}
.sol-sb-ads .hero-trust-item {
  display: flex;
  align-items: center;
  gap: 10px;
}
.hero-trust-num {
  font-size: 1.65rem;
  font-weight: 800;
  color: #fff;
}
.hero-trust-label {
  font-size: 0.82rem;
  color: rgba(255, 255, 255, 0.6);
}
.hero-trust-divider {
  width: 1px;
  height: 40px;
  background: rgba(255, 255, 255, 0.18);
}
.sol-sb-ads .hero-visual {
  position: relative;
}
.sol-sb-ads .dash-mock {
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 40px 90px rgba(0, 30, 80, 0.45);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.sol-sb-ads .dash-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 14px 18px;
  background: #f0f7ff;
  border-bottom: 1px solid var(--c-border);
}
.sol-sb-ads .dash-bar .dots {
  display: flex;
  gap: 6px;
}
.dash-bar .dots span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.dash-bar .dots span:nth-child(1) {
  background: #ef4444;
}
.dash-bar .dots span:nth-child(2) {
  background: #f59e0b;
}
.dash-bar .dots span:nth-child(3) {
  background: #22c55e;
}
.sol-sb-ads .dash-bar .url {
  flex: 1;
  text-align: center;
  font-size: 0.72rem;
  color: var(--c-slate-light);
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 6px;
  padding: 4px 14px;
  margin-left: 8px;
}
.sol-sb-ads .dash-body {
  display: grid;
  grid-template-columns: 68px 1fr;
  min-height: 360px;
}
.sol-sb-ads .dash-side {
  background: linear-gradient(180deg, #0d47a1, #1565c0);
  padding: 16px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.sol-sb-ads .dash-side .icon-item {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.5);
  transition: 0.2s;
}
.sol-sb-ads .dash-side .icon-item.active {
  background: linear-gradient(135deg, #42a5f5, #1e88e5);
  color: #fff;
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.5);
}
.dash-side .icon-item svg {
  width: 18px;
  height: 18px;
}
.sol-sb-ads .dash-main {
  padding: 20px;
  background: #fafbfc;
}
.sol-sb-ads .dash-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-bottom: 16px;
}
.sol-sb-ads .dash-stat {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 12px;
  padding: 14px;
  transition: 0.2s;
}
.dash-stat:hover {
  border-color: var(--c-primary-light);
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.1);
}
.sol-sb-ads .dash-stat-label {
  font-size: 0.68rem;
  color: var(--c-slate-light);
  margin-bottom: 4px;
}
.dash-stat-val {
  font-size: 1.2rem;
  font-weight: 800;
  color: var(--c-text);
}
.dash-stat-trend {
  font-size: 0.65rem;
  font-weight: 700;
  margin-top: 3px;
}
.sol-sb-ads .up {
  color: #10b981;
}
.sol-sb-ads .dash-chart {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 12px;
  padding: 16px;
}
.sol-sb-ads .dash-chart-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
}
.sol-sb-ads .dash-chart-title {
  font-size: 0.74rem;
  font-weight: 600;
  color: var(--c-text);
}
.dash-chart-tag {
  font-size: 0.62rem;
  color: var(--c-primary);
  background: linear-gradient(135deg, rgba(30, 136, 229, 0.1), rgba(66, 165, 245, 0.1));
  padding: 3px 10px;
  border-radius: 100px;
  font-weight: 600;
}
.sol-sb-ads .bars {
  display: flex;
  align-items: flex-end;
  gap: 6px;
  height: 96px;
}
.bar {
  flex: 1;
  border-radius: 4px 4px 0 0;
  background: linear-gradient(180deg, #42a5f5, #1565c0);
  opacity: 0.9;
  transition: opacity 0.2s;
}
.bar:hover {
  opacity: 1;
}
.bar.dim {
  background: linear-gradient(180deg, #cbd5e1, #94a3b8);
}
.sol-sb-ads .dash-float {
  position: absolute;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 14px 36px rgba(0, 30, 80, 0.25);
  padding: 14px 18px;
  display: flex;
  align-items: center;
  gap: 14px;
  animation: float 3.5s ease-in-out infinite;
  border: 1px solid rgba(255, 255, 255, 0.6);
}
.sol-sb-ads .dash-float-1 {
  top: -20px;
  right: -12px;
  animation-delay: 0s;
}
.dash-float-2 {
  bottom: -18px;
  left: -18px;
  animation-delay: 1.5s;
}
.sol-sb-ads .dash-float-icon {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.sol-sb-ads .dash-float-icon.green {
  background: linear-gradient(135deg, #d1fae5, #a7f3d0);
  color: #10b981;
}
.dash-float-icon.blue {
  background: linear-gradient(135deg, #dbeafe, #bfdbfe);
  color: #1e88e5;
}
.sol-sb-ads .dash-float-text .num {
  font-size: 1.05rem;
  font-weight: 800;
  color: var(--c-text);
}
.dash-float-text .label {
  font-size: 0.7rem;
  color: var(--c-slate-light);
}
@keyframes float {
0%, 100% {
    transform: translateY(0);
}
50% {
    transform: translateY(-12px);
}
}
.sol-sb-ads .pain-section {
  background: linear-gradient(180deg, var(--c-white), var(--c-bg));
}
.pain-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}
.sol-sb-ads .pain-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 36px 30px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-sb-ads .pain-card:hover {
  border-color: var(--c-primary-light);
  box-shadow: var(--shadow-xl);
  transform: translateY(-6px);
}
.pain-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #1e88e5, #42a5f5, #06b6d4);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.pain-card:hover::before {
  transform: scaleX(1);
}
.sol-sb-ads .pain-num {
  position: absolute;
  top: 24px;
  right: 28px;
  font-size: 2.8rem;
  font-weight: 900;
  color: rgba(30, 136, 229, 0.06);
  line-height: 1;
}
.sol-sb-ads .pain-icon {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: linear-gradient(135deg, #e3f2fd, #bbdefb);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.15);
}
.pain-icon svg {
  width: 28px;
  height: 28px;
  color: var(--c-primary-2);
}
.sol-sb-ads .pain-title {
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.pain-desc {
  font-size: 0.92rem;
  color: var(--c-slate);
  line-height: 1.8;
}
.sol-sb-ads .solution-section {
  background: #fff;
}
.solution-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}
.sol-sb-ads .solution-card {
  background: linear-gradient(145deg, #f5f9ff, #e8f1fb);
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 40px 32px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-sb-ads .solution-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
}
.solution-card::after {
  content: "";
  position: absolute;
  top: -30px;
  right: -30px;
  width: 120px;
  height: 120px;
  background: radial-gradient(circle, rgba(30, 136, 229, 0.1), transparent);
  pointer-events: none;
}
.sol-sb-ads .solution-icon {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  background: linear-gradient(135deg, #1e88e5, #42a5f5);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.3);
}
.solution-icon svg {
  width: 26px;
  height: 26px;
  color: #fff;
}
.sol-sb-ads .solution-card h3 {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 14px;
}
.solution-card p {
  font-size: 0.95rem;
  color: var(--c-slate);
  line-height: 1.8;
}
.sol-sb-ads .func-section {
  background: linear-gradient(180deg, var(--c-bg), var(--c-white));
}
.func-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
.sol-sb-ads .func-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 36px 32px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
  display: flex;
  gap: 24px;
}
.sol-sb-ads .func-card:hover {
  border-color: var(--c-primary-light);
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
}
.func-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: linear-gradient(180deg, #1e88e5, #42a5f5);
  transform: scaleY(0);
  transform-origin: top;
  transition: transform 0.4s;
}
.func-card:hover::before {
  transform: scaleY(1);
}
.sol-sb-ads .func-card-num {
  font-size: 2.4rem;
  font-weight: 900;
  color: rgba(30, 136, 229, 0.12);
  line-height: 1;
  flex-shrink: 0;
  min-width: 56px;
}
.sol-sb-ads .func-card-body {
  flex: 1;
}
.func-card-icon {
  width: 44px;
  height: 44px;
  border-radius: 11px;
  background: linear-gradient(135deg, #e3f2fd, #bbdefb);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.12);
}
.func-card-icon svg {
  width: 22px;
  height: 22px;
  color: var(--c-primary-2);
}
.sol-sb-ads .func-card-body h3 {
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 10px;
}
.func-card-body p {
  font-size: 0.92rem;
  color: var(--c-slate);
  line-height: 1.8;
}
.sol-sb-ads .advantage-section {
  background: #fff;
}
.advantage-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.sol-sb-ads .advantage-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius);
  padding: 34px 28px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-sb-ads .advantage-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
  border-color: var(--c-primary-light);
}
.advantage-card::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #1e88e5, #42a5f5);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.advantage-card:hover::before {
  transform: scaleX(1);
}
.sol-sb-ads .advantage-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: linear-gradient(135deg, #1e88e5, #42a5f5);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  box-shadow: 0 6px 16px rgba(30, 136, 229, 0.25);
}
.advantage-icon svg {
  width: 24px;
  height: 24px;
  color: #fff;
}
.sol-sb-ads .advantage-card h3 {
  font-size: 1.12rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.advantage-card p {
  font-size: 0.9rem;
  color: var(--c-slate);
  line-height: 1.75;
}
.sol-sb-ads .scenario-section {
  background: linear-gradient(180deg, var(--c-bg), var(--c-bg-2));
}
.scenario-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.sol-sb-ads .scenario-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius);
  padding: 32px 28px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-sb-ads .scenario-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
  border-color: var(--c-primary-light);
}
.sol-sb-ads .scenario-tag {
  display: inline-block;
  padding: 5px 12px;
  background: linear-gradient(135deg, rgba(30, 136, 229, 0.1), rgba(66, 165, 245, 0.1));
  color: var(--c-primary);
  font-size: 0.72rem;
  font-weight: 700;
  border-radius: 100px;
  margin-bottom: 16px;
}
.sol-sb-ads .scenario-card h3 {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.scenario-card p {
  font-size: 0.9rem;
  color: var(--c-slate);
  line-height: 1.75;
}
.sol-sb-ads .scenario-card::after {
  content: "";
  position: absolute;
  bottom: -20px;
  right: -20px;
  width: 80px;
  height: 80px;
  background: radial-gradient(circle, rgba(30, 136, 229, 0.06), transparent);
  pointer-events: none;
}
.sol-sb-ads .value-section {
  background: #fff;
}
.value-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}
.sol-sb-ads .value-card {
  background: linear-gradient(145deg, #f5f9ff, #e8f1fb);
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 36px 26px;
  text-align: center;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-sb-ads .value-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-6px);
}
.value-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #1e88e5, #42a5f5, #06b6d4);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.4s;
}
.value-card:hover::before {
  transform: scaleX(1);
}
.sol-sb-ads .value-icon {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: linear-gradient(135deg, #1e88e5, #42a5f5);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.3);
}
.value-icon svg {
  width: 28px;
  height: 28px;
  color: #fff;
}
.sol-sb-ads .value-card h3 {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.value-card p {
  font-size: 0.88rem;
  color: var(--c-slate);
  line-height: 1.75;
}
.value-highlight {
  display: inline-block;
  margin-top: 14px;
  padding: 5px 14px;
  background: #fff;
  border: 1px solid var(--c-primary-light);
  border-radius: 100px;
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--c-primary);
}
.sol-sb-ads .trust-section {
  background: linear-gradient(135deg, #0a3a7a 0%, #0d47a1 50%, #1565c0 100%);
  position: relative;
  overflow: hidden;
  padding: 100px 0;
}
.sol-sb-ads .trust-section::before {
  content: "";
  position: absolute;
  top: -50%;
  right: -10%;
  width: 600px;
  height: 600px;
  background: radial-gradient(circle, rgba(66, 165, 245, 0.15) 0%, transparent 70%);
  pointer-events: none;
}
.sol-sb-ads .trust-section::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
}
.sol-sb-ads .trust-section .section-title {
  color: #fff;
}
.trust-section .section-subtitle {
  color: rgba(255, 255, 255, 0.7);
}
.trust-section .section-num {
  color: #90caf9;
  background: rgba(255, 255, 255, 0.1);
}
.sol-sb-ads .trust-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  margin-bottom: 60px;
}
.trust-stat {
  text-align: center;
  padding: 36px 22px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius);
  transition: 0.3s;
  backdrop-filter: blur(6px);
}
.trust-stat:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.18);
  transform: translateY(-6px);
}
.sol-sb-ads .trust-stat .num {
  font-size: 2.8rem;
  font-weight: 900;
  color: #fff;
  letter-spacing: -0.025em;
  line-height: 1;
  margin-bottom: 8px;
}
.trust-stat .num .unit {
  font-size: 1.4rem;
  font-weight: 700;
}
.trust-stat .label {
  font-size: 0.88rem;
  color: rgba(255, 255, 255, 0.55);
  font-weight: 500;
}
.sol-sb-ads .logo-wall {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius-lg);
  padding: 44px;
  margin-bottom: 48px;
  backdrop-filter: blur(6px);
}
.sol-sb-ads .logo-wall-title {
  text-align: center;
  font-size: 0.82rem;
  color: rgba(255, 255, 255, 0.45);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  margin-bottom: 28px;
  font-weight: 600;
}
.sol-sb-ads .logo-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 18px;
}
.logo-item {
  height: 64px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.82rem;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.4);
  transition: 0.3s;
}
.logo-item:hover {
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.8);
  border-color: rgba(255, 255, 255, 0.18);
  transform: translateY(-2px);
}
.sol-sb-ads .trust-cert {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}
.cert-card {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius);
  padding: 28px;
  display: flex;
  align-items: center;
  gap: 18px;
  transition: 0.3s;
  backdrop-filter: blur(6px);
}
.cert-card:hover {
  background: rgba(255, 255, 255, 0.08);
  transform: translateY(-3px);
}
.sol-sb-ads .cert-icon {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(66, 165, 245, 0.2), rgba(30, 136, 229, 0.2));
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border: 1px solid rgba(66, 165, 245, 0.3);
}
.cert-icon svg {
  width: 26px;
  height: 26px;
  color: #90caf9;
}
.sol-sb-ads .cert-info .title {
  font-size: 0.92rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 4px;
}
.cert-info .desc {
  font-size: 0.78rem;
  color: rgba(255, 255, 255, 0.45);
}
.sol-sb-ads .faq-section {
  background: linear-gradient(180deg, var(--c-bg), var(--c-white));
}
.faq-wrap {
  max-width: 880px;
  margin: 0 auto;
}
.sol-sb-ads .faq-item {
  border: 1.5px solid var(--c-border);
  border-radius: var(--radius);
  margin-bottom: 14px;
  overflow: hidden;
  transition: 0.3s;
  background: #fff;
}
.faq-item.active {
  border-color: var(--c-primary);
  box-shadow: 0 8px 28px rgba(30, 136, 229, 0.12);
}
.faq-item.active .faq-q {
  color: var(--c-primary);
}
.sol-sb-ads .faq-q {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22px 28px;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 600;
  color: var(--c-text);
  transition: color 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  gap: 16px;
}
.faq-q .arrow {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  transition: transform 0.3s;
  color: var(--c-slate-light);
}
.faq-item.active .faq-q .arrow {
  transform: rotate(180deg);
  color: var(--c-primary);
}
.sol-sb-ads .faq-a {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}
.faq-a-inner {
  padding: 0 28px 24px;
  font-size: 0.94rem;
  color: var(--c-slate);
  line-height: 1.85;
}
.sol-sb-ads .cta-section {
  position: relative;
  background: linear-gradient(135deg, #0d47a1 0%, #1565c0 50%, #1e88e5 100%);
  padding: 100px 0;
  overflow: hidden;
}
.sol-sb-ads .cta-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: radial-gradient(circle at 70% 30%, rgba(66, 165, 245, 0.25) 0%, transparent 50%), radial-gradient(circle at 20% 80%, rgba(255, 255, 255, 0.12) 0%, transparent 40%);
  pointer-events: none;
}
.sol-sb-ads .cta-section::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 60px;
  background: linear-gradient(to bottom, transparent, var(--c-footer));
  pointer-events: none;
}
.sol-sb-ads .cta-inner {
  position: relative;
  z-index: 1;
  text-align: center;
  max-width: 820px;
  margin: 0 auto;
}
.cta-inner h2 {
  font-size: 2.5rem;
  font-weight: 900;
  color: #fff;
  letter-spacing: -0.025em;
  margin-bottom: 20px;
  line-height: 1.25;
}
.sol-sb-ads .cta-inner h2 .highlight {
  background: linear-gradient(135deg, #fff, #bbdefb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.cta-inner p {
  font-size: 1.12rem;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.85;
  margin-bottom: 44px;
}
.sol-sb-ads .cta-options {
  display: flex;
  gap: 18px;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 36px;
}
.cta-note {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.5);
  flex-wrap: wrap;
}
.cta-note .dot {
  width: 5px;
  height: 5px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
}
.sol-sb-ads .reveal {
  opacity: 0;
  transform: translateY(32px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}
.reveal.active {
  opacity: 1;
  transform: translateY(0);
}
.reveal-delay-1 {
  transition-delay: 0.12s;
}
.reveal-delay-2 {
  transition-delay: 0.24s;
}
.reveal-delay-3 {
  transition-delay: 0.36s;
}
@media (max-width: 480px) {
.container {
    padding: 0 18px;
}
.hero h1 {
    font-size: 1.85rem;
}
.section-title {
    font-size: 1.55rem;
}
.dash-stats {
    grid-template-columns: 1fr;
    gap: 8px;
}
.value-grid {
    grid-template-columns: 1fr;
}
}.sol-sb-agri, .sol-sb-agri *, .sol-sb-agri *::before, .sol-sb-agri *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.sol-sb-agri {
  --c-primary:#1e88e5;
  --c-primary-2:#1976d2;
  --c-primary-3:#1565c0;
  --c-primary-4:#0d47a1;
  --c-primary-light:#42a5f5;
  --c-primary-bright:#2196f3;
  --c-cyan:#06b6d4;
  --c-slate:#475569;
  --c-slate-light:#64748b;
  --c-text:#0f172a;
  --c-text-mid:#334155;
  --c-bg:#f5f9ff;
  --c-bg-2:#eef4fc;
  --c-bg-3:#e8f1fb;
  --c-border:#e2e8f0;
  --c-white:#fff;
  --c-footer:#0a1929;
  --c-footer-2:#0d2238;
  --radius:14px;
  --radius-lg:22px;
  --shadow-sm:0 2px 8px rgba(30,136,229,.08);
  --shadow:0 8px 28px rgba(30,136,229,.10);
  --shadow-lg:0 18px 56px rgba(30,136,229,.14);
  --shadow-xl:0 28px 80px rgba(30,136,229,.18);
  --shadow-blue:0 10px 30px rgba(30,136,229,.35);
  --max-w:1280px;
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
}
.sol-sb-agri {
  scroll-behavior: smooth;
  font-size: 16px;
}
.sol-sb-agri {
  font-family: var(--font);
  color: var(--c-text);
  background: var(--c-white);
  line-height: 1.7;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}
.sol-sb-agri a {
  text-decoration: none;
  color: inherit;
}
.sol-sb-agri img {
  max-width: 100%;
  display: block;
}
.sol-sb-agri ul {
  list-style: none;
}
.sol-sb-agri .container {
  max-width: var(--max-w);
  margin: 0 auto;
  padding: 0 24px;
}
.sol-sb-agri .section {
  padding: 110px 0;
  position: relative;
}
.section-sm {
  padding: 72px 0;
}
.sol-sb-agri .eyebrow {
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--c-primary);
  margin-bottom: 12px;
}
.sol-sb-agri .section-num {
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.18em;
  color: var(--c-primary);
  display: inline-block;
  background: linear-gradient(135deg, rgba(30, 136, 229, 0.1), rgba(66, 165, 245, 0.1));
  padding: 6px 14px;
  border-radius: 100px;
  margin-bottom: 14px;
}
.sol-sb-agri .section-title {
  font-size: 2.4rem;
  font-weight: 800;
  color: var(--c-text);
  line-height: 1.25;
  margin-bottom: 18px;
  letter-spacing: -0.02em;
}
.sol-sb-agri .section-subtitle {
  font-size: 1.08rem;
  color: var(--c-slate);
  max-width: 720px;
  line-height: 1.8;
}
.sol-sb-agri .section-head {
  margin-bottom: 64px;
}
.section-head.center {
  text-align: center;
}
.section-head.center .section-subtitle {
  margin: 0 auto;
}
.section-head.center .section-num {
  display: inline-block;
}
.sol-sb-agri .header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  background: rgba(255, 255, 255, 0.97);
  backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--c-border);
  transition: box-shadow 0.3s;
}
.sol-sb-agri .header.scrolled {
  box-shadow: 0 4px 20px rgba(30, 136, 229, 0.08);
}
.sol-sb-agri .header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 72px;
  max-width: var(--max-w);
  margin: 0 auto;
  padding: 0 24px;
}
.sol-sb-agri .logo {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 1.3rem;
  font-weight: 800;
  color: var(--c-primary-3);
  letter-spacing: -0.02em;
}
.logo svg {
  width: 36px;
  height: 36px;
  flex-shrink: 0;
}
.sol-sb-agri .nav {
  display: flex;
  align-items: center;
  gap: 36px;
}
.nav a {
  font-size: 0.94rem;
  color: var(--c-text-mid);
  font-weight: 500;
  transition: color 0.2s;
  position: relative;
}
.nav a:hover {
  color: var(--c-primary);
}
.sol-sb-agri .nav a::after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 0;
  height: 2.5px;
  background: var(--c-primary);
  border-radius: 2px;
  transition: width 0.25s;
}
.nav a:hover::after {
  width: 100%;
}
.sol-sb-agri .header-cta {
  display: flex;
  align-items: center;
  gap: 14px;
}
.sol-sb-agri .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 28px;
  border-radius: 12px;
  font-size: 0.94rem;
  font-weight: 600;
  cursor: pointer;
  border: none;
  transition: all 0.25s;
  white-space: nowrap;
  line-height: 1.2;
}
.sol-sb-agri .btn-primary {
  background: linear-gradient(180deg, #42a5f5 0%, #1e88e5 50%, #1976d2 100%);
  color: #fff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -2px 0 rgba(0, 0, 0, 0.08), 0 4px 0 var(--c-primary-3), 0 8px 20px rgba(30, 136, 229, 0.35);
}
.sol-sb-agri .btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -2px 0 rgba(0, 0, 0, 0.08), 0 6px 0 var(--c-primary-3), 0 12px 26px rgba(30, 136, 229, 0.45);
}
.sol-sb-agri .btn-primary:active {
  transform: translateY(2px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -2px 0 rgba(0, 0, 0, 0.08), 0 1px 0 var(--c-primary-3), 0 4px 12px rgba(30, 136, 229, 0.35);
}
.sol-sb-agri .btn-outline {
  background: #fff;
  color: var(--c-primary-3);
  border: 1.5px solid var(--c-border);
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.08);
}
.sol-sb-agri .btn-outline:hover {
  border-color: var(--c-primary);
  color: var(--c-primary);
  box-shadow: 0 6px 18px rgba(30, 136, 229, 0.18);
  transform: translateY(-2px);
}
.sol-sb-agri .btn-ghost {
  background: rgba(255, 255, 255, 0.14);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.35);
  backdrop-filter: blur(6px);
}
.sol-sb-agri .btn-ghost:hover {
  background: rgba(255, 255, 255, 0.24);
  transform: translateY(-2px);
}
.sol-sb-agri .btn-lg {
  padding: 17px 40px;
  font-size: 1.05rem;
  border-radius: 14px;
}
.btn-lg.btn-primary {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), inset 0 -2px 0 rgba(0, 0, 0, 0.1), 0 6px 0 var(--c-primary-3), 0 12px 28px rgba(30, 136, 229, 0.4);
}
.sol-sb-agri .btn-sm {
  padding: 9px 20px;
  font-size: 0.85rem;
  border-radius: 10px;
}
.sol-sb-agri .menu-toggle {
  display: none;
  flex-direction: column;
  gap: 5px;
  cursor: pointer;
  padding: 6px;
  background: none;
  border: none;
}
.menu-toggle span {
  width: 24px;
  height: 2.5px;
  background: var(--c-primary-3);
  border-radius: 2px;
  transition: 0.3s;
}
.sol-sb-agri .menu-toggle.active span:nth-child(1) {
  transform: translateY(7.5px) rotate(45deg);
}
.menu-toggle.active span:nth-child(2) {
  opacity: 0;
}
.menu-toggle.active span:nth-child(3) {
  transform: translateY(-7.5px) rotate(-45deg);
}
.sol-sb-agri .hero {
  position: relative;
  background: linear-gradient(135deg, #0d47a1 0%, #1565c0 30%, #1e88e5 70%, #2196f3 100%);
  padding: 150px 0 100px;
  overflow: hidden;
}
.sol-sb-agri .hero::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: radial-gradient(circle at 15% 40%, rgba(255, 255, 255, 0.18) 0%, transparent 45%), radial-gradient(circle at 85% 25%, rgba(66, 165, 245, 0.25) 0%, transparent 50%), radial-gradient(circle at 70% 80%, rgba(255, 255, 255, 0.1) 0%, transparent 40%);
  pointer-events: none;
}
.sol-sb-agri .hero::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 80px;
  background: linear-gradient(to bottom, transparent, var(--c-white));
  pointer-events: none;
}
.sol-sb-agri .hero-grid {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 56px;
  align-items: center;
  position: relative;
  z-index: 1;
}
.sol-sb-agri .hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 18px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 100px;
  color: #fff;
  font-size: 0.82rem;
  font-weight: 500;
  margin-bottom: 30px;
  backdrop-filter: blur(8px);
}
.sol-sb-agri .hero-badge .dot {
  width: 8px;
  height: 8px;
  background: #34d399;
  border-radius: 50%;
  box-shadow: 0 0 10px #34d399;
  animation: pulse 1.6s ease-in-out infinite;
}
@keyframes pulse {
0%, 100% {
    opacity: 1;
    transform: scale(1);
}
50% {
    opacity: 0.6;
    transform: scale(1.3);
}
}
.sol-sb-agri .hero h1 {
  font-size: 3.2rem;
  font-weight: 900;
  color: #fff;
  line-height: 1.18;
  letter-spacing: -0.025em;
  margin-bottom: 24px;
}
.sol-sb-agri .hero h1 .highlight {
  background: linear-gradient(135deg, #fff, #bbdefb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  position: relative;
  display: inline-block;
}
.sol-sb-agri .hero h1 .highlight::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -4px;
  height: 6px;
  background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0.2) 100%);
  border-radius: 3px;
  opacity: 0.5;
}
.sol-sb-agri .hero-sub {
  font-size: 1.14rem;
  color: rgba(255, 255, 255, 0.85);
  line-height: 1.85;
  margin-bottom: 28px;
  max-width: 560px;
}
.sol-sb-agri .hero-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 36px;
}
.sol-sb-agri .hero-tags span {
  padding: 7px 16px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 30px;
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.85);
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(4px);
}
.sol-sb-agri .hero-cta {
  display: flex;
  gap: 16px;
  margin-bottom: 40px;
  flex-wrap: wrap;
}
.sol-sb-agri .hero-trust {
  display: flex;
  align-items: center;
  gap: 30px;
  flex-wrap: wrap;
}
.sol-sb-agri .hero-trust-item {
  display: flex;
  align-items: center;
  gap: 10px;
}
.hero-trust-num {
  font-size: 1.65rem;
  font-weight: 800;
  color: #fff;
}
.hero-trust-label {
  font-size: 0.82rem;
  color: rgba(255, 255, 255, 0.6);
}
.hero-trust-divider {
  width: 1px;
  height: 40px;
  background: rgba(255, 255, 255, 0.18);
}
.sol-sb-agri .hero-visual {
  position: relative;
}
.sol-sb-agri .dash-mock {
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 40px 90px rgba(0, 30, 80, 0.45);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.sol-sb-agri .dash-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 14px 18px;
  background: #f0f7ff;
  border-bottom: 1px solid var(--c-border);
}
.sol-sb-agri .dash-bar .dots {
  display: flex;
  gap: 6px;
}
.dash-bar .dots span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.dash-bar .dots span:nth-child(1) {
  background: #ef4444;
}
.dash-bar .dots span:nth-child(2) {
  background: #f59e0b;
}
.dash-bar .dots span:nth-child(3) {
  background: #22c55e;
}
.sol-sb-agri .dash-bar .url {
  flex: 1;
  text-align: center;
  font-size: 0.72rem;
  color: var(--c-slate-light);
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 6px;
  padding: 4px 14px;
  margin-left: 8px;
}
.sol-sb-agri .dash-body {
  display: grid;
  grid-template-columns: 68px 1fr;
  min-height: 360px;
}
.sol-sb-agri .dash-side {
  background: linear-gradient(180deg, #0d47a1, #1565c0);
  padding: 16px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.sol-sb-agri .dash-side .icon-item {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.5);
  transition: 0.2s;
}
.sol-sb-agri .dash-side .icon-item.active {
  background: linear-gradient(135deg, #42a5f5, #1e88e5);
  color: #fff;
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.5);
}
.dash-side .icon-item svg {
  width: 18px;
  height: 18px;
}
.sol-sb-agri .dash-main {
  padding: 20px;
  background: #fafbfc;
}
.sol-sb-agri .dash-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-bottom: 16px;
}
.sol-sb-agri .dash-stat {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 12px;
  padding: 14px;
  transition: 0.2s;
}
.dash-stat:hover {
  border-color: var(--c-primary-light);
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.1);
}
.sol-sb-agri .dash-stat-label {
  font-size: 0.68rem;
  color: var(--c-slate-light);
  margin-bottom: 4px;
}
.dash-stat-val {
  font-size: 1.2rem;
  font-weight: 800;
  color: var(--c-text);
}
.dash-stat-trend {
  font-size: 0.65rem;
  font-weight: 700;
  margin-top: 3px;
}
.sol-sb-agri .up {
  color: #10b981;
}
.sol-sb-agri .dash-chart {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 12px;
  padding: 16px;
}
.sol-sb-agri .dash-chart-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
}
.sol-sb-agri .dash-chart-title {
  font-size: 0.74rem;
  font-weight: 600;
  color: var(--c-text);
}
.dash-chart-tag {
  font-size: 0.62rem;
  color: var(--c-primary);
  background: linear-gradient(135deg, rgba(30, 136, 229, 0.1), rgba(66, 165, 245, 0.1));
  padding: 3px 10px;
  border-radius: 100px;
  font-weight: 600;
}
.sol-sb-agri .bars {
  display: flex;
  align-items: flex-end;
  gap: 6px;
  height: 96px;
}
.bar {
  flex: 1;
  border-radius: 4px 4px 0 0;
  background: linear-gradient(180deg, #42a5f5, #1565c0);
  opacity: 0.9;
  transition: opacity 0.2s;
}
.bar:hover {
  opacity: 1;
}
.bar.dim {
  background: linear-gradient(180deg, #cbd5e1, #94a3b8);
}
.sol-sb-agri .dash-float {
  position: absolute;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 14px 36px rgba(0, 30, 80, 0.25);
  padding: 14px 18px;
  display: flex;
  align-items: center;
  gap: 14px;
  animation: float 3.5s ease-in-out infinite;
  border: 1px solid rgba(255, 255, 255, 0.6);
}
.sol-sb-agri .dash-float-1 {
  top: -20px;
  right: -12px;
  animation-delay: 0s;
}
.dash-float-2 {
  bottom: -18px;
  left: -18px;
  animation-delay: 1.5s;
}
.sol-sb-agri .dash-float-icon {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.sol-sb-agri .dash-float-icon.green {
  background: linear-gradient(135deg, #d1fae5, #a7f3d0);
  color: #10b981;
}
.dash-float-icon.blue {
  background: linear-gradient(135deg, #dbeafe, #bfdbfe);
  color: #1e88e5;
}
.sol-sb-agri .dash-float-text .num {
  font-size: 1.05rem;
  font-weight: 800;
  color: var(--c-text);
}
.dash-float-text .label {
  font-size: 0.7rem;
  color: var(--c-slate-light);
}
@keyframes float {
0%, 100% {
    transform: translateY(0);
}
50% {
    transform: translateY(-12px);
}
}
.sol-sb-agri .pain-section {
  background: linear-gradient(180deg, var(--c-white), var(--c-bg));
}
.pain-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}
.sol-sb-agri .pain-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 36px 30px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-sb-agri .pain-card:hover {
  border-color: var(--c-primary-light);
  box-shadow: var(--shadow-xl);
  transform: translateY(-6px);
}
.pain-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #1e88e5, #42a5f5, #06b6d4);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.pain-card:hover::before {
  transform: scaleX(1);
}
.sol-sb-agri .pain-num {
  position: absolute;
  top: 24px;
  right: 28px;
  font-size: 2.8rem;
  font-weight: 900;
  color: rgba(30, 136, 229, 0.06);
  line-height: 1;
}
.sol-sb-agri .pain-icon {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: linear-gradient(135deg, #e3f2fd, #bbdefb);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.15);
}
.pain-icon svg {
  width: 28px;
  height: 28px;
  color: var(--c-primary-2);
}
.sol-sb-agri .pain-title {
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.pain-desc {
  font-size: 0.92rem;
  color: var(--c-slate);
  line-height: 1.8;
}
.sol-sb-agri .solution-section {
  background: #fff;
}
.solution-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}
.sol-sb-agri .solution-card {
  background: linear-gradient(145deg, #f5f9ff, #e8f1fb);
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 40px 32px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-sb-agri .solution-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
}
.solution-card::after {
  content: "";
  position: absolute;
  top: -30px;
  right: -30px;
  width: 120px;
  height: 120px;
  background: radial-gradient(circle, rgba(30, 136, 229, 0.1), transparent);
  pointer-events: none;
}
.sol-sb-agri .solution-icon {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  background: linear-gradient(135deg, #1e88e5, #42a5f5);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.3);
}
.solution-icon svg {
  width: 26px;
  height: 26px;
  color: #fff;
}
.sol-sb-agri .solution-card h3 {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 14px;
}
.solution-card p {
  font-size: 0.95rem;
  color: var(--c-slate);
  line-height: 1.8;
}
.sol-sb-agri .func-section {
  background: linear-gradient(180deg, var(--c-bg), var(--c-white));
}
.func-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
.sol-sb-agri .func-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 36px 32px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
  display: flex;
  gap: 24px;
}
.sol-sb-agri .func-card:hover {
  border-color: var(--c-primary-light);
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
}
.func-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: linear-gradient(180deg, #1e88e5, #42a5f5);
  transform: scaleY(0);
  transform-origin: top;
  transition: transform 0.4s;
}
.func-card:hover::before {
  transform: scaleY(1);
}
.sol-sb-agri .func-card-num {
  font-size: 2.4rem;
  font-weight: 900;
  color: rgba(30, 136, 229, 0.12);
  line-height: 1;
  flex-shrink: 0;
  min-width: 56px;
}
.sol-sb-agri .func-card-body {
  flex: 1;
}
.func-card-icon {
  width: 44px;
  height: 44px;
  border-radius: 11px;
  background: linear-gradient(135deg, #e3f2fd, #bbdefb);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.12);
}
.func-card-icon svg {
  width: 22px;
  height: 22px;
  color: var(--c-primary-2);
}
.sol-sb-agri .func-card-body h3 {
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 10px;
}
.func-card-body p {
  font-size: 0.92rem;
  color: var(--c-slate);
  line-height: 1.8;
}
.sol-sb-agri .advantage-section {
  background: #fff;
}
.advantage-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.sol-sb-agri .advantage-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius);
  padding: 34px 28px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-sb-agri .advantage-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
  border-color: var(--c-primary-light);
}
.advantage-card::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #1e88e5, #42a5f5);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.advantage-card:hover::before {
  transform: scaleX(1);
}
.sol-sb-agri .advantage-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: linear-gradient(135deg, #1e88e5, #42a5f5);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  box-shadow: 0 6px 16px rgba(30, 136, 229, 0.25);
}
.advantage-icon svg {
  width: 24px;
  height: 24px;
  color: #fff;
}
.sol-sb-agri .advantage-card h3 {
  font-size: 1.12rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.advantage-card p {
  font-size: 0.9rem;
  color: var(--c-slate);
  line-height: 1.75;
}
.sol-sb-agri .scenario-section {
  background: linear-gradient(180deg, var(--c-bg), var(--c-bg-2));
}
.scenario-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.sol-sb-agri .scenario-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius);
  padding: 32px 28px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-sb-agri .scenario-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
  border-color: var(--c-primary-light);
}
.sol-sb-agri .scenario-tag {
  display: inline-block;
  padding: 5px 12px;
  background: linear-gradient(135deg, rgba(30, 136, 229, 0.1), rgba(66, 165, 245, 0.1));
  color: var(--c-primary);
  font-size: 0.72rem;
  font-weight: 700;
  border-radius: 100px;
  margin-bottom: 16px;
}
.sol-sb-agri .scenario-card h3 {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.scenario-card p {
  font-size: 0.9rem;
  color: var(--c-slate);
  line-height: 1.75;
}
.sol-sb-agri .scenario-card::after {
  content: "";
  position: absolute;
  bottom: -20px;
  right: -20px;
  width: 80px;
  height: 80px;
  background: radial-gradient(circle, rgba(30, 136, 229, 0.06), transparent);
  pointer-events: none;
}
.sol-sb-agri .value-section {
  background: #fff;
}
.value-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}
.sol-sb-agri .value-card {
  background: linear-gradient(145deg, #f5f9ff, #e8f1fb);
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 36px 26px;
  text-align: center;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-sb-agri .value-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-6px);
}
.value-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #1e88e5, #42a5f5, #06b6d4);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.4s;
}
.value-card:hover::before {
  transform: scaleX(1);
}
.sol-sb-agri .value-icon {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: linear-gradient(135deg, #1e88e5, #42a5f5);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.3);
}
.value-icon svg {
  width: 28px;
  height: 28px;
  color: #fff;
}
.sol-sb-agri .value-card h3 {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.value-card p {
  font-size: 0.88rem;
  color: var(--c-slate);
  line-height: 1.75;
}
.value-highlight {
  display: inline-block;
  margin-top: 14px;
  padding: 5px 14px;
  background: #fff;
  border: 1px solid var(--c-primary-light);
  border-radius: 100px;
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--c-primary);
}
.sol-sb-agri .trust-section {
  background: linear-gradient(135deg, #0a3a7a 0%, #0d47a1 50%, #1565c0 100%);
  position: relative;
  overflow: hidden;
  padding: 100px 0;
}
.sol-sb-agri .trust-section::before {
  content: "";
  position: absolute;
  top: -50%;
  right: -10%;
  width: 600px;
  height: 600px;
  background: radial-gradient(circle, rgba(66, 165, 245, 0.15) 0%, transparent 70%);
  pointer-events: none;
}
.sol-sb-agri .trust-section::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
}
.sol-sb-agri .trust-section .section-title {
  color: #fff;
}
.trust-section .section-subtitle {
  color: rgba(255, 255, 255, 0.7);
}
.trust-section .section-num {
  color: #90caf9;
  background: rgba(255, 255, 255, 0.1);
}
.sol-sb-agri .trust-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  margin-bottom: 60px;
}
.trust-stat {
  text-align: center;
  padding: 36px 22px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius);
  transition: 0.3s;
  backdrop-filter: blur(6px);
}
.trust-stat:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.18);
  transform: translateY(-6px);
}
.sol-sb-agri .trust-stat .num {
  font-size: 2.8rem;
  font-weight: 900;
  color: #fff;
  letter-spacing: -0.025em;
  line-height: 1;
  margin-bottom: 8px;
}
.trust-stat .num .unit {
  font-size: 1.4rem;
  font-weight: 700;
}
.trust-stat .label {
  font-size: 0.88rem;
  color: rgba(255, 255, 255, 0.55);
  font-weight: 500;
}
.sol-sb-agri .logo-wall {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius-lg);
  padding: 44px;
  margin-bottom: 48px;
  backdrop-filter: blur(6px);
}
.sol-sb-agri .logo-wall-title {
  text-align: center;
  font-size: 0.82rem;
  color: rgba(255, 255, 255, 0.45);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  margin-bottom: 28px;
  font-weight: 600;
}
.sol-sb-agri .logo-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 18px;
}
.logo-item {
  height: 64px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.82rem;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.4);
  transition: 0.3s;
}
.logo-item:hover {
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.8);
  border-color: rgba(255, 255, 255, 0.18);
  transform: translateY(-2px);
}
.sol-sb-agri .trust-cert {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}
.cert-card {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius);
  padding: 28px;
  display: flex;
  align-items: center;
  gap: 18px;
  transition: 0.3s;
  backdrop-filter: blur(6px);
}
.cert-card:hover {
  background: rgba(255, 255, 255, 0.08);
  transform: translateY(-3px);
}
.sol-sb-agri .cert-icon {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(66, 165, 245, 0.2), rgba(30, 136, 229, 0.2));
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border: 1px solid rgba(66, 165, 245, 0.3);
}
.cert-icon svg {
  width: 26px;
  height: 26px;
  color: #90caf9;
}
.sol-sb-agri .cert-info .title {
  font-size: 0.92rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 4px;
}
.cert-info .desc {
  font-size: 0.78rem;
  color: rgba(255, 255, 255, 0.45);
}
.sol-sb-agri .faq-section {
  background: linear-gradient(180deg, var(--c-bg), var(--c-white));
}
.faq-wrap {
  max-width: 880px;
  margin: 0 auto;
}
.sol-sb-agri .faq-item {
  border: 1.5px solid var(--c-border);
  border-radius: var(--radius);
  margin-bottom: 14px;
  overflow: hidden;
  transition: 0.3s;
  background: #fff;
}
.faq-item.active {
  border-color: var(--c-primary);
  box-shadow: 0 8px 28px rgba(30, 136, 229, 0.12);
}
.faq-item.active .faq-q {
  color: var(--c-primary);
}
.sol-sb-agri .faq-q {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22px 28px;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 600;
  color: var(--c-text);
  transition: color 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  gap: 16px;
}
.faq-q .arrow {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  transition: transform 0.3s;
  color: var(--c-slate-light);
}
.faq-item.active .faq-q .arrow {
  transform: rotate(180deg);
  color: var(--c-primary);
}
.sol-sb-agri .faq-a {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}
.faq-a-inner {
  padding: 0 28px 24px;
  font-size: 0.94rem;
  color: var(--c-slate);
  line-height: 1.85;
}
.sol-sb-agri .cta-section {
  position: relative;
  background: linear-gradient(135deg, #0d47a1 0%, #1565c0 50%, #1e88e5 100%);
  padding: 100px 0;
  overflow: hidden;
}
.sol-sb-agri .cta-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: radial-gradient(circle at 70% 30%, rgba(66, 165, 245, 0.25) 0%, transparent 50%), radial-gradient(circle at 20% 80%, rgba(255, 255, 255, 0.12) 0%, transparent 40%);
  pointer-events: none;
}
.sol-sb-agri .cta-section::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 60px;
  background: linear-gradient(to bottom, transparent, var(--c-footer));
  pointer-events: none;
}
.sol-sb-agri .cta-inner {
  position: relative;
  z-index: 1;
  text-align: center;
  max-width: 820px;
  margin: 0 auto;
}
.cta-inner h2 {
  font-size: 2.5rem;
  font-weight: 900;
  color: #fff;
  letter-spacing: -0.025em;
  margin-bottom: 20px;
  line-height: 1.25;
}
.sol-sb-agri .cta-inner h2 .highlight {
  background: linear-gradient(135deg, #fff, #bbdefb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.cta-inner p {
  font-size: 1.12rem;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.85;
  margin-bottom: 44px;
}
.sol-sb-agri .cta-options {
  display: flex;
  gap: 18px;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 36px;
}
.cta-note {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.5);
  flex-wrap: wrap;
}
.cta-note .dot {
  width: 5px;
  height: 5px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
}
.sol-sb-agri .reveal {
  opacity: 0;
  transform: translateY(32px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}
.reveal.active {
  opacity: 1;
  transform: translateY(0);
}
.reveal-delay-1 {
  transition-delay: 0.12s;
}
.reveal-delay-2 {
  transition-delay: 0.24s;
}
.reveal-delay-3 {
  transition-delay: 0.36s;
}
@media (max-width: 480px) {
.container {
    padding: 0 18px;
}
.hero h1 {
    font-size: 1.85rem;
}
.section-title {
    font-size: 1.55rem;
}
.dash-stats {
    grid-template-columns: 1fr;
    gap: 8px;
}
.value-grid {
    grid-template-columns: 1fr;
}
}.sol-sb-catering, .sol-sb-catering *, .sol-sb-catering *::before, .sol-sb-catering *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.sol-sb-catering {
  --c-primary:#1e88e5;
  --c-primary-2:#1976d2;
  --c-primary-3:#1565c0;
  --c-primary-4:#0d47a1;
  --c-primary-light:#42a5f5;
  --c-primary-bright:#2196f3;
  --c-cyan:#06b6d4;
  --c-slate:#475569;
  --c-slate-light:#64748b;
  --c-text:#0f172a;
  --c-text-mid:#334155;
  --c-bg:#f5f9ff;
  --c-bg-2:#eef4fc;
  --c-bg-3:#e8f1fb;
  --c-border:#e2e8f0;
  --c-white:#fff;
  --c-footer:#0a1929;
  --c-footer-2:#0d2238;
  --radius:14px;
  --radius-lg:22px;
  --shadow-sm:0 2px 8px rgba(30,136,229,.08);
  --shadow:0 8px 28px rgba(30,136,229,.10);
  --shadow-lg:0 18px 56px rgba(30,136,229,.14);
  --shadow-xl:0 28px 80px rgba(30,136,229,.18);
  --shadow-blue:0 10px 30px rgba(30,136,229,.35);
  --max-w:1280px;
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
}
.sol-sb-catering {
  scroll-behavior: smooth;
  font-size: 16px;
}
.sol-sb-catering {
  font-family: var(--font);
  color: var(--c-text);
  background: var(--c-white);
  line-height: 1.7;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}
.sol-sb-catering a {
  text-decoration: none;
  color: inherit;
}
.sol-sb-catering img {
  max-width: 100%;
  display: block;
}
.sol-sb-catering ul {
  list-style: none;
}
.sol-sb-catering .container {
  max-width: var(--max-w);
  margin: 0 auto;
  padding: 0 24px;
}
.sol-sb-catering .section {
  padding: 110px 0;
  position: relative;
}
.section-sm {
  padding: 72px 0;
}
.sol-sb-catering .eyebrow {
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--c-primary);
  margin-bottom: 12px;
}
.sol-sb-catering .section-num {
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.18em;
  color: var(--c-primary);
  display: inline-block;
  background: linear-gradient(135deg, rgba(30, 136, 229, 0.1), rgba(66, 165, 245, 0.1));
  padding: 6px 14px;
  border-radius: 100px;
  margin-bottom: 14px;
}
.sol-sb-catering .section-title {
  font-size: 2.4rem;
  font-weight: 800;
  color: var(--c-text);
  line-height: 1.25;
  margin-bottom: 18px;
  letter-spacing: -0.02em;
}
.sol-sb-catering .section-subtitle {
  font-size: 1.08rem;
  color: var(--c-slate);
  max-width: 720px;
  line-height: 1.8;
}
.sol-sb-catering .section-head {
  margin-bottom: 64px;
}
.section-head.center {
  text-align: center;
}
.section-head.center .section-subtitle {
  margin: 0 auto;
}
.section-head.center .section-num {
  display: inline-block;
}
.sol-sb-catering .header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  background: rgba(255, 255, 255, 0.97);
  backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--c-border);
  transition: box-shadow 0.3s;
}
.sol-sb-catering .header.scrolled {
  box-shadow: 0 4px 20px rgba(30, 136, 229, 0.08);
}
.sol-sb-catering .header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 72px;
  max-width: var(--max-w);
  margin: 0 auto;
  padding: 0 24px;
}
.sol-sb-catering .logo {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 1.3rem;
  font-weight: 800;
  color: var(--c-primary-3);
  letter-spacing: -0.02em;
}
.logo svg {
  width: 36px;
  height: 36px;
  flex-shrink: 0;
}
.sol-sb-catering .nav {
  display: flex;
  align-items: center;
  gap: 36px;
}
.nav a {
  font-size: 0.94rem;
  color: var(--c-text-mid);
  font-weight: 500;
  transition: color 0.2s;
  position: relative;
}
.nav a:hover {
  color: var(--c-primary);
}
.sol-sb-catering .nav a::after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 0;
  height: 2.5px;
  background: var(--c-primary);
  border-radius: 2px;
  transition: width 0.25s;
}
.nav a:hover::after {
  width: 100%;
}
.sol-sb-catering .header-cta {
  display: flex;
  align-items: center;
  gap: 14px;
}
.sol-sb-catering .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 28px;
  border-radius: 12px;
  font-size: 0.94rem;
  font-weight: 600;
  cursor: pointer;
  border: none;
  transition: all 0.25s;
  white-space: nowrap;
  line-height: 1.2;
}
.sol-sb-catering .btn-primary {
  background: linear-gradient(180deg, #42a5f5 0%, #1e88e5 50%, #1976d2 100%);
  color: #fff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -2px 0 rgba(0, 0, 0, 0.08), 0 4px 0 var(--c-primary-3), 0 8px 20px rgba(30, 136, 229, 0.35);
}
.sol-sb-catering .btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -2px 0 rgba(0, 0, 0, 0.08), 0 6px 0 var(--c-primary-3), 0 12px 26px rgba(30, 136, 229, 0.45);
}
.sol-sb-catering .btn-primary:active {
  transform: translateY(2px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -2px 0 rgba(0, 0, 0, 0.08), 0 1px 0 var(--c-primary-3), 0 4px 12px rgba(30, 136, 229, 0.35);
}
.sol-sb-catering .btn-outline {
  background: #fff;
  color: var(--c-primary-3);
  border: 1.5px solid var(--c-border);
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.08);
}
.sol-sb-catering .btn-outline:hover {
  border-color: var(--c-primary);
  color: var(--c-primary);
  box-shadow: 0 6px 18px rgba(30, 136, 229, 0.18);
  transform: translateY(-2px);
}
.sol-sb-catering .btn-ghost {
  background: rgba(255, 255, 255, 0.14);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.35);
  backdrop-filter: blur(6px);
}
.sol-sb-catering .btn-ghost:hover {
  background: rgba(255, 255, 255, 0.24);
  transform: translateY(-2px);
}
.sol-sb-catering .btn-lg {
  padding: 17px 40px;
  font-size: 1.05rem;
  border-radius: 14px;
}
.btn-lg.btn-primary {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), inset 0 -2px 0 rgba(0, 0, 0, 0.1), 0 6px 0 var(--c-primary-3), 0 12px 28px rgba(30, 136, 229, 0.4);
}
.sol-sb-catering .btn-sm {
  padding: 9px 20px;
  font-size: 0.85rem;
  border-radius: 10px;
}
.sol-sb-catering .menu-toggle {
  display: none;
  flex-direction: column;
  gap: 5px;
  cursor: pointer;
  padding: 6px;
  background: none;
  border: none;
}
.menu-toggle span {
  width: 24px;
  height: 2.5px;
  background: var(--c-primary-3);
  border-radius: 2px;
  transition: 0.3s;
}
.sol-sb-catering .menu-toggle.active span:nth-child(1) {
  transform: translateY(7.5px) rotate(45deg);
}
.menu-toggle.active span:nth-child(2) {
  opacity: 0;
}
.menu-toggle.active span:nth-child(3) {
  transform: translateY(-7.5px) rotate(-45deg);
}
.sol-sb-catering .hero {
  position: relative;
  background: linear-gradient(135deg, #0d47a1 0%, #1565c0 30%, #1e88e5 70%, #2196f3 100%);
  padding: 150px 0 100px;
  overflow: hidden;
}
.sol-sb-catering .hero::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: radial-gradient(circle at 15% 40%, rgba(255, 255, 255, 0.18) 0%, transparent 45%), radial-gradient(circle at 85% 25%, rgba(66, 165, 245, 0.25) 0%, transparent 50%), radial-gradient(circle at 70% 80%, rgba(255, 255, 255, 0.1) 0%, transparent 40%);
  pointer-events: none;
}
.sol-sb-catering .hero::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 80px;
  background: linear-gradient(to bottom, transparent, var(--c-white));
  pointer-events: none;
}
.sol-sb-catering .hero-grid {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 56px;
  align-items: center;
  position: relative;
  z-index: 1;
}
.sol-sb-catering .hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 18px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 100px;
  color: #fff;
  font-size: 0.82rem;
  font-weight: 500;
  margin-bottom: 30px;
  backdrop-filter: blur(8px);
}
.sol-sb-catering .hero-badge .dot {
  width: 8px;
  height: 8px;
  background: #34d399;
  border-radius: 50%;
  box-shadow: 0 0 10px #34d399;
  animation: pulse 1.6s ease-in-out infinite;
}
@keyframes pulse {
0%, 100% {
    opacity: 1;
    transform: scale(1);
}
50% {
    opacity: 0.6;
    transform: scale(1.3);
}
}
.sol-sb-catering .hero h1 {
  font-size: 3.2rem;
  font-weight: 900;
  color: #fff;
  line-height: 1.18;
  letter-spacing: -0.025em;
  margin-bottom: 24px;
}
.sol-sb-catering .hero h1 .highlight {
  background: linear-gradient(135deg, #fff, #bbdefb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  position: relative;
  display: inline-block;
}
.sol-sb-catering .hero h1 .highlight::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -4px;
  height: 6px;
  background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0.2) 100%);
  border-radius: 3px;
  opacity: 0.5;
}
.sol-sb-catering .hero-sub {
  font-size: 1.14rem;
  color: rgba(255, 255, 255, 0.85);
  line-height: 1.85;
  margin-bottom: 28px;
  max-width: 560px;
}
.sol-sb-catering .hero-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 36px;
}
.sol-sb-catering .hero-tags span {
  padding: 7px 16px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 30px;
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.85);
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(4px);
}
.sol-sb-catering .hero-cta {
  display: flex;
  gap: 16px;
  margin-bottom: 40px;
  flex-wrap: wrap;
}
.sol-sb-catering .hero-trust {
  display: flex;
  align-items: center;
  gap: 30px;
  flex-wrap: wrap;
}
.sol-sb-catering .hero-trust-item {
  display: flex;
  align-items: center;
  gap: 10px;
}
.hero-trust-num {
  font-size: 1.65rem;
  font-weight: 800;
  color: #fff;
}
.hero-trust-label {
  font-size: 0.82rem;
  color: rgba(255, 255, 255, 0.6);
}
.hero-trust-divider {
  width: 1px;
  height: 40px;
  background: rgba(255, 255, 255, 0.18);
}
.sol-sb-catering .hero-visual {
  position: relative;
}
.sol-sb-catering .dash-mock {
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 40px 90px rgba(0, 30, 80, 0.45);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.sol-sb-catering .dash-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 14px 18px;
  background: #f0f7ff;
  border-bottom: 1px solid var(--c-border);
}
.sol-sb-catering .dash-bar .dots {
  display: flex;
  gap: 6px;
}
.dash-bar .dots span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.dash-bar .dots span:nth-child(1) {
  background: #ef4444;
}
.dash-bar .dots span:nth-child(2) {
  background: #f59e0b;
}
.dash-bar .dots span:nth-child(3) {
  background: #22c55e;
}
.sol-sb-catering .dash-bar .url {
  flex: 1;
  text-align: center;
  font-size: 0.72rem;
  color: var(--c-slate-light);
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 6px;
  padding: 4px 14px;
  margin-left: 8px;
}
.sol-sb-catering .dash-body {
  display: grid;
  grid-template-columns: 68px 1fr;
  min-height: 360px;
}
.sol-sb-catering .dash-side {
  background: linear-gradient(180deg, #0d47a1, #1565c0);
  padding: 16px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.sol-sb-catering .dash-side .icon-item {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.5);
  transition: 0.2s;
}
.sol-sb-catering .dash-side .icon-item.active {
  background: linear-gradient(135deg, #42a5f5, #1e88e5);
  color: #fff;
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.5);
}
.dash-side .icon-item svg {
  width: 18px;
  height: 18px;
}
.sol-sb-catering .dash-main {
  padding: 20px;
  background: #fafbfc;
}
.sol-sb-catering .dash-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-bottom: 16px;
}
.sol-sb-catering .dash-stat {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 12px;
  padding: 14px;
  transition: 0.2s;
}
.dash-stat:hover {
  border-color: var(--c-primary-light);
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.1);
}
.sol-sb-catering .dash-stat-label {
  font-size: 0.68rem;
  color: var(--c-slate-light);
  margin-bottom: 4px;
}
.dash-stat-val {
  font-size: 1.2rem;
  font-weight: 800;
  color: var(--c-text);
}
.dash-stat-trend {
  font-size: 0.65rem;
  font-weight: 700;
  margin-top: 3px;
}
.sol-sb-catering .up {
  color: #10b981;
}
.sol-sb-catering .dash-chart {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 12px;
  padding: 16px;
}
.sol-sb-catering .dash-chart-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
}
.sol-sb-catering .dash-chart-title {
  font-size: 0.74rem;
  font-weight: 600;
  color: var(--c-text);
}
.dash-chart-tag {
  font-size: 0.62rem;
  color: var(--c-primary);
  background: linear-gradient(135deg, rgba(30, 136, 229, 0.1), rgba(66, 165, 245, 0.1));
  padding: 3px 10px;
  border-radius: 100px;
  font-weight: 600;
}
.sol-sb-catering .bars {
  display: flex;
  align-items: flex-end;
  gap: 6px;
  height: 96px;
}
.bar {
  flex: 1;
  border-radius: 4px 4px 0 0;
  background: linear-gradient(180deg, #42a5f5, #1565c0);
  opacity: 0.9;
  transition: opacity 0.2s;
}
.bar:hover {
  opacity: 1;
}
.bar.dim {
  background: linear-gradient(180deg, #cbd5e1, #94a3b8);
}
.sol-sb-catering .dash-float {
  position: absolute;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 14px 36px rgba(0, 30, 80, 0.25);
  padding: 14px 18px;
  display: flex;
  align-items: center;
  gap: 14px;
  animation: float 3.5s ease-in-out infinite;
  border: 1px solid rgba(255, 255, 255, 0.6);
}
.sol-sb-catering .dash-float-1 {
  top: -20px;
  right: -12px;
  animation-delay: 0s;
}
.dash-float-2 {
  bottom: -18px;
  left: -18px;
  animation-delay: 1.5s;
}
.sol-sb-catering .dash-float-icon {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.sol-sb-catering .dash-float-icon.green {
  background: linear-gradient(135deg, #d1fae5, #a7f3d0);
  color: #10b981;
}
.dash-float-icon.blue {
  background: linear-gradient(135deg, #dbeafe, #bfdbfe);
  color: #1e88e5;
}
.sol-sb-catering .dash-float-text .num {
  font-size: 1.05rem;
  font-weight: 800;
  color: var(--c-text);
}
.dash-float-text .label {
  font-size: 0.7rem;
  color: var(--c-slate-light);
}
@keyframes float {
0%, 100% {
    transform: translateY(0);
}
50% {
    transform: translateY(-12px);
}
}
.sol-sb-catering .pain-section {
  background: linear-gradient(180deg, var(--c-white), var(--c-bg));
}
.pain-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}
.sol-sb-catering .pain-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 36px 30px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-sb-catering .pain-card:hover {
  border-color: var(--c-primary-light);
  box-shadow: var(--shadow-xl);
  transform: translateY(-6px);
}
.pain-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #1e88e5, #42a5f5, #06b6d4);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.pain-card:hover::before {
  transform: scaleX(1);
}
.sol-sb-catering .pain-num {
  position: absolute;
  top: 24px;
  right: 28px;
  font-size: 2.8rem;
  font-weight: 900;
  color: rgba(30, 136, 229, 0.06);
  line-height: 1;
}
.sol-sb-catering .pain-icon {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: linear-gradient(135deg, #e3f2fd, #bbdefb);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.15);
}
.pain-icon svg {
  width: 28px;
  height: 28px;
  color: var(--c-primary-2);
}
.sol-sb-catering .pain-title {
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.pain-desc {
  font-size: 0.92rem;
  color: var(--c-slate);
  line-height: 1.8;
}
.sol-sb-catering .solution-section {
  background: #fff;
}
.solution-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}
.sol-sb-catering .solution-card {
  background: linear-gradient(145deg, #f5f9ff, #e8f1fb);
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 40px 32px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-sb-catering .solution-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
}
.solution-card::after {
  content: "";
  position: absolute;
  top: -30px;
  right: -30px;
  width: 120px;
  height: 120px;
  background: radial-gradient(circle, rgba(30, 136, 229, 0.1), transparent);
  pointer-events: none;
}
.sol-sb-catering .solution-icon {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  background: linear-gradient(135deg, #1e88e5, #42a5f5);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.3);
}
.solution-icon svg {
  width: 26px;
  height: 26px;
  color: #fff;
}
.sol-sb-catering .solution-card h3 {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 14px;
}
.solution-card p {
  font-size: 0.95rem;
  color: var(--c-slate);
  line-height: 1.8;
}
.sol-sb-catering .func-section {
  background: linear-gradient(180deg, var(--c-bg), var(--c-white));
}
.func-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
.sol-sb-catering .func-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 36px 32px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
  display: flex;
  gap: 24px;
}
.sol-sb-catering .func-card:hover {
  border-color: var(--c-primary-light);
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
}
.func-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: linear-gradient(180deg, #1e88e5, #42a5f5);
  transform: scaleY(0);
  transform-origin: top;
  transition: transform 0.4s;
}
.func-card:hover::before {
  transform: scaleY(1);
}
.sol-sb-catering .func-card-num {
  font-size: 2.4rem;
  font-weight: 900;
  color: rgba(30, 136, 229, 0.12);
  line-height: 1;
  flex-shrink: 0;
  min-width: 56px;
}
.sol-sb-catering .func-card-body {
  flex: 1;
}
.func-card-icon {
  width: 44px;
  height: 44px;
  border-radius: 11px;
  background: linear-gradient(135deg, #e3f2fd, #bbdefb);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.12);
}
.func-card-icon svg {
  width: 22px;
  height: 22px;
  color: var(--c-primary-2);
}
.sol-sb-catering .func-card-body h3 {
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 10px;
}
.func-card-body p {
  font-size: 0.92rem;
  color: var(--c-slate);
  line-height: 1.8;
}
.sol-sb-catering .advantage-section {
  background: #fff;
}
.advantage-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.sol-sb-catering .advantage-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius);
  padding: 34px 28px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-sb-catering .advantage-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
  border-color: var(--c-primary-light);
}
.advantage-card::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #1e88e5, #42a5f5);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.advantage-card:hover::before {
  transform: scaleX(1);
}
.sol-sb-catering .advantage-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: linear-gradient(135deg, #1e88e5, #42a5f5);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  box-shadow: 0 6px 16px rgba(30, 136, 229, 0.25);
}
.advantage-icon svg {
  width: 24px;
  height: 24px;
  color: #fff;
}
.sol-sb-catering .advantage-card h3 {
  font-size: 1.12rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.advantage-card p {
  font-size: 0.9rem;
  color: var(--c-slate);
  line-height: 1.75;
}
.sol-sb-catering .scenario-section {
  background: linear-gradient(180deg, var(--c-bg), var(--c-bg-2));
}
.scenario-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.sol-sb-catering .scenario-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius);
  padding: 32px 28px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-sb-catering .scenario-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
  border-color: var(--c-primary-light);
}
.sol-sb-catering .scenario-tag {
  display: inline-block;
  padding: 5px 12px;
  background: linear-gradient(135deg, rgba(30, 136, 229, 0.1), rgba(66, 165, 245, 0.1));
  color: var(--c-primary);
  font-size: 0.72rem;
  font-weight: 700;
  border-radius: 100px;
  margin-bottom: 16px;
}
.sol-sb-catering .scenario-card h3 {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.scenario-card p {
  font-size: 0.9rem;
  color: var(--c-slate);
  line-height: 1.75;
}
.sol-sb-catering .scenario-card::after {
  content: "";
  position: absolute;
  bottom: -20px;
  right: -20px;
  width: 80px;
  height: 80px;
  background: radial-gradient(circle, rgba(30, 136, 229, 0.06), transparent);
  pointer-events: none;
}
.sol-sb-catering .value-section {
  background: #fff;
}
.value-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}
.sol-sb-catering .value-card {
  background: linear-gradient(145deg, #f5f9ff, #e8f1fb);
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 36px 26px;
  text-align: center;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-sb-catering .value-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-6px);
}
.value-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #1e88e5, #42a5f5, #06b6d4);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.4s;
}
.value-card:hover::before {
  transform: scaleX(1);
}
.sol-sb-catering .value-icon {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: linear-gradient(135deg, #1e88e5, #42a5f5);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.3);
}
.value-icon svg {
  width: 28px;
  height: 28px;
  color: #fff;
}
.sol-sb-catering .value-card h3 {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.value-card p {
  font-size: 0.88rem;
  color: var(--c-slate);
  line-height: 1.75;
}
.value-highlight {
  display: inline-block;
  margin-top: 14px;
  padding: 5px 14px;
  background: #fff;
  border: 1px solid var(--c-primary-light);
  border-radius: 100px;
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--c-primary);
}
.sol-sb-catering .trust-section {
  background: linear-gradient(135deg, #0a3a7a 0%, #0d47a1 50%, #1565c0 100%);
  position: relative;
  overflow: hidden;
  padding: 100px 0;
}
.sol-sb-catering .trust-section::before {
  content: "";
  position: absolute;
  top: -50%;
  right: -10%;
  width: 600px;
  height: 600px;
  background: radial-gradient(circle, rgba(66, 165, 245, 0.15) 0%, transparent 70%);
  pointer-events: none;
}
.sol-sb-catering .trust-section::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
}
.sol-sb-catering .trust-section .section-title {
  color: #fff;
}
.trust-section .section-subtitle {
  color: rgba(255, 255, 255, 0.7);
}
.trust-section .section-num {
  color: #90caf9;
  background: rgba(255, 255, 255, 0.1);
}
.sol-sb-catering .trust-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  margin-bottom: 60px;
}
.trust-stat {
  text-align: center;
  padding: 36px 22px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius);
  transition: 0.3s;
  backdrop-filter: blur(6px);
}
.trust-stat:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.18);
  transform: translateY(-6px);
}
.sol-sb-catering .trust-stat .num {
  font-size: 2.8rem;
  font-weight: 900;
  color: #fff;
  letter-spacing: -0.025em;
  line-height: 1;
  margin-bottom: 8px;
}
.trust-stat .num .unit {
  font-size: 1.4rem;
  font-weight: 700;
}
.trust-stat .label {
  font-size: 0.88rem;
  color: rgba(255, 255, 255, 0.55);
  font-weight: 500;
}
.sol-sb-catering .logo-wall {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius-lg);
  padding: 44px;
  margin-bottom: 48px;
  backdrop-filter: blur(6px);
}
.sol-sb-catering .logo-wall-title {
  text-align: center;
  font-size: 0.82rem;
  color: rgba(255, 255, 255, 0.45);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  margin-bottom: 28px;
  font-weight: 600;
}
.sol-sb-catering .logo-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 18px;
}
.logo-item {
  height: 64px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.82rem;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.4);
  transition: 0.3s;
}
.logo-item:hover {
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.8);
  border-color: rgba(255, 255, 255, 0.18);
  transform: translateY(-2px);
}
.sol-sb-catering .trust-cert {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}
.cert-card {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius);
  padding: 28px;
  display: flex;
  align-items: center;
  gap: 18px;
  transition: 0.3s;
  backdrop-filter: blur(6px);
}
.cert-card:hover {
  background: rgba(255, 255, 255, 0.08);
  transform: translateY(-3px);
}
.sol-sb-catering .cert-icon {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(66, 165, 245, 0.2), rgba(30, 136, 229, 0.2));
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border: 1px solid rgba(66, 165, 245, 0.3);
}
.cert-icon svg {
  width: 26px;
  height: 26px;
  color: #90caf9;
}
.sol-sb-catering .cert-info .title {
  font-size: 0.92rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 4px;
}
.cert-info .desc {
  font-size: 0.78rem;
  color: rgba(255, 255, 255, 0.45);
}
.sol-sb-catering .faq-section {
  background: linear-gradient(180deg, var(--c-bg), var(--c-white));
}
.faq-wrap {
  max-width: 880px;
  margin: 0 auto;
}
.sol-sb-catering .faq-item {
  border: 1.5px solid var(--c-border);
  border-radius: var(--radius);
  margin-bottom: 14px;
  overflow: hidden;
  transition: 0.3s;
  background: #fff;
}
.faq-item.active {
  border-color: var(--c-primary);
  box-shadow: 0 8px 28px rgba(30, 136, 229, 0.12);
}
.faq-item.active .faq-q {
  color: var(--c-primary);
}
.sol-sb-catering .faq-q {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22px 28px;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 600;
  color: var(--c-text);
  transition: color 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  gap: 16px;
}
.faq-q .arrow {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  transition: transform 0.3s;
  color: var(--c-slate-light);
}
.faq-item.active .faq-q .arrow {
  transform: rotate(180deg);
  color: var(--c-primary);
}
.sol-sb-catering .faq-a {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}
.faq-a-inner {
  padding: 0 28px 24px;
  font-size: 0.94rem;
  color: var(--c-slate);
  line-height: 1.85;
}
.sol-sb-catering .cta-section {
  position: relative;
  background: linear-gradient(135deg, #0d47a1 0%, #1565c0 50%, #1e88e5 100%);
  padding: 100px 0;
  overflow: hidden;
}
.sol-sb-catering .cta-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: radial-gradient(circle at 70% 30%, rgba(66, 165, 245, 0.25) 0%, transparent 50%), radial-gradient(circle at 20% 80%, rgba(255, 255, 255, 0.12) 0%, transparent 40%);
  pointer-events: none;
}
.sol-sb-catering .cta-section::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 60px;
  background: linear-gradient(to bottom, transparent, var(--c-footer));
  pointer-events: none;
}
.sol-sb-catering .cta-inner {
  position: relative;
  z-index: 1;
  text-align: center;
  max-width: 820px;
  margin: 0 auto;
}
.cta-inner h2 {
  font-size: 2.5rem;
  font-weight: 900;
  color: #fff;
  letter-spacing: -0.025em;
  margin-bottom: 20px;
  line-height: 1.25;
}
.sol-sb-catering .cta-inner h2 .highlight {
  background: linear-gradient(135deg, #fff, #bbdefb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.cta-inner p {
  font-size: 1.12rem;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.85;
  margin-bottom: 44px;
}
.sol-sb-catering .cta-options {
  display: flex;
  gap: 18px;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 36px;
}
.cta-note {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.5);
  flex-wrap: wrap;
}
.cta-note .dot {
  width: 5px;
  height: 5px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
}
.sol-sb-catering .reveal {
  opacity: 0;
  transform: translateY(32px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}
.reveal.active {
  opacity: 1;
  transform: translateY(0);
}
.reveal-delay-1 {
  transition-delay: 0.12s;
}
.reveal-delay-2 {
  transition-delay: 0.24s;
}
.reveal-delay-3 {
  transition-delay: 0.36s;
}
@media (max-width: 480px) {
.container {
    padding: 0 18px;
}
.hero h1 {
    font-size: 1.85rem;
}
.section-title {
    font-size: 1.55rem;
}
.dash-stats {
    grid-template-columns: 1fr;
    gap: 8px;
}
.value-grid {
    grid-template-columns: 1fr;
}
}.sol-sb-daijia, .sol-sb-daijia *, .sol-sb-daijia *::before, .sol-sb-daijia *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.sol-sb-daijia {
  --c-primary:#1e88e5;
  --c-primary-2:#1976d2;
  --c-primary-3:#1565c0;
  --c-primary-4:#0d47a1;
  --c-primary-light:#42a5f5;
  --c-primary-bright:#2196f3;
  --c-cyan:#06b6d4;
  --c-slate:#475569;
  --c-slate-light:#64748b;
  --c-text:#0f172a;
  --c-text-mid:#334155;
  --c-bg:#f5f9ff;
  --c-bg-2:#eef4fc;
  --c-bg-3:#e8f1fb;
  --c-border:#e2e8f0;
  --c-white:#fff;
  --c-footer:#0a1929;
  --c-footer-2:#0d2238;
  --radius:14px;
  --radius-lg:22px;
  --shadow-sm:0 2px 8px rgba(30,136,229,.08);
  --shadow:0 8px 28px rgba(30,136,229,.10);
  --shadow-lg:0 18px 56px rgba(30,136,229,.14);
  --shadow-xl:0 28px 80px rgba(30,136,229,.18);
  --shadow-blue:0 10px 30px rgba(30,136,229,.35);
  --max-w:1280px;
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
}
.sol-sb-daijia {
  scroll-behavior: smooth;
  font-size: 16px;
}
.sol-sb-daijia {
  font-family: var(--font);
  color: var(--c-text);
  background: var(--c-white);
  line-height: 1.7;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}
.sol-sb-daijia a {
  text-decoration: none;
  color: inherit;
}
.sol-sb-daijia img {
  max-width: 100%;
  display: block;
}
.sol-sb-daijia ul {
  list-style: none;
}
.sol-sb-daijia .container {
  max-width: var(--max-w);
  margin: 0 auto;
  padding: 0 24px;
}
.sol-sb-daijia .section {
  padding: 110px 0;
  position: relative;
}
.sol-sb-daijia .section-sm {
  padding: 72px 0;
}
.sol-sb-daijia .eyebrow {
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--c-primary);
  margin-bottom: 12px;
}
.sol-sb-daijia .section-num {
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.18em;
  color: var(--c-primary);
  display: inline-block;
  background: linear-gradient(135deg, rgba(30, 136, 229, 0.1), rgba(66, 165, 245, 0.1));
  padding: 6px 14px;
  border-radius: 100px;
  margin-bottom: 14px;
}
.sol-sb-daijia .section-title {
  font-size: 2.4rem;
  font-weight: 800;
  color: var(--c-text);
  line-height: 1.25;
  margin-bottom: 18px;
  letter-spacing: -0.02em;
}
.sol-sb-daijia .section-subtitle {
  font-size: 1.08rem;
  color: var(--c-slate);
  max-width: 720px;
  line-height: 1.8;
}
.sol-sb-daijia .section-head {
  margin-bottom: 64px;
}
.sol-sb-daijia .section-head.center {
  text-align: center;
}
.sol-sb-daijia .section-head.center .section-subtitle {
  margin: 0 auto;
}
.sol-sb-daijia .section-head.center .section-num {
  display: inline-block;
}
.sol-sb-daijia .header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  background: rgba(255, 255, 255, 0.97);
  backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--c-border);
  transition: box-shadow 0.3s;
}
.sol-sb-daijia .header.scrolled {
  box-shadow: 0 4px 20px rgba(30, 136, 229, 0.08);
}
.sol-sb-daijia .header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 72px;
  max-width: var(--max-w);
  margin: 0 auto;
  padding: 0 24px;
}
.sol-sb-daijia .logo {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 1.3rem;
  font-weight: 800;
  color: var(--c-primary-3);
  letter-spacing: -0.02em;
}
.sol-sb-daijia .logo svg {
  width: 36px;
  height: 36px;
  flex-shrink: 0;
}
.sol-sb-daijia .nav {
  display: flex;
  align-items: center;
  gap: 36px;
}
.sol-sb-daijia .nav a {
  font-size: 0.94rem;
  color: var(--c-text-mid);
  font-weight: 500;
  transition: color 0.2s;
  position: relative;
}
.sol-sb-daijia .nav a:hover {
  color: var(--c-primary);
}
.sol-sb-daijia .nav a::after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 0;
  height: 2.5px;
  background: var(--c-primary);
  border-radius: 2px;
  transition: width 0.25s;
}
.sol-sb-daijia .nav a:hover::after {
  width: 100%;
}
.sol-sb-daijia .header-cta {
  display: flex;
  align-items: center;
  gap: 14px;
}
.sol-sb-daijia .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 28px;
  border-radius: 12px;
  font-size: 0.94rem;
  font-weight: 600;
  cursor: pointer;
  border: none;
  transition: all 0.25s;
  white-space: nowrap;
  line-height: 1.2;
}
.sol-sb-daijia .btn-primary {
  background: linear-gradient(180deg, #42a5f5 0%, #1e88e5 50%, #1976d2 100%);
  color: #fff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -2px 0 rgba(0, 0, 0, 0.08), 0 4px 0 var(--c-primary-3), 0 8px 20px rgba(30, 136, 229, 0.35);
}
.sol-sb-daijia .btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -2px 0 rgba(0, 0, 0, 0.08), 0 6px 0 var(--c-primary-3), 0 12px 26px rgba(30, 136, 229, 0.45);
}
.sol-sb-daijia .btn-primary:active {
  transform: translateY(2px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -2px 0 rgba(0, 0, 0, 0.08), 0 1px 0 var(--c-primary-3), 0 4px 12px rgba(30, 136, 229, 0.35);
}
.sol-sb-daijia .btn-outline {
  background: #fff;
  color: var(--c-primary-3);
  border: 1.5px solid var(--c-border);
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.08);
}
.sol-sb-daijia .btn-outline:hover {
  border-color: var(--c-primary);
  color: var(--c-primary);
  box-shadow: 0 6px 18px rgba(30, 136, 229, 0.18);
  transform: translateY(-2px);
}
.sol-sb-daijia .btn-ghost {
  background: rgba(255, 255, 255, 0.14);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.35);
  backdrop-filter: blur(6px);
}
.sol-sb-daijia .btn-ghost:hover {
  background: rgba(255, 255, 255, 0.24);
  transform: translateY(-2px);
}
.sol-sb-daijia .btn-lg {
  padding: 17px 40px;
  font-size: 1.05rem;
  border-radius: 14px;
}
.sol-sb-daijia .btn-lg.btn-primary {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), inset 0 -2px 0 rgba(0, 0, 0, 0.1), 0 6px 0 var(--c-primary-3), 0 12px 28px rgba(30, 136, 229, 0.4);
}
.sol-sb-daijia .btn-sm {
  padding: 9px 20px;
  font-size: 0.85rem;
  border-radius: 10px;
}
.sol-sb-daijia .menu-toggle {
  display: none;
  flex-direction: column;
  gap: 5px;
  cursor: pointer;
  padding: 6px;
  background: none;
  border: none;
}
.sol-sb-daijia .menu-toggle span {
  width: 24px;
  height: 2.5px;
  background: var(--c-primary-3);
  border-radius: 2px;
  transition: 0.3s;
}
.sol-sb-daijia .menu-toggle.active span:nth-child(1) {
  transform: translateY(7.5px) rotate(45deg);
}
.sol-sb-daijia .menu-toggle.active span:nth-child(2) {
  opacity: 0;
}
.sol-sb-daijia .menu-toggle.active span:nth-child(3) {
  transform: translateY(-7.5px) rotate(-45deg);
}
.sol-sb-daijia .hero {
  position: relative;
  background: linear-gradient(135deg, #0d47a1 0%, #1565c0 30%, #1e88e5 70%, #2196f3 100%);
  padding: 150px 0 100px;
  overflow: hidden;
}
.sol-sb-daijia .hero::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: radial-gradient(circle at 15% 40%, rgba(255, 255, 255, 0.18) 0%, transparent 45%), radial-gradient(circle at 85% 25%, rgba(66, 165, 245, 0.25) 0%, transparent 50%), radial-gradient(circle at 70% 80%, rgba(255, 255, 255, 0.1) 0%, transparent 40%);
  pointer-events: none;
}
.sol-sb-daijia .hero::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 80px;
  background: linear-gradient(to bottom, transparent, var(--c-white));
  pointer-events: none;
}
.sol-sb-daijia .hero-grid {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 56px;
  align-items: center;
  position: relative;
  z-index: 1;
}
.sol-sb-daijia .hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 18px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 100px;
  color: #fff;
  font-size: 0.82rem;
  font-weight: 500;
  margin-bottom: 30px;
  backdrop-filter: blur(8px);
}
.sol-sb-daijia .hero-badge .dot {
  width: 8px;
  height: 8px;
  background: #34d399;
  border-radius: 50%;
  box-shadow: 0 0 10px #34d399;
  animation: pulse 1.6s ease-in-out infinite;
}
@keyframes pulse {
0%, 100% {
    opacity: 1;
    transform: scale(1);
}
50% {
    opacity: 0.6;
    transform: scale(1.3);
}
}
.sol-sb-daijia .hero h1 {
  font-size: 3.2rem;
  font-weight: 900;
  color: #fff;
  line-height: 1.18;
  letter-spacing: -0.025em;
  margin-bottom: 24px;
}
.sol-sb-daijia .hero h1 .highlight {
  background: linear-gradient(135deg, #fff, #bbdefb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  position: relative;
  display: inline-block;
}
.sol-sb-daijia .hero h1 .highlight::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -4px;
  height: 6px;
  background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0.2) 100%);
  border-radius: 3px;
  opacity: 0.5;
}
.sol-sb-daijia .hero-sub {
  font-size: 1.14rem;
  color: rgba(255, 255, 255, 0.85);
  line-height: 1.85;
  margin-bottom: 28px;
  max-width: 560px;
}
.sol-sb-daijia .hero-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 36px;
}
.sol-sb-daijia .hero-tags span {
  padding: 7px 16px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 30px;
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.85);
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(4px);
}
.sol-sb-daijia .hero-cta {
  display: flex;
  gap: 16px;
  margin-bottom: 40px;
  flex-wrap: wrap;
}
.sol-sb-daijia .hero-trust {
  display: flex;
  align-items: center;
  gap: 30px;
  flex-wrap: wrap;
}
.sol-sb-daijia .hero-trust-item {
  display: flex;
  align-items: center;
  gap: 10px;
}
.sol-sb-daijia .hero-trust-num {
  font-size: 1.65rem;
  font-weight: 800;
  color: #fff;
}
.sol-sb-daijia .hero-trust-label {
  font-size: 0.82rem;
  color: rgba(255, 255, 255, 0.6);
}
.sol-sb-daijia .hero-trust-divider {
  width: 1px;
  height: 40px;
  background: rgba(255, 255, 255, 0.18);
}
.sol-sb-daijia .hero-visual {
  position: relative;
}
.sol-sb-daijia .dash-mock {
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 40px 90px rgba(0, 30, 80, 0.45);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.sol-sb-daijia .dash-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 14px 18px;
  background: #f0f7ff;
  border-bottom: 1px solid var(--c-border);
}
.sol-sb-daijia .dash-bar .dots {
  display: flex;
  gap: 6px;
}
.sol-sb-daijia .dash-bar .dots span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.sol-sb-daijia .dash-bar .dots span:nth-child(1) {
  background: #ef4444;
}
.sol-sb-daijia .dash-bar .dots span:nth-child(2) {
  background: #f59e0b;
}
.sol-sb-daijia .dash-bar .dots span:nth-child(3) {
  background: #22c55e;
}
.sol-sb-daijia .dash-bar .url {
  flex: 1;
  text-align: center;
  font-size: 0.72rem;
  color: var(--c-slate-light);
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 6px;
  padding: 4px 14px;
  margin-left: 8px;
}
.sol-sb-daijia .dash-body {
  display: grid;
  grid-template-columns: 68px 1fr;
  min-height: 360px;
}
.sol-sb-daijia .dash-side {
  background: linear-gradient(180deg, #0d47a1, #1565c0);
  padding: 16px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.sol-sb-daijia .dash-side .icon-item {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.5);
  transition: 0.2s;
}
.sol-sb-daijia .dash-side .icon-item.active {
  background: linear-gradient(135deg, #42a5f5, #1e88e5);
  color: #fff;
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.5);
}
.sol-sb-daijia .dash-side .icon-item svg {
  width: 18px;
  height: 18px;
}
.sol-sb-daijia .dash-main {
  padding: 20px;
  background: #fafbfc;
}
.sol-sb-daijia .dash-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-bottom: 16px;
}
.sol-sb-daijia .dash-stat {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 12px;
  padding: 14px;
  transition: 0.2s;
}
.sol-sb-daijia .dash-stat:hover {
  border-color: var(--c-primary-light);
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.1);
}
.sol-sb-daijia .dash-stat-label {
  font-size: 0.68rem;
  color: var(--c-slate-light);
  margin-bottom: 4px;
}
.sol-sb-daijia .dash-stat-val {
  font-size: 1.2rem;
  font-weight: 800;
  color: var(--c-text);
}
.sol-sb-daijia .dash-stat-trend {
  font-size: 0.65rem;
  font-weight: 700;
  margin-top: 3px;
}
.sol-sb-daijia .up {
  color: #10b981;
}
.sol-sb-daijia .dn {
  color: #ef4444;
}
.sol-sb-daijia .dash-chart {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 12px;
  padding: 16px;
}
.sol-sb-daijia .dash-chart-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
}
.sol-sb-daijia .dash-chart-title {
  font-size: 0.74rem;
  font-weight: 600;
  color: var(--c-text);
}
.sol-sb-daijia .dash-chart-tag {
  font-size: 0.62rem;
  color: var(--c-primary);
  background: linear-gradient(135deg, rgba(30, 136, 229, 0.1), rgba(66, 165, 245, 0.1));
  padding: 3px 10px;
  border-radius: 100px;
  font-weight: 600;
}
.sol-sb-daijia .bars {
  display: flex;
  align-items: flex-end;
  gap: 6px;
  height: 96px;
}
.sol-sb-daijia .bar {
  flex: 1;
  border-radius: 4px 4px 0 0;
  background: linear-gradient(180deg, #42a5f5, #1565c0);
  opacity: 0.9;
  transition: opacity 0.2s;
}
.sol-sb-daijia .bar:hover {
  opacity: 1;
}
.sol-sb-daijia .bar.dim {
  background: linear-gradient(180deg, #cbd5e1, #94a3b8);
}
.sol-sb-daijia .dash-float {
  position: absolute;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 14px 36px rgba(0, 30, 80, 0.25);
  padding: 14px 18px;
  display: flex;
  align-items: center;
  gap: 14px;
  animation: float 3.5s ease-in-out infinite;
  border: 1px solid rgba(255, 255, 255, 0.6);
}
.sol-sb-daijia .dash-float-1 {
  top: -20px;
  right: -12px;
  animation-delay: 0s;
}
.sol-sb-daijia .dash-float-2 {
  bottom: -18px;
  left: -18px;
  animation-delay: 1.5s;
}
.sol-sb-daijia .dash-float-icon {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.sol-sb-daijia .dash-float-icon.green {
  background: linear-gradient(135deg, #d1fae5, #a7f3d0);
  color: #10b981;
}
.sol-sb-daijia .dash-float-icon.blue {
  background: linear-gradient(135deg, #dbeafe, #bfdbfe);
  color: #1e88e5;
}
.sol-sb-daijia .dash-float-text .num {
  font-size: 1.05rem;
  font-weight: 800;
  color: var(--c-text);
}
.sol-sb-daijia .dash-float-text .label {
  font-size: 0.7rem;
  color: var(--c-slate-light);
}
@keyframes float {
0%, 100% {
    transform: translateY(0);
}
50% {
    transform: translateY(-12px);
}
}
.sol-sb-daijia .pain-section {
  background: linear-gradient(180deg, var(--c-white), var(--c-bg));
}
.sol-sb-daijia .pain-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}
.sol-sb-daijia .pain-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 36px 30px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-sb-daijia .pain-card:hover {
  border-color: var(--c-primary-light);
  box-shadow: var(--shadow-xl);
  transform: translateY(-6px);
}
.sol-sb-daijia .pain-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #1e88e5, #42a5f5, #06b6d4);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.sol-sb-daijia .pain-card:hover::before {
  transform: scaleX(1);
}
.sol-sb-daijia .pain-num {
  position: absolute;
  top: 24px;
  right: 28px;
  font-size: 2.8rem;
  font-weight: 900;
  color: rgba(30, 136, 229, 0.06);
  line-height: 1;
}
.sol-sb-daijia .pain-icon {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: linear-gradient(135deg, #e3f2fd, #bbdefb);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.15);
}
.sol-sb-daijia .pain-icon svg {
  width: 28px;
  height: 28px;
  color: var(--c-primary-2);
}
.sol-sb-daijia .pain-title {
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.sol-sb-daijia .pain-desc {
  font-size: 0.92rem;
  color: var(--c-slate);
  line-height: 1.8;
}
.sol-sb-daijia .solution-section {
  background: #fff;
}
.sol-sb-daijia .solution-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}
.sol-sb-daijia .solution-card {
  background: linear-gradient(145deg, #f5f9ff, #e8f1fb);
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 40px 32px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-sb-daijia .solution-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
}
.sol-sb-daijia .solution-card::after {
  content: "";
  position: absolute;
  top: -30px;
  right: -30px;
  width: 120px;
  height: 120px;
  background: radial-gradient(circle, rgba(30, 136, 229, 0.1), transparent);
  pointer-events: none;
}
.sol-sb-daijia .solution-icon {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  background: linear-gradient(135deg, #1e88e5, #42a5f5);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.3);
}
.sol-sb-daijia .solution-icon svg {
  width: 26px;
  height: 26px;
  color: #fff;
}
.sol-sb-daijia .solution-card h3 {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 14px;
}
.sol-sb-daijia .solution-card p {
  font-size: 0.95rem;
  color: var(--c-slate);
  line-height: 1.8;
}
.sol-sb-daijia .func-section {
  background: linear-gradient(180deg, var(--c-bg), var(--c-white));
}
.sol-sb-daijia .func-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
.sol-sb-daijia .func-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 36px 32px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
  display: flex;
  gap: 24px;
}
.sol-sb-daijia .func-card:hover {
  border-color: var(--c-primary-light);
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
}
.sol-sb-daijia .func-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: linear-gradient(180deg, #1e88e5, #42a5f5);
  transform: scaleY(0);
  transform-origin: top;
  transition: transform 0.4s;
}
.sol-sb-daijia .func-card:hover::before {
  transform: scaleY(1);
}
.sol-sb-daijia .func-card-num {
  font-size: 2.4rem;
  font-weight: 900;
  color: rgba(30, 136, 229, 0.12);
  line-height: 1;
  flex-shrink: 0;
  min-width: 56px;
}
.sol-sb-daijia .func-card-body {
  flex: 1;
}
.sol-sb-daijia .func-card-icon {
  width: 44px;
  height: 44px;
  border-radius: 11px;
  background: linear-gradient(135deg, #e3f2fd, #bbdefb);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.12);
}
.sol-sb-daijia .func-card-icon svg {
  width: 22px;
  height: 22px;
  color: var(--c-primary-2);
}
.sol-sb-daijia .func-card-body h3 {
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 10px;
}
.sol-sb-daijia .func-card-body p {
  font-size: 0.92rem;
  color: var(--c-slate);
  line-height: 1.8;
}
.sol-sb-daijia .advantage-section {
  background: #fff;
}
.sol-sb-daijia .advantage-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.sol-sb-daijia .advantage-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius);
  padding: 34px 28px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-sb-daijia .advantage-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
  border-color: var(--c-primary-light);
}
.sol-sb-daijia .advantage-card::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #1e88e5, #42a5f5);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.sol-sb-daijia .advantage-card:hover::before {
  transform: scaleX(1);
}
.sol-sb-daijia .advantage-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: linear-gradient(135deg, #1e88e5, #42a5f5);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  box-shadow: 0 6px 16px rgba(30, 136, 229, 0.25);
}
.sol-sb-daijia .advantage-icon svg {
  width: 24px;
  height: 24px;
  color: #fff;
}
.sol-sb-daijia .advantage-card h3 {
  font-size: 1.12rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.sol-sb-daijia .advantage-card p {
  font-size: 0.9rem;
  color: var(--c-slate);
  line-height: 1.75;
}
.sol-sb-daijia .scenario-section {
  background: linear-gradient(180deg, var(--c-bg), var(--c-bg-2));
}
.sol-sb-daijia .scenario-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.sol-sb-daijia .scenario-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius);
  padding: 32px 28px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-sb-daijia .scenario-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
  border-color: var(--c-primary-light);
}
.sol-sb-daijia .scenario-tag {
  display: inline-block;
  padding: 5px 12px;
  background: linear-gradient(135deg, rgba(30, 136, 229, 0.1), rgba(66, 165, 245, 0.1));
  color: var(--c-primary);
  font-size: 0.72rem;
  font-weight: 700;
  border-radius: 100px;
  margin-bottom: 16px;
}
.sol-sb-daijia .scenario-card h3 {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.sol-sb-daijia .scenario-card p {
  font-size: 0.9rem;
  color: var(--c-slate);
  line-height: 1.75;
}
.sol-sb-daijia .scenario-card::after {
  content: "";
  position: absolute;
  bottom: -20px;
  right: -20px;
  width: 80px;
  height: 80px;
  background: radial-gradient(circle, rgba(30, 136, 229, 0.06), transparent);
  pointer-events: none;
}
.sol-sb-daijia .value-section {
  background: #fff;
}
.sol-sb-daijia .value-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}
.sol-sb-daijia .value-card {
  background: linear-gradient(145deg, #f5f9ff, #e8f1fb);
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 36px 26px;
  text-align: center;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-sb-daijia .value-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-6px);
}
.sol-sb-daijia .value-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #1e88e5, #42a5f5, #06b6d4);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.4s;
}
.sol-sb-daijia .value-card:hover::before {
  transform: scaleX(1);
}
.sol-sb-daijia .value-icon {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: linear-gradient(135deg, #1e88e5, #42a5f5);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.3);
}
.sol-sb-daijia .value-icon svg {
  width: 28px;
  height: 28px;
  color: #fff;
}
.sol-sb-daijia .value-card h3 {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.sol-sb-daijia .value-card p {
  font-size: 0.88rem;
  color: var(--c-slate);
  line-height: 1.75;
}
.sol-sb-daijia .value-highlight {
  display: inline-block;
  margin-top: 14px;
  padding: 5px 14px;
  background: #fff;
  border: 1px solid var(--c-primary-light);
  border-radius: 100px;
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--c-primary);
}
.sol-sb-daijia .trust-section {
  background: linear-gradient(135deg, #0a3a7a 0%, #0d47a1 50%, #1565c0 100%);
  position: relative;
  overflow: hidden;
  padding: 100px 0;
}
.sol-sb-daijia .trust-section::before {
  content: "";
  position: absolute;
  top: -50%;
  right: -10%;
  width: 600px;
  height: 600px;
  background: radial-gradient(circle, rgba(66, 165, 245, 0.15) 0%, transparent 70%);
  pointer-events: none;
}
.sol-sb-daijia .trust-section::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
}
.sol-sb-daijia .trust-section .section-title {
  color: #fff;
}
.sol-sb-daijia .trust-section .section-subtitle {
  color: rgba(255, 255, 255, 0.7);
}
.sol-sb-daijia .trust-section .section-num {
  color: #90caf9;
  background: rgba(255, 255, 255, 0.1);
}
.sol-sb-daijia .trust-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  margin-bottom: 60px;
}
.sol-sb-daijia .trust-stat {
  text-align: center;
  padding: 36px 22px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius);
  transition: 0.3s;
  backdrop-filter: blur(6px);
}
.sol-sb-daijia .trust-stat:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.18);
  transform: translateY(-6px);
}
.sol-sb-daijia .trust-stat .num {
  font-size: 2.8rem;
  font-weight: 900;
  color: #fff;
  letter-spacing: -0.025em;
  line-height: 1;
  margin-bottom: 8px;
}
.sol-sb-daijia .trust-stat .num .unit {
  font-size: 1.4rem;
  font-weight: 700;
}
.sol-sb-daijia .trust-stat .label {
  font-size: 0.88rem;
  color: rgba(255, 255, 255, 0.55);
  font-weight: 500;
}
.sol-sb-daijia .logo-wall {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius-lg);
  padding: 44px;
  margin-bottom: 48px;
  backdrop-filter: blur(6px);
}
.sol-sb-daijia .logo-wall-title {
  text-align: center;
  font-size: 0.82rem;
  color: rgba(255, 255, 255, 0.45);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  margin-bottom: 28px;
  font-weight: 600;
}
.sol-sb-daijia .logo-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 18px;
}
.sol-sb-daijia .logo-item {
  height: 64px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.82rem;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.4);
  transition: 0.3s;
}
.sol-sb-daijia .logo-item:hover {
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.8);
  border-color: rgba(255, 255, 255, 0.18);
  transform: translateY(-2px);
}
.sol-sb-daijia .trust-cert {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}
.sol-sb-daijia .cert-card {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius);
  padding: 28px;
  display: flex;
  align-items: center;
  gap: 18px;
  transition: 0.3s;
  backdrop-filter: blur(6px);
}
.sol-sb-daijia .cert-card:hover {
  background: rgba(255, 255, 255, 0.08);
  transform: translateY(-3px);
}
.sol-sb-daijia .cert-icon {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(66, 165, 245, 0.2), rgba(30, 136, 229, 0.2));
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border: 1px solid rgba(66, 165, 245, 0.3);
}
.sol-sb-daijia .cert-icon svg {
  width: 26px;
  height: 26px;
  color: #90caf9;
}
.sol-sb-daijia .cert-info .title {
  font-size: 0.92rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 4px;
}
.sol-sb-daijia .cert-info .desc {
  font-size: 0.78rem;
  color: rgba(255, 255, 255, 0.45);
}
.sol-sb-daijia .faq-section {
  background: linear-gradient(180deg, var(--c-bg), var(--c-white));
}
.sol-sb-daijia .faq-wrap {
  max-width: 880px;
  margin: 0 auto;
}
.sol-sb-daijia .faq-item {
  border: 1.5px solid var(--c-border);
  border-radius: var(--radius);
  margin-bottom: 14px;
  overflow: hidden;
  transition: 0.3s;
  background: #fff;
}
.sol-sb-daijia .faq-item.active {
  border-color: var(--c-primary);
  box-shadow: 0 8px 28px rgba(30, 136, 229, 0.12);
}
.sol-sb-daijia .faq-item.active .faq-q {
  color: var(--c-primary);
}
.sol-sb-daijia .faq-q {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22px 28px;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 600;
  color: var(--c-text);
  transition: color 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  gap: 16px;
}
.sol-sb-daijia .faq-q .arrow {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  transition: transform 0.3s;
  color: var(--c-slate-light);
}
.sol-sb-daijia .faq-item.active .faq-q .arrow {
  transform: rotate(180deg);
  color: var(--c-primary);
}
.sol-sb-daijia .faq-a {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}
.sol-sb-daijia .faq-a-inner {
  padding: 0 28px 24px;
  font-size: 0.94rem;
  color: var(--c-slate);
  line-height: 1.85;
}
.sol-sb-daijia .cta-section {
  position: relative;
  background: linear-gradient(135deg, #0d47a1 0%, #1565c0 50%, #1e88e5 100%);
  padding: 100px 0;
  overflow: hidden;
}
.sol-sb-daijia .cta-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: radial-gradient(circle at 70% 30%, rgba(66, 165, 245, 0.25) 0%, transparent 50%), radial-gradient(circle at 20% 80%, rgba(255, 255, 255, 0.12) 0%, transparent 40%);
  pointer-events: none;
}
.sol-sb-daijia .cta-section::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 60px;
  background: linear-gradient(to bottom, transparent, var(--c-footer));
  pointer-events: none;
}
.sol-sb-daijia .cta-inner {
  position: relative;
  z-index: 1;
  text-align: center;
  max-width: 820px;
  margin: 0 auto;
}
.sol-sb-daijia .cta-inner h2 {
  font-size: 2.5rem;
  font-weight: 900;
  color: #fff;
  letter-spacing: -0.025em;
  margin-bottom: 20px;
  line-height: 1.25;
}
.sol-sb-daijia .cta-inner h2 .highlight {
  background: linear-gradient(135deg, #fff, #bbdefb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.sol-sb-daijia .cta-inner p {
  font-size: 1.12rem;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.85;
  margin-bottom: 44px;
}
.sol-sb-daijia .cta-options {
  display: flex;
  gap: 18px;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 36px;
}
.sol-sb-daijia .cta-note {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.5);
  flex-wrap: wrap;
}
.sol-sb-daijia .cta-note .dot {
  width: 5px;
  height: 5px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
}
.sol-sb-daijia .reveal {
  opacity: 0;
  transform: translateY(32px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}
.sol-sb-daijia .reveal.active {
  opacity: 1;
  transform: translateY(0);
}
.sol-sb-daijia .reveal-delay-1 {
  transition-delay: 0.12s;
}
.sol-sb-daijia .reveal-delay-2 {
  transition-delay: 0.24s;
}
.sol-sb-daijia .reveal-delay-3 {
  transition-delay: 0.36s;
}
@media (max-width: 1024px) {
.sol-sb-daijia .hero-grid {
    grid-template-columns: 1fr;
    gap: 48px;
}
.sol-sb-daijia .hero h1 {
    font-size: 2.6rem;
}
.sol-sb-daijia .pain-grid {
    grid-template-columns: repeat(2, 1fr);
}
.sol-sb-daijia .solution-grid {
    grid-template-columns: 1fr;
}
.sol-sb-daijia .func-grid {
    grid-template-columns: 1fr;
}
.sol-sb-daijia .advantage-grid {
    grid-template-columns: repeat(2, 1fr);
}
.sol-sb-daijia .scenario-grid {
    grid-template-columns: repeat(2, 1fr);
}
.sol-sb-daijia .value-grid {
    grid-template-columns: repeat(2, 1fr);
}
.sol-sb-daijia .trust-stats {
    grid-template-columns: repeat(2, 1fr);
}
.sol-sb-daijia .logo-grid {
    grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 768px) {
.sol-sb-daijia .section {
    padding: 72px 0;
}
.sol-sb-daijia .section-title {
    font-size: 1.8rem;
}
.sol-sb-daijia .section-head {
    margin-bottom: 42px;
}
.sol-sb-daijia .nav {
    display: none;
}
.sol-sb-daijia .header-cta .btn:not(.menu-toggle) {
    display: none;
}
.sol-sb-daijia .menu-toggle {
    display: flex;
}
.sol-sb-daijia .nav.mobile-open {
    display: flex;
    position: absolute;
    top: 72px;
    left: 0;
    right: 0;
    background: #fff;
    flex-direction: column;
    padding: 24px;
    gap: 20px;
    border-bottom: 1px solid var(--c-border);
    box-shadow: var(--shadow-lg);
}
.sol-sb-daijia .nav.mobile-open a {
    font-size: 1.05rem;
    padding: 6px 0;
}
.sol-sb-daijia .hero {
    padding: 120px 0 64px;
}
.sol-sb-daijia .hero h1 {
    font-size: 2.1rem;
}
.sol-sb-daijia .hero-sub {
    font-size: 1.05rem;
}
.sol-sb-daijia .hero-cta {
    flex-direction: column;
    width: 100%;
}
.sol-sb-daijia .hero-cta .btn {
    width: 100%;
}
.sol-sb-daijia .hero-trust {
    gap: 20px;
}
.sol-sb-daijia .hero-trust-divider {
    display: none;
}
.sol-sb-daijia .hero-trust-num {
    font-size: 1.4rem;
}
.sol-sb-daijia .hero-trust-label {
    font-size: 0.78rem;
}
.sol-sb-daijia .hero-visual {
    max-width: 440px;
    margin: 0 auto;
}
.sol-sb-daijia .dash-float {
    display: none;
}
.sol-sb-daijia .pain-grid {
    grid-template-columns: 1fr;
    gap: 18px;
}
.sol-sb-daijia .pain-card {
    padding: 30px 24px;
}
.sol-sb-daijia .func-card {
    padding: 28px 24px;
    flex-direction: column;
    gap: 16px;
}
.sol-sb-daijia .func-card-num {
    font-size: 2rem;
    min-width: auto;
}
.sol-sb-daijia .advantage-grid {
    grid-template-columns: 1fr;
}
.sol-sb-daijia .scenario-grid {
    grid-template-columns: 1fr;
}
.sol-sb-daijia .value-grid {
    grid-template-columns: 1fr 1fr;
}
.sol-sb-daijia .trust-stats {
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}
.sol-sb-daijia .trust-stat {
    padding: 24px 14px;
}
.sol-sb-daijia .trust-stat .num {
    font-size: 2.1rem;
}
.sol-sb-daijia .logo-wall {
    padding: 28px;
}
.sol-sb-daijia .logo-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
}
.sol-sb-daijia .logo-item {
    height: 54px;
    font-size: 0.75rem;
}
.sol-sb-daijia .trust-cert {
    grid-template-columns: 1fr;
    gap: 14px;
}
.sol-sb-daijia .cert-card {
    padding: 20px;
}
.sol-sb-daijia .cta-inner h2 {
    font-size: 1.9rem;
}
.sol-sb-daijia .cta-inner p {
    font-size: 1rem;
}
.sol-sb-daijia .cta-options {
    flex-direction: column;
    width: 100%;
}
.sol-sb-daijia .cta-options .btn {
    width: 100%;
}
}
@media (max-width: 480px) {
.sol-sb-daijia .container {
    padding: 0 18px;
}
.sol-sb-daijia .hero h1 {
    font-size: 1.85rem;
}
.sol-sb-daijia .section-title {
    font-size: 1.55rem;
}
.sol-sb-daijia .dash-stats {
    grid-template-columns: 1fr;
    gap: 8px;
}
.sol-sb-daijia .value-grid {
    grid-template-columns: 1fr;
}
}.sol-sb-elderly, .sol-sb-elderly *, .sol-sb-elderly *::before, .sol-sb-elderly *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.sol-sb-elderly {
  --c-primary:#1e88e5;
  --c-primary-2:#1976d2;
  --c-primary-3:#1565c0;
  --c-primary-4:#0d47a1;
  --c-primary-light:#42a5f5;
  --c-primary-bright:#2196f3;
  --c-cyan:#06b6d4;
  --c-slate:#475569;
  --c-slate-light:#64748b;
  --c-text:#0f172a;
  --c-text-mid:#334155;
  --c-bg:#f5f9ff;
  --c-bg-2:#eef4fc;
  --c-bg-3:#e8f1fb;
  --c-border:#e2e8f0;
  --c-white:#fff;
  --c-footer:#0a1929;
  --c-footer-2:#0d2238;
  --radius:14px;
  --radius-lg:22px;
  --shadow-sm:0 2px 8px rgba(30,136,229,.08);
  --shadow:0 8px 28px rgba(30,136,229,.10);
  --shadow-lg:0 18px 56px rgba(30,136,229,.14);
  --shadow-xl:0 28px 80px rgba(30,136,229,.18);
  --shadow-blue:0 10px 30px rgba(30,136,229,.35);
  --max-w:1280px;
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
}
.sol-sb-elderly {
  scroll-behavior: smooth;
  font-size: 16px;
}
.sol-sb-elderly {
  font-family: var(--font);
  color: var(--c-text);
  background: var(--c-white);
  line-height: 1.7;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}
.sol-sb-elderly a {
  text-decoration: none;
  color: inherit;
}
.sol-sb-elderly img {
  max-width: 100%;
  display: block;
}
.sol-sb-elderly ul {
  list-style: none;
}
.sol-sb-elderly .container {
  max-width: var(--max-w);
  margin: 0 auto;
  padding: 0 24px;
}
.sol-sb-elderly .section {
  padding: 110px 0;
  position: relative;
}
.section-sm {
  padding: 72px 0;
}
.sol-sb-elderly .eyebrow {
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--c-primary);
  margin-bottom: 12px;
}
.sol-sb-elderly .section-num {
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.18em;
  color: var(--c-primary);
  display: inline-block;
  background: linear-gradient(135deg, rgba(30, 136, 229, 0.1), rgba(66, 165, 245, 0.1));
  padding: 6px 14px;
  border-radius: 100px;
  margin-bottom: 14px;
}
.sol-sb-elderly .section-title {
  font-size: 2.4rem;
  font-weight: 800;
  color: var(--c-text);
  line-height: 1.25;
  margin-bottom: 18px;
  letter-spacing: -0.02em;
}
.sol-sb-elderly .section-subtitle {
  font-size: 1.08rem;
  color: var(--c-slate);
  max-width: 720px;
  line-height: 1.8;
}
.sol-sb-elderly .section-head {
  margin-bottom: 64px;
}
.section-head.center {
  text-align: center;
}
.section-head.center .section-subtitle {
  margin: 0 auto;
}
.section-head.center .section-num {
  display: inline-block;
}
.sol-sb-elderly .header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  background: rgba(255, 255, 255, 0.97);
  backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--c-border);
  transition: box-shadow 0.3s;
}
.sol-sb-elderly .header.scrolled {
  box-shadow: 0 4px 20px rgba(30, 136, 229, 0.08);
}
.sol-sb-elderly .header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 72px;
  max-width: var(--max-w);
  margin: 0 auto;
  padding: 0 24px;
}
.sol-sb-elderly .logo {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 1.3rem;
  font-weight: 800;
  color: var(--c-primary-3);
  letter-spacing: -0.02em;
}
.logo svg {
  width: 36px;
  height: 36px;
  flex-shrink: 0;
}
.sol-sb-elderly .nav {
  display: flex;
  align-items: center;
  gap: 36px;
}
.nav a {
  font-size: 0.94rem;
  color: var(--c-text-mid);
  font-weight: 500;
  transition: color 0.2s;
  position: relative;
}
.nav a:hover {
  color: var(--c-primary);
}
.sol-sb-elderly .nav a::after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 0;
  height: 2.5px;
  background: var(--c-primary);
  border-radius: 2px;
  transition: width 0.25s;
}
.nav a:hover::after {
  width: 100%;
}
.sol-sb-elderly .header-cta {
  display: flex;
  align-items: center;
  gap: 14px;
}
.sol-sb-elderly .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 28px;
  border-radius: 12px;
  font-size: 0.94rem;
  font-weight: 600;
  cursor: pointer;
  border: none;
  transition: all 0.25s;
  white-space: nowrap;
  line-height: 1.2;
}
.sol-sb-elderly .btn-primary {
  background: linear-gradient(180deg, #42a5f5 0%, #1e88e5 50%, #1976d2 100%);
  color: #fff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -2px 0 rgba(0, 0, 0, 0.08), 0 4px 0 var(--c-primary-3), 0 8px 20px rgba(30, 136, 229, 0.35);
}
.sol-sb-elderly .btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -2px 0 rgba(0, 0, 0, 0.08), 0 6px 0 var(--c-primary-3), 0 12px 26px rgba(30, 136, 229, 0.45);
}
.sol-sb-elderly .btn-primary:active {
  transform: translateY(2px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -2px 0 rgba(0, 0, 0, 0.08), 0 1px 0 var(--c-primary-3), 0 4px 12px rgba(30, 136, 229, 0.35);
}
.sol-sb-elderly .btn-outline {
  background: #fff;
  color: var(--c-primary-3);
  border: 1.5px solid var(--c-border);
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.08);
}
.sol-sb-elderly .btn-outline:hover {
  border-color: var(--c-primary);
  color: var(--c-primary);
  box-shadow: 0 6px 18px rgba(30, 136, 229, 0.18);
  transform: translateY(-2px);
}
.sol-sb-elderly .btn-ghost {
  background: rgba(255, 255, 255, 0.14);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.35);
  backdrop-filter: blur(6px);
}
.sol-sb-elderly .btn-ghost:hover {
  background: rgba(255, 255, 255, 0.24);
  transform: translateY(-2px);
}
.sol-sb-elderly .btn-lg {
  padding: 17px 40px;
  font-size: 1.05rem;
  border-radius: 14px;
}
.btn-lg.btn-primary {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), inset 0 -2px 0 rgba(0, 0, 0, 0.1), 0 6px 0 var(--c-primary-3), 0 12px 28px rgba(30, 136, 229, 0.4);
}
.sol-sb-elderly .btn-sm {
  padding: 9px 20px;
  font-size: 0.85rem;
  border-radius: 10px;
}
.sol-sb-elderly .menu-toggle {
  display: none;
  flex-direction: column;
  gap: 5px;
  cursor: pointer;
  padding: 6px;
  background: none;
  border: none;
}
.menu-toggle span {
  width: 24px;
  height: 2.5px;
  background: var(--c-primary-3);
  border-radius: 2px;
  transition: 0.3s;
}
.sol-sb-elderly .menu-toggle.active span:nth-child(1) {
  transform: translateY(7.5px) rotate(45deg);
}
.menu-toggle.active span:nth-child(2) {
  opacity: 0;
}
.menu-toggle.active span:nth-child(3) {
  transform: translateY(-7.5px) rotate(-45deg);
}
.sol-sb-elderly .hero {
  position: relative;
  background: linear-gradient(135deg, #0d47a1 0%, #1565c0 30%, #1e88e5 70%, #2196f3 100%);
  padding: 150px 0 100px;
  overflow: hidden;
}
.sol-sb-elderly .hero::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: radial-gradient(circle at 15% 40%, rgba(255, 255, 255, 0.18) 0%, transparent 45%), radial-gradient(circle at 85% 25%, rgba(66, 165, 245, 0.25) 0%, transparent 50%), radial-gradient(circle at 70% 80%, rgba(255, 255, 255, 0.1) 0%, transparent 40%);
  pointer-events: none;
}
.sol-sb-elderly .hero::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 80px;
  background: linear-gradient(to bottom, transparent, var(--c-white));
  pointer-events: none;
}
.sol-sb-elderly .hero-grid {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 56px;
  align-items: center;
  position: relative;
  z-index: 1;
}
.sol-sb-elderly .hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 18px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 100px;
  color: #fff;
  font-size: 0.82rem;
  font-weight: 500;
  margin-bottom: 30px;
  backdrop-filter: blur(8px);
}
.sol-sb-elderly .hero-badge .dot {
  width: 8px;
  height: 8px;
  background: #34d399;
  border-radius: 50%;
  box-shadow: 0 0 10px #34d399;
  animation: pulse 1.6s ease-in-out infinite;
}
@keyframes pulse {
0%, 100% {
    opacity: 1;
    transform: scale(1);
}
50% {
    opacity: 0.6;
    transform: scale(1.3);
}
}
.sol-sb-elderly .hero h1 {
  font-size: 3.2rem;
  font-weight: 900;
  color: #fff;
  line-height: 1.18;
  letter-spacing: -0.025em;
  margin-bottom: 24px;
}
.sol-sb-elderly .hero h1 .highlight {
  background: linear-gradient(135deg, #fff, #bbdefb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  position: relative;
  display: inline-block;
}
.sol-sb-elderly .hero h1 .highlight::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -4px;
  height: 6px;
  background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0.2) 100%);
  border-radius: 3px;
  opacity: 0.5;
}
.sol-sb-elderly .hero-sub {
  font-size: 1.14rem;
  color: rgba(255, 255, 255, 0.85);
  line-height: 1.85;
  margin-bottom: 28px;
  max-width: 560px;
}
.sol-sb-elderly .hero-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 36px;
}
.sol-sb-elderly .hero-tags span {
  padding: 7px 16px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 30px;
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.85);
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(4px);
}
.sol-sb-elderly .hero-cta {
  display: flex;
  gap: 16px;
  margin-bottom: 40px;
  flex-wrap: wrap;
}
.sol-sb-elderly .hero-trust {
  display: flex;
  align-items: center;
  gap: 30px;
  flex-wrap: wrap;
}
.sol-sb-elderly .hero-trust-item {
  display: flex;
  align-items: center;
  gap: 10px;
}
.hero-trust-num {
  font-size: 1.65rem;
  font-weight: 800;
  color: #fff;
}
.hero-trust-label {
  font-size: 0.82rem;
  color: rgba(255, 255, 255, 0.6);
}
.hero-trust-divider {
  width: 1px;
  height: 40px;
  background: rgba(255, 255, 255, 0.18);
}
.sol-sb-elderly .hero-visual {
  position: relative;
}
.sol-sb-elderly .dash-mock {
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 40px 90px rgba(0, 30, 80, 0.45);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.sol-sb-elderly .dash-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 14px 18px;
  background: #f0f7ff;
  border-bottom: 1px solid var(--c-border);
}
.sol-sb-elderly .dash-bar .dots {
  display: flex;
  gap: 6px;
}
.dash-bar .dots span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.dash-bar .dots span:nth-child(1) {
  background: #ef4444;
}
.dash-bar .dots span:nth-child(2) {
  background: #f59e0b;
}
.dash-bar .dots span:nth-child(3) {
  background: #22c55e;
}
.sol-sb-elderly .dash-bar .url {
  flex: 1;
  text-align: center;
  font-size: 0.72rem;
  color: var(--c-slate-light);
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 6px;
  padding: 4px 14px;
  margin-left: 8px;
}
.sol-sb-elderly .dash-body {
  display: grid;
  grid-template-columns: 68px 1fr;
  min-height: 360px;
}
.sol-sb-elderly .dash-side {
  background: linear-gradient(180deg, #0d47a1, #1565c0);
  padding: 16px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.sol-sb-elderly .dash-side .icon-item {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.5);
  transition: 0.2s;
}
.sol-sb-elderly .dash-side .icon-item.active {
  background: linear-gradient(135deg, #42a5f5, #1e88e5);
  color: #fff;
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.5);
}
.dash-side .icon-item svg {
  width: 18px;
  height: 18px;
}
.sol-sb-elderly .dash-main {
  padding: 20px;
  background: #fafbfc;
}
.sol-sb-elderly .dash-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-bottom: 16px;
}
.sol-sb-elderly .dash-stat {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 12px;
  padding: 14px;
  transition: 0.2s;
}
.dash-stat:hover {
  border-color: var(--c-primary-light);
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.1);
}
.sol-sb-elderly .dash-stat-label {
  font-size: 0.68rem;
  color: var(--c-slate-light);
  margin-bottom: 4px;
}
.dash-stat-val {
  font-size: 1.2rem;
  font-weight: 800;
  color: var(--c-text);
}
.dash-stat-trend {
  font-size: 0.65rem;
  font-weight: 700;
  margin-top: 3px;
}
.sol-sb-elderly .up {
  color: #10b981;
}
.sol-sb-elderly .dash-chart {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 12px;
  padding: 16px;
}
.sol-sb-elderly .dash-chart-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
}
.sol-sb-elderly .dash-chart-title {
  font-size: 0.74rem;
  font-weight: 600;
  color: var(--c-text);
}
.dash-chart-tag {
  font-size: 0.62rem;
  color: var(--c-primary);
  background: linear-gradient(135deg, rgba(30, 136, 229, 0.1), rgba(66, 165, 245, 0.1));
  padding: 3px 10px;
  border-radius: 100px;
  font-weight: 600;
}
.sol-sb-elderly .bars {
  display: flex;
  align-items: flex-end;
  gap: 6px;
  height: 96px;
}
.bar {
  flex: 1;
  border-radius: 4px 4px 0 0;
  background: linear-gradient(180deg, #42a5f5, #1565c0);
  opacity: 0.9;
  transition: opacity 0.2s;
}
.bar:hover {
  opacity: 1;
}
.bar.dim {
  background: linear-gradient(180deg, #cbd5e1, #94a3b8);
}
.sol-sb-elderly .dash-float {
  position: absolute;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 14px 36px rgba(0, 30, 80, 0.25);
  padding: 14px 18px;
  display: flex;
  align-items: center;
  gap: 14px;
  animation: float 3.5s ease-in-out infinite;
  border: 1px solid rgba(255, 255, 255, 0.6);
}
.sol-sb-elderly .dash-float-1 {
  top: -20px;
  right: -12px;
  animation-delay: 0s;
}
.dash-float-2 {
  bottom: -18px;
  left: -18px;
  animation-delay: 1.5s;
}
.sol-sb-elderly .dash-float-icon {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.sol-sb-elderly .dash-float-icon.green {
  background: linear-gradient(135deg, #d1fae5, #a7f3d0);
  color: #10b981;
}
.dash-float-icon.blue {
  background: linear-gradient(135deg, #dbeafe, #bfdbfe);
  color: #1e88e5;
}
.sol-sb-elderly .dash-float-text .num {
  font-size: 1.05rem;
  font-weight: 800;
  color: var(--c-text);
}
.dash-float-text .label {
  font-size: 0.7rem;
  color: var(--c-slate-light);
}
@keyframes float {
0%, 100% {
    transform: translateY(0);
}
50% {
    transform: translateY(-12px);
}
}
.sol-sb-elderly .pain-section {
  background: linear-gradient(180deg, var(--c-white), var(--c-bg));
}
.pain-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}
.sol-sb-elderly .pain-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 36px 30px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-sb-elderly .pain-card:hover {
  border-color: var(--c-primary-light);
  box-shadow: var(--shadow-xl);
  transform: translateY(-6px);
}
.pain-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #1e88e5, #42a5f5, #06b6d4);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.pain-card:hover::before {
  transform: scaleX(1);
}
.sol-sb-elderly .pain-num {
  position: absolute;
  top: 24px;
  right: 28px;
  font-size: 2.8rem;
  font-weight: 900;
  color: rgba(30, 136, 229, 0.06);
  line-height: 1;
}
.sol-sb-elderly .pain-icon {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: linear-gradient(135deg, #e3f2fd, #bbdefb);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.15);
}
.pain-icon svg {
  width: 28px;
  height: 28px;
  color: var(--c-primary-2);
}
.sol-sb-elderly .pain-title {
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.pain-desc {
  font-size: 0.92rem;
  color: var(--c-slate);
  line-height: 1.8;
}
.sol-sb-elderly .solution-section {
  background: #fff;
}
.solution-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}
.sol-sb-elderly .solution-card {
  background: linear-gradient(145deg, #f5f9ff, #e8f1fb);
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 40px 32px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-sb-elderly .solution-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
}
.solution-card::after {
  content: "";
  position: absolute;
  top: -30px;
  right: -30px;
  width: 120px;
  height: 120px;
  background: radial-gradient(circle, rgba(30, 136, 229, 0.1), transparent);
  pointer-events: none;
}
.sol-sb-elderly .solution-icon {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  background: linear-gradient(135deg, #1e88e5, #42a5f5);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.3);
}
.solution-icon svg {
  width: 26px;
  height: 26px;
  color: #fff;
}
.sol-sb-elderly .solution-card h3 {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 14px;
}
.solution-card p {
  font-size: 0.95rem;
  color: var(--c-slate);
  line-height: 1.8;
}
.sol-sb-elderly .func-section {
  background: linear-gradient(180deg, var(--c-bg), var(--c-white));
}
.func-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
.sol-sb-elderly .func-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 36px 32px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
  display: flex;
  gap: 24px;
}
.sol-sb-elderly .func-card:hover {
  border-color: var(--c-primary-light);
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
}
.func-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: linear-gradient(180deg, #1e88e5, #42a5f5);
  transform: scaleY(0);
  transform-origin: top;
  transition: transform 0.4s;
}
.func-card:hover::before {
  transform: scaleY(1);
}
.sol-sb-elderly .func-card-num {
  font-size: 2.4rem;
  font-weight: 900;
  color: rgba(30, 136, 229, 0.12);
  line-height: 1;
  flex-shrink: 0;
  min-width: 56px;
}
.sol-sb-elderly .func-card-body {
  flex: 1;
}
.func-card-icon {
  width: 44px;
  height: 44px;
  border-radius: 11px;
  background: linear-gradient(135deg, #e3f2fd, #bbdefb);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.12);
}
.func-card-icon svg {
  width: 22px;
  height: 22px;
  color: var(--c-primary-2);
}
.sol-sb-elderly .func-card-body h3 {
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 10px;
}
.func-card-body p {
  font-size: 0.92rem;
  color: var(--c-slate);
  line-height: 1.8;
}
.sol-sb-elderly .advantage-section {
  background: #fff;
}
.advantage-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.sol-sb-elderly .advantage-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius);
  padding: 34px 28px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-sb-elderly .advantage-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
  border-color: var(--c-primary-light);
}
.advantage-card::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #1e88e5, #42a5f5);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.advantage-card:hover::before {
  transform: scaleX(1);
}
.sol-sb-elderly .advantage-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: linear-gradient(135deg, #1e88e5, #42a5f5);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  box-shadow: 0 6px 16px rgba(30, 136, 229, 0.25);
}
.advantage-icon svg {
  width: 24px;
  height: 24px;
  color: #fff;
}
.sol-sb-elderly .advantage-card h3 {
  font-size: 1.12rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.advantage-card p {
  font-size: 0.9rem;
  color: var(--c-slate);
  line-height: 1.75;
}
.sol-sb-elderly .scenario-section {
  background: linear-gradient(180deg, var(--c-bg), var(--c-bg-2));
}
.scenario-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.sol-sb-elderly .scenario-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius);
  padding: 32px 28px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-sb-elderly .scenario-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
  border-color: var(--c-primary-light);
}
.sol-sb-elderly .scenario-tag {
  display: inline-block;
  padding: 5px 12px;
  background: linear-gradient(135deg, rgba(30, 136, 229, 0.1), rgba(66, 165, 245, 0.1));
  color: var(--c-primary);
  font-size: 0.72rem;
  font-weight: 700;
  border-radius: 100px;
  margin-bottom: 16px;
}
.sol-sb-elderly .scenario-card h3 {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.scenario-card p {
  font-size: 0.9rem;
  color: var(--c-slate);
  line-height: 1.75;
}
.sol-sb-elderly .scenario-card::after {
  content: "";
  position: absolute;
  bottom: -20px;
  right: -20px;
  width: 80px;
  height: 80px;
  background: radial-gradient(circle, rgba(30, 136, 229, 0.06), transparent);
  pointer-events: none;
}
.sol-sb-elderly .value-section {
  background: #fff;
}
.value-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}
.sol-sb-elderly .value-card {
  background: linear-gradient(145deg, #f5f9ff, #e8f1fb);
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 36px 26px;
  text-align: center;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-sb-elderly .value-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-6px);
}
.value-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #1e88e5, #42a5f5, #06b6d4);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.4s;
}
.value-card:hover::before {
  transform: scaleX(1);
}
.sol-sb-elderly .value-icon {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: linear-gradient(135deg, #1e88e5, #42a5f5);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.3);
}
.value-icon svg {
  width: 28px;
  height: 28px;
  color: #fff;
}
.sol-sb-elderly .value-card h3 {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.value-card p {
  font-size: 0.88rem;
  color: var(--c-slate);
  line-height: 1.75;
}
.value-highlight {
  display: inline-block;
  margin-top: 14px;
  padding: 5px 14px;
  background: #fff;
  border: 1px solid var(--c-primary-light);
  border-radius: 100px;
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--c-primary);
}
.sol-sb-elderly .trust-section {
  background: linear-gradient(135deg, #0a3a7a 0%, #0d47a1 50%, #1565c0 100%);
  position: relative;
  overflow: hidden;
  padding: 100px 0;
}
.sol-sb-elderly .trust-section::before {
  content: "";
  position: absolute;
  top: -50%;
  right: -10%;
  width: 600px;
  height: 600px;
  background: radial-gradient(circle, rgba(66, 165, 245, 0.15) 0%, transparent 70%);
  pointer-events: none;
}
.sol-sb-elderly .trust-section::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
}
.sol-sb-elderly .trust-section .section-title {
  color: #fff;
}
.trust-section .section-subtitle {
  color: rgba(255, 255, 255, 0.7);
}
.trust-section .section-num {
  color: #90caf9;
  background: rgba(255, 255, 255, 0.1);
}
.sol-sb-elderly .trust-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  margin-bottom: 60px;
}
.trust-stat {
  text-align: center;
  padding: 36px 22px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius);
  transition: 0.3s;
  backdrop-filter: blur(6px);
}
.trust-stat:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.18);
  transform: translateY(-6px);
}
.sol-sb-elderly .trust-stat .num {
  font-size: 2.8rem;
  font-weight: 900;
  color: #fff;
  letter-spacing: -0.025em;
  line-height: 1;
  margin-bottom: 8px;
}
.trust-stat .num .unit {
  font-size: 1.4rem;
  font-weight: 700;
}
.trust-stat .label {
  font-size: 0.88rem;
  color: rgba(255, 255, 255, 0.55);
  font-weight: 500;
}
.sol-sb-elderly .logo-wall {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius-lg);
  padding: 44px;
  margin-bottom: 48px;
  backdrop-filter: blur(6px);
}
.sol-sb-elderly .logo-wall-title {
  text-align: center;
  font-size: 0.82rem;
  color: rgba(255, 255, 255, 0.45);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  margin-bottom: 28px;
  font-weight: 600;
}
.sol-sb-elderly .logo-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 18px;
}
.logo-item {
  height: 64px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.82rem;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.4);
  transition: 0.3s;
}
.logo-item:hover {
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.8);
  border-color: rgba(255, 255, 255, 0.18);
  transform: translateY(-2px);
}
.sol-sb-elderly .trust-cert {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}
.cert-card {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius);
  padding: 28px;
  display: flex;
  align-items: center;
  gap: 18px;
  transition: 0.3s;
  backdrop-filter: blur(6px);
}
.cert-card:hover {
  background: rgba(255, 255, 255, 0.08);
  transform: translateY(-3px);
}
.sol-sb-elderly .cert-icon {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(66, 165, 245, 0.2), rgba(30, 136, 229, 0.2));
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border: 1px solid rgba(66, 165, 245, 0.3);
}
.cert-icon svg {
  width: 26px;
  height: 26px;
  color: #90caf9;
}
.sol-sb-elderly .cert-info .title {
  font-size: 0.92rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 4px;
}
.cert-info .desc {
  font-size: 0.78rem;
  color: rgba(255, 255, 255, 0.45);
}
.sol-sb-elderly .faq-section {
  background: linear-gradient(180deg, var(--c-bg), var(--c-white));
}
.faq-wrap {
  max-width: 880px;
  margin: 0 auto;
}
.sol-sb-elderly .faq-item {
  border: 1.5px solid var(--c-border);
  border-radius: var(--radius);
  margin-bottom: 14px;
  overflow: hidden;
  transition: 0.3s;
  background: #fff;
}
.faq-item.active {
  border-color: var(--c-primary);
  box-shadow: 0 8px 28px rgba(30, 136, 229, 0.12);
}
.faq-item.active .faq-q {
  color: var(--c-primary);
}
.sol-sb-elderly .faq-q {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22px 28px;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 600;
  color: var(--c-text);
  transition: color 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  gap: 16px;
}
.faq-q .arrow {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  transition: transform 0.3s;
  color: var(--c-slate-light);
}
.faq-item.active .faq-q .arrow {
  transform: rotate(180deg);
  color: var(--c-primary);
}
.sol-sb-elderly .faq-a {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}
.faq-a-inner {
  padding: 0 28px 24px;
  font-size: 0.94rem;
  color: var(--c-slate);
  line-height: 1.85;
}
.sol-sb-elderly .cta-section {
  position: relative;
  background: linear-gradient(135deg, #0d47a1 0%, #1565c0 50%, #1e88e5 100%);
  padding: 100px 0;
  overflow: hidden;
}
.sol-sb-elderly .cta-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: radial-gradient(circle at 70% 30%, rgba(66, 165, 245, 0.25) 0%, transparent 50%), radial-gradient(circle at 20% 80%, rgba(255, 255, 255, 0.12) 0%, transparent 40%);
  pointer-events: none;
}
.sol-sb-elderly .cta-section::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 60px;
  background: linear-gradient(to bottom, transparent, var(--c-footer));
  pointer-events: none;
}
.sol-sb-elderly .cta-inner {
  position: relative;
  z-index: 1;
  text-align: center;
  max-width: 820px;
  margin: 0 auto;
}
.cta-inner h2 {
  font-size: 2.5rem;
  font-weight: 900;
  color: #fff;
  letter-spacing: -0.025em;
  margin-bottom: 20px;
  line-height: 1.25;
}
.sol-sb-elderly .cta-inner h2 .highlight {
  background: linear-gradient(135deg, #fff, #bbdefb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.cta-inner p {
  font-size: 1.12rem;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.85;
  margin-bottom: 44px;
}
.sol-sb-elderly .cta-options {
  display: flex;
  gap: 18px;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 36px;
}
.cta-note {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.5);
  flex-wrap: wrap;
}
.cta-note .dot {
  width: 5px;
  height: 5px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
}
.sol-sb-elderly .reveal {
  opacity: 0;
  transform: translateY(32px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}
.reveal.active {
  opacity: 1;
  transform: translateY(0);
}
.reveal-delay-1 {
  transition-delay: 0.12s;
}
.reveal-delay-2 {
  transition-delay: 0.24s;
}
.reveal-delay-3 {
  transition-delay: 0.36s;
}
@media (max-width: 480px) {
.container {
    padding: 0 18px;
}
.hero h1 {
    font-size: 1.85rem;
}
.section-title {
    font-size: 1.55rem;
}
.dash-stats {
    grid-template-columns: 1fr;
    gap: 8px;
}
.value-grid {
    grid-template-columns: 1fr;
}
}.sol-sb-estate, .sol-sb-estate *, .sol-sb-estate *::before, .sol-sb-estate *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.sol-sb-estate {
  --c-primary:#1e88e5;
  --c-primary-2:#1976d2;
  --c-primary-3:#1565c0;
  --c-primary-4:#0d47a1;
  --c-primary-light:#42a5f5;
  --c-primary-bright:#2196f3;
  --c-cyan:#06b6d4;
  --c-slate:#475569;
  --c-slate-light:#64748b;
  --c-text:#0f172a;
  --c-text-mid:#334155;
  --c-bg:#f5f9ff;
  --c-bg-2:#eef4fc;
  --c-bg-3:#e8f1fb;
  --c-border:#e2e8f0;
  --c-white:#fff;
  --c-footer:#0a1929;
  --c-footer-2:#0d2238;
  --radius:14px;
  --radius-lg:22px;
  --shadow-sm:0 2px 8px rgba(30,136,229,.08);
  --shadow:0 8px 28px rgba(30,136,229,.10);
  --shadow-lg:0 18px 56px rgba(30,136,229,.14);
  --shadow-xl:0 28px 80px rgba(30,136,229,.18);
  --shadow-blue:0 10px 30px rgba(30,136,229,.35);
  --max-w:1280px;
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
}
.sol-sb-estate {
  scroll-behavior: smooth;
  font-size: 16px;
}
.sol-sb-estate {
  font-family: var(--font);
  color: var(--c-text);
  background: var(--c-white);
  line-height: 1.7;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}
.sol-sb-estate a {
  text-decoration: none;
  color: inherit;
}
.sol-sb-estate img {
  max-width: 100%;
  display: block;
}
.sol-sb-estate ul {
  list-style: none;
}
.sol-sb-estate .container {
  max-width: var(--max-w);
  margin: 0 auto;
  padding: 0 24px;
}
.sol-sb-estate .section {
  padding: 110px 0;
  position: relative;
}
.section-sm {
  padding: 72px 0;
}
.sol-sb-estate .eyebrow {
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--c-primary);
  margin-bottom: 12px;
}
.sol-sb-estate .section-num {
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.18em;
  color: var(--c-primary);
  display: inline-block;
  background: linear-gradient(135deg, rgba(30, 136, 229, 0.1), rgba(66, 165, 245, 0.1));
  padding: 6px 14px;
  border-radius: 100px;
  margin-bottom: 14px;
}
.sol-sb-estate .section-title {
  font-size: 2.4rem;
  font-weight: 800;
  color: var(--c-text);
  line-height: 1.25;
  margin-bottom: 18px;
  letter-spacing: -0.02em;
}
.sol-sb-estate .section-subtitle {
  font-size: 1.08rem;
  color: var(--c-slate);
  max-width: 720px;
  line-height: 1.8;
}
.sol-sb-estate .section-head {
  margin-bottom: 64px;
}
.section-head.center {
  text-align: center;
}
.section-head.center .section-subtitle {
  margin: 0 auto;
}
.section-head.center .section-num {
  display: inline-block;
}
.sol-sb-estate .header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  background: rgba(255, 255, 255, 0.97);
  backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--c-border);
  transition: box-shadow 0.3s;
}
.sol-sb-estate .header.scrolled {
  box-shadow: 0 4px 20px rgba(30, 136, 229, 0.08);
}
.sol-sb-estate .header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 72px;
  max-width: var(--max-w);
  margin: 0 auto;
  padding: 0 24px;
}
.sol-sb-estate .logo {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 1.3rem;
  font-weight: 800;
  color: var(--c-primary-3);
  letter-spacing: -0.02em;
}
.logo svg {
  width: 36px;
  height: 36px;
  flex-shrink: 0;
}
.sol-sb-estate .nav {
  display: flex;
  align-items: center;
  gap: 36px;
}
.nav a {
  font-size: 0.94rem;
  color: var(--c-text-mid);
  font-weight: 500;
  transition: color 0.2s;
  position: relative;
}
.nav a:hover {
  color: var(--c-primary);
}
.sol-sb-estate .nav a::after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 0;
  height: 2.5px;
  background: var(--c-primary);
  border-radius: 2px;
  transition: width 0.25s;
}
.nav a:hover::after {
  width: 100%;
}
.sol-sb-estate .header-cta {
  display: flex;
  align-items: center;
  gap: 14px;
}
.sol-sb-estate .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 28px;
  border-radius: 12px;
  font-size: 0.94rem;
  font-weight: 600;
  cursor: pointer;
  border: none;
  transition: all 0.25s;
  white-space: nowrap;
  line-height: 1.2;
}
.sol-sb-estate .btn-primary {
  background: linear-gradient(180deg, #42a5f5 0%, #1e88e5 50%, #1976d2 100%);
  color: #fff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -2px 0 rgba(0, 0, 0, 0.08), 0 4px 0 var(--c-primary-3), 0 8px 20px rgba(30, 136, 229, 0.35);
}
.sol-sb-estate .btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -2px 0 rgba(0, 0, 0, 0.08), 0 6px 0 var(--c-primary-3), 0 12px 26px rgba(30, 136, 229, 0.45);
}
.sol-sb-estate .btn-primary:active {
  transform: translateY(2px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -2px 0 rgba(0, 0, 0, 0.08), 0 1px 0 var(--c-primary-3), 0 4px 12px rgba(30, 136, 229, 0.35);
}
.sol-sb-estate .btn-outline {
  background: #fff;
  color: var(--c-primary-3);
  border: 1.5px solid var(--c-border);
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.08);
}
.sol-sb-estate .btn-outline:hover {
  border-color: var(--c-primary);
  color: var(--c-primary);
  box-shadow: 0 6px 18px rgba(30, 136, 229, 0.18);
  transform: translateY(-2px);
}
.sol-sb-estate .btn-ghost {
  background: rgba(255, 255, 255, 0.14);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.35);
  backdrop-filter: blur(6px);
}
.sol-sb-estate .btn-ghost:hover {
  background: rgba(255, 255, 255, 0.24);
  transform: translateY(-2px);
}
.sol-sb-estate .btn-lg {
  padding: 17px 40px;
  font-size: 1.05rem;
  border-radius: 14px;
}
.btn-lg.btn-primary {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), inset 0 -2px 0 rgba(0, 0, 0, 0.1), 0 6px 0 var(--c-primary-3), 0 12px 28px rgba(30, 136, 229, 0.4);
}
.sol-sb-estate .btn-sm {
  padding: 9px 20px;
  font-size: 0.85rem;
  border-radius: 10px;
}
.sol-sb-estate .menu-toggle {
  display: none;
  flex-direction: column;
  gap: 5px;
  cursor: pointer;
  padding: 6px;
  background: none;
  border: none;
}
.menu-toggle span {
  width: 24px;
  height: 2.5px;
  background: var(--c-primary-3);
  border-radius: 2px;
  transition: 0.3s;
}
.sol-sb-estate .menu-toggle.active span:nth-child(1) {
  transform: translateY(7.5px) rotate(45deg);
}
.menu-toggle.active span:nth-child(2) {
  opacity: 0;
}
.menu-toggle.active span:nth-child(3) {
  transform: translateY(-7.5px) rotate(-45deg);
}
.sol-sb-estate .hero {
  position: relative;
  background: linear-gradient(135deg, #0d47a1 0%, #1565c0 30%, #1e88e5 70%, #2196f3 100%);
  padding: 150px 0 100px;
  overflow: hidden;
}
.sol-sb-estate .hero::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: radial-gradient(circle at 15% 40%, rgba(255, 255, 255, 0.18) 0%, transparent 45%), radial-gradient(circle at 85% 25%, rgba(66, 165, 245, 0.25) 0%, transparent 50%), radial-gradient(circle at 70% 80%, rgba(255, 255, 255, 0.1) 0%, transparent 40%);
  pointer-events: none;
}
.sol-sb-estate .hero::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 80px;
  background: linear-gradient(to bottom, transparent, var(--c-white));
  pointer-events: none;
}
.sol-sb-estate .hero-grid {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 56px;
  align-items: center;
  position: relative;
  z-index: 1;
}
.sol-sb-estate .hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 18px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 100px;
  color: #fff;
  font-size: 0.82rem;
  font-weight: 500;
  margin-bottom: 30px;
  backdrop-filter: blur(8px);
}
.sol-sb-estate .hero-badge .dot {
  width: 8px;
  height: 8px;
  background: #34d399;
  border-radius: 50%;
  box-shadow: 0 0 10px #34d399;
  animation: pulse 1.6s ease-in-out infinite;
}
@keyframes pulse {
0%, 100% {
    opacity: 1;
    transform: scale(1);
}
50% {
    opacity: 0.6;
    transform: scale(1.3);
}
}
.sol-sb-estate .hero h1 {
  font-size: 3.2rem;
  font-weight: 900;
  color: #fff;
  line-height: 1.18;
  letter-spacing: -0.025em;
  margin-bottom: 24px;
}
.sol-sb-estate .hero h1 .highlight {
  background: linear-gradient(135deg, #fff, #bbdefb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  position: relative;
  display: inline-block;
}
.sol-sb-estate .hero h1 .highlight::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -4px;
  height: 6px;
  background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0.2) 100%);
  border-radius: 3px;
  opacity: 0.5;
}
.sol-sb-estate .hero-sub {
  font-size: 1.14rem;
  color: rgba(255, 255, 255, 0.85);
  line-height: 1.85;
  margin-bottom: 28px;
  max-width: 560px;
}
.sol-sb-estate .hero-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 36px;
}
.sol-sb-estate .hero-tags span {
  padding: 7px 16px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 30px;
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.85);
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(4px);
}
.sol-sb-estate .hero-cta {
  display: flex;
  gap: 16px;
  margin-bottom: 40px;
  flex-wrap: wrap;
}
.sol-sb-estate .hero-trust {
  display: flex;
  align-items: center;
  gap: 30px;
  flex-wrap: wrap;
}
.sol-sb-estate .hero-trust-item {
  display: flex;
  align-items: center;
  gap: 10px;
}
.hero-trust-num {
  font-size: 1.65rem;
  font-weight: 800;
  color: #fff;
}
.hero-trust-label {
  font-size: 0.82rem;
  color: rgba(255, 255, 255, 0.6);
}
.hero-trust-divider {
  width: 1px;
  height: 40px;
  background: rgba(255, 255, 255, 0.18);
}
.sol-sb-estate .hero-visual {
  position: relative;
}
.sol-sb-estate .dash-mock {
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 40px 90px rgba(0, 30, 80, 0.45);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.sol-sb-estate .dash-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 14px 18px;
  background: #f0f7ff;
  border-bottom: 1px solid var(--c-border);
}
.sol-sb-estate .dash-bar .dots {
  display: flex;
  gap: 6px;
}
.dash-bar .dots span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.dash-bar .dots span:nth-child(1) {
  background: #ef4444;
}
.dash-bar .dots span:nth-child(2) {
  background: #f59e0b;
}
.dash-bar .dots span:nth-child(3) {
  background: #22c55e;
}
.sol-sb-estate .dash-bar .url {
  flex: 1;
  text-align: center;
  font-size: 0.72rem;
  color: var(--c-slate-light);
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 6px;
  padding: 4px 14px;
  margin-left: 8px;
}
.sol-sb-estate .dash-body {
  display: grid;
  grid-template-columns: 68px 1fr;
  min-height: 360px;
}
.sol-sb-estate .dash-side {
  background: linear-gradient(180deg, #0d47a1, #1565c0);
  padding: 16px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.sol-sb-estate .dash-side .icon-item {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.5);
  transition: 0.2s;
}
.sol-sb-estate .dash-side .icon-item.active {
  background: linear-gradient(135deg, #42a5f5, #1e88e5);
  color: #fff;
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.5);
}
.dash-side .icon-item svg {
  width: 18px;
  height: 18px;
}
.sol-sb-estate .dash-main {
  padding: 20px;
  background: #fafbfc;
}
.sol-sb-estate .dash-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-bottom: 16px;
}
.sol-sb-estate .dash-stat {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 12px;
  padding: 14px;
  transition: 0.2s;
}
.dash-stat:hover {
  border-color: var(--c-primary-light);
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.1);
}
.sol-sb-estate .dash-stat-label {
  font-size: 0.68rem;
  color: var(--c-slate-light);
  margin-bottom: 4px;
}
.dash-stat-val {
  font-size: 1.2rem;
  font-weight: 800;
  color: var(--c-text);
}
.dash-stat-trend {
  font-size: 0.65rem;
  font-weight: 700;
  margin-top: 3px;
}
.sol-sb-estate .up {
  color: #10b981;
}
.sol-sb-estate .dash-chart {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 12px;
  padding: 16px;
}
.sol-sb-estate .dash-chart-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
}
.sol-sb-estate .dash-chart-title {
  font-size: 0.74rem;
  font-weight: 600;
  color: var(--c-text);
}
.dash-chart-tag {
  font-size: 0.62rem;
  color: var(--c-primary);
  background: linear-gradient(135deg, rgba(30, 136, 229, 0.1), rgba(66, 165, 245, 0.1));
  padding: 3px 10px;
  border-radius: 100px;
  font-weight: 600;
}
.sol-sb-estate .bars {
  display: flex;
  align-items: flex-end;
  gap: 6px;
  height: 96px;
}
.bar {
  flex: 1;
  border-radius: 4px 4px 0 0;
  background: linear-gradient(180deg, #42a5f5, #1565c0);
  opacity: 0.9;
  transition: opacity 0.2s;
}
.bar:hover {
  opacity: 1;
}
.bar.dim {
  background: linear-gradient(180deg, #cbd5e1, #94a3b8);
}
.sol-sb-estate .dash-float {
  position: absolute;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 14px 36px rgba(0, 30, 80, 0.25);
  padding: 14px 18px;
  display: flex;
  align-items: center;
  gap: 14px;
  animation: float 3.5s ease-in-out infinite;
  border: 1px solid rgba(255, 255, 255, 0.6);
}
.sol-sb-estate .dash-float-1 {
  top: -20px;
  right: -12px;
  animation-delay: 0s;
}
.dash-float-2 {
  bottom: -18px;
  left: -18px;
  animation-delay: 1.5s;
}
.sol-sb-estate .dash-float-icon {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.sol-sb-estate .dash-float-icon.green {
  background: linear-gradient(135deg, #d1fae5, #a7f3d0);
  color: #10b981;
}
.dash-float-icon.blue {
  background: linear-gradient(135deg, #dbeafe, #bfdbfe);
  color: #1e88e5;
}
.sol-sb-estate .dash-float-text .num {
  font-size: 1.05rem;
  font-weight: 800;
  color: var(--c-text);
}
.dash-float-text .label {
  font-size: 0.7rem;
  color: var(--c-slate-light);
}
@keyframes float {
0%, 100% {
    transform: translateY(0);
}
50% {
    transform: translateY(-12px);
}
}
.sol-sb-estate .pain-section {
  background: linear-gradient(180deg, var(--c-white), var(--c-bg));
}
.pain-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}
.sol-sb-estate .pain-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 36px 30px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-sb-estate .pain-card:hover {
  border-color: var(--c-primary-light);
  box-shadow: var(--shadow-xl);
  transform: translateY(-6px);
}
.pain-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #1e88e5, #42a5f5, #06b6d4);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.pain-card:hover::before {
  transform: scaleX(1);
}
.sol-sb-estate .pain-num {
  position: absolute;
  top: 24px;
  right: 28px;
  font-size: 2.8rem;
  font-weight: 900;
  color: rgba(30, 136, 229, 0.06);
  line-height: 1;
}
.sol-sb-estate .pain-icon {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: linear-gradient(135deg, #e3f2fd, #bbdefb);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.15);
}
.pain-icon svg {
  width: 28px;
  height: 28px;
  color: var(--c-primary-2);
}
.sol-sb-estate .pain-title {
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.pain-desc {
  font-size: 0.92rem;
  color: var(--c-slate);
  line-height: 1.8;
}
.sol-sb-estate .solution-section {
  background: #fff;
}
.solution-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}
.sol-sb-estate .solution-card {
  background: linear-gradient(145deg, #f5f9ff, #e8f1fb);
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 40px 32px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-sb-estate .solution-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
}
.solution-card::after {
  content: "";
  position: absolute;
  top: -30px;
  right: -30px;
  width: 120px;
  height: 120px;
  background: radial-gradient(circle, rgba(30, 136, 229, 0.1), transparent);
  pointer-events: none;
}
.sol-sb-estate .solution-icon {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  background: linear-gradient(135deg, #1e88e5, #42a5f5);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.3);
}
.solution-icon svg {
  width: 26px;
  height: 26px;
  color: #fff;
}
.sol-sb-estate .solution-card h3 {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 14px;
}
.solution-card p {
  font-size: 0.95rem;
  color: var(--c-slate);
  line-height: 1.8;
}
.sol-sb-estate .func-section {
  background: linear-gradient(180deg, var(--c-bg), var(--c-white));
}
.func-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
.sol-sb-estate .func-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 36px 32px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
  display: flex;
  gap: 24px;
}
.sol-sb-estate .func-card:hover {
  border-color: var(--c-primary-light);
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
}
.func-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: linear-gradient(180deg, #1e88e5, #42a5f5);
  transform: scaleY(0);
  transform-origin: top;
  transition: transform 0.4s;
}
.func-card:hover::before {
  transform: scaleY(1);
}
.sol-sb-estate .func-card-num {
  font-size: 2.4rem;
  font-weight: 900;
  color: rgba(30, 136, 229, 0.12);
  line-height: 1;
  flex-shrink: 0;
  min-width: 56px;
}
.sol-sb-estate .func-card-body {
  flex: 1;
}
.func-card-icon {
  width: 44px;
  height: 44px;
  border-radius: 11px;
  background: linear-gradient(135deg, #e3f2fd, #bbdefb);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.12);
}
.func-card-icon svg {
  width: 22px;
  height: 22px;
  color: var(--c-primary-2);
}
.sol-sb-estate .func-card-body h3 {
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 10px;
}
.func-card-body p {
  font-size: 0.92rem;
  color: var(--c-slate);
  line-height: 1.8;
}
.sol-sb-estate .advantage-section {
  background: #fff;
}
.advantage-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.sol-sb-estate .advantage-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius);
  padding: 34px 28px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-sb-estate .advantage-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
  border-color: var(--c-primary-light);
}
.advantage-card::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #1e88e5, #42a5f5);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.advantage-card:hover::before {
  transform: scaleX(1);
}
.sol-sb-estate .advantage-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: linear-gradient(135deg, #1e88e5, #42a5f5);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  box-shadow: 0 6px 16px rgba(30, 136, 229, 0.25);
}
.advantage-icon svg {
  width: 24px;
  height: 24px;
  color: #fff;
}
.sol-sb-estate .advantage-card h3 {
  font-size: 1.12rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.advantage-card p {
  font-size: 0.9rem;
  color: var(--c-slate);
  line-height: 1.75;
}
.sol-sb-estate .scenario-section {
  background: linear-gradient(180deg, var(--c-bg), var(--c-bg-2));
}
.scenario-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.sol-sb-estate .scenario-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius);
  padding: 32px 28px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-sb-estate .scenario-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
  border-color: var(--c-primary-light);
}
.sol-sb-estate .scenario-tag {
  display: inline-block;
  padding: 5px 12px;
  background: linear-gradient(135deg, rgba(30, 136, 229, 0.1), rgba(66, 165, 245, 0.1));
  color: var(--c-primary);
  font-size: 0.72rem;
  font-weight: 700;
  border-radius: 100px;
  margin-bottom: 16px;
}
.sol-sb-estate .scenario-card h3 {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.scenario-card p {
  font-size: 0.9rem;
  color: var(--c-slate);
  line-height: 1.75;
}
.sol-sb-estate .scenario-card::after {
  content: "";
  position: absolute;
  bottom: -20px;
  right: -20px;
  width: 80px;
  height: 80px;
  background: radial-gradient(circle, rgba(30, 136, 229, 0.06), transparent);
  pointer-events: none;
}
.sol-sb-estate .value-section {
  background: #fff;
}
.value-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}
.sol-sb-estate .value-card {
  background: linear-gradient(145deg, #f5f9ff, #e8f1fb);
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 36px 26px;
  text-align: center;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-sb-estate .value-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-6px);
}
.value-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #1e88e5, #42a5f5, #06b6d4);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.4s;
}
.value-card:hover::before {
  transform: scaleX(1);
}
.sol-sb-estate .value-icon {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: linear-gradient(135deg, #1e88e5, #42a5f5);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.3);
}
.value-icon svg {
  width: 28px;
  height: 28px;
  color: #fff;
}
.sol-sb-estate .value-card h3 {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.value-card p {
  font-size: 0.88rem;
  color: var(--c-slate);
  line-height: 1.75;
}
.value-highlight {
  display: inline-block;
  margin-top: 14px;
  padding: 5px 14px;
  background: #fff;
  border: 1px solid var(--c-primary-light);
  border-radius: 100px;
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--c-primary);
}
.sol-sb-estate .trust-section {
  background: linear-gradient(135deg, #0a3a7a 0%, #0d47a1 50%, #1565c0 100%);
  position: relative;
  overflow: hidden;
  padding: 100px 0;
}
.sol-sb-estate .trust-section::before {
  content: "";
  position: absolute;
  top: -50%;
  right: -10%;
  width: 600px;
  height: 600px;
  background: radial-gradient(circle, rgba(66, 165, 245, 0.15) 0%, transparent 70%);
  pointer-events: none;
}
.sol-sb-estate .trust-section::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
}
.sol-sb-estate .trust-section .section-title {
  color: #fff;
}
.trust-section .section-subtitle {
  color: rgba(255, 255, 255, 0.7);
}
.trust-section .section-num {
  color: #90caf9;
  background: rgba(255, 255, 255, 0.1);
}
.sol-sb-estate .trust-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  margin-bottom: 60px;
}
.trust-stat {
  text-align: center;
  padding: 36px 22px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius);
  transition: 0.3s;
  backdrop-filter: blur(6px);
}
.trust-stat:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.18);
  transform: translateY(-6px);
}
.sol-sb-estate .trust-stat .num {
  font-size: 2.8rem;
  font-weight: 900;
  color: #fff;
  letter-spacing: -0.025em;
  line-height: 1;
  margin-bottom: 8px;
}
.trust-stat .num .unit {
  font-size: 1.4rem;
  font-weight: 700;
}
.trust-stat .label {
  font-size: 0.88rem;
  color: rgba(255, 255, 255, 0.55);
  font-weight: 500;
}
.sol-sb-estate .logo-wall {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius-lg);
  padding: 44px;
  margin-bottom: 48px;
  backdrop-filter: blur(6px);
}
.sol-sb-estate .logo-wall-title {
  text-align: center;
  font-size: 0.82rem;
  color: rgba(255, 255, 255, 0.45);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  margin-bottom: 28px;
  font-weight: 600;
}
.sol-sb-estate .logo-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 18px;
}
.logo-item {
  height: 64px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.82rem;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.4);
  transition: 0.3s;
}
.logo-item:hover {
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.8);
  border-color: rgba(255, 255, 255, 0.18);
  transform: translateY(-2px);
}
.sol-sb-estate .trust-cert {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}
.cert-card {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius);
  padding: 28px;
  display: flex;
  align-items: center;
  gap: 18px;
  transition: 0.3s;
  backdrop-filter: blur(6px);
}
.cert-card:hover {
  background: rgba(255, 255, 255, 0.08);
  transform: translateY(-3px);
}
.sol-sb-estate .cert-icon {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(66, 165, 245, 0.2), rgba(30, 136, 229, 0.2));
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border: 1px solid rgba(66, 165, 245, 0.3);
}
.cert-icon svg {
  width: 26px;
  height: 26px;
  color: #90caf9;
}
.sol-sb-estate .cert-info .title {
  font-size: 0.92rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 4px;
}
.cert-info .desc {
  font-size: 0.78rem;
  color: rgba(255, 255, 255, 0.45);
}
.sol-sb-estate .faq-section {
  background: linear-gradient(180deg, var(--c-bg), var(--c-white));
}
.faq-wrap {
  max-width: 880px;
  margin: 0 auto;
}
.sol-sb-estate .faq-item {
  border: 1.5px solid var(--c-border);
  border-radius: var(--radius);
  margin-bottom: 14px;
  overflow: hidden;
  transition: 0.3s;
  background: #fff;
}
.faq-item.active {
  border-color: var(--c-primary);
  box-shadow: 0 8px 28px rgba(30, 136, 229, 0.12);
}
.faq-item.active .faq-q {
  color: var(--c-primary);
}
.sol-sb-estate .faq-q {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22px 28px;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 600;
  color: var(--c-text);
  transition: color 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  gap: 16px;
}
.faq-q .arrow {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  transition: transform 0.3s;
  color: var(--c-slate-light);
}
.faq-item.active .faq-q .arrow {
  transform: rotate(180deg);
  color: var(--c-primary);
}
.sol-sb-estate .faq-a {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}
.faq-a-inner {
  padding: 0 28px 24px;
  font-size: 0.94rem;
  color: var(--c-slate);
  line-height: 1.85;
}
.sol-sb-estate .cta-section {
  position: relative;
  background: linear-gradient(135deg, #0d47a1 0%, #1565c0 50%, #1e88e5 100%);
  padding: 100px 0;
  overflow: hidden;
}
.sol-sb-estate .cta-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: radial-gradient(circle at 70% 30%, rgba(66, 165, 245, 0.25) 0%, transparent 50%), radial-gradient(circle at 20% 80%, rgba(255, 255, 255, 0.12) 0%, transparent 40%);
  pointer-events: none;
}
.sol-sb-estate .cta-section::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 60px;
  background: linear-gradient(to bottom, transparent, var(--c-footer));
  pointer-events: none;
}
.sol-sb-estate .cta-inner {
  position: relative;
  z-index: 1;
  text-align: center;
  max-width: 820px;
  margin: 0 auto;
}
.cta-inner h2 {
  font-size: 2.5rem;
  font-weight: 900;
  color: #fff;
  letter-spacing: -0.025em;
  margin-bottom: 20px;
  line-height: 1.25;
}
.sol-sb-estate .cta-inner h2 .highlight {
  background: linear-gradient(135deg, #fff, #bbdefb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.cta-inner p {
  font-size: 1.12rem;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.85;
  margin-bottom: 44px;
}
.sol-sb-estate .cta-options {
  display: flex;
  gap: 18px;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 36px;
}
.cta-note {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.5);
  flex-wrap: wrap;
}
.cta-note .dot {
  width: 5px;
  height: 5px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
}
.sol-sb-estate .reveal {
  opacity: 0;
  transform: translateY(32px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}
.reveal.active {
  opacity: 1;
  transform: translateY(0);
}
.reveal-delay-1 {
  transition-delay: 0.12s;
}
.reveal-delay-2 {
  transition-delay: 0.24s;
}
.reveal-delay-3 {
  transition-delay: 0.36s;
}
@media (max-width: 480px) {
.container {
    padding: 0 18px;
}
.hero h1 {
    font-size: 1.85rem;
}
.section-title {
    font-size: 1.55rem;
}
.dash-stats {
    grid-template-columns: 1fr;
    gap: 8px;
}
.value-grid {
    grid-template-columns: 1fr;
}
}.sol-sb-medical, .sol-sb-medical *, .sol-sb-medical *::before, .sol-sb-medical *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.sol-sb-medical {
  --c-primary:#1e88e5;
  --c-primary-2:#1976d2;
  --c-primary-3:#1565c0;
  --c-primary-4:#0d47a1;
  --c-primary-light:#42a5f5;
  --c-primary-bright:#2196f3;
  --c-cyan:#06b6d4;
  --c-slate:#475569;
  --c-slate-light:#64748b;
  --c-text:#0f172a;
  --c-text-mid:#334155;
  --c-bg:#f5f9ff;
  --c-bg-2:#eef4fc;
  --c-bg-3:#e8f1fb;
  --c-border:#e2e8f0;
  --c-white:#fff;
  --c-footer:#0a1929;
  --c-footer-2:#0d2238;
  --radius:14px;
  --radius-lg:22px;
  --shadow-sm:0 2px 8px rgba(30,136,229,.08);
  --shadow:0 8px 28px rgba(30,136,229,.10);
  --shadow-lg:0 18px 56px rgba(30,136,229,.14);
  --shadow-xl:0 28px 80px rgba(30,136,229,.18);
  --shadow-blue:0 10px 30px rgba(30,136,229,.35);
  --max-w:1280px;
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
}
.sol-sb-medical {
  scroll-behavior: smooth;
  font-size: 16px;
}
.sol-sb-medical {
  font-family: var(--font);
  color: var(--c-text);
  background: var(--c-white);
  line-height: 1.7;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}
.sol-sb-medical a {
  text-decoration: none;
  color: inherit;
}
.sol-sb-medical img {
  max-width: 100%;
  display: block;
}
.sol-sb-medical ul {
  list-style: none;
}
.sol-sb-medical .container {
  max-width: var(--max-w);
  margin: 0 auto;
  padding: 0 24px;
}
.sol-sb-medical .section {
  padding: 110px 0;
  position: relative;
}
.section-sm {
  padding: 72px 0;
}
.sol-sb-medical .eyebrow {
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--c-primary);
  margin-bottom: 12px;
}
.sol-sb-medical .section-num {
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.18em;
  color: var(--c-primary);
  display: inline-block;
  background: linear-gradient(135deg, rgba(30, 136, 229, 0.1), rgba(66, 165, 245, 0.1));
  padding: 6px 14px;
  border-radius: 100px;
  margin-bottom: 14px;
}
.sol-sb-medical .section-title {
  font-size: 2.4rem;
  font-weight: 800;
  color: var(--c-text);
  line-height: 1.25;
  margin-bottom: 18px;
  letter-spacing: -0.02em;
}
.sol-sb-medical .section-subtitle {
  font-size: 1.08rem;
  color: var(--c-slate);
  max-width: 720px;
  line-height: 1.8;
}
.sol-sb-medical .section-head {
  margin-bottom: 64px;
}
.section-head.center {
  text-align: center;
}
.section-head.center .section-subtitle {
  margin: 0 auto;
}
.section-head.center .section-num {
  display: inline-block;
}
.sol-sb-medical .header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  background: rgba(255, 255, 255, 0.97);
  backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--c-border);
  transition: box-shadow 0.3s;
}
.sol-sb-medical .header.scrolled {
  box-shadow: 0 4px 20px rgba(30, 136, 229, 0.08);
}
.sol-sb-medical .header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 72px;
  max-width: var(--max-w);
  margin: 0 auto;
  padding: 0 24px;
}
.sol-sb-medical .logo {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 1.3rem;
  font-weight: 800;
  color: var(--c-primary-3);
  letter-spacing: -0.02em;
}
.logo svg {
  width: 36px;
  height: 36px;
  flex-shrink: 0;
}
.sol-sb-medical .nav {
  display: flex;
  align-items: center;
  gap: 36px;
}
.nav a {
  font-size: 0.94rem;
  color: var(--c-text-mid);
  font-weight: 500;
  transition: color 0.2s;
  position: relative;
}
.nav a:hover {
  color: var(--c-primary);
}
.sol-sb-medical .nav a::after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 0;
  height: 2.5px;
  background: var(--c-primary);
  border-radius: 2px;
  transition: width 0.25s;
}
.nav a:hover::after {
  width: 100%;
}
.sol-sb-medical .header-cta {
  display: flex;
  align-items: center;
  gap: 14px;
}
.sol-sb-medical .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 28px;
  border-radius: 12px;
  font-size: 0.94rem;
  font-weight: 600;
  cursor: pointer;
  border: none;
  transition: all 0.25s;
  white-space: nowrap;
  line-height: 1.2;
}
.sol-sb-medical .btn-primary {
  background: linear-gradient(180deg, #42a5f5 0%, #1e88e5 50%, #1976d2 100%);
  color: #fff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -2px 0 rgba(0, 0, 0, 0.08), 0 4px 0 var(--c-primary-3), 0 8px 20px rgba(30, 136, 229, 0.35);
}
.sol-sb-medical .btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -2px 0 rgba(0, 0, 0, 0.08), 0 6px 0 var(--c-primary-3), 0 12px 26px rgba(30, 136, 229, 0.45);
}
.sol-sb-medical .btn-primary:active {
  transform: translateY(2px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -2px 0 rgba(0, 0, 0, 0.08), 0 1px 0 var(--c-primary-3), 0 4px 12px rgba(30, 136, 229, 0.35);
}
.sol-sb-medical .btn-outline {
  background: #fff;
  color: var(--c-primary-3);
  border: 1.5px solid var(--c-border);
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.08);
}
.sol-sb-medical .btn-outline:hover {
  border-color: var(--c-primary);
  color: var(--c-primary);
  box-shadow: 0 6px 18px rgba(30, 136, 229, 0.18);
  transform: translateY(-2px);
}
.sol-sb-medical .btn-ghost {
  background: rgba(255, 255, 255, 0.14);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.35);
  backdrop-filter: blur(6px);
}
.sol-sb-medical .btn-ghost:hover {
  background: rgba(255, 255, 255, 0.24);
  transform: translateY(-2px);
}
.sol-sb-medical .btn-lg {
  padding: 17px 40px;
  font-size: 1.05rem;
  border-radius: 14px;
}
.btn-lg.btn-primary {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), inset 0 -2px 0 rgba(0, 0, 0, 0.1), 0 6px 0 var(--c-primary-3), 0 12px 28px rgba(30, 136, 229, 0.4);
}
.sol-sb-medical .btn-sm {
  padding: 9px 20px;
  font-size: 0.85rem;
  border-radius: 10px;
}
.sol-sb-medical .menu-toggle {
  display: none;
  flex-direction: column;
  gap: 5px;
  cursor: pointer;
  padding: 6px;
  background: none;
  border: none;
}
.menu-toggle span {
  width: 24px;
  height: 2.5px;
  background: var(--c-primary-3);
  border-radius: 2px;
  transition: 0.3s;
}
.sol-sb-medical .menu-toggle.active span:nth-child(1) {
  transform: translateY(7.5px) rotate(45deg);
}
.menu-toggle.active span:nth-child(2) {
  opacity: 0;
}
.menu-toggle.active span:nth-child(3) {
  transform: translateY(-7.5px) rotate(-45deg);
}
.sol-sb-medical .hero {
  position: relative;
  background: linear-gradient(135deg, #0d47a1 0%, #1565c0 30%, #1e88e5 70%, #2196f3 100%);
  padding: 150px 0 100px;
  overflow: hidden;
}
.sol-sb-medical .hero::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: radial-gradient(circle at 15% 40%, rgba(255, 255, 255, 0.18) 0%, transparent 45%), radial-gradient(circle at 85% 25%, rgba(66, 165, 245, 0.25) 0%, transparent 50%), radial-gradient(circle at 70% 80%, rgba(255, 255, 255, 0.1) 0%, transparent 40%);
  pointer-events: none;
}
.sol-sb-medical .hero::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 80px;
  background: linear-gradient(to bottom, transparent, var(--c-white));
  pointer-events: none;
}
.sol-sb-medical .hero-grid {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 56px;
  align-items: center;
  position: relative;
  z-index: 1;
}
.sol-sb-medical .hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 18px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 100px;
  color: #fff;
  font-size: 0.82rem;
  font-weight: 500;
  margin-bottom: 30px;
  backdrop-filter: blur(8px);
}
.sol-sb-medical .hero-badge .dot {
  width: 8px;
  height: 8px;
  background: #34d399;
  border-radius: 50%;
  box-shadow: 0 0 10px #34d399;
  animation: pulse 1.6s ease-in-out infinite;
}
@keyframes pulse {
0%, 100% {
    opacity: 1;
    transform: scale(1);
}
50% {
    opacity: 0.6;
    transform: scale(1.3);
}
}
.sol-sb-medical .hero h1 {
  font-size: 3.2rem;
  font-weight: 900;
  color: #fff;
  line-height: 1.18;
  letter-spacing: -0.025em;
  margin-bottom: 24px;
}
.sol-sb-medical .hero h1 .highlight {
  background: linear-gradient(135deg, #fff, #bbdefb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  position: relative;
  display: inline-block;
}
.sol-sb-medical .hero h1 .highlight::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -4px;
  height: 6px;
  background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0.2) 100%);
  border-radius: 3px;
  opacity: 0.5;
}
.sol-sb-medical .hero-sub {
  font-size: 1.14rem;
  color: rgba(255, 255, 255, 0.85);
  line-height: 1.85;
  margin-bottom: 28px;
  max-width: 560px;
}
.sol-sb-medical .hero-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 36px;
}
.sol-sb-medical .hero-tags span {
  padding: 7px 16px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 30px;
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.85);
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(4px);
}
.sol-sb-medical .hero-cta {
  display: flex;
  gap: 16px;
  margin-bottom: 40px;
  flex-wrap: wrap;
}
.sol-sb-medical .hero-trust {
  display: flex;
  align-items: center;
  gap: 30px;
  flex-wrap: wrap;
}
.sol-sb-medical .hero-trust-item {
  display: flex;
  align-items: center;
  gap: 10px;
}
.hero-trust-num {
  font-size: 1.65rem;
  font-weight: 800;
  color: #fff;
}
.hero-trust-label {
  font-size: 0.82rem;
  color: rgba(255, 255, 255, 0.6);
}
.hero-trust-divider {
  width: 1px;
  height: 40px;
  background: rgba(255, 255, 255, 0.18);
}
.sol-sb-medical .hero-visual {
  position: relative;
}
.sol-sb-medical .dash-mock {
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 40px 90px rgba(0, 30, 80, 0.45);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.sol-sb-medical .dash-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 14px 18px;
  background: #f0f7ff;
  border-bottom: 1px solid var(--c-border);
}
.sol-sb-medical .dash-bar .dots {
  display: flex;
  gap: 6px;
}
.dash-bar .dots span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.dash-bar .dots span:nth-child(1) {
  background: #ef4444;
}
.dash-bar .dots span:nth-child(2) {
  background: #f59e0b;
}
.dash-bar .dots span:nth-child(3) {
  background: #22c55e;
}
.sol-sb-medical .dash-bar .url {
  flex: 1;
  text-align: center;
  font-size: 0.72rem;
  color: var(--c-slate-light);
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 6px;
  padding: 4px 14px;
  margin-left: 8px;
}
.sol-sb-medical .dash-body {
  display: grid;
  grid-template-columns: 68px 1fr;
  min-height: 360px;
}
.sol-sb-medical .dash-side {
  background: linear-gradient(180deg, #0d47a1, #1565c0);
  padding: 16px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.sol-sb-medical .dash-side .icon-item {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.5);
  transition: 0.2s;
}
.sol-sb-medical .dash-side .icon-item.active {
  background: linear-gradient(135deg, #42a5f5, #1e88e5);
  color: #fff;
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.5);
}
.dash-side .icon-item svg {
  width: 18px;
  height: 18px;
}
.sol-sb-medical .dash-main {
  padding: 20px;
  background: #fafbfc;
}
.sol-sb-medical .dash-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-bottom: 16px;
}
.sol-sb-medical .dash-stat {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 12px;
  padding: 14px;
  transition: 0.2s;
}
.dash-stat:hover {
  border-color: var(--c-primary-light);
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.1);
}
.sol-sb-medical .dash-stat-label {
  font-size: 0.68rem;
  color: var(--c-slate-light);
  margin-bottom: 4px;
}
.dash-stat-val {
  font-size: 1.2rem;
  font-weight: 800;
  color: var(--c-text);
}
.dash-stat-trend {
  font-size: 0.65rem;
  font-weight: 700;
  margin-top: 3px;
}
.sol-sb-medical .up {
  color: #10b981;
}
.sol-sb-medical .dash-chart {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 12px;
  padding: 16px;
}
.sol-sb-medical .dash-chart-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
}
.sol-sb-medical .dash-chart-title {
  font-size: 0.74rem;
  font-weight: 600;
  color: var(--c-text);
}
.dash-chart-tag {
  font-size: 0.62rem;
  color: var(--c-primary);
  background: linear-gradient(135deg, rgba(30, 136, 229, 0.1), rgba(66, 165, 245, 0.1));
  padding: 3px 10px;
  border-radius: 100px;
  font-weight: 600;
}
.sol-sb-medical .bars {
  display: flex;
  align-items: flex-end;
  gap: 6px;
  height: 96px;
}
.bar {
  flex: 1;
  border-radius: 4px 4px 0 0;
  background: linear-gradient(180deg, #42a5f5, #1565c0);
  opacity: 0.9;
  transition: opacity 0.2s;
}
.bar:hover {
  opacity: 1;
}
.bar.dim {
  background: linear-gradient(180deg, #cbd5e1, #94a3b8);
}
.sol-sb-medical .dash-float {
  position: absolute;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 14px 36px rgba(0, 30, 80, 0.25);
  padding: 14px 18px;
  display: flex;
  align-items: center;
  gap: 14px;
  animation: float 3.5s ease-in-out infinite;
  border: 1px solid rgba(255, 255, 255, 0.6);
}
.sol-sb-medical .dash-float-1 {
  top: -20px;
  right: -12px;
  animation-delay: 0s;
}
.dash-float-2 {
  bottom: -18px;
  left: -18px;
  animation-delay: 1.5s;
}
.sol-sb-medical .dash-float-icon {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.sol-sb-medical .dash-float-icon.green {
  background: linear-gradient(135deg, #d1fae5, #a7f3d0);
  color: #10b981;
}
.dash-float-icon.blue {
  background: linear-gradient(135deg, #dbeafe, #bfdbfe);
  color: #1e88e5;
}
.sol-sb-medical .dash-float-text .num {
  font-size: 1.05rem;
  font-weight: 800;
  color: var(--c-text);
}
.dash-float-text .label {
  font-size: 0.7rem;
  color: var(--c-slate-light);
}
@keyframes float {
0%, 100% {
    transform: translateY(0);
}
50% {
    transform: translateY(-12px);
}
}
.sol-sb-medical .pain-section {
  background: linear-gradient(180deg, var(--c-white), var(--c-bg));
}
.pain-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}
.sol-sb-medical .pain-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 36px 30px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-sb-medical .pain-card:hover {
  border-color: var(--c-primary-light);
  box-shadow: var(--shadow-xl);
  transform: translateY(-6px);
}
.pain-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #1e88e5, #42a5f5, #06b6d4);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.pain-card:hover::before {
  transform: scaleX(1);
}
.sol-sb-medical .pain-num {
  position: absolute;
  top: 24px;
  right: 28px;
  font-size: 2.8rem;
  font-weight: 900;
  color: rgba(30, 136, 229, 0.06);
  line-height: 1;
}
.sol-sb-medical .pain-icon {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: linear-gradient(135deg, #e3f2fd, #bbdefb);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.15);
}
.pain-icon svg {
  width: 28px;
  height: 28px;
  color: var(--c-primary-2);
}
.sol-sb-medical .pain-title {
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.pain-desc {
  font-size: 0.92rem;
  color: var(--c-slate);
  line-height: 1.8;
}
.sol-sb-medical .solution-section {
  background: #fff;
}
.solution-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}
.sol-sb-medical .solution-card {
  background: linear-gradient(145deg, #f5f9ff, #e8f1fb);
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 40px 32px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-sb-medical .solution-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
}
.solution-card::after {
  content: "";
  position: absolute;
  top: -30px;
  right: -30px;
  width: 120px;
  height: 120px;
  background: radial-gradient(circle, rgba(30, 136, 229, 0.1), transparent);
  pointer-events: none;
}
.sol-sb-medical .solution-icon {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  background: linear-gradient(135deg, #1e88e5, #42a5f5);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.3);
}
.solution-icon svg {
  width: 26px;
  height: 26px;
  color: #fff;
}
.sol-sb-medical .solution-card h3 {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 14px;
}
.solution-card p {
  font-size: 0.95rem;
  color: var(--c-slate);
  line-height: 1.8;
}
.sol-sb-medical .func-section {
  background: linear-gradient(180deg, var(--c-bg), var(--c-white));
}
.func-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
.sol-sb-medical .func-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 36px 32px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
  display: flex;
  gap: 24px;
}
.sol-sb-medical .func-card:hover {
  border-color: var(--c-primary-light);
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
}
.func-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: linear-gradient(180deg, #1e88e5, #42a5f5);
  transform: scaleY(0);
  transform-origin: top;
  transition: transform 0.4s;
}
.func-card:hover::before {
  transform: scaleY(1);
}
.sol-sb-medical .func-card-num {
  font-size: 2.4rem;
  font-weight: 900;
  color: rgba(30, 136, 229, 0.12);
  line-height: 1;
  flex-shrink: 0;
  min-width: 56px;
}
.sol-sb-medical .func-card-body {
  flex: 1;
}
.func-card-icon {
  width: 44px;
  height: 44px;
  border-radius: 11px;
  background: linear-gradient(135deg, #e3f2fd, #bbdefb);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.12);
}
.func-card-icon svg {
  width: 22px;
  height: 22px;
  color: var(--c-primary-2);
}
.sol-sb-medical .func-card-body h3 {
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 10px;
}
.func-card-body p {
  font-size: 0.92rem;
  color: var(--c-slate);
  line-height: 1.8;
}
.sol-sb-medical .advantage-section {
  background: #fff;
}
.advantage-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.sol-sb-medical .advantage-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius);
  padding: 34px 28px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-sb-medical .advantage-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
  border-color: var(--c-primary-light);
}
.advantage-card::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #1e88e5, #42a5f5);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.advantage-card:hover::before {
  transform: scaleX(1);
}
.sol-sb-medical .advantage-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: linear-gradient(135deg, #1e88e5, #42a5f5);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  box-shadow: 0 6px 16px rgba(30, 136, 229, 0.25);
}
.advantage-icon svg {
  width: 24px;
  height: 24px;
  color: #fff;
}
.sol-sb-medical .advantage-card h3 {
  font-size: 1.12rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.advantage-card p {
  font-size: 0.9rem;
  color: var(--c-slate);
  line-height: 1.75;
}
.sol-sb-medical .scenario-section {
  background: linear-gradient(180deg, var(--c-bg), var(--c-bg-2));
}
.scenario-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.sol-sb-medical .scenario-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius);
  padding: 32px 28px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-sb-medical .scenario-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
  border-color: var(--c-primary-light);
}
.sol-sb-medical .scenario-tag {
  display: inline-block;
  padding: 5px 12px;
  background: linear-gradient(135deg, rgba(30, 136, 229, 0.1), rgba(66, 165, 245, 0.1));
  color: var(--c-primary);
  font-size: 0.72rem;
  font-weight: 700;
  border-radius: 100px;
  margin-bottom: 16px;
}
.sol-sb-medical .scenario-card h3 {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.scenario-card p {
  font-size: 0.9rem;
  color: var(--c-slate);
  line-height: 1.75;
}
.sol-sb-medical .scenario-card::after {
  content: "";
  position: absolute;
  bottom: -20px;
  right: -20px;
  width: 80px;
  height: 80px;
  background: radial-gradient(circle, rgba(30, 136, 229, 0.06), transparent);
  pointer-events: none;
}
.sol-sb-medical .value-section {
  background: #fff;
}
.value-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}
.sol-sb-medical .value-card {
  background: linear-gradient(145deg, #f5f9ff, #e8f1fb);
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 36px 26px;
  text-align: center;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-sb-medical .value-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-6px);
}
.value-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #1e88e5, #42a5f5, #06b6d4);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.4s;
}
.value-card:hover::before {
  transform: scaleX(1);
}
.sol-sb-medical .value-icon {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: linear-gradient(135deg, #1e88e5, #42a5f5);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.3);
}
.value-icon svg {
  width: 28px;
  height: 28px;
  color: #fff;
}
.sol-sb-medical .value-card h3 {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.value-card p {
  font-size: 0.88rem;
  color: var(--c-slate);
  line-height: 1.75;
}
.value-highlight {
  display: inline-block;
  margin-top: 14px;
  padding: 5px 14px;
  background: #fff;
  border: 1px solid var(--c-primary-light);
  border-radius: 100px;
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--c-primary);
}
.sol-sb-medical .trust-section {
  background: linear-gradient(135deg, #0a3a7a 0%, #0d47a1 50%, #1565c0 100%);
  position: relative;
  overflow: hidden;
  padding: 100px 0;
}
.sol-sb-medical .trust-section::before {
  content: "";
  position: absolute;
  top: -50%;
  right: -10%;
  width: 600px;
  height: 600px;
  background: radial-gradient(circle, rgba(66, 165, 245, 0.15) 0%, transparent 70%);
  pointer-events: none;
}
.sol-sb-medical .trust-section::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
}
.sol-sb-medical .trust-section .section-title {
  color: #fff;
}
.trust-section .section-subtitle {
  color: rgba(255, 255, 255, 0.7);
}
.trust-section .section-num {
  color: #90caf9;
  background: rgba(255, 255, 255, 0.1);
}
.sol-sb-medical .trust-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  margin-bottom: 60px;
}
.trust-stat {
  text-align: center;
  padding: 36px 22px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius);
  transition: 0.3s;
  backdrop-filter: blur(6px);
}
.trust-stat:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.18);
  transform: translateY(-6px);
}
.sol-sb-medical .trust-stat .num {
  font-size: 2.8rem;
  font-weight: 900;
  color: #fff;
  letter-spacing: -0.025em;
  line-height: 1;
  margin-bottom: 8px;
}
.trust-stat .num .unit {
  font-size: 1.4rem;
  font-weight: 700;
}
.trust-stat .label {
  font-size: 0.88rem;
  color: rgba(255, 255, 255, 0.55);
  font-weight: 500;
}
.sol-sb-medical .logo-wall {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius-lg);
  padding: 44px;
  margin-bottom: 48px;
  backdrop-filter: blur(6px);
}
.sol-sb-medical .logo-wall-title {
  text-align: center;
  font-size: 0.82rem;
  color: rgba(255, 255, 255, 0.45);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  margin-bottom: 28px;
  font-weight: 600;
}
.sol-sb-medical .logo-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 18px;
}
.logo-item {
  height: 64px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.82rem;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.4);
  transition: 0.3s;
}
.logo-item:hover {
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.8);
  border-color: rgba(255, 255, 255, 0.18);
  transform: translateY(-2px);
}
.sol-sb-medical .trust-cert {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}
.cert-card {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius);
  padding: 28px;
  display: flex;
  align-items: center;
  gap: 18px;
  transition: 0.3s;
  backdrop-filter: blur(6px);
}
.cert-card:hover {
  background: rgba(255, 255, 255, 0.08);
  transform: translateY(-3px);
}
.sol-sb-medical .cert-icon {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(66, 165, 245, 0.2), rgba(30, 136, 229, 0.2));
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border: 1px solid rgba(66, 165, 245, 0.3);
}
.cert-icon svg {
  width: 26px;
  height: 26px;
  color: #90caf9;
}
.sol-sb-medical .cert-info .title {
  font-size: 0.92rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 4px;
}
.cert-info .desc {
  font-size: 0.78rem;
  color: rgba(255, 255, 255, 0.45);
}
.sol-sb-medical .faq-section {
  background: linear-gradient(180deg, var(--c-bg), var(--c-white));
}
.faq-wrap {
  max-width: 880px;
  margin: 0 auto;
}
.sol-sb-medical .faq-item {
  border: 1.5px solid var(--c-border);
  border-radius: var(--radius);
  margin-bottom: 14px;
  overflow: hidden;
  transition: 0.3s;
  background: #fff;
}
.faq-item.active {
  border-color: var(--c-primary);
  box-shadow: 0 8px 28px rgba(30, 136, 229, 0.12);
}
.faq-item.active .faq-q {
  color: var(--c-primary);
}
.sol-sb-medical .faq-q {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22px 28px;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 600;
  color: var(--c-text);
  transition: color 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  gap: 16px;
}
.faq-q .arrow {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  transition: transform 0.3s;
  color: var(--c-slate-light);
}
.faq-item.active .faq-q .arrow {
  transform: rotate(180deg);
  color: var(--c-primary);
}
.sol-sb-medical .faq-a {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}
.faq-a-inner {
  padding: 0 28px 24px;
  font-size: 0.94rem;
  color: var(--c-slate);
  line-height: 1.85;
}
.sol-sb-medical .cta-section {
  position: relative;
  background: linear-gradient(135deg, #0d47a1 0%, #1565c0 50%, #1e88e5 100%);
  padding: 100px 0;
  overflow: hidden;
}
.sol-sb-medical .cta-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: radial-gradient(circle at 70% 30%, rgba(66, 165, 245, 0.25) 0%, transparent 50%), radial-gradient(circle at 20% 80%, rgba(255, 255, 255, 0.12) 0%, transparent 40%);
  pointer-events: none;
}
.sol-sb-medical .cta-section::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 60px;
  background: linear-gradient(to bottom, transparent, var(--c-footer));
  pointer-events: none;
}
.sol-sb-medical .cta-inner {
  position: relative;
  z-index: 1;
  text-align: center;
  max-width: 820px;
  margin: 0 auto;
}
.cta-inner h2 {
  font-size: 2.5rem;
  font-weight: 900;
  color: #fff;
  letter-spacing: -0.025em;
  margin-bottom: 20px;
  line-height: 1.25;
}
.sol-sb-medical .cta-inner h2 .highlight {
  background: linear-gradient(135deg, #fff, #bbdefb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.cta-inner p {
  font-size: 1.12rem;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.85;
  margin-bottom: 44px;
}
.sol-sb-medical .cta-options {
  display: flex;
  gap: 18px;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 36px;
}
.cta-note {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.5);
  flex-wrap: wrap;
}
.cta-note .dot {
  width: 5px;
  height: 5px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
}
.sol-sb-medical .reveal {
  opacity: 0;
  transform: translateY(32px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}
.reveal.active {
  opacity: 1;
  transform: translateY(0);
}
.reveal-delay-1 {
  transition-delay: 0.12s;
}
.reveal-delay-2 {
  transition-delay: 0.24s;
}
.reveal-delay-3 {
  transition-delay: 0.36s;
}
@media (max-width: 480px) {
.container {
    padding: 0 18px;
}
.hero h1 {
    font-size: 1.85rem;
}
.section-title {
    font-size: 1.55rem;
}
.dash-stats {
    grid-template-columns: 1fr;
    gap: 8px;
}
.value-grid {
    grid-template-columns: 1fr;
}
}.sol-sb-pharma, .sol-sb-pharma *, .sol-sb-pharma *::before, .sol-sb-pharma *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.sol-sb-pharma {
  --c-primary:#1e88e5;
  --c-primary-2:#1976d2;
  --c-primary-3:#1565c0;
  --c-primary-4:#0d47a1;
  --c-primary-light:#42a5f5;
  --c-primary-bright:#2196f3;
  --c-cyan:#06b6d4;
  --c-slate:#475569;
  --c-slate-light:#64748b;
  --c-text:#0f172a;
  --c-text-mid:#334155;
  --c-bg:#f5f9ff;
  --c-bg-2:#eef4fc;
  --c-bg-3:#e8f1fb;
  --c-border:#e2e8f0;
  --c-white:#fff;
  --c-footer:#0a1929;
  --c-footer-2:#0d2238;
  --radius:14px;
  --radius-lg:22px;
  --shadow-sm:0 2px 8px rgba(30,136,229,.08);
  --shadow:0 8px 28px rgba(30,136,229,.10);
  --shadow-lg:0 18px 56px rgba(30,136,229,.14);
  --shadow-xl:0 28px 80px rgba(30,136,229,.18);
  --shadow-blue:0 10px 30px rgba(30,136,229,.35);
  --max-w:1280px;
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
}
.sol-sb-pharma {
  scroll-behavior: smooth;
  font-size: 16px;
}
.sol-sb-pharma {
  font-family: var(--font);
  color: var(--c-text);
  background: var(--c-white);
  line-height: 1.7;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}
.sol-sb-pharma a {
  text-decoration: none;
  color: inherit;
}
.sol-sb-pharma img {
  max-width: 100%;
  display: block;
}
.sol-sb-pharma ul {
  list-style: none;
}
.sol-sb-pharma .container {
  max-width: var(--max-w);
  margin: 0 auto;
  padding: 0 24px;
}
.sol-sb-pharma .section {
  padding: 110px 0;
  position: relative;
}
.section-sm {
  padding: 72px 0;
}
.sol-sb-pharma .eyebrow {
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--c-primary);
  margin-bottom: 12px;
}
.sol-sb-pharma .section-num {
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.18em;
  color: var(--c-primary);
  display: inline-block;
  background: linear-gradient(135deg, rgba(30, 136, 229, 0.1), rgba(66, 165, 245, 0.1));
  padding: 6px 14px;
  border-radius: 100px;
  margin-bottom: 14px;
}
.sol-sb-pharma .section-title {
  font-size: 2.4rem;
  font-weight: 800;
  color: var(--c-text);
  line-height: 1.25;
  margin-bottom: 18px;
  letter-spacing: -0.02em;
}
.sol-sb-pharma .section-subtitle {
  font-size: 1.08rem;
  color: var(--c-slate);
  max-width: 720px;
  line-height: 1.8;
}
.sol-sb-pharma .section-head {
  margin-bottom: 64px;
}
.section-head.center {
  text-align: center;
}
.section-head.center .section-subtitle {
  margin: 0 auto;
}
.section-head.center .section-num {
  display: inline-block;
}
.sol-sb-pharma .header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  background: rgba(255, 255, 255, 0.97);
  backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--c-border);
  transition: box-shadow 0.3s;
}
.sol-sb-pharma .header.scrolled {
  box-shadow: 0 4px 20px rgba(30, 136, 229, 0.08);
}
.sol-sb-pharma .header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 72px;
  max-width: var(--max-w);
  margin: 0 auto;
  padding: 0 24px;
}
.sol-sb-pharma .logo {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 1.3rem;
  font-weight: 800;
  color: var(--c-primary-3);
  letter-spacing: -0.02em;
}
.logo svg {
  width: 36px;
  height: 36px;
  flex-shrink: 0;
}
.sol-sb-pharma .nav {
  display: flex;
  align-items: center;
  gap: 36px;
}
.nav a {
  font-size: 0.94rem;
  color: var(--c-text-mid);
  font-weight: 500;
  transition: color 0.2s;
  position: relative;
}
.nav a:hover {
  color: var(--c-primary);
}
.sol-sb-pharma .nav a::after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 0;
  height: 2.5px;
  background: var(--c-primary);
  border-radius: 2px;
  transition: width 0.25s;
}
.nav a:hover::after {
  width: 100%;
}
.sol-sb-pharma .header-cta {
  display: flex;
  align-items: center;
  gap: 14px;
}
.sol-sb-pharma .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 28px;
  border-radius: 12px;
  font-size: 0.94rem;
  font-weight: 600;
  cursor: pointer;
  border: none;
  transition: all 0.25s;
  white-space: nowrap;
  line-height: 1.2;
}
.sol-sb-pharma .btn-primary {
  background: linear-gradient(180deg, #42a5f5 0%, #1e88e5 50%, #1976d2 100%);
  color: #fff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -2px 0 rgba(0, 0, 0, 0.08), 0 4px 0 var(--c-primary-3), 0 8px 20px rgba(30, 136, 229, 0.35);
}
.sol-sb-pharma .btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -2px 0 rgba(0, 0, 0, 0.08), 0 6px 0 var(--c-primary-3), 0 12px 26px rgba(30, 136, 229, 0.45);
}
.sol-sb-pharma .btn-primary:active {
  transform: translateY(2px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -2px 0 rgba(0, 0, 0, 0.08), 0 1px 0 var(--c-primary-3), 0 4px 12px rgba(30, 136, 229, 0.35);
}
.sol-sb-pharma .btn-outline {
  background: #fff;
  color: var(--c-primary-3);
  border: 1.5px solid var(--c-border);
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.08);
}
.sol-sb-pharma .btn-outline:hover {
  border-color: var(--c-primary);
  color: var(--c-primary);
  box-shadow: 0 6px 18px rgba(30, 136, 229, 0.18);
  transform: translateY(-2px);
}
.sol-sb-pharma .btn-ghost {
  background: rgba(255, 255, 255, 0.14);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.35);
  backdrop-filter: blur(6px);
}
.sol-sb-pharma .btn-ghost:hover {
  background: rgba(255, 255, 255, 0.24);
  transform: translateY(-2px);
}
.sol-sb-pharma .btn-lg {
  padding: 17px 40px;
  font-size: 1.05rem;
  border-radius: 14px;
}
.btn-lg.btn-primary {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), inset 0 -2px 0 rgba(0, 0, 0, 0.1), 0 6px 0 var(--c-primary-3), 0 12px 28px rgba(30, 136, 229, 0.4);
}
.sol-sb-pharma .btn-sm {
  padding: 9px 20px;
  font-size: 0.85rem;
  border-radius: 10px;
}
.sol-sb-pharma .menu-toggle {
  display: none;
  flex-direction: column;
  gap: 5px;
  cursor: pointer;
  padding: 6px;
  background: none;
  border: none;
}
.menu-toggle span {
  width: 24px;
  height: 2.5px;
  background: var(--c-primary-3);
  border-radius: 2px;
  transition: 0.3s;
}
.sol-sb-pharma .menu-toggle.active span:nth-child(1) {
  transform: translateY(7.5px) rotate(45deg);
}
.menu-toggle.active span:nth-child(2) {
  opacity: 0;
}
.menu-toggle.active span:nth-child(3) {
  transform: translateY(-7.5px) rotate(-45deg);
}
.sol-sb-pharma .hero {
  position: relative;
  background: linear-gradient(135deg, #0d47a1 0%, #1565c0 30%, #1e88e5 70%, #2196f3 100%);
  padding: 150px 0 100px;
  overflow: hidden;
}
.sol-sb-pharma .hero::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: radial-gradient(circle at 15% 40%, rgba(255, 255, 255, 0.18) 0%, transparent 45%), radial-gradient(circle at 85% 25%, rgba(66, 165, 245, 0.25) 0%, transparent 50%), radial-gradient(circle at 70% 80%, rgba(255, 255, 255, 0.1) 0%, transparent 40%);
  pointer-events: none;
}
.sol-sb-pharma .hero::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 80px;
  background: linear-gradient(to bottom, transparent, var(--c-white));
  pointer-events: none;
}
.sol-sb-pharma .hero-grid {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 56px;
  align-items: center;
  position: relative;
  z-index: 1;
}
.sol-sb-pharma .hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 18px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 100px;
  color: #fff;
  font-size: 0.82rem;
  font-weight: 500;
  margin-bottom: 30px;
  backdrop-filter: blur(8px);
}
.sol-sb-pharma .hero-badge .dot {
  width: 8px;
  height: 8px;
  background: #34d399;
  border-radius: 50%;
  box-shadow: 0 0 10px #34d399;
  animation: pulse 1.6s ease-in-out infinite;
}
@keyframes pulse {
0%, 100% {
    opacity: 1;
    transform: scale(1);
}
50% {
    opacity: 0.6;
    transform: scale(1.3);
}
}
.sol-sb-pharma .hero h1 {
  font-size: 3.2rem;
  font-weight: 900;
  color: #fff;
  line-height: 1.18;
  letter-spacing: -0.025em;
  margin-bottom: 24px;
}
.sol-sb-pharma .hero h1 .highlight {
  background: linear-gradient(135deg, #fff, #bbdefb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  position: relative;
  display: inline-block;
}
.sol-sb-pharma .hero h1 .highlight::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -4px;
  height: 6px;
  background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0.2) 100%);
  border-radius: 3px;
  opacity: 0.5;
}
.sol-sb-pharma .hero-sub {
  font-size: 1.14rem;
  color: rgba(255, 255, 255, 0.85);
  line-height: 1.85;
  margin-bottom: 28px;
  max-width: 560px;
}
.sol-sb-pharma .hero-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 36px;
}
.sol-sb-pharma .hero-tags span {
  padding: 7px 16px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 30px;
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.85);
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(4px);
}
.sol-sb-pharma .hero-cta {
  display: flex;
  gap: 16px;
  margin-bottom: 40px;
  flex-wrap: wrap;
}
.sol-sb-pharma .hero-trust {
  display: flex;
  align-items: center;
  gap: 30px;
  flex-wrap: wrap;
}
.sol-sb-pharma .hero-trust-item {
  display: flex;
  align-items: center;
  gap: 10px;
}
.hero-trust-num {
  font-size: 1.65rem;
  font-weight: 800;
  color: #fff;
}
.hero-trust-label {
  font-size: 0.82rem;
  color: rgba(255, 255, 255, 0.6);
}
.hero-trust-divider {
  width: 1px;
  height: 40px;
  background: rgba(255, 255, 255, 0.18);
}
.sol-sb-pharma .hero-visual {
  position: relative;
}
.sol-sb-pharma .dash-mock {
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 40px 90px rgba(0, 30, 80, 0.45);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.sol-sb-pharma .dash-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 14px 18px;
  background: #f0f7ff;
  border-bottom: 1px solid var(--c-border);
}
.sol-sb-pharma .dash-bar .dots {
  display: flex;
  gap: 6px;
}
.dash-bar .dots span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.dash-bar .dots span:nth-child(1) {
  background: #ef4444;
}
.dash-bar .dots span:nth-child(2) {
  background: #f59e0b;
}
.dash-bar .dots span:nth-child(3) {
  background: #22c55e;
}
.sol-sb-pharma .dash-bar .url {
  flex: 1;
  text-align: center;
  font-size: 0.72rem;
  color: var(--c-slate-light);
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 6px;
  padding: 4px 14px;
  margin-left: 8px;
}
.sol-sb-pharma .dash-body {
  display: grid;
  grid-template-columns: 68px 1fr;
  min-height: 360px;
}
.sol-sb-pharma .dash-side {
  background: linear-gradient(180deg, #0d47a1, #1565c0);
  padding: 16px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.sol-sb-pharma .dash-side .icon-item {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.5);
  transition: 0.2s;
}
.sol-sb-pharma .dash-side .icon-item.active {
  background: linear-gradient(135deg, #42a5f5, #1e88e5);
  color: #fff;
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.5);
}
.dash-side .icon-item svg {
  width: 18px;
  height: 18px;
}
.sol-sb-pharma .dash-main {
  padding: 20px;
  background: #fafbfc;
}
.sol-sb-pharma .dash-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-bottom: 16px;
}
.sol-sb-pharma .dash-stat {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 12px;
  padding: 14px;
  transition: 0.2s;
}
.dash-stat:hover {
  border-color: var(--c-primary-light);
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.1);
}
.sol-sb-pharma .dash-stat-label {
  font-size: 0.68rem;
  color: var(--c-slate-light);
  margin-bottom: 4px;
}
.dash-stat-val {
  font-size: 1.2rem;
  font-weight: 800;
  color: var(--c-text);
}
.dash-stat-trend {
  font-size: 0.65rem;
  font-weight: 700;
  margin-top: 3px;
}
.sol-sb-pharma .up {
  color: #10b981;
}
.sol-sb-pharma .dash-chart {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 12px;
  padding: 16px;
}
.sol-sb-pharma .dash-chart-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
}
.sol-sb-pharma .dash-chart-title {
  font-size: 0.74rem;
  font-weight: 600;
  color: var(--c-text);
}
.dash-chart-tag {
  font-size: 0.62rem;
  color: var(--c-primary);
  background: linear-gradient(135deg, rgba(30, 136, 229, 0.1), rgba(66, 165, 245, 0.1));
  padding: 3px 10px;
  border-radius: 100px;
  font-weight: 600;
}
.sol-sb-pharma .bars {
  display: flex;
  align-items: flex-end;
  gap: 6px;
  height: 96px;
}
.bar {
  flex: 1;
  border-radius: 4px 4px 0 0;
  background: linear-gradient(180deg, #42a5f5, #1565c0);
  opacity: 0.9;
  transition: opacity 0.2s;
}
.bar:hover {
  opacity: 1;
}
.bar.dim {
  background: linear-gradient(180deg, #cbd5e1, #94a3b8);
}
.sol-sb-pharma .dash-float {
  position: absolute;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 14px 36px rgba(0, 30, 80, 0.25);
  padding: 14px 18px;
  display: flex;
  align-items: center;
  gap: 14px;
  animation: float 3.5s ease-in-out infinite;
  border: 1px solid rgba(255, 255, 255, 0.6);
}
.sol-sb-pharma .dash-float-1 {
  top: -20px;
  right: -12px;
  animation-delay: 0s;
}
.dash-float-2 {
  bottom: -18px;
  left: -18px;
  animation-delay: 1.5s;
}
.sol-sb-pharma .dash-float-icon {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.sol-sb-pharma .dash-float-icon.green {
  background: linear-gradient(135deg, #d1fae5, #a7f3d0);
  color: #10b981;
}
.dash-float-icon.blue {
  background: linear-gradient(135deg, #dbeafe, #bfdbfe);
  color: #1e88e5;
}
.sol-sb-pharma .dash-float-text .num {
  font-size: 1.05rem;
  font-weight: 800;
  color: var(--c-text);
}
.dash-float-text .label {
  font-size: 0.7rem;
  color: var(--c-slate-light);
}
@keyframes float {
0%, 100% {
    transform: translateY(0);
}
50% {
    transform: translateY(-12px);
}
}
.sol-sb-pharma .pain-section {
  background: linear-gradient(180deg, var(--c-white), var(--c-bg));
}
.pain-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}
.sol-sb-pharma .pain-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 36px 30px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-sb-pharma .pain-card:hover {
  border-color: var(--c-primary-light);
  box-shadow: var(--shadow-xl);
  transform: translateY(-6px);
}
.pain-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #1e88e5, #42a5f5, #06b6d4);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.pain-card:hover::before {
  transform: scaleX(1);
}
.sol-sb-pharma .pain-num {
  position: absolute;
  top: 24px;
  right: 28px;
  font-size: 2.8rem;
  font-weight: 900;
  color: rgba(30, 136, 229, 0.06);
  line-height: 1;
}
.sol-sb-pharma .pain-icon {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: linear-gradient(135deg, #e3f2fd, #bbdefb);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.15);
}
.pain-icon svg {
  width: 28px;
  height: 28px;
  color: var(--c-primary-2);
}
.sol-sb-pharma .pain-title {
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.pain-desc {
  font-size: 0.92rem;
  color: var(--c-slate);
  line-height: 1.8;
}
.sol-sb-pharma .solution-section {
  background: #fff;
}
.solution-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}
.sol-sb-pharma .solution-card {
  background: linear-gradient(145deg, #f5f9ff, #e8f1fb);
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 40px 32px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-sb-pharma .solution-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
}
.solution-card::after {
  content: "";
  position: absolute;
  top: -30px;
  right: -30px;
  width: 120px;
  height: 120px;
  background: radial-gradient(circle, rgba(30, 136, 229, 0.1), transparent);
  pointer-events: none;
}
.sol-sb-pharma .solution-icon {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  background: linear-gradient(135deg, #1e88e5, #42a5f5);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.3);
}
.solution-icon svg {
  width: 26px;
  height: 26px;
  color: #fff;
}
.sol-sb-pharma .solution-card h3 {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 14px;
}
.solution-card p {
  font-size: 0.95rem;
  color: var(--c-slate);
  line-height: 1.8;
}
.sol-sb-pharma .func-section {
  background: linear-gradient(180deg, var(--c-bg), var(--c-white));
}
.func-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
.sol-sb-pharma .func-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 36px 32px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
  display: flex;
  gap: 24px;
}
.sol-sb-pharma .func-card:hover {
  border-color: var(--c-primary-light);
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
}
.func-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: linear-gradient(180deg, #1e88e5, #42a5f5);
  transform: scaleY(0);
  transform-origin: top;
  transition: transform 0.4s;
}
.func-card:hover::before {
  transform: scaleY(1);
}
.sol-sb-pharma .func-card-num {
  font-size: 2.4rem;
  font-weight: 900;
  color: rgba(30, 136, 229, 0.12);
  line-height: 1;
  flex-shrink: 0;
  min-width: 56px;
}
.sol-sb-pharma .func-card-body {
  flex: 1;
}
.func-card-icon {
  width: 44px;
  height: 44px;
  border-radius: 11px;
  background: linear-gradient(135deg, #e3f2fd, #bbdefb);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.12);
}
.func-card-icon svg {
  width: 22px;
  height: 22px;
  color: var(--c-primary-2);
}
.sol-sb-pharma .func-card-body h3 {
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 10px;
}
.func-card-body p {
  font-size: 0.92rem;
  color: var(--c-slate);
  line-height: 1.8;
}
.sol-sb-pharma .advantage-section {
  background: #fff;
}
.advantage-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.sol-sb-pharma .advantage-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius);
  padding: 34px 28px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-sb-pharma .advantage-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
  border-color: var(--c-primary-light);
}
.advantage-card::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #1e88e5, #42a5f5);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.advantage-card:hover::before {
  transform: scaleX(1);
}
.sol-sb-pharma .advantage-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: linear-gradient(135deg, #1e88e5, #42a5f5);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  box-shadow: 0 6px 16px rgba(30, 136, 229, 0.25);
}
.advantage-icon svg {
  width: 24px;
  height: 24px;
  color: #fff;
}
.sol-sb-pharma .advantage-card h3 {
  font-size: 1.12rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.advantage-card p {
  font-size: 0.9rem;
  color: var(--c-slate);
  line-height: 1.75;
}
.sol-sb-pharma .scenario-section {
  background: linear-gradient(180deg, var(--c-bg), var(--c-bg-2));
}
.scenario-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.sol-sb-pharma .scenario-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius);
  padding: 32px 28px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-sb-pharma .scenario-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
  border-color: var(--c-primary-light);
}
.sol-sb-pharma .scenario-tag {
  display: inline-block;
  padding: 5px 12px;
  background: linear-gradient(135deg, rgba(30, 136, 229, 0.1), rgba(66, 165, 245, 0.1));
  color: var(--c-primary);
  font-size: 0.72rem;
  font-weight: 700;
  border-radius: 100px;
  margin-bottom: 16px;
}
.sol-sb-pharma .scenario-card h3 {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.scenario-card p {
  font-size: 0.9rem;
  color: var(--c-slate);
  line-height: 1.75;
}
.sol-sb-pharma .scenario-card::after {
  content: "";
  position: absolute;
  bottom: -20px;
  right: -20px;
  width: 80px;
  height: 80px;
  background: radial-gradient(circle, rgba(30, 136, 229, 0.06), transparent);
  pointer-events: none;
}
.sol-sb-pharma .value-section {
  background: #fff;
}
.value-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}
.sol-sb-pharma .value-card {
  background: linear-gradient(145deg, #f5f9ff, #e8f1fb);
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 36px 26px;
  text-align: center;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-sb-pharma .value-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-6px);
}
.value-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #1e88e5, #42a5f5, #06b6d4);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.4s;
}
.value-card:hover::before {
  transform: scaleX(1);
}
.sol-sb-pharma .value-icon {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: linear-gradient(135deg, #1e88e5, #42a5f5);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.3);
}
.value-icon svg {
  width: 28px;
  height: 28px;
  color: #fff;
}
.sol-sb-pharma .value-card h3 {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.value-card p {
  font-size: 0.88rem;
  color: var(--c-slate);
  line-height: 1.75;
}
.value-highlight {
  display: inline-block;
  margin-top: 14px;
  padding: 5px 14px;
  background: #fff;
  border: 1px solid var(--c-primary-light);
  border-radius: 100px;
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--c-primary);
}
.sol-sb-pharma .trust-section {
  background: linear-gradient(135deg, #0a3a7a 0%, #0d47a1 50%, #1565c0 100%);
  position: relative;
  overflow: hidden;
  padding: 100px 0;
}
.sol-sb-pharma .trust-section::before {
  content: "";
  position: absolute;
  top: -50%;
  right: -10%;
  width: 600px;
  height: 600px;
  background: radial-gradient(circle, rgba(66, 165, 245, 0.15) 0%, transparent 70%);
  pointer-events: none;
}
.sol-sb-pharma .trust-section::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
}
.sol-sb-pharma .trust-section .section-title {
  color: #fff;
}
.trust-section .section-subtitle {
  color: rgba(255, 255, 255, 0.7);
}
.trust-section .section-num {
  color: #90caf9;
  background: rgba(255, 255, 255, 0.1);
}
.sol-sb-pharma .trust-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  margin-bottom: 60px;
}
.trust-stat {
  text-align: center;
  padding: 36px 22px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius);
  transition: 0.3s;
  backdrop-filter: blur(6px);
}
.trust-stat:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.18);
  transform: translateY(-6px);
}
.sol-sb-pharma .trust-stat .num {
  font-size: 2.8rem;
  font-weight: 900;
  color: #fff;
  letter-spacing: -0.025em;
  line-height: 1;
  margin-bottom: 8px;
}
.trust-stat .num .unit {
  font-size: 1.4rem;
  font-weight: 700;
}
.trust-stat .label {
  font-size: 0.88rem;
  color: rgba(255, 255, 255, 0.55);
  font-weight: 500;
}
.sol-sb-pharma .logo-wall {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius-lg);
  padding: 44px;
  margin-bottom: 48px;
  backdrop-filter: blur(6px);
}
.sol-sb-pharma .logo-wall-title {
  text-align: center;
  font-size: 0.82rem;
  color: rgba(255, 255, 255, 0.45);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  margin-bottom: 28px;
  font-weight: 600;
}
.sol-sb-pharma .logo-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 18px;
}
.logo-item {
  height: 64px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.82rem;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.4);
  transition: 0.3s;
}
.logo-item:hover {
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.8);
  border-color: rgba(255, 255, 255, 0.18);
  transform: translateY(-2px);
}
.sol-sb-pharma .trust-cert {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}
.cert-card {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius);
  padding: 28px;
  display: flex;
  align-items: center;
  gap: 18px;
  transition: 0.3s;
  backdrop-filter: blur(6px);
}
.cert-card:hover {
  background: rgba(255, 255, 255, 0.08);
  transform: translateY(-3px);
}
.sol-sb-pharma .cert-icon {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(66, 165, 245, 0.2), rgba(30, 136, 229, 0.2));
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border: 1px solid rgba(66, 165, 245, 0.3);
}
.cert-icon svg {
  width: 26px;
  height: 26px;
  color: #90caf9;
}
.sol-sb-pharma .cert-info .title {
  font-size: 0.92rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 4px;
}
.cert-info .desc {
  font-size: 0.78rem;
  color: rgba(255, 255, 255, 0.45);
}
.sol-sb-pharma .faq-section {
  background: linear-gradient(180deg, var(--c-bg), var(--c-white));
}
.faq-wrap {
  max-width: 880px;
  margin: 0 auto;
}
.sol-sb-pharma .faq-item {
  border: 1.5px solid var(--c-border);
  border-radius: var(--radius);
  margin-bottom: 14px;
  overflow: hidden;
  transition: 0.3s;
  background: #fff;
}
.faq-item.active {
  border-color: var(--c-primary);
  box-shadow: 0 8px 28px rgba(30, 136, 229, 0.12);
}
.faq-item.active .faq-q {
  color: var(--c-primary);
}
.sol-sb-pharma .faq-q {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22px 28px;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 600;
  color: var(--c-text);
  transition: color 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  gap: 16px;
}
.faq-q .arrow {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  transition: transform 0.3s;
  color: var(--c-slate-light);
}
.faq-item.active .faq-q .arrow {
  transform: rotate(180deg);
  color: var(--c-primary);
}
.sol-sb-pharma .faq-a {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}
.faq-a-inner {
  padding: 0 28px 24px;
  font-size: 0.94rem;
  color: var(--c-slate);
  line-height: 1.85;
}
.sol-sb-pharma .cta-section {
  position: relative;
  background: linear-gradient(135deg, #0d47a1 0%, #1565c0 50%, #1e88e5 100%);
  padding: 100px 0;
  overflow: hidden;
}
.sol-sb-pharma .cta-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: radial-gradient(circle at 70% 30%, rgba(66, 165, 245, 0.25) 0%, transparent 50%), radial-gradient(circle at 20% 80%, rgba(255, 255, 255, 0.12) 0%, transparent 40%);
  pointer-events: none;
}
.sol-sb-pharma .cta-section::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 60px;
  background: linear-gradient(to bottom, transparent, var(--c-footer));
  pointer-events: none;
}
.sol-sb-pharma .cta-inner {
  position: relative;
  z-index: 1;
  text-align: center;
  max-width: 820px;
  margin: 0 auto;
}
.cta-inner h2 {
  font-size: 2.5rem;
  font-weight: 900;
  color: #fff;
  letter-spacing: -0.025em;
  margin-bottom: 20px;
  line-height: 1.25;
}
.sol-sb-pharma .cta-inner h2 .highlight {
  background: linear-gradient(135deg, #fff, #bbdefb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.cta-inner p {
  font-size: 1.12rem;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.85;
  margin-bottom: 44px;
}
.sol-sb-pharma .cta-options {
  display: flex;
  gap: 18px;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 36px;
}
.cta-note {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.5);
  flex-wrap: wrap;
}
.cta-note .dot {
  width: 5px;
  height: 5px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
}
.sol-sb-pharma .reveal {
  opacity: 0;
  transform: translateY(32px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}
.reveal.active {
  opacity: 1;
  transform: translateY(0);
}
.reveal-delay-1 {
  transition-delay: 0.12s;
}
.reveal-delay-2 {
  transition-delay: 0.24s;
}
.reveal-delay-3 {
  transition-delay: 0.36s;
}
@media (max-width: 480px) {
.container {
    padding: 0 18px;
}
.hero h1 {
    font-size: 1.85rem;
}
.section-title {
    font-size: 1.55rem;
}
.dash-stats {
    grid-template-columns: 1fr;
    gap: 8px;
}
.value-grid {
    grid-template-columns: 1fr;
}
}.sol-sb-property, .sol-sb-property *, .sol-sb-property *::before, .sol-sb-property *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.sol-sb-property {
  --c-primary:#1e88e5;
  --c-primary-2:#1976d2;
  --c-primary-3:#1565c0;
  --c-primary-4:#0d47a1;
  --c-primary-light:#42a5f5;
  --c-primary-bright:#2196f3;
  --c-cyan:#06b6d4;
  --c-slate:#475569;
  --c-slate-light:#64748b;
  --c-text:#0f172a;
  --c-text-mid:#334155;
  --c-bg:#f5f9ff;
  --c-bg-2:#eef4fc;
  --c-bg-3:#e8f1fb;
  --c-border:#e2e8f0;
  --c-white:#fff;
  --c-footer:#0a1929;
  --c-footer-2:#0d2238;
  --radius:14px;
  --radius-lg:22px;
  --shadow-sm:0 2px 8px rgba(30,136,229,.08);
  --shadow:0 8px 28px rgba(30,136,229,.10);
  --shadow-lg:0 18px 56px rgba(30,136,229,.14);
  --shadow-xl:0 28px 80px rgba(30,136,229,.18);
  --shadow-blue:0 10px 30px rgba(30,136,229,.35);
  --max-w:1280px;
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
}
.sol-sb-property {
  scroll-behavior: smooth;
  font-size: 16px;
}
.sol-sb-property {
  font-family: var(--font);
  color: var(--c-text);
  background: var(--c-white);
  line-height: 1.7;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}
.sol-sb-property a {
  text-decoration: none;
  color: inherit;
}
.sol-sb-property img {
  max-width: 100%;
  display: block;
}
.sol-sb-property ul {
  list-style: none;
}
.sol-sb-property .container {
  max-width: var(--max-w);
  margin: 0 auto;
  padding: 0 24px;
}
.sol-sb-property .section {
  padding: 110px 0;
  position: relative;
}
.section-sm {
  padding: 72px 0;
}
.sol-sb-property .eyebrow {
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--c-primary);
  margin-bottom: 12px;
}
.sol-sb-property .section-num {
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.18em;
  color: var(--c-primary);
  display: inline-block;
  background: linear-gradient(135deg, rgba(30, 136, 229, 0.1), rgba(66, 165, 245, 0.1));
  padding: 6px 14px;
  border-radius: 100px;
  margin-bottom: 14px;
}
.sol-sb-property .section-title {
  font-size: 2.4rem;
  font-weight: 800;
  color: var(--c-text);
  line-height: 1.25;
  margin-bottom: 18px;
  letter-spacing: -0.02em;
}
.sol-sb-property .section-subtitle {
  font-size: 1.08rem;
  color: var(--c-slate);
  max-width: 720px;
  line-height: 1.8;
}
.sol-sb-property .section-head {
  margin-bottom: 64px;
}
.section-head.center {
  text-align: center;
}
.section-head.center .section-subtitle {
  margin: 0 auto;
}
.section-head.center .section-num {
  display: inline-block;
}
.sol-sb-property .header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  background: rgba(255, 255, 255, 0.97);
  backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--c-border);
  transition: box-shadow 0.3s;
}
.sol-sb-property .header.scrolled {
  box-shadow: 0 4px 20px rgba(30, 136, 229, 0.08);
}
.sol-sb-property .header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 72px;
  max-width: var(--max-w);
  margin: 0 auto;
  padding: 0 24px;
}
.sol-sb-property .logo {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 1.3rem;
  font-weight: 800;
  color: var(--c-primary-3);
  letter-spacing: -0.02em;
}
.logo svg {
  width: 36px;
  height: 36px;
  flex-shrink: 0;
}
.sol-sb-property .nav {
  display: flex;
  align-items: center;
  gap: 36px;
}
.nav a {
  font-size: 0.94rem;
  color: var(--c-text-mid);
  font-weight: 500;
  transition: color 0.2s;
  position: relative;
}
.nav a:hover {
  color: var(--c-primary);
}
.sol-sb-property .nav a::after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 0;
  height: 2.5px;
  background: var(--c-primary);
  border-radius: 2px;
  transition: width 0.25s;
}
.nav a:hover::after {
  width: 100%;
}
.sol-sb-property .header-cta {
  display: flex;
  align-items: center;
  gap: 14px;
}
.sol-sb-property .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 28px;
  border-radius: 12px;
  font-size: 0.94rem;
  font-weight: 600;
  cursor: pointer;
  border: none;
  transition: all 0.25s;
  white-space: nowrap;
  line-height: 1.2;
}
.sol-sb-property .btn-primary {
  background: linear-gradient(180deg, #42a5f5 0%, #1e88e5 50%, #1976d2 100%);
  color: #fff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -2px 0 rgba(0, 0, 0, 0.08), 0 4px 0 var(--c-primary-3), 0 8px 20px rgba(30, 136, 229, 0.35);
}
.sol-sb-property .btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -2px 0 rgba(0, 0, 0, 0.08), 0 6px 0 var(--c-primary-3), 0 12px 26px rgba(30, 136, 229, 0.45);
}
.sol-sb-property .btn-primary:active {
  transform: translateY(2px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -2px 0 rgba(0, 0, 0, 0.08), 0 1px 0 var(--c-primary-3), 0 4px 12px rgba(30, 136, 229, 0.35);
}
.sol-sb-property .btn-outline {
  background: #fff;
  color: var(--c-primary-3);
  border: 1.5px solid var(--c-border);
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.08);
}
.sol-sb-property .btn-outline:hover {
  border-color: var(--c-primary);
  color: var(--c-primary);
  box-shadow: 0 6px 18px rgba(30, 136, 229, 0.18);
  transform: translateY(-2px);
}
.sol-sb-property .btn-ghost {
  background: rgba(255, 255, 255, 0.14);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.35);
  backdrop-filter: blur(6px);
}
.sol-sb-property .btn-ghost:hover {
  background: rgba(255, 255, 255, 0.24);
  transform: translateY(-2px);
}
.sol-sb-property .btn-lg {
  padding: 17px 40px;
  font-size: 1.05rem;
  border-radius: 14px;
}
.btn-lg.btn-primary {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), inset 0 -2px 0 rgba(0, 0, 0, 0.1), 0 6px 0 var(--c-primary-3), 0 12px 28px rgba(30, 136, 229, 0.4);
}
.sol-sb-property .btn-sm {
  padding: 9px 20px;
  font-size: 0.85rem;
  border-radius: 10px;
}
.sol-sb-property .menu-toggle {
  display: none;
  flex-direction: column;
  gap: 5px;
  cursor: pointer;
  padding: 6px;
  background: none;
  border: none;
}
.menu-toggle span {
  width: 24px;
  height: 2.5px;
  background: var(--c-primary-3);
  border-radius: 2px;
  transition: 0.3s;
}
.sol-sb-property .menu-toggle.active span:nth-child(1) {
  transform: translateY(7.5px) rotate(45deg);
}
.menu-toggle.active span:nth-child(2) {
  opacity: 0;
}
.menu-toggle.active span:nth-child(3) {
  transform: translateY(-7.5px) rotate(-45deg);
}
.sol-sb-property .hero {
  position: relative;
  background: linear-gradient(135deg, #0d47a1 0%, #1565c0 30%, #1e88e5 70%, #2196f3 100%);
  padding: 150px 0 100px;
  overflow: hidden;
}
.sol-sb-property .hero::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: radial-gradient(circle at 15% 40%, rgba(255, 255, 255, 0.18) 0%, transparent 45%), radial-gradient(circle at 85% 25%, rgba(66, 165, 245, 0.25) 0%, transparent 50%), radial-gradient(circle at 70% 80%, rgba(255, 255, 255, 0.1) 0%, transparent 40%);
  pointer-events: none;
}
.sol-sb-property .hero::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 80px;
  background: linear-gradient(to bottom, transparent, var(--c-white));
  pointer-events: none;
}
.sol-sb-property .hero-grid {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 56px;
  align-items: center;
  position: relative;
  z-index: 1;
}
.sol-sb-property .hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 18px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 100px;
  color: #fff;
  font-size: 0.82rem;
  font-weight: 500;
  margin-bottom: 30px;
  backdrop-filter: blur(8px);
}
.sol-sb-property .hero-badge .dot {
  width: 8px;
  height: 8px;
  background: #34d399;
  border-radius: 50%;
  box-shadow: 0 0 10px #34d399;
  animation: pulse 1.6s ease-in-out infinite;
}
@keyframes pulse {
0%, 100% {
    opacity: 1;
    transform: scale(1);
}
50% {
    opacity: 0.6;
    transform: scale(1.3);
}
}
.sol-sb-property .hero h1 {
  font-size: 3.2rem;
  font-weight: 900;
  color: #fff;
  line-height: 1.18;
  letter-spacing: -0.025em;
  margin-bottom: 24px;
}
.sol-sb-property .hero h1 .highlight {
  background: linear-gradient(135deg, #fff, #bbdefb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  position: relative;
  display: inline-block;
}
.sol-sb-property .hero h1 .highlight::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -4px;
  height: 6px;
  background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0.2) 100%);
  border-radius: 3px;
  opacity: 0.5;
}
.sol-sb-property .hero-sub {
  font-size: 1.14rem;
  color: rgba(255, 255, 255, 0.85);
  line-height: 1.85;
  margin-bottom: 28px;
  max-width: 560px;
}
.sol-sb-property .hero-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 36px;
}
.sol-sb-property .hero-tags span {
  padding: 7px 16px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 30px;
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.85);
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(4px);
}
.sol-sb-property .hero-cta {
  display: flex;
  gap: 16px;
  margin-bottom: 40px;
  flex-wrap: wrap;
}
.sol-sb-property .hero-trust {
  display: flex;
  align-items: center;
  gap: 30px;
  flex-wrap: wrap;
}
.sol-sb-property .hero-trust-item {
  display: flex;
  align-items: center;
  gap: 10px;
}
.hero-trust-num {
  font-size: 1.65rem;
  font-weight: 800;
  color: #fff;
}
.hero-trust-label {
  font-size: 0.82rem;
  color: rgba(255, 255, 255, 0.6);
}
.hero-trust-divider {
  width: 1px;
  height: 40px;
  background: rgba(255, 255, 255, 0.18);
}
.sol-sb-property .hero-visual {
  position: relative;
}
.sol-sb-property .dash-mock {
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 40px 90px rgba(0, 30, 80, 0.45);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.sol-sb-property .dash-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 14px 18px;
  background: #f0f7ff;
  border-bottom: 1px solid var(--c-border);
}
.sol-sb-property .dash-bar .dots {
  display: flex;
  gap: 6px;
}
.dash-bar .dots span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.dash-bar .dots span:nth-child(1) {
  background: #ef4444;
}
.dash-bar .dots span:nth-child(2) {
  background: #f59e0b;
}
.dash-bar .dots span:nth-child(3) {
  background: #22c55e;
}
.sol-sb-property .dash-bar .url {
  flex: 1;
  text-align: center;
  font-size: 0.72rem;
  color: var(--c-slate-light);
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 6px;
  padding: 4px 14px;
  margin-left: 8px;
}
.sol-sb-property .dash-body {
  display: grid;
  grid-template-columns: 68px 1fr;
  min-height: 360px;
}
.sol-sb-property .dash-side {
  background: linear-gradient(180deg, #0d47a1, #1565c0);
  padding: 16px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.sol-sb-property .dash-side .icon-item {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.5);
  transition: 0.2s;
}
.sol-sb-property .dash-side .icon-item.active {
  background: linear-gradient(135deg, #42a5f5, #1e88e5);
  color: #fff;
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.5);
}
.dash-side .icon-item svg {
  width: 18px;
  height: 18px;
}
.sol-sb-property .dash-main {
  padding: 20px;
  background: #fafbfc;
}
.sol-sb-property .dash-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-bottom: 16px;
}
.sol-sb-property .dash-stat {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 12px;
  padding: 14px;
  transition: 0.2s;
}
.dash-stat:hover {
  border-color: var(--c-primary-light);
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.1);
}
.sol-sb-property .dash-stat-label {
  font-size: 0.68rem;
  color: var(--c-slate-light);
  margin-bottom: 4px;
}
.dash-stat-val {
  font-size: 1.2rem;
  font-weight: 800;
  color: var(--c-text);
}
.dash-stat-trend {
  font-size: 0.65rem;
  font-weight: 700;
  margin-top: 3px;
}
.sol-sb-property .up {
  color: #10b981;
}
.sol-sb-property .dash-chart {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 12px;
  padding: 16px;
}
.sol-sb-property .dash-chart-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
}
.sol-sb-property .dash-chart-title {
  font-size: 0.74rem;
  font-weight: 600;
  color: var(--c-text);
}
.dash-chart-tag {
  font-size: 0.62rem;
  color: var(--c-primary);
  background: linear-gradient(135deg, rgba(30, 136, 229, 0.1), rgba(66, 165, 245, 0.1));
  padding: 3px 10px;
  border-radius: 100px;
  font-weight: 600;
}
.sol-sb-property .bars {
  display: flex;
  align-items: flex-end;
  gap: 6px;
  height: 96px;
}
.bar {
  flex: 1;
  border-radius: 4px 4px 0 0;
  background: linear-gradient(180deg, #42a5f5, #1565c0);
  opacity: 0.9;
  transition: opacity 0.2s;
}
.bar:hover {
  opacity: 1;
}
.bar.dim {
  background: linear-gradient(180deg, #cbd5e1, #94a3b8);
}
.sol-sb-property .dash-float {
  position: absolute;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 14px 36px rgba(0, 30, 80, 0.25);
  padding: 14px 18px;
  display: flex;
  align-items: center;
  gap: 14px;
  animation: float 3.5s ease-in-out infinite;
  border: 1px solid rgba(255, 255, 255, 0.6);
}
.sol-sb-property .dash-float-1 {
  top: -20px;
  right: -12px;
  animation-delay: 0s;
}
.dash-float-2 {
  bottom: -18px;
  left: -18px;
  animation-delay: 1.5s;
}
.sol-sb-property .dash-float-icon {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.sol-sb-property .dash-float-icon.green {
  background: linear-gradient(135deg, #d1fae5, #a7f3d0);
  color: #10b981;
}
.dash-float-icon.blue {
  background: linear-gradient(135deg, #dbeafe, #bfdbfe);
  color: #1e88e5;
}
.sol-sb-property .dash-float-text .num {
  font-size: 1.05rem;
  font-weight: 800;
  color: var(--c-text);
}
.dash-float-text .label {
  font-size: 0.7rem;
  color: var(--c-slate-light);
}
@keyframes float {
0%, 100% {
    transform: translateY(0);
}
50% {
    transform: translateY(-12px);
}
}
.sol-sb-property .pain-section {
  background: linear-gradient(180deg, var(--c-white), var(--c-bg));
}
.pain-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}
.sol-sb-property .pain-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 36px 30px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-sb-property .pain-card:hover {
  border-color: var(--c-primary-light);
  box-shadow: var(--shadow-xl);
  transform: translateY(-6px);
}
.pain-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #1e88e5, #42a5f5, #06b6d4);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.pain-card:hover::before {
  transform: scaleX(1);
}
.sol-sb-property .pain-num {
  position: absolute;
  top: 24px;
  right: 28px;
  font-size: 2.8rem;
  font-weight: 900;
  color: rgba(30, 136, 229, 0.06);
  line-height: 1;
}
.sol-sb-property .pain-icon {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: linear-gradient(135deg, #e3f2fd, #bbdefb);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.15);
}
.pain-icon svg {
  width: 28px;
  height: 28px;
  color: var(--c-primary-2);
}
.sol-sb-property .pain-title {
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.pain-desc {
  font-size: 0.92rem;
  color: var(--c-slate);
  line-height: 1.8;
}
.sol-sb-property .solution-section {
  background: #fff;
}
.solution-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}
.sol-sb-property .solution-card {
  background: linear-gradient(145deg, #f5f9ff, #e8f1fb);
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 40px 32px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-sb-property .solution-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
}
.solution-card::after {
  content: "";
  position: absolute;
  top: -30px;
  right: -30px;
  width: 120px;
  height: 120px;
  background: radial-gradient(circle, rgba(30, 136, 229, 0.1), transparent);
  pointer-events: none;
}
.sol-sb-property .solution-icon {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  background: linear-gradient(135deg, #1e88e5, #42a5f5);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.3);
}
.solution-icon svg {
  width: 26px;
  height: 26px;
  color: #fff;
}
.sol-sb-property .solution-card h3 {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 14px;
}
.solution-card p {
  font-size: 0.95rem;
  color: var(--c-slate);
  line-height: 1.8;
}
.sol-sb-property .func-section {
  background: linear-gradient(180deg, var(--c-bg), var(--c-white));
}
.func-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
.sol-sb-property .func-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 36px 32px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
  display: flex;
  gap: 24px;
}
.sol-sb-property .func-card:hover {
  border-color: var(--c-primary-light);
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
}
.func-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: linear-gradient(180deg, #1e88e5, #42a5f5);
  transform: scaleY(0);
  transform-origin: top;
  transition: transform 0.4s;
}
.func-card:hover::before {
  transform: scaleY(1);
}
.sol-sb-property .func-card-num {
  font-size: 2.4rem;
  font-weight: 900;
  color: rgba(30, 136, 229, 0.12);
  line-height: 1;
  flex-shrink: 0;
  min-width: 56px;
}
.sol-sb-property .func-card-body {
  flex: 1;
}
.func-card-icon {
  width: 44px;
  height: 44px;
  border-radius: 11px;
  background: linear-gradient(135deg, #e3f2fd, #bbdefb);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.12);
}
.func-card-icon svg {
  width: 22px;
  height: 22px;
  color: var(--c-primary-2);
}
.sol-sb-property .func-card-body h3 {
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 10px;
}
.func-card-body p {
  font-size: 0.92rem;
  color: var(--c-slate);
  line-height: 1.8;
}
.sol-sb-property .advantage-section {
  background: #fff;
}
.advantage-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.sol-sb-property .advantage-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius);
  padding: 34px 28px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-sb-property .advantage-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
  border-color: var(--c-primary-light);
}
.advantage-card::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #1e88e5, #42a5f5);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.advantage-card:hover::before {
  transform: scaleX(1);
}
.sol-sb-property .advantage-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: linear-gradient(135deg, #1e88e5, #42a5f5);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  box-shadow: 0 6px 16px rgba(30, 136, 229, 0.25);
}
.advantage-icon svg {
  width: 24px;
  height: 24px;
  color: #fff;
}
.sol-sb-property .advantage-card h3 {
  font-size: 1.12rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.advantage-card p {
  font-size: 0.9rem;
  color: var(--c-slate);
  line-height: 1.75;
}
.sol-sb-property .scenario-section {
  background: linear-gradient(180deg, var(--c-bg), var(--c-bg-2));
}
.scenario-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.sol-sb-property .scenario-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius);
  padding: 32px 28px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-sb-property .scenario-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
  border-color: var(--c-primary-light);
}
.sol-sb-property .scenario-tag {
  display: inline-block;
  padding: 5px 12px;
  background: linear-gradient(135deg, rgba(30, 136, 229, 0.1), rgba(66, 165, 245, 0.1));
  color: var(--c-primary);
  font-size: 0.72rem;
  font-weight: 700;
  border-radius: 100px;
  margin-bottom: 16px;
}
.sol-sb-property .scenario-card h3 {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.scenario-card p {
  font-size: 0.9rem;
  color: var(--c-slate);
  line-height: 1.75;
}
.sol-sb-property .scenario-card::after {
  content: "";
  position: absolute;
  bottom: -20px;
  right: -20px;
  width: 80px;
  height: 80px;
  background: radial-gradient(circle, rgba(30, 136, 229, 0.06), transparent);
  pointer-events: none;
}
.sol-sb-property .value-section {
  background: #fff;
}
.value-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}
.sol-sb-property .value-card {
  background: linear-gradient(145deg, #f5f9ff, #e8f1fb);
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 36px 26px;
  text-align: center;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-sb-property .value-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-6px);
}
.value-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #1e88e5, #42a5f5, #06b6d4);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.4s;
}
.value-card:hover::before {
  transform: scaleX(1);
}
.sol-sb-property .value-icon {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: linear-gradient(135deg, #1e88e5, #42a5f5);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.3);
}
.value-icon svg {
  width: 28px;
  height: 28px;
  color: #fff;
}
.sol-sb-property .value-card h3 {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.value-card p {
  font-size: 0.88rem;
  color: var(--c-slate);
  line-height: 1.75;
}
.value-highlight {
  display: inline-block;
  margin-top: 14px;
  padding: 5px 14px;
  background: #fff;
  border: 1px solid var(--c-primary-light);
  border-radius: 100px;
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--c-primary);
}
.sol-sb-property .trust-section {
  background: linear-gradient(135deg, #0a3a7a 0%, #0d47a1 50%, #1565c0 100%);
  position: relative;
  overflow: hidden;
  padding: 100px 0;
}
.sol-sb-property .trust-section::before {
  content: "";
  position: absolute;
  top: -50%;
  right: -10%;
  width: 600px;
  height: 600px;
  background: radial-gradient(circle, rgba(66, 165, 245, 0.15) 0%, transparent 70%);
  pointer-events: none;
}
.sol-sb-property .trust-section::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
}
.sol-sb-property .trust-section .section-title {
  color: #fff;
}
.trust-section .section-subtitle {
  color: rgba(255, 255, 255, 0.7);
}
.trust-section .section-num {
  color: #90caf9;
  background: rgba(255, 255, 255, 0.1);
}
.sol-sb-property .trust-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  margin-bottom: 60px;
}
.trust-stat {
  text-align: center;
  padding: 36px 22px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius);
  transition: 0.3s;
  backdrop-filter: blur(6px);
}
.trust-stat:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.18);
  transform: translateY(-6px);
}
.sol-sb-property .trust-stat .num {
  font-size: 2.8rem;
  font-weight: 900;
  color: #fff;
  letter-spacing: -0.025em;
  line-height: 1;
  margin-bottom: 8px;
}
.trust-stat .num .unit {
  font-size: 1.4rem;
  font-weight: 700;
}
.trust-stat .label {
  font-size: 0.88rem;
  color: rgba(255, 255, 255, 0.55);
  font-weight: 500;
}
.sol-sb-property .logo-wall {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius-lg);
  padding: 44px;
  margin-bottom: 48px;
  backdrop-filter: blur(6px);
}
.sol-sb-property .logo-wall-title {
  text-align: center;
  font-size: 0.82rem;
  color: rgba(255, 255, 255, 0.45);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  margin-bottom: 28px;
  font-weight: 600;
}
.sol-sb-property .logo-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 18px;
}
.logo-item {
  height: 64px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.82rem;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.4);
  transition: 0.3s;
}
.logo-item:hover {
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.8);
  border-color: rgba(255, 255, 255, 0.18);
  transform: translateY(-2px);
}
.sol-sb-property .trust-cert {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}
.cert-card {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius);
  padding: 28px;
  display: flex;
  align-items: center;
  gap: 18px;
  transition: 0.3s;
  backdrop-filter: blur(6px);
}
.cert-card:hover {
  background: rgba(255, 255, 255, 0.08);
  transform: translateY(-3px);
}
.sol-sb-property .cert-icon {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(66, 165, 245, 0.2), rgba(30, 136, 229, 0.2));
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border: 1px solid rgba(66, 165, 245, 0.3);
}
.cert-icon svg {
  width: 26px;
  height: 26px;
  color: #90caf9;
}
.sol-sb-property .cert-info .title {
  font-size: 0.92rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 4px;
}
.cert-info .desc {
  font-size: 0.78rem;
  color: rgba(255, 255, 255, 0.45);
}
.sol-sb-property .faq-section {
  background: linear-gradient(180deg, var(--c-bg), var(--c-white));
}
.faq-wrap {
  max-width: 880px;
  margin: 0 auto;
}
.sol-sb-property .faq-item {
  border: 1.5px solid var(--c-border);
  border-radius: var(--radius);
  margin-bottom: 14px;
  overflow: hidden;
  transition: 0.3s;
  background: #fff;
}
.faq-item.active {
  border-color: var(--c-primary);
  box-shadow: 0 8px 28px rgba(30, 136, 229, 0.12);
}
.faq-item.active .faq-q {
  color: var(--c-primary);
}
.sol-sb-property .faq-q {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22px 28px;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 600;
  color: var(--c-text);
  transition: color 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  gap: 16px;
}
.faq-q .arrow {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  transition: transform 0.3s;
  color: var(--c-slate-light);
}
.faq-item.active .faq-q .arrow {
  transform: rotate(180deg);
  color: var(--c-primary);
}
.sol-sb-property .faq-a {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}
.faq-a-inner {
  padding: 0 28px 24px;
  font-size: 0.94rem;
  color: var(--c-slate);
  line-height: 1.85;
}
.sol-sb-property .cta-section {
  position: relative;
  background: linear-gradient(135deg, #0d47a1 0%, #1565c0 50%, #1e88e5 100%);
  padding: 100px 0;
  overflow: hidden;
}
.sol-sb-property .cta-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: radial-gradient(circle at 70% 30%, rgba(66, 165, 245, 0.25) 0%, transparent 50%), radial-gradient(circle at 20% 80%, rgba(255, 255, 255, 0.12) 0%, transparent 40%);
  pointer-events: none;
}
.sol-sb-property .cta-section::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 60px;
  background: linear-gradient(to bottom, transparent, var(--c-footer));
  pointer-events: none;
}
.sol-sb-property .cta-inner {
  position: relative;
  z-index: 1;
  text-align: center;
  max-width: 820px;
  margin: 0 auto;
}
.cta-inner h2 {
  font-size: 2.5rem;
  font-weight: 900;
  color: #fff;
  letter-spacing: -0.025em;
  margin-bottom: 20px;
  line-height: 1.25;
}
.sol-sb-property .cta-inner h2 .highlight {
  background: linear-gradient(135deg, #fff, #bbdefb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.cta-inner p {
  font-size: 1.12rem;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.85;
  margin-bottom: 44px;
}
.sol-sb-property .cta-options {
  display: flex;
  gap: 18px;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 36px;
}
.cta-note {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.5);
  flex-wrap: wrap;
}
.cta-note .dot {
  width: 5px;
  height: 5px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
}
.sol-sb-property .reveal {
  opacity: 0;
  transform: translateY(32px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}
.reveal.active {
  opacity: 1;
  transform: translateY(0);
}
.reveal-delay-1 {
  transition-delay: 0.12s;
}
.reveal-delay-2 {
  transition-delay: 0.24s;
}
.reveal-delay-3 {
  transition-delay: 0.36s;
}
@media (max-width: 480px) {
.container {
    padding: 0 18px;
}
.hero h1 {
    font-size: 1.85rem;
}
.section-title {
    font-size: 1.55rem;
}
.dash-stats {
    grid-template-columns: 1fr;
    gap: 8px;
}
.value-grid {
    grid-template-columns: 1fr;
}
}.sol-sb-rural, .sol-sb-rural *, .sol-sb-rural *::before, .sol-sb-rural *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.sol-sb-rural {
  --c-primary:#1e88e5;
  --c-primary-2:#1976d2;
  --c-primary-3:#1565c0;
  --c-primary-4:#0d47a1;
  --c-primary-light:#42a5f5;
  --c-primary-bright:#2196f3;
  --c-cyan:#06b6d4;
  --c-slate:#475569;
  --c-slate-light:#64748b;
  --c-text:#0f172a;
  --c-text-mid:#334155;
  --c-bg:#f5f9ff;
  --c-bg-2:#eef4fc;
  --c-bg-3:#e8f1fb;
  --c-border:#e2e8f0;
  --c-white:#fff;
  --c-footer:#0a1929;
  --c-footer-2:#0d2238;
  --radius:14px;
  --radius-lg:22px;
  --shadow-sm:0 2px 8px rgba(30,136,229,.08);
  --shadow:0 8px 28px rgba(30,136,229,.10);
  --shadow-lg:0 18px 56px rgba(30,136,229,.14);
  --shadow-xl:0 28px 80px rgba(30,136,229,.18);
  --shadow-blue:0 10px 30px rgba(30,136,229,.35);
  --max-w:1280px;
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
}
.sol-sb-rural {
  scroll-behavior: smooth;
  font-size: 16px;
}
.sol-sb-rural {
  font-family: var(--font);
  color: var(--c-text);
  background: var(--c-white);
  line-height: 1.7;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}
.sol-sb-rural a {
  text-decoration: none;
  color: inherit;
}
.sol-sb-rural img {
  max-width: 100%;
  display: block;
}
.sol-sb-rural ul {
  list-style: none;
}
.sol-sb-rural .container {
  max-width: var(--max-w);
  margin: 0 auto;
  padding: 0 24px;
}
.sol-sb-rural .section {
  padding: 110px 0;
  position: relative;
}
.section-sm {
  padding: 72px 0;
}
.sol-sb-rural .eyebrow {
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--c-primary);
  margin-bottom: 12px;
}
.sol-sb-rural .section-num {
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.18em;
  color: var(--c-primary);
  display: inline-block;
  background: linear-gradient(135deg, rgba(30, 136, 229, 0.1), rgba(66, 165, 245, 0.1));
  padding: 6px 14px;
  border-radius: 100px;
  margin-bottom: 14px;
}
.sol-sb-rural .section-title {
  font-size: 2.4rem;
  font-weight: 800;
  color: var(--c-text);
  line-height: 1.25;
  margin-bottom: 18px;
  letter-spacing: -0.02em;
}
.sol-sb-rural .section-subtitle {
  font-size: 1.08rem;
  color: var(--c-slate);
  max-width: 720px;
  line-height: 1.8;
}
.sol-sb-rural .section-head {
  margin-bottom: 64px;
}
.section-head.center {
  text-align: center;
}
.section-head.center .section-subtitle {
  margin: 0 auto;
}
.section-head.center .section-num {
  display: inline-block;
}
.sol-sb-rural .header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  background: rgba(255, 255, 255, 0.97);
  backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--c-border);
  transition: box-shadow 0.3s;
}
.sol-sb-rural .header.scrolled {
  box-shadow: 0 4px 20px rgba(30, 136, 229, 0.08);
}
.sol-sb-rural .header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 72px;
  max-width: var(--max-w);
  margin: 0 auto;
  padding: 0 24px;
}
.sol-sb-rural .logo {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 1.3rem;
  font-weight: 800;
  color: var(--c-primary-3);
  letter-spacing: -0.02em;
}
.logo svg {
  width: 36px;
  height: 36px;
  flex-shrink: 0;
}
.sol-sb-rural .nav {
  display: flex;
  align-items: center;
  gap: 36px;
}
.nav a {
  font-size: 0.94rem;
  color: var(--c-text-mid);
  font-weight: 500;
  transition: color 0.2s;
  position: relative;
}
.nav a:hover {
  color: var(--c-primary);
}
.sol-sb-rural .nav a::after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 0;
  height: 2.5px;
  background: var(--c-primary);
  border-radius: 2px;
  transition: width 0.25s;
}
.nav a:hover::after {
  width: 100%;
}
.sol-sb-rural .header-cta {
  display: flex;
  align-items: center;
  gap: 14px;
}
.sol-sb-rural .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 28px;
  border-radius: 12px;
  font-size: 0.94rem;
  font-weight: 600;
  cursor: pointer;
  border: none;
  transition: all 0.25s;
  white-space: nowrap;
  line-height: 1.2;
}
.sol-sb-rural .btn-primary {
  background: linear-gradient(180deg, #42a5f5 0%, #1e88e5 50%, #1976d2 100%);
  color: #fff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -2px 0 rgba(0, 0, 0, 0.08), 0 4px 0 var(--c-primary-3), 0 8px 20px rgba(30, 136, 229, 0.35);
}
.sol-sb-rural .btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -2px 0 rgba(0, 0, 0, 0.08), 0 6px 0 var(--c-primary-3), 0 12px 26px rgba(30, 136, 229, 0.45);
}
.sol-sb-rural .btn-primary:active {
  transform: translateY(2px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -2px 0 rgba(0, 0, 0, 0.08), 0 1px 0 var(--c-primary-3), 0 4px 12px rgba(30, 136, 229, 0.35);
}
.sol-sb-rural .btn-outline {
  background: #fff;
  color: var(--c-primary-3);
  border: 1.5px solid var(--c-border);
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.08);
}
.sol-sb-rural .btn-outline:hover {
  border-color: var(--c-primary);
  color: var(--c-primary);
  box-shadow: 0 6px 18px rgba(30, 136, 229, 0.18);
  transform: translateY(-2px);
}
.sol-sb-rural .btn-ghost {
  background: rgba(255, 255, 255, 0.14);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.35);
  backdrop-filter: blur(6px);
}
.sol-sb-rural .btn-ghost:hover {
  background: rgba(255, 255, 255, 0.24);
  transform: translateY(-2px);
}
.sol-sb-rural .btn-lg {
  padding: 17px 40px;
  font-size: 1.05rem;
  border-radius: 14px;
}
.btn-lg.btn-primary {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), inset 0 -2px 0 rgba(0, 0, 0, 0.1), 0 6px 0 var(--c-primary-3), 0 12px 28px rgba(30, 136, 229, 0.4);
}
.sol-sb-rural .btn-sm {
  padding: 9px 20px;
  font-size: 0.85rem;
  border-radius: 10px;
}
.sol-sb-rural .menu-toggle {
  display: none;
  flex-direction: column;
  gap: 5px;
  cursor: pointer;
  padding: 6px;
  background: none;
  border: none;
}
.menu-toggle span {
  width: 24px;
  height: 2.5px;
  background: var(--c-primary-3);
  border-radius: 2px;
  transition: 0.3s;
}
.sol-sb-rural .menu-toggle.active span:nth-child(1) {
  transform: translateY(7.5px) rotate(45deg);
}
.menu-toggle.active span:nth-child(2) {
  opacity: 0;
}
.menu-toggle.active span:nth-child(3) {
  transform: translateY(-7.5px) rotate(-45deg);
}
.sol-sb-rural .hero {
  position: relative;
  background: linear-gradient(135deg, #0d47a1 0%, #1565c0 30%, #1e88e5 70%, #2196f3 100%);
  padding: 150px 0 100px;
  overflow: hidden;
}
.sol-sb-rural .hero::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: radial-gradient(circle at 15% 40%, rgba(255, 255, 255, 0.18) 0%, transparent 45%), radial-gradient(circle at 85% 25%, rgba(66, 165, 245, 0.25) 0%, transparent 50%), radial-gradient(circle at 70% 80%, rgba(255, 255, 255, 0.1) 0%, transparent 40%);
  pointer-events: none;
}
.sol-sb-rural .hero::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 80px;
  background: linear-gradient(to bottom, transparent, var(--c-white));
  pointer-events: none;
}
.sol-sb-rural .hero-grid {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 56px;
  align-items: center;
  position: relative;
  z-index: 1;
}
.sol-sb-rural .hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 18px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 100px;
  color: #fff;
  font-size: 0.82rem;
  font-weight: 500;
  margin-bottom: 30px;
  backdrop-filter: blur(8px);
}
.sol-sb-rural .hero-badge .dot {
  width: 8px;
  height: 8px;
  background: #34d399;
  border-radius: 50%;
  box-shadow: 0 0 10px #34d399;
  animation: pulse 1.6s ease-in-out infinite;
}
@keyframes pulse {
0%, 100% {
    opacity: 1;
    transform: scale(1);
}
50% {
    opacity: 0.6;
    transform: scale(1.3);
}
}
.sol-sb-rural .hero h1 {
  font-size: 3.2rem;
  font-weight: 900;
  color: #fff;
  line-height: 1.18;
  letter-spacing: -0.025em;
  margin-bottom: 24px;
}
.sol-sb-rural .hero h1 .highlight {
  background: linear-gradient(135deg, #fff, #bbdefb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  position: relative;
  display: inline-block;
}
.sol-sb-rural .hero h1 .highlight::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -4px;
  height: 6px;
  background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0.2) 100%);
  border-radius: 3px;
  opacity: 0.5;
}
.sol-sb-rural .hero-sub {
  font-size: 1.14rem;
  color: rgba(255, 255, 255, 0.85);
  line-height: 1.85;
  margin-bottom: 28px;
  max-width: 560px;
}
.sol-sb-rural .hero-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 36px;
}
.sol-sb-rural .hero-tags span {
  padding: 7px 16px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 30px;
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.85);
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(4px);
}
.sol-sb-rural .hero-cta {
  display: flex;
  gap: 16px;
  margin-bottom: 40px;
  flex-wrap: wrap;
}
.sol-sb-rural .hero-trust {
  display: flex;
  align-items: center;
  gap: 30px;
  flex-wrap: wrap;
}
.sol-sb-rural .hero-trust-item {
  display: flex;
  align-items: center;
  gap: 10px;
}
.hero-trust-num {
  font-size: 1.65rem;
  font-weight: 800;
  color: #fff;
}
.hero-trust-label {
  font-size: 0.82rem;
  color: rgba(255, 255, 255, 0.6);
}
.hero-trust-divider {
  width: 1px;
  height: 40px;
  background: rgba(255, 255, 255, 0.18);
}
.sol-sb-rural .hero-visual {
  position: relative;
}
.sol-sb-rural .dash-mock {
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 40px 90px rgba(0, 30, 80, 0.45);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.sol-sb-rural .dash-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 14px 18px;
  background: #f0f7ff;
  border-bottom: 1px solid var(--c-border);
}
.sol-sb-rural .dash-bar .dots {
  display: flex;
  gap: 6px;
}
.dash-bar .dots span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.dash-bar .dots span:nth-child(1) {
  background: #ef4444;
}
.dash-bar .dots span:nth-child(2) {
  background: #f59e0b;
}
.dash-bar .dots span:nth-child(3) {
  background: #22c55e;
}
.sol-sb-rural .dash-bar .url {
  flex: 1;
  text-align: center;
  font-size: 0.72rem;
  color: var(--c-slate-light);
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 6px;
  padding: 4px 14px;
  margin-left: 8px;
}
.sol-sb-rural .dash-body {
  display: grid;
  grid-template-columns: 68px 1fr;
  min-height: 360px;
}
.sol-sb-rural .dash-side {
  background: linear-gradient(180deg, #0d47a1, #1565c0);
  padding: 16px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.sol-sb-rural .dash-side .icon-item {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.5);
  transition: 0.2s;
}
.sol-sb-rural .dash-side .icon-item.active {
  background: linear-gradient(135deg, #42a5f5, #1e88e5);
  color: #fff;
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.5);
}
.dash-side .icon-item svg {
  width: 18px;
  height: 18px;
}
.sol-sb-rural .dash-main {
  padding: 20px;
  background: #fafbfc;
}
.sol-sb-rural .dash-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-bottom: 16px;
}
.sol-sb-rural .dash-stat {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 12px;
  padding: 14px;
  transition: 0.2s;
}
.dash-stat:hover {
  border-color: var(--c-primary-light);
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.1);
}
.sol-sb-rural .dash-stat-label {
  font-size: 0.68rem;
  color: var(--c-slate-light);
  margin-bottom: 4px;
}
.dash-stat-val {
  font-size: 1.2rem;
  font-weight: 800;
  color: var(--c-text);
}
.dash-stat-trend {
  font-size: 0.65rem;
  font-weight: 700;
  margin-top: 3px;
}
.sol-sb-rural .up {
  color: #10b981;
}
.sol-sb-rural .dash-chart {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 12px;
  padding: 16px;
}
.sol-sb-rural .dash-chart-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
}
.sol-sb-rural .dash-chart-title {
  font-size: 0.74rem;
  font-weight: 600;
  color: var(--c-text);
}
.dash-chart-tag {
  font-size: 0.62rem;
  color: var(--c-primary);
  background: linear-gradient(135deg, rgba(30, 136, 229, 0.1), rgba(66, 165, 245, 0.1));
  padding: 3px 10px;
  border-radius: 100px;
  font-weight: 600;
}
.sol-sb-rural .bars {
  display: flex;
  align-items: flex-end;
  gap: 6px;
  height: 96px;
}
.bar {
  flex: 1;
  border-radius: 4px 4px 0 0;
  background: linear-gradient(180deg, #42a5f5, #1565c0);
  opacity: 0.9;
  transition: opacity 0.2s;
}
.bar:hover {
  opacity: 1;
}
.bar.dim {
  background: linear-gradient(180deg, #cbd5e1, #94a3b8);
}
.sol-sb-rural .dash-float {
  position: absolute;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 14px 36px rgba(0, 30, 80, 0.25);
  padding: 14px 18px;
  display: flex;
  align-items: center;
  gap: 14px;
  animation: float 3.5s ease-in-out infinite;
  border: 1px solid rgba(255, 255, 255, 0.6);
}
.sol-sb-rural .dash-float-1 {
  top: -20px;
  right: -12px;
  animation-delay: 0s;
}
.dash-float-2 {
  bottom: -18px;
  left: -18px;
  animation-delay: 1.5s;
}
.sol-sb-rural .dash-float-icon {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.sol-sb-rural .dash-float-icon.green {
  background: linear-gradient(135deg, #d1fae5, #a7f3d0);
  color: #10b981;
}
.dash-float-icon.blue {
  background: linear-gradient(135deg, #dbeafe, #bfdbfe);
  color: #1e88e5;
}
.sol-sb-rural .dash-float-text .num {
  font-size: 1.05rem;
  font-weight: 800;
  color: var(--c-text);
}
.dash-float-text .label {
  font-size: 0.7rem;
  color: var(--c-slate-light);
}
@keyframes float {
0%, 100% {
    transform: translateY(0);
}
50% {
    transform: translateY(-12px);
}
}
.sol-sb-rural .pain-section {
  background: linear-gradient(180deg, var(--c-white), var(--c-bg));
}
.pain-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}
.sol-sb-rural .pain-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 36px 30px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-sb-rural .pain-card:hover {
  border-color: var(--c-primary-light);
  box-shadow: var(--shadow-xl);
  transform: translateY(-6px);
}
.pain-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #1e88e5, #42a5f5, #06b6d4);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.pain-card:hover::before {
  transform: scaleX(1);
}
.sol-sb-rural .pain-num {
  position: absolute;
  top: 24px;
  right: 28px;
  font-size: 2.8rem;
  font-weight: 900;
  color: rgba(30, 136, 229, 0.06);
  line-height: 1;
}
.sol-sb-rural .pain-icon {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: linear-gradient(135deg, #e3f2fd, #bbdefb);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.15);
}
.pain-icon svg {
  width: 28px;
  height: 28px;
  color: var(--c-primary-2);
}
.sol-sb-rural .pain-title {
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.pain-desc {
  font-size: 0.92rem;
  color: var(--c-slate);
  line-height: 1.8;
}
.sol-sb-rural .solution-section {
  background: #fff;
}
.solution-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}
.sol-sb-rural .solution-card {
  background: linear-gradient(145deg, #f5f9ff, #e8f1fb);
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 40px 32px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-sb-rural .solution-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
}
.solution-card::after {
  content: "";
  position: absolute;
  top: -30px;
  right: -30px;
  width: 120px;
  height: 120px;
  background: radial-gradient(circle, rgba(30, 136, 229, 0.1), transparent);
  pointer-events: none;
}
.sol-sb-rural .solution-icon {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  background: linear-gradient(135deg, #1e88e5, #42a5f5);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.3);
}
.solution-icon svg {
  width: 26px;
  height: 26px;
  color: #fff;
}
.sol-sb-rural .solution-card h3 {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 14px;
}
.solution-card p {
  font-size: 0.95rem;
  color: var(--c-slate);
  line-height: 1.8;
}
.sol-sb-rural .func-section {
  background: linear-gradient(180deg, var(--c-bg), var(--c-white));
}
.func-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
.sol-sb-rural .func-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 36px 32px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
  display: flex;
  gap: 24px;
}
.sol-sb-rural .func-card:hover {
  border-color: var(--c-primary-light);
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
}
.func-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: linear-gradient(180deg, #1e88e5, #42a5f5);
  transform: scaleY(0);
  transform-origin: top;
  transition: transform 0.4s;
}
.func-card:hover::before {
  transform: scaleY(1);
}
.sol-sb-rural .func-card-num {
  font-size: 2.4rem;
  font-weight: 900;
  color: rgba(30, 136, 229, 0.12);
  line-height: 1;
  flex-shrink: 0;
  min-width: 56px;
}
.sol-sb-rural .func-card-body {
  flex: 1;
}
.func-card-icon {
  width: 44px;
  height: 44px;
  border-radius: 11px;
  background: linear-gradient(135deg, #e3f2fd, #bbdefb);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.12);
}
.func-card-icon svg {
  width: 22px;
  height: 22px;
  color: var(--c-primary-2);
}
.sol-sb-rural .func-card-body h3 {
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 10px;
}
.func-card-body p {
  font-size: 0.92rem;
  color: var(--c-slate);
  line-height: 1.8;
}
.sol-sb-rural .advantage-section {
  background: #fff;
}
.advantage-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.sol-sb-rural .advantage-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius);
  padding: 34px 28px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-sb-rural .advantage-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
  border-color: var(--c-primary-light);
}
.advantage-card::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #1e88e5, #42a5f5);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.advantage-card:hover::before {
  transform: scaleX(1);
}
.sol-sb-rural .advantage-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: linear-gradient(135deg, #1e88e5, #42a5f5);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  box-shadow: 0 6px 16px rgba(30, 136, 229, 0.25);
}
.advantage-icon svg {
  width: 24px;
  height: 24px;
  color: #fff;
}
.sol-sb-rural .advantage-card h3 {
  font-size: 1.12rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.advantage-card p {
  font-size: 0.9rem;
  color: var(--c-slate);
  line-height: 1.75;
}
.sol-sb-rural .scenario-section {
  background: linear-gradient(180deg, var(--c-bg), var(--c-bg-2));
}
.scenario-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.sol-sb-rural .scenario-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius);
  padding: 32px 28px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-sb-rural .scenario-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
  border-color: var(--c-primary-light);
}
.sol-sb-rural .scenario-tag {
  display: inline-block;
  padding: 5px 12px;
  background: linear-gradient(135deg, rgba(30, 136, 229, 0.1), rgba(66, 165, 245, 0.1));
  color: var(--c-primary);
  font-size: 0.72rem;
  font-weight: 700;
  border-radius: 100px;
  margin-bottom: 16px;
}
.sol-sb-rural .scenario-card h3 {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.scenario-card p {
  font-size: 0.9rem;
  color: var(--c-slate);
  line-height: 1.75;
}
.sol-sb-rural .scenario-card::after {
  content: "";
  position: absolute;
  bottom: -20px;
  right: -20px;
  width: 80px;
  height: 80px;
  background: radial-gradient(circle, rgba(30, 136, 229, 0.06), transparent);
  pointer-events: none;
}
.sol-sb-rural .value-section {
  background: #fff;
}
.value-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}
.sol-sb-rural .value-card {
  background: linear-gradient(145deg, #f5f9ff, #e8f1fb);
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 36px 26px;
  text-align: center;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-sb-rural .value-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-6px);
}
.value-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #1e88e5, #42a5f5, #06b6d4);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.4s;
}
.value-card:hover::before {
  transform: scaleX(1);
}
.sol-sb-rural .value-icon {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: linear-gradient(135deg, #1e88e5, #42a5f5);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.3);
}
.value-icon svg {
  width: 28px;
  height: 28px;
  color: #fff;
}
.sol-sb-rural .value-card h3 {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.value-card p {
  font-size: 0.88rem;
  color: var(--c-slate);
  line-height: 1.75;
}
.value-highlight {
  display: inline-block;
  margin-top: 14px;
  padding: 5px 14px;
  background: #fff;
  border: 1px solid var(--c-primary-light);
  border-radius: 100px;
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--c-primary);
}
.sol-sb-rural .trust-section {
  background: linear-gradient(135deg, #0a3a7a 0%, #0d47a1 50%, #1565c0 100%);
  position: relative;
  overflow: hidden;
  padding: 100px 0;
}
.sol-sb-rural .trust-section::before {
  content: "";
  position: absolute;
  top: -50%;
  right: -10%;
  width: 600px;
  height: 600px;
  background: radial-gradient(circle, rgba(66, 165, 245, 0.15) 0%, transparent 70%);
  pointer-events: none;
}
.sol-sb-rural .trust-section::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
}
.sol-sb-rural .trust-section .section-title {
  color: #fff;
}
.trust-section .section-subtitle {
  color: rgba(255, 255, 255, 0.7);
}
.trust-section .section-num {
  color: #90caf9;
  background: rgba(255, 255, 255, 0.1);
}
.sol-sb-rural .trust-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  margin-bottom: 60px;
}
.trust-stat {
  text-align: center;
  padding: 36px 22px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius);
  transition: 0.3s;
  backdrop-filter: blur(6px);
}
.trust-stat:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.18);
  transform: translateY(-6px);
}
.sol-sb-rural .trust-stat .num {
  font-size: 2.8rem;
  font-weight: 900;
  color: #fff;
  letter-spacing: -0.025em;
  line-height: 1;
  margin-bottom: 8px;
}
.trust-stat .num .unit {
  font-size: 1.4rem;
  font-weight: 700;
}
.trust-stat .label {
  font-size: 0.88rem;
  color: rgba(255, 255, 255, 0.55);
  font-weight: 500;
}
.sol-sb-rural .logo-wall {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius-lg);
  padding: 44px;
  margin-bottom: 48px;
  backdrop-filter: blur(6px);
}
.sol-sb-rural .logo-wall-title {
  text-align: center;
  font-size: 0.82rem;
  color: rgba(255, 255, 255, 0.45);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  margin-bottom: 28px;
  font-weight: 600;
}
.sol-sb-rural .logo-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 18px;
}
.logo-item {
  height: 64px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.82rem;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.4);
  transition: 0.3s;
}
.logo-item:hover {
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.8);
  border-color: rgba(255, 255, 255, 0.18);
  transform: translateY(-2px);
}
.sol-sb-rural .trust-cert {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}
.cert-card {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius);
  padding: 28px;
  display: flex;
  align-items: center;
  gap: 18px;
  transition: 0.3s;
  backdrop-filter: blur(6px);
}
.cert-card:hover {
  background: rgba(255, 255, 255, 0.08);
  transform: translateY(-3px);
}
.sol-sb-rural .cert-icon {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(66, 165, 245, 0.2), rgba(30, 136, 229, 0.2));
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border: 1px solid rgba(66, 165, 245, 0.3);
}
.cert-icon svg {
  width: 26px;
  height: 26px;
  color: #90caf9;
}
.sol-sb-rural .cert-info .title {
  font-size: 0.92rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 4px;
}
.cert-info .desc {
  font-size: 0.78rem;
  color: rgba(255, 255, 255, 0.45);
}
.sol-sb-rural .faq-section {
  background: linear-gradient(180deg, var(--c-bg), var(--c-white));
}
.faq-wrap {
  max-width: 880px;
  margin: 0 auto;
}
.sol-sb-rural .faq-item {
  border: 1.5px solid var(--c-border);
  border-radius: var(--radius);
  margin-bottom: 14px;
  overflow: hidden;
  transition: 0.3s;
  background: #fff;
}
.faq-item.active {
  border-color: var(--c-primary);
  box-shadow: 0 8px 28px rgba(30, 136, 229, 0.12);
}
.faq-item.active .faq-q {
  color: var(--c-primary);
}
.sol-sb-rural .faq-q {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22px 28px;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 600;
  color: var(--c-text);
  transition: color 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  gap: 16px;
}
.faq-q .arrow {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  transition: transform 0.3s;
  color: var(--c-slate-light);
}
.faq-item.active .faq-q .arrow {
  transform: rotate(180deg);
  color: var(--c-primary);
}
.sol-sb-rural .faq-a {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}
.faq-a-inner {
  padding: 0 28px 24px;
  font-size: 0.94rem;
  color: var(--c-slate);
  line-height: 1.85;
}
.sol-sb-rural .cta-section {
  position: relative;
  background: linear-gradient(135deg, #0d47a1 0%, #1565c0 50%, #1e88e5 100%);
  padding: 100px 0;
  overflow: hidden;
}
.sol-sb-rural .cta-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: radial-gradient(circle at 70% 30%, rgba(66, 165, 245, 0.25) 0%, transparent 50%), radial-gradient(circle at 20% 80%, rgba(255, 255, 255, 0.12) 0%, transparent 40%);
  pointer-events: none;
}
.sol-sb-rural .cta-section::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 60px;
  background: linear-gradient(to bottom, transparent, var(--c-footer));
  pointer-events: none;
}
.sol-sb-rural .cta-inner {
  position: relative;
  z-index: 1;
  text-align: center;
  max-width: 820px;
  margin: 0 auto;
}
.cta-inner h2 {
  font-size: 2.5rem;
  font-weight: 900;
  color: #fff;
  letter-spacing: -0.025em;
  margin-bottom: 20px;
  line-height: 1.25;
}
.sol-sb-rural .cta-inner h2 .highlight {
  background: linear-gradient(135deg, #fff, #bbdefb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.cta-inner p {
  font-size: 1.12rem;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.85;
  margin-bottom: 44px;
}
.sol-sb-rural .cta-options {
  display: flex;
  gap: 18px;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 36px;
}
.cta-note {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.5);
  flex-wrap: wrap;
}
.cta-note .dot {
  width: 5px;
  height: 5px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
}
.sol-sb-rural .reveal {
  opacity: 0;
  transform: translateY(32px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}
.reveal.active {
  opacity: 1;
  transform: translateY(0);
}
.reveal-delay-1 {
  transition-delay: 0.12s;
}
.reveal-delay-2 {
  transition-delay: 0.24s;
}
.reveal-delay-3 {
  transition-delay: 0.36s;
}
@media (max-width: 480px) {
.container {
    padding: 0 18px;
}
.hero h1 {
    font-size: 1.85rem;
}
.section-title {
    font-size: 1.55rem;
}
.dash-stats {
    grid-template-columns: 1fr;
    gap: 8px;
}
.value-grid {
    grid-template-columns: 1fr;
}
}.sol-sb-training, .sol-sb-training *, .sol-sb-training *::before, .sol-sb-training *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.sol-sb-training {
  --c-primary:#1e88e5;
  --c-primary-2:#1976d2;
  --c-primary-3:#1565c0;
  --c-primary-4:#0d47a1;
  --c-primary-light:#42a5f5;
  --c-primary-bright:#2196f3;
  --c-cyan:#06b6d4;
  --c-slate:#475569;
  --c-slate-light:#64748b;
  --c-text:#0f172a;
  --c-text-mid:#334155;
  --c-bg:#f5f9ff;
  --c-bg-2:#eef4fc;
  --c-bg-3:#e8f1fb;
  --c-border:#e2e8f0;
  --c-white:#fff;
  --c-footer:#0a1929;
  --c-footer-2:#0d2238;
  --radius:14px;
  --radius-lg:22px;
  --shadow-sm:0 2px 8px rgba(30,136,229,.08);
  --shadow:0 8px 28px rgba(30,136,229,.10);
  --shadow-lg:0 18px 56px rgba(30,136,229,.14);
  --shadow-xl:0 28px 80px rgba(30,136,229,.18);
  --shadow-blue:0 10px 30px rgba(30,136,229,.35);
  --max-w:1280px;
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
}
.sol-sb-training {
  scroll-behavior: smooth;
  font-size: 16px;
}
.sol-sb-training {
  font-family: var(--font);
  color: var(--c-text);
  background: var(--c-white);
  line-height: 1.7;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}
.sol-sb-training a {
  text-decoration: none;
  color: inherit;
}
.sol-sb-training img {
  max-width: 100%;
  display: block;
}
.sol-sb-training ul {
  list-style: none;
}
.sol-sb-training .container {
  max-width: var(--max-w);
  margin: 0 auto;
  padding: 0 24px;
}
.sol-sb-training .section {
  padding: 110px 0;
  position: relative;
}
.section-sm {
  padding: 72px 0;
}
.sol-sb-training .eyebrow {
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--c-primary);
  margin-bottom: 12px;
}
.sol-sb-training .section-num {
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.18em;
  color: var(--c-primary);
  display: inline-block;
  background: linear-gradient(135deg, rgba(30, 136, 229, 0.1), rgba(66, 165, 245, 0.1));
  padding: 6px 14px;
  border-radius: 100px;
  margin-bottom: 14px;
}
.sol-sb-training .section-title {
  font-size: 2.4rem;
  font-weight: 800;
  color: var(--c-text);
  line-height: 1.25;
  margin-bottom: 18px;
  letter-spacing: -0.02em;
}
.sol-sb-training .section-subtitle {
  font-size: 1.08rem;
  color: var(--c-slate);
  max-width: 720px;
  line-height: 1.8;
}
.sol-sb-training .section-head {
  margin-bottom: 64px;
}
.section-head.center {
  text-align: center;
}
.section-head.center .section-subtitle {
  margin: 0 auto;
}
.section-head.center .section-num {
  display: inline-block;
}
.sol-sb-training .header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  background: rgba(255, 255, 255, 0.97);
  backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--c-border);
  transition: box-shadow 0.3s;
}
.sol-sb-training .header.scrolled {
  box-shadow: 0 4px 20px rgba(30, 136, 229, 0.08);
}
.sol-sb-training .header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 72px;
  max-width: var(--max-w);
  margin: 0 auto;
  padding: 0 24px;
}
.sol-sb-training .logo {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 1.3rem;
  font-weight: 800;
  color: var(--c-primary-3);
  letter-spacing: -0.02em;
}
.logo svg {
  width: 36px;
  height: 36px;
  flex-shrink: 0;
}
.sol-sb-training .nav {
  display: flex;
  align-items: center;
  gap: 36px;
}
.nav a {
  font-size: 0.94rem;
  color: var(--c-text-mid);
  font-weight: 500;
  transition: color 0.2s;
  position: relative;
}
.nav a:hover {
  color: var(--c-primary);
}
.sol-sb-training .nav a::after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 0;
  height: 2.5px;
  background: var(--c-primary);
  border-radius: 2px;
  transition: width 0.25s;
}
.nav a:hover::after {
  width: 100%;
}
.sol-sb-training .header-cta {
  display: flex;
  align-items: center;
  gap: 14px;
}
.sol-sb-training .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 28px;
  border-radius: 12px;
  font-size: 0.94rem;
  font-weight: 600;
  cursor: pointer;
  border: none;
  transition: all 0.25s;
  white-space: nowrap;
  line-height: 1.2;
}
.sol-sb-training .btn-primary {
  background: linear-gradient(180deg, #42a5f5 0%, #1e88e5 50%, #1976d2 100%);
  color: #fff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -2px 0 rgba(0, 0, 0, 0.08), 0 4px 0 var(--c-primary-3), 0 8px 20px rgba(30, 136, 229, 0.35);
}
.sol-sb-training .btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -2px 0 rgba(0, 0, 0, 0.08), 0 6px 0 var(--c-primary-3), 0 12px 26px rgba(30, 136, 229, 0.45);
}
.sol-sb-training .btn-primary:active {
  transform: translateY(2px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -2px 0 rgba(0, 0, 0, 0.08), 0 1px 0 var(--c-primary-3), 0 4px 12px rgba(30, 136, 229, 0.35);
}
.sol-sb-training .btn-outline {
  background: #fff;
  color: var(--c-primary-3);
  border: 1.5px solid var(--c-border);
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.08);
}
.sol-sb-training .btn-outline:hover {
  border-color: var(--c-primary);
  color: var(--c-primary);
  box-shadow: 0 6px 18px rgba(30, 136, 229, 0.18);
  transform: translateY(-2px);
}
.sol-sb-training .btn-ghost {
  background: rgba(255, 255, 255, 0.14);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.35);
  backdrop-filter: blur(6px);
}
.sol-sb-training .btn-ghost:hover {
  background: rgba(255, 255, 255, 0.24);
  transform: translateY(-2px);
}
.sol-sb-training .btn-lg {
  padding: 17px 40px;
  font-size: 1.05rem;
  border-radius: 14px;
}
.btn-lg.btn-primary {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), inset 0 -2px 0 rgba(0, 0, 0, 0.1), 0 6px 0 var(--c-primary-3), 0 12px 28px rgba(30, 136, 229, 0.4);
}
.sol-sb-training .btn-sm {
  padding: 9px 20px;
  font-size: 0.85rem;
  border-radius: 10px;
}
.sol-sb-training .menu-toggle {
  display: none;
  flex-direction: column;
  gap: 5px;
  cursor: pointer;
  padding: 6px;
  background: none;
  border: none;
}
.menu-toggle span {
  width: 24px;
  height: 2.5px;
  background: var(--c-primary-3);
  border-radius: 2px;
  transition: 0.3s;
}
.sol-sb-training .menu-toggle.active span:nth-child(1) {
  transform: translateY(7.5px) rotate(45deg);
}
.menu-toggle.active span:nth-child(2) {
  opacity: 0;
}
.menu-toggle.active span:nth-child(3) {
  transform: translateY(-7.5px) rotate(-45deg);
}
.sol-sb-training .hero {
  position: relative;
  background: linear-gradient(135deg, #0d47a1 0%, #1565c0 30%, #1e88e5 70%, #2196f3 100%);
  padding: 150px 0 100px;
  overflow: hidden;
}
.sol-sb-training .hero::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: radial-gradient(circle at 15% 40%, rgba(255, 255, 255, 0.18) 0%, transparent 45%), radial-gradient(circle at 85% 25%, rgba(66, 165, 245, 0.25) 0%, transparent 50%), radial-gradient(circle at 70% 80%, rgba(255, 255, 255, 0.1) 0%, transparent 40%);
  pointer-events: none;
}
.sol-sb-training .hero::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 80px;
  background: linear-gradient(to bottom, transparent, var(--c-white));
  pointer-events: none;
}
.sol-sb-training .hero-grid {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 56px;
  align-items: center;
  position: relative;
  z-index: 1;
}
.sol-sb-training .hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 18px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 100px;
  color: #fff;
  font-size: 0.82rem;
  font-weight: 500;
  margin-bottom: 30px;
  backdrop-filter: blur(8px);
}
.sol-sb-training .hero-badge .dot {
  width: 8px;
  height: 8px;
  background: #34d399;
  border-radius: 50%;
  box-shadow: 0 0 10px #34d399;
  animation: pulse 1.6s ease-in-out infinite;
}
@keyframes pulse {
0%, 100% {
    opacity: 1;
    transform: scale(1);
}
50% {
    opacity: 0.6;
    transform: scale(1.3);
}
}
.sol-sb-training .hero h1 {
  font-size: 3.2rem;
  font-weight: 900;
  color: #fff;
  line-height: 1.18;
  letter-spacing: -0.025em;
  margin-bottom: 24px;
}
.sol-sb-training .hero h1 .highlight {
  background: linear-gradient(135deg, #fff, #bbdefb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  position: relative;
  display: inline-block;
}
.sol-sb-training .hero h1 .highlight::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -4px;
  height: 6px;
  background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0.2) 100%);
  border-radius: 3px;
  opacity: 0.5;
}
.sol-sb-training .hero-sub {
  font-size: 1.14rem;
  color: rgba(255, 255, 255, 0.85);
  line-height: 1.85;
  margin-bottom: 28px;
  max-width: 560px;
}
.sol-sb-training .hero-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 36px;
}
.sol-sb-training .hero-tags span {
  padding: 7px 16px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 30px;
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.85);
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(4px);
}
.sol-sb-training .hero-cta {
  display: flex;
  gap: 16px;
  margin-bottom: 40px;
  flex-wrap: wrap;
}
.sol-sb-training .hero-trust {
  display: flex;
  align-items: center;
  gap: 30px;
  flex-wrap: wrap;
}
.sol-sb-training .hero-trust-item {
  display: flex;
  align-items: center;
  gap: 10px;
}
.hero-trust-num {
  font-size: 1.65rem;
  font-weight: 800;
  color: #fff;
}
.hero-trust-label {
  font-size: 0.82rem;
  color: rgba(255, 255, 255, 0.6);
}
.hero-trust-divider {
  width: 1px;
  height: 40px;
  background: rgba(255, 255, 255, 0.18);
}
.sol-sb-training .hero-visual {
  position: relative;
}
.sol-sb-training .dash-mock {
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 40px 90px rgba(0, 30, 80, 0.45);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.sol-sb-training .dash-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 14px 18px;
  background: #f0f7ff;
  border-bottom: 1px solid var(--c-border);
}
.sol-sb-training .dash-bar .dots {
  display: flex;
  gap: 6px;
}
.dash-bar .dots span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.dash-bar .dots span:nth-child(1) {
  background: #ef4444;
}
.dash-bar .dots span:nth-child(2) {
  background: #f59e0b;
}
.dash-bar .dots span:nth-child(3) {
  background: #22c55e;
}
.sol-sb-training .dash-bar .url {
  flex: 1;
  text-align: center;
  font-size: 0.72rem;
  color: var(--c-slate-light);
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 6px;
  padding: 4px 14px;
  margin-left: 8px;
}
.sol-sb-training .dash-body {
  display: grid;
  grid-template-columns: 68px 1fr;
  min-height: 360px;
}
.sol-sb-training .dash-side {
  background: linear-gradient(180deg, #0d47a1, #1565c0);
  padding: 16px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.sol-sb-training .dash-side .icon-item {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.5);
  transition: 0.2s;
}
.sol-sb-training .dash-side .icon-item.active {
  background: linear-gradient(135deg, #42a5f5, #1e88e5);
  color: #fff;
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.5);
}
.dash-side .icon-item svg {
  width: 18px;
  height: 18px;
}
.sol-sb-training .dash-main {
  padding: 20px;
  background: #fafbfc;
}
.sol-sb-training .dash-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-bottom: 16px;
}
.sol-sb-training .dash-stat {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 12px;
  padding: 14px;
  transition: 0.2s;
}
.dash-stat:hover {
  border-color: var(--c-primary-light);
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.1);
}
.sol-sb-training .dash-stat-label {
  font-size: 0.68rem;
  color: var(--c-slate-light);
  margin-bottom: 4px;
}
.dash-stat-val {
  font-size: 1.2rem;
  font-weight: 800;
  color: var(--c-text);
}
.dash-stat-trend {
  font-size: 0.65rem;
  font-weight: 700;
  margin-top: 3px;
}
.sol-sb-training .up {
  color: #10b981;
}
.sol-sb-training .dash-chart {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 12px;
  padding: 16px;
}
.sol-sb-training .dash-chart-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
}
.sol-sb-training .dash-chart-title {
  font-size: 0.74rem;
  font-weight: 600;
  color: var(--c-text);
}
.dash-chart-tag {
  font-size: 0.62rem;
  color: var(--c-primary);
  background: linear-gradient(135deg, rgba(30, 136, 229, 0.1), rgba(66, 165, 245, 0.1));
  padding: 3px 10px;
  border-radius: 100px;
  font-weight: 600;
}
.sol-sb-training .bars {
  display: flex;
  align-items: flex-end;
  gap: 6px;
  height: 96px;
}
.bar {
  flex: 1;
  border-radius: 4px 4px 0 0;
  background: linear-gradient(180deg, #42a5f5, #1565c0);
  opacity: 0.9;
  transition: opacity 0.2s;
}
.bar:hover {
  opacity: 1;
}
.bar.dim {
  background: linear-gradient(180deg, #cbd5e1, #94a3b8);
}
.sol-sb-training .dash-float {
  position: absolute;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 14px 36px rgba(0, 30, 80, 0.25);
  padding: 14px 18px;
  display: flex;
  align-items: center;
  gap: 14px;
  animation: float 3.5s ease-in-out infinite;
  border: 1px solid rgba(255, 255, 255, 0.6);
}
.sol-sb-training .dash-float-1 {
  top: -20px;
  right: -12px;
  animation-delay: 0s;
}
.dash-float-2 {
  bottom: -18px;
  left: -18px;
  animation-delay: 1.5s;
}
.sol-sb-training .dash-float-icon {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.sol-sb-training .dash-float-icon.green {
  background: linear-gradient(135deg, #d1fae5, #a7f3d0);
  color: #10b981;
}
.dash-float-icon.blue {
  background: linear-gradient(135deg, #dbeafe, #bfdbfe);
  color: #1e88e5;
}
.sol-sb-training .dash-float-text .num {
  font-size: 1.05rem;
  font-weight: 800;
  color: var(--c-text);
}
.dash-float-text .label {
  font-size: 0.7rem;
  color: var(--c-slate-light);
}
@keyframes float {
0%, 100% {
    transform: translateY(0);
}
50% {
    transform: translateY(-12px);
}
}
.sol-sb-training .pain-section {
  background: linear-gradient(180deg, var(--c-white), var(--c-bg));
}
.pain-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}
.sol-sb-training .pain-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 36px 30px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-sb-training .pain-card:hover {
  border-color: var(--c-primary-light);
  box-shadow: var(--shadow-xl);
  transform: translateY(-6px);
}
.pain-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #1e88e5, #42a5f5, #06b6d4);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.pain-card:hover::before {
  transform: scaleX(1);
}
.sol-sb-training .pain-num {
  position: absolute;
  top: 24px;
  right: 28px;
  font-size: 2.8rem;
  font-weight: 900;
  color: rgba(30, 136, 229, 0.06);
  line-height: 1;
}
.sol-sb-training .pain-icon {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: linear-gradient(135deg, #e3f2fd, #bbdefb);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.15);
}
.pain-icon svg {
  width: 28px;
  height: 28px;
  color: var(--c-primary-2);
}
.sol-sb-training .pain-title {
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.pain-desc {
  font-size: 0.92rem;
  color: var(--c-slate);
  line-height: 1.8;
}
.sol-sb-training .solution-section {
  background: #fff;
}
.solution-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}
.sol-sb-training .solution-card {
  background: linear-gradient(145deg, #f5f9ff, #e8f1fb);
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 40px 32px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-sb-training .solution-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
}
.solution-card::after {
  content: "";
  position: absolute;
  top: -30px;
  right: -30px;
  width: 120px;
  height: 120px;
  background: radial-gradient(circle, rgba(30, 136, 229, 0.1), transparent);
  pointer-events: none;
}
.sol-sb-training .solution-icon {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  background: linear-gradient(135deg, #1e88e5, #42a5f5);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.3);
}
.solution-icon svg {
  width: 26px;
  height: 26px;
  color: #fff;
}
.sol-sb-training .solution-card h3 {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 14px;
}
.solution-card p {
  font-size: 0.95rem;
  color: var(--c-slate);
  line-height: 1.8;
}
.sol-sb-training .func-section {
  background: linear-gradient(180deg, var(--c-bg), var(--c-white));
}
.func-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
.sol-sb-training .func-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 36px 32px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
  display: flex;
  gap: 24px;
}
.sol-sb-training .func-card:hover {
  border-color: var(--c-primary-light);
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
}
.func-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: linear-gradient(180deg, #1e88e5, #42a5f5);
  transform: scaleY(0);
  transform-origin: top;
  transition: transform 0.4s;
}
.func-card:hover::before {
  transform: scaleY(1);
}
.sol-sb-training .func-card-num {
  font-size: 2.4rem;
  font-weight: 900;
  color: rgba(30, 136, 229, 0.12);
  line-height: 1;
  flex-shrink: 0;
  min-width: 56px;
}
.sol-sb-training .func-card-body {
  flex: 1;
}
.func-card-icon {
  width: 44px;
  height: 44px;
  border-radius: 11px;
  background: linear-gradient(135deg, #e3f2fd, #bbdefb);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.12);
}
.func-card-icon svg {
  width: 22px;
  height: 22px;
  color: var(--c-primary-2);
}
.sol-sb-training .func-card-body h3 {
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 10px;
}
.func-card-body p {
  font-size: 0.92rem;
  color: var(--c-slate);
  line-height: 1.8;
}
.sol-sb-training .advantage-section {
  background: #fff;
}
.advantage-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.sol-sb-training .advantage-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius);
  padding: 34px 28px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-sb-training .advantage-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
  border-color: var(--c-primary-light);
}
.advantage-card::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #1e88e5, #42a5f5);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.advantage-card:hover::before {
  transform: scaleX(1);
}
.sol-sb-training .advantage-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: linear-gradient(135deg, #1e88e5, #42a5f5);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  box-shadow: 0 6px 16px rgba(30, 136, 229, 0.25);
}
.advantage-icon svg {
  width: 24px;
  height: 24px;
  color: #fff;
}
.sol-sb-training .advantage-card h3 {
  font-size: 1.12rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.advantage-card p {
  font-size: 0.9rem;
  color: var(--c-slate);
  line-height: 1.75;
}
.sol-sb-training .scenario-section {
  background: linear-gradient(180deg, var(--c-bg), var(--c-bg-2));
}
.scenario-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.sol-sb-training .scenario-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius);
  padding: 32px 28px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-sb-training .scenario-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
  border-color: var(--c-primary-light);
}
.sol-sb-training .scenario-tag {
  display: inline-block;
  padding: 5px 12px;
  background: linear-gradient(135deg, rgba(30, 136, 229, 0.1), rgba(66, 165, 245, 0.1));
  color: var(--c-primary);
  font-size: 0.72rem;
  font-weight: 700;
  border-radius: 100px;
  margin-bottom: 16px;
}
.sol-sb-training .scenario-card h3 {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.scenario-card p {
  font-size: 0.9rem;
  color: var(--c-slate);
  line-height: 1.75;
}
.sol-sb-training .scenario-card::after {
  content: "";
  position: absolute;
  bottom: -20px;
  right: -20px;
  width: 80px;
  height: 80px;
  background: radial-gradient(circle, rgba(30, 136, 229, 0.06), transparent);
  pointer-events: none;
}
.sol-sb-training .value-section {
  background: #fff;
}
.value-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}
.sol-sb-training .value-card {
  background: linear-gradient(145deg, #f5f9ff, #e8f1fb);
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 36px 26px;
  text-align: center;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-sb-training .value-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-6px);
}
.value-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #1e88e5, #42a5f5, #06b6d4);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.4s;
}
.value-card:hover::before {
  transform: scaleX(1);
}
.sol-sb-training .value-icon {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: linear-gradient(135deg, #1e88e5, #42a5f5);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.3);
}
.value-icon svg {
  width: 28px;
  height: 28px;
  color: #fff;
}
.sol-sb-training .value-card h3 {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.value-card p {
  font-size: 0.88rem;
  color: var(--c-slate);
  line-height: 1.75;
}
.value-highlight {
  display: inline-block;
  margin-top: 14px;
  padding: 5px 14px;
  background: #fff;
  border: 1px solid var(--c-primary-light);
  border-radius: 100px;
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--c-primary);
}
.sol-sb-training .trust-section {
  background: linear-gradient(135deg, #0a3a7a 0%, #0d47a1 50%, #1565c0 100%);
  position: relative;
  overflow: hidden;
  padding: 100px 0;
}
.sol-sb-training .trust-section::before {
  content: "";
  position: absolute;
  top: -50%;
  right: -10%;
  width: 600px;
  height: 600px;
  background: radial-gradient(circle, rgba(66, 165, 245, 0.15) 0%, transparent 70%);
  pointer-events: none;
}
.sol-sb-training .trust-section::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
}
.sol-sb-training .trust-section .section-title {
  color: #fff;
}
.trust-section .section-subtitle {
  color: rgba(255, 255, 255, 0.7);
}
.trust-section .section-num {
  color: #90caf9;
  background: rgba(255, 255, 255, 0.1);
}
.sol-sb-training .trust-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  margin-bottom: 60px;
}
.trust-stat {
  text-align: center;
  padding: 36px 22px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius);
  transition: 0.3s;
  backdrop-filter: blur(6px);
}
.trust-stat:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.18);
  transform: translateY(-6px);
}
.sol-sb-training .trust-stat .num {
  font-size: 2.8rem;
  font-weight: 900;
  color: #fff;
  letter-spacing: -0.025em;
  line-height: 1;
  margin-bottom: 8px;
}
.trust-stat .num .unit {
  font-size: 1.4rem;
  font-weight: 700;
}
.trust-stat .label {
  font-size: 0.88rem;
  color: rgba(255, 255, 255, 0.55);
  font-weight: 500;
}
.sol-sb-training .logo-wall {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius-lg);
  padding: 44px;
  margin-bottom: 48px;
  backdrop-filter: blur(6px);
}
.sol-sb-training .logo-wall-title {
  text-align: center;
  font-size: 0.82rem;
  color: rgba(255, 255, 255, 0.45);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  margin-bottom: 28px;
  font-weight: 600;
}
.sol-sb-training .logo-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 18px;
}
.logo-item {
  height: 64px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.82rem;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.4);
  transition: 0.3s;
}
.logo-item:hover {
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.8);
  border-color: rgba(255, 255, 255, 0.18);
  transform: translateY(-2px);
}
.sol-sb-training .trust-cert {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}
.cert-card {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius);
  padding: 28px;
  display: flex;
  align-items: center;
  gap: 18px;
  transition: 0.3s;
  backdrop-filter: blur(6px);
}
.cert-card:hover {
  background: rgba(255, 255, 255, 0.08);
  transform: translateY(-3px);
}
.sol-sb-training .cert-icon {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(66, 165, 245, 0.2), rgba(30, 136, 229, 0.2));
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border: 1px solid rgba(66, 165, 245, 0.3);
}
.cert-icon svg {
  width: 26px;
  height: 26px;
  color: #90caf9;
}
.sol-sb-training .cert-info .title {
  font-size: 0.92rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 4px;
}
.cert-info .desc {
  font-size: 0.78rem;
  color: rgba(255, 255, 255, 0.45);
}
.sol-sb-training .faq-section {
  background: linear-gradient(180deg, var(--c-bg), var(--c-white));
}
.faq-wrap {
  max-width: 880px;
  margin: 0 auto;
}
.sol-sb-training .faq-item {
  border: 1.5px solid var(--c-border);
  border-radius: var(--radius);
  margin-bottom: 14px;
  overflow: hidden;
  transition: 0.3s;
  background: #fff;
}
.faq-item.active {
  border-color: var(--c-primary);
  box-shadow: 0 8px 28px rgba(30, 136, 229, 0.12);
}
.faq-item.active .faq-q {
  color: var(--c-primary);
}
.sol-sb-training .faq-q {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22px 28px;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 600;
  color: var(--c-text);
  transition: color 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  gap: 16px;
}
.faq-q .arrow {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  transition: transform 0.3s;
  color: var(--c-slate-light);
}
.faq-item.active .faq-q .arrow {
  transform: rotate(180deg);
  color: var(--c-primary);
}
.sol-sb-training .faq-a {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}
.faq-a-inner {
  padding: 0 28px 24px;
  font-size: 0.94rem;
  color: var(--c-slate);
  line-height: 1.85;
}
.sol-sb-training .cta-section {
  position: relative;
  background: linear-gradient(135deg, #0d47a1 0%, #1565c0 50%, #1e88e5 100%);
  padding: 100px 0;
  overflow: hidden;
}
.sol-sb-training .cta-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: radial-gradient(circle at 70% 30%, rgba(66, 165, 245, 0.25) 0%, transparent 50%), radial-gradient(circle at 20% 80%, rgba(255, 255, 255, 0.12) 0%, transparent 40%);
  pointer-events: none;
}
.sol-sb-training .cta-section::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 60px;
  background: linear-gradient(to bottom, transparent, var(--c-footer));
  pointer-events: none;
}
.sol-sb-training .cta-inner {
  position: relative;
  z-index: 1;
  text-align: center;
  max-width: 820px;
  margin: 0 auto;
}
.cta-inner h2 {
  font-size: 2.5rem;
  font-weight: 900;
  color: #fff;
  letter-spacing: -0.025em;
  margin-bottom: 20px;
  line-height: 1.25;
}
.sol-sb-training .cta-inner h2 .highlight {
  background: linear-gradient(135deg, #fff, #bbdefb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.cta-inner p {
  font-size: 1.12rem;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.85;
  margin-bottom: 44px;
}
.sol-sb-training .cta-options {
  display: flex;
  gap: 18px;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 36px;
}
.cta-note {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.5);
  flex-wrap: wrap;
}
.cta-note .dot {
  width: 5px;
  height: 5px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
}
.sol-sb-training .reveal {
  opacity: 0;
  transform: translateY(32px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}
.reveal.active {
  opacity: 1;
  transform: translateY(0);
}
.reveal-delay-1 {
  transition-delay: 0.12s;
}
.reveal-delay-2 {
  transition-delay: 0.24s;
}
.reveal-delay-3 {
  transition-delay: 0.36s;
}
@media (max-width: 480px) {
.container {
    padding: 0 18px;
}
.hero h1 {
    font-size: 1.85rem;
}
.section-title {
    font-size: 1.55rem;
}
.dash-stats {
    grid-template-columns: 1fr;
    gap: 8px;
}
.value-grid {
    grid-template-columns: 1fr;
}
}.sol-sb-travel, .sol-sb-travel *, .sol-sb-travel *::before, .sol-sb-travel *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.sol-sb-travel {
  --c-primary:#1e88e5;
  --c-primary-2:#1976d2;
  --c-primary-3:#1565c0;
  --c-primary-4:#0d47a1;
  --c-primary-light:#42a5f5;
  --c-primary-bright:#2196f3;
  --c-cyan:#06b6d4;
  --c-slate:#475569;
  --c-slate-light:#64748b;
  --c-text:#0f172a;
  --c-text-mid:#334155;
  --c-bg:#f5f9ff;
  --c-bg-2:#eef4fc;
  --c-bg-3:#e8f1fb;
  --c-border:#e2e8f0;
  --c-white:#fff;
  --c-footer:#0a1929;
  --c-footer-2:#0d2238;
  --radius:14px;
  --radius-lg:22px;
  --shadow-sm:0 2px 8px rgba(30,136,229,.08);
  --shadow:0 8px 28px rgba(30,136,229,.10);
  --shadow-lg:0 18px 56px rgba(30,136,229,.14);
  --shadow-xl:0 28px 80px rgba(30,136,229,.18);
  --shadow-blue:0 10px 30px rgba(30,136,229,.35);
  --max-w:1280px;
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
}
.sol-sb-travel {
  scroll-behavior: smooth;
  font-size: 16px;
}
.sol-sb-travel {
  font-family: var(--font);
  color: var(--c-text);
  background: var(--c-white);
  line-height: 1.7;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}
.sol-sb-travel a {
  text-decoration: none;
  color: inherit;
}
.sol-sb-travel img {
  max-width: 100%;
  display: block;
}
.sol-sb-travel ul {
  list-style: none;
}
.sol-sb-travel .container {
  max-width: var(--max-w);
  margin: 0 auto;
  padding: 0 24px;
}
.sol-sb-travel .section {
  padding: 110px 0;
  position: relative;
}
.section-sm {
  padding: 72px 0;
}
.sol-sb-travel .eyebrow {
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--c-primary);
  margin-bottom: 12px;
}
.sol-sb-travel .section-num {
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.18em;
  color: var(--c-primary);
  display: inline-block;
  background: linear-gradient(135deg, rgba(30, 136, 229, 0.1), rgba(66, 165, 245, 0.1));
  padding: 6px 14px;
  border-radius: 100px;
  margin-bottom: 14px;
}
.sol-sb-travel .section-title {
  font-size: 2.4rem;
  font-weight: 800;
  color: var(--c-text);
  line-height: 1.25;
  margin-bottom: 18px;
  letter-spacing: -0.02em;
}
.sol-sb-travel .section-subtitle {
  font-size: 1.08rem;
  color: var(--c-slate);
  max-width: 720px;
  line-height: 1.8;
}
.sol-sb-travel .section-head {
  margin-bottom: 64px;
}
.section-head.center {
  text-align: center;
}
.section-head.center .section-subtitle {
  margin: 0 auto;
}
.section-head.center .section-num {
  display: inline-block;
}
.sol-sb-travel .header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  background: rgba(255, 255, 255, 0.97);
  backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--c-border);
  transition: box-shadow 0.3s;
}
.sol-sb-travel .header.scrolled {
  box-shadow: 0 4px 20px rgba(30, 136, 229, 0.08);
}
.sol-sb-travel .header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 72px;
  max-width: var(--max-w);
  margin: 0 auto;
  padding: 0 24px;
}
.sol-sb-travel .logo {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 1.3rem;
  font-weight: 800;
  color: var(--c-primary-3);
  letter-spacing: -0.02em;
}
.sol-sb-travel .logo svg {
  width: 36px;
  height: 36px;
  flex-shrink: 0;
}
.sol-sb-travel .nav {
  display: flex;
  align-items: center;
  gap: 36px;
}
.nav a {
  font-size: 0.94rem;
  color: var(--c-text-mid);
  font-weight: 500;
  transition: color 0.2s;
  position: relative;
}
.nav a:hover {
  color: var(--c-primary);
}
.sol-sb-travel .nav a::after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 0;
  height: 2.5px;
  background: var(--c-primary);
  border-radius: 2px;
  transition: width 0.25s;
}
.nav a:hover::after {
  width: 100%;
}
.sol-sb-travel .header-cta {
  display: flex;
  align-items: center;
  gap: 14px;
}
.sol-sb-travel .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 28px;
  border-radius: 12px;
  font-size: 0.94rem;
  font-weight: 600;
  cursor: pointer;
  border: none;
  transition: all 0.25s;
  white-space: nowrap;
  line-height: 1.2;
}
.sol-sb-travel .btn-primary {
  background: linear-gradient(180deg, #42a5f5 0%, #1e88e5 50%, #1976d2 100%);
  color: #fff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -2px 0 rgba(0, 0, 0, 0.08), 0 4px 0 var(--c-primary-3), 0 8px 20px rgba(30, 136, 229, 0.35);
}
.sol-sb-travel .btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -2px 0 rgba(0, 0, 0, 0.08), 0 6px 0 var(--c-primary-3), 0 12px 26px rgba(30, 136, 229, 0.45);
}
.sol-sb-travel .btn-primary:active {
  transform: translateY(2px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -2px 0 rgba(0, 0, 0, 0.08), 0 1px 0 var(--c-primary-3), 0 4px 12px rgba(30, 136, 229, 0.35);
}
.sol-sb-travel .btn-outline {
  background: #fff;
  color: var(--c-primary-3);
  border: 1.5px solid var(--c-border);
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.08);
}
.sol-sb-travel .btn-outline:hover {
  border-color: var(--c-primary);
  color: var(--c-primary);
  box-shadow: 0 6px 18px rgba(30, 136, 229, 0.18);
  transform: translateY(-2px);
}
.sol-sb-travel .btn-ghost {
  background: rgba(255, 255, 255, 0.14);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.35);
  backdrop-filter: blur(6px);
}
.sol-sb-travel .btn-ghost:hover {
  background: rgba(255, 255, 255, 0.24);
  transform: translateY(-2px);
}
.sol-sb-travel .btn-lg {
  padding: 17px 40px;
  font-size: 1.05rem;
  border-radius: 14px;
}
.sol-sb-travel .btn-lg.btn-primary {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), inset 0 -2px 0 rgba(0, 0, 0, 0.1), 0 6px 0 var(--c-primary-3), 0 12px 28px rgba(30, 136, 229, 0.4);
}
.sol-sb-travel .btn-sm {
  padding: 9px 20px;
  font-size: 0.85rem;
  border-radius: 10px;
}
.sol-sb-travel .menu-toggle {
  display: none;
  flex-direction: column;
  gap: 5px;
  cursor: pointer;
  padding: 6px;
  background: none;
  border: none;
}
.sol-sb-travel .menu-toggle span {
  width: 24px;
  height: 2.5px;
  background: var(--c-primary-3);
  border-radius: 2px;
  transition: 0.3s;
}
.sol-sb-travel .menu-toggle.active span:nth-child(1) {
  transform: translateY(7.5px) rotate(45deg);
}
.menu-toggle.active span:nth-child(2) {
  opacity: 0;
}
.menu-toggle.active span:nth-child(3) {
  transform: translateY(-7.5px) rotate(-45deg);
}
.sol-sb-travel .hero {
  position: relative;
  background: linear-gradient(135deg, #0d47a1 0%, #1565c0 30%, #1e88e5 70%, #2196f3 100%);
  padding: 150px 0 100px;
  overflow: hidden;
}
.sol-sb-travel .hero::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: radial-gradient(circle at 15% 40%, rgba(255, 255, 255, 0.18) 0%, transparent 45%), radial-gradient(circle at 85% 25%, rgba(66, 165, 245, 0.25) 0%, transparent 50%), radial-gradient(circle at 70% 80%, rgba(255, 255, 255, 0.1) 0%, transparent 40%);
  pointer-events: none;
}
.sol-sb-travel .hero::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 80px;
  background: linear-gradient(to bottom, transparent, var(--c-white));
  pointer-events: none;
}
.sol-sb-travel .hero-grid {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 56px;
  align-items: center;
  position: relative;
  z-index: 1;
}
.sol-sb-travel .hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 18px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 100px;
  color: #fff;
  font-size: 0.82rem;
  font-weight: 500;
  margin-bottom: 30px;
  backdrop-filter: blur(8px);
}
.sol-sb-travel .hero-badge .dot {
  width: 8px;
  height: 8px;
  background: #34d399;
  border-radius: 50%;
  box-shadow: 0 0 10px #34d399;
  animation: pulse 1.6s ease-in-out infinite;
}
@keyframes pulse {
0%, 100% {
    opacity: 1;
    transform: scale(1);
}
50% {
    opacity: 0.6;
    transform: scale(1.3);
}
}
.sol-sb-travel .hero h1 {
  font-size: 3.2rem;
  font-weight: 900;
  color: #fff;
  line-height: 1.18;
  letter-spacing: -0.025em;
  margin-bottom: 24px;
}
.sol-sb-travel .hero h1 .highlight {
  background: linear-gradient(135deg, #fff, #bbdefb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  position: relative;
  display: inline-block;
}
.sol-sb-travel .hero h1 .highlight::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -4px;
  height: 6px;
  background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0.2) 100%);
  border-radius: 3px;
  opacity: 0.5;
}
.sol-sb-travel .hero-sub {
  font-size: 1.14rem;
  color: rgba(255, 255, 255, 0.85);
  line-height: 1.85;
  margin-bottom: 28px;
  max-width: 560px;
}
.sol-sb-travel .hero-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 36px;
}
.sol-sb-travel .hero-tags span {
  padding: 7px 16px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 30px;
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.85);
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(4px);
}
.sol-sb-travel .hero-cta {
  display: flex;
  gap: 16px;
  margin-bottom: 40px;
  flex-wrap: wrap;
}
.sol-sb-travel .hero-trust {
  display: flex;
  align-items: center;
  gap: 30px;
  flex-wrap: wrap;
}
.sol-sb-travel .hero-trust-item {
  display: flex;
  align-items: center;
  gap: 10px;
}
.hero-trust-num {
  font-size: 1.65rem;
  font-weight: 800;
  color: #fff;
}
.hero-trust-label {
  font-size: 0.82rem;
  color: rgba(255, 255, 255, 0.6);
}
.hero-trust-divider {
  width: 1px;
  height: 40px;
  background: rgba(255, 255, 255, 0.18);
}
.sol-sb-travel .hero-visual {
  position: relative;
}
.sol-sb-travel .dash-mock {
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 40px 90px rgba(0, 30, 80, 0.45);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.sol-sb-travel .dash-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 14px 18px;
  background: #f0f7ff;
  border-bottom: 1px solid var(--c-border);
}
.sol-sb-travel .dash-bar .dots {
  display: flex;
  gap: 6px;
}
.dash-bar .dots span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.dash-bar .dots span:nth-child(1) {
  background: #ef4444;
}
.dash-bar .dots span:nth-child(2) {
  background: #f59e0b;
}
.dash-bar .dots span:nth-child(3) {
  background: #22c55e;
}
.sol-sb-travel .dash-bar .url {
  flex: 1;
  text-align: center;
  font-size: 0.72rem;
  color: var(--c-slate-light);
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 6px;
  padding: 4px 14px;
  margin-left: 8px;
}
.sol-sb-travel .dash-body {
  display: grid;
  grid-template-columns: 68px 1fr;
  min-height: 360px;
}
.sol-sb-travel .dash-side {
  background: linear-gradient(180deg, #0d47a1, #1565c0);
  padding: 16px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.sol-sb-travel .dash-side .icon-item {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.5);
  transition: 0.2s;
}
.sol-sb-travel .dash-side .icon-item.active {
  background: linear-gradient(135deg, #42a5f5, #1e88e5);
  color: #fff;
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.5);
}
.sol-sb-travel .dash-side .icon-item svg {
  width: 18px;
  height: 18px;
}
.sol-sb-travel .dash-main {
  padding: 20px;
  background: #fafbfc;
}
.sol-sb-travel .dash-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-bottom: 16px;
}
.sol-sb-travel .dash-stat {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 12px;
  padding: 14px;
  transition: 0.2s;
}
.dash-stat:hover {
  border-color: var(--c-primary-light);
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.1);
}
.sol-sb-travel .dash-stat-label {
  font-size: 0.68rem;
  color: var(--c-slate-light);
  margin-bottom: 4px;
}
.dash-stat-val {
  font-size: 1.2rem;
  font-weight: 800;
  color: var(--c-text);
}
.dash-stat-trend {
  font-size: 0.65rem;
  font-weight: 700;
  margin-top: 3px;
}
.sol-sb-travel .up {
  color: #10b981;
}
.sol-sb-travel .dash-chart {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 12px;
  padding: 16px;
}
.sol-sb-travel .dash-chart-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
}
.sol-sb-travel .dash-chart-title {
  font-size: 0.74rem;
  font-weight: 600;
  color: var(--c-text);
}
.dash-chart-tag {
  font-size: 0.62rem;
  color: var(--c-primary);
  background: linear-gradient(135deg, rgba(30, 136, 229, 0.1), rgba(66, 165, 245, 0.1));
  padding: 3px 10px;
  border-radius: 100px;
  font-weight: 600;
}
.sol-sb-travel .bars {
  display: flex;
  align-items: flex-end;
  gap: 6px;
  height: 96px;
}
.bar {
  flex: 1;
  border-radius: 4px 4px 0 0;
  background: linear-gradient(180deg, #42a5f5, #1565c0);
  opacity: 0.9;
  transition: opacity 0.2s;
}
.bar:hover {
  opacity: 1;
}
.bar.dim {
  background: linear-gradient(180deg, #cbd5e1, #94a3b8);
}
.sol-sb-travel .dash-float {
  position: absolute;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 14px 36px rgba(0, 30, 80, 0.25);
  padding: 14px 18px;
  display: flex;
  align-items: center;
  gap: 14px;
  animation: float 3.5s ease-in-out infinite;
  border: 1px solid rgba(255, 255, 255, 0.6);
}
.sol-sb-travel .dash-float-1 {
  top: -20px;
  right: -12px;
  animation-delay: 0s;
}
.dash-float-2 {
  bottom: -18px;
  left: -18px;
  animation-delay: 1.5s;
}
.sol-sb-travel .dash-float-icon {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.sol-sb-travel .dash-float-icon.green {
  background: linear-gradient(135deg, #d1fae5, #a7f3d0);
  color: #10b981;
}
.dash-float-icon.blue {
  background: linear-gradient(135deg, #dbeafe, #bfdbfe);
  color: #1e88e5;
}
.sol-sb-travel .dash-float-text .num {
  font-size: 1.05rem;
  font-weight: 800;
  color: var(--c-text);
}
.dash-float-text .label {
  font-size: 0.7rem;
  color: var(--c-slate-light);
}
@keyframes float {
0%, 100% {
    transform: translateY(0);
}
50% {
    transform: translateY(-12px);
}
}
.sol-sb-travel .pain-section {
  background: linear-gradient(180deg, var(--c-white), var(--c-bg));
}
.pain-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}
.sol-sb-travel .pain-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 36px 30px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-sb-travel .pain-card:hover {
  border-color: var(--c-primary-light);
  box-shadow: var(--shadow-xl);
  transform: translateY(-6px);
}
.pain-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #1e88e5, #42a5f5, #06b6d4);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.pain-card:hover::before {
  transform: scaleX(1);
}
.sol-sb-travel .pain-num {
  position: absolute;
  top: 24px;
  right: 28px;
  font-size: 2.8rem;
  font-weight: 900;
  color: rgba(30, 136, 229, 0.06);
  line-height: 1;
}
.sol-sb-travel .pain-icon {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: linear-gradient(135deg, #e3f2fd, #bbdefb);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.15);
}
.pain-icon svg {
  width: 28px;
  height: 28px;
  color: var(--c-primary-2);
}
.sol-sb-travel .pain-title {
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.pain-desc {
  font-size: 0.92rem;
  color: var(--c-slate);
  line-height: 1.8;
}
.sol-sb-travel .solution-section {
  background: #fff;
}
.solution-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}
.sol-sb-travel .solution-card {
  background: linear-gradient(145deg, #f5f9ff, #e8f1fb);
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 40px 32px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-sb-travel .solution-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
}
.solution-card::after {
  content: "";
  position: absolute;
  top: -30px;
  right: -30px;
  width: 120px;
  height: 120px;
  background: radial-gradient(circle, rgba(30, 136, 229, 0.1), transparent);
  pointer-events: none;
}
.sol-sb-travel .solution-icon {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  background: linear-gradient(135deg, #1e88e5, #42a5f5);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.3);
}
.solution-icon svg {
  width: 26px;
  height: 26px;
  color: #fff;
}
.sol-sb-travel .solution-card h3 {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 14px;
}
.solution-card p {
  font-size: 0.95rem;
  color: var(--c-slate);
  line-height: 1.8;
}
.sol-sb-travel .func-section {
  background: linear-gradient(180deg, var(--c-bg), var(--c-white));
}
.func-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
.sol-sb-travel .func-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 36px 32px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
  display: flex;
  gap: 24px;
}
.sol-sb-travel .func-card:hover {
  border-color: var(--c-primary-light);
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
}
.func-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: linear-gradient(180deg, #1e88e5, #42a5f5);
  transform: scaleY(0);
  transform-origin: top;
  transition: transform 0.4s;
}
.func-card:hover::before {
  transform: scaleY(1);
}
.sol-sb-travel .func-card-num {
  font-size: 2.4rem;
  font-weight: 900;
  color: rgba(30, 136, 229, 0.12);
  line-height: 1;
  flex-shrink: 0;
  min-width: 56px;
}
.sol-sb-travel .func-card-body {
  flex: 1;
}
.func-card-icon {
  width: 44px;
  height: 44px;
  border-radius: 11px;
  background: linear-gradient(135deg, #e3f2fd, #bbdefb);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.12);
}
.func-card-icon svg {
  width: 22px;
  height: 22px;
  color: var(--c-primary-2);
}
.sol-sb-travel .func-card-body h3 {
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 10px;
}
.func-card-body p {
  font-size: 0.92rem;
  color: var(--c-slate);
  line-height: 1.8;
}
.sol-sb-travel .advantage-section {
  background: #fff;
}
.advantage-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.sol-sb-travel .advantage-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius);
  padding: 34px 28px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-sb-travel .advantage-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
  border-color: var(--c-primary-light);
}
.advantage-card::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #1e88e5, #42a5f5);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.advantage-card:hover::before {
  transform: scaleX(1);
}
.sol-sb-travel .advantage-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: linear-gradient(135deg, #1e88e5, #42a5f5);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  box-shadow: 0 6px 16px rgba(30, 136, 229, 0.25);
}
.advantage-icon svg {
  width: 24px;
  height: 24px;
  color: #fff;
}
.sol-sb-travel .advantage-card h3 {
  font-size: 1.12rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.advantage-card p {
  font-size: 0.9rem;
  color: var(--c-slate);
  line-height: 1.75;
}
.sol-sb-travel .scenario-section {
  background: linear-gradient(180deg, var(--c-bg), var(--c-bg-2));
}
.scenario-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.sol-sb-travel .scenario-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius);
  padding: 32px 28px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-sb-travel .scenario-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
  border-color: var(--c-primary-light);
}
.sol-sb-travel .scenario-tag {
  display: inline-block;
  padding: 5px 12px;
  background: linear-gradient(135deg, rgba(30, 136, 229, 0.1), rgba(66, 165, 245, 0.1));
  color: var(--c-primary);
  font-size: 0.72rem;
  font-weight: 700;
  border-radius: 100px;
  margin-bottom: 16px;
}
.sol-sb-travel .scenario-card h3 {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.scenario-card p {
  font-size: 0.9rem;
  color: var(--c-slate);
  line-height: 1.75;
}
.sol-sb-travel .scenario-card::after {
  content: "";
  position: absolute;
  bottom: -20px;
  right: -20px;
  width: 80px;
  height: 80px;
  background: radial-gradient(circle, rgba(30, 136, 229, 0.06), transparent);
  pointer-events: none;
}
.sol-sb-travel .value-section {
  background: #fff;
}
.value-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}
.sol-sb-travel .value-card {
  background: linear-gradient(145deg, #f5f9ff, #e8f1fb);
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 36px 26px;
  text-align: center;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-sb-travel .value-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-6px);
}
.value-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #1e88e5, #42a5f5, #06b6d4);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.4s;
}
.value-card:hover::before {
  transform: scaleX(1);
}
.sol-sb-travel .value-icon {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: linear-gradient(135deg, #1e88e5, #42a5f5);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.3);
}
.value-icon svg {
  width: 28px;
  height: 28px;
  color: #fff;
}
.sol-sb-travel .value-card h3 {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.value-card p {
  font-size: 0.88rem;
  color: var(--c-slate);
  line-height: 1.75;
}
.value-highlight {
  display: inline-block;
  margin-top: 14px;
  padding: 5px 14px;
  background: #fff;
  border: 1px solid var(--c-primary-light);
  border-radius: 100px;
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--c-primary);
}
.sol-sb-travel .trust-section {
  background: linear-gradient(135deg, #0a3a7a 0%, #0d47a1 50%, #1565c0 100%);
  position: relative;
  overflow: hidden;
  padding: 100px 0;
}
.sol-sb-travel .trust-section::before {
  content: "";
  position: absolute;
  top: -50%;
  right: -10%;
  width: 600px;
  height: 600px;
  background: radial-gradient(circle, rgba(66, 165, 245, 0.15) 0%, transparent 70%);
  pointer-events: none;
}
.sol-sb-travel .trust-section::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
}
.sol-sb-travel .trust-section .section-title {
  color: #fff;
}
.trust-section .section-subtitle {
  color: rgba(255, 255, 255, 0.7);
}
.trust-section .section-num {
  color: #90caf9;
  background: rgba(255, 255, 255, 0.1);
}
.sol-sb-travel .trust-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  margin-bottom: 60px;
}
.trust-stat {
  text-align: center;
  padding: 36px 22px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius);
  transition: 0.3s;
  backdrop-filter: blur(6px);
}
.trust-stat:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.18);
  transform: translateY(-6px);
}
.sol-sb-travel .trust-stat .num {
  font-size: 2.8rem;
  font-weight: 900;
  color: #fff;
  letter-spacing: -0.025em;
  line-height: 1;
  margin-bottom: 8px;
}
.trust-stat .num .unit {
  font-size: 1.4rem;
  font-weight: 700;
}
.trust-stat .label {
  font-size: 0.88rem;
  color: rgba(255, 255, 255, 0.55);
  font-weight: 500;
}
.sol-sb-travel .logo-wall {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius-lg);
  padding: 44px;
  margin-bottom: 48px;
  backdrop-filter: blur(6px);
}
.sol-sb-travel .logo-wall-title {
  text-align: center;
  font-size: 0.82rem;
  color: rgba(255, 255, 255, 0.45);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  margin-bottom: 28px;
  font-weight: 600;
}
.sol-sb-travel .logo-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 18px;
}
.logo-item {
  height: 64px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.82rem;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.4);
  transition: 0.3s;
}
.logo-item:hover {
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.8);
  border-color: rgba(255, 255, 255, 0.18);
  transform: translateY(-2px);
}
.sol-sb-travel .trust-cert {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}
.cert-card {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius);
  padding: 28px;
  display: flex;
  align-items: center;
  gap: 18px;
  transition: 0.3s;
  backdrop-filter: blur(6px);
}
.cert-card:hover {
  background: rgba(255, 255, 255, 0.08);
  transform: translateY(-3px);
}
.sol-sb-travel .cert-icon {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(66, 165, 245, 0.2), rgba(30, 136, 229, 0.2));
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border: 1px solid rgba(66, 165, 245, 0.3);
}
.cert-icon svg {
  width: 26px;
  height: 26px;
  color: #90caf9;
}
.sol-sb-travel .cert-info .title {
  font-size: 0.92rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 4px;
}
.cert-info .desc {
  font-size: 0.78rem;
  color: rgba(255, 255, 255, 0.45);
}
.sol-sb-travel .faq-section {
  background: linear-gradient(180deg, var(--c-bg), var(--c-white));
}
.faq-wrap {
  max-width: 880px;
  margin: 0 auto;
}
.sol-sb-travel .faq-item {
  border: 1.5px solid var(--c-border);
  border-radius: var(--radius);
  margin-bottom: 14px;
  overflow: hidden;
  transition: 0.3s;
  background: #fff;
}
.faq-item.active {
  border-color: var(--c-primary);
  box-shadow: 0 8px 28px rgba(30, 136, 229, 0.12);
}
.faq-item.active .faq-q {
  color: var(--c-primary);
}
.sol-sb-travel .faq-q {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22px 28px;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 600;
  color: var(--c-text);
  transition: color 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  gap: 16px;
}
.faq-q .arrow {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  transition: transform 0.3s;
  color: var(--c-slate-light);
}
.faq-item.active .faq-q .arrow {
  transform: rotate(180deg);
  color: var(--c-primary);
}
.sol-sb-travel .faq-a {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}
.faq-a-inner {
  padding: 0 28px 24px;
  font-size: 0.94rem;
  color: var(--c-slate);
  line-height: 1.85;
}
.sol-sb-travel .cta-section {
  position: relative;
  background: linear-gradient(135deg, #0d47a1 0%, #1565c0 50%, #1e88e5 100%);
  padding: 100px 0;
  overflow: hidden;
}
.sol-sb-travel .cta-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: radial-gradient(circle at 70% 30%, rgba(66, 165, 245, 0.25) 0%, transparent 50%), radial-gradient(circle at 20% 80%, rgba(255, 255, 255, 0.12) 0%, transparent 40%);
  pointer-events: none;
}
.sol-sb-travel .cta-section::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 60px;
  background: linear-gradient(to bottom, transparent, var(--c-footer));
  pointer-events: none;
}
.sol-sb-travel .cta-inner {
  position: relative;
  z-index: 1;
  text-align: center;
  max-width: 820px;
  margin: 0 auto;
}
.cta-inner h2 {
  font-size: 2.5rem;
  font-weight: 900;
  color: #fff;
  letter-spacing: -0.025em;
  margin-bottom: 20px;
  line-height: 1.25;
}
.sol-sb-travel .cta-inner h2 .highlight {
  background: linear-gradient(135deg, #fff, #bbdefb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.cta-inner p {
  font-size: 1.12rem;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.85;
  margin-bottom: 44px;
}
.sol-sb-travel .cta-options {
  display: flex;
  gap: 18px;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 36px;
}
.cta-note {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.5);
  flex-wrap: wrap;
}
.cta-note .dot {
  width: 5px;
  height: 5px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
}
.sol-sb-travel .reveal {
  opacity: 0;
  transform: translateY(32px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}
.reveal.active {
  opacity: 1;
  transform: translateY(0);
}
.reveal-delay-1 {
  transition-delay: 0.12s;
}
.reveal-delay-2 {
  transition-delay: 0.24s;
}
.reveal-delay-3 {
  transition-delay: 0.36s;
}
@media (max-width: 480px) {
.container {
    padding: 0 18px;
}
.hero h1 {
    font-size: 1.85rem;
}
.section-title {
    font-size: 1.55rem;
}
.dash-stats {
    grid-template-columns: 1fr;
    gap: 8px;
}
.value-grid {
    grid-template-columns: 1fr;
}
}
.proto-miss[data-v-fda0f70d] {
  min-height: 48vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  color: #64748b;
}

/* ===== Reset & Base ===== */
.sol-xb-cross, .sol-xb-cross *, .sol-xb-cross *::before, .sol-xb-cross *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.sol-xb-cross {
  --c-primary:#1e88e5;
  --c-primary-2:#1976d2;
  --c-primary-3:#1565c0;
  --c-primary-4:#0d47a1;
  --c-primary-light:#42a5f5;
  --c-primary-bright:#2196f3;
  --c-cyan:#06b6d4;
  --c-slate:#475569;
  --c-slate-light:#64748b;
  --c-text:#0f172a;
  --c-text-mid:#334155;
  --c-bg:#f5f9ff;
  --c-bg-2:#eef4fc;
  --c-bg-3:#e8f1fb;
  --c-border:#e2e8f0;
  --c-white:#fff;
  --radius:14px;
  --radius-lg:22px;
  --shadow-sm:0 2px 8px rgba(30,136,229,.08);
  --shadow:0 8px 28px rgba(30,136,229,.10);
  --shadow-lg:0 18px 56px rgba(30,136,229,.14);
  --shadow-xl:0 28px 80px rgba(30,136,229,.18);
  --max-w:1280px;
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
}
.sol-xb-cross {
  scroll-behavior: smooth;
  font-size: 16px;
}
.sol-xb-cross {
  font-family: var(--font);
  color: var(--c-text);
  background: var(--c-white);
  line-height: 1.7;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}
.sol-xb-cross a {
  text-decoration: none;
  color: inherit;
}
.sol-xb-cross img {
  max-width: 100%;
  display: block;
}
.sol-xb-cross ul {
  list-style: none;
}
.sol-xb-cross .container {
  max-width: var(--max-w);
  margin: 0 auto;
  padding: 0 24px;
}
.sol-xb-cross .section {
  padding: 96px 0;
  position: relative;
}
.sol-xb-cross .section-sm {
  padding: 72px 0;
}

/* ===== Typography ===== */
.sol-xb-cross .section-num {
  display: none;
}
.sol-xb-cross .section-title {
  font-size: 2.4rem;
  font-weight: 800;
  color: var(--c-text);
  line-height: 1.25;
  margin-bottom: 18px;
  letter-spacing: -0.02em;
}
.sol-xb-cross .section-subtitle {
  font-size: 1.08rem;
  color: var(--c-slate);
  max-width: 720px;
  line-height: 1.8;
}
.sol-xb-cross .section-head {
  margin-bottom: 46px;
}
.sol-xb-cross .section-head.center {
  text-align: center;
}
.sol-xb-cross .section-head.center .section-subtitle {
  margin: 0 auto;
}

/* ===== Buttons ===== */
.sol-xb-cross .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 28px;
  border-radius: 12px;
  font-size: 0.94rem;
  font-weight: 600;
  cursor: pointer;
  border: none;
  transition: all 0.25s;
  white-space: nowrap;
  line-height: 1.2;
}
.sol-xb-cross .btn-primary {
  background: #1e88e5;
  color: #fff;
  box-shadow: 0 4px 14px rgba(30, 136, 229, 0.35);
}
.sol-xb-cross .btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(30, 136, 229, 0.45);
}
.sol-xb-cross .btn-primary:active {
  transform: translateY(1px);
}
.sol-xb-cross .btn-ghost {
  background: rgba(255, 255, 255, 0.14);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.35);
  backdrop-filter: blur(6px);
}
.sol-xb-cross .btn-ghost:hover {
  background: rgba(255, 255, 255, 0.24);
  transform: translateY(-2px);
}
.sol-xb-cross .btn-lg {
  padding: 17px 40px;
  font-size: 1.05rem;
  border-radius: 14px;
}

/* ===== Hero ===== */
.sol-xb-cross .hero {
  position: relative;
  background: #0d47a1;
  padding: 88px 0 100px;
  overflow: hidden;
}
.sol-xb-cross .hero-grid {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 56px;
  align-items: center;
  position: relative;
  z-index: 1;
}
.sol-xb-cross .hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 18px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 100px;
  color: #fff;
  font-size: 0.82rem;
  font-weight: 500;
  margin-bottom: 30px;
  backdrop-filter: blur(8px);
}
.sol-xb-cross .hero-badge .dot {
  width: 8px;
  height: 8px;
  background: #34d399;
  border-radius: 50%;
  box-shadow: 0 0 10px #34d399;
  animation: pulse 1.6s ease-in-out infinite;
}
@keyframes pulse {
0%, 100% {
    opacity: 1;
    transform: scale(1);
}
50% {
    opacity: 0.6;
    transform: scale(1.3);
}
}
.sol-xb-cross .hero h1 {
  font-size: 2.95rem;
  font-weight: 900;
  color: #fff;
  line-height: 1.18;
  letter-spacing: -0.025em;
  margin-bottom: 24px;
  text-wrap: balance;
}
.sol-xb-cross .hero h1 .highlight {
  color: #bbdefb;
  position: relative;
  display: inline-block;
}
.sol-xb-cross .hero-sub {
  font-size: 1.14rem;
  color: rgba(255, 255, 255, 0.85);
  line-height: 1.85;
  margin-bottom: 28px;
  max-width: 560px;
}
.sol-xb-cross .hero-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 36px;
}
.sol-xb-cross .hero-tags span {
  padding: 7px 16px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 30px;
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.85);
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(4px);
}
.sol-xb-cross .hero-cta {
  display: flex;
  gap: 16px;
  margin-bottom: 40px;
  flex-wrap: wrap;
}
.sol-xb-cross .hero-trust {
  display: flex;
  align-items: center;
  gap: 30px;
  flex-wrap: wrap;
}
.sol-xb-cross .hero-trust-item {
  display: flex;
  align-items: center;
  gap: 10px;
}
.sol-xb-cross .hero-trust-num {
  font-size: 1.65rem;
  font-weight: 800;
  color: #fff;
}
.sol-xb-cross .hero-trust-label {
  font-size: 0.82rem;
  color: rgba(255, 255, 255, 0.6);
}
.sol-xb-cross .hero-trust-divider {
  width: 1px;
  height: 40px;
  background: rgba(255, 255, 255, 0.18);
}

/* Hero Dashboard Mockup */
.sol-xb-cross .hero-visual {
  position: relative;
}
.sol-xb-cross .dash-mock {
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 40px 90px rgba(0, 30, 80, 0.45);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.sol-xb-cross .dash-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 14px 18px;
  background: #f0f7ff;
  border-bottom: 1px solid var(--c-border);
}
.sol-xb-cross .dash-bar .dots {
  display: flex;
  gap: 6px;
}
.sol-xb-cross .dash-bar .dots span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.sol-xb-cross .dash-bar .dots span:nth-child(1) {
  background: #ef4444;
}
.sol-xb-cross .dash-bar .dots span:nth-child(2) {
  background: #f59e0b;
}
.sol-xb-cross .dash-bar .dots span:nth-child(3) {
  background: #22c55e;
}
.sol-xb-cross .dash-bar .url {
  flex: 1;
  text-align: center;
  font-size: 0.72rem;
  color: var(--c-slate-light);
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 6px;
  padding: 4px 14px;
  margin-left: 8px;
}
.sol-xb-cross .dash-body {
  display: grid;
  grid-template-columns: 68px 1fr;
  min-height: 360px;
}
.sol-xb-cross .dash-side {
  background: #1565c0;
  padding: 16px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.sol-xb-cross .dash-side .icon-item {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.5);
  transition: 0.2s;
}
.sol-xb-cross .dash-side .icon-item.active {
  background: #1e88e5;
  color: #fff;
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.5);
}
.sol-xb-cross .dash-side .icon-item svg {
  width: 18px;
  height: 18px;
}
.sol-xb-cross .dash-main {
  padding: 20px;
  background: #fafbfc;
}
.sol-xb-cross .dash-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-bottom: 16px;
}
.sol-xb-cross .dash-stat {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 12px;
  padding: 14px;
  transition: 0.2s;
}
.sol-xb-cross .dash-stat:hover {
  border-color: var(--c-primary-light);
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.1);
}
.sol-xb-cross .dash-stat-label {
  font-size: 0.68rem;
  color: var(--c-slate-light);
  margin-bottom: 4px;
}
.sol-xb-cross .dash-stat-val {
  font-size: 1.2rem;
  font-weight: 800;
  color: var(--c-text);
}
.sol-xb-cross .dash-stat-trend {
  font-size: 0.65rem;
  font-weight: 700;
  margin-top: 3px;
}
.sol-xb-cross .up {
  color: #10b981;
}
.sol-xb-cross .dn {
  color: #ef4444;
}
.sol-xb-cross .dash-chart {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 12px;
  padding: 16px;
}
.sol-xb-cross .dash-chart-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
}
.sol-xb-cross .dash-chart-title {
  font-size: 0.74rem;
  font-weight: 600;
  color: var(--c-text);
}
.sol-xb-cross .dash-chart-tag {
  font-size: 0.62rem;
  color: var(--c-primary);
  background: #e6f1ff;
  padding: 3px 10px;
  border-radius: 100px;
  font-weight: 600;
}
.sol-xb-cross .bars {
  display: flex;
  align-items: flex-end;
  gap: 6px;
  height: 96px;
}
.sol-xb-cross .bar {
  flex: 1;
  border-radius: 4px 4px 0 0;
  background: #1e88e5;
  opacity: 0.9;
  transition: opacity 0.2s;
}
.sol-xb-cross .bar:hover {
  opacity: 1;
}
.sol-xb-cross .bar.dim {
  background: #94a3b8;
}
.sol-xb-cross .dash-float {
  position: absolute;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 14px 36px rgba(0, 30, 80, 0.25);
  padding: 14px 18px;
  display: flex;
  align-items: center;
  gap: 14px;
  animation: float 3.5s ease-in-out infinite;
  border: 1px solid rgba(255, 255, 255, 0.6);
}
.sol-xb-cross .dash-float-1 {
  top: -20px;
  right: -12px;
  animation-delay: 0s;
}
.sol-xb-cross .dash-float-2 {
  bottom: -18px;
  left: -18px;
  animation-delay: 1.5s;
}
.sol-xb-cross .dash-float-icon {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.sol-xb-cross .dash-float-icon.green {
  background: linear-gradient(135deg, #d1fae5, #a7f3d0);
  color: #10b981;
}
.sol-xb-cross .dash-float-icon.blue {
  background: linear-gradient(135deg, #dbeafe, #bfdbfe);
  color: #1e88e5;
}
.sol-xb-cross .dash-float-text .num {
  font-size: 1.05rem;
  font-weight: 800;
  color: var(--c-text);
}
.sol-xb-cross .dash-float-text .label {
  font-size: 0.7rem;
  color: var(--c-slate-light);
}
@keyframes float {
0%, 100% {
    transform: translateY(0);
}
50% {
    transform: translateY(-12px);
}
}
/* ===== Pain Points ===== */
.sol-xb-cross .pain-section {
  background: #f5f9ff;
}
.sol-xb-cross .pain-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}
.sol-xb-cross .pain-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 36px 30px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-xb-cross .pain-card:hover {
  border-color: var(--c-primary-light);
  box-shadow: var(--shadow-xl);
  transform: translateY(-6px);
}
.sol-xb-cross .pain-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: #1e88e5;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.sol-xb-cross .pain-card:hover::before {
  transform: scaleX(1);
}
.sol-xb-cross .pain-num {
  position: absolute;
  top: 24px;
  right: 28px;
  font-size: 2.8rem;
  font-weight: 900;
  color: rgba(30, 136, 229, 0.06);
  line-height: 1;
}
.sol-xb-cross .pain-icon {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: #e3f2fd;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.15);
}
.sol-xb-cross .pain-icon svg {
  width: 28px;
  height: 28px;
  color: var(--c-primary-2);
}
.sol-xb-cross .pain-title {
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.sol-xb-cross .pain-desc {
  font-size: 0.92rem;
  color: var(--c-slate);
  line-height: 1.8;
}

/* ===== Solution Overview ===== */
.sol-xb-cross .solution-section {
  background: #fff;
}
.sol-xb-cross .solution-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}
.sol-xb-cross .solution-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 40px 32px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-xb-cross .solution-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
}
.sol-xb-cross .solution-icon {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  background: #1e88e5;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.3);
}
.sol-xb-cross .solution-icon svg {
  width: 26px;
  height: 26px;
  color: #fff;
}
.sol-xb-cross .solution-card h3 {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 14px;
}
.sol-xb-cross .solution-card p {
  font-size: 0.95rem;
  color: var(--c-slate);
  line-height: 1.8;
}

/* ===== Solution Route ===== */
.sol-xb-cross .solution-route {
  margin-top: 34px;
  padding: 26px;
  background: #fff;
  border: 1px solid #dce7f3;
  border-radius: 16px;
  box-shadow: var(--shadow-sm);
}
.sol-xb-cross .solution-route h3 {
  text-align: center;
  font-size: 1.12rem;
  margin-bottom: 22px;
  color: var(--c-text);
}
.sol-xb-cross .route-track {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 12px;
  position: relative;
}
.sol-xb-cross .route-item {
  position: relative;
  text-align: center;
  padding: 15px 8px;
  background: #f4f8fe;
  border: 1px solid #d7e7f9;
  border-radius: 10px;
  font-size: 0.84rem;
  font-weight: 700;
  color: #174f8b;
}
.sol-xb-cross .route-item small {
  display: block;
  margin-top: 5px;
  color: #6c829b;
  font-size: 0.68rem;
  font-weight: 400;
}
.sol-xb-cross .route-item:not(:last-child):after {
  content: "→";
  position: absolute;
  right: -12px;
  top: 30px;
  color: #087cf0;
  font-size: 18px;
  z-index: 2;
}

/* ===== Architecture ===== */
.sol-xb-cross .arch-section {
  background: #f5f9ff;
}
.sol-xb-cross .arch-board {
  padding: 34px;
  border: 1px solid #d5e6f8;
  border-radius: 20px;
  background: #f8fbff;
  box-shadow: 0 16px 36px rgba(13, 71, 161, 0.08);
  position: relative;
}
.sol-xb-cross .arch-kicker {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  margin-bottom: 20px;
}
.sol-xb-cross .arch-kicker b {
  font-size: 1.1rem;
  color: #102e52;
}
.sol-xb-cross .arch-kicker span {
  font-size: 0.78rem;
  color: var(--c-primary-3);
  background: #e6f2ff;
  border-radius: 100px;
  padding: 6px 12px;
}
.sol-xb-cross .arch-map {
  display: grid;
  gap: 13px;
}
.sol-xb-cross .arch-band {
  display: grid;
  grid-template-columns: 174px 1fr;
  gap: 13px;
  align-items: stretch;
}
.sol-xb-cross .arch-band-label {
  padding: 16px;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #e6f1ff;
  color: #125aa5;
  font-size: 0.92rem;
  font-weight: 800;
}
.sol-xb-cross .arch-band-label small {
  margin-top: 5px;
  color: #5f87b4;
  font-size: 0.68rem;
  font-weight: 500;
}
.sol-xb-cross .arch-band-content {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
}
.sol-xb-cross .arch-unit {
  min-height: 84px;
  padding: 13px 9px;
  border: 1px solid #d4e5f8;
  border-radius: 11px;
  background: #fff;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #143b68;
  font-size: 0.82rem;
  font-weight: 800;
  transition: transform 0.2s, box-shadow 0.2s;
}
.sol-xb-cross .arch-unit:hover {
  transform: translateY(-3px);
  box-shadow: 0 7px 16px rgba(30, 136, 229, 0.12);
}
.sol-xb-cross .arch-unit i {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  margin-bottom: 6px;
  border-radius: 7px;
  background: #e5f1ff;
  color: #1565c0;
  font-size: 0.72rem;
  font-style: normal;
}
.sol-xb-cross .arch-unit small {
  display: block;
  color: #7088a3;
  font-size: 0.66rem;
  font-weight: 400;
  line-height: 1.35;
  margin-top: 4px;
}
.sol-xb-cross .arch-band.core .arch-band-label {
  background: #0d47a1;
  color: #fff;
}
.sol-xb-cross .arch-band.core .arch-band-label small {
  color: #c6e1ff;
}
.sol-xb-cross .arch-band.core .arch-unit {
  background: #1565c0;
  border-color: #1565c0;
  color: #fff;
}
.sol-xb-cross .arch-band.core .arch-unit i {
  background: #fff;
  color: #1565c0;
}
.sol-xb-cross .arch-band.core .arch-unit small {
  color: #d6eaff;
}
.sol-xb-cross .arch-map-note {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px dashed #cfe1f6;
  color: #5f7b9c;
  font-size: 0.8rem;
}

/* ===== Core Functions ===== */
.sol-xb-cross .func-section {
  background: #f5f9ff;
}
.sol-xb-cross .func-section .section-head {
  max-width: 740px;
  margin-left: auto;
  margin-right: auto;
}
.sol-xb-cross .func-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
  align-items: stretch;
}
.sol-xb-cross .func-card {
  min-height: 292px;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
  border: 1px solid #d7e6f6;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 7px 18px rgba(18, 74, 136, 0.055);
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
.sol-xb-cross .func-card:hover {
  transform: translateY(-7px);
  border-color: #78b7f4;
  box-shadow: 0 16px 30px rgba(18, 112, 212, 0.14);
}
.sol-xb-cross .func-card:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  height: auto;
  background: #1e88e5;
}
.sol-xb-cross .func-card-num {
  position: absolute;
  top: 18px;
  right: 18px;
  width: 34px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: #e9f3ff;
  color: #1565c0;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.06em;
}
.sol-xb-cross .func-card-body {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 27px 24px 24px;
}
.sol-xb-cross .func-card-icon {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  flex: none;
  border-radius: 13px;
  background: #e7f2ff;
  color: #1565c0;
  box-shadow: none;
  margin: 0 0 22px;
}
.sol-xb-cross .func-card-icon svg {
  width: 24px;
  height: 24px;
}
.sol-xb-cross .func-card h3 {
  margin: 0 0 11px;
  min-height: 48px;
  display: flex;
  align-items: flex-start;
  font-size: 1.03rem;
  line-height: 1.45;
  color: #102e52;
}
.sol-xb-cross .func-card p {
  margin: 0;
  font-size: 0.88rem;
  color: #476585;
  line-height: 1.75;
}

/* ===== Core Advantages ===== */
.sol-xb-cross .advantage-section {
  background: #fff;
}
.sol-xb-cross .advantage-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}
.sol-xb-cross .advantage-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius);
  padding: 34px 28px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
  min-height: 238px;
}
.sol-xb-cross .advantage-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
  border-color: var(--c-primary-light);
}
.sol-xb-cross .advantage-card::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #1e88e5, #42a5f5);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.sol-xb-cross .advantage-card:hover::before {
  transform: scaleX(1);
}
.sol-xb-cross .advantage-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: #1e88e5;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  box-shadow: 0 6px 16px rgba(30, 136, 229, 0.25);
}
.sol-xb-cross .advantage-icon svg {
  width: 24px;
  height: 24px;
  color: #fff;
}
.sol-xb-cross .advantage-card h3 {
  font-size: 1.12rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.sol-xb-cross .advantage-card p {
  font-size: 0.9rem;
  color: var(--c-slate);
  line-height: 1.75;
}

/* ===== Application Scenarios ===== */
.sol-xb-cross .scenario-section {
  background: #f5f9ff;
}
.sol-xb-cross .scenario-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.sol-xb-cross .scenario-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius);
  padding: 32px 28px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-xb-cross .scenario-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
  border-color: var(--c-primary-light);
}
.sol-xb-cross .scenario-tag {
  display: inline-block;
  padding: 5px 12px;
  background: #e6f1ff;
  color: var(--c-primary);
  font-size: 0.72rem;
  font-weight: 700;
  border-radius: 100px;
  margin-bottom: 16px;
}
.sol-xb-cross .scenario-card h3 {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.sol-xb-cross .scenario-card p {
  font-size: 0.9rem;
  color: var(--c-slate);
  line-height: 1.75;
}

/* ===== Customer Value ===== */
.sol-xb-cross .value-section {
  background: #fff;
}
.sol-xb-cross .value-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}
.sol-xb-cross .value-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 36px 26px;
  text-align: center;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-xb-cross .value-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-6px);
}
.sol-xb-cross .value-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: #1e88e5;
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.4s;
}
.sol-xb-cross .value-card:hover::before {
  transform: scaleX(1);
}
.sol-xb-cross .value-icon {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: #1e88e5;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.3);
}
.sol-xb-cross .value-icon svg {
  width: 28px;
  height: 28px;
  color: #fff;
}
.sol-xb-cross .value-card h3 {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.sol-xb-cross .value-card p {
  font-size: 0.88rem;
  color: var(--c-slate);
  line-height: 1.75;
}
.sol-xb-cross .value-highlight {
  display: inline-block;
  margin-top: 14px;
  padding: 5px 14px;
  background: #fff;
  border: 1px solid var(--c-primary-light);
  border-radius: 100px;
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--c-primary);
}

/* ===== Trust Section ===== */
.sol-xb-cross .trust-section {
  background: #0d47a1;
  position: relative;
  overflow: hidden;
  padding: 100px 0;
}
.sol-xb-cross .trust-section::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
}
.sol-xb-cross .trust-section .section-title {
  color: #fff;
}
.sol-xb-cross .trust-section .section-subtitle {
  color: rgba(255, 255, 255, 0.7);
}
.sol-xb-cross .trust-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  margin-bottom: 60px;
}
.sol-xb-cross .trust-stat {
  text-align: center;
  padding: 36px 22px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius);
  transition: 0.3s;
  backdrop-filter: blur(6px);
}
.sol-xb-cross .trust-stat:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.18);
  transform: translateY(-6px);
}
.sol-xb-cross .trust-stat .num {
  font-size: 2.8rem;
  font-weight: 900;
  color: #fff;
  letter-spacing: -0.025em;
  line-height: 1;
  margin-bottom: 8px;
}
.sol-xb-cross .trust-stat .num .unit {
  font-size: 1.4rem;
  font-weight: 700;
}
.sol-xb-cross .trust-stat .label {
  font-size: 0.88rem;
  color: rgba(255, 255, 255, 0.55);
  font-weight: 500;
}
.sol-xb-cross .logo-wall {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius-lg);
  padding: 44px;
  margin-bottom: 48px;
  backdrop-filter: blur(6px);
}
.sol-xb-cross .logo-wall-title {
  text-align: center;
  font-size: 0.82rem;
  color: rgba(255, 255, 255, 0.45);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  margin-bottom: 28px;
  font-weight: 600;
}
.sol-xb-cross .logo-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 18px;
}
.sol-xb-cross .logo-item {
  height: 64px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.82rem;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.4);
  transition: 0.3s;
}
.sol-xb-cross .logo-item:hover {
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.8);
  border-color: rgba(255, 255, 255, 0.18);
  transform: translateY(-2px);
}
.sol-xb-cross .trust-cert {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}
.sol-xb-cross .cert-card {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius);
  padding: 28px;
  display: flex;
  align-items: center;
  gap: 18px;
  transition: 0.3s;
  backdrop-filter: blur(6px);
}
.sol-xb-cross .cert-card:hover {
  background: rgba(255, 255, 255, 0.08);
  transform: translateY(-3px);
}
.sol-xb-cross .cert-icon {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(66, 165, 245, 0.2), rgba(30, 136, 229, 0.2));
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border: 1px solid rgba(66, 165, 245, 0.3);
}
.sol-xb-cross .cert-icon svg {
  width: 26px;
  height: 26px;
  color: #90caf9;
}
.sol-xb-cross .cert-info .title {
  font-size: 0.92rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 4px;
}
.sol-xb-cross .cert-info .desc {
  font-size: 0.78rem;
  color: rgba(255, 255, 255, 0.45);
}

/* ===== FAQ ===== */
.sol-xb-cross .faq-section {
  background: #f5f9ff;
}
.sol-xb-cross .faq-wrap {
  max-width: 880px;
  margin: 0 auto;
}
.sol-xb-cross .faq-item {
  border: 1.5px solid var(--c-border);
  border-radius: var(--radius);
  margin-bottom: 14px;
  overflow: hidden;
  transition: 0.3s;
  background: #fff;
}
.sol-xb-cross .faq-item.active {
  border-color: var(--c-primary);
  box-shadow: 0 8px 28px rgba(30, 136, 229, 0.12);
}
.sol-xb-cross .faq-item.active .faq-q {
  color: var(--c-primary);
}
.sol-xb-cross .faq-q {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22px 28px;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 600;
  color: var(--c-text);
  transition: color 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  gap: 16px;
}
.sol-xb-cross .faq-q .arrow {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  transition: transform 0.3s;
  color: var(--c-slate-light);
}
.sol-xb-cross .faq-item.active .faq-q .arrow {
  transform: rotate(180deg);
  color: var(--c-primary);
}
.sol-xb-cross .faq-a {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}
.sol-xb-cross .faq-a-inner {
  padding: 0 28px 24px;
  font-size: 0.94rem;
  color: var(--c-slate);
  line-height: 1.85;
}

/* ===== Final CTA ===== */
.sol-xb-cross .cta-section {
  position: relative;
  background: #1565c0;
  padding: 100px 0;
  overflow: hidden;
}
.cta-section::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 60px;
  background: #0d47a1;
  pointer-events: none;
  z-index: 0;
}
.sol-xb-cross .cta-inner {
  position: relative;
  z-index: 1;
  text-align: center;
  max-width: 820px;
  margin: 0 auto;
}
.sol-xb-cross .cta-inner h2 {
  font-size: 2.5rem;
  font-weight: 900;
  color: #fff;
  letter-spacing: -0.025em;
  margin-bottom: 20px;
  line-height: 1.25;
}
.sol-xb-cross .cta-inner h2 .highlight {
  color: #bbdefb;
}
.sol-xb-cross .cta-inner p {
  font-size: 1.12rem;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.85;
  margin-bottom: 44px;
}
.sol-xb-cross .cta-options {
  display: flex;
  gap: 18px;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 36px;
}
.sol-xb-cross .cta-note {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.5);
  flex-wrap: wrap;
}
.sol-xb-cross .cta-note .dot {
  width: 5px;
  height: 5px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
}

/* ===== Footer (zjssoft.com exact style) ===== */
/* ===== Scroll Animations ===== */
.sol-xb-cross .reveal {
  opacity: 0;
  transform: translateY(32px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}
.sol-xb-cross .reveal.active {
  opacity: 1;
  transform: translateY(0);
}
.sol-xb-cross .reveal-delay-1 {
  transition-delay: 0.12s;
}
.sol-xb-cross .reveal-delay-2 {
  transition-delay: 0.24s;
}
.sol-xb-cross .reveal-delay-3 {
  transition-delay: 0.36s;
}

/* ===== Mobile Responsive ===== */
@media (max-width: 1024px) {
.sol-xb-cross .hero-grid {
    grid-template-columns: 1fr;
    gap: 48px;
}
.sol-xb-cross .hero h1 {
    font-size: 2.6rem;
    text-wrap: balance;
}
.sol-xb-cross .pain-grid {
    grid-template-columns: repeat(2, 1fr);
}
.sol-xb-cross .solution-grid {
    grid-template-columns: 1fr;
}
.sol-xb-cross .route-track {
    grid-template-columns: repeat(2, 1fr);
}
.sol-xb-cross .route-item:not(:last-child):after {
    display: none;
}
.sol-xb-cross .arch-band {
    grid-template-columns: 1fr;
}
.sol-xb-cross .arch-band-content {
    grid-template-columns: repeat(3, 1fr);
}
.sol-xb-cross .func-grid {
    grid-template-columns: repeat(2, 1fr);
}
.sol-xb-cross .advantage-grid {
    grid-template-columns: repeat(2, 1fr);
}
.sol-xb-cross .scenario-grid {
    grid-template-columns: repeat(2, 1fr);
}
.sol-xb-cross .value-grid {
    grid-template-columns: repeat(2, 1fr);
}
.sol-xb-cross .trust-stats {
    grid-template-columns: repeat(2, 1fr);
}
.sol-xb-cross .logo-grid {
    grid-template-columns: repeat(3, 1fr);
}
.sol-xb-cross .trust-cert {
    grid-template-columns: 1fr;
}
}
@media (max-width: 768px) {
.sol-xb-cross .section {
    padding: 72px 0;
}
.sol-xb-cross .section-title {
    font-size: 1.8rem;
}
.sol-xb-cross .section-head {
    margin-bottom: 42px;
}
.sol-xb-cross .hero {
    padding: 100px 0 64px;
}
.sol-xb-cross .hero h1 {
    font-size: 2.1rem;
    text-wrap: balance;
}
.sol-xb-cross .hero-sub {
    font-size: 1.05rem;
}
.sol-xb-cross .hero-cta {
    flex-direction: column;
    width: 100%;
}
.sol-xb-cross .hero-cta .btn {
    width: 100%;
}
.sol-xb-cross .hero-trust {
    gap: 20px;
}
.sol-xb-cross .hero-trust-divider {
    display: none;
}
.sol-xb-cross .hero-trust-num {
    font-size: 1.4rem;
}
.sol-xb-cross .hero-trust-label {
    font-size: 0.78rem;
}
.sol-xb-cross .hero-visual {
    max-width: 440px;
    margin: 0 auto;
}
.sol-xb-cross .dash-float {
    display: none;
}
.sol-xb-cross .pain-grid {
    grid-template-columns: 1fr;
    gap: 18px;
}
.sol-xb-cross .pain-card {
    padding: 30px 24px;
}
.sol-xb-cross .route-track {
    grid-template-columns: 1fr;
}
.sol-xb-cross .arch-band-content {
    grid-template-columns: repeat(2, 1fr);
}
.sol-xb-cross .func-card {
    min-height: auto;
    padding: 0;
    flex-direction: column;
    gap: 16px;
}
.sol-xb-cross .func-card h3 {
    min-height: auto;
}
.sol-xb-cross .advantage-grid {
    grid-template-columns: 1fr;
}
.sol-xb-cross .scenario-grid {
    grid-template-columns: 1fr;
}
.sol-xb-cross .value-grid {
    grid-template-columns: 1fr 1fr;
}
.sol-xb-cross .trust-stats {
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}
.sol-xb-cross .trust-stat {
    padding: 24px 14px;
}
.sol-xb-cross .trust-stat .num {
    font-size: 2.1rem;
}
.sol-xb-cross .logo-wall {
    padding: 28px;
}
.sol-xb-cross .logo-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
}
.sol-xb-cross .logo-item {
    height: 54px;
    font-size: 0.75rem;
}
.sol-xb-cross .cert-card {
    padding: 20px;
}
.sol-xb-cross .cta-inner h2 {
    font-size: 1.9rem;
}
.sol-xb-cross .cta-inner p {
    font-size: 1rem;
}
.sol-xb-cross .cta-options {
    flex-direction: column;
    width: 100%;
}
.sol-xb-cross .cta-options .btn {
    width: 100%;
}
}
@media (max-width: 480px) {
.sol-xb-cross .container {
    padding: 0 18px;
}
.sol-xb-cross .hero h1 {
    font-size: 1.85rem;
    text-wrap: balance;
}
.sol-xb-cross .section-title {
    font-size: 1.55rem;
}
.sol-xb-cross .dash-stats {
    grid-template-columns: 1fr;
    gap: 8px;
}
.sol-xb-cross .value-grid {
    grid-template-columns: 1fr;
}
}
@media (max-width: 768px) {
.sol-xb-cross .hero-trust {
    justify-content: flex-start;
}
.sol-xb-cross .hero-trust-item {
    min-width: 80px;
}
.sol-xb-cross .arch-band-content {
    grid-template-columns: repeat(2, 1fr);
}
.sol-xb-cross .arch-unit {
    min-height: 72px;
}
.sol-xb-cross .route-track {
    grid-template-columns: 1fr;
}
.sol-xb-cross .route-item:not(:last-child):after {
    display: none;
}
}
@media (max-width: 480px) {
.sol-xb-cross .hero-trust {
    gap: 14px;
}
.sol-xb-cross .hero-trust-item {
    min-width: 68px;
}
.sol-xb-cross .hero-trust-num {
    font-size: 1.25rem;
}
.sol-xb-cross .hero-trust-label {
    font-size: 0.72rem;
}
.sol-xb-cross .arch-band-content {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
}
.sol-xb-cross .arch-unit {
    padding: 10px 6px;
    font-size: 0.72rem;
}
.sol-xb-cross .arch-unit i {
    width: 20px;
    height: 20px;
    font-size: 0.65rem;
}
.sol-xb-cross .arch-unit small {
    display: none;
}
.sol-xb-cross .faq-q {
    padding: 18px 20px;
    font-size: 0.94rem;
}
.sol-xb-cross .faq-a-inner {
    padding: 0 20px 20px;
    font-size: 0.9rem;
}
}
/* ===== Reset & Base ===== */
.sol-xb-daigou, .sol-xb-daigou *, .sol-xb-daigou *::before, .sol-xb-daigou *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.sol-xb-daigou {
  --c-primary:#1e88e5;
  --c-primary-2:#1976d2;
  --c-primary-3:#1565c0;
  --c-primary-4:#0d47a1;
  --c-primary-light:#42a5f5;
  --c-primary-bright:#2196f3;
  --c-cyan:#06b6d4;
  --c-slate:#475569;
  --c-slate-light:#64748b;
  --c-text:#0f172a;
  --c-text-mid:#334155;
  --c-bg:#f5f9ff;
  --c-bg-2:#eef4fc;
  --c-bg-3:#e8f1fb;
  --c-border:#e2e8f0;
  --c-white:#fff;
  --radius:14px;
  --radius-lg:22px;
  --shadow-sm:0 2px 8px rgba(30,136,229,.08);
  --shadow:0 8px 28px rgba(30,136,229,.10);
  --shadow-lg:0 18px 56px rgba(30,136,229,.14);
  --shadow-xl:0 28px 80px rgba(30,136,229,.18);
  --max-w:1280px;
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
}
.sol-xb-daigou {
  scroll-behavior: smooth;
  font-size: 16px;
}
.sol-xb-daigou {
  font-family: var(--font);
  color: var(--c-text);
  background: var(--c-white);
  line-height: 1.7;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}
.sol-xb-daigou a {
  text-decoration: none;
  color: inherit;
}
.sol-xb-daigou img {
  max-width: 100%;
  display: block;
}
.sol-xb-daigou ul {
  list-style: none;
}
.sol-xb-daigou .container {
  max-width: var(--max-w);
  margin: 0 auto;
  padding: 0 24px;
}
.sol-xb-daigou .section {
  padding: 96px 0;
  position: relative;
}
.sol-xb-daigou .section-sm {
  padding: 72px 0;
}

/* ===== Typography ===== */
.sol-xb-daigou .section-num {
  display: none;
}
.sol-xb-daigou .section-title {
  font-size: 2.4rem;
  font-weight: 800;
  color: var(--c-text);
  line-height: 1.25;
  margin-bottom: 18px;
  letter-spacing: -0.02em;
}
.sol-xb-daigou .section-subtitle {
  font-size: 1.08rem;
  color: var(--c-slate);
  max-width: 720px;
  line-height: 1.8;
}
.sol-xb-daigou .section-head {
  margin-bottom: 46px;
}
.sol-xb-daigou .section-head.center {
  text-align: center;
}
.sol-xb-daigou .section-head.center .section-subtitle {
  margin: 0 auto;
}

/* ===== Buttons ===== */
.sol-xb-daigou .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 28px;
  border-radius: 12px;
  font-size: 0.94rem;
  font-weight: 600;
  cursor: pointer;
  border: none;
  transition: all 0.25s;
  white-space: nowrap;
  line-height: 1.2;
}
.sol-xb-daigou .btn-primary {
  background: #1e88e5;
  color: #fff;
  box-shadow: 0 4px 14px rgba(30, 136, 229, 0.35);
}
.sol-xb-daigou .btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(30, 136, 229, 0.45);
}
.sol-xb-daigou .btn-primary:active {
  transform: translateY(1px);
}
.sol-xb-daigou .btn-ghost {
  background: rgba(255, 255, 255, 0.14);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.35);
  backdrop-filter: blur(6px);
}
.sol-xb-daigou .btn-ghost:hover {
  background: rgba(255, 255, 255, 0.24);
  transform: translateY(-2px);
}
.sol-xb-daigou .btn-lg {
  padding: 17px 40px;
  font-size: 1.05rem;
  border-radius: 14px;
}

/* ===== Hero ===== */
.sol-xb-daigou .hero {
  position: relative;
  background: #0d47a1;
  padding: 88px 0 100px;
  overflow: hidden;
}
.sol-xb-daigou .hero-grid {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 56px;
  align-items: center;
  position: relative;
  z-index: 1;
}
.sol-xb-daigou .hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 18px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 100px;
  color: #fff;
  font-size: 0.82rem;
  font-weight: 500;
  margin-bottom: 30px;
  backdrop-filter: blur(8px);
}
.sol-xb-daigou .hero-badge .dot {
  width: 8px;
  height: 8px;
  background: #34d399;
  border-radius: 50%;
  box-shadow: 0 0 10px #34d399;
  animation: pulse 1.6s ease-in-out infinite;
}
@keyframes pulse {
0%, 100% {
    opacity: 1;
    transform: scale(1);
}
50% {
    opacity: 0.6;
    transform: scale(1.3);
}
}
.sol-xb-daigou .hero h1 {
  font-size: 2.95rem;
  font-weight: 900;
  color: #fff;
  line-height: 1.18;
  letter-spacing: -0.025em;
  margin-bottom: 24px;
  text-wrap: balance;
}
.sol-xb-daigou .hero h1 .highlight {
  color: #bbdefb;
  position: relative;
  display: inline-block;
}
.sol-xb-daigou .hero-sub {
  font-size: 1.14rem;
  color: rgba(255, 255, 255, 0.85);
  line-height: 1.85;
  margin-bottom: 28px;
  max-width: 560px;
}
.sol-xb-daigou .hero-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 36px;
}
.sol-xb-daigou .hero-tags span {
  padding: 7px 16px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 30px;
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.85);
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(4px);
}
.sol-xb-daigou .hero-cta {
  display: flex;
  gap: 16px;
  margin-bottom: 40px;
  flex-wrap: wrap;
}
.sol-xb-daigou .hero-trust {
  display: flex;
  align-items: center;
  gap: 30px;
  flex-wrap: wrap;
}
.sol-xb-daigou .hero-trust-item {
  display: flex;
  align-items: center;
  gap: 10px;
}
.sol-xb-daigou .hero-trust-num {
  font-size: 1.65rem;
  font-weight: 800;
  color: #fff;
}
.sol-xb-daigou .hero-trust-label {
  font-size: 0.82rem;
  color: rgba(255, 255, 255, 0.6);
}
.sol-xb-daigou .hero-trust-divider {
  width: 1px;
  height: 40px;
  background: rgba(255, 255, 255, 0.18);
}

/* Hero Dashboard Mockup */
.sol-xb-daigou .hero-visual {
  position: relative;
}
.sol-xb-daigou .dash-mock {
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 40px 90px rgba(0, 30, 80, 0.45);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.sol-xb-daigou .dash-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 14px 18px;
  background: #f0f7ff;
  border-bottom: 1px solid var(--c-border);
}
.sol-xb-daigou .dash-bar .dots {
  display: flex;
  gap: 6px;
}
.sol-xb-daigou .dash-bar .dots span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.sol-xb-daigou .dash-bar .dots span:nth-child(1) {
  background: #ef4444;
}
.sol-xb-daigou .dash-bar .dots span:nth-child(2) {
  background: #f59e0b;
}
.sol-xb-daigou .dash-bar .dots span:nth-child(3) {
  background: #22c55e;
}
.sol-xb-daigou .dash-bar .url {
  flex: 1;
  text-align: center;
  font-size: 0.72rem;
  color: var(--c-slate-light);
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 6px;
  padding: 4px 14px;
  margin-left: 8px;
}
.sol-xb-daigou .dash-body {
  display: grid;
  grid-template-columns: 68px 1fr;
  min-height: 360px;
}
.sol-xb-daigou .dash-side {
  background: #1565c0;
  padding: 16px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.sol-xb-daigou .dash-side .icon-item {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.5);
  transition: 0.2s;
}
.sol-xb-daigou .dash-side .icon-item.active {
  background: #1e88e5;
  color: #fff;
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.5);
}
.sol-xb-daigou .dash-side .icon-item svg {
  width: 18px;
  height: 18px;
}
.sol-xb-daigou .dash-main {
  padding: 20px;
  background: #fafbfc;
}
.sol-xb-daigou .dash-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-bottom: 16px;
}
.sol-xb-daigou .dash-stat {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 12px;
  padding: 14px;
  transition: 0.2s;
}
.sol-xb-daigou .dash-stat:hover {
  border-color: var(--c-primary-light);
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.1);
}
.sol-xb-daigou .dash-stat-label {
  font-size: 0.68rem;
  color: var(--c-slate-light);
  margin-bottom: 4px;
}
.sol-xb-daigou .dash-stat-val {
  font-size: 1.2rem;
  font-weight: 800;
  color: var(--c-text);
}
.sol-xb-daigou .dash-stat-trend {
  font-size: 0.65rem;
  font-weight: 700;
  margin-top: 3px;
}
.sol-xb-daigou .up {
  color: #10b981;
}
.sol-xb-daigou .dn {
  color: #ef4444;
}
.sol-xb-daigou .dash-chart {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 12px;
  padding: 16px;
}
.sol-xb-daigou .dash-chart-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
}
.sol-xb-daigou .dash-chart-title {
  font-size: 0.74rem;
  font-weight: 600;
  color: var(--c-text);
}
.sol-xb-daigou .dash-chart-tag {
  font-size: 0.62rem;
  color: var(--c-primary);
  background: #e6f1ff;
  padding: 3px 10px;
  border-radius: 100px;
  font-weight: 600;
}
.sol-xb-daigou .bars {
  display: flex;
  align-items: flex-end;
  gap: 6px;
  height: 96px;
}
.sol-xb-daigou .bar {
  flex: 1;
  border-radius: 4px 4px 0 0;
  background: #1e88e5;
  opacity: 0.9;
  transition: opacity 0.2s;
}
.sol-xb-daigou .bar:hover {
  opacity: 1;
}
.sol-xb-daigou .bar.dim {
  background: #94a3b8;
}
.sol-xb-daigou .dash-float {
  position: absolute;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 14px 36px rgba(0, 30, 80, 0.25);
  padding: 14px 18px;
  display: flex;
  align-items: center;
  gap: 14px;
  animation: float 3.5s ease-in-out infinite;
  border: 1px solid rgba(255, 255, 255, 0.6);
}
.sol-xb-daigou .dash-float-1 {
  top: -20px;
  right: -12px;
  animation-delay: 0s;
}
.sol-xb-daigou .dash-float-2 {
  bottom: -18px;
  left: -18px;
  animation-delay: 1.5s;
}
.sol-xb-daigou .dash-float-icon {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.sol-xb-daigou .dash-float-icon.green {
  background: linear-gradient(135deg, #d1fae5, #a7f3d0);
  color: #10b981;
}
.sol-xb-daigou .dash-float-icon.blue {
  background: linear-gradient(135deg, #dbeafe, #bfdbfe);
  color: #1e88e5;
}
.sol-xb-daigou .dash-float-text .num {
  font-size: 1.05rem;
  font-weight: 800;
  color: var(--c-text);
}
.sol-xb-daigou .dash-float-text .label {
  font-size: 0.7rem;
  color: var(--c-slate-light);
}
@keyframes float {
0%, 100% {
    transform: translateY(0);
}
50% {
    transform: translateY(-12px);
}
}
/* ===== Pain Points ===== */
.sol-xb-daigou .pain-section {
  background: #f5f9ff;
}
.sol-xb-daigou .pain-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}
.sol-xb-daigou .pain-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 36px 30px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-xb-daigou .pain-card:hover {
  border-color: var(--c-primary-light);
  box-shadow: var(--shadow-xl);
  transform: translateY(-6px);
}
.sol-xb-daigou .pain-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: #1e88e5;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.sol-xb-daigou .pain-card:hover::before {
  transform: scaleX(1);
}
.sol-xb-daigou .pain-num {
  position: absolute;
  top: 24px;
  right: 28px;
  font-size: 2.8rem;
  font-weight: 900;
  color: rgba(30, 136, 229, 0.06);
  line-height: 1;
}
.sol-xb-daigou .pain-icon {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: #e3f2fd;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.15);
}
.sol-xb-daigou .pain-icon svg {
  width: 28px;
  height: 28px;
  color: var(--c-primary-2);
}
.sol-xb-daigou .pain-title {
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.sol-xb-daigou .pain-desc {
  font-size: 0.92rem;
  color: var(--c-slate);
  line-height: 1.8;
}

/* ===== Solution Overview ===== */
.sol-xb-daigou .solution-section {
  background: #fff;
}
.sol-xb-daigou .solution-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}
.sol-xb-daigou .solution-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 40px 32px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-xb-daigou .solution-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
}
.sol-xb-daigou .solution-icon {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  background: #1e88e5;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.3);
}
.sol-xb-daigou .solution-icon svg {
  width: 26px;
  height: 26px;
  color: #fff;
}
.sol-xb-daigou .solution-card h3 {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 14px;
}
.sol-xb-daigou .solution-card p {
  font-size: 0.95rem;
  color: var(--c-slate);
  line-height: 1.8;
}

/* ===== Solution Route ===== */
.sol-xb-daigou .solution-route {
  margin-top: 34px;
  padding: 26px;
  background: #fff;
  border: 1px solid #dce7f3;
  border-radius: 16px;
  box-shadow: var(--shadow-sm);
}
.sol-xb-daigou .solution-route h3 {
  text-align: center;
  font-size: 1.12rem;
  margin-bottom: 22px;
  color: var(--c-text);
}
.sol-xb-daigou .route-track {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 12px;
  position: relative;
}
.sol-xb-daigou .route-item {
  position: relative;
  text-align: center;
  padding: 15px 8px;
  background: #f4f8fe;
  border: 1px solid #d7e7f9;
  border-radius: 10px;
  font-size: 0.84rem;
  font-weight: 700;
  color: #174f8b;
}
.sol-xb-daigou .route-item small {
  display: block;
  margin-top: 5px;
  color: #6c829b;
  font-size: 0.68rem;
  font-weight: 400;
}
.sol-xb-daigou .route-item:not(:last-child):after {
  content: "→";
  position: absolute;
  right: -12px;
  top: 30px;
  color: #087cf0;
  font-size: 18px;
  z-index: 2;
}

/* ===== Architecture ===== */
.sol-xb-daigou .arch-section {
  background: #f5f9ff;
}
.sol-xb-daigou .arch-board {
  padding: 34px;
  border: 1px solid #d5e6f8;
  border-radius: 20px;
  background: #f8fbff;
  box-shadow: 0 16px 36px rgba(13, 71, 161, 0.08);
  position: relative;
}
.sol-xb-daigou .arch-kicker {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  margin-bottom: 20px;
}
.sol-xb-daigou .arch-kicker b {
  font-size: 1.1rem;
  color: #102e52;
}
.sol-xb-daigou .arch-kicker span {
  font-size: 0.78rem;
  color: var(--c-primary-3);
  background: #e6f2ff;
  border-radius: 100px;
  padding: 6px 12px;
}
.sol-xb-daigou .arch-map {
  display: grid;
  gap: 13px;
}
.sol-xb-daigou .arch-band {
  display: grid;
  grid-template-columns: 174px 1fr;
  gap: 13px;
  align-items: stretch;
}
.sol-xb-daigou .arch-band-label {
  padding: 16px;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #e6f1ff;
  color: #125aa5;
  font-size: 0.92rem;
  font-weight: 800;
}
.sol-xb-daigou .arch-band-label small {
  margin-top: 5px;
  color: #5f87b4;
  font-size: 0.68rem;
  font-weight: 500;
}
.sol-xb-daigou .arch-band-content {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
}
.sol-xb-daigou .arch-unit {
  min-height: 84px;
  padding: 13px 9px;
  border: 1px solid #d4e5f8;
  border-radius: 11px;
  background: #fff;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #143b68;
  font-size: 0.82rem;
  font-weight: 800;
  transition: transform 0.2s, box-shadow 0.2s;
}
.sol-xb-daigou .arch-unit:hover {
  transform: translateY(-3px);
  box-shadow: 0 7px 16px rgba(30, 136, 229, 0.12);
}
.sol-xb-daigou .arch-unit i {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  margin-bottom: 6px;
  border-radius: 7px;
  background: #e5f1ff;
  color: #1565c0;
  font-size: 0.72rem;
  font-style: normal;
}
.sol-xb-daigou .arch-unit small {
  display: block;
  color: #7088a3;
  font-size: 0.66rem;
  font-weight: 400;
  line-height: 1.35;
  margin-top: 4px;
}
.sol-xb-daigou .arch-band.core .arch-band-label {
  background: #0d47a1;
  color: #fff;
}
.sol-xb-daigou .arch-band.core .arch-band-label small {
  color: #c6e1ff;
}
.sol-xb-daigou .arch-band.core .arch-unit {
  background: #1565c0;
  border-color: #1565c0;
  color: #fff;
}
.sol-xb-daigou .arch-band.core .arch-unit i {
  background: #fff;
  color: #1565c0;
}
.sol-xb-daigou .arch-band.core .arch-unit small {
  color: #d6eaff;
}
.sol-xb-daigou .arch-map-note {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px dashed #cfe1f6;
  color: #5f7b9c;
  font-size: 0.8rem;
}

/* ===== Core Functions ===== */
.sol-xb-daigou .func-section {
  background: #f5f9ff;
}
.sol-xb-daigou .func-section .section-head {
  max-width: 740px;
  margin-left: auto;
  margin-right: auto;
}
.sol-xb-daigou .func-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
  align-items: stretch;
}
.sol-xb-daigou .func-card {
  min-height: 292px;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
  border: 1px solid #d7e6f6;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 7px 18px rgba(18, 74, 136, 0.055);
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
.sol-xb-daigou .func-card:hover {
  transform: translateY(-7px);
  border-color: #78b7f4;
  box-shadow: 0 16px 30px rgba(18, 112, 212, 0.14);
}
.sol-xb-daigou .func-card:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  height: auto;
  background: #1e88e5;
}
.sol-xb-daigou .func-card-num {
  position: absolute;
  top: 18px;
  right: 18px;
  width: 34px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: #e9f3ff;
  color: #1565c0;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.06em;
}
.sol-xb-daigou .func-card-body {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 27px 24px 24px;
}
.sol-xb-daigou .func-card-icon {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  flex: none;
  border-radius: 13px;
  background: #e7f2ff;
  color: #1565c0;
  box-shadow: none;
  margin: 0 0 22px;
}
.sol-xb-daigou .func-card-icon svg {
  width: 24px;
  height: 24px;
}
.sol-xb-daigou .func-card h3 {
  margin: 0 0 11px;
  min-height: 48px;
  display: flex;
  align-items: flex-start;
  font-size: 1.03rem;
  line-height: 1.45;
  color: #102e52;
}
.sol-xb-daigou .func-card p {
  margin: 0;
  font-size: 0.88rem;
  color: #476585;
  line-height: 1.75;
}

/* ===== Core Advantages ===== */
.sol-xb-daigou .advantage-section {
  background: #fff;
}
.sol-xb-daigou .advantage-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}
.sol-xb-daigou .advantage-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius);
  padding: 34px 28px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
  min-height: 238px;
}
.sol-xb-daigou .advantage-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
  border-color: var(--c-primary-light);
}
.sol-xb-daigou .advantage-card::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #1e88e5, #42a5f5);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.sol-xb-daigou .advantage-card:hover::before {
  transform: scaleX(1);
}
.sol-xb-daigou .advantage-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: #1e88e5;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  box-shadow: 0 6px 16px rgba(30, 136, 229, 0.25);
}
.sol-xb-daigou .advantage-icon svg {
  width: 24px;
  height: 24px;
  color: #fff;
}
.sol-xb-daigou .advantage-card h3 {
  font-size: 1.12rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.sol-xb-daigou .advantage-card p {
  font-size: 0.9rem;
  color: var(--c-slate);
  line-height: 1.75;
}

/* ===== Application Scenarios ===== */
.sol-xb-daigou .scenario-section {
  background: #f5f9ff;
}
.sol-xb-daigou .scenario-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.sol-xb-daigou .scenario-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius);
  padding: 32px 28px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-xb-daigou .scenario-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
  border-color: var(--c-primary-light);
}
.sol-xb-daigou .scenario-tag {
  display: inline-block;
  padding: 5px 12px;
  background: #e6f1ff;
  color: var(--c-primary);
  font-size: 0.72rem;
  font-weight: 700;
  border-radius: 100px;
  margin-bottom: 16px;
}
.sol-xb-daigou .scenario-card h3 {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.sol-xb-daigou .scenario-card p {
  font-size: 0.9rem;
  color: var(--c-slate);
  line-height: 1.75;
}

/* ===== Customer Value ===== */
.sol-xb-daigou .value-section {
  background: #fff;
}
.sol-xb-daigou .value-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}
.sol-xb-daigou .value-card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 36px 26px;
  text-align: center;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.sol-xb-daigou .value-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-6px);
}
.sol-xb-daigou .value-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: #1e88e5;
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.4s;
}
.sol-xb-daigou .value-card:hover::before {
  transform: scaleX(1);
}
.sol-xb-daigou .value-icon {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: #1e88e5;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.3);
}
.sol-xb-daigou .value-icon svg {
  width: 28px;
  height: 28px;
  color: #fff;
}
.sol-xb-daigou .value-card h3 {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
}
.sol-xb-daigou .value-card p {
  font-size: 0.88rem;
  color: var(--c-slate);
  line-height: 1.75;
}
.sol-xb-daigou .value-highlight {
  display: inline-block;
  margin-top: 14px;
  padding: 5px 14px;
  background: #fff;
  border: 1px solid var(--c-primary-light);
  border-radius: 100px;
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--c-primary);
}

/* ===== Trust Section ===== */
.sol-xb-daigou .trust-section {
  background: #0d47a1;
  position: relative;
  overflow: hidden;
  padding: 100px 0;
}
.sol-xb-daigou .trust-section::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
}
.sol-xb-daigou .trust-section .section-title {
  color: #fff;
}
.sol-xb-daigou .trust-section .section-subtitle {
  color: rgba(255, 255, 255, 0.7);
}
.sol-xb-daigou .trust-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  margin-bottom: 60px;
}
.sol-xb-daigou .trust-stat {
  text-align: center;
  padding: 36px 22px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius);
  transition: 0.3s;
  backdrop-filter: blur(6px);
}
.sol-xb-daigou .trust-stat:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.18);
  transform: translateY(-6px);
}
.sol-xb-daigou .trust-stat .num {
  font-size: 2.8rem;
  font-weight: 900;
  color: #fff;
  letter-spacing: -0.025em;
  line-height: 1;
  margin-bottom: 8px;
}
.sol-xb-daigou .trust-stat .num .unit {
  font-size: 1.4rem;
  font-weight: 700;
}
.sol-xb-daigou .trust-stat .label {
  font-size: 0.88rem;
  color: rgba(255, 255, 255, 0.55);
  font-weight: 500;
}
.sol-xb-daigou .logo-wall {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius-lg);
  padding: 44px;
  margin-bottom: 48px;
  backdrop-filter: blur(6px);
}
.sol-xb-daigou .logo-wall-title {
  text-align: center;
  font-size: 0.82rem;
  color: rgba(255, 255, 255, 0.45);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  margin-bottom: 28px;
  font-weight: 600;
}
.sol-xb-daigou .logo-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 18px;
}
.sol-xb-daigou .logo-item {
  height: 64px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.82rem;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.4);
  transition: 0.3s;
}
.sol-xb-daigou .logo-item:hover {
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.8);
  border-color: rgba(255, 255, 255, 0.18);
  transform: translateY(-2px);
}
.sol-xb-daigou .trust-cert {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}
.sol-xb-daigou .cert-card {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius);
  padding: 28px;
  display: flex;
  align-items: center;
  gap: 18px;
  transition: 0.3s;
  backdrop-filter: blur(6px);
}
.sol-xb-daigou .cert-card:hover {
  background: rgba(255, 255, 255, 0.08);
  transform: translateY(-3px);
}
.sol-xb-daigou .cert-icon {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(66, 165, 245, 0.2), rgba(30, 136, 229, 0.2));
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border: 1px solid rgba(66, 165, 245, 0.3);
}
.sol-xb-daigou .cert-icon svg {
  width: 26px;
  height: 26px;
  color: #90caf9;
}
.sol-xb-daigou .cert-info .title {
  font-size: 0.92rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 4px;
}
.sol-xb-daigou .cert-info .desc {
  font-size: 0.78rem;
  color: rgba(255, 255, 255, 0.45);
}

/* ===== FAQ ===== */
.sol-xb-daigou .faq-section {
  background: #f5f9ff;
}
.sol-xb-daigou .faq-wrap {
  max-width: 880px;
  margin: 0 auto;
}
.sol-xb-daigou .faq-item {
  border: 1.5px solid var(--c-border);
  border-radius: var(--radius);
  margin-bottom: 14px;
  overflow: hidden;
  transition: 0.3s;
  background: #fff;
}
.sol-xb-daigou .faq-item.active {
  border-color: var(--c-primary);
  box-shadow: 0 8px 28px rgba(30, 136, 229, 0.12);
}
.sol-xb-daigou .faq-item.active .faq-q {
  color: var(--c-primary);
}
.sol-xb-daigou .faq-q {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22px 28px;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 600;
  color: var(--c-text);
  transition: color 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  gap: 16px;
}
.sol-xb-daigou .faq-q .arrow {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  transition: transform 0.3s;
  color: var(--c-slate-light);
}
.sol-xb-daigou .faq-item.active .faq-q .arrow {
  transform: rotate(180deg);
  color: var(--c-primary);
}
.sol-xb-daigou .faq-a {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}
.sol-xb-daigou .faq-a-inner {
  padding: 0 28px 24px;
  font-size: 0.94rem;
  color: var(--c-slate);
  line-height: 1.85;
}

/* ===== Final CTA ===== */
.sol-xb-daigou .cta-section {
  position: relative;
  background: #1565c0;
  padding: 100px 0;
  overflow: hidden;
}
.cta-section::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 60px;
  background: #0d47a1;
  pointer-events: none;
  z-index: 0;
}
.sol-xb-daigou .cta-inner {
  position: relative;
  z-index: 1;
  text-align: center;
  max-width: 820px;
  margin: 0 auto;
}
.sol-xb-daigou .cta-inner h2 {
  font-size: 2.5rem;
  font-weight: 900;
  color: #fff;
  letter-spacing: -0.025em;
  margin-bottom: 20px;
  line-height: 1.25;
}
.sol-xb-daigou .cta-inner h2 .highlight {
  color: #bbdefb;
}
.sol-xb-daigou .cta-inner p {
  font-size: 1.12rem;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.85;
  margin-bottom: 44px;
}
.sol-xb-daigou .cta-options {
  display: flex;
  gap: 18px;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 36px;
}
.sol-xb-daigou .cta-note {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.5);
  flex-wrap: wrap;
}
.sol-xb-daigou .cta-note .dot {
  width: 5px;
  height: 5px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
}

/* ===== Footer (zjssoft.com exact style) ===== */
/* ===== Scroll Animations ===== */
.sol-xb-daigou .reveal {
  opacity: 0;
  transform: translateY(32px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}
.sol-xb-daigou .reveal.active {
  opacity: 1;
  transform: translateY(0);
}
.sol-xb-daigou .reveal-delay-1 {
  transition-delay: 0.12s;
}
.sol-xb-daigou .reveal-delay-2 {
  transition-delay: 0.24s;
}
.sol-xb-daigou .reveal-delay-3 {
  transition-delay: 0.36s;
}

/* ===== Mobile Responsive ===== */
@media (max-width: 1024px) {
.sol-xb-daigou .hero-grid {
    grid-template-columns: 1fr;
    gap: 48px;
}
.sol-xb-daigou .hero h1 {
    font-size: 2.6rem;
    text-wrap: balance;
}
.sol-xb-daigou .pain-grid {
    grid-template-columns: repeat(2, 1fr);
}
.sol-xb-daigou .solution-grid {
    grid-template-columns: 1fr;
}
.sol-xb-daigou .route-track {
    grid-template-columns: repeat(2, 1fr);
}
.sol-xb-daigou .route-item:not(:last-child):after {
    display: none;
}
.sol-xb-daigou .arch-band {
    grid-template-columns: 1fr;
}
.sol-xb-daigou .arch-band-content {
    grid-template-columns: repeat(3, 1fr);
}
.sol-xb-daigou .func-grid {
    grid-template-columns: repeat(2, 1fr);
}
.sol-xb-daigou .advantage-grid {
    grid-template-columns: repeat(2, 1fr);
}
.sol-xb-daigou .scenario-grid {
    grid-template-columns: repeat(2, 1fr);
}
.sol-xb-daigou .value-grid {
    grid-template-columns: repeat(2, 1fr);
}
.sol-xb-daigou .trust-stats {
    grid-template-columns: repeat(2, 1fr);
}
.sol-xb-daigou .logo-grid {
    grid-template-columns: repeat(3, 1fr);
}
.sol-xb-daigou .trust-cert {
    grid-template-columns: 1fr;
}
}
@media (max-width: 768px) {
.sol-xb-daigou .section {
    padding: 72px 0;
}
.sol-xb-daigou .section-title {
    font-size: 1.8rem;
}
.sol-xb-daigou .section-head {
    margin-bottom: 42px;
}
.sol-xb-daigou .hero {
    padding: 100px 0 64px;
}
.sol-xb-daigou .hero h1 {
    font-size: 2.1rem;
    text-wrap: balance;
}
.sol-xb-daigou .hero-sub {
    font-size: 1.05rem;
}
.sol-xb-daigou .hero-cta {
    flex-direction: column;
    width: 100%;
}
.sol-xb-daigou .hero-cta .btn {
    width: 100%;
}
.sol-xb-daigou .hero-trust {
    gap: 20px;
}
.sol-xb-daigou .hero-trust-divider {
    display: none;
}
.sol-xb-daigou .hero-trust-num {
    font-size: 1.4rem;
}
.sol-xb-daigou .hero-trust-label {
    font-size: 0.78rem;
}
.sol-xb-daigou .hero-visual {
    max-width: 440px;
    margin: 0 auto;
}
.sol-xb-daigou .dash-float {
    display: none;
}
.sol-xb-daigou .pain-grid {
    grid-template-columns: 1fr;
    gap: 18px;
}
.sol-xb-daigou .pain-card {
    padding: 30px 24px;
}
.sol-xb-daigou .route-track {
    grid-template-columns: 1fr;
}
.sol-xb-daigou .arch-band-content {
    grid-template-columns: repeat(2, 1fr);
}
.sol-xb-daigou .func-card {
    min-height: auto;
    padding: 0;
    flex-direction: column;
    gap: 16px;
}
.sol-xb-daigou .func-card h3 {
    min-height: auto;
}
.sol-xb-daigou .advantage-grid {
    grid-template-columns: 1fr;
}
.sol-xb-daigou .scenario-grid {
    grid-template-columns: 1fr;
}
.sol-xb-daigou .value-grid {
    grid-template-columns: 1fr 1fr;
}
.sol-xb-daigou .trust-stats {
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}
.sol-xb-daigou .trust-stat {
    padding: 24px 14px;
}
.sol-xb-daigou .trust-stat .num {
    font-size: 2.1rem;
}
.sol-xb-daigou .logo-wall {
    padding: 28px;
}
.sol-xb-daigou .logo-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
}
.sol-xb-daigou .logo-item {
    height: 54px;
    font-size: 0.75rem;
}
.sol-xb-daigou .cert-card {
    padding: 20px;
}
.sol-xb-daigou .cta-inner h2 {
    font-size: 1.9rem;
}
.sol-xb-daigou .cta-inner p {
    font-size: 1rem;
}
.sol-xb-daigou .cta-options {
    flex-direction: column;
    width: 100%;
}
.sol-xb-daigou .cta-options .btn {
    width: 100%;
}
}
@media (max-width: 480px) {
.sol-xb-daigou .container {
    padding: 0 18px;
}
.sol-xb-daigou .hero h1 {
    font-size: 1.85rem;
    text-wrap: balance;
}
.sol-xb-daigou .section-title {
    font-size: 1.55rem;
}
.sol-xb-daigou .dash-stats {
    grid-template-columns: 1fr;
    gap: 8px;
}
.sol-xb-daigou .value-grid {
    grid-template-columns: 1fr;
}
}
@media (max-width: 768px) {
.sol-xb-daigou .hero-trust {
    justify-content: flex-start;
}
.sol-xb-daigou .hero-trust-item {
    min-width: 80px;
}
.sol-xb-daigou .arch-band-content {
    grid-template-columns: repeat(2, 1fr);
}
.sol-xb-daigou .arch-unit {
    min-height: 72px;
}
.sol-xb-daigou .route-track {
    grid-template-columns: 1fr;
}
.sol-xb-daigou .route-item:not(:last-child):after {
    display: none;
}
}
@media (max-width: 480px) {
.sol-xb-daigou .hero-trust {
    gap: 14px;
}
.sol-xb-daigou .hero-trust-item {
    min-width: 68px;
}
.sol-xb-daigou .hero-trust-num {
    font-size: 1.25rem;
}
.sol-xb-daigou .hero-trust-label {
    font-size: 0.72rem;
}
.sol-xb-daigou .arch-band-content {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
}
.sol-xb-daigou .arch-unit {
    padding: 10px 6px;
    font-size: 0.72rem;
}
.sol-xb-daigou .arch-unit i {
    width: 20px;
    height: 20px;
    font-size: 0.65rem;
}
.sol-xb-daigou .arch-unit small {
    display: none;
}
.sol-xb-daigou .faq-q {
    padding: 18px 20px;
    font-size: 0.94rem;
}
.sol-xb-daigou .faq-a-inner {
    padding: 0 20px 20px;
    font-size: 0.9rem;
}
}