.side-toolbar{align-items:center;display:flex!important;flex-direction:column;gap:8px;position:fixed!important;right:20px;top:65%;transform:translateY(-50%);z-index:99999}.side-toolbar-item{align-items:center;background:transparent;border:none;border-radius:8px;cursor:pointer;display:flex;height:48px;justify-content:center;position:relative;width:48px}.side-toolbar-item:hover .toolbar-icon{color:#1a54ff}.toolbar-icon{color:#666;font-size:20px;transition:color 0.3s ease}.toolbar-img{height:44px;object-fit:contain;width:44px}.toolbar-label{background:#333;border-radius:6px;color:#fff;font-size:13px;opacity:0;padding:8px 14px;pointer-events:none;position:absolute;right:58px;top:50%;transform:translateY(-50%) translateX(10px);transition:all 0.3s ease;visibility:hidden;white-space:nowrap}.toolbar-label:after{border:6px solid transparent;border-left-color:#333;content:"";position:absolute;right:-6px;top:50%;transform:translateY(-50%)}#toolbar-ticket{animation:ticket-bounce 2s ease-in-out infinite;margin-bottom:0}@keyframes ticket-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}#toolbar-ticket:hover{animation-play-state:paused}.side-toolbar-banner{align-items:center;background:linear-gradient(180deg,#3b8eff,#00d4ff);border:2px solid #fff;border-radius:20px;box-shadow:0 2px 12px rgba(0,0,0,.2);display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:12px 6px;position:relative;text-decoration:none;width:40px}.side-toolbar-banner:before{background:linear-gradient(180deg,#ff6b6b,orange);border-radius:22px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity 0.6s ease}.side-toolbar-banner:hover:before{opacity:1}.side-toolbar-banner .banner-text{color:#fff;font-size:12px;font-weight:700;letter-spacing:2px;line-height:1.2;position:relative;text-orientation:mixed;writing-mode:vertical-rl;z-index:1}.side-toolbar-banner:hover{box-shadow:0 4px 20px hsla(0,100%,71%,.4)}.side-toolbar-item.back-to-top{background:hsla(0,0%,100%,.9)!important;border-radius:50%!important;box-shadow:0 2px 12px rgba(0,0,0,.1)!important;display:flex!important;height:48px!important;opacity:0;transform:translateY(20px);transition:all 0.3s ease;visibility:hidden;width:48px!important}.side-toolbar-item.back-to-top.show{opacity:1!important;transform:translateY(0)!important;visibility:visible!important}.side-toolbar-item.back-to-top:hover{background:#1a54ff;transform:translateY(-3px)}.side-toolbar-item.back-to-top:hover .toolbar-icon{color:#fff}.side-toolbar-item.online .toolbar-icon{color:#52c41a}.side-toolbar-item.online:before{animation:pulse 2s infinite;background:#52c41a;border-radius:50%;content:"";height:8px;position:absolute;right:8px;top:8px;width:8px}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(82,196,26,.4)}70%{box-shadow:0 0 0 8px rgba(82,196,26,0)}to{box-shadow:0 0 0 0 rgba(82,196,26,0)}}.service-popup{position:relative}.service-popup .popup-box{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:hsla(0,0%,100%,.6);border-radius:12px;box-shadow:0 3px 15px rgba(0,0,0,.1);opacity:0;padding:8px 12px;position:absolute;right:60px;top:50%;transform:translateY(-50%);transition:all 0.3s ease;visibility:hidden;z-index:99999}.service-popup:hover .popup-box{opacity:1;right:55px;visibility:visible}.service-popup .popup-box:before{border:8px solid transparent;border-left-color:hsla(0,0%,100%,.6);content:"";position:absolute;right:-8px;top:50%;transform:translateY(-50%)}.service-popup .popup-box-inner{display:block}.service-popup .popup-title{display:none}.service-popup .popup-content{display:block}.service-popup .popup-content img{display:block;height:auto;max-width:150px}.service-popup .service-item{align-items:center;border-radius:6px;color:inherit;cursor:pointer;display:flex;padding:8px;text-decoration:none;transition:background 0.2s;white-space:nowrap}.service-popup .service-item:hover{background:#f5f7fa}.service-popup .service-item+.service-item{margin-top:4px}.service-popup .service-avatar{border-radius:50%;flex-shrink:0;height:32px;margin-right:8px;object-fit:cover;width:32px}.service-popup .service-info{flex:1}.service-popup .service-name{color:#333;font-size:13px;font-weight:600;margin-bottom:2px}.service-popup .service-status{align-items:center;display:flex;font-size:11px}.service-popup .service-status.online{color:#67c23a}.service-popup .service-status.offline{color:#909399}.service-popup .status-dot{border-radius:50%;height:6px;margin-right:4px;width:6px}.service-popup .status-dot.online{background:#67c23a}.service-popup .status-dot.offline{background:#909399}.service-popup .toolbar-img{transition:transform 0.3s ease}.service-popup:hover .toolbar-img{transform:scale(1.1)}@media (max-width:768px){.side-toolbar{bottom:100px;right:10px;top:auto;transform:none}.side-toolbar-item{height:38px;width:38px}.toolbar-img{height:36px;width:36px}.toolbar-icon{font-size:16px}.side-toolbar-banner{border-radius:16px;padding:10px 5px;width:32px}.side-toolbar-banner .banner-text{font-size:10px;letter-spacing:1px}.side-toolbar-item.back-to-top{height:38px;min-height:38px;min-width:38px;width:38px}.toolbar-label{display:none}.service-popup .popup-box{backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;background:hsla(0,0%,100%,.95)!important;border-radius:12px!important;box-shadow:0 4px 20px rgba(0,0,0,.15)!important;display:none;left:auto!important;padding:15px!important;right:50px!important;z-index:999999!important}.service-popup .popup-box,.service-popup .popup-box:before{position:absolute!important;top:50%!important;transform:translateY(-50%)!important}.service-popup .popup-box:before{border:8px solid transparent!important;border-left-color:hsla(0,0%,100%,.95)!important;content:""!important;display:block!important;right:-8px!important}.service-popup.active .popup-box{display:block!important;opacity:1!important;visibility:visible!important}.service-popup .popup-box-inner{position:relative!important}.service-popup .popup-title{color:#333!important;display:block!important;font-size:14px!important;font-weight:600!important;margin-bottom:10px!important;text-align:center!important}.service-popup .popup-content img{display:block!important;margin:0 auto!important;max-width:150px!important}}