*{box-sizing:border-box;margin:0;padding:0;font-family:"Microsoft YaHei"}
body{background:#fff7f7;color:#4b0000}
header{height:90px;background:linear-gradient(90deg,#d40000,#850000);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 9%}
.logo{display:flex;align-items:center;gap:20px}.px{font-size:45px;font-weight:900}
.logo h1{font-size:22px}.logo p{font-size:15px}
nav a{color:white;margin:15px;text-decoration:none}
.hero{height:520px;position:relative;overflow:hidden}
.hero img{width:100%;height:100%;object-fit:cover}
.mask{position:absolute;inset:0;background:linear-gradient(90deg,rgba(150,0,0,.75),rgba(255,0,0,.2))}
.hero-content{position:absolute;left:10%;top:30%;color:white}
.hero-content h2{font-size:64px;line-height:1.2}
.hero-content p{font-size:25px;margin:25px 0}
button{border:0;border-radius:30px;padding:14px 40px;background:#ffd34d}
.main{width:88%;margin:45px auto;display:grid;grid-template-columns:1fr 1fr;gap:30px}
.card{background:#fff;border-radius:30px;padding:35px;box-shadow:0 10px 30px #ddd}
.card h2{text-align:center;color:#b00000;margin-bottom:30px}
.tree{text-align:center}.node{background:#fff0f0;border-radius:15px;padding:18px;color:#a00000}
.top{background:#b00000;color:white;display:inline-block}
.branch{height:35px;border-left:3px solid #b00000;margin:auto}
.row{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.child{margin-top:15px;border-top:2px solid #d00;padding-top:10px}
.activity-item{display:flex;gap:20px;margin-bottom:25px}
.activity-item img{width:160px;height:110px;object-fit:cover;border-radius:15px}
.types{width:75%;margin:auto;display:flex;gap:30px}
.types div{flex:1;background:#fff;border-radius:25px;padding:40px;text-align:center;font-size:28px;color:#b00000;box-shadow:0 8px 25px #ddd}
footer{margin-top:50px;background:#900;color:#fff;text-align:center;padding:35px}
footer img{max-width:300px}
@media(max-width:800px){.main{grid-template-columns:1fr}.row,.types{display:block}.types div{margin:15px}.hero-content h2{font-size:38px}}