/* 迁居兴家 · SEO 补充样式（2026-09-30）
   目的：配合 SEO 审计整改，做到「标签语义更规范、性能更好、外观零变化」

   1) picture { display: contents }
      图片改为 <picture><source webp><img></picture> 后，<picture> 在 flex/grid 里会
      变成一个新的布局盒子，可能改变尺寸/对齐。display:contents 让包装元素不参与布局，
      内部 <img> 依旧是父容器的直接布局子元素，排版表现与改造前完全一致。
      （不支持 display:contents 的老浏览器也不支持 <picture>，会直接渲染内部 <img>，同样正常）

   2) .as-h3 / .as-h4
      标题层级语义修正后（H1→H3 跳级、H2→H4 跳级）需要还原原有的字号外观。
      原规则：.hero-quote-form h3 { margin:0 0 10px 0; color:#333 }（无 fontSize，走 h3 默认 1.17em）
              .credential-item h4 { margin:0 0 10px 0; color:#333 }（无 fontSize，走 h4 默认 1em）
              移动端 @media(max-width:768px) .credential-item h4 { font-size:15px }
*/

picture {
    display: contents;
}

.hero-quote-form .as-h3 {
    margin: 0 0 10px 0;
    color: #333;
    font-size: 1.17em;
    font-weight: 700;
    line-height: 1.3;
}

.credential-item .as-h4,
.case-info .as-h4,
.knowledge-card .as-h4 {
    margin: 0 0 10px 0;
    color: #333;
    font-size: 1em;
    font-weight: 700;
    line-height: 1.3;
}

@media (max-width: 768px) {
    .credential-item .as-h4 { font-size: 15px; }
    .case-info .as-h4,
    .knowledge-card .as-h4 { font-size: 1.05rem; }
}
