*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}html, body{
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Microsoft YaHei', sans-serif;
    line-height: 1.6;
    color: var(--text-primary);
    background-color: var(--bg-primary);
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}#pageContent{
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto;
}html{
    margin-top: -10px !important;
    padding-top: 10px !important;
}body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}.skip-link{
    position: absolute;
    top: -40px;
    left: 0;
    background: var(--primary-color);
    color: white;
    padding: 8px 15px;
    z-index: 1000;
    text-decoration: none;
    transition: top 0.3s ease;
}.skip-link:focus{
    top: 0;
}body{
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Microsoft YaHei', sans-serif;
    line-height: 1.6;
    color: var(--text-primary);
    background-color: var(--bg-primary);
    margin: 0;
    padding: 0;
}a{
    text-decoration: none;
    color: inherit;
    transition: all 0.3s ease;
}:root{
    --primary-color: #005a9c;
    --secondary-color: #0078d7;
    --accent-color: #ff6b6b;
    --text-primary: #333;
    --text-secondary: #666;
    --text-light: #999;
    --bg-primary: #f8f9fa;
    --bg-secondary: #f5f5f5;
    --border-color: #e0e0e0;
    --white: #ffffff;
    --shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
    --shadow-hover: 0 5px 20px rgba(0, 0, 0, 0.12);
}

@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(10px) scale(0.95); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}.banner{
    height: 100vh;
    width: 100%;
    margin: 0;
    padding: 0;
    background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    font-size: 24px;
    text-align: center;
    position: relative;
    overflow: hidden;
    top: 0;
    left: 0;
    z-index: 1;
}:root{
    --animation-duration: 0.4s;
    --animation-delay: 0ms;
    --animation-easing: ease-in-out;
    --animation-translate: 30px;
    --animation-scale: 0.9;
}.animate-on-scroll{
    opacity: 0;
    transform: translateY(var(--animation-translate)) scale(var(--animation-scale));
    transition: opacity var(--animation-duration) var(--animation-easing),
                transform var(--animation-duration) var(--animation-easing);
    will-change: opacity, transform;
    contain: layout style paint;
}.animate-on-scroll.animate{
    opacity: 1;
    transform: translateY(0) scale(1);
}.fade-out-on-scroll{
    opacity: 1;
    transform: scale(1);
    transition: opacity var(--animation-duration) var(--animation-easing),
                transform var(--animation-duration) var(--animation-easing);
    will-change: opacity, transform;
    contain: layout style paint;
}.fade-out-on-scroll.fade-out{
    opacity: 0;
    transform: scale(var(--animation-scale));
}.banner-carousel{
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}.carousel-container{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}.carousel-slide{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out;
    transform: scale(0.9);
}.carousel-slide.active{
    opacity: 1;
    transform: scale(1);
    z-index: 1;
}.carousel-image{
    width: 100%;
    height: 100%;
    object-fit: cover;
}.carousel-indicators{
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 10px;
    z-index: 2;
}.indicator{
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.6);
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.3s ease;
}.indicator:hover{
    background-color: rgba(255, 255, 255, 0.8);
    transform: scale(1.2);
}.indicator.active{
    background-color: white;
    transform: scale(1.2);
}.carousel-nav{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background-color: rgba(0, 0, 0, 0.3);
    color: white;
    border: none;
    border-radius: 50%;
    font-size: 24px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease, transform 0.3s ease;
    z-index: 2;
}.carousel-nav:hover{
    background-color: rgba(0, 0, 0, 0.5);
    transform: translateY(-50%) scale(1.1);
}.carousel-nav.prev{
    left: 20px;
}.carousel-nav.next{
    right: 20px;
}.banner::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxkZWZzPjxwYXR0ZXJuIGlkPSJwYXR0ZXJuX2JhY2tncm91bmQiIHBhdHRlcm5Vbml0cz0idXNlclNwYWNlT25Vc2UiIHdpZHRoPSI2MCIgaGVpZ2h0PSI2MCIgcGF0dGVyblRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHJlY3Qgd2lkdGg9IjYwIiBoZWlnaHQ9IjYwIiBmaWxsPSIjZmZmZmZmIiBmaWxsLW9wYWNpdHk9IjAuMDUiLz48L3BhdHRlcm4+PC9kZWZzPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjcGF0dGVybl9iYWNrZ3JvdW5kKSIvPjwvc3ZnPg==');
    opacity: 0.1;
}.container{
    max-width: 1200px;
    margin: 30px auto;
    padding: 0 20px;
    display: block;
    width: 100%;
    clear: both;
}.section-news,
.section-notice,
.section-academic{
    margin-bottom: 30px;
}
.notice-list,
.academic-list{
    list-style: none;
}
.notice-item,
.academic-item{
    padding: 10px 0;
    border-bottom: 1px dashed var(--border-color);
    transition: padding-left 0.3s ease;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.notice-item:hover,
.academic-item:hover{
    padding-left: 10px;
}
.notice-item a,
.academic-item a{
    color: var(--primary-color);
    font-size: 14px;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
    margin-right: 10px;
}
.notice-item a:hover,
.academic-item a:hover{
    text-decoration: underline;
}.item-date{
    color: var(--text-light);
    font-size: 12px;
    white-space: nowrap;
}.news-notice-container{
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 40px;
    margin-top: 30px;
    margin-bottom: 30px;
}.notice-section{
    background: var(--white);
    border-radius: 12px;
    padding: 30px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08), 0 0 15px rgba(0, 90, 156, 0.1);
    border: 1px solid rgba(0, 90, 156, 0.1);
    transition: box-shadow 0.3s ease;
}.notice-section:hover{
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12), 0 0 20px rgba(0, 90, 156, 0.15);
}.notice-list{
    list-style: none;
    padding: 0;
    margin: 0;
}.notice-item{
    margin-bottom: 16px;
    padding: 20px;
    border-radius: 8px;
    background: var(--white);
    border-left: 4px solid var(--primary-color);
    transition: all 0.4s ease;
    box-shadow: var(--shadow);
    position: relative;
    overflow: hidden;
}.notice-item::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 4px;
    background: linear-gradient(180deg, var(--primary-color), var(--secondary-color));
    opacity: 0;
    transition: opacity 0.3s ease;
}.notice-item:last-child{
    margin-bottom: 0;
}.notice-item:hover{
    transform: translateX(10px) translateY(-2px);
    box-shadow: var(--shadow-hover);
    border-left-width: 0;
}.notice-item:hover::before{
    opacity: 1;
}.notice-item.important{
    border-left-color: var(--accent-color);
}.notice-item.important::before{
    background: linear-gradient(180deg, var(--accent-color), var(--secondary-color));
}.notice-item-date{
    font-size: 13px;
    color: var(--primary-color);
    margin-bottom: 10px;
    font-weight: 600;
    letter-spacing: 0.5px;
    display: inline-block;
    padding: 3px 10px;
    background: rgba(0, 90, 156, 0.08);
    border-radius: 10px;
}.notice-item h4{
    margin: 10px 0 0 0;
    font-size: 16px;
    font-weight: 600;
    color: var(--text-primary);
    line-height: 1.5;
    letter-spacing: 0.3px;
    transition: color 0.3s ease;
}.notice-item h4 a{
    color: var(--text-primary);
    text-decoration: none;
    transition: all 0.3s ease;
    display: block;
    position: relative;
    padding-right: 20px;
}.notice-item h4 a::after{
    content: '→';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    transition: all 0.3s ease;
    color: var(--primary-color);
}.notice-item h4 a:hover{
    color: var(--primary-color);
}.notice-item h4 a:hover::after{
    opacity: 1;
    right: -10px;
}.notice-item.important h4 a{
    color: var(--accent-color);
    font-weight: 700;
}.notice-item.important h4 a:hover{
    color: var(--primary-color);
}.section-title{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--border-color);
    position: relative;
}.section-title-centered{
    justify-content: center;
}.section-title h2{
    font-size: 40px;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0;
    display: flex;
    align-items: baseline;
    gap: 10px;
}.section-title span{
    font-size: 14px;
    font-weight: 400;
    color: var(--text-secondary);
    text-transform: uppercase;
}.section-title .more-link{
    color: var(--primary-color);
    font-size: 14px;
    text-decoration: none;
    transition: color 0.3s ease;
}.section-title .more-link:hover{
    color: var(--secondary-color);
}.alimama-title{
    font-family: 'Alimama ShuHeiTi', sans-serif;
    font-size: 40px;
}.photo-placeholder{
    width: 100%;
    height: 200px;
    background: var(--bg-secondary);
    border: 1px dashed var(--border-color);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-light);
    font-size: 14px;
    text-align: center;
    transition: transform 0.3s ease;
}.photo-item:hover .photo-placeholder{
    transform: scale(1.05);
}.majors{
    margin-top: 20px;
}.majors-col{
    flex: 1;
}.undergrad-majors,
.grad-majors{
    list-style: none;
}.major-group{
    margin-bottom: 25px;
}.major-group-title{
    margin-bottom: 12px;
    color: var(--primary-color);
    font-size: 16px;
    font-weight: bold;
}.undergrad-majors,
.grad-majors{
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}.undergrad-item,
.grad-item{
    padding: 15px;
    background: rgba(0, 90, 156, 0.05);
    border-radius: 8px;
    transition: all 0.3s ease;
    cursor: pointer;
}.undergrad-item h4,
.grad-item h4{
    margin: 0 0 8px 0;
    color: var(--primary-color);
    font-size: 16px;
}.undergrad-item p,
.grad-item p{
    margin: 0;
    color: var(--text-secondary);
    font-size: 14px;
    line-height: 1.5;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease, padding 0.3s ease, margin 0.3s ease;
}.undergrad-item.expanded p,
.grad-item.expanded p{
    max-height: 200px;
    margin-top: 8px;
}.undergrad-item:hover,
.grad-item:hover{
    background: rgba(0, 90, 156, 0.15);
    transform: translateX(5px);
}.quick-links{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin: 40px 0;
}.quick-link{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 25px 15px;
    background: var(--white);
    border-radius: 8px;
    color: var(--primary-color);
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    transition: all 0.3s ease;
    box-shadow: var(--shadow);
    min-height: 120px;
}.quick-link:hover{
    background: var(--primary-color);
    color: var(--white);
    transform: translateY(-5px);
    box-shadow: 0 5px 20px rgba(0, 90, 156, 0.2);
}.footer-container{
    margin: 0 auto;}.footer-links ul{
    margin: 0;}.footer-contact p{
    margin: 10px 0;}.three-cols{
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin-bottom: 40px;
}.three-cols .col{
    background: var(--white);
    border-radius: 12px;
    padding: 30px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08), 0 0 15px rgba(0, 90, 156, 0.1);
    border: 1px solid rgba(0, 90, 156, 0.1);
    transition: box-shadow 0.3s ease;
}.three-cols .col:hover{
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12), 0 0 20px rgba(0, 90, 156, 0.15);
}.container + .container{
    margin-top: 30px;
    clear: both;
    display: block;
}.academic-section{
    background: var(--white);
    border-radius: 12px;
    padding: 30px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08), 0 0 15px rgba(0, 90, 156, 0.1);
    border: 1px solid rgba(0, 90, 156, 0.1);
    transition: box-shadow 0.3s ease;
    margin-top: 30px;
    margin-bottom: 30px;
}.academic-section:hover{
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12), 0 0 20px rgba(0, 90, 156, 0.15);
}.academic-content-in-notice{
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid var(--border-color);
}.academic-tabs{
    display: flex;
    gap: 15px;
    justify-content: center;
}.academic-tabs .tab{
    padding: 12px 24px;
    border: none;
    border-radius: 20px;
    background: rgba(0, 90, 156, 0.08);
    color: var(--text-primary);
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}.academic-tabs .tab:hover{
    background: rgba(0, 90, 156, 0.15);
    transform: translateY(-2px);
}.academic-tabs .tab.active{
    background: var(--primary-color);
    color: var(--white);
    box-shadow: 0 4px 12px rgba(0, 90, 156, 0.3);
}.academic-content{
    margin-top: 20px;
}.academic-list{
    list-style: none;
    padding: 0;
    margin: 0;
}.academic-item{
    margin-bottom: 16px;
    padding: 20px;
    border-radius: 8px;
    background: var(--white);
    border-left: 4px solid var(--primary-color);
    transition: all 0.4s ease;
    box-shadow: var(--shadow);
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 339.19px;
    height: auto;
    min-height: 80px;
}.academic-item::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 4px;
    background: linear-gradient(180deg, var(--primary-color), var(--secondary-color));
    opacity: 0;
    transition: opacity 0.3s ease;
}.academic-item:last-child{
    margin-bottom: 0;
}.academic-item:hover{
    transform: translateX(10px) translateY(-2px);
    box-shadow: var(--shadow-hover);
    border-left-width: 0;
}.academic-item:hover::before{
    opacity: 1;
}.academic-item a{
    color: var(--text-primary);
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    transition: all 0.3s ease;
    position: relative;
    padding-right: 20px;
    flex: 1;
    margin-top: 30px;
    width: 100%;
}.academic-item a::after{
    content: '→';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    transition: all 0.3s ease;
    color: var(--primary-color);
}.academic-item a:hover{
    color: var(--primary-color);
}.academic-item a:hover::after{
    opacity: 1;
    right: -10px;
}.academic-item .item-date{
    font-size: 13px;
    color: var(--primary-color);
    font-weight: 600;
    letter-spacing: 0.5px;
    display: inline-block;
    padding: 3px 10px;
    background: rgba(0, 90, 156, 0.08);
    border-radius: 10px;
    position: absolute;
    top: 10px;
    left: 10px;
}.col{
    flex: 1;
    min-width: 0;
    background: var(--white);
    padding: 25px;
    border-radius: 8px;
    box-shadow: var(--shadow);
}.academic-tabs{
    display: flex;
    gap: 12px;
    border-left: none;
    padding-left: 0;
    margin-bottom: 20px;
    background: rgba(0, 90, 156, 0.05);
    padding: 5px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    justify-content: center;
}.tab{
    cursor: pointer;
    color: var(--primary-color);
    font-weight: 500;
    padding: 12px 24px;
    border: 2px solid transparent;
    background: rgba(0, 90, 156, 0.08);
    border-radius: 8px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    font-size: 16px;
    font-family: inherit;
    outline: none;
    position: relative;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 90, 156, 0.1);
}.tab.active,
.tab:hover{
    background: var(--primary-color);
    color: white;
    font-weight: 600;
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0, 90, 156, 0.4);
    border-color: var(--secondary-color);
}.tab:active{
    transform: translateY(0);
    box-shadow: 0 3px 10px rgba(0, 90, 156, 0.3);
    transition: all 0.1s ease;
}.horizontal-layout{
    display: flex;
    gap: 30px;
    margin-top: 40px;
    flex-wrap: wrap;
}.photo-col{
    flex: 2;
    min-width: 300px;
}.major-col{
    flex: 1;
    min-width: 250px;
}@media (max-width: 1024px){.three-cols{
        gap: 20px;
    }.academic-section{
        padding: 25px;
        margin-top: 25px;
        margin-bottom: 25px;
    }.news-notice-container{
        grid-template-columns: 1fr;
        gap: 30px;
        margin-bottom: 25px;
    }.section-title h2{
        font-size: 32px;
    }.section-title span{
        font-size: 13px;
    }.section-title .more-link{
        font-size: 13px;
    }
    .notice-section{
        padding: 25px;
    }.quick-links{
        grid-template-columns: repeat(2, 1fr);
    }
}@media (max-width: 768px){.header-search{
        justify-content: center;
    }.search-input{
        width: 150px;
    }
    .notice-section{
        padding: 20px;
    }.news-notice-container{
        margin-bottom: 20px;
    }.academic-section{
        padding: 20px;
        margin-top: 20px;
        margin-bottom: 20px;
    }.notice-item{
        padding: 15px;
    }.notice-item h4{
        font-size: 15px;
    }.section-title h2{
        font-size: 28px;
    }.section-title span{
        font-size: 12px;
    }.section-title .more-link{
        font-size: 12px;
    }
    .notice-section{
        padding: 20px;
    }.banner{
        height: 300px;
        font-size: 18px;
    }.three-cols{
        flex-direction: column;
        gap: 20px;
    }.col{
        padding: 20px;
    }.horizontal-layout{
        flex-direction: column;
        gap: 30px;
    }.undergrad-majors,
    .grad-majors{
        grid-template-columns: 1fr;
    }.academic-tabs{
        gap: 8px;
        padding: 4px;
    }.tab{
        padding: 10px 18px;
        font-size: 14px;
        border: 2px solid transparent;
        box-shadow: 0 2px 6px rgba(0, 90, 156, 0.08);
    }.quick-links{
        grid-template-columns: 1fr;
        gap: 15px;
    }.quick-link{
        padding: 20px 15px;
        min-height: 100px;
    }
}@media (max-width: 480px){.container{
        padding: 0 15px;
        margin: 20px auto;
    }.header-search{
        padding: 10px 15px;
    }.section-title{
        font-size: 18px;
        margin-bottom: 15px;
    }.col{
        padding: 15px;
    }.academic-tabs{
        gap: 6px;
        padding: 3px;
    }.tab{
        padding: 8px 14px;
        font-size: 13px;
        border: 2px solid transparent;
        box-shadow: 0 1px 4px rgba(0, 90, 156, 0.06);
    }
}

/* 动画效果 */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}.col,
.photo-item,
.quick-link,
.section-title{
    animation: fadeInUp 0.6s ease;
}.back-to-top{
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 45px;
    height: 45px;
    background: var(--primary-color);
    color: var(--white);
    border: none;
    border-radius: 50%;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    box-shadow: var(--shadow-hover);
    transition: all 0.3s ease;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
}.back-to-top:hover{
    background: var(--secondary-color);
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}.back-to-top.show{
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}.subPage{
    width: 1000px;
    margin: 10px auto 0px;
    overflow: hidden;
    padding: 0px;
    background: #fff;
}.Bread{
    height: 37px;
    line-height: 37px;
    border-bottom: 1px solid #efefef;
    padding-left: 20px;
    overflow: hidden;
}.Bread a{
    padding: 0 10px;
}.pgarticleList{
    margin-bottom: 20px;
}.pgarticleList ul li{
    height: 30px;
    line-height: 30px;
    background: url(../images/little_arrow_right_06.jpg) no-repeat 0px center;
    padding-left: 15px;
}.pgarticleList ul li span{
    float: right;
    font-size: 12px;
    color: #888888;
    font-family: Verdana, Arial;
}.pglistTitle h2{
    color: #3598db;
    font-size: 16px;
    font-weight: bold;
    line-height: 40px;
    padding: 0px;
    margin: 5px 0px;
}.pglistTitle h2 a{
    color: #3598db;
}.pageList,
.pageArticle{
    padding: 0px 20px;
}.page{
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin: 0 auto;
    font-size: 12px;
    clear: both;
    padding: 10px 0px 30px;
    margin-top: 20px;
}.page a{
    padding: 0 5px;
}.articleTitle{
    width: 100%;
    text-align: center;
    padding-top: 20px;
}.articleTitle h2{
    font-size: 18px;
    color: #3598db;
    line-height: 20px;
    padding: 10px 0;
}.articleTitle h3{
    font-size: 14px;
    color: #555;
    line-height: 20px;
    padding: 10px 0;
    font-weight: bold;
}.articleAuthor{
    height: 30px;
    text-align: center;
    line-height: 30px;
    margin: 10px;
    background: #e7e7e7;
    color: #777;
}.article{
    overflow: hidden;
    margin: 20px 10px;
    font-size: 12px;
    line-height: 22px;
}.Annex{
    padding: 0px;
    overflow: hidden;
    margin-bottom: 30px;
}.Annex h3{
    font-size: 16px;
    line-height: 30px;
    color: #3598db;
    padding-left: 5px;
}.Annex ul li{
    height: 26px;
    line-height: 26px;
    padding-left: 10px;
}.Annex ul li a{
    font-size: 12px;
    line-height: 24px;
    color: #656464;
}.Annex ul li a:hover{
    color: #065895;
}.page-loader{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
    z-index: 9999;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: opacity 0.8s ease, visibility 0.8s ease;
    overflow: hidden;
}.page-loader::before{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.1);
    transform: translate(-50%, -50%);
    animation: loaderExpand 3s ease-out infinite;
}.page-loader::after{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.05);
    transform: translate(-50%, -50%);
    animation: loaderExpand 3s ease-out infinite 1s;
}.page-loader.hidden{
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}.loader-content{
    text-align: center;
    color: white;
    z-index: 1;
    position: relative;
}.loader-logo{
    width: 140px;
    height: 140px;
    margin-bottom: 40px;
    animation: loaderPulse 2s ease-in-out infinite;
    position: relative;
}.loader-logo::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 2px solid rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    animation: loaderRotate 3s linear infinite;
}.loader-logo img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: brightness(0) invert(1);
}.loader-text-container{
    margin-bottom: 40px;
    position: relative;
}.loader-title{
    font-family: 'Alimama ShuHeiTi', sans-serif;
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 10px;
    letter-spacing: 5px;
    opacity: 0;
    animation: fadeInUp 0.8s ease forwards;
    animation-delay: 0.3s;
    text-shadow:
        0 0 5px rgba(255, 255, 255, 0.8),
        0 0 10px rgba(255, 255, 255, 0.6),
        0 0 20px rgba(255, 255, 255, 0.4),
        0 0 40px rgba(255, 255, 255, 0.2);
    background: linear-gradient(45deg, #ffffff, #e6e6e6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}.loader-subtitle{
    font-family: 'Alimama ShuHeiTi', sans-serif;
    font-size: 28px;
    opacity: 0;
    animation: fadeInUp 0.8s ease forwards;
    animation-delay: 0.5s;
    color: rgba(255, 255, 255, 0.95);
    font-weight: 600;
    letter-spacing: 5px;
    text-shadow:
        0 0 3px rgba(255, 255, 255, 0.8),
        0 0 6px rgba(255, 255, 255, 0.6),
        0 0 12px rgba(255, 255, 255, 0.4);
}.loader-progress{
    width: 200px;
    height: 3px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 3px;
    margin-top: 40px;
    overflow: hidden;
    opacity: 0;
    animation: fadeIn 0.5s ease forwards;
    animation-delay: 0.7s;
}.loader-progress-bar{
    height: 100%;
    background: white;
    border-radius: 3px;
    width: 0%;
    animation: progressLoad 2s ease-out forwards;
    animation-delay: 0.8s;
}.loader-dots{
    display: flex;
    gap: 8px;
    margin-top: 30px;
    opacity: 0;
    animation: fadeIn 0.5s ease forwards;
    animation-delay: 1s;
}.loader-dot{
    width: 8px;
    height: 8px;
    background: rgba(255, 255, 255, 0.6);
    border-radius: 50%;
    animation: dotPulse 1.4s ease-in-out infinite;
}.loader-dot:nth-child(1){ animation-delay: 0s; }.loader-dot:nth-child(2){ animation-delay: 0.2s; }.loader-dot:nth-child(3){ animation-delay: 0.4s; }

@keyframes loaderPulse {
    0%, 100% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.05); opacity: 0.9; }
}

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

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes progressLoad {
    0% { width: 0%; }
    100% { width: 100%; }
}

@keyframes dotPulse {
    0%, 100% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.2); opacity: 0.6; }
}

@keyframes loaderExpand {
    0% {
        width: 0;
        height: 0;
        opacity: 1;
    }
    100% {
        width: 800px;
        height: 800px;
        opacity: 0;
    }
}

@keyframes loaderRotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}.page-content{
    opacity: 0;
    transform: translateY(0);
    transition: opacity 0.8s ease, transform 0.8s ease;
    position: relative;
    z-index: 1;
}.page-content.loaded{
    opacity: 1;
    transform: translateY(0);
}.home-page .banner{height:auto;aspect-ratio:8/3;min-height:260px;background:#4776cb}.home-page .banner:before{display:none}.home-page #main-content{width:100%;max-width:none;padding:0;margin:0}.home-page .news-notice-container{display:grid!important;grid-template-columns:1.25fr 1fr;gap:40px!important;padding:45px max(8%,calc((100% - 1080px)/2)) 70px;margin:16px 0 24px!important;background:radial-gradient(ellipse at 0 110%,#dfeff6 0,transparent 40%),radial-gradient(ellipse at 110% 65%,#dceef7 0,transparent 35%),#f6f6f8;align-items:start}.home-page .research-section{padding:40px max(8%,calc((100% - 1080px)/2)) 60px;background:linear-gradient(#173aaccf,#173aacee),url('../images/学校风景2.jpg') center/cover;color:#fff;margin-bottom:45px}.research-section>h2{text-align:center;font-size:24px;margin:0 0 32px}.research-section>h2 span{font-size:12px;opacity:.65}.home-page .research-section .section-title{margin:0 0 24px!important}@media(max-width:1000px){.home-page .news-notice-container{padding:30px 5%;gap:24px!important}}@media(max-width:680px){.home-page .banner{min-height:210px}.home-page .news-notice-container,.research-inner{grid-template-columns:1fr}.home-page .research-section{padding:30px 5%}}.home-module{padding:45px 24px}@media(max-width:760px){.home-module{padding:32px 20px}}.home-page .news-notice-container{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:36px!important;padding:44px max(4%,calc((100% - 1440px)/2)) 52px;align-items:stretch}@media(max-width:1000px){.home-page .news-notice-container{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:24px!important;padding:32px 4%}}@media(max-width:760px){.home-page .news-notice-container{grid-template-columns:minmax(0,1fr);gap:30px!important}}html.home-document{margin-top:0!important;padding-top:0!important}.home-page #pageContent{overflow:visible;transform:none;transition:none}@media(min-width:1024px){html.home-document{scroll-snap-type:y mandatory;scroll-behavior:smooth;scroll-padding-top:0;overflow-x:clip;overflow-y:auto}body.home-page{overflow:visible}.home-page .banner{height:calc(100vh - 150px);height:calc(100svh - 150px);min-height:0;aspect-ratio:auto}.home-page .news-notice-container,.home-page .research-section,.home-page .home-module{min-height:100vh;min-height:100svh;scroll-snap-align:start;scroll-snap-stop:always;box-sizing:border-box;margin:0!important}.home-page .footer{min-height:100vh;min-height:100svh;scroll-snap-align:start;scroll-snap-stop:always;box-sizing:border-box;margin:0!important;}.home-page .news-notice-container{align-content:center;align-items:stretch;padding-top:clamp(28px,5vh,64px);padding-bottom:clamp(28px,5vh,64px)}.home-page .research-section{display:flex;flex-direction:column;justify-content:center;padding-top:50px;padding-bottom:50px}.home-page .research-section>h2{margin-bottom:48px}.home-page .home-module{display:flex;align-items:center;padding-top:50px;padding-bottom:50px}.home-page .home-module .section-title{margin-bottom:40px}}@media(min-width:1024px) and (max-height:740px){.home-page .news-notice-container{padding-top:24px;padding-bottom:24px}}@media(prefers-reduced-motion:reduce){html.home-document{scroll-behavior:auto;scroll-snap-type:y proximity}}@media(min-width:1024px) and (max-width:1399px){.home-page .banner{height:calc(100vh - 100px);height:calc(100svh - 100px)}}@media(min-width:1024px){.home-page .news-notice-container{padding-left:4%;padding-right:4%;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);column-gap:clamp(28px,2.5vw,64px)!important}}@media(min-width:1024px){html.home-document{scroll-snap-type:none;scroll-behavior:auto}body.home-page,.home-page #pageContent,.home-page #main-content{overflow:visible}.home-page .news-notice-container,.home-page .research-section,.home-page .home-module{height:100vh;height:100svh;min-height:0;max-height:none;scroll-snap-align:none;scroll-snap-stop:normal;overflow:hidden}.home-page .footer{height:100vh;height:100svh;min-height:0;max-height:none;scroll-snap-align:none;scroll-snap-stop:normal;overflow:hidden;}.home-page .news-notice-container{align-content:center}}.home-page .home-main{display:block;width:100%;max-width:none;margin:0;padding:0;min-width:0}.home-page .home-hero{display:flex;flex-direction:column;width:100%;margin:0;padding:0}.home-page .home-hero>.banner{width:100%;margin:0;position:relative}@media(min-width:1024px){.home-page .home-hero{height:100vh;height:100svh;overflow:hidden}.home-page .home-hero>.banner{flex:1;min-height:0;height:auto;aspect-ratio:auto}.home-page .home-main>.news-notice-container{width:100%;max-width:none;margin:0!important;padding-left:4%;padding-right:4%;box-sizing:border-box}.home-page .home-main>.news-notice-container,.home-page .home-main>.research-section,.home-page .home-main>.home-module{height:100vh;height:100svh;min-height:0;margin:0!important;box-sizing:border-box}
}.home-page{margin:0;background:#fff;color:#222;font-family:"Microsoft YaHei",sans-serif}.home-page .page-loader{display:none}.home-page .page-content,.home-page .animate-on-scroll{opacity:1;transform:none;visibility:visible}.home-page .notice-section{padding:0;background:none;border:0;box-shadow:none;border-radius:0;transform:none}.home-page .section-title{border:0;margin:0 0 32px;padding:0;display:flex;justify-content:space-between}.home-page .section-title h2{font-size:24px;color:#222;margin:0}.home-page .section-title h2 span{font-size:12px;color:#4265a9;margin-left:8px}.home-page .more-link{font-size:12px;color:#4265a9}.home-page .notice-section{padding-top:0}.home-page .notice-section>.section-title{padding:38px 24px 70px;margin:0;background:repeating-linear-gradient(90deg,transparent 0 45px,#ffffff08 46px 48px),#34579f}.home-page .notice-section h2,.home-page .notice-section h2 span{color:#fff}.home-page .notice-list{margin:-45px 28px 0 0;position:relative;background:#fff;padding:0}.home-page .notice-item{display:flex;align-items:center;gap:28px;padding:20px 28px;margin:0;border-bottom:1px solid #e5e9f1;border-radius:0;box-shadow:none;background:#fff;min-height:82px}.home-page .notice-item-date{display:flex;flex-direction:column;color:#426bb6;background:none;padding:0;flex-shrink:0;text-align:center}.notice-item-date strong{font-size:26px;font-weight:500}.notice-item-date span{font-size:10px}.home-page .notice-item h4{font-size:21px;font-weight:400;margin:0}.notice-more{display:block;margin-right:28px;padding:25px;text-align:center;background:#fff;color:#34579f;font-size:12px}.research-inner{display:grid;grid-template-columns:1fr 1fr;gap:40px}.home-page .academic-content-in-notice{margin:0;padding:0;background:none;box-shadow:none}.home-page .academic-tabs{display:flex;gap:10px}.home-page .tab{border:1px solid #ffffff50;background:#ffffff15;color:#fff;border-radius:0;padding:8px 22px}.home-page .tab.active{background:#dfa935;color:#fff}.home-page .academic-item{background:none;border-bottom:1px solid #ffffff35;border-radius:0;padding:18px 0;color:#fff;box-shadow:none}.home-page .academic-item a,.home-page .academic-item .item-date{color:#fff}.research-image{width:100%;height:260px;object-fit:cover}.home-page main>.container{max-width:1080px;margin:0 auto 40px;padding:0 24px}@media(max-width:1000px){.home-page .notice-item h4{font-size:17px}}@media(max-width:680px){.home-page .notice-list,.notice-more{margin-right:0}.home-page .three-cols{grid-template-columns:1fr}}.module-inner{max-width:1080px;margin:auto}.module-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.module-card{display:block;min-width:0;color:inherit;text-decoration:none;background:#f6f6f6;overflow:hidden;transition:transform .2s}.module-card:hover{transform:translateY(-4px)}.module-card img{display:block;width:100%;height:230px;object-fit:cover}.module-card h3{font-size:16px;font-weight:500;line-height:1.6;margin:18px}.faculty-showcase .module-card{padding:14px 14px 24px}.faculty-showcase .module-card img{height:245px;object-position:top}.faculty-showcase .module-card h3{margin:25px 0 0}.events-showcase{background:linear-gradient(#2545adce,#2545adee),url('../images/学校风景1.jpg') center/cover;color:white}.home-page .events-showcase h2,.home-page .events-showcase .more-link{color:white}.events-showcase .module-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.events-showcase .module-card{background:white;color:#333}.events-showcase img{height:110px}.events-showcase h3{font-size:14px;margin:12px}.events-showcase time{display:block;font-size:12px;color:#7285b5;padding:0 12px 14px}.facts-showcase{background:linear-gradient(160deg,#fff,#faf5f1);padding:55px 24px}.facts-showcase .section-title{justify-content:center}.facts-showcase .module-card{border:3px solid #edcfb5;border-radius:50%;aspect-ratio:1;background:#fff;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:185px;width:100%;margin:auto}.facts-showcase h3{color:#bc272b;font-size:28px;margin:0 12px 12px}.facts-showcase p{font-size:14px;margin:0 16px}.education-showcase .module-grid{gap:1px;background:#ddd}.education-showcase .module-card{background:#f8f8f8}.education-showcase img{height:210px}.students-showcase{background:radial-gradient(ellipse at top right,#e0eff7,transparent 65%),#f6f6f8}.students-showcase .module-grid{grid-template-columns:1fr 2fr 1fr;grid-template-rows:150px 150px;gap:12px}.students-showcase .module-card{position:relative}.students-showcase .module-card:nth-child(1),.students-showcase .module-card:nth-child(2){grid-row:span 2}.students-showcase img{height:100%;width:100%}.students-showcase h3{position:absolute;bottom:0;left:0;right:0;margin:0;padding:20px 12px 12px;background:linear-gradient(transparent,#0009);color:white;font-size:14px}.home-page .footer-container{margin:auto;}.home-page .footer-links li{margin:0;}.footer-brand{margin:25px auto;}.footer-brand img{height:auto;}@media(max-width:760px){.module-grid,.events-showcase .module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.students-showcase .module-grid{grid-template-columns:1fr 1fr;grid-template-rows:220px 180px}.students-showcase .module-card:nth-child(1),.students-showcase .module-card:nth-child(2){grid-row:auto}.faculty-showcase .module-card img{height:210px}.facts-showcase .module-card{max-width:160px}}.home-page .notice-section{min-width:0}.home-page .notice-section{display:flex;flex-direction:column}.home-page .notice-section>.section-title{padding:30px 26px 60px}.home-page .notice-list{flex:1;display:grid;grid-template-rows:repeat(4,1fr);margin-right:0}.home-page .notice-item{min-height:98px;padding:18px 24px;gap:24px;box-sizing:border-box;border-left:0}.home-page .notice-item h4{font-size:19px;line-height:1.65;min-width:0}.home-page .notice-item h4 a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-decoration:none;color:#252d3a}.home-page .notice-item-date{margin:0;min-width:48px}.home-page .notice-more{margin-right:0;padding:22px}@media(max-width:1000px){.home-page .notice-item{padding:16px;gap:14px}.home-page .notice-item h4{font-size:17px}}@media(max-width:760px){.home-page .notice-item{min-height:90px}}@media(min-width:1024px){.home-page .notice-item{min-height:80px}.home-page .research-inner{align-items:center}.home-page .research-image{height:clamp(260px,40vh,450px)}.home-page .module-inner{width:100%}.home-page .faculty-showcase .module-card img{height:clamp(245px,36vh,400px)}.home-page .events-showcase img{height:clamp(130px,22vh,240px)}.home-page .education-showcase img{height:clamp(210px,36vh,380px)}.home-page .students-showcase .module-grid{grid-template-rows:clamp(150px,24vh,260px) clamp(150px,24vh,260px)}
}@media(min-width:1024px) and (max-height:740px){.home-page .notice-item{min-height:72px;padding:12px 20px}.home-page .notice-section>.section-title{padding:22px 24px 54px}
}
.home-page .notice-item h4 a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;text-overflow:ellipsis;white-space:normal;overflow-wrap:anywhere;line-height:1.65;max-height:3.3em}@media(min-width:1800px){.home-page .notice-item h4{font-size:22px}.home-page .notice-item{padding:24px 32px;gap:32px}
}@media(min-width:1024px){.home-page .notice-item{min-height:0}.home-page .module-inner{min-height:0}.home-page .faculty-showcase .module-card img{height:clamp(180px,35svh,380px)}.home-page .events-showcase img{height:22svh}.home-page .education-showcase img{height:32svh}.home-page .students-showcase .module-grid{grid-template-rows:24svh 24svh}
}html.home-document{margin:0!important;padding:0!important;overflow-x:clip;overflow-y:auto;scroll-snap-type:none;scroll-behavior:auto}body.home-page,.home-page #pageContent{overflow:visible;transform:none}.home-page .home-main{width:100%;max-width:none;margin:0;padding:0;min-width:0}.home-page .home-hero{width:100%;display:flex;flex-direction:column;margin:0;padding:0}@media(min-width:1024px){.home-page .home-hero{height:100svh;overflow:hidden}.home-page .home-hero>.banner{flex:1;height:auto;min-height:0;aspect-ratio:auto}.home-page .home-main>.news-notice-container{width:100%;max-width:none;padding-left:4%;padding-right:4%}.home-page .home-main>.news-notice-container,.home-page .home-main>.research-section,.home-page .home-main>.home-module{height:100svh;min-height:0;box-sizing:border-box;margin:0!important;overflow:hidden;scroll-snap-align:none}.home-page .footer{height:100svh;min-height:0;box-sizing:border-box;margin:0!important;overflow:hidden;scroll-snap-align:none;}
}.home-page .home-main>.news-notice-container{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:clamp(24px,3vw,64px)!important;padding:48px 5%!important;align-items:center;align-content:center;box-sizing:border-box}.home-page .notice-section{width:100%;min-width:0;max-width:none;margin:0;box-shadow:none}.home-page .notice-section{align-self:center}.home-page .notice-section>.section-title{padding:26px 24px 58px}.home-page .notice-list{margin-top:-34px;margin-right:0}.home-page .notice-item{min-height:0;padding:18px 24px}@media(min-width:1024px){.home-page .home-main>.news-notice-container{height:100svh;min-height:0}
}@media(max-width:1023px){.home-page .home-main>.news-notice-container{grid-template-columns:1fr;height:auto;overflow:visible;padding:32px 5%!important}
}.home-page{--home-nav-height:100px}.home-page .home-hero{overflow:visible}.home-page .home-hero{padding-top:var(--home-nav-height);box-sizing:border-box}@media(max-width:1399px){.home-page{--home-nav-height:100px}}@media(min-width:1024px){.home-page .home-main>.news-notice-container,
 .home-page .home-main>.research-section,
 .home-page .home-main>.home-module{height:calc(100svh - var(--home-nav-height));min-height:0;scroll-margin-top:var(--home-nav-height)}.home-page .footer{height:calc(100svh - var(--home-nav-height));min-height:0;scroll-margin-top:var(--home-nav-height);}.home-page .home-main>.news-notice-container{padding-top:24px!important;padding-bottom:24px!important}.home-page .notice-item{padding:12px 24px}.home-page .notice-more{padding:14px}.home-page .research-section,.home-page .home-module{padding-top:28px;padding-bottom:28px}.home-page .research-image{height:32svh}.home-page .students-showcase .module-grid{grid-template-rows:20svh 20svh}.home-page .faculty-showcase .module-card img{height:30svh}.home-page .education-showcase img{height:28svh}
}@media(max-width:1023px){.home-page .home-hero>.banner{height:calc(100svh - var(--home-nav-height));min-height:210px;aspect-ratio:auto;flex:none}.home-page .home-main>section,.home-page .news-notice-container{scroll-margin-top:var(--home-nav-height)}
}.home-page .home-main>.news-notice-container{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:clamp(28px,3vw,60px)!important;background:radial-gradient(ellipse at 5% 115%,#dfeef6 0,transparent 45%),radial-gradient(ellipse at 115% 65%,#e1eff7 0,transparent 40%),#f6f6f8}.home-page .notice-section{background:transparent;border:0;border-radius:0;box-shadow:none;padding:0}.home-page .notice-section{position:relative;isolation:isolate;padding-top:0}.home-page .notice-section::before{content:"";position:absolute;top:0;left:0;right:0;height:190px;z-index:-1;background:repeating-linear-gradient(90deg,transparent 0 52px,#6ca4e51c 53px 55px),linear-gradient(125deg,#34579f,#315ba9)}.home-page .notice-section>.section-title{padding:36px 30px 32px;margin:0;background:transparent;min-height:110px;align-items:center}.home-page .notice-section>.section-title h2,.home-page .notice-section>.section-title h2 span{color:white}.home-page .notice-list{display:grid;grid-template-rows:repeat(4,1fr);position:relative;margin:0 22% 0 0;padding:0;background:#fff}.home-page .notice-item{display:flex;align-items:center;gap:24px;background:white;border:0;border-bottom:1px solid #e6eaf2;border-radius:0;margin:0;padding:22px 26px;box-shadow:none;transform:none}.home-page .notice-item:hover{transform:none;border-left:0;box-shadow:none}.home-page .notice-item::before{display:none}.home-page .notice-item h4{font-weight:400;font-size:clamp(17px,1.3vw,23px);margin:0;min-width:0}.home-page .notice-item-date{min-width:48px;margin:0;padding:0;background:none;text-align:center;color:#426bb7}.home-page .notice-item-date strong{font-size:28px;line-height:1.2}.home-page .notice-item-date span{font-size:10px}.home-page .notice-more{position:relative;margin:0 22% 0 0;padding:28px;background:#fff;color:#34579f;font-size:12px;text-align:center}.home-page .notice-more::after{content:"";position:absolute;width:150px;height:28px;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #34579f;box-shadow:1px 2px 0 #34579f;pointer-events:none}@media(min-width:1024px) and (max-height:800px){.home-page .notice-item{padding:14px 20px}.home-page .notice-section>.section-title{padding:24px;min-height:88px}.home-page .notice-more{padding:22px}}@media(max-width:1023px){.home-page .home-main>.news-notice-container{grid-template-columns:1fr}.home-page .notice-list,.home-page .notice-more{margin-right:10%}}@media(max-width:600px){.home-page .notice-list,.home-page .notice-more{margin-right:0}}.home-page .home-main>.news-notice-container{
 background-color:#f6f6f7;
 background-image:url('../images/news-notice-bg.png');
 background-repeat:no-repeat;
 background-position:center top;
 background-size:100% auto;
}
.home-page .notice-section,
.home-page .notice-list,
.home-page .notice-item,
.home-page .notice-item:hover,
.home-page .notice-more{
 background:transparent;
 border:0;
 border-radius:0;
 box-shadow:none;
}.home-page .notice-section::before,
.home-page .notice-item::before{display:none}.home-page .notice-section>.section-title{background:transparent;padding:0 0 24px;min-height:0}.home-page .notice-section>.section-title h2{color:#222}.home-page .notice-section>.section-title h2 span{color:#4265a9}.home-page .notice-list{margin:0}.home-page .notice-more{margin-right:0}.home-page .notice-item{border-bottom:1px solid rgba(66,101,169,.14)}.home-page .home-main>.news-notice-container{
 display:flex;align-items:center;justify-content:center;
 padding:clamp(28px,5svh,64px) 7%!important;
 background-color:#f6f6f7;
 background-image:url('../images/news-notice-bg.png');
 background-size:100% auto;background-position:center top;background-repeat:no-repeat;
}.home-page .news-notice-inner{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
 gap:clamp(32px,3vw,64px);align-items:start;
 width:100%;max-width:1440px;min-width:0;margin:0 auto;
}.home-page .notice-section{position:relative;padding-top:0;isolation:isolate}.home-page .notice-section::before{
 display:block;content:"";position:absolute;top:0;left:0;right:0;height:180px;z-index:-1;
 background-image:url('../images/news-notice-heading.png');
 /* 提取整幅素材右侧蓝色区域，避免把左侧大片留白压入公告标题。 */
 background-size:234% 129%;background-position:right bottom;background-repeat:no-repeat;
}.home-page .notice-section>.section-title{min-height:100px;margin:0;padding:28px 26px;align-items:center;background:transparent}.home-page .notice-section>.section-title h2,.home-page .notice-section>.section-title h2 span{color:#fff}.home-page .notice-list{margin:0 18% 0 0;background:#fff}.home-page .notice-item,.home-page .notice-item:hover{background:#fff;padding:18px 24px;border-bottom:1px solid #e5eaf3;box-shadow:none}.home-page .notice-item h4{font-size:clamp(16px,1.1vw,20px)}.home-page .notice-more{margin:0 18% 0 0;padding:26px;background:#fff}@media(min-width:1024px) and (max-height:800px){.home-page .home-main>.news-notice-container{padding-top:24px!important;padding-bottom:24px!important}.home-page .notice-section>.section-title{min-height:80px;padding:20px 24px}.home-page .notice-item{padding:12px 20px}.home-page .notice-more{padding:22px}
}@media(max-width:1023px){.home-page .news-notice-inner{grid-template-columns:1fr;gap:36px;max-width:760px}.home-page .home-main>.news-notice-container{padding:36px 6%!important}
}@media(max-width:600px){.home-page .notice-list,.home-page .notice-more{margin-right:8%}
}@media(min-width:1024px){.home-page .home-main>.news-notice-container{
  display:flex;align-items:center;justify-content:center;
  height:calc(100svh - var(--home-nav-height));
  padding:clamp(24px,4svh,48px) 6%!important;
 }.home-page .news-notice-inner{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:start;gap:clamp(28px,3vw,56px);
  width:100%;max-width:1600px;min-width:0;margin:0 auto;
 }
 .home-page .news-notice-inner>.notice-section{
  width:100%;max-width:100%;min-width:0;margin:0;box-sizing:border-box;
 }.home-page .notice-section>.section-title{min-height:80px;padding:20px 24px;margin:0}.home-page .notice-section::before{width:100%;right:0}.home-page .notice-list,.home-page .notice-more{margin-left:0;margin-right:0;width:100%;box-sizing:border-box}.home-page .notice-item{padding:16px 24px;min-height:72px}.home-page .notice-more{padding:24px}
}@media(min-width:1024px) and (max-height:740px){.home-page .notice-section>.section-title{min-height:64px}.home-page .notice-item{padding:12px 20px;min-height:64px}.home-page .notice-more{padding:20px}
}.home-page .home-main>.news-notice-container{
 position:relative;isolation:isolate;
 display:block;
 background-color:#f6f6f7;
 background-image:var(--news-decoration);
 background-size:100% auto;background-repeat:no-repeat;background-position:center top;
}.home-page .news-notice-inner{position:relative;background:transparent;min-width:0}@media(min-width:1024px){.home-page .home-main>.news-notice-container{display:flex;align-items:center;justify-content:center}.home-page .news-notice-inner{flex:0 1 1600px;width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,3vw,56px)}
}@media(max-width:1023px){.home-page .news-notice-inner{display:grid;grid-template-columns:minmax(0,1fr);width:100%}
}
/* 学院新闻唯一组件规则：图片、翻转层与列宽共用同一组尺寸。 */
.home-page .news-section{min-width:0;width:100%;margin:0;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}
.home-page .news-section:hover{background:transparent;box-shadow:none;transform:none}
.home-page .news-section>.section-title{display:flex;align-items:center;justify-content:space-between;min-height:80px;margin:0 0 12px}
.home-page .news-list{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;margin:0;padding:0;background:transparent}
.home-page .news-item.news-row{--thumb-width:120px;--thumb-height:75px;display:grid;grid-template-columns:var(--thumb-width) minmax(0,1fr);align-items:center;gap:20px;width:100%;min-width:0;margin:0;padding:18px 0;border:0;border-bottom:1px solid #4265a91c;border-radius:0;background:transparent;box-shadow:none;transform:none;color:#252d3a;text-decoration:none;box-sizing:border-box}
.home-page .news-thumbnail{position:relative;width:var(--thumb-width);height:var(--thumb-height);min-width:0;perspective:900px}
.home-page .news-thumbnail-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s ease}
.home-page .news-thumbnail img,.home-page .news-thumbnail-back{position:absolute;inset:0;width:100%;height:100%;max-width:100%;max-height:100%;margin:0;box-sizing:border-box;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden}
.home-page .news-thumbnail img{display:block;object-fit:cover;object-position:center}
.home-page .news-thumbnail-back{display:flex;flex-direction:column;justify-content:center;gap:6px;padding:8px;background:#426bb7;color:#fff;transform:rotateY(180deg)}
.home-page .news-thumbnail-back span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;line-height:1.5}
.home-page .news-thumbnail-back time{font-size:10px;white-space:nowrap}
.home-page .news-row-content{min-width:0;overflow:hidden;display:flex;flex-direction:column;gap:12px}
.home-page .news-row-content h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:anywhere;max-height:3.2em;margin:0;font-size:20px;font-weight:500;line-height:1.6}
.home-page .news-row-content>time{display:block;white-space:nowrap;font-size:13px;line-height:20px;color:#7a8593}
.home-page .news-row:focus-visible{outline:2px solid #426bb6;outline-offset:4px}
.home-page .news-row:focus-visible .news-thumbnail-inner{transform:rotateY(180deg)}
@media(hover:hover){.home-page .news-row:hover .news-thumbnail-inner{transform:rotateY(180deg)}.home-page .news-row:hover h3{color:#34579f}}
@media(min-width:1024px) and (max-height:740px){.home-page .news-section>.section-title{min-height:64px}.home-page .news-list{gap:8px}.home-page .news-item.news-row{padding:12px 0}}
@media(max-width:600px){.home-page .news-item.news-row{--thumb-width:96px;--thumb-height:60px;gap:14px;padding:12px 0}.home-page .news-row-content{gap:8px}.home-page .news-row-content h3{font-size:16px}.home-page .news-row-content>time{font-size:12px}}
@media(prefers-reduced-motion:reduce){.home-page .news-thumbnail-inner{transition:none}}

/* 从首页模板迁出的页面布局与交互样式。 */


/* 关键布局与 VM 同步发布，背景始终不参与排版。 */
#home-news-notices{position:relative;display:flex!important;justify-content:center;align-items:center;width:100%;max-width:none;box-sizing:border-box;padding:32px 6%!important;background:#f6f6f7 var(--news-decoration) center top/100% auto no-repeat;overflow:hidden}
#home-news-notices>.news-notice-decoration{display:none!important}
#home-news-notices>.news-notice-inner{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;width:100%;max-width:1600px;min-width:0;flex:0 1 1600px;margin:0 auto;background:transparent}
#home-news-notices .news-section,#home-news-notices .notice-section{display:block;width:100%;min-width:0;max-width:none;padding:0;margin:0;background:transparent;border:0;border-radius:0;box-shadow:none}
#home-news-notices .news-list{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;margin:0;padding:0}
#home-news-notices .news-row{display:grid!important;grid-template-columns:120px minmax(0,1fr);align-items:center;gap:20px;width:100%;height:auto;min-height:0;padding:18px 0;margin:0;background:transparent;border:0;border-bottom:1px solid #4265a91c;border-radius:0;box-shadow:none;transform:none;text-decoration:none;color:#252d3a;box-sizing:border-box}
#home-news-notices .news-thumbnail{position:relative;display:block;width:120px;height:75px;min-width:120px;max-width:120px;min-height:75px;max-height:75px;perspective:900px}
#home-news-notices .news-thumbnail-inner{position:relative;width:120px;height:75px;transform-style:preserve-3d;transition:transform .6s}
#home-news-notices .news-thumbnail img,#home-news-notices .news-thumbnail-back{position:absolute;inset:0;width:120px;height:75px;max-width:120px;max-height:75px;margin:0;object-fit:cover;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;box-sizing:border-box}
#home-news-notices .news-thumbnail-back{transform:rotateY(180deg);background:#426bb7;color:white;padding:8px;font-size:12px}
#home-news-notices .news-row-content{min-width:0;overflow:hidden;display:flex;flex-direction:column;gap:12px}
#home-news-notices .news-row-content h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;max-height:3.2em;line-height:1.6;font-size:20px;margin:0}
#home-news-notices .news-row-content time{font-size:13px;color:#7a8593;white-space:nowrap}
@media(min-width:1024px){#home-news-notices{height:calc(100svh - var(--home-nav-height,100px))}}
@media(max-width:1023px){#home-news-notices{height:auto;overflow:visible}#home-news-notices>.news-notice-inner{grid-template-columns:minmax(0,1fr);gap:32px}}

/* 公告：全宽蓝色背板，75% 宽白色前景列表。 */
#home-news-notices .notice-section{position:relative;isolation:isolate;background:transparent}
#home-news-notices .notice-section::before{content:"";display:block;position:absolute;inset:0 0 auto;height:210px;z-index:-1;background:#3454a2 var(--notice-heading) center/cover no-repeat;pointer-events:none}
#home-news-notices .notice-section>.section-title{display:flex;align-items:center;min-height:104px;margin:0;padding:24px 28px;background:transparent;border:0;box-sizing:border-box}
#home-news-notices .notice-section>.section-title h2,#home-news-notices .notice-section>.section-title h2 span{color:#fff}
#home-news-notices .notice-panel{position:relative;width:75%;margin:0 auto 0 0;padding:0;background:#fff;box-shadow:0 8px 22px #213d6408}
#home-news-notices .notice-list{display:block;width:100%;margin:0;padding:0;background:transparent}
#home-news-notices .notice-item,#home-news-notices .notice-item:hover{display:flex;align-items:center;gap:20px;margin:0;padding:18px 22px;min-height:78px;background:transparent;border:0;border-bottom:1px solid #e1e6f0;border-radius:0;box-shadow:none;transform:none}
#home-news-notices .notice-item::before{display:none}
#home-news-notices .notice-item-date{display:flex;flex-direction:column;align-items:center;flex:0 0 44px;gap:3px;margin:0;padding:0;background:transparent;color:#285aaa;line-height:1.2}
#home-news-notices .notice-item-date strong{font-size:30px;font-weight:500}
#home-news-notices .notice-item-date span{font-size:10px}
#home-news-notices .notice-item h4{min-width:0;margin:0;font-size:16px;line-height:1.6;font-weight:500}
#home-news-notices .notice-item h4 a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-height:3.2em;color:#222;text-decoration:none}
#home-news-notices .notice-more{display:block;position:relative;width:100%;margin:0;padding:30px 12px;background:transparent;text-align:center;color:#3454a2;font-size:12px}
#home-news-notices .notice-more::after{content:"";display:block;position:absolute;left:50%;top:50%;width:140px;height:30px;transform:translate(-50%,-50%);border:1px solid #3454a2;box-shadow:2px 2px 0 #3454a2;pointer-events:none}
@media(min-width:1024px) and (max-height:740px){#home-news-notices .notice-section>.section-title{min-height:80px;padding:18px 24px}#home-news-notices .notice-item{min-height:62px;padding:10px 18px}#home-news-notices .notice-more{padding:24px 12px}}
@media(max-width:600px){#home-news-notices .notice-panel{width:90%}#home-news-notices .notice-item{gap:14px;padding:14px 16px}#home-news-notices .notice-item h4{font-size:14px}}

/* 公告条目固定两列，避免旧 flex-wrap/宽度规则让长标题掉行。 */
#home-news-notices .notice-panel .notice-item{
 display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;
 gap:20px;min-width:0;width:100%;box-sizing:border-box;
 text-align:left;transition:background-color .2s ease;
}
#home-news-notices .notice-panel .notice-item-date{
 grid-column:1;grid-row:1;width:48px;min-width:48px;max-width:48px;
 position:static;float:none;align-self:center;justify-self:start;
}
#home-news-notices .notice-panel .notice-item h4{
 grid-column:2;grid-row:1;position:static;float:none;
 width:auto;min-width:0;max-width:100%;margin:0;padding:0;
 text-align:left;white-space:normal;
}
#home-news-notices .notice-panel .notice-item h4 a{
 display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;
 width:100%;max-width:100%;max-height:3.2em;overflow:hidden;
 white-space:normal;overflow-wrap:anywhere;text-overflow:ellipsis;
 line-height:1.6;transition:transform .2s ease,color .2s ease;
}
#home-news-notices .notice-panel .notice-item:focus-within{background:#f0f5fc}
#home-news-notices .notice-panel .notice-item:focus-within h4 a{color:#285aaa}
@media(hover:hover){
 #home-news-notices .notice-panel .notice-item:hover{background:#f0f5fc;transform:none}
 #home-news-notices .notice-panel .notice-item:hover h4 a{color:#285aaa;transform:translateX(4px)}
}
@media(max-width:600px){#home-news-notices .notice-panel .notice-item{grid-template-columns:42px minmax(0,1fr);gap:14px}#home-news-notices .notice-panel .notice-item-date{width:42px;min-width:42px;max-width:42px}}
@media(prefers-reduced-motion:reduce){#home-news-notices .notice-panel .notice-item,#home-news-notices .notice-panel .notice-item h4 a{transition:none;transform:none}}

/* 新闻条目交互：蓝色高亮，缩略图翻转为详情入口。 */
#home-news-notices .news-row{
 transition:background-color .25s ease,color .25s ease,box-shadow .25s ease;
 border-radius:4px;
}
#home-news-notices .news-row-content{padding-right:12px}
#home-news-notices .news-row-content h3,#home-news-notices .news-row-content time{transition:color .25s ease}
#home-news-notices .news-thumbnail-inner{transition:transform .6s cubic-bezier(.2,.65,.3,1)}
#home-news-notices .news-thumbnail-back{
 display:flex;flex-direction:column;align-items:center;justify-content:center;
 gap:4px;padding:8px;background:#244e98;color:#fff;text-align:center;
}
#home-news-notices .news-thumbnail-back span{font-size:13px;line-height:1.5}
#home-news-notices .news-thumbnail-back .news-detail-arrow{font-size:24px;line-height:1}
#home-news-notices .news-row:focus-visible{background:#345baa;color:#fff;box-shadow:0 6px 18px #244e9826;outline:2px solid #345baa;outline-offset:3px}
#home-news-notices .news-row:focus-visible h3{color:#fff}
#home-news-notices .news-row:focus-visible .news-row-content time{color:#e0eaff}
#home-news-notices .news-row:focus-visible .news-thumbnail-inner{transform:rotateY(180deg)}
@media(hover:hover){
 #home-news-notices .news-row:hover{background:#345baa;color:#fff;box-shadow:0 6px 18px #244e9826;transform:none}
 #home-news-notices .news-row:hover h3{color:#fff}
 #home-news-notices .news-row:hover .news-row-content time{color:#e0eaff}
 #home-news-notices .news-row:hover .news-thumbnail-inner{transform:rotateY(180deg)}
}
@media(prefers-reduced-motion:reduce){
 #home-news-notices .news-row,#home-news-notices .news-row-content h3,#home-news-notices .news-row-content time,#home-news-notices .news-thumbnail-inner{transition:none}
}

/* 增加内容密度：4 条新闻、5 条公告，保持导航下方一屏容纳。 */
#home-news-notices .news-list{gap:10px}
#home-news-notices .news-row{padding:12px 0}
#home-news-notices .notice-panel .notice-item{min-height:68px;padding:12px 20px}
#home-news-notices .notice-more{padding:24px 12px}
@media(min-width:1024px) and (max-height:800px){
 #home-news-notices{padding-top:20px!important;padding-bottom:20px!important}
 #home-news-notices .news-section>.section-title{min-height:56px;margin-bottom:10px}
 #home-news-notices .notice-section>.section-title{min-height:76px;padding:18px 24px}
 #home-news-notices .news-list{gap:6px}
 #home-news-notices .news-row{padding:8px 0}
 #home-news-notices .notice-panel .notice-item{min-height:58px;padding:9px 18px}
 #home-news-notices .notice-item h4{font-size:15px}
 #home-news-notices .notice-item-date strong{font-size:26px}
 #home-news-notices .notice-more{padding:22px 12px}
}
@media(min-width:1024px) and (max-height:640px){
 #home-news-notices .news-section>.section-title{min-height:44px;margin-bottom:6px}
 #home-news-notices .news-row{grid-template-columns:104px minmax(0,1fr);padding:6px 0}
 #home-news-notices .news-thumbnail,#home-news-notices .news-thumbnail-inner,#home-news-notices .news-thumbnail img,#home-news-notices .news-thumbnail-back{width:104px;min-width:104px;max-width:104px;height:60px;min-height:60px;max-height:60px}
 #home-news-notices .news-row-content{gap:5px}
 #home-news-notices .news-row-content h3{font-size:16px}
 #home-news-notices .notice-section>.section-title{min-height:58px;padding:12px 20px}
 #home-news-notices .notice-panel .notice-item{min-height:50px;padding:6px 16px}
 #home-news-notices .notice-more{padding:20px 12px}
}

#home-news-notices .news-next-screen{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 18px;border:0;border-radius:24px;background:transparent;color:#4265a9;cursor:pointer;font:12px/1.5 "Microsoft YaHei",sans-serif;z-index:2}
#home-news-notices .news-next-screen svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;animation:news-next-bounce 1.8s ease-in-out infinite}
#home-news-notices .news-next-screen:hover{background:#4265a910;color:#244e98}
#home-news-notices .news-next-screen:focus-visible{outline:2px solid #4265a9;outline-offset:3px}
@keyframes news-next-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(7px)}}
@media(min-width:1024px){#home-news-notices{padding-bottom:82px!important}}
@media(max-width:1023px){#home-news-notices .news-next-screen{position:static;transform:none;margin:28px auto 0}#home-news-notices{padding-bottom:24px!important}}
@media(prefers-reduced-motion:reduce){#home-news-notices .news-next-screen svg{animation:none}}

/* 悬停时图片翻转淡出，正文摘要覆盖图片空间，详情入口位于右下角。 */
#home-news-notices .news-row{position:relative;overflow:hidden}
#home-news-notices .news-excerpt,#home-news-notices .news-read-more{display:none}
#home-news-notices .news-thumbnail-inner{transition:transform .5s ease,opacity .35s ease}
#home-news-notices .news-read-more{font-size:12px;line-height:18px;text-align:right;color:#fff}
#home-news-notices .news-excerpt{margin:0;font-size:13px;line-height:1.6;max-height:3.2em;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#e0eaff;font-weight:400}
#home-news-notices .news-row:focus-visible .news-thumbnail-inner{transform:rotateY(90deg);opacity:0}
#home-news-notices .news-row:focus-visible .news-row-content{position:absolute;inset:8px 16px;gap:4px;padding:0;justify-content:center}
#home-news-notices .news-row:focus-visible .news-row-content>time{display:none}
#home-news-notices .news-row:focus-visible .news-excerpt{display:-webkit-box}
#home-news-notices .news-row:focus-visible .news-read-more{display:block;align-self:flex-end}
#home-news-notices .news-row:focus-visible h3{font-size:16px;max-height:1.6em;-webkit-line-clamp:1}
@media(hover:hover){
 #home-news-notices .news-row:hover .news-thumbnail-inner{transform:rotateY(90deg);opacity:0}
 #home-news-notices .news-row:hover .news-row-content{position:absolute;inset:8px 16px;gap:4px;padding:0;justify-content:center}
 #home-news-notices .news-row:hover .news-row-content>time{display:none}
 #home-news-notices .news-row:hover .news-excerpt{display:-webkit-box}
 #home-news-notices .news-row:hover .news-read-more{display:block;align-self:flex-end}
 #home-news-notices .news-row:hover h3{font-size:16px;max-height:1.6em;-webkit-line-clamp:1}
}
@media(prefers-reduced-motion:reduce){#home-news-notices .news-thumbnail-inner{transition:none}}

/* 增加新闻公告的纵向密度，默认展示新闻摘要。 */
#home-news-notices .news-row{padding:18px 0;min-height:142px}
#home-news-notices .news-list{gap:12px}
#home-news-notices .news-row-content{gap:8px}
#home-news-notices .news-row-content h3{font-size:21px;line-height:1.6}
#home-news-notices .news-excerpt{display:-webkit-box;color:#71819b;font-size:14px;line-height:1.7;max-height:3.4em;-webkit-line-clamp:2;margin:0}
#home-news-notices .notice-section>.section-title h2{font-size:30px}
#home-news-notices .notice-section>.section-title h2 span{font-size:14px}
#home-news-notices .notice-panel .notice-item{min-height:94px;padding:20px 24px;gap:24px}
#home-news-notices .notice-panel .notice-item h4{font-size:20px;line-height:1.6;font-weight:500}
#home-news-notices .notice-item-date strong{font-size:32px}
#home-news-notices .notice-item-date span{font-size:11px}
#home-news-notices .notice-more{padding:30px 12px}
#home-news-notices .news-row:focus-visible .news-excerpt{color:#e0eaff}
@media(hover:hover){#home-news-notices .news-row:hover .news-excerpt{color:#e0eaff}}
@media(min-width:1024px) and (max-height:900px){
 #home-news-notices .news-row{min-height:120px;padding:12px 0}
 #home-news-notices .news-list{gap:8px}
 #home-news-notices .news-row-content h3{font-size:19px}
 #home-news-notices .notice-panel .notice-item{min-height:80px;padding:16px 20px;gap:20px}
 #home-news-notices .notice-panel .notice-item h4{font-size:18px}
 #home-news-notices .notice-more{padding:26px 12px}
}
@media(min-width:1024px) and (max-height:740px){
 #home-news-notices .news-row{min-height:100px;padding:8px 0}
 #home-news-notices .news-list{gap:6px}
 #home-news-notices .news-row-content{gap:4px}
 #home-news-notices .news-row-content h3{font-size:16px;max-height:1.6em;-webkit-line-clamp:1}
 #home-news-notices .news-excerpt{font-size:12px;line-height:1.5;max-height:3em}
 #home-news-notices .notice-panel .notice-item{min-height:64px;padding:10px 18px}
 #home-news-notices .notice-panel .notice-item h4{font-size:16px}
 #home-news-notices .notice-section>.section-title h2{font-size:26px}
 #home-news-notices .notice-more{padding:22px 12px}
}
@media(max-width:600px){
 #home-news-notices .news-row{min-height:132px;padding:14px 0}
 #home-news-notices .news-row-content h3{font-size:16px}
 #home-news-notices .news-excerpt{font-size:12px}
 #home-news-notices .notice-panel .notice-item{min-height:80px;gap:14px;padding:14px 16px}
 #home-news-notices .notice-panel .notice-item h4{font-size:16px}
}

/* 学术科研与第二屏共用可视高度、内容宽度和两列比例。 */
#home-research{width:100%;max-width:none;margin:0!important;padding:40px 6%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;gap:36px;position:relative;color:#fff;background:linear-gradient(#173aaccf,#173aacee),url('../images/学校风景2.jpg') center/cover no-repeat}
#home-research>h2{width:100%;max-width:1600px;margin:0 auto;text-align:center;font-size:30px;line-height:1.5}
#home-research>h2 span{font-size:14px;opacity:.7}
#home-research>.research-inner{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,3vw,56px);align-items:center;width:100%;max-width:1600px;min-width:0;margin:0 auto}
#home-research .academic-content-in-notice{min-width:0;width:100%;margin:0;padding:0;background:transparent;border:0;box-shadow:none}
#home-research .research-image{display:block;width:100%;max-width:100%;height:clamp(240px,38svh,460px);object-fit:cover}
@media(min-width:1024px){#home-research{height:calc(100vh - var(--home-nav-height,100px));height:calc(100svh - var(--home-nav-height,100px));min-height:0;overflow:hidden;scroll-margin-top:var(--home-nav-height,100px)}}
@media(min-width:1024px) and (max-height:740px){#home-research{gap:20px;padding-top:24px;padding-bottom:24px}#home-research .research-image{height:32svh}#home-research>h2{font-size:26px}}
@media(max-width:1023px){#home-research{height:auto;min-height:calc(100svh - var(--home-nav-height,100px));padding:36px 6%}#home-research>.research-inner{grid-template-columns:1fr;max-width:760px}#home-research .research-image{height:260px}}

/* 后续模块共用整屏结构：导航下方一屏、同宽内容与统一留白。 */
.home-page .home-main>section.home-module{
 display:flex;flex-direction:column;justify-content:center;align-items:center;
 width:100%;max-width:none;margin:0!important;padding:40px 6%;box-sizing:border-box;
}
.home-page .home-main>section.home-module>.module-inner{width:100%;max-width:1600px;min-width:0;margin:0 auto}
.home-page .home-main>section.home-module .section-title{margin-bottom:36px}
.home-page .faculty-showcase .module-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.home-page .faculty-showcase .module-card img{height:clamp(220px,38svh,440px);width:100%;object-fit:cover;object-position:top}
.home-page .events-showcase .module-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}
.home-page .events-showcase .module-card img{width:100%;height:clamp(140px,24svh,280px);object-fit:cover}
.home-page .facts-showcase .module-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}
.home-page .facts-showcase .module-card{width:100%;max-width:240px;aspect-ratio:1;margin:auto}
@media(min-width:1024px){
 .home-page .home-main>section.home-module{height:calc(100vh - var(--home-nav-height,100px));height:calc(100svh - var(--home-nav-height,100px));min-height:0;overflow:hidden;scroll-margin-top:var(--home-nav-height,100px)}
}
@media(min-width:1024px) and (max-height:740px){
 .home-page .home-main>section.home-module{padding-top:24px;padding-bottom:24px}
 .home-page .home-main>section.home-module .section-title{margin-bottom:20px}
 .home-page .faculty-showcase .module-card img{height:32svh}
 .home-page .events-showcase .module-card img{height:22svh}
 .home-page .facts-showcase .module-card{max-width:190px}
}
@media(max-width:1023px){
 .home-page .home-main>section.home-module{height:auto;min-height:calc(100svh - var(--home-nav-height,100px));overflow:visible;padding:36px 6%}
 .home-page .home-main>section.home-module>.module-inner{max-width:760px}
 .home-page .faculty-showcase .module-grid,.home-page .events-showcase .module-grid,.home-page .facts-showcase .module-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
 .home-page .faculty-showcase .module-card img{height:240px}
 .home-page .events-showcase .module-card img{height:160px}
 .home-page .facts-showcase .module-card{max-width:190px}
}

/* 移动端外层纵向排列，下一屏按钮不得成为挤压内容的横向 Flex 项。 */
@media(max-width:1023px){
 #home-news-notices{display:flex!important;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;height:auto;overflow:visible}
 #home-news-notices>.news-notice-inner{display:grid!important;grid-template-columns:minmax(0,1fr);flex:none;width:100%;max-width:760px;min-width:0;margin:0 auto}
 #home-news-notices .notice-section{width:100%;min-width:0}
 #home-news-notices .notice-panel{width:100%;max-width:100%;margin:0;background:#fff}
 #home-news-notices .notice-list,#home-news-notices .notice-more{width:100%;margin-left:0;margin-right:0}
 #home-news-notices .notice-section::before{height:104px}
 #home-news-notices .news-next-screen{position:static;display:flex;flex:none;align-self:center;width:auto;max-width:100%;min-width:220px;margin:28px auto 0;transform:none;padding:10px 18px}
 #home-news-notices .news-next-screen>span{white-space:nowrap;word-break:keep-all;writing-mode:horizontal-tb}
 #home-news-notices .news-next-screen svg{flex-shrink:0}
}

/* 全部内容屏统一尺寸，与固定导航、切屏脚本使用同一高度。 */
@media(min-width:1024px){
 #main-content>section.home-module{
  display:flex;flex-direction:column;justify-content:center;align-items:center;
  width:100%;max-width:none;height:calc(100vh - var(--home-nav-height,100px));
  height:calc(100svh - var(--home-nav-height,100px));min-height:0;max-height:none;
  margin:0!important;padding:clamp(24px,4svh,48px) 6%;box-sizing:border-box;
  overflow:hidden;scroll-margin-top:var(--home-nav-height,100px);
 }
 #main-content>section.home-module>.module-inner{width:100%;max-width:1600px;min-width:0;margin:0 auto}
 #main-content .education-showcase .module-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
 #main-content .education-showcase .module-card img{width:100%;height:clamp(180px,34svh,380px);object-fit:cover}
 #main-content .students-showcase .module-grid{display:grid;grid-template-columns:1fr 2fr 1fr;grid-template-rows:22svh 22svh;gap:14px}
 #main-content .students-showcase .module-card{min-width:0;min-height:0;position:relative;overflow:hidden}
 #main-content .students-showcase .module-card:nth-child(1),#main-content .students-showcase .module-card:nth-child(2){grid-row:span 2}
 #main-content .students-showcase .module-card img{display:block;width:100%;height:100%;object-fit:cover}
}
@media(max-width:1023px){
 #main-content>section.home-module{height:auto;min-height:calc(100svh - var(--home-nav-height,100px));overflow:visible;margin:0!important;padding:36px 6%;box-sizing:border-box}
}

.home-section-navigation{display:none}
@media(min-width:1024px){
 .home-section-navigation{position:fixed;z-index:900;left:12px;top:calc(50% + 50px);transform:translateY(-50%);display:flex;flex-direction:column;gap:7px;padding:10px 6px;border:1px solid #dce5f0;border-radius:28px;background:#ffffffeb;box-shadow:0 4px 20px #18325412;backdrop-filter:blur(12px)}
 .home-section-navigation a{display:flex;align-items:center;justify-content:center;width:32px;min-height:24px;padding:4px 6px;border-radius:16px;color:#59708f;text-decoration:none;font:12px/1.3 "Microsoft YaHei",sans-serif;text-align:center;transition:background .2s,color .2s}
 .home-section-navigation a[aria-current="location"]{background:#345baa;color:white}
 .home-section-navigation a:hover{background:#e5edfa;color:#244e98}
 .home-section-navigation a:focus-visible{outline:2px solid #345baa;outline-offset:2px}
}
@media(min-width:1600px){.home-section-navigation{left:20px;border-radius:12px;padding:10px 6px}.home-section-navigation a{width:76px;min-height:30px;white-space:nowrap;border-radius:6px}}
@media(prefers-reduced-motion:reduce){.home-section-navigation a{transition:none}}

/* 不依赖 body 类名，空栏目也必须占据完整屏幕。 */
@media(min-width:1024px){
 #main-content>section.home-module{display:flex;align-items:center;justify-content:center;flex-direction:column;height:calc(100vh - 100px);min-height:calc(100vh - 100px);margin:0!important;padding:40px 6%;box-sizing:border-box}
 #main-content>section.home-module>.module-inner{width:100%;max-width:1600px;min-width:0;margin:0 auto}
}

/* 每屏统一的下一屏入口，移动端在正文之后自然排列。 */
.has-screen-next{position:relative}
.screen-next-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;position:absolute;bottom:14px;left:50%;transform:translateX(-50%);width:max-content;max-width:90%;padding:6px 16px;border:0;border-radius:24px;background:transparent;color:#345baa;font:12px/1.5 "Microsoft YaHei",sans-serif;cursor:pointer;z-index:5}
.screen-next-button>span:first-child{white-space:nowrap}
.screen-next-arrow{display:block;font-size:26px;line-height:24px;animation:screen-next-bob 1.8s ease-in-out infinite}
.screen-next-button:hover{background:transparent;box-shadow:none}
.screen-next-button:focus-visible{outline:2px solid #345baa;outline-offset:3px}
@keyframes screen-next-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}
@media(min-width:1024px){#main-content>.has-screen-next,.footer.has-screen-next{padding-bottom:78px!important}.home-hero.has-screen-next{position:relative}}
@media(max-width:1023px){
 .has-screen-next>.screen-next-button{position:static;transform:none;flex:none;align-self:center;margin:24px auto 0}
 .home-hero.has-screen-next>.screen-next-button{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);margin:0}
}
@media(prefers-reduced-motion:reduce){.screen-next-arrow{animation:none}}
.home-section-navigation[hidden]{display:none!important}


    /* 首页内容默认可见；开屏仅为覆盖层，不控制正文显示。 */
    body.home-page #pageContent{opacity:1!important;visibility:visible!important;transform:none!important}
    body.home-page #pageLoader{display:none!important;pointer-events:none}
    html.home-intro-playing body.home-page #pageLoader{display:flex!important;opacity:1;visibility:visible;pointer-events:auto}

#home-news-notices{--news-decoration:url('../images/news-notice-bg.png?v=20261030')}
#home-news-notices .notice-section{--notice-heading:url('../images/news-notice-heading.png?v=20261030-cropped')}
#home-research .section-title-centered{margin-top:50px;margin-bottom:30px}
#research-results{display:none}

/* 翻屏提示采用无底色的居中文字与图标。 */
.screen-next-button{min-height:56px;gap:5px;padding:8px 16px;background:transparent;border:0;box-shadow:none;align-items:center;justify-content:center;text-align:center}
.screen-next-button:hover{background:transparent;box-shadow:none}
.screen-next-button>span:first-child{display:block;line-height:18px}
.screen-next-arrow{display:flex;align-items:center;justify-content:center;width:28px;height:24px;line-height:24px}
.home-hero>.screen-next-button,.research-section>.screen-next-button,.events-showcase>.screen-next-button,.footer>.screen-next-button{color:#fff;text-shadow:0 1px 5px #0009}
.home-hero>.screen-next-button{bottom:24px}

/* 公告标题上方保留原始 GIF 动画，不转换为静态图片。 */
#home-news-notices .notice-section>.section-title{position:relative;flex-direction:column;align-items:flex-start;justify-content:center;gap:7px}
#home-news-notices .notice-heading-animation{display:block;width:230px;max-width:80%;height:auto;aspect-ratio:785/93;object-fit:contain;flex-shrink:0;margin:0;padding:0;border:0}
#home-news-notices .notice-section>.section-title h2{margin:0;line-height:1.3}
#home-news-notices .notice-section>.section-title>.more-link:empty{display:none}
@media(max-width:600px){#home-news-notices .notice-heading-animation{width:190px;max-width:85%}}
/* 首页首屏沉浸式导航；后续屏与内页仍使用公共毛玻璃导航。 */
html.home-document .home-hero{padding-top:0}
html.home-document .home-hero>.banner{height:100vh;height:100svh;min-height:0;flex:1}
html.home-document .nav{transition:background-color .3s ease,backdrop-filter .3s ease,border-color .3s ease}
html.home-document.home-at-hero .nav{background:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
html.home-document.home-at-hero .nav::before{
 content:"";position:absolute;inset:0 0 auto;height:calc(100% + 100px);z-index:-1;
 background:linear-gradient(to bottom,rgba(255,255,255,.97) 0%,rgba(255,255,255,.92) 35%,rgba(255,255,255,.78) 50%,rgba(255,255,255,.38) 72%,rgba(255,255,255,0) 100%);
 opacity:1;filter:none;pointer-events:none;
}
html.home-document.home-at-hero .nav::after{opacity:0}

html.home-document.home-at-hero .nav-menu>.nav-item>a{color:#172b49;text-shadow:0 1px 3px #ffffffb3}
@media(prefers-reduced-motion:reduce){html.home-document .nav{transition:none}}

/* 后续屏导航：校园风景双层交替，白色玻璃覆盖，首屏保持透明渐变。 */
html.home-document .nav{isolation:isolate;overflow:visible}
html.home-document .nav::before,html.home-document .nav::after{
 content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
 background-position:center 45%;background-size:cover;
 filter:blur(3px);opacity:0;transition:opacity .45s ease;
}
html.home-document .nav::before{background-image:linear-gradient(#ffffffe0,#ffffffed),url('../images/学校风景1.jpg')}
html.home-document .nav::after{background-image:linear-gradient(#ffffffe0,#ffffffed),url('../images/学校风景2.jpg')}
html.home-document:not(.home-at-hero) .nav{background:rgba(255,255,255,.88);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid #d7e1ef99}
html.home-document:not(.home-at-hero)[data-header-scenery="one"] .nav::before{opacity:1}
html.home-document:not(.home-at-hero)[data-header-scenery="two"] .nav::after{opacity:1}
@media(prefers-reduced-motion:reduce){html.home-document .nav::before,html.home-document .nav::after{transition:none}}
/* 公告前后层次：整块面板投影，条目之间保持干净。 */
#home-news-notices .notice-panel{
 border:1px solid rgba(63,89,139,.07);
 box-shadow:-5px 0 14px rgba(32,61,110,.045),0 12px 30px rgba(32,61,110,.09),0 2px 6px rgba(32,61,110,.035);
 border-radius:0 0 4px 4px;
}
#home-news-notices .notice-section::before{
 box-shadow:0 7px 20px rgba(32,65,130,.13),inset 0 1px 0 rgba(255,255,255,.18);
}
#home-news-notices .notice-panel .notice-item{box-shadow:none;transition:background-color .2s ease}
#home-news-notices .news-row{transition:background-color .25s ease,color .25s ease,box-shadow .25s ease,transform .25s ease}
@media(hover:hover){
 #home-news-notices .news-row:hover{box-shadow:0 8px 22px rgba(35,74,145,.19);transform:translateY(-2px)}
}
#home-news-notices .news-row:focus-visible{box-shadow:0 8px 22px rgba(35,74,145,.19)}
@media(prefers-reduced-motion:reduce){#home-news-notices .news-row{transition:none}#home-news-notices .news-row:hover{transform:none}}
/* 新闻、公告使用相同标题排版，颜色由各区域分别控制。 */
#home-news-notices .news-section>.section-title h2,
#home-news-notices .notice-section>.section-title h2{
 font-family:"Microsoft YaHei",sans-serif;font-size:32px;font-weight:700;
 line-height:1.3;letter-spacing:0;margin:0;padding:0;
}
#home-news-notices .news-section>.section-title h2 span,
#home-news-notices .notice-section>.section-title h2 span{
 display:inline-block;font-family:Arial,"Microsoft YaHei",sans-serif;
 font-size:14px;font-weight:500;line-height:1.3;letter-spacing:0;
 margin-left:10px;vertical-align:baseline;
}
@media(max-width:600px){
 #home-news-notices .news-section>.section-title h2,
 #home-news-notices .notice-section>.section-title h2{font-size:26px}
 #home-news-notices .news-section>.section-title h2 span,
 #home-news-notices .notice-section>.section-title h2 span{font-size:12px;margin-left:8px}
}

#home-research .academic-tabs{display:flex;flex-wrap:wrap;gap:10px}
#home-research .research-tab-panel{display:none;list-style:none;margin:0;padding:0}
#home-research .research-tab-panel.is-initial{display:block}
#home-research .research-articles{list-style:none;margin:0;padding:0}
#home-research .research-channel-more{display:inline-block;margin-top:20px;color:#fff;text-decoration:none;font-size:13px}
#home-research .research-channel-more:hover{text-decoration:underline}
/* 师资两排反向连续轮播，卡片尺寸不继承通用 module-card。 */
#home-faculty .faculty-rows{display:grid;gap:22px;width:100%;min-width:0}
#home-faculty .faculty-carousel{overflow:hidden;min-width:0;width:100%;padding:8px 0;mask-image:linear-gradient(90deg,transparent,#000 2%,#000 98%,transparent)}
#home-faculty .faculty-carousel[hidden]{display:none}
#home-faculty .faculty-track{display:flex;position:relative;gap:20px;width:max-content;animation:faculty-drift var(--faculty-duration,40s) linear infinite;will-change:transform}
#home-faculty .faculty-group{display:flex;flex:none;gap:20px}
#home-faculty .faculty-carousel-reverse .faculty-track{animation-direction:reverse}
#home-faculty .faculty-carousel:hover .faculty-track,#home-faculty .faculty-carousel:focus-within .faculty-track{animation-play-state:paused}
#home-faculty .faculty-card{display:flex;flex-direction:column;flex:0 0 210px;width:210px;overflow:hidden;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#243852;text-decoration:none;box-shadow:0 4px 14px #1739630c;transition:box-shadow .2s}
#home-faculty .faculty-card img{display:block;width:100%;height:clamp(150px,calc((100svh - 430px)/2),290px);object-fit:cover;object-position:center top;background:#e9eff7}
#home-faculty .faculty-card-info{padding:12px 16px}
#home-faculty .faculty-card h3{margin:0 0 5px;font-size:17px;line-height:1.4;font-weight:600}
#home-faculty .faculty-card p{margin:0;font-size:13px;color:#6d7f98;line-height:1.4}
#home-faculty .faculty-card:hover{box-shadow:0 6px 20px #17396324}
#home-faculty .faculty-card:focus-visible{outline:2px solid #345baa;outline-offset:-3px}
@keyframes faculty-drift{from{transform:translateX(0)}to{transform:translateX(calc(-1 * var(--faculty-distance,1000px)))}}
@media(max-width:1023px){#home-faculty .faculty-card{width:145px;flex-basis:145px}#home-faculty .faculty-card img{height:160px}}


/* 师资双排增加画幅，照片高度随可用屏高计算，预留标题和翻屏按钮。 */
@media(min-width:1024px){
 #home-faculty .faculty-rows{gap:26px}
 #home-faculty .faculty-card-info{padding:14px 18px;min-height:82px}
 #home-faculty .faculty-card h3{font-size:19px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 #home-faculty .faculty-card p{font-size:14px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
}
@media(min-width:1800px){#home-faculty .faculty-card{width:230px;flex-basis:230px}}
@media(min-width:1024px) and (max-height:740px){
 #home-faculty .faculty-rows{gap:16px}
 #home-faculty .faculty-card{width:180px;flex-basis:180px}
 #home-faculty .faculty-card img{height:clamp(90px,calc((100svh - 390px)/2),175px)}
 #home-faculty .faculty-card-info{padding:10px 14px;min-height:64px}
 #home-faculty .faculty-card h3{font-size:16px}
 #home-faculty .faculty-card p{font-size:12px}
}
/* 新闻摘要单行；按可用屏高分配条目空间，而非固定堆叠高度。 */
#home-news-notices .news-excerpt{
 display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
 -webkit-line-clamp:unset;max-height:1.7em;line-height:1.7;margin:0;
}
@media(min-width:1024px){
 #home-news-notices{--news-row-height:clamp(90px,calc((100svh - 320px)/4),190px)}
 #home-news-notices .news-list{gap:0}
 #home-news-notices .news-row{height:var(--news-row-height);min-height:0;padding:12px 0;box-sizing:border-box}
 #home-news-notices .news-row-content{gap:7px}
 #home-news-notices .news-row-content h3{font-size:clamp(17px,1.2vw,22px)}
 #home-news-notices .notice-panel .notice-item{min-height:0;height:clamp(54px,calc((100svh - 390px)/5),140px);padding:10px 20px;box-sizing:border-box}
 #home-news-notices .notice-panel .notice-item h4{font-size:clamp(15px,1.1vw,20px)}
}
@media(min-width:1024px) and (max-height:740px){
 #home-news-notices .news-row-content h3{font-size:16px;-webkit-line-clamp:1;max-height:1.6em}
 #home-news-notices .news-excerpt{font-size:12px;line-height:1.6;max-height:1.6em}
 #home-news-notices .news-row-content{gap:4px}
}
/* 悬停摘要也保持单行，避免翻转后重新挤占空间。 */
#home-news-notices .news-row:focus-visible .news-excerpt{display:block}
@media(hover:hover){#home-news-notices .news-row:hover .news-excerpt{display:block}}
/* 悬停保持排版尺寸：默认图文始终占位，浮层只覆盖同一行。 */
#home-news-notices .news-row{position:relative;isolation:isolate}
#home-news-notices .news-row .news-row-content,
#home-news-notices .news-row:hover .news-row-content,
#home-news-notices .news-row:focus-visible .news-row-content{
 position:static;inset:auto;min-width:0;padding-right:12px;gap:7px;
}
#home-news-notices .news-row:hover .news-row-content>time,
#home-news-notices .news-row:focus-visible .news-row-content>time{display:block}
#home-news-notices .news-row:hover .news-row-content h3,
#home-news-notices .news-row:focus-visible .news-row-content h3{
 font-size:clamp(17px,1.2vw,22px);max-height:3.2em;-webkit-line-clamp:2;
}
#home-news-notices .news-row .news-excerpt{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.7;max-height:1.7em}
#home-news-notices .news-row .news-read-more{display:block;position:absolute;right:16px;bottom:8px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s}
#home-news-notices .news-row:hover .news-read-more,
#home-news-notices .news-row:focus-visible .news-read-more{opacity:1;visibility:visible}
#home-news-notices .news-row:hover,
#home-news-notices .news-row:focus-visible{transform:none}
/* 图片原有尺寸仍占位；翻转淡出不会改变网格行高。 */
#home-news-notices .news-row:hover .news-thumbnail,
#home-news-notices .news-row:focus-visible .news-thumbnail{display:block}
@media(min-width:1024px) and (max-height:740px){
 #home-news-notices .news-row .news-row-content,#home-news-notices .news-row:hover .news-row-content,#home-news-notices .news-row:focus-visible .news-row-content{gap:4px}
 #home-news-notices .news-row .news-row-content h3,#home-news-notices .news-row:hover .news-row-content h3,#home-news-notices .news-row:focus-visible .news-row-content h3{font-size:16px;max-height:1.6em;-webkit-line-clamp:1}
}

/* 页脚按真实内容高度展开，不再作为整屏展示区。 */
html.home-document .footer{height:auto!important;min-height:0!important;max-height:none;overflow:visible;display:block;padding-top:40px;padding-bottom:24px;scroll-snap-align:none}

/* 整卡悬停层绝对定位；底层始终占位，因此不改变卡片和双栏高度。 */
#home-news-notices .news-row>.news-hover-content{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:14px 20px 36px;background:#345baa;color:#fff;opacity:0;visibility:hidden;pointer-events:none;box-sizing:border-box;transition:opacity .25s ease}
#home-news-notices .news-hover-content h3{margin:0;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;font-size:18px;line-height:1.5}
#home-news-notices .news-hover-content .news-hover-excerpt{display:block;margin:0;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;line-height:1.7;color:#e0eaff}
#home-news-notices .news-hover-content>span{position:absolute;right:20px;bottom:10px;font-size:12px;line-height:18px}
#home-news-notices .news-row .news-read-more{display:none!important}
#home-news-notices .news-row:focus-visible>.news-hover-content{opacity:1;visibility:visible}
@media(hover:hover){#home-news-notices .news-row:hover>.news-hover-content{opacity:1;visibility:visible}}
@media(min-width:1024px) and (max-height:740px){#home-news-notices .news-row>.news-hover-content{padding:8px 16px 27px;gap:4px}#home-news-notices .news-hover-content h3{font-size:16px}#home-news-notices .news-hover-content>span{bottom:6px}}
@media(prefers-reduced-motion:reduce){#home-news-notices .news-row>.news-hover-content{transition:none}}
/* 师资照片固定 3:4 比例，宽度从屏高推导，双排始终留出标题与底部空间。 */
#home-faculty{--faculty-photo-height:clamp(100px,calc((100svh - 440px)/2),280px);--faculty-card-width:calc(var(--faculty-photo-height) * .75)}
#home-faculty .faculty-card{flex:0 0 var(--faculty-card-width);width:var(--faculty-card-width);min-width:0}
#home-faculty .faculty-card img{width:100%;height:var(--faculty-photo-height);aspect-ratio:3/4;flex:none;object-fit:cover;object-position:center top}
#home-faculty .faculty-card-info{height:88px;min-height:88px;padding:12px 14px;box-sizing:border-box}
#home-faculty .faculty-card h3{font-size:17px;line-height:1.4;margin:0 0 5px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
#home-faculty .faculty-card p{font-size:12px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#home-faculty .faculty-rows{gap:18px}
#home-faculty .faculty-carousel{overflow:hidden;scrollbar-width:none}
#home-faculty .faculty-carousel::-webkit-scrollbar{display:none}
@media(max-width:1023px){#home-faculty{--faculty-photo-height:192px}#home-faculty .faculty-card-info{height:88px}}


/* 明确两排方向，不通过 animation-direction 的覆盖顺序决定。 */
#home-faculty .faculty-track{animation-name:faculty-move-left;animation-direction:normal}
#home-faculty .faculty-carousel-reverse .faculty-track{animation-name:faculty-move-right;animation-direction:normal}
@keyframes faculty-move-left{from{transform:translateX(0)}to{transform:translateX(calc(-1 * var(--faculty-distance,1000px)))}}
@keyframes faculty-move-right{from{transform:translateX(calc(-1 * var(--faculty-distance,1000px)))}to{transform:translateX(0)}}
/* 师资屏明确预留上下区域，不用卡片内容撑开整屏。 */
@media(min-width:1024px){
 #main-content>#home-faculty{
  padding:32px 6% 88px!important;display:flex!important;align-items:stretch!important;justify-content:flex-start!important;
 }
 #home-faculty>.module-inner{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;max-width:1600px;margin:0 auto}
 #home-faculty>.module-inner>.section-title{flex:0 0 54px;display:flex;align-items:center;justify-content:space-between;margin:0 0 20px;padding:0 0 12px;box-sizing:border-box}
 #home-faculty .section-title h2{margin:0;font-size:32px;line-height:1.3}
 #home-faculty .faculty-rows{flex:1;display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:20px;min-height:0}
 #home-faculty .faculty-carousel{height:100%;min-height:0;padding:4px 0}
 #home-faculty .faculty-track,#home-faculty .faculty-group{height:100%;align-items:stretch}
 #home-faculty .faculty-card{height:100%;flex-shrink:0}
 #home-faculty .faculty-card img{height:var(--faculty-photo-height);aspect-ratio:3/4;flex:none}
 #home-faculty .faculty-card-info{height:76px;min-height:76px;padding:10px 12px;box-sizing:border-box}
 #home-faculty>.screen-next-button{bottom:16px;margin:0}
}

/* 章节导航可收起，收起后只保留展开按钮。 */
.home-section-navigation .chapter-links{display:flex;flex-direction:column;gap:7px}
.home-section-navigation .chapter-links[hidden]{display:none}
.home-section-navigation .chapter-toggle{display:flex;align-items:center;justify-content:center;min-height:32px;width:100%;padding:6px 3px;border:0;border-bottom:1px solid #e4eaf3;background:transparent;color:#59708f;font:12px/1.3 "Microsoft YaHei",sans-serif;white-space:nowrap;cursor:pointer;border-radius:5px}
.home-section-navigation .chapter-toggle:hover{background:#eaf0fb;color:#345baa}
.home-section-navigation .chapter-toggle:focus-visible{outline:2px solid #345baa;outline-offset:2px}
.home-section-navigation.is-collapsed{padding:5px;border-radius:9px}
.home-section-navigation.is-collapsed .chapter-toggle{width:32px;height:36px;border:0;font-size:19px}
/* 底部翻屏提示紧凑化，动效仅作用于图标，不参与布局。 */
.has-screen-next>.screen-next-button{
 min-height:0;height:42px;padding:3px 12px;gap:0;bottom:10px;
 background:transparent;box-shadow:none;font-size:12px;line-height:16px;
}
.has-screen-next>.screen-next-button>span:first-child{line-height:16px}
.has-screen-next>.screen-next-button>.screen-next-arrow{
 width:24px;height:20px;font-size:23px;line-height:20px;
 animation:screen-next-float 1.7s ease-in-out infinite;
}
@keyframes screen-next-float{
 0%,100%{transform:translateY(-2px);filter:drop-shadow(0 1px 1px rgba(52,91,170,.1));opacity:.65}
 50%{transform:translateY(3px);filter:drop-shadow(0 4px 3px rgba(52,91,170,.3));opacity:1}
}
@media(min-width:1024px){
 #main-content>.has-screen-next{padding-bottom:64px!important}
 #main-content>#home-faculty{padding-bottom:64px!important}
 #home-faculty>.screen-next-button{bottom:10px}
}
@media(max-width:1023px){.has-screen-next>.screen-next-button{margin-top:18px;margin-bottom:0}}
@media(prefers-reduced-motion:reduce){.has-screen-next>.screen-next-button>.screen-next-arrow{animation:none}}
/* 科研屏固定结构，切换空栏目/短列表时不再垂直跳位。 */
#home-research .academic-tabs{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:10px;margin:0;padding:0}
#home-research .academic-tabs .tab{border:1px solid #ffffff55;border-radius:4px;padding:10px 18px;background:#173b83;color:#fff;font-size:16px;line-height:1.5;font-weight:600;opacity:1;text-shadow:none;transform:none;cursor:pointer}
#home-research .academic-tabs .tab.active{background:#fff;color:#2854a0;border-color:#fff;box-shadow:0 3px 12px #10265020}
#home-research .academic-tabs .tab:hover{background:#244f9b;color:#fff;transform:none}
#home-research .academic-tabs .tab.active:hover{background:#fff;color:#2854a0}
#home-research .academic-content-in-notice>.section-title{margin:0 0 22px!important;padding:0;min-height:0;border:0}
#home-research .academic-list{min-width:0;margin:0;padding:0;border:0}
#home-research .academic-item{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;margin:0;background:transparent;border:0;border-bottom:1px solid #ffffff35;border-radius:0;box-shadow:none;transform:none}
#home-research .academic-item>a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-width:0;color:#fff;text-decoration:none;font-size:17px;line-height:1.7}
#home-research .academic-item .item-date{flex:none;color:#c0d4fb;font-size:12px}
#home-research .research-channel-more{display:inline-block;margin-top:24px;color:#fff}
#home-research .research-articles:empty::after{content:"本栏目内容正在更新中";display:block;padding:28px 0;color:#d4e3ff;font-size:14px}
@media(min-width:1024px){
 #main-content>#home-research{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:22px;padding:32px 6% 64px!important;box-sizing:border-box}
 #home-research>h2{flex:0 0 54px;display:flex;align-items:center;justify-content:center;gap:12px;margin:0 auto;font-size:32px;line-height:1.3}
 #home-research>.research-inner{flex:1;min-height:0;align-items:stretch;grid-template-columns:repeat(2,minmax(0,1fr))}
 #home-research .academic-content-in-notice{display:flex;flex-direction:column;justify-content:flex-start;padding-top:8px;min-height:0;overflow:auto;scrollbar-width:thin}
 #home-research .research-image{width:100%;height:100%;min-height:0;max-height:100%;object-fit:cover;border-radius:4px;box-shadow:0 10px 26px #10265030}
}
@media(min-width:1024px) and (max-height:740px){#home-research .academic-tabs .tab{padding:8px 12px;font-size:14px}#home-research .academic-item{padding:12px 0}#home-research .academic-item>a{font-size:15px}}
@media(max-width:760px){#home-research .academic-tabs .tab{padding:8px 12px;font-size:14px}#home-research .academic-item{align-items:flex-start;flex-direction:column;gap:8px}#home-research .research-image{height:240px}}

#home-research .academic-tabs{background:transparent;box-shadow:none;padding:0}
#home-research .academic-tabs .tab{border-color:#9dbbec;letter-spacing:.3px;box-shadow:none;transition:background-color .2s,color .2s,border-color .2s}
#home-research .academic-tabs .tab[aria-selected="true"]{background:#fff;color:#173b83;border-color:#fff;font-weight:700;transform:none;box-shadow:0 3px 10px #10265020}
#home-research .academic-tabs .tab:focus-visible{outline:2px solid #fff;outline-offset:4px}

#home-research .research-cover-link{display:block;min-width:0;min-height:0;overflow:hidden;border-radius:4px}
#home-research .research-cover-link .research-image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
#home-research .research-cover-link:focus-visible{outline:2px solid #fff;outline-offset:4px}
@media(hover:hover){#home-research .research-cover-link:hover .research-image{transform:scale(1.025)}}
@media(max-width:1023px){#home-research .research-cover-link{height:260px}}
@media(prefers-reduced-motion:reduce){#home-research .research-cover-link .research-image{transition:none}}
/* 科研文章采用透明列表，清除旧卡片伪元素、边框及摘要式截断。 */
#home-research .research-articles{margin:0;padding:0;list-style:none}
#home-research .research-articles .academic-item,
#home-research .research-articles .academic-item:hover{
 display:flex;flex-direction:column;align-items:flex-start;justify-content:center;
 gap:10px;margin:0;padding:24px 0;min-height:0;
 background:transparent;border:0;border-bottom:1px solid rgba(216,231,255,.25);
 border-radius:0;box-shadow:none;transform:none;overflow:visible;
}
#home-research .research-articles .academic-item::before,
#home-research .research-articles .academic-item::after,
#home-research .research-articles .academic-item>a::before,
#home-research .research-articles .academic-item>a::after{display:none;content:none}
#home-research .research-articles .academic-item .item-date{order:-1;display:block;margin:0;padding:0;background:transparent;color:#bcd3fa;font-size:13px;line-height:1.5;position:static}
#home-research .research-articles .academic-item>a{
 display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
 width:100%;max-width:100%;min-width:0;max-height:3.4em;
 margin:0;padding:0;color:#fff;font-size:20px;font-weight:500;line-height:1.7;
 white-space:normal;overflow-wrap:anywhere;overflow:hidden;text-overflow:ellipsis;
 text-decoration:none;background:transparent;border:0;box-shadow:none;
 transition:color .2s ease;
}
#home-research .research-articles .academic-item>a:hover{color:#cce7ff}
#home-research .research-channel-more{font-size:13px;color:#d4e4ff;margin-top:22px}
@media(max-width:760px){#home-research .research-articles .academic-item{padding:18px 0}#home-research .research-articles .academic-item>a{font-size:17px}}
@media(prefers-reduced-motion:reduce){#home-research .research-articles .academic-item>a{transition:none}}
/* 首屏轮播控件分区：左右箭头居中，圆点在翻屏提示上方。 */
.home-hero .banner-carousel .carousel-indicators{position:absolute;left:50%;bottom:84px;top:auto;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:12px;margin:0;padding:8px 12px;z-index:4}
.home-hero .banner-carousel .indicator{width:9px;height:9px;min-width:9px;padding:0;border:1px solid #ffffffbb;border-radius:50%;background:#ffffff65;box-shadow:0 1px 4px #0003}
.home-hero .banner-carousel .indicator.active{background:#fff;transform:scale(1.2)}
.home-hero.has-screen-next>.screen-next-button{bottom:16px;height:42px;margin:0;z-index:5}
.home-hero .banner-carousel .carousel-nav{top:50%;bottom:auto;transform:translateY(-50%)}
@media(max-width:760px){.home-hero .banner-carousel .carousel-indicators{bottom:82px;gap:10px}.home-hero.has-screen-next>.screen-next-button{bottom:14px}}

/* 桌面侧栏独占边缘通道；正文两侧使用同样的安全留白。 */
@media(min-width:1024px){
 html.home-document{--home-content-gutter:max(6vw,80px)}
 .home-section-navigation{left:6px}
 #main-content>#home-news-notices,
 #main-content>#home-research,
 #main-content>section.home-module{
  padding-left:var(--home-content-gutter)!important;
  padding-right:var(--home-content-gutter)!important;
 }
}
@media(min-width:1600px){
 html.home-document{--home-content-gutter:max(6vw,116px)}
 .home-section-navigation{left:6px}
}

/* 科研资讯清除旧版 339px 固定宽度，使用完整列宽且交互不改变布局。 */
#home-research .research-articles .academic-item,
#home-research .research-articles .academic-item:hover{
 width:100%;max-width:100%;height:auto;box-sizing:border-box;
 padding:22px 36px 22px 0;gap:9px;position:relative;
 transition:border-color .25s ease;
}
#home-research .research-articles .academic-item>a{
 flex:none;font-size:clamp(18px,1.35vw,24px);line-height:1.6;max-height:3.2em;
 font-weight:500;transition:color .25s ease,transform .25s ease;
}
#home-research .research-articles .academic-item .item-date{font-weight:400;letter-spacing:1px;color:#b9cdef}
#home-research .research-articles .academic-item::after{
 content:'↗';display:block;position:absolute;right:4px;top:50%;
 color:#c6e4ff;font-size:22px;line-height:1;opacity:0;
 transform:translate(-6px,-50%);transition:opacity .25s ease,transform .25s ease;
}
@media(hover:hover){
 #home-research .research-articles .academic-item:hover{border-bottom-color:#b4dfff}
 #home-research .research-articles .academic-item:hover>a{color:#d9eeff;transform:translateX(5px)}
 #home-research .research-articles .academic-item:hover::after{opacity:1;transform:translate(0,-50%)}
}
#home-research .research-articles .academic-item:focus-within::after{opacity:1;transform:translate(0,-50%)}
@media(prefers-reduced-motion:reduce){
 #home-research .research-articles .academic-item,
 #home-research .research-articles .academic-item>a,
 #home-research .research-articles .academic-item::after{transition:none}
}

/* 移动端科研分类保持单行，四项均分；更多分类横向滑动。 */
@media(max-width:760px){
 #home-research .academic-tabs{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:6px;width:100%;min-width:0;overflow-x:auto;padding:2px 0 6px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
 #home-research .academic-tabs .tab{flex:1 0 calc((100% - 18px)/4);min-width:max-content;margin:0;padding:9px 5px;font-size:clamp(12px,3.2vw,14px);line-height:1.5;white-space:nowrap;text-align:center;letter-spacing:0;box-sizing:border-box}
 #home-research .academic-content-in-notice>.section-title{margin-bottom:14px!important;min-width:0;width:100%}
}

/* 移动端采用自然阅读，不显示整屏切换提示或保留按钮占位。 */
@media(max-width:1023px){
 .has-screen-next>.screen-next-button{display:none!important;margin:0!important;padding:0!important}
 #main-content>.has-screen-next{padding-bottom:32px!important}
 .home-hero .banner-carousel .carousel-indicators{bottom:20px}
}

/* 手机科研区先选分类，再看封面和文章。保持原 DOM 与切换逻辑。 */
@media(max-width:1023px){
 #home-research>.research-inner{display:flex;flex-direction:column;gap:22px}
 #home-research .academic-content-in-notice{display:contents}
 #home-research .academic-content-in-notice>.section-title{order:0;margin:0!important}
 #home-research .research-cover-link{order:1;flex:none;width:100%;height:auto;aspect-ratio:16/10}
 #home-research .research-cover-link .research-image{width:100%;height:100%;object-fit:cover}
 #home-research .academic-content{order:2;width:100%;min-width:0;margin:0;padding:0}
}