@keyframes pulse-scale{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}@keyframes scroll{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}.scroll-container{width:100%;overflow:hidden;position:relative}.scroll-text{display:inline-block;white-space:nowrap;animation:scroll 60s linear infinite;padding-right:2rem}.scroll-text:hover{animation-play-state:paused}.animate-pulse-scale{animation:pulse-scale 2s infinite}.golden-gradient{background:linear-gradient(135deg,#000,#333)}.category-button{border:2px solid #000;padding:.6rem;text-align:center;cursor:pointer;transition:all .3s;border-radius:.5rem;font-size:.9rem}.category-button.active{background-color:#000;color:#fff}.category-content{display:none}.category-content.active{display:block}.footer-note{text-align:center;margin-top:4rem;padding:1rem;background-color:#f4f4f4;color:#666}.whitespace-pre-wrap{white-space:revert!important}

/* 弹窗公告遮罩 */
.notice-overlay {
    display:none; position:fixed; top:0; left:0; right:0; bottom:0;
    background:rgba(0,0,0,0.55); z-index:2008;
}
.notice-overlay.show { display:block; }

/* 弹窗公告 */
.noticeNew {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    color: #0b1028;
    padding: 0;
    border-radius: 16px;
    z-index: 2009;
    width: 84%;
    max-width: 360px;
    box-shadow: 0 8px 40px rgba(0,0,0,0.25);
    overflow: visible;
    animation: noticePopIn 0.3s ease;
}
@keyframes noticePopIn {
    from { opacity:0; transform:translate(-50%,-50%) scale(0.85); }
    to { opacity:1; transform:translate(-50%,-50%) scale(1); }
}

.noticeNew .backgroundImg {
    position: absolute;
    top: -45px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    pointer-events: none;
    z-index: 1;
}
.noticeNew .backgroundImg img {
    width: 180px;
    height: auto;
}

.noticeNew .topContent {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    font-size: 14px;
    font-family: 'PingFang SC', -apple-system, sans-serif;
    font-weight: 400;
    color: #0b1028;
    max-height: 55vh;
    overflow-y: auto;
    padding: 65px 24px 20px;
    border-radius: 16px 16px 0 0;
}

.noticeNew .topline {
    display: none;
}

.noticeNew .bigTittle {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 16px;
    text-align: center;
    color: #0b1028;
}

.noticeNew .dear {
    margin-bottom: 12px;
    text-align: left;
    width: 100%;
    font-size: 14px;
    color: #333;
}

.noticeNew .maincontents {
    margin-bottom: 16px;
    text-align: left;
    width: 100%;
    font-size: 14px;
    line-height: 1.8;
    color: #333;
    word-break: break-all;
}
.noticeNew .maincontents img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    margin: 8px 0;
}

.noticeNew .foot {
    margin-bottom: 6px;
    text-align: right;
    width: 100%;
    font-size: 13px;
    color: #5b3cc4;
    font-weight: 500;
}

.noticeNew .date {
    margin-bottom: 0;
    text-align: right;
    width: 100%;
    font-size: 12px;
    color: #999;
}

.noticeNew .cffffbtn {
    background: linear-gradient(180deg, #6fb0fb, #0152d4);
    color: #fff;
    height: 38px;
    width: 160px;
    line-height: 38px;
    margin: 0 auto 24px;
    text-align: center;
    cursor: pointer;
    font-size: 15px;
    font-weight: 600;
    border-radius: 19px;
    transition: opacity 0.2s;
}
.noticeNew .cffffbtn:active {
    opacity: 0.85;
}

/* 缩小立即访问按钮 */
.instant-access-btn {
    padding: 0.4rem 0.8rem;
    font-size: 0.85rem;
}

.black-border {
    border-color: black !important;
}
