#announce_bar{position:relative;z-index:9997;background:linear-gradient(90deg,#0a6cd6,#00c8ff);color:#fff;padding:10px 20px;font-size:13px;text-align:center;margin-bottom:5px}
#announce_bar a{color:#fff;font-weight:700;margin-left:10px;text-decoration:underline}
#announce_bar .close_ann{position:absolute;right:15px;top:50%;transform:translateY(-50%);cursor:pointer;opacity:.8}
#announce_bar .close_ann:hover{opacity:1}
#side_bar{position:fixed;right:15px;top:50%;transform:translateY(-50%);z-index:9998;display:flex;flex-direction:column;gap:10px}
#side_bar .item{width:50px;height:50px;border-radius:12px;background:linear-gradient(135deg,#0a84ff,#0066cc);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px rgba(0,102,204,.3);transition:all .3s;text-decoration:none;font-size:11px}
#side_bar .item:hover{transform:scale(1.1)}
#side_bar .item svg{width:22px;height:22px;margin-bottom:2px}
#side_bar .item.qq{background:linear-gradient(135deg,#12b7f5,#0084ff)}
#side_bar .item.group{background:linear-gradient(135deg,#7c4dff,#536dfe)}
#side_bar .item.top{background:linear-gradient(135deg,#455a64,#263238)}
img{transition:opacity .3s}img.lazy{opacity:0}
@media(max-width:768px){#side_bar{right:10px}#side_bar .item{width:42px;height:42px;font-size:10px}}