/* 由 service-design.html 内联 <style> 抽取（P2 改造） */
.page-hero{height:420px !important}
@media (max-width:992px){.page-hero{height:380px !important}}
@media (max-width:640px){.page-hero{height:340px !important}}
/* 本页卡片网格强制响应式（手机/平板/电脑自适应） */
.grid.grid-2,.grid.grid-3,.grid.grid-4{display:grid;gap:20px;align-items:stretch}
.grid.grid-2{grid-template-columns:repeat(2,1fr)}
.grid.grid-3{grid-template-columns:repeat(3,1fr)}
.grid.grid-4{grid-template-columns:repeat(4,1fr)}
.grid.grid-2 .card,.grid.grid-3 .card,.grid.grid-4 .card{height:100%;display:flex;flex-direction:column}
.grid.grid-2 .card h3,.grid.grid-3 .card h3,.grid.grid-4 .card h3{font-size:16px}
.grid.grid-2 .card h4,.grid.grid-3 .card h4,.grid.grid-4 .card h4{font-size:15px}
.grid.grid-2 .card p,.grid.grid-3 .card p,.grid.grid-4 .card p{flex:1;font-size:13.5px;line-height:1.75}
.grid.grid-2 .mod-card ul.mod-list,.grid.grid-3 .mod-card ul.mod-list,.grid.grid-4 .mod-card ul.mod-list{font-size:13.5px;line-height:1.8}
@media (max-width:900px){
  .grid.grid-2,.grid.grid-3,.grid.grid-4{grid-template-columns:repeat(2,1fr);gap:16px}
}
@media (max-width:600px){
  .grid.grid-2,.grid.grid-3,.grid.grid-4{grid-template-columns:1fr;gap:14px}
  .grid.grid-2 .card h3,.grid.grid-3 .card h3,.grid.grid-4 .card h3{font-size:15px;margin:12px 16px 6px}
  .grid.grid-2 .card h4,.grid.grid-3 .card h4,.grid.grid-4 .card h4{font-size:14px;margin:12px 16px 6px}
  .grid.grid-2 .card p,.grid.grid-3 .card p,.grid.grid-4 .card p{margin:0 16px 16px;font-size:13px}
  .grid.grid-2 .mod-card ul.mod-list,.grid.grid-3 .mod-card ul.mod-list,.grid.grid-4 .mod-card ul.mod-list{margin:0 16px 16px;font-size:13px;padding-left:20px}
}
.data-table{min-width:560px}
.table-wrap table{width:100% ;display:table ;table-layout:fixed}
/* 内容区紧凑化 */
.section{padding:32px 0}
.section.alt{padding:32px 0}
.section-head{display:none}
.sv-main > section:first-of-type{padding-top:0}
.sd-title h3{font-size:20px}
.sd-title{margin-bottom:20px}
/* 修复：平板视口下 footer 网格项 min-width:auto 导致 2px 横向溢出 */
.site-footer .footer-grid{min-width:0}
.site-footer .footer-grid>.f-col{min-width:0;overflow:hidden}

/* 手机端：卡片/条目网格每行 2 列（覆盖小屏单列折叠，可 2 列者统一每行 2 列） */
@media (max-width:768px){
  .grid.grid-2,.grid.grid-3,.grid.grid-4{grid-template-columns:repeat(2,1fr) !important;gap:12px}
}