/* 由 service-training.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}

/* 内容区紧凑化 */

.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}
  /* 核心课程模块：手机端一行一个，纵向堆叠 */
  .grid.grid-2:has(.mod-card){grid-template-columns:1fr !important;gap:14px}
}