.announce-bar {
     background: linear-gradient(90deg, #e85d04, #f97316);
     color: #fff;
     text-align: center;
     padding: 9px 16px;
     font-size: .82rem;
     font-weight: 700;
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 16px;
     position: relative;
     z-index: 9999;
 }

 .announce-bar a {
     color: #fff;
     text-decoration: underline;
 }

 .announce-bar .announce-close {
     background: none;
     border: none;
     color: #fff;
     cursor: pointer;
     position: absolute;
     right: 12px;
     top: 50%;
     transform: translateY(-50%);
     font-size: 1rem;
     padding: 4px;
 }

 #progress-bar {
     position: fixed;
     top: 0;
     left: 0;
     height: 3px;
     background: linear-gradient(90deg, #e85d04, #f97316);
     width: 0%;
     z-index: 10001;
     transition: width .1s;
 }

 #scrollTop {
     display: none;
     position: fixed;
     bottom: 90px;
     right: 20px;
     background: #e85d04;
     color: #fff;
     border: none;
     border-radius: 50%;
     width: 44px;
     height: 44px;
     font-size: 1rem;
     cursor: pointer;
     box-shadow: 0 4px 14px rgba(232, 93, 4, .4);
     z-index: 9990;
     align-items: center;
     justify-content: center;
 }

 #scrollTop.visible {
     display: flex;
 }