/* ===========================================================
   2026-10-29 上线前修正：12 大核心系统清单（原 .chips12 仅名称）
   说明：仅 products.html 引用本文件，保持在其他覆盖层之后加载
   =========================================================== */

.sys-grid{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
}
.sys-grid > li{
  background:#fff;
  border:1px solid #dbe2ef;
  border-radius:12px;
  padding:15px 17px 16px;
  transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;
}
.sys-grid > li:hover{
  border-color:#f08300;
  box-shadow:0 6px 18px rgba(25,40,82,.07);
  transform:translateY(-1px);
}
.sys-grid b{
  display:block;
  font-size:14.5px;
  font-weight:600;
  color:#1a284d;
  letter-spacing:.01em;
  line-height:1.4;
}
.sys-grid span{
  display:block;
  margin-top:7px;
  font-size:12.8px;
  line-height:1.72;
  color:#5a698c;
}

@media (max-width:1180px){
  .sys-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:900px){
  .sys-grid{grid-template-columns:repeat(2,1fr);gap:10px}
  .sys-grid > li{padding:13px 15px 14px}
}
@media (max-width:560px){
  .sys-grid{grid-template-columns:1fr}
  .sys-grid b{font-size:14px}
  .sys-grid span{font-size:12.5px}
}