/* ===== pe.html 专用样式 ===== */

/* Prevent horizontal scrollbar during slide animations */
body {
  overflow-x: hidden;
}
@media (max-width: 767px) {
  .banner-section-one .container-fulid .row.justify-content-center > div[class*="col-"] > div,
  .feature-page-title .container-fulid .row.justify-content-center > div[class*="col-"] > div {
    margin: 0 auto !important;
  }
}

/* ===== 气泡发光效果 (hover / active / nearest) ===== */

/* 我们的公司 — 紫色 (#6766FF) */
.banner-section-one .banner-content-wrap .banner-content h5 {
  transition: box-shadow 0.3s ease;
}
.banner-section-one .banner-content-wrap .banner-content h5:hover,
.banner-section-one .banner-content-wrap .banner-content h5:active,
.banner-section-one .banner-content-wrap .banner-content h5.nearest {
  box-shadow: 0 0 70px rgba(103, 102, 255, 0.85);
}

/* AI 赋能百业 — 绿色 (#37B884) */
.banner-section-one .banner-content-wrap .banner-saas-badge .saas-cusor span {
  transition: box-shadow 0.3s ease;
}
.banner-section-one .banner-content-wrap .banner-saas-badge .saas-cusor span:hover,
.banner-section-one .banner-content-wrap .banner-saas-badge .saas-cusor span:active,
.banner-section-one .banner-content-wrap .banner-saas-badge .saas-cusor span.nearest {
  box-shadow: 0 0 70px rgba(55, 184, 132, 0.85);
}

/* 智能科技 — 橙色 (#F69408) */
.banner-section-one .banner-content-wrap .banner-saas-badge .modern-cusor span {
  transition: box-shadow 0.3s ease;
}
.banner-section-one .banner-content-wrap .banner-saas-badge .modern-cusor span:hover,
.banner-section-one .banner-content-wrap .banner-saas-badge .modern-cusor span:active,
.banner-section-one .banner-content-wrap .banner-saas-badge .modern-cusor span.nearest {
  box-shadow: 0 0 70px rgba(246, 148, 8, 0.85);
}

/* 各节标题 (关于我们 / 企业愿景 / 工作流程 / FAQ's / 团队详情 / 我们的团队 / 加入我们 / 客户案例 / 一人公司) — 紫色渐变 */
.sub-title, .page-sub-title {
  transition: box-shadow 0.3s ease;
}
.sub-title:hover, .sub-title:active, .sub-title.nearest,
.page-sub-title:hover, .page-sub-title:active, .page-sub-title.nearest {
  box-shadow: 0 0 70px rgba(103, 102, 255, 0.8);
}

/* 视频卡片标题 (公司介绍 / 产品展示 / 员工风貌) 及 OPC 海报标题 (一人公司 / AI+OPC / 超级个体 / 下一代商业 / OPC流程 / 传统vsOPC) — 青色 (#2DD4BF) */
.container-fulid h5.split_chars {
  transition: box-shadow 0.3s ease;
}
.container-fulid h5.split_chars:hover,
.container-fulid h5.split_chars:active,
.container-fulid h5.split_chars.nearest {
  box-shadow: 0 0 70px rgba(45, 212, 191, 0.85);
}

/* ===== 工作流程图标 — 橙色发光 + 360° 旋转 ===== */
.single-process-box .process-icon {
  transition: box-shadow 0.3s ease;
}
.single-process-box .process-icon:hover,
.single-process-box .process-icon:active,
.single-process-box .process-icon.nearest {
  box-shadow: 0 0 70px rgba(246, 148, 8, 0.85);
}
@keyframes processSpin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
.single-process-box .process-icon.spin img {
  animation: processSpin 0.6s ease-out forwards;
}

/* ===== 关于我们图标 — 紫色发光 + 向上弹跳 ===== */
.about-section-five .about-wrapper-box .about-icon-box .about-icon {
  transition: box-shadow 0.3s ease;
}
.about-section-five .about-wrapper-box .about-icon-box .about-icon.nearest {
  box-shadow: 0 0 70px rgba(103, 102, 255, 0.85);
}
@keyframes aboutBounce {
  0%   { transform: translateY(0); }
  40%  { transform: translateY(-18px); }
  70%  { transform: translateY(0); }
  85%  { transform: translateY(-6px); }
  100% { transform: translateY(0); }
}
.about-section-five .about-wrapper-box .about-icon-box .about-icon.bounce {
  animation: aboutBounce 0.5s ease-out;
}

/* ===== 关于我们上部图片 — 圆形脉冲发光 ===== */
.about-section-five .about-thumb figure {
  border-radius: 50%;
  animation: thumbGlow 2s ease-in-out infinite;
}
@keyframes thumbGlow {
  0%, 100% { box-shadow: 0 0 20px rgba(255, 255, 255, 0.3); }
  50%      { box-shadow: 0 0 60px rgba(255, 255, 255, 0.7); }
}

/* ===== FAQ / 客户案例 展开项: 绿色框架+发光 ===== */
.accordion-section-one .tab_container .accordion li a.active,
.accordion-page-title .tab_container .accordion li a.active {
  border-color: #2DD4BF !important;
  box-shadow: 0 -2px 25px rgba(45, 212, 191, 0.35);
}
.accordion-section-one .tab_container .accordion li a.active + p,
.accordion-page-title .tab_container .accordion li a.active + p {
  border: 1px solid #2DD4BF;
  border-top: none;
  border-radius: 0px 0px 20px 20px;
  box-shadow: 0 6px 25px -8px rgba(45, 212, 191, 0.35);
}

/* ===== 间距调整（仅本页） ===== */
.brand-area-one.inner { padding-bottom: 60px; }
.about-section-five { padding: 60px 0 60px; }
.about-page-title,
.feature-page-title {
  padding-top: 152px;
  padding-bottom: 60px;
}

/* 带 margin-top:-102px 的节，底部多留防止被下一节覆盖 */
.team-details-page-title,
.team-page-title,
.accordion-page-title {
  padding-top: 152px;
  padding-bottom: 100px;
}

/* 底边栏文字居中 */
.main-footer-one .footer-bottom {
  text-align: center;
}
.main-footer-one .footer-bottom .copyright-text {
  display: inline-block;
  float: none;
}
/* 底部各列内容居中 */
.main-footer-one.four .footer-widget-content,
.main-footer-one.four .footer-widget-content.social {
  text-align: center !important;
}
.main-footer-one.four .footer-widget-content .logo {
  text-align: center;
}
.main-footer-one.four .footer-widget-content .logo img {
  display: inline-block;
  max-width: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.main-footer-one.four .footer-widget-content .footer-desc {
  opacity: 0.85;
  transform: scale(1.05);
}

/* 浮动电话按钮 */
.floating-phone-btn {
  position: fixed; right: 20px; bottom: 120px; z-index: 9999;
  width: 56px; height: 56px; border-radius: 50%; background: #22c55e;
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 0 20px rgba(34,197,94,0.5);
  animation: phonePulse 2s ease-in-out infinite;
  transition: transform 0.3s ease; text-decoration: none;
}
.floating-phone-btn:hover { transform: scale(1.1); }
.floating-phone-btn i { color: #fff; font-size: 24px; }
@keyframes phonePulse {
  0%,100% { box-shadow: 0 0 20px rgba(34,197,94,0.4); }
  50% { box-shadow: 0 0 50px rgba(34,197,94,0.8); }
}

/* ===== 视频卡片统一 16:9 =====
   中间"产品展示"视频 100k.mp4 为 1280x540（2.37:1），
   比两侧 1280x720（16:9）矮，强制 16:9 等比裁剪对齐。 */
.container-fulid .col-lg-4 video {
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

/* ============================================================
   产品轮播（客多多/矩阵王）与品牌轮播（合作企业）优化
   1. 容器左右页边距加大
   2. 卡片内部边距控制
   3. 图片统一 16:9 框架（产品图铺满、logo 完整显示）
   4. 压缩区块整体高度
   ============================================================ */
.brand-area-one .auto-container.brand-container {
  padding-left: 20px;
  padding-right: 20px;
}
.brand-area-one .band-active .swiper-slide {
  padding: 0 4px;
}
.brand-area-one .band-active .brand-box {
  padding: 10px;
}
.brand-area-one .band-active .brand-thumb {
  aspect-ratio: 16 / 9;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.06);
  box-sizing: border-box;
}
/* 产品图（客多多/矩阵王）：铺满 16:9 框（边缘轻微裁切） */
.product-showcase .brand-thumb a {
  display: block;
  width: 100%;
  height: 100%;
}
.product-showcase .brand-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* 合作企业 logo：完整显示不裁切 */
.partners-showcase .brand-thumb img {
  max-width: 100%;
  max-height: 100%;
  padding: 8px;
  box-sizing: border-box;
}
/* 压缩区块高度（原卡片偏高） */
.brand-area-one .brand-desc {
  padding-bottom: 18px;
}
.brand-area-one.style-four .brand-container {
  padding-bottom: 25px;
}