/* ======== 卡片 UI 视觉组件 ======== */

.card-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1.5rem;
}

@media(max-width:1100px){.card-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:640px){.card-grid{grid-template-columns:1fr;}}

.card{
  background:#fff;border-radius:14px;
  padding:1.4rem 1.6rem;border:1px solid rgba(0,0,0,.06);
  box-shadow:0 6px 20px rgba(0,0,0,.04);
  transition:all .25s ease;
}

/* hover 质感 */
.card:hover{
  transform:translateY(-6px);
  box-shadow:0 18px 36px rgba(0,0,0,.10);
}

/* 标题+正文+列表 */
.card h3{font-size:1.22rem;font-weight:600;margin-bottom:.45rem;color:#111;}
.card p{text-indent:2em;font-size:1rem;color:#444;line-height:1.75;margin-bottom:.8rem;}

.card-list{list-style:none;padding:0;}
.card-list li{position:relative;padding-left:10px;margin:.28rem 0;color:#555;}
.card-list li::before{content:"▍";color:#43aaaa;font-weight:600;left:0;top:0;position:absolute;}