@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-hsk.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;}
/* 考试介绍样式 */ 
.section {padding:5rem 10%;margin:0 auto;}
.exam-intro {display:flex;flex-wrap:wrap;gap:3rem;align-items:center;margin-bottom:4rem;}
.exam-text {flex:1;min-width:300px;}
.exam-text h2 {font-size:2.2rem;color:var(--primary-red);margin-bottom:1.5rem;line-height:1.2;}
.exam-text p {margin-bottom:1.5rem;font-size:1.1rem;}
.exam-image {flex:1;min-width:300px;border-radius:12px;overflow:hidden;box-shadow:var(--card-shadow);}
.exam-image img {width:100%;height:auto;display:block;transition:var(--transition);}
.exam-image:hover img {transform:scale(1.05);}
/* 报名区域样式 */        
.registration-section {background:linear-gradient(135deg,#f9f9f9,#f0f0f0);position:relative;text-align:center;}
.registration-section:before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="%23D32F2F" fill-opacity="0.05" d="M0,128L48,138.7C96,149,192,171,288,170.7C384,171,480,149,576,133.3C672,117,768,107,864,112C960,117,1056,139,1152,149.3C1248,160,1344,160,1392,160L1440,160L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path></svg>');background-size:cover;background-position:center;}
.registration-content {position:relative;z-index:1;max-width:800px;margin:0 auto;}
.registration-content h2 {font-size:2.2rem;color:var(--primary-red);margin-bottom:1.5rem;}
.registration-content p {margin-bottom:2.5rem;font-size:1.1rem;max-width:600px;margin-left:auto;margin-right:auto;}

/* 响应式设计 */       
@media (max-width:992px) {.page-hero h1 {font-size:2.8rem;}
nav ul {display:none;}
.mobile-menu-btn {display:block;}
.mobile-menu {position:fixed;top:0;right:-100%;width:280px;height:100vh;background:white;box-shadow:-5px 0 15px rgba(0,0,0,0.1);transition:var(--transition);z-index:1000;padding:2rem;overflow-y:auto;}
.mobile-menu.active {right:0;}
.mobile-menu ul {list-style:none;margin-top:2rem;}
.mobile-menu ul li {margin-bottom:1.5rem;}
.mobile-menu ul li a {color:var(--dark-text);text-decoration:none;font-weight:500;font-size:1.1rem;display:block;padding:0.5rem 0;border-bottom:1px solid #f0f0f0;}
.mobile-menu-close {position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;color:var(--primary-red);cursor:pointer;}
}
@media (max-width:768px) {.page-hero {padding:8rem 0 4rem;}
.page-hero h1 {font-size:2.2rem;}
.page-hero p {font-size:1.1rem;}
.section-title h2 {font-size:2rem;}
.exam-intro {flex-direction:column;}
.levels-container {flex-direction:column;}
}
/* 语言内容切换 */        
.lang-content {display:none;}
.lang-content.active {display:block;}
/* 动画效果 */       
@keyframes fadeInUp {from {opacity:0;transform:translateY(30px);}
to {opacity:1;transform:translateY(0);}
}
.fade-in-up {animation:fadeInUp 0.8s ease forwards;}
.delay-1 {animation-delay:0.2s;}
.delay-2 {animation-delay:0.4s;}
.delay-3 {animation-delay:0.6s;}