/* 弘毅养正 - 校园环境页面样式 */

.campus-intro { background: #f8faf9; padding: 60px 0; }
.campus-intro-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; }
.campus-intro-grid img { border-radius: 16px; box-shadow: var(--shadow); width: 100%; height: auto; }
.campus-intro-grid h2 { font-size: 28px; font-weight: 800; color: #1a1a2e; margin-bottom: 16px; }
.campus-intro-grid p { font-size: 16px; color: #555; line-height: 1.9; margin-bottom: 16px; }
.campus-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; }
.campus-card { background: white; border-radius: 16px; overflow: hidden; box-shadow: var(--shadow); transition: all 0.4s; border: 1px solid var(--border); display: flex; flex-direction: column; }
.campus-card:hover { transform: translateY(-8px); box-shadow: var(--shadow-lg); }
.campus-card-img { height: 220px; overflow: hidden; position: relative; flex-shrink: 0; }
.campus-card-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s; }
.campus-card:hover .campus-card-img img { transform: scale(1.08); }
.campus-card-body { padding: 22px; flex-grow: 1; display: flex; flex-direction: column; }
.campus-card-body h3 { font-size: 18px; font-weight: 700; color: #1a1a2e; margin-bottom: 8px; }
.campus-card-body p { font-size: 14px; color: #666; line-height: 1.8; margin-bottom: 12px; flex-grow: 1; }
.campus-tags { display: flex; gap: 8px; flex-wrap: wrap; }
.campus-tag { background: var(--primary-light); color: var(--primary); font-size: 12px; padding: 4px 12px; border-radius: 50px; font-weight: 600; }

@media (max-width: 992px) {
  .campus-intro-grid { grid-template-columns: 1fr; }
  .campus-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
  .campus-grid { grid-template-columns: 1fr; }
  .campus-intro-grid img { height: auto; }
}