.support-widget {
  position: fixed;
  top: 50%;
  right: 12px;
  z-index: 70;
  display: flex;
  align-items: center;
  gap: 6px;
  transform: translateY(-50%);
  font-family: Arial, "Microsoft YaHei", sans-serif;
  color: #263238;
}
.support-widget, .support-widget * { box-sizing: border-box; }
.support-widget__panel {
  width: 206px;
  max-height: calc(100dvh - 24px);
  overflow-y: auto;
  padding: 17px 18px 18px;
  border: 1px solid #d9e0e5;
  border-radius: 3px;
  background: #fff;
  box-shadow: 0 10px 30px rgba(23, 42, 57, .13);
  font-size: 14px;
  line-height: 1.5;
}
.support-widget__panel[hidden] { display: none; }
.support-widget__group + .support-widget__group { margin-top: 16px; }
.support-widget__group:first-child { padding-bottom: 15px; border-bottom: 1px dashed #e2e6e9; }
.support-widget__label { display: block; margin-bottom: 5px; color: #44515a; }
.support-widget__link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #263238;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
}
.support-widget__link:hover, .support-widget__link:focus-visible { color: #087a9b; text-decoration: underline; }
.support-widget__qq { width: 20px; height: 20px; object-fit: contain; }
.support-widget__qr { display: block; width: 160px; max-width: 100%; height: auto; }
.support-widget__trigger {
  display: grid;
  place-items: center;
  gap: 1px;
  width: 48px;
  min-height: 76px;
  padding: 7px 3px;
  border: 0;
  border-radius: 5px;
  background: #19c5c2;
  color: #fff;
  box-shadow: 0 4px 0 #113b8b;
  font: 700 14px/1.2 Arial, "Microsoft YaHei", sans-serif;
  cursor: pointer;
}
.support-widget__trigger:hover, .support-widget__trigger:focus-visible { background: #09aaa8; }
.support-widget__trigger-icon { font-size: 26px; line-height: 1; }
@media (max-width: 600px) {
  .support-widget { top: auto; right: max(10px, env(safe-area-inset-right)); bottom: max(18px, env(safe-area-inset-bottom)); align-items: flex-end; transform: none; }
  body.with-online-chat .support-widget { bottom: max(118px, env(safe-area-inset-bottom)); }
  .support-widget__panel { width: min(206px, calc(100vw - 76px)); max-height: calc(100dvh - 30px); overflow-y: auto; }
  .support-widget__trigger { min-height: 56px; }
  .support-widget__trigger-icon { font-size: 21px; }
}