/* Kuangke Third App Component - Side Bar */
.kuangke-side-bar {
  position: fixed;
  top: 50%;
  right: 14px;
  transform: translateY(-50%);
  z-index: 999;
  display: flex;
  flex-direction: column;
  gap: 15px;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 8px 0 0 8px;
  padding: 10px 2px;
  box-shadow: -2px 0 15px rgba(0, 0, 0, 0.15);
}

.kuangke-side-bar a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  background: #44bc41;
  color: var(--kuangke-service-icon-color, #ffffff);
  text-decoration: none;
  position: relative;
  overflow: hidden;
  border-radius: 50px;
}

.kuangke-side-bar a .iconfont {
  font-size: 27px;
  line-height: 1;
}
.kuangke-side-bar a:nth-child(1){background:#e42213}
.kuangke-side-bar a:nth-child(2){background:#2150f3}
.kuangke-side-bar a:nth-child(3){background:#000000}
.kuangke-side-bar a:nth-child(4){background:#00BCD4}
.kuangke-side-bar a:nth-child(5){background:#09ce11}
.kuangke-side-bar a:nth-child(6){background:#2196F3}
.kuangke-side-bar a:nth-child(7){background:#48a747}
.kuangke-side-bar a:nth-child(8){background:#48a747}

/* Go Top Button */
.kuangke-gotop-btn {
  cursor: pointer;
}

/* Responsive Design - Hide on mobile */
@media (max-width: 768px) {
  .kuangke-side-bar {
    display: none !important;
  }
}

/* Print styles */
@media print {
  .kuangke-side-bar {
    display: none !important;
  }
}