/* ============================================================
   inner-lite.css —— 馨祥合金内页（关于/产品/技术/联系等）浅色化
   与新首页 home-lite 版式呼应：内页页头横幅由“深海军蓝大色块”
   改为“浅灰渐变 + 墨蓝标题 + 火焰红强调条”。
   深色对比带（工艺流程条、页脚）保留，与新首页深蓝收口卡一致。
   ============================================================ */

/* 内页页头横幅：浅色化 */
.home-lite .page-hero{
  background:linear-gradient(180deg,#f4f7f9 0%,#eaf0f4 100%);
  color:#0c2030;
  border-bottom:1px solid #dfe7ec;
}
/* 原横幅上的网点纹理：改浅，保留质感但不抢眼 */
.home-lite .page-hero::before{
  background-image:radial-gradient(rgba(12,32,48,.05) 1px,transparent 1px);
}
/* 面包屑：火焰红小字（对应新首页强调色） */
.home-lite .page-hero .crumb{
  color:#d8452c;
}
/* 主标题：墨蓝；下方压一条红色短粗线（与新首页标题风格呼应） */
.home-lite .page-hero h1{
  color:#0c2030;
}
.home-lite .page-hero h1::after{
  content:"";display:block;width:56px;height:3px;
  background:#d8452c;margin-top:16px;
}
/* 英文副标题：深灰蓝，比深底版更轻 */
.home-lite .page-hero .ph-en{
  color:#5f7180;
}
/* 右侧引导文字：中灰，保证浅底可读 */
.home-lite .page-hero .ph-side{
  color:#41515d;
}

/* 页面内少量浅色小标题如 .sec-tight 下的段首强调行、lead 句子中的强调词：
   保持墨蓝主色，不改动结构 —— 浅底深字天然协调 */

/* 顶部分隔条（继承 home-lite 的红黑渐变，无需重复） */

/* 移动端窄屏微调：保证与旧 media 规则不冲突，仅微调字号层级 */
@media(max-width:720px){
  .home-lite .page-hero h1{font-size:30px}
}
