@charset "utf-8";
/* CSS Document */
/* 页面标题区域 */        
.page-header {background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.7)), url('../image/ban-ab.png'); background-size: cover;background-position: center; color: var(--light-text);text-align: center; padding: 10rem 0 6rem; position: relative; overflow: hidden;}
.page-header h1 { color:rgba(255,255,255,0.8); font-size:3.0rem;margin-bottom:1.5rem;font-weight:800;text-shadow:0 2px 10px rgba(0, 0, 0, 3);}
.breadcrumb {display:flex;justify-content:center;list-style:none;font-size:1.1rem;}
.breadcrumb li {margin:0 10px;}
.breadcrumb a {color:rgba(255,255,255,0.8);text-decoration:none;transition:var(--transition);}
.breadcrumb a:hover {color:white;}
.breadcrumb li:not(:last-child)::after {content:'>';margin-left:20px;color:rgba(255,255,255,0.5);}
/* 课程介绍内容区域 */        
.courses-content {padding:5rem 10%;margin:0 auto;}
.section-title {text-align:center;margin-bottom:3rem;}
.section-title h2 {font-size:2.2rem;color:var(--dark);margin-bottom:1rem;font-weight:800;}
.section-title p {color:var(--gray);max-width:600px;margin:0 auto;}
/* 课程卡片 */        .courses-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:4rem;}
.course-card {border-radius:12px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,0.08);transition:var(--transition);background:white;text-align:center;padding:2rem;}
.course-card:hover {transform:translateY(-10px);box-shadow:0 10px 25px rgba(0,0,0,0.15);}
.course-icon {width:80px;height:80px;background:rgba(212,0,26,0.1);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:var(--primary-red);font-size:2rem;transition:var(--transition);}
.course-card:hover .course-icon {background:var(--primary-red);color:white;}
.course-card h3 {font-size:1.5rem;margin-bottom:1rem;color:var(--dark);font-weight:700;}
.course-card p {color:var(--gray);margin-bottom:1.5rem;line-height:1.6;}
.btn {padding:0.8rem 1.8rem;border-radius:30px;font-weight:700;text-decoration:none;transition:var(--transition);display:inline-block;font-size:1rem;}
.btn-primary {background:linear-gradient(135deg,var(--primary-red),var(--dark-red));color:white;border:none;cursor:pointer;}
.btn-primary:hover {transform:translateY(-3px);box-shadow:0 5px 15px rgba(212,0,26,0.3);}
.btn-secondary {background:white;color:var(--dark);border:2px solid var(--primary-red);}
.btn-secondary:hover {background:var(--primary-red);color:white;}
/* 报名区域 */        
.enrollment-section {background:var(--light);padding:4rem 10%;border-radius:12px;text-align:center;margin-top:2rem;}
.enrollment-section h2 {font-size:1.8rem;margin-bottom:1rem;color:var(--dark);}
.enrollment-section p {color:var(--gray);margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto;}
/* 响应式设计 */       
@media (max-width:768px) {.page-header h1 {font-size:2.2rem;}
.courses-grid {grid-template-columns:1fr;}
}
@media (max-width:576px) {.page-header h1 {font-size:1.8rem;}
.section-title h2 {font-size:1.8rem;}
}