/* 融合预览补丁：介绍页内容嵌入线上 about 右栏后的适配 */

/* ---------- 0. 基础：阻止线上 text-align 渗入 ---------- */
.intro-embed{text-align:left}
.intro-embed h2,.intro-embed h3,.intro-embed h4,.intro-embed h5{text-align:left}
.intro-embed .tl2 .tc{text-align:left}

/* ---------- 1. masthead：从全宽头图改成右栏内的头图块 ---------- */
.intro-embed .masthead{
  min-height:0!important;padding:54px 30px 42px!important;margin:0 0 32px!important;
  border-radius:14px;position:relative;overflow:hidden;
}
.intro-embed .masthead .container{max-width:100%!important;padding:0!important}
.intro-embed header.masthead .masthead-heading,
.intro-embed .masthead-heading{
  font-size:33px!important;line-height:1.3!important;margin-bottom:14px!important}
.intro-embed .masthead-subheading{
  font-size:12.5px!important;letter-spacing:.12em!important;margin-bottom:14px!important;
  color:rgba(255,255,255,.72)!important}
.intro-embed .masthead-lead{
  font-size:13.5px!important;line-height:1.95!important;max-width:100%!important;
  margin:0 0 26px!important;color:rgba(255,255,255,.8)!important}
.intro-embed .masthead .btn-xl{font-size:13.5px!important;padding:12px 24px!important}
.intro-embed .masthead-facts{gap:0!important;margin-top:26px!important;justify-content:space-between!important}
.intro-embed .masthead-facts>div{flex:1;min-width:0}
.intro-embed .masthead-facts b{font-size:23px!important;line-height:1.2}
.intro-embed .masthead-facts b i{font-size:12px!important}
.intro-embed .masthead-facts span{font-size:11.5px!important;margin-top:4px}

/* ---------- 2. 章节容器 ---------- */
.intro-embed .ab-sec>.container{max-width:100%!important;padding-left:0!important;padding-right:0!important;width:100%!important}
.intro-embed .ab-sec{padding-bottom:34px!important;margin-bottom:34px!important}

/* ---------- 3. 左导航钉住（内容很长，不钉会拉成一条白带） ---------- */
.about_us .leftNav{position:sticky;top:16px;align-self:flex-start;height:auto!important}

/* ---------- 4. 网格：原型按 1440 视口定列数，右栏只有 906，必须降列 ---------- */
.intro-embed .cert-wall{grid-template-columns:repeat(4,1fr)!important;gap:12px}
.intro-embed .media-grid{grid-template-columns:repeat(3,1fr)!important;gap:14px}
.intro-embed .partner-wall{grid-template-columns:repeat(4,1fr)!important}
.intro-embed .member-wall{grid-template-columns:repeat(4,1fr)!important}

/* ---------- 5. 报价：右栏里三张卡刚好铺满，箭头留一点呼吸 ---------- */
.intro-embed #price .pc{flex:0 0 340px}

/* ---------- 6. 联系区深色块在右栏里收一下内边距 ---------- */
.intro-embed .contact-sec,.intro-embed #contact .container{padding-left:0!important;padding-right:0!important}

/* ---------- 7. 关键：阻止内容把右栏撑破（flex item 默认 min-width:auto） ---------- */
.about_us .rightBox{min-width:0!important}
.about_us .rightContent{min-width:0!important;max-width:100%!important}
.intro-embed{min-width:0!important;max-width:100%!important}
.intro-embed .price-rail-wrap{min-width:0!important}
.intro-embed #price .price-rail{min-width:0!important;max-width:100%!important}

/* ---------- 8. 报价区：灰底在右栏里做成圆角卡片 ---------- */
.intro-embed #price{background:#F8F9FB!important;border-radius:14px;
  padding:26px 22px 20px!important;margin-bottom:34px!important;border-bottom:0!important}
.intro-embed #price .section-heading{padding-left:14px}

/* ---------- 9. 联系我们：深色块在右栏做成圆角卡片，跟深色页脚隔开 ---------- */
.intro-embed section#contact{
  border-radius:14px!important;
  padding:34px 26px 30px!important;
  margin-bottom:40px!important;
  border-bottom:0!important;
}
.intro-embed section#contact .container{padding:0!important;max-width:100%!important}
.intro-embed section#contact .contact-card{background:#fff}

/* ---------- 10. 抵消 Bootstrap .row 的 12px 负边距，让内容严格对齐右栏 ---------- */
.intro-embed{padding-left:12px!important;padding-right:12px!important}

/* g-lg-5 的 48px 栅格在 861 宽里太宽，也会多溢 12px；统一到 24px */
.intro-embed .row.g-lg-5{--bs-gutter-x:24px!important}

/* ---------- 11. 挡掉线上对 h1~h6 的全局污染 ----------
   线上 css.css 有：h1..h6{font-size:100%}、h4{padding-top:15px;text-align:center}、
   h5{height:45px;margin-bottom:30px}，会把我们的标题推下去/裁掉/居中 */
.intro-embed h1,.intro-embed h2,.intro-embed h3,
.intro-embed h4,.intro-embed h5,.intro-embed h6{
  padding-top:0!important;height:auto!important;text-align:left!important;
}
.intro-embed .text-center,.intro-embed .text-center>h2,
.intro-embed .text-center>h3,.intro-embed .text-center>h4{text-align:left!important}

/* ---------- 12. 媒体报道卡片：来源名长短不一导致行高不齐，统一成两行 ---------- */
.intro-embed .mc-meta{flex-direction:column;align-items:flex-start;gap:1px;min-height:32px}
.intro-embed .mc-body h5{min-height:41px!important}

/* ---------- 13. 加入数艺的空状态要整体居中（被第 11 条的 h3 左对齐误伤） ---------- */
.intro-embed .join-empty{text-align:center!important;padding:36px 30px!important}
.intro-embed .join-empty h3,
.intro-embed .join-empty p{text-align:center!important}

/* 邮箱地址不要被拆成两行 */
.intro-embed .join-empty a,.intro-embed .fp-mail a{white-space:nowrap}

/* ===================================================================
   v43 左导航卡片化：把老后台式侧栏改成跟内容同族的小卡片
   原状：240px 宽、每项 85px 高（padding-bottom:55px）、30px PNG 图标、直角+投影
   =================================================================== */
.about_us .leftNav{
  width:200px!important;
  padding:10px!important;
  margin-right:20px!important;
  border-radius:12px!important;
  border:1px solid #E7E9EE!important;
  box-shadow:0 1px 3px rgba(20,24,35,.05)!important;
  background:#fff;
  position:sticky;top:16px;align-self:flex-start;height:auto!important;
  box-sizing:border-box;
}
.about_us .leftNav ul{list-style:none!important;margin:0!important;padding:0!important;
  display:flex;flex-direction:column;gap:2px}
.about_us .leftNav ul li{width:100%;margin:0!important;padding:0!important}
.about_us .leftNav ul li a{
  display:flex!important;align-items:center;gap:9px;
  height:42px;padding:0 10px!important;border-radius:8px;
  text-decoration:none;transition:background .16s;
}
.about_us .leftNav ul li a .icon{
  width:18px!important;height:18px!important;margin-right:0!important;
  background-size:100% 100%!important;opacity:.6;flex:0 0 18px;
}
.about_us .leftNav ul li a span{font-size:13.5px;line-height:1;color:#5F6B7F;transition:color .16s}
.about_us .leftNav ul li a:hover{background:#F6F7F9}
.about_us .leftNav ul li a:hover span{color:#212229}
.about_us .leftNav ul li.active a{background:#FFF6EF;box-shadow:inset 2.5px 0 0 #EF8035}
.about_us .leftNav ul li.active a span{color:#B8520D;font-weight:600}
.about_us .leftNav ul li.active a .icon{opacity:1}

/* 左导航改用线性图标字体 */
.about_us .leftNav ul li a .ln-ico{
  width:18px!important;height:18px!important;flex:0 0 18px;
  display:inline-flex!important;align-items:center;justify-content:center;
  color:#8A95A8;margin-right:0!important;background:none!important;
}
.about_us .leftNav ul li a:hover .ln-ico{color:#5F6B7F}
.about_us .leftNav ul li.active a .ln-ico{color:#EF8035}

.about_us .leftNav ul li a .ln-ico svg{width:16px;height:16px;display:block}

/* 线上 leftNav 的装饰下划线（a:after，绝对定位 bottom:.4rem）在 42px 行高里跑到文字中间，去掉 */
.about_us .leftNav ul li a::after{display:none!important;content:none!important}

/* 页脚友情链接被挤成竖排 */
.footer .frend-links{display:flex!important;align-items:center;
  width:1200px;max-width:100%;margin:0 auto;padding:10px 0}
.footer .frend-links .links-title{white-space:nowrap;flex:0 0 auto;margin-bottom:0}
.footer .frend-links ul{flex:1 1 auto;display:flex;flex-wrap:wrap;gap:0 15px;list-style:none;margin:0;padding:0}
.footer .frend-links li{float:none!important;white-space:nowrap;margin:0!important;padding:0!important}