/* ===========================================================
   宝钢节能 绿色低碳主题覆盖
   覆盖模板 templatemo-space-dynamic.css 中的蓝(#03a4ed)/红(#fe3f40)/橙红渐变
   =========================================================== */
:root{
  --bs-green-deep:#1E6B5C;
  --bs-green-mid:#2E9B7E;
  --bs-green-light:#E8F5F0;
  --bs-ink:#1A2B2E;
  --bs-steel:#3A4A52;
}

/* 全站字体：英文 Poppins(模板已引)，中文回退系统字体 */
body{ font-family:'Poppins','PingFang SC','Microsoft YaHei','Hiragino Sans GB',sans-serif; }

/* ===== Header / 导航 ===== */
.header-area .main-nav .logo h4 span{ color:var(--bs-green-mid); }
.main-nav .nav .scroll-to-section a:hover,
.main-nav .nav .scroll-to-section a.active{ color:var(--bs-green-deep)!important; }
.main-red-button a,
.main-red-button{ background-color:var(--bs-green-deep)!important; }
.main-red-button a:hover{ background-color:var(--bs-green-mid)!important; }

/* ===== Banner 主视觉 ===== */
.main-banner .left-content h6{ color:var(--bs-green-deep); }
.main-banner .left-content h2 em{ color:var(--bs-green-mid); }
.main-banner .left-content h2 span{ color:var(--bs-green-deep); }
.main-banner .left-content form input{ background-color:var(--bs-green-deep); }
.main-banner .left-content form button{ color:var(--bs-green-deep); }

/* 核心数据条（HTML 新增结构） */
.bs-stats{ display:flex; flex-wrap:wrap; gap:18px 36px; margin-top:30px; }
.bs-stats .stat .num{ font-size:34px; font-weight:800; color:var(--bs-green-deep); line-height:1; }
.bs-stats .stat .num small{ font-size:16px; font-weight:600; }
.bs-stats .stat .lbl{ font-size:13px; color:var(--bs-steel); margin-top:6px; }

/* ===== Section 标题强调色 ===== */
.section-heading h2 em{ color:var(--bs-green-mid); }
.section-heading h2 span{ color:var(--bs-green-deep); }
.main-button,
.main-button a{ background-color:var(--bs-green-deep); }
.main-blue-button a{ background-color:var(--bs-green-mid); }

/* ===== About 核心优势区 ===== */
.about-us{ background-color:var(--bs-green-light); }
.about-us .item .right-text h4{ color:var(--bs-green-deep); }
.about-us .item .icon img{ filter:hue-rotate(120deg) saturate(.85); } /* 让原蓝色图标偏绿 */

/* ===== Services 四大业务板块 / 进度条 ===== */
.our-services .progress-skill-bar h4{ color:var(--bs-ink); }
/* span 原为绝对定位的百分比数字，现承载长文字标签，改回文档流避免与 h4 重叠 */
.our-services .progress-skill-bar span{
  position:static; display:block;
  font-size:13px; font-weight:400; color:var(--bs-steel);
  margin:-6px 0 12px; line-height:1.5;
}
.our-services .progress-skill-bar .full-bar{ background-color:var(--bs-green-light); }
.our-services .first-bar .filled-bar,
.our-services .second-bar .filled-bar,
.our-services .third-bar .filled-bar{
  background:linear-gradient(105deg,var(--bs-green-deep) 0%,var(--bs-green-mid) 100%);
}

/* ===== Portfolio 典型案例翻转卡 ===== */
.our-portfolio .hidden-content{
  background:linear-gradient(105deg,var(--bs-green-deep) 0%,var(--bs-green-mid) 100%);
}
.our-portfolio .hidden-content:after{
  background:linear-gradient(105deg,var(--bs-green-deep) 0%,var(--bs-green-mid) 100%);
}
.our-portfolio .showed-content img{ max-width:100%; height:180px; object-fit:cover; border-radius:12px; }
.our-portfolio .showed-content h4{
  font-size:16px; font-weight:700; color:var(--bs-green-deep);
  margin:18px 0 8px;
}
.our-portfolio .showed-content p{
  font-size:13px; color:var(--bs-steel); margin:0; line-height:1.5;
}

/* ===== 合作伙伴墙（原 Blog 区改造） ===== */
.bs-partners{ background-color:var(--bs-green-light); padding:120px 0; }
.bs-partners .partner-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(180px,1fr)); gap:20px; margin-top:50px; }
.bs-partners .partner-grid .p-item{
  background:#fff; border:1px solid #dceee7; border-radius:14px;
  padding:28px 16px; text-align:center; color:var(--bs-green-deep);
  font-weight:700; font-size:17px; transition:all .3s;
}
.bs-partners .partner-grid .p-item:hover{ border-color:var(--bs-green-mid); box-shadow:0 6px 18px rgba(30,107,92,.12); transform:translateY(-3px); }

/* ===== 荣誉资质（新增区块） ===== */
.bs-honors{ padding:120px 0; }
.bs-honors .honor-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:24px; margin-top:50px; }
.bs-honors .honor-grid .h-item{
  background:#fff; border:1px solid #e3ece8; border-radius:16px; padding:30px 22px; text-align:center;
  transition:all .3s;
}
.bs-honors .honor-grid .h-item:hover{ box-shadow:0 8px 24px rgba(30,107,92,.12); transform:translateY(-3px); }
.bs-honors .h-item .badge-icon{
  width:56px; height:56px; margin:0 auto 16px; border-radius:50%;
  background:linear-gradient(135deg,var(--bs-green-deep),var(--bs-green-mid));
  color:#fff; font-size:24px; line-height:56px;
}
.bs-honors .h-item h4{ font-size:16px; font-weight:700; color:var(--bs-ink); margin:0; }

/* ===== Contact 联系区 ===== */
.contact-us{ background:linear-gradient(135deg,var(--bs-green-deep) 0%,var(--bs-green-mid) 100%); padding:120px 0; }
.contact-us .container .row{ align-items:center; }
.contact-us .section-heading h2,
.contact-us .section-heading h2 em,
.contact-us .section-heading h2 span{ color:#fff; }
.contact-us .section-heading p{ color:#fff; margin-top:24px; }
.contact-us .phone-info h4{ color:#fff; }
.contact-us .phone-info h4 span i{ background-color:#fff; color:var(--bs-green-deep); }
.contact-us .phone-info h4 span a{ color:#fff; }
.bs-contact-info{ color:#fff; margin-top:36px; }
.bs-contact-info .ci-item{ display:flex; align-items:flex-start; gap:16px; margin-bottom:24px; }
.bs-contact-info .ci-item i{
  width:50px; height:50px; flex:0 0 50px; border-radius:50%; background:#fff; color:var(--bs-green-deep);
  text-align:center; line-height:50px; font-size:20px;
}
.bs-contact-info .ci-item .ci-label{ font-size:13px; opacity:.8; }
.bs-contact-info .ci-item .ci-value{ font-size:18px; font-weight:600; }

/* Contact 右栏覆盖图：铺满右栏，叠加深绿渐变与标语，与左栏等高协调 */
.bs-contact-cover{
  position:relative; border-radius:20px; overflow:hidden;
  box-shadow:0 16px 40px rgba(0,0,0,.25); min-height:360px;
}
.bs-contact-cover img{ width:100%; height:100%; min-height:360px; object-fit:cover; display:block; }
.bs-contact-cover .cover-slogan{
  position:absolute; left:0; right:0; bottom:0; padding:32px;
  background:linear-gradient(to top, rgba(20,66,56,.92) 0%, rgba(20,66,56,.35) 70%, transparent 100%);
  color:#fff;
}
.bs-contact-cover .cover-slogan span{ display:block; font-size:14px; letter-spacing:2px; opacity:.85; margin-bottom:6px; }
.bs-contact-cover .cover-slogan strong{ font-size:22px; font-weight:700; line-height:1.4; }

/* ===== Footer ===== */
footer{ background-color:var(--bs-ink); }
footer p{ color:#cfd8d6; }

/* ===== 响应式微调 ===== */
@media (max-width:992px){
  .bs-stats{ gap:14px 24px; }
  .bs-stats .stat .num{ font-size:26px; }
  .bs-honors .honor-grid{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:560px){
  .bs-honors .honor-grid{ grid-template-columns:1fr; }
}