/* Sidebar Buttons Frontend Styles */
.rsb-container {
  position: fixed !important;
  top: 40%;
  transform: translateY(-40%);
  display: flex !important;
  flex-direction: column;
  gap: 10px;
  z-index: 999999 !important;
}
.rsb-container.rsb-left { left: 12px; }
.rsb-container.rsb-right { right: 12px; }

.rsb-btn {
  width: var(--rsb-size, 48px) !important;
  height: var(--rsb-size, 48px) !important;
  border-radius: 50%;
  background-color: var(--rsb-color, #0d6efd);
  color: #fff;
  display: grid !important;
  place-items: center;
  text-decoration: none;
  box-shadow: 0 6px 16px rgba(13, 110, 253, 0.25);
  transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease;
}
.rsb-btn:hover { 
  transform: translateY(-1px); 
  box-shadow: 0 8px 20px rgba(13, 110, 253, 0.35);
  background-color: #0b63c9; /* 深一点蓝色 */
}
.rsb-btn:active {
  transform: translateY(1px);
  box-shadow: 0 2px 8px rgba(13, 110, 253, 0.3);
  background-color: #0a58b0; /* 更深的蓝色 */
  color: #fff !important; /* 强制图标为白色 */
}

.rsb-btn svg {
  width: calc(var(--rsb-size, 48px) / 2);
  height: calc(var(--rsb-size, 48px) / 2);
  display: block;
  fill: currentColor;
}

.rsb-label {
  font-size: 12px;
  line-height: 1;
  padding: 0 6px;
  color: #fff;
}

@media (max-width: 480px) {
  .rsb-container { top: 50%; transform: translateY(-50%); }
}