#top-banner{display:none;width:100%;padding:10px 20px;background:linear-gradient(120deg,#ff8c00,#7000d2);color:#fff;position:relative;font-family:sans-serif;display:flex;align-items:center;justify-content:center;box-sizing:border-box;cursor:pointer;overflow:hidden;@keyframes fall{0%{transform:translateY(0) translate(0) rotate(0)}50%{transform:translateY(60px) translate(15px) rotate(180deg)}to{transform:translateY(120px) translate(-10px) rotate(360deg)}}}#top-banner .tag{display:flex;gap:5px}#top-banner .snow{pointer-events:none;position:absolute;right:0;bottom:0;left:0;z-index:1;top:-10px;width:10px;height:10px;background:#fff;clip-path:polygon(50% 0%,61% 18%,98% 18%,68% 39%,79% 100%,50% 61%,21% 100%,32% 39%,2% 18%,39% 18%);opacity:.8;animation:fall linear infinite}#top-banner .snow:before,#top-banner .snow:after{content:"";position:absolute;top:-10px;width:10px;height:10px;background:#fff;opacity:.8;clip-path:polygon(50% 0%,52% 5%,56% 5%,54% 10%,60% 12%,55% 16%,58% 20%,50% 18%,42% 20%,45% 16%,40% 12%,46% 10%,44% 5%,48% 5%);animation:fall 15s linear infinite}#top-banner .snow:before{left:10%}#top-banner .snow:after{left:50%;animation-delay:8s}#top-banner .snow:nth-child(1){width:8px;height:8px;animation-delay:0s;animation-duration:15s;left:10%}#top-banner .snow:nth-child(2){width:12px;height:12px;animation-delay:2s;animation-duration:17s;left:30%}#top-banner .snow:nth-child(3){width:6px;height:6px;animation-delay:4s;animation-duration:19s;left:50%}#top-banner .snow:nth-child(4){width:10px;height:10px;animation-delay:6s;animation-duration:21s;left:70%}#top-banner .snow:nth-child(5){width:9px;height:9px;animation-delay:8s;animation-duration:23s;left:90%}#top-banner .banner-content{display:flex;align-items:center;gap:20px;flex-wrap:wrap;justify-content:center;position:relative;z-index:2}#top-banner .text{font-size:18px;font-weight:700;white-space:nowrap}#top-banner .countdown{display:inline-flex;align-items:center;gap:2px!important;color:#fff;padding:4px 10px;border-radius:9999px;font-size:13px;font-weight:600;letter-spacing:-.01em}#top-banner .countdown span{min-width:1ch;text-align:center}#top-banner .countdown .sep{margin:0 1px;opacity:.7}#top-banner .claim-btn{background:linear-gradient(135deg,#d72631,#f4d35e);border:none;padding:8px 16px;border-radius:8px;color:#fff;cursor:pointer;font-weight:700}#top-banner .close-btn{position:absolute;right:14px;top:14px;font-size:18px;cursor:pointer;-webkit-user-select:none;user-select:none;opacity:.8;z-index:3}@media screen and (max-width: 768px){#top-banner{padding:12px}#top-banner .banner-content{flex-direction:row;gap:12px}#top-banner .text{font-size:16px;text-align:center}#top-banner .countdown{font-size:14px}#top-banner .cd-box span{font-size:16px}}