body:has(.method-tip) {
  --jd-tb-orange: #ff8a00;
  --jd-tb-orange-deep: #ff6200;
  --jd-tb-yellow: #ffb300;
  --jd-tb-soft: #fff8e8;
  --jd-tb-soft-orange: #fff3e4;
  --jd-tb-border: #ffd19a;
  --jd-tb-border-soft: #ffe1ad;
  --jd-tb-text: #1f1f1f;
  --jd-tb-muted: #6f6a58;
}

body:has(.method-tip),
body:has(.method-tip) #q-app,
body:has(.method-tip) .q-layout,
body:has(.method-tip) .q-page-container,
body:has(.method-tip) .q-page {
  background: #f6f6f8 !important;
}

body:has(.method-tip) .q-toolbar {
  min-height: 64px;
  background: #ffffff !important;
  color: var(--jd-tb-text);
  box-shadow: none;
}

body:has(.method-tip) .q-toolbar__title,
body:has(.method-tip) .q-toolbar .text-dark {
  color: #1f1b13 !important;
  font-weight: 800;
  letter-spacing: 0;
}

body:has(.method-tip) .q-toolbar__title.jd-full-series-title {
  font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;
  font-weight: 400 !important;
  line-height: 24px;
}

body:has(.method-tip) .q-toolbar .q-btn.text-blue-12,
body:has(.method-tip) .q-toolbar .text-blue-12,
body:has(.method-tip) .text-blue-12,
body:has(.method-tip) .text-primary {
  color: var(--jd-tb-orange) !important;
}

body:has(.method-tip) .bg-blue-12,
body:has(.method-tip) .bg-primary {
  background: var(--jd-tb-orange) !important;
}

body:has(.method-tip) .q-toolbar .q-btn.bg-orange,
body:has(.method-tip) .q-dialog .q-btn.bg-orange {
  background: linear-gradient(180deg, var(--jd-tb-yellow) 0%, var(--jd-tb-orange) 100%) !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

body:has(.method-tip) .q-toolbar .q-btn.bg-orange::before,
body:has(.method-tip) .q-dialog .q-btn.bg-orange::before {
  box-shadow: none !important;
}

body:has(.method-tip) .q-card {
  border: 0;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: none;
}

body:has(.method-tip) .qrcode-div,
body:has(.method-tip) .upload-div,
body:has(.method-tip) .wirte-div,
body:has(.method-tip) .tips {
  border-color: var(--jd-tb-border) !important;
  background: #ffffff;
}

body:has(.method-tip) .qrcode-div:active,
body:has(.method-tip) .upload-div:active,
body:has(.method-tip) .wirte-div:active {
  background: var(--jd-tb-soft);
}

body:has(.method-tip) .method-tip {
  color: var(--jd-tb-orange-deep) !important;
}

body:has(.method-tip) .wirte-icon path,
body:has(.method-tip) .upload-icon path {
  fill: var(--jd-tb-orange) !important;
}

body:has(.method-tip) .q-field--focused .q-field__control {
  color: var(--jd-tb-orange) !important;
}

body:has(.method-tip) .q-field--focused .q-field__label,
body:has(.method-tip) .q-field--float .q-field__label {
  color: var(--jd-tb-orange-deep) !important;
}

body:has(.method-tip) .q-dialog .q-card {
  border-radius: 10px;
}

body:has(.method-tip) .q-dialog .q-icon.text-primary,
body:has(.method-tip) .q-dialog .text-primary,
body:has(.method-tip) .q-dialog .text-blue-12 {
  color: var(--jd-tb-orange) !important;
}

body:has(.method-tip) .q-dialog .bg-blue-12,
body:has(.method-tip) .q-dialog .q-btn.bg-blue-12 {
  background: var(--jd-tb-orange) !important;
  color: #ffffff !important;
}

body:has(.method-tip) .q-dialog .q-btn.text-blue-12 {
  color: var(--jd-tb-orange) !important;
}

body:has(.method-tip) .q-dialog .q-btn.bg-blue-12::before {
  box-shadow: none;
}