*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html {
    /* 页面平滑滚动 */
    scroll-behavior: smooth;
}
body{
    font-family:"Microsoft YaHei",sans-serif;
    background:#f5f7fa;
    color:#333;
    line-height:1.8;
}
.wrap{
    max-width:920px;
    margin:40px auto;
    background:#fff;
    border-radius:20px;
    box-shadow:0 8px 30px rgba(0,0,0,0.07);
    overflow:hidden;
    /* 页面载入淡入 */
    animation: fadeIn 0.8s ease;
}
.top-banner{
    background:#2c4d80;
    text-align:center;
    padding:40px 20px;
    color:#fff;
}
.logo{
    width:140px;
    height:140px;
    object-fit: contain;
    margin-bottom:15px;
    /* 校徽轻微上浮动画 */
    animation: float 3s ease-in-out infinite;
}
h1{
    font-size:29px;
    margin-bottom:6px;
}
.tip{
    opacity:0.9;
    font-size:16px;
}
.content{
    padding:35px 40px;
}
.title{
    font-size:21px;
    color:#2c4d80;
    border-left:5px solid #2c4d80;
    padding-left:12px;
    margin:30px 0 15px;
}
p{
    margin-bottom:14px;
    font-size:16px;
}
ul{
    padding-left:22px;
    margin-bottom:10px;
}
.pic-box{
    width:100%;
    border-radius:12px;
    overflow:hidden;
    margin:16px 0;
    box-shadow:0 4px 12px rgba(0,0,0,0.06);
}
.pic-box img{
    width:100%;
    display:block;
    transition: transform 0.5s ease;
}
/* 鼠标放上去图片轻微放大 */
.pic-box:hover img {
    transform: scale(1.05);
}
.footer{
    text-align:center;
    color:#999;
    font-size:14px;
    padding:25px;
    background:#f8f9fa;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes float {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-8px);
    }
}