*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f5f5f5;color:#333;font-family:PingFang SC,Microsoft YaHei,sans-serif;line-height:1.6}.container{margin:0 auto;max-width:1200px;padding:0 20px}.navbar{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 2px 10px #0000001a}.navbar .el-menu{background:transparent;border:none}.navbar .el-menu-item{color:#fff;font-weight:500}.navbar .el-menu-item:hover{background-color:#ffffff1a;color:#fff}.navbar .el-menu-item.is-active{background-color:#fff3;color:#fff}.hero-carousel{height:500px;overflow:hidden}.hero-carousel .el-carousel__item{align-items:center;background:linear-gradient(45deg,#2563eb,#1d4ed8);color:#fff;display:flex;font-size:24px;justify-content:center;text-align:center}.activity-card{cursor:pointer;transition:all .3s ease}.activity-card:hover{box-shadow:0 10px 30px #00000026;transform:translateY(-5px)}.activity-card .el-card__header{font-weight:700}.activity-card .el-card__header,.btn-primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff}.btn-primary{border:none;border-radius:6px;font-weight:500;padding:12px 24px;transition:all .3s ease}.btn-primary:hover{box-shadow:0 5px 15px #2563eb66;transform:translateY(-2px)}.footer{background:#2c3e50;color:#fff;margin-top:60px;padding:40px 0}.footer h3{color:#3498db;margin-bottom:20px}.footer p{margin-bottom:10px;opacity:.8}@media (max-width:768px){.container{padding:0 15px}.hero-carousel{height:300px}.hero-carousel .el-carousel__item{font-size:18px}}.fade-enter-active,.fade-leave-active{transition:opacity .5s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-enter-active,.slide-leave-active{transition:all .3s ease}.slide-enter-from{opacity:0;transform:translate(30px)}.slide-leave-to{opacity:0;transform:translate(-30px)}