.mod-recommend { max-width: 1100px; margin: 0 auto; padding: 40px 20px; }
.mod-recommend__title { color: var(--dark, #111); margin-bottom: 20px; }
.mod-recommend__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 20px; }
.mod-recommend__card { display: block; text-decoration: none; color: inherit; background: #fff; border-radius: var(--radius-base, 10px); overflow: hidden; box-shadow: var(--shadow-base, 0 2px 10px rgba(0,0,0,.06)); }
.mod-recommend__card img { width: 100%; height: 140px; object-fit: cover; }
.mod-recommend__tag { display: inline-block; margin: 12px 12px 0; padding: 2px 10px; background: var(--primary, #2563eb); color: #fff; font-size: 12px; border-radius: var(--radius-base, 10px); }
.mod-recommend__card h4 { margin: 8px 12px 14px; color: var(--dark, #111); font-size: 15px; }

/* ===== 移动端响应式适配 ===== */
@media (max-width: 768px) {
    .mod-recommend { padding: 24px 16px; }
    .mod-recommend__grid { grid-template-columns: 1fr; }
}