@charset "utf-8";
/* CSS Document */
/* 页面标题区域 */        
.page-hero {background:linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.7)),url('../image/ban-wh.png');background-size:cover;background-position:center;color:var(--light-text);text-align:center;padding:10rem 0 6rem;position:relative;overflow:hidden;}
.page-hero-content {position:relative;z-index:1;max-width:800px;margin:0 auto;}
.page-hero h1 {color:rgba(255,255,255,0.8);font-size:3.5rem;margin-bottom:1.5rem;text-shadow:2px 2px 5px rgba(0,0,0,0.3);line-height:1.2;}
.page-hero p {color:rgba(255,255,255,0.8);font-size:1.3rem;margin-bottom:2.5rem;opacity:0.9;}
.breadcrumb {color:rgba(255,255,255,0.8);display:flex;justify-content:center;margin-bottom:2rem;flex-wrap:wrap;}
.breadcrumb a {color:var(--light-text);text-decoration:none;opacity:0.8;transition:var(--transition);}
.breadcrumb a:hover {opacity:1;}
.breadcrumb span {margin:0 10px;opacity:0.6;}
/* 文化活动 */        
.wh {padding:6rem 10%;}
.wh-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem;display: grid;grid-template-columns: repeat(3, 1fr);gap: 2rem;}
.wh-card {border-radius:12px;overflow:hidden;box-shadow:0 5px 20px rgba(0,0,0,0.1);transition:transform 0.3s;}
.wh-card:hover {transform:translateY(-10px);}
.wh-image {height:485px;background-size:cover;background-position:center;}
.wh-content {padding:1.5rem;background:white;}
.wh-content h3 {font-size:1.4rem;margin-bottom:0.8rem;color:var(--dark);}
.wh-content p {color:var(--gray);margin-bottom:1.5rem;}
.wh-meta {display:flex;justify-content:space-between;color:var(--gray);font-size:0.9rem;margin-bottom:1.5rem;}
.wh-link {color:var(--primary-red);text-decoration:none;font-weight:600;display:inline-flex;align-items:center;}
.wh-link i {margin-left:5px;transition:transform 0.3s;}
.wh-link:hover i {transform:translateX(5px);}
/* 响应式设计 */        
@media (max-width:992px) {.process-steps {flex-direction:column;gap:2rem;}
.process-steps::before {display:none;}
}
@media (max-width:768px) {.page-header h1 {font-size:2.2rem;}
.advantages {grid-template-columns:1fr;}
.university-grid {grid-template-columns:1fr;}
.universities,.consultation-section {padding:2.5rem;}
}
@media (max-width:576px) {.page-header h1 {font-size:1.8rem;}
.section-title h2 {font-size:1.8rem;}
.universities,.consultation-section {padding:2rem;}
}