.editor-wrapper {
  --article-w: 720px;
  --gta-icon-size: 16px;
  position: relative;
  padding: 0 20px;
}

.editor-wrapper .ProseMirror {
  max-width: var(--article-w);
  min-height: 320px;
  outline: none;
  cursor: text;
}

.editor-wrapper .ProseMirror-selectednode {
  position: relative;
}

.editor-wrapper .ProseMirror p.gta-rich--editor:first-child::before {
  content: attr(data-placeholder);
  color: #9ca3af;
  pointer-events: none;
  float: left;
  height: 0;
  white-space: pre-wrap;
}

.editor-wrapper.editor-content {
  margin-top: 20px;
}

.editor-wrapper .rich-heading {
  position: relative;
}

.editor-wrapper .rich-image--figure {
  position: relative;
  width: min(100%, var(--rich-image-box-width, 690px));
  max-width: 100%;
  margin: 0 auto;
  overflow: hidden;
  --cap-grad: 10px;
}

.editor-wrapper .rich-image--figure img {
  display: block;
  max-width: 100%;
  width: 100%;
  height: auto;
  margin-inline: auto;
}

.editor-wrapper .rich-image--caption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 8px 12px;
  padding-top: calc(8px + var(--cap-grad));
  margin: 0;
  color: #fff;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  pointer-events: none;
  z-index: 1;
}

.editor-wrapper .rich-image--caption::before {
  content: "";
  position: absolute;
  inset: calc(-1 * var(--cap-grad)) 0 0 0;
  background: linear-gradient(to top, rgba(0, 0, 0, .28), rgba(0, 0, 0, .12) 40%, rgba(0, 0, 0, 0) 100%);
  z-index: -1;
}

.editor-wrapper .rich-toolbar {
  --gta-icon-size: 18px;
  position: absolute;
  top: 0;
  right: 0;
  display: none;
  gap: 6px;
  padding: 4px 6px;
  background: rgba(0, 0, 0, .55);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, .16);
  box-shadow: 0 2px 8px rgba(0, 0, 0, .25);
  backdrop-filter: saturate(160%) blur(6px);
  align-items: center;
  z-index: 10;
}

.editor-wrapper .rich-toolbar--btn {
  padding: 0 5px;
  height: auto;
  line-height: normal;
  text-shadow: 0 0 1px rgba(0, 0, 0, .6), 0 0 2px rgba(0, 0, 0, .6);
}

.editor-wrapper .rich-image--figure:hover .rich-toolbar,
.editor-wrapper .rich-heading:hover .rich-toolbar,
.editor-wrapper .rich-trip--card:hover .rich-toolbar,
.editor-wrapper .rich-scenic--card:hover .rich-toolbar,
.editor-wrapper .rich-video--card:hover .rich-toolbar,
.editor-wrapper .rich-service--card:hover .rich-toolbar {
  display: flex;
}

.editor-wrapper .rich-image--figure[data-cover="1"]::after {
  content: '封面';
  position: absolute;
  left: 8px;
  top: 8px;
  font-size: 12px;
  color: #fff;
  background: #1677ff;
  padding: 2px 6px;
  border-radius: 3px;
  z-index: 10;
}

.editor-wrapper.is-disabled .ProseMirror {
  cursor: default;
}

.editor-wrapper.is-disabled .rich-toolbar {
  display: none !important;
}

.editor-wrapper .editor-guard {
  display: none;
}

.editor-wrapper.is-disabled .editor-guard {
  position: absolute;
  inset: 0;
  display: block;
  pointer-events: auto;
  background: rgba(255, 255, 255, .6);
  backdrop-filter: blur(1px) saturate(110%);
}

.editor-guard--hint {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  gap: 10px;
  color: #6b7280;
  font-size: 14px;
  text-align: center;
  user-select: none;
}

.editor-guard--hint .gta-icon[data-size="custom"] {
  --gta-icon-size: 32px;
  opacity: .75;
}

.editor-wrapper .rich-trip--card {
  margin: 10px 0;
  padding: 16px;

  display: flex;
  gap: 16px;
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  background: #fff;
  align-items: stretch;

  position: relative;
}

.editor-wrapper .rich-trip--overlay-link {
  position: absolute;
  inset: 0;
  display: block;
  z-index: 1;
  text-decoration: none;
  border-radius: 14px;
}

.editor-wrapper .rich-trip--thumb,
.editor-wrapper .rich-trip--body {
  position: relative;
  z-index: 2;
}

.editor-wrapper .rich-trip--thumb {
  width: 164px;
  height: 164px;
  overflow: hidden;
  display: inline-block;
  flex: 0 0 auto;
  border-radius: 10px;
}

.editor-wrapper .rich-trip--thumb img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.editor-wrapper .rich-trip--body {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.editor-wrapper .rich-trip--title {
  margin: 0;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 600;
  color: #111827;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.editor-wrapper .rich-trip--summary {
  margin: 0;
  font-size: 13px;
  line-height: 1.5;
  color: #4b5563;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.editor-wrapper .rich-trip--meta {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}

.editor-wrapper .rich-trip--route,
.editor-wrapper .rich-trip--stats,
.editor-wrapper .rich-trip--rating,
.editor-wrapper .rich-trip--participants {
  display: flex;
  align-items: center;
  min-width: 0;
}

.editor-wrapper .rich-trip--route,
.editor-wrapper .rich-trip--rating,
.editor-wrapper .rich-trip--participants {
  gap: 8px;
}

.editor-wrapper .rich-trip--stats {
  flex-wrap: wrap;
  gap: 12px;
}

.editor-wrapper .rich-trip--meta-icon,
.editor-wrapper .rich-trip--stat-icon {
  flex: 0 0 auto;
  font-size: 15px;
  color: #0f766e;
}

.editor-wrapper .rich-trip--route-text {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  line-height: 1.4;
  color: #111827;
}

.editor-wrapper .rich-trip--stat-value {
  font-size: 13px;
  line-height: 1.4;
  font-weight: 700;
  color: #f59e0b;
}

.editor-wrapper .rich-trip--stat-muted {
  font-size: 13px;
  line-height: 1.4;
  color: #6b7280;
}

.editor-wrapper .rich-trip--stat-divider {
  font-size: 13px;
  line-height: 1;
  color: #9ca3af;
}

.editor-wrapper .rich-trip--footer {
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.editor-wrapper .rich-trip--price {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  color: #111827;
}

.editor-wrapper .rich-trip--actions {
  display: flex;
  justify-content: flex-end;
  position: relative;
  z-index: 3;
}

.editor-wrapper .ProseMirror-selectednode {
  outline: 2px solid rgba(96, 165, 250, 0.6);
  outline-offset: 2px;
}



.editor-wrapper .rich-video--card {
  margin: 10px 0;
  padding: 16px;

  display: flex;
  gap: 16px;
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  background: #fff;
  align-items: stretch;

  position: relative;
  text-decoration: none;
  color: inherit;
}

.editor-wrapper .rich-video--card:hover {
  border-color: #d1d5db;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);
}

.editor-wrapper .rich-video--thumb,
.editor-wrapper .rich-video--body {
  position: relative;
  z-index: 2;
}

.editor-wrapper .rich-video--thumb {
  width: 164px;
  height: 164px;
  overflow: hidden;
  display: inline-block;
  flex: 0 0 auto;
  border-radius: 12px;
  background: #f3f4f6;
}

.editor-wrapper .rich-video--thumb img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.editor-wrapper .rich-video--play {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  pointer-events: none;
}

.editor-wrapper .rich-video--play-icon {
  width: 56px;
  height: 56px;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.45);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.2);
  position: relative;
}

.editor-wrapper .rich-video--play-icon::before {
  content: "";
  position: absolute;
  left: 22px;
  top: 18px;
  width: 0;
  height: 0;
  border-left: 16px solid #fff;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 0.95;
}

.editor-wrapper .rich-video--body {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.editor-wrapper .rich-video--title {
  margin: 0;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 700;
  color: #111827;

  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.editor-wrapper .rich-video--summary {
  margin: 0;
  font-size: 13px;
  line-height: 1.5;
  color: #6b7280;

  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.editor-wrapper .rich-video--tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.editor-wrapper .rich-video--tag {
  display: inline-flex;
  align-items: center;
  height: 26px;
  padding: 0 5px;
  border-radius: 5px;

  font-size: 12px;
  color: #374151;

  background: #f3f4f6;
  border: 1px solid #e5e7eb;
  user-select: none;
}

.editor-wrapper .rich-video--footer {
  margin-top: auto;
  padding-top: 12px;
  border-top: 1px dashed #e5e7eb;

  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.editor-wrapper .rich-video--actions {
  display: flex;
  justify-content: flex-end;
  position: relative;
  z-index: 3;
}

.editor-wrapper .rich-scenic--card {
  position: relative;
  margin: 0;
  display: block;
  border-radius: 16px;
  overflow: hidden;
  background: #000;
}

.editor-wrapper .rich-scenic--thumb {
  display: block;
  line-height: 0;
}

.editor-wrapper .rich-scenic--img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}

.editor-wrapper .rich-scenic--body {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  color: #fff;
  padding: 16px 56px 14px 16px;

  background: linear-gradient(to top,
      rgba(0, 0, 0, 0.78) 0%,
      rgba(0, 0, 0, 0.48) 40%,
      rgba(0, 0, 0, 0.18) 70%,
      rgba(0, 0, 0, 0.00) 100%);
}

.editor-wrapper .rich-scenic--name,
.editor-wrapper .rich-scenic--title {
  margin: 0;
  padding: 0;
  line-height: 1.25;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .45);
  color: #fff;
}

.editor-wrapper .rich-scenic--name {
  font-size: 22px;
  font-weight: 700;
}

.editor-wrapper .rich-scenic--title {
  margin-top: 6px;
  font-size: 14px;
  font-weight: 500;
}

.editor-wrapper .rich-scenic--cta {
  position: absolute;
  right: 12px;
  bottom: 12px;

  padding: 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  border-radius: 999px;
  text-decoration: none;

  background: rgba(0, 0, 0, 0.08);

}

.editor-wrapper .rich-scenic--cta:active {
  background: rgba(0, 0, 0, 0.12);
}

.editor-wrapper .rich-scenic--cta .gta-icon[data-size="custom"] {
  --gta-icon-size: 36px;
}

.editor-wrapper .rich-service--card {
  --rich-service-green: #18533f;
  --rich-service-green-2: #2f7a60;
  --rich-service-muted: #6d7772;
  --rich-service-line: rgba(40, 80, 62, .14);
  --rich-service-bg-image: none;
  --rich-service-bg-opacity: 0;
  --rich-service-font-cn: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
  --rich-service-font-title: "Noto Serif SC", "Songti SC", "SimSun", serif;
  --rich-service-font-en: Georgia, "Times New Roman", serif;
  position: relative;
  width: 100%;
  max-width: 690px;
  margin: 18px auto;
  padding: clamp(18px, 5vw, 15px);
  overflow: hidden;
  border-radius: 0;
  border: 1px solid rgba(50, 80, 65, .16);
  background: linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(252, 248, 239, .88));
  box-shadow: 0 26px 80px rgba(20, 50, 38, .16);
  font-family: var(--rich-service-font-cn);
  font-size: 16px;
  line-height: 1.4;
  color: #263631;
  box-sizing: border-box;
}

.editor-wrapper .rich-service--card .rich-toolbar,
.editor-wrapper .rich-service--card .rich-toolbar--btn,
.editor-wrapper .rich-service--card .rich-toolbar .gta-icon {
  color: #fff !important;
}

.editor-wrapper .rich-service--card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background-image: var(--rich-service-bg-image, none);
  background-position: center bottom;
  background-size: cover;
  background-repeat: no-repeat;
  opacity: calc(var(--rich-service-bg-opacity, 0) * .38);
  pointer-events: none;
}

.editor-wrapper .rich-service--card::after {
  content: "";
  position: absolute;
  inset: -2px;
  z-index: 0;
  background:
    radial-gradient(circle at 90% 8%, rgba(255, 255, 255, .9), transparent 18%),
    radial-gradient(circle at 96% 80%, rgba(255, 218, 126, .32), transparent 18%);
  pointer-events: none;
}

.editor-wrapper .rich-service--card :where(div, span, p, h1, h2, h3, h4, h5, h6, small, button) {
  box-sizing: border-box;
  font-family: inherit;
  line-height: inherit;
  color: inherit;
}

.editor-wrapper .rich-service--card :where(h1, h2, h3, h4, h5, h6, p) {
  margin: 0;
  font-size: inherit;
  font-weight: inherit;
}

.editor-wrapper .rich-service--card :where(span, small, button) {
  font: inherit;
  letter-spacing: inherit;
}

.editor-wrapper .rich-service--body {
  position: relative;
  z-index: 1;
}

.editor-wrapper .rich-service--top {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(210px, 35%);
  align-items: start;
  gap: clamp(16px, 4vw, 32px);
}

.editor-wrapper .rich-service--copy-block {
  min-width: 0;
}

.editor-wrapper .rich-service--badge {
  display: inline-flex;
  align-items: center;
  gap: clamp(8px, 1.8vw, 12px);
  min-height: clamp(44px, 5.8vw, 56px);
  padding: clamp(7px, 1.2vw, 10px) clamp(13px, 2.5vw, 18px);
  border-radius: 16px;
  background:
    linear-gradient(145deg,
      color-mix(in srgb, var(--color-brand, #2fb26a) 80%, var(--brand-700, #1c8a4d) 20%),
      color-mix(in srgb, var(--brand-900, #115533) 86%, black 14%));
  color: #fff !important;
  border: 1px solid rgba(255, 255, 255, .18);
  box-shadow:
    0 14px 28px rgba(17, 85, 51, .22),
    inset 0 1px 0 rgba(255, 255, 255, .14);
  white-space: nowrap;
}

.editor-wrapper .rich-service--badge-logo {
  --gta-logo-icon-size: clamp(20px, 3vw, 40px);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--gta-logo-icon-size);
  height: var(--gta-logo-icon-size);
  flex: 0 0 auto;
  filter: brightness(0) invert(1);
}

.editor-wrapper .rich-service--badge-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: clamp(2px, .4vw, 3px);
  min-width: 0;
  white-space: nowrap;
}

.editor-wrapper .rich-service--badge-brand {
  font-size: clamp(13px, 2.4vw, 18px) !important;
  line-height: 1.2;
  font-weight: 700 !important;
  letter-spacing: .08em;
  color: rgba(255, 255, 255, .92) !important;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .08);
}

.editor-wrapper .rich-service--badge-label {
  font-size: clamp(23px, 4.8vw, 18px) !important;
  line-height: 1.08;
  letter-spacing: .02em;
  color: #fff !important;
  text-shadow: 0 2px 4px rgba(0, 0, 0, .12);
}

.editor-wrapper .rich-service--title {
  margin-top: clamp(24px, 6vw, 44px);
  font-family: var(--rich-service-font-title) !important;
  font-size: clamp(30px, 7vw, 48px);
  line-height: 1.32;
  color: var(--rich-service-green) !important;
  font-weight: 700 !important;
  letter-spacing: .06em;
  white-space: pre-line;
}

.editor-wrapper .rich-service--desc {
  margin-top: clamp(12px, 3vw, 18px);
  font-size: clamp(13px, 2.8vw, 19px);
  line-height: 1.6;
  color: #69736e !important;
  font-weight: 700;
}

.editor-wrapper .rich-service--profile {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 236px;
  margin-left: auto;
  padding-right: clamp(6px, 1vw, 12px);
  text-align: center;
}

.editor-wrapper .rich-service--avatar {
  position: relative;
  width: 100%;
  max-width: 176px;
  aspect-ratio: 1;
  margin: 6px auto 0;
  padding: 6px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #ddd6ca;
  box-shadow: 0 14px 38px rgba(20, 50, 38, .14);
}

.editor-wrapper .rich-service--avatar[data-has-avatar="0"]::after {
  content: attr(data-initial);
  position: absolute;
  inset: 6px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: linear-gradient(180deg, #f1ece1 0%, #ece7db 100%);
  font-family: var(--rich-service-font-en) !important;
  font-size: clamp(44px, 9vw, 70px);
  line-height: 1;
  font-weight: 900;
  color: var(--rich-service-green) !important;
}

.editor-wrapper .rich-service--avatar-image {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center center;
  border-radius: 50%;
}

.editor-wrapper .rich-service--name {
  position: relative;
  z-index: 1;
  margin-top: clamp(10px, 2.6vw, 18px);
  font-family: var(--rich-service-font-en) !important;
  font-size: clamp(26px, 4.8vw, 34px);
  font-weight: 900 !important;
  color: var(--rich-service-green) !important;
  line-height: 1.08;
}

.editor-wrapper .rich-service--role {
  position: relative;
  z-index: 1;
  margin-top: 6px;
  font-size: clamp(14px, 2.3vw, 16px);
  line-height: 1.2;
  font-weight: 500;
  color: #5b6761 !important;
  white-space: nowrap;
}

.editor-wrapper .rich-service--profile-leaf {
  position: absolute;
  right: clamp(10px, -2.4vw, -12px);
  top: clamp(82px, 13vw, 98px);
  width: clamp(98px, 12vw, 122px);
  height: auto;
  aspect-ratio: 1402 / 1122;
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
  opacity: .96;
  z-index: 0;
}

.editor-wrapper .rich-service--profile-tagline {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 100%;
  margin-top: clamp(18px, 3vw, 22px);
  padding-top: clamp(12px, 2vw, 15px);
  font-size: clamp(12px, 1.9vw, 14px);
  line-height: 1.25;
  font-weight: 700 !important;
  color: var(--rich-service-green) !important;
  letter-spacing: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.editor-wrapper .rich-service--profile-tagline::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: clamp(156px, 78%, 220px);
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(107, 170, 128, .65), transparent);
}

.editor-wrapper .rich-service--services {
  margin-top: clamp(24px, 5vw, 38px);
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  border-radius: 24px;
  border: 1px solid rgba(51, 92, 72, .12);
  background: rgba(255, 255, 255, .92);
  box-shadow: 0 14px 36px rgba(36, 72, 56, .10);
  overflow: hidden;
}

.editor-wrapper .rich-service--service {
  position: relative;
  min-width: 0;
  min-height: clamp(76px, 11vw, 96px);
  padding: clamp(10px, 1.7vw, 14px) clamp(6px, 1.2vw, 12px);
  border-radius: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: clamp(4px, .9vw, 10px);
  transition: .25s;
}

.editor-wrapper .rich-service--service:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 20%;
  right: 0;
  width: 1px;
  height: 60%;
  background: rgba(52, 89, 75, .18);
  pointer-events: none;
}

.editor-wrapper .rich-service--service:hover {
  transform: none;
  background: rgba(248, 251, 249, .72);
}

.editor-wrapper .rich-service--service-icon {
  width: clamp(32px, 4.1vw, 48px);
  height: clamp(32px, 4.1vw, 48px);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff !important;
  flex: 0 0 auto;
  background: linear-gradient(180deg, var(--color-brand, #2fb26a), var(--brand-700, #1c8a4d));
  border-radius: 999px;
  box-shadow: 0 8px 18px rgba(28, 138, 77, .22);
}

.editor-wrapper .rich-service--service-icon .gta-icon[data-size="custom"] {
  --gta-icon-size: clamp(16px, 2.1vw, 22px);
}

.editor-wrapper .rich-service--service-text {
  flex: 1 1 auto;
  min-width: 0;
  line-height: 1.18;
  text-align: left;
  overflow: hidden;
}

.editor-wrapper .rich-service--service-title {
  display: block;
  font-size: clamp(10px, 1.7vw, 15px);
  font-weight: 900;
  color: #1f2c28 !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.editor-wrapper .rich-service--service-desc {
  display: block;
  margin-top: clamp(2px, 1vw, 5px);
  font-size: clamp(8px, 1.25vw, 11px);
  font-weight: 700;
  color: #61706a !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.editor-wrapper .rich-service--suit {
  margin-top: clamp(18px, 3.8vw, 28px);
  min-height: clamp(60px, 9.2vw, 76px);
  padding: clamp(10px, 1.8vw, 14px) clamp(18px, 3vw, 28px);
  border-radius: 22px;
  border: 1px solid rgba(126, 191, 158, .46);
  background: linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(248, 253, 250, .9));
  box-shadow:
    0 10px 28px rgba(47, 93, 70, .08),
    inset 0 0 0 1px rgba(255, 255, 255, .56);
  display: flex;
  align-items: center;
  gap: clamp(12px, 2vw, 18px);
  color: var(--rich-service-green) !important;
  white-space: nowrap;
  overflow: hidden;
}

.editor-wrapper .rich-service--suit-icon {
  width: clamp(34px, 4.6vw, 46px);
  height: clamp(34px, 4.6vw, 46px);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--rich-service-green-2) !important;
  flex: 0 0 auto;
  border-radius: 999px;
  background: rgba(255, 255, 255, .96);
  box-shadow: 0 4px 12px rgba(47, 93, 70, .08);
}

.editor-wrapper .rich-service--suit-icon-glyph {
  width: clamp(18px, 2.8vw, 24px);
  height: clamp(18px, 2.8vw, 24px);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--rich-service-green-2) !important;
}

.editor-wrapper .rich-service--suit-icon-glyph .gta-icon[data-size="custom"] {
  --gta-icon-size: 100%;
  width: 100%;
  height: 100%;
  display: block;
}

.editor-wrapper .rich-service--suit-text {
  display: inline-flex;
  align-items: baseline;
  gap: .18em;
  min-width: 0;
  font-size: clamp(15px, 2.7vw, 17px);
  line-height: 1.2;
  font-weight: 500 !important;
  color: var(--rich-service-green) !important;
  letter-spacing: .01em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.editor-wrapper .rich-service--suit-label {
  flex: 0 0 auto;
  white-space: nowrap;
}

.editor-wrapper .rich-service--suit-content {
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.editor-wrapper .rich-service--contact {
  position: relative;
  margin-top: 28px;
  padding: clamp(14px, 3.2vw, 22px) clamp(14px, 3.4vw, 24px) 26px;
  border-radius: 22px;
  border: 1px solid rgba(210, 190, 130, .28);
  background: linear-gradient(135deg, rgba(255, 255, 255, .86), rgba(245, 252, 247, .72));
  box-shadow: 0 18px 45px rgba(46, 58, 52, .09), inset 0 0 0 1px rgba(255, 255, 255, .58);
}

.editor-wrapper .rich-service--contact-title,
.editor-wrapper .rich-service--contact-subtitle {
  text-align: center;
}

.editor-wrapper .rich-service--contact-title {
  margin: 0;
  font-size: clamp(16px, 3.5vw, 24px);
  color: var(--rich-service-green) !important;
  font-weight: 900;
  letter-spacing: .04em;
}

.editor-wrapper .rich-service--contact-subtitle {
  margin: 8px 0 20px;
  font-size: clamp(11px, 2.2vw, 15px);
  color: #69736e !important;
  font-weight: 700;
}

.editor-wrapper .rich-service--channels {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.editor-wrapper .rich-service--channel {
  appearance: none;
  min-height: clamp(56px, 11vw, 72px);
  padding: clamp(8px, 2vw, 12px) clamp(6px, 2vw, 14px);
  border: 1px solid rgba(58, 91, 74, .15);
  border-radius: 17px;
  background: rgba(255, 255, 255, .86);
  box-shadow: 0 8px 22px rgba(40, 50, 45, .055);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(5px, 1.5vw, 11px);
  cursor: pointer;
  transition: .25s;
}

.editor-wrapper .rich-service--channel:hover:not(:disabled) {
  transform: translateY(-3px);
  background: #fff;
  border-color: rgba(47, 122, 96, .34);
  box-shadow: 0 18px 32px rgba(40, 70, 55, .13);
}

.editor-wrapper .rich-service--channel:disabled,
.editor-wrapper .rich-service--channel[data-disabled="1"] {
  opacity: .72;
  cursor: default;
  transform: none;
}

.editor-wrapper .rich-service--channel-icon {
  width: auto;
  height: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: inherit !important;
  background: none;
  box-shadow: none;
  flex: 0 0 auto;
}

.editor-wrapper .rich-service--channel-icon .gta-icon[data-size="custom"] {
  --gta-icon-size: 26px;
}

.editor-wrapper .rich-service--channel-icon .gta-icon--color[data-size="custom"] {
  --gta-icon-size: 28px;
}

.editor-wrapper .rich-service--channel-text {
  min-width: 0;
  line-height: 1.2;
  text-align: left;
}

.editor-wrapper .rich-service--channel-title {
  display: block;
  font-size: clamp(12px, 2.8vw, 18px);
  font-weight: 900;
  color: var(--rich-service-green) !important;
  white-space: normal;
}

.editor-wrapper .rich-service--channel-desc {
  display: block;
  margin-top: clamp(2px, 1vw, 5px);
  font-size: clamp(8px, 1.8vw, 12px);
  font-weight: 600;
  color: #7a8580 !important;
  white-space: normal;
}

.editor-wrapper .rich-service--footer {
  margin-top: clamp(16px, 2.8vw, 22px);
  padding-top: clamp(12px, 2vw, 16px);
  border-top: 1px solid rgba(54, 89, 73, .12);
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
}

.editor-wrapper .rich-service--footer-item {
  position: relative;
  min-width: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 clamp(8px, 1.6vw, 14px);
}

.editor-wrapper .rich-service--footer-item:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 1px;
  height: 18px;
  background: rgba(54, 89, 73, .14);
}

.editor-wrapper .rich-service--footer-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  color: var(--rich-service-green-2) !important;
}

.editor-wrapper .rich-service--footer-icon .gta-icon[data-size="custom"] {
  --gta-icon-size: 16px;
}

.editor-wrapper .rich-service--footer-text {
  min-width: 0;
  font-size: clamp(11px, 1.8vw, 14px);
  line-height: 1.2;
  font-weight: 700;
  color: #66736d !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 560px) {
  .editor-wrapper .rich-service--channels {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .editor-wrapper .rich-service--contact {
    padding: 16px;
  }

  .editor-wrapper .rich-service--channel {
    gap: 8px;
    padding: 10px 8px;
  }

  .editor-wrapper .rich-service--channel-text {
    text-align: center;
  }

  .editor-wrapper .rich-service--footer-text {
    font-size: 11px;
  }
}

@media (max-width: 420px) {
  .editor-wrapper .rich-service--services {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    padding: 8px 2px;
    border-radius: 18px;
  }

  .editor-wrapper .rich-service--service {
    min-height: 62px;
    padding: 7px 3px;
    gap: 3px;
  }

  .editor-wrapper .rich-service--service-icon {
    width: 24px;
    height: 24px;
  }

  .editor-wrapper .rich-service--service-icon .gta-icon[data-size="custom"] {
    --gta-icon-size: 13px;
  }

  .editor-wrapper .rich-service--service-title {
    font-size: 8px;
    line-height: 1.08;
  }

  .editor-wrapper .rich-service--service-desc {
    font-size: 6px;
    line-height: 1.08;
  }

  .editor-wrapper .rich-service--channel-text {
    text-align: center;
  }

  .editor-wrapper .rich-service--channels {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .editor-wrapper .rich-service--channel {
    min-height: 58px;
    padding: 10px 12px;
  }

  .editor-wrapper .rich-service--channel-title {
    font-size: 13px;
    line-height: 1.2;
  }

  .editor-wrapper .rich-service--channel-desc {
    font-size: 10px;
    line-height: 1.2;
  }
}

.editor-wrapper .rich-service--card.is-profile-hidden .rich-service--top {
  grid-template-columns: minmax(0, 1fr);
}

.editor-wrapper .rich-service--card.is-profile-hidden .rich-service--profile {
  display: none;
}

.editor-wrapper .rich-service--card.is-services-hidden .rich-service--services {
  display: none;
}

.editor-wrapper .rich-service--card.is-contact-hidden .rich-service--contact {
  display: none;
}

.editor-wrapper .rich-service--card.is-title-hidden .rich-service--title {
  display: none;
}

.editor-wrapper .rich-service--card.is-intro-hidden .rich-service--desc {
  display: none;
}

.editor-wrapper .rich-service--card.is-badge-hidden .rich-service--badge {
  display: none;
}

.editor-wrapper .rich-service--card.is-suit-hidden .rich-service--suit {
  display: none;
}

.editor-wrapper .rich-service--card.is-name-hidden .rich-service--name {
  display: none;
}

.editor-wrapper .rich-service--card.is-role-hidden .rich-service--role {
  display: none;
}

.editor-wrapper .rich-service--card.is-tagline-hidden .rich-service--profile-tagline {
  display: none;
}

.editor-wrapper .rich-service--channel:focus-visible {
  outline: 2px solid rgba(40, 88, 66, .28);
  outline-offset: 2px;
}
.actions-menu--surface {
  --tb-accent: var(--color-brand);
  --tb-text: var(--color-fg);
  --tb-muted: var(--color-fg-muted);
  --tb-border: var(--color-border);
  --tb-bg: var(--color-surface);
  --tb-hover-bg: color-mix(in srgb, var(--tb-accent) 8%, transparent);
  --tb-active-bg: color-mix(in srgb, var(--tb-accent) 12%, transparent);
  --tb-radius: var(--radius-md);
  --tb-gap-x: var(--sp-5);
  --tb-gap-y: var(--sp-4);
  --tb-padding: var(--sp-4);
}

.actions-menu--surface {
  background: var(--tb-bg);
  border: 1px solid var(--tb-border);
  border-radius: var(--tb-radius);
  box-shadow: var(--shadow-md);
  padding: var(--tb-padding);
  color: var(--tb-text);
}

.actions-menu--surface .actions-menu--list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: var(--tb-gap-x);
  row-gap: var(--tb-gap-y);
  list-style: none;
  margin: 0;
  padding: 0;
}

.actions-menu--surface .actions-menu--pill {
  padding: 8px 12px;
  color: var(--tb-muted);
  -webkit-tap-highlight-color: transparent;
}

.actions-menu--surface .actions-menu--pill .gta-icon,
.actions-menu--surface .actions-menu--pill .actions-menu--label {
  color: inherit;
}

.actions-menu--surface .actions-menu--pill:hover:not(:disabled),
.actions-menu--surface .actions-menu--pill[aria-disabled='false']:hover {
  background: var(--tb-hover-bg);
  color: var(--tb-accent);
}

.actions-menu--surface .actions-menu--pill:active:not(:disabled),
.actions-menu--surface .actions-menu--pill[aria-disabled='false']:active {
  background: var(--tb-active-bg);
  color: var(--tb-accent);
}

.actions-menu--surface .actions-menu--pill:focus-visible {
  outline: 2px solid var(--tb-accent);
  outline-offset: 2px;
}

.actions-menu--surface .actions-menu--pill:disabled,
.actions-menu--surface .actions-menu--pill[aria-disabled='true'] {
  color: var(--tb-muted);
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}

.actions-menu--surface .actions-menu--label {
  color: inherit;
}

.actions-menu--surface {
  --tb-accent: var(--color-brand);
  --tb-text: var(--color-fg);
  --tb-muted: var(--color-fg-muted);
  --tb-border: var(--color-border);
  --tb-bg: var(--color-surface);
  --tb-hover-bg: color-mix(in srgb, var(--tb-accent) 8%, transparent);
  --tb-active-bg: color-mix(in srgb, var(--tb-accent) 12%, transparent);
  --tb-radius: var(--radius-md);
  --tb-gap-x: var(--sp-5);
  --tb-gap-y: var(--sp-4);
  --tb-padding: var(--sp-4);
}

.actions-menu--surface {
  background: var(--tb-bg);
  border: 1px solid var(--tb-border);
  border-radius: var(--tb-radius);
  box-shadow: var(--shadow-md);
  padding: var(--tb-padding);
  color: var(--tb-text);
}

.actions-menu--surface .actions-menu--list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: var(--tb-gap-x);
  row-gap: var(--tb-gap-y);
  list-style: none;
  margin: 0;
  padding: 0;
}

.actions-menu--surface .actions-menu--pill {
  padding: 8px 12px;
  color: var(--tb-muted);
  -webkit-tap-highlight-color: transparent;
}

.actions-menu--surface .actions-menu--pill .gta-icon,
.actions-menu--surface .actions-menu--pill .actions-menu--label {
  color: inherit;
}

.actions-menu--surface .actions-menu--pill:hover:not(:disabled),
.actions-menu--surface .actions-menu--pill[aria-disabled='false']:hover {
  background: var(--tb-hover-bg);
  color: var(--tb-accent);
}

.actions-menu--surface .actions-menu--pill:active:not(:disabled),
.actions-menu--surface .actions-menu--pill[aria-disabled='false']:active {
  background: var(--tb-active-bg);
  color: var(--tb-accent);
}

.actions-menu--surface .actions-menu--pill:focus-visible {
  outline: 2px solid var(--tb-accent);
  outline-offset: 2px;
}

.actions-menu--surface .actions-menu--pill:disabled,
.actions-menu--surface .actions-menu--pill[aria-disabled='true'] {
  color: var(--tb-muted);
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}

.actions-menu--surface .actions-menu--label {
  color: inherit;
}

html,
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scrollbar-gutter: stable;
}

ul,
ol,
li {
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
  color: inherit;
}

img,
svg {
  display: block;
  max-width: 100%;
}

:where(button, input, select, textarea) {
  font: inherit;
  color: inherit;
}

body {
  font-family:
    "Noto Sans SC", "Source Han Sans SC", "PingFang SC",
    "Microsoft YaHei", "Microsoft YaHei UI",
    "Segoe UI", Roboto, "Helvetica Neue", Arial,
    system-ui, -apple-system, sans-serif;
  font-synthesis: none;
  font-size: var(--fz-md);
  line-height: 1.5;
  color: var(--color-fg);
  background: var(--color-bg);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
}

h1 {
  font-size: var(--fz-4xl);
  /* 28px，大标题 */
  font-weight: var(--fw-bold);
  color: var(--color-fg);
  margin: var(--sp-6) 0 var(--sp-4);
}

h2 {
  font-size: var(--fz-3xl);
  /* 24px，次级标题 */
  font-weight: var(--fw-semibold);
  color: var(--color-fg);
  margin: var(--sp-5) 0 var(--sp-3);
}

h3 {
  font-size: var(--fz-xl);
  /* 20px，小标题 */
  font-weight: var(--fw-medium);
  color: var(--color-fg);
  margin: var(--sp-4) 0 var(--sp-2);
}

p {
  font-size: var(--fz-md);
  /* 16px，正文 */
  line-height: 1.8;
  font-weight: var(--fw-normal);
  color: var(--color-fg);
}

strong {
  font-size: var(--fz-md);
  /* 和正文一致 */
  font-weight: var(--fw-semibold);
  color: var(--color-fg);
}



::selection {
  background: color-mix(in srgb, var(--color-brand) 25%, transparent);
}

.app-container {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.main {
  flex: 1;
}

.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--container-padding-x);
  padding-right: var(--container-padding-x);
}

.page-container {
  width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

:where(body, [data-bg])[data-bg="base"] {
  background: var(--color-bg);
}

:where(body, [data-bg])[data-bg="subtle"] {
  background: var(--color-bg-subtle);
}

:where(body, [data-bg])[data-bg="surface"] {
  background: var(--color-surface);
}

:where(body, [data-bg])[data-bg="surface2"] {
  background: var(--color-surface-2);
}

@media (min-width: 768px) {
  .container {
    width: var(--container-sm);
  }
}

@media (min-width: 992px) {
  .container {
    width: var(--container-md);
  }
}

@media (min-width: 1200px) {
  .container {
    width: var(--container-lg);
  }
}

@media (min-width: 1600px) {
  .container {
    width: var(--container-xl);
  }
}

@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

:root {
  /* 字体粗细 */
  --fw-thin: 100;
  --fw-extralight: 200;
  --fw-light: 300;
  --fw-normal: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --fw-extrabold: 800;
  --fw-black: 900;

  --fz-xs: 12px;
  --fz-sm: 14px;
  --fz-md: 16px;
  --fz-lg: 18px;
  --fz-xl: 20px;
  --fz-2xl: 22px;
  --fz-3xl: 24px;
  --fz-4xl: 28px;
  --fz-5xl: 32px;

  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-8: 32px;

  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --shadow-sm: 0 2px 6px rgba(0, 0, 0, .06);
  --shadow-md: 0 6px 16px rgba(0, 0, 0, .10);
  --control-h-sm: 28px;
  --control-h-md: 36px;
  --control-h-lg: 44px;
  --control-px: 12px;
  --icon-wrap-sm: 24px;
  --icon-wrap-md: 28px;
  --icon-wrap-lg: 32px;
  --icon-size-sm: 16px;
  --icon-size-md: 20px;
  --icon-size-lg: 24px;
  --bp-sm: 768px;
  --bp-md: 992px;
  --bp-lg: 1200px;
  --bp-xl: 1600px;
  --container-sm: 750px;
  --container-md: 970px;
  --container-lg: 1170px;
  --container-xl: 1300px;
  --container-padding-x: 16px;

  --color-fg: #212121;
  --color-fg-muted: #6b7280;

  --color-bg: #F9FAFB;
  --color-bg-subtle: #F6F8FA;
  --color-surface: #FFFFFF;
  --color-surface-2: #F3F4F6;
  --color-primary: #141B2E;
  --color-border: rgba(0, 0, 0, 0.08);
  --color-brand: #D1B478;
  --color-brand-contrast: #ffffff;
  --brand-50: #fdf9f0;
  --brand-100: #faf0dd;
  --brand-200: #f5e3c2;
  --brand-300: #efd4a2;
  --brand-400: #e8c47e;
  --brand-500: #D1B478;
  --brand-600: #c0a568;
  --brand-700: #a88b55;
  --brand-800: #8a7043;
  --brand-900: #6b5533;
  --color-success: #16a34a;
  --color-warning: #f59e0b;
  --color-danger: #ef4444;
  --color-info: #3b82f6;
  --icon-color: #6B7280;
}



/**暗黑模式**/
:root[data-theme="dark"] {
  color-scheme: dark;
  --color-fg: #e5e7eb;
  --color-fg-muted: #9ca3af;
  --color-bg: #0f1215;
  --color-surface: #14181c;
  --color-surface-2: #0f1215;
  --color-border: rgba(255, 255, 255, .10);
--brand-50: #fdf9f0;
--brand-100: #faf0dd;
--brand-200: #f5e3c2;
--brand-300: #efd4a2;
--brand-400: #e8c47e;
--brand-500: #D1B478;
--brand-600: #c0a568;
--brand-700: #a88b55;
--brand-800: #8a7043;
--brand-900: #6b5533;
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, .35);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, .45);
}
.gta-logo-icon {
  --gta-logo-icon-size: 28px;
  display: inline-block;
  width: var(--gta-logo-icon-size);
  height: var(--gta-logo-icon-size);
  flex: 0 0 auto;
  background: center / contain no-repeat url(/static/image/logo-icon.26e245f03ea775b64e79.png);
}

.gta-tree-image {
  display: block;
  background: center / contain no-repeat url(/static/image/tree.18a03e1ccfc57c6a682b.png);
}
.gta-btn {

  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--sp-2);

  height: var(--control-h-md);
  padding: 0 var(--control-px);
  font-size: var(--fz-sm);
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;

  border: var(--btn-border-w, 0) solid var(--btn-border, transparent);
  background: var(--btn-bg, transparent);
  color: #fff;
  border-radius: var(--radius-sm);
  outline: none;
  cursor: pointer;
  user-select: none;
  -webkit-tap-highlight-color: transparent;

  transition:
    background-color .2s ease,
    color .2s ease,
    border-color .2s ease,
    box-shadow .2s ease;
}

.gta-btn:hover {
  background: var(--btn-bg-hover, var(--btn-bg));
  border-color: var(--btn-border-hover, var(--btn-border));
  color: var(--btn-fg-hover, var(--btn-fg));
}

.gta-btn:active {
  background: var(--btn-bg-active, var(--btn-bg-hover, var(--btn-bg)));
  border-color: var(--btn-border-active, var(--btn-border-hover, var(--btn-border)));
  color: var(--btn-fg-active, var(--btn-fg-hover, var(--btn-fg)));
}

.gta-btn:focus-visible {
  box-shadow: 0 0 0 2px #fff,
    0 0 0 4px color-mix(in srgb, var(--color-brand) 65%, #fff 35%);
}

.gta-btn:disabled,
.gta-btn[aria-disabled="true"] {
  cursor: not-allowed;
  opacity: .6;
  pointer-events: none;
  color: var(--color-fg-muted);
  border-color: var(--color-border);
  box-shadow: none;
}

/* ========== 尺寸修饰符 ========== */
.gta-btn--sm {
  height: var(--control-h-sm);
  font-size: var(--fz-sm);
}

.gta-btn--lg {
  height: var(--control-h-lg);
  font-size: var(--fz-lg);
}

.gta-btn--block {
  display: flex;
  width: 100%;
}

.gta-btn--pill {
  border-radius: 999px;
}

.gta-btn--square {
  width: var(--control-h-md);
  padding: 0;
}


/* 主按钮 */
.gta-btn--primary {
  --btn-bg: var(--color-brand);
  --btn-fg: var(--color-brand-contrast);
  --btn-border-w: 0;
  --btn-bg-hover: color-mix(in srgb, var(--color-brand) 90%, black 10%);
  --btn-bg-active: color-mix(in srgb, var(--color-brand) 80%, black 20%);
}

/* 次按钮（灰底） */
.gta-btn--secondary {
  --btn-bg: var(--color-surface-2);
  --btn-fg: var(--color-fg);
  --btn-border-w: 0;
  --btn-bg-hover: color-mix(in srgb, var(--color-surface-2) 90%, black 10%);
  --btn-bg-active: color-mix(in srgb, var(--color-surface-2) 80%, black 20%);
}

/* 文本按钮（透明背景） */
.gta-btn--text {
  --btn-bg: transparent;
  --btn-fg: var(--color-brand);
  --btn-border-w: 0;
  --btn-bg-hover: var(--color-surface-2);
  --btn-bg-active: var(--color-surface-2);
}

/* 危险按钮 */
.gta-btn--danger {
  --btn-bg: var(--color-danger);
  --btn-fg: #fff;
  --btn-border-w: 0;
  --btn-bg-hover: color-mix(in srgb, var(--color-danger) 90%, black 10%);
  --btn-bg-active: color-mix(in srgb, var(--color-danger) 80%, black 20%);
}

/* 图标按钮（左图标、右文案） */
.gta-btn--icon {
  justify-content: flex-start;
  gap: var(--sp-3);
  padding: 0 var(--sp-4);
  --btn-border-w: 1px;
  --btn-border: var(--color-border);
  --btn-bg: var(--color-surface);
  --btn-fg: var(--color-fg);
  --btn-bg-hover: var(--color-surface-2);
  --btn-bg-active: var(--color-surface-2);
}

.gta-btn--icon .gta-icon[data-size="custom"] {
  width: var(--gta-icon-size, 20px);
  height: var(--gta-icon-size, 20px);
}

/* 标签 */
.gta-btn--tag {
  height: auto;
  padding: 6px 12px;
  border-radius: 10px;

  --btn-border-w: 1px;
  --btn-border: var(--color-border, #d1d5db);
  --btn-bg: #fff;
  --btn-fg: var(--color-fg, #1f2329);
  --btn-bg-hover: var(--color-surface-2, #f5f5f5);
  --btn-border-hover: color-mix(in srgb, var(--color-border, #d1d5db) 80%, black 20%);
}

/* 标签“选中态”两种写法都支持 */
.gta-btn--tag.is-active,
.gta-btn--tag[aria-pressed="true"] {
  --btn-border: var(--color-brand, #ff8a00);
  --btn-fg: var(--color-brand, #ff8a00);
  --btn-bg: var(--brand-50, #fff7ef);
  --btn-bg-hover: color-mix(in srgb, var(--brand-50, #fff7ef) 90%, black 10%);
  --btn-bg-active: color-mix(in srgb, var(--brand-50, #fff7ef) 80%, black 20%);
}

.gta-icon {
  display: inline-block;
  flex: 0 0 auto;
  width: 1em;
  height: 1em;
  line-height: 1;
  vertical-align: -0.125em;
  color: inherit;
  background-color: currentColor;
  -webkit-mask-image: var(--icon-url);
  mask-image: var(--icon-url);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;

  transition: color .2s ease, transform .2s ease, opacity .2s ease;
}

.gta-icon[data-size="sm"] {
  width: var(--icon-wrap-sm);
  height: var(--icon-wrap-sm);
}

.gta-icon[data-size="md"] {
  width: var(--icon-wrap-md);
  height: var(--icon-wrap-md);
}

.gta-icon[data-size="lg"] {
  width: var(--icon-wrap-lg);
  height: var(--icon-wrap-lg);
}

.gta-icon[data-size="custom"] {
  width: var(--gta-icon-size);
  height: var(--gta-icon-size);
}

.gta-icon[data-rotate="90"] {
  transform: rotate(90deg);
}

.gta-icon[data-rotate="180"] {
  transform: rotate(180deg);
}

.gta-icon[data-rotate="270"] {
  transform: rotate(270deg);
}

.gta-icon[data-flip="x"] {
  transform: scaleX(-1);
}

.gta-icon[data-flip="y"] {
  transform: scaleY(-1);
}

.gta-icon--spin {
  animation: gta-icon-spin 1s linear infinite;
}

@keyframes gta-icon-spin {
  to {
    transform: rotate(360deg);
  }
}

.gta-icon--muted {
  color: var(--icon-color);
}

.gta-icon--brand {
  color: var(--color-brand);
}

.gta-icon--danger {
  color: var(--color-danger);
}

.gta-icon--warning {
  color: var(--color-warning);
}

.gta-icon--success {
  color: var(--color-success);
}

.gta-icon--info {
  color: var(--color-info);
}

.gta-icon--color {
  color: initial;
  background-color: transparent;
  -webkit-mask-image: none;
  mask-image: none;

  /* 用资源本色渲染 */
  background-image: var(--icon-url);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* 基础工具栏 */
.gta-icon-library {
  --icon-url: url(/static/image/library.2a3806c49a06a53b4441.svg);
}

.gta-icon-image {
  --icon-url: url(/static/image/image.232d9f93d840dcd1e4fc.svg);
}

.gta-icon-heading {
  --icon-url: url(/static/image/heading.a216767f5f2378ccb91e.svg);
}

.gta-icon-divider {
  --icon-url: url(/static/image/divider.3f16095df5e5dacf64da.svg);
}

.gta-icon-draft {
  --icon-url: url(/static/image/draft.e117f5cca8d401698f06.svg);
}

.gta-icon-back {
  --icon-url: url(/static/image/back.3c90ee6898996bd576b9.svg);
}

.gta-icon-edit {
  --icon-url: url(/static/image/edit.ad00600c53009ec851dd.svg);
}

.gta-icon-chev {
  --icon-url: url(/static/image/chev.a80c6f4d054fd95dfece.svg);
}

.gta-icon-compass {
  --icon-url: url(/static/image/compass.9bca5ceb1dc3ac7618d9.svg);
}

.gta-icon-user-circle {
  --icon-url: url(/static/image/user-circle.583a3547716cede0a302.svg);
}

.gta-icon-phone {
  --icon-url: url(/static/image/phon.e302261702f4e90b0ee8.svg);
}

.gta-icon-facebook {
  --icon-url: url(/static/image/facebook.c7271d9e27ec2e723705.svg);
}

.gta-icon-google {
  --icon-url: url(/static/image/google.911f50ff3636fce01525.svg);
}

.gta-icon-mail {
  --icon-url: url(/static/image/emil.aafe0c38521f9ae3e19a.svg);
}

.gta-icon-delete {
  --icon-url: url(/static/image/delete.e70cdcca2aec1a970a1b.svg);
}

.gta-icon-edit-2 {
  --icon-url: url(/static/image/edit-2.162474f246c349682e97.svg);
}

.gta-icon-other {
  --icon-url: url(/static/image/other.3c8638d2fa91bb28d777.svg);
}

.gta-icon-cover {
  --icon-url: url(/static/image/cover.41a3604b1d1e88c0101f.svg);
}

.gta-icon-left-aligned {
  --icon-url: url(/static/image/left-aligned.8a37b5f97ab359cb85e7.svg);
}

.gta-icon-right-aligned {
  --icon-url: url(/static/image/right-aligned.c93ba4da825bc6346883.svg);
}

.gta-icon-center {
  --icon-url: url(/static/image/center.46f23448d9a7aae9d778.svg);
}

.gta-icon-under-line {
  --icon-url: url(/static/image/under-line.3724c073488b289e6e7c.svg);
}

.gta-icon-font-color {
  --icon-url: url(/static/image/font-color.df99193b6ab2679ef1f6.svg);
}

.gta-icon-twitter {
  --icon-url: url(/static/image/twitter.835644a186b133bad881.svg);
}

.gta-icon-wechat {
  --icon-url: url(/static/image/wechat.5bf071de288b7b0a020d.svg);
}

.gta-icon-whatsapp {
  --icon-url: url(/static/image/gta-whatsapp.3c42aec21a022ee6c33a.svg);
}

.gta-icon-add {
  --icon-url: url(/static/image/add.87a54a77e94a5d60275d.svg);
}

.gta-icon-minus {
  --icon-url: url(/static/image/minus.e84dd179bd206f9098a3.svg);
}

.gta-icon-lock {
  --icon-url: url(/static/image/lock.ca45bc283f1e2763ceb5.svg);
}

.gta-icon-calendar {
  --icon-url: url(/static/image/calendar.c3aef0a0454f0620948d.svg);
}

.gta-icon-eat {
  --icon-url: url(/static/image/eat.3d1d9621cfb88c3c8b80.svg);
}

.gta-icon-hotel {
  --icon-url: url(/static/image/hotel.02efb74b7120f65618e2.svg);
}

.gta-icon-filter {
  --icon-url: url(/static/image/filter.b99018eb93e032ef0769.svg);
}

.gta-icon-close {
  --icon-url: url(/static/image/close.aee6d97cc144318f7464.svg);
}

.gta-icon-article {
  --icon-url: url(/static/image/article.f9677ad37ea6b5a2d5ad.svg);
}

.gta-icon-video {
  --icon-url: url(/static/image/video.61d4040e74f3bb06857d.svg);
}

.gta-icon-favorite {
  --icon-url: url(/static/image/favorite.78c7f1a06f13ad04d178.svg);
}

.gta-icon-user {
  --icon-url: url(/static/image/user.aba7ff0ca963d7b6fe81.svg);
}

.gta-icon-user-menu {
  --icon-url: url(/static/image/user-menu.69d2683988fe40c6fa16.svg);
}

.gta-icon-role {
  --icon-url: url(/static/image/role.afad8f14d8bfc8a26cb2.svg);
}

.gta-icon-site-menu {
  --icon-url: url(/static/image/site-menu.7e8d4020789e3914b2c7.svg);
}

.gta-icon-province {
  --icon-url: url(/static/image/province.9f87a47331a1158cd4e5.svg);
}

.gta-icon-city {
  --icon-url: url(/static/image/city.b2c60996a10717e44031.svg);
}

.gta-icon-scenic {
  --icon-url: url(/static/image/scenic.7283cf16200d4900407f.svg);
}

.gta-icon-login {
  --icon-url: url(/static/image/login.b0c532b65e26539d3354.svg);
}

.gta-icon-settings {
  --icon-url: url(/static/image/settings.e42acafc43bf4f904de0.svg);
}

.gta-icon-menu {
  --icon-url: url(/static/image/menu.04d82c68962e5eb74df5.svg);
}

.gta-icon-address {
  --icon-url: url(/static/image/address.cbca38e129db4dc23896.svg);
}

.gta-icon-travel {
  --icon-url: url(/static/image/travel.6da0e0964e4123ecb108.svg);
}

.gta-icon-review {
  --icon-url: url(/static/image/review.89d91dcacf90a3b9deb5.svg);
}

.gta-icon-camera {
  --icon-url: url(/static/image/camera.e718143929081e9ebef7.svg);
}

.gta-icon-warn {
  --icon-url: url(/static/image/warn.a7b972ebde9af15db198.svg);
}

.gta-icon-disable {
  --icon-url: url(/static/image/disable.13470cce0e85737fd76a.svg);
}

.gta-icon-currency {
  --icon-url: url(/static/image/currency.5f732be5f98a28a42345.svg);
}

.gta-icon-left-zuo {
  --icon-url: url(/static/image/left-zuo.2758c422b0865703bd7e.svg);
}
.gta-icon-right-you {
  --icon-url: url(/static/image/right-you.150321acd5133a1551f2.svg);
}
.gta-icon-xiaojiantou {
  --icon-url: url(/static/image/xiaojiantou.c94843b53e576c5dce76.svg);
}
.gta-icon-fangda {
  --icon-url: url(/static/image/fangda.3f271b7efb91d3d26c89.svg);
}
.gta-icon-manyi {
  --icon-url: url(/static/image/manyi.9935e6db2a46f5b443f5.svg);
}
.gta-icon-backtotop {
  --icon-url: url(/static/image/backtotop.70628ed357cb9715889c.svg);
}
.gta-icon-home {
  --icon-url: url(/static/image/home.4387e2c0b3e6df558a25.svg);
}
.gta-icon-search-web {
  --icon-url: url(/static/image/gta-search-web.ee1010978cb24d67cc6e.svg);
}

.gta-icon-ps-lock {
  --icon-url: url(/static/image/ps-lock-icon.d23be7e365faf29b26df.svg);
}

.gta-icon-wxpay{
  --icon-url: url(/static/image/wechat-pay.f856765e0308b5c8cb3d.svg);
}

.gta-icon-alipay{
  --icon-url: url(/static/image/alipay-pay.310601e0c8d7d78612c5.svg);
}

.gta-icon-paypalpay{
  --icon-url: url(/static/image/paypal-pay.d0f503791bf118e1e74b.svg);
}

.gta-icon-visapay{
  --icon-url: url(/static/image/visa-pay.7a221d0c9988331fd486.svg);
}

.gta-icon-chev {
  --icon-url: url(/static/image/chev.a80c6f4d054fd95dfece.svg);
}

.gta-icon-compass {
  --icon-url: url(/static/image/compass.9bca5ceb1dc3ac7618d9.svg);
}

.gta-icon-user-circle {
  --icon-url: url(/static/image/user-circle.583a3547716cede0a302.svg);
}

.gta-icon-phone {
  --icon-url: url(/static/image/phon.e302261702f4e90b0ee8.svg);
}

.gta-icon-facebook {
  --icon-url: url(/static/image/facebook.c7271d9e27ec2e723705.svg);
}

.gta-icon-google {
  --icon-url: url(/static/image/google.911f50ff3636fce01525.svg);
}

.gta-icon-mail {
  --icon-url: url(/static/image/emil.aafe0c38521f9ae3e19a.svg);
}

.gta-icon-delete {
  --icon-url: url(/static/image/delete.e70cdcca2aec1a970a1b.svg);
}

.gta-icon-other {
  --icon-url: url(/static/image/other.3c8638d2fa91bb28d777.svg);
}

.gta-icon-cover {
  --icon-url: url(/static/image/cover.41a3604b1d1e88c0101f.svg);
}

.gta-icon-left-aligned {
  --icon-url: url(/static/image/left-aligned.8a37b5f97ab359cb85e7.svg);
}

.gta-icon-right-aligned {
  --icon-url: url(/static/image/right-aligned.c93ba4da825bc6346883.svg);
}

.gta-icon-center {
  --icon-url: url(/static/image/center.46f23448d9a7aae9d778.svg);
}

.gta-icon-under-line {
  --icon-url: url(/static/image/under-line.3724c073488b289e6e7c.svg);
}

.gta-icon-font-color {
  --icon-url: url(/static/image/font-color.df99193b6ab2679ef1f6.svg);
}

.gta-icon-twitter {
  --icon-url: url(/static/image/twitter.835644a186b133bad881.svg);
}

.gta-icon-wechat {
  --icon-url: url(/static/image/wechat.5bf071de288b7b0a020d.svg);
}

.gta-icon-add {
  --icon-url: url(/static/image/add.87a54a77e94a5d60275d.svg);
}

.gta-icon-minus {
  --icon-url: url(/static/image/minus.e84dd179bd206f9098a3.svg);
}

.gta-icon-lock {
  --icon-url: url(/static/image/lock.ca45bc283f1e2763ceb5.svg);
}

.gta-icon-calendar {
  --icon-url: url(/static/image/calendar.c3aef0a0454f0620948d.svg);
}

.gta-icon-eat {
  --icon-url: url(/static/image/eat.3d1d9621cfb88c3c8b80.svg);
}

.gta-icon-hotel {
  --icon-url: url(/static/image/hotel.02efb74b7120f65618e2.svg);
}

.gta-icon-filter {
  --icon-url: url(/static/image/filter.b99018eb93e032ef0769.svg);
}

.gta-icon-close {
  --icon-url: url(/static/image/close.aee6d97cc144318f7464.svg);
}

.gta-icon-article {
  --icon-url: url(/static/image/article.f9677ad37ea6b5a2d5ad.svg);
}

.gta-icon-video {
  --icon-url: url(/static/image/video.61d4040e74f3bb06857d.svg);
}

.gta-icon-favorite {
  --icon-url: url(/static/image/favorite.78c7f1a06f13ad04d178.svg);
}

.gta-icon-user {
  --icon-url: url(/static/image/user.aba7ff0ca963d7b6fe81.svg);
}

.gta-icon-user-menu {
  --icon-url: url(/static/image/user-menu.69d2683988fe40c6fa16.svg);
}

.gta-icon-role {
  --icon-url: url(/static/image/role.afad8f14d8bfc8a26cb2.svg);
}

.gta-icon-site-menu {
  --icon-url: url(/static/image/site-menu.7e8d4020789e3914b2c7.svg);
}

.gta-icon-province {
  --icon-url: url(/static/image/province.9f87a47331a1158cd4e5.svg);
}

.gta-icon-city {
  --icon-url: url(/static/image/city.b2c60996a10717e44031.svg);
}

.gta-icon-scenic {
  --icon-url: url(/static/image/scenic.7283cf16200d4900407f.svg);
}

.gta-icon-login {
  --icon-url: url(/static/image/login.b0c532b65e26539d3354.svg);
}

.gta-icon-settings {
  --icon-url: url(/static/image/settings.e42acafc43bf4f904de0.svg);
}

.gta-icon-menu {
  --icon-url: url(/static/image/menu.04d82c68962e5eb74df5.svg);
}

.gta-icon-address {
  --icon-url: url(/static/image/address.cbca38e129db4dc23896.svg);
}

.gta-icon-travel {
  --icon-url: url(/static/image/travel.6da0e0964e4123ecb108.svg);
}

.gta-icon-review {
  --icon-url: url(/static/image/review.89d91dcacf90a3b9deb5.svg);
}

.gta-icon-camera {
  --icon-url: url(/static/image/camera.e718143929081e9ebef7.svg);
}

.gta-icon-warn {
  --icon-url: url(/static/image/warn.a7b972ebde9af15db198.svg);
}

.gta-icon-disable {
  --icon-url: url(/static/image/disable.13470cce0e85737fd76a.svg);
}

.gta-icon-currency {
  --icon-url: url(/static/image/currency.5f732be5f98a28a42345.svg);
}

.gta-icon-left-zuo {
  --icon-url: url(/static/image/left-zuo.2758c422b0865703bd7e.svg);
}
.gta-icon-right-you {
  --icon-url: url(/static/image/right-you.150321acd5133a1551f2.svg);
}
.gta-icon-xiaojiantou {
  --icon-url: url(/static/image/xiaojiantou.c94843b53e576c5dce76.svg);
}
.gta-icon-fangda {
  --icon-url: url(/static/image/fangda.3f271b7efb91d3d26c89.svg);
}
.gta-icon-manyi {
  --icon-url: url(/static/image/manyi.9935e6db2a46f5b443f5.svg);
}
.gta-icon-backtotop {
  --icon-url: url(/static/image/backtotop.70628ed357cb9715889c.svg);
}
.gta-icon-home {
  --icon-url: url(/static/image/home.4387e2c0b3e6df558a25.svg);
}

.gta-icon-search-web {
  --icon-url: url(/static/image/gta-search-web.ee1010978cb24d67cc6e.svg);
}

.gta-icon-ps-lock {
  --icon-url: url(/static/image/ps-lock-icon.d23be7e365faf29b26df.svg);
}
/* PNG图标 */
.icon-cbtn {
  --icon-url: url(/static/image/icon-cbtn.27da1e5bbafb6b4ace29.png);
  background-image: var(--icon-url);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  color: transparent;
  background-color: transparent;
  -webkit-mask-image: none;
  mask-image: none;
}

.icon-fbok {
  --icon-url: url(/static/image/icon-fbok.c5f1aae51ee843041bd3.png);
  background-image: var(--icon-url);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  color: transparent;
  background-color: transparent;
  -webkit-mask-image: none;
  mask-image: none;
}

.icon-flybok {
  --icon-url: url(/static/image/icon-flybok.c8bc499e125fc0430bb4.png);
  background-image: var(--icon-url);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  color: transparent;
  background-color: transparent;
  -webkit-mask-image: none;
  mask-image: none;
}

.icon-pbtn {
  --icon-url: url(/static/image/icon-pbtn.8e91fcc46aec40bc3d4c.png);
  background-image: var(--icon-url);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  color: transparent;
  background-color: transparent;
  -webkit-mask-image: none;
  mask-image: none;
}

.icon-redbok {
  --icon-url: url(/static/image/icon-redbok.064ad5e404aa643883bc.png);
  background-image: var(--icon-url);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  color: transparent;
  background-color: transparent;
  -webkit-mask-image: none;
  mask-image: none;
}

.icon-ttok {
  --icon-url: url(/static/image/icon-ttok.4bcd6e305472cdea46c1.png);
  background-image: var(--icon-url);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  color: transparent;
  background-color: transparent;
  -webkit-mask-image: none;
  mask-image: none;
}

.icon-xbtn {
  --icon-url: url(/static/image/icon-xbtn.419e4c04dc6b7bf2cf81.png);
  background-image: var(--icon-url);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  color: transparent;
  background-color: transparent;
  -webkit-mask-image: none;
  mask-image: none;
}

.icon-logo-icon {
  --icon-url: url(/static/image/logo-icon.26e245f03ea775b64e79.png);
  background-image: var(--icon-url);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  color: transparent;
  background-color: transparent;
  -webkit-mask-image: none;
  mask-image: none;
}

.icon-logo-white {
  --icon-url: url(/static/image/logo-white.d15d6790ced1f450e817.png);
  background-image: var(--icon-url);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  color: transparent;
  background-color: transparent;
  -webkit-mask-image: none;
  mask-image: none;
}

.icon-logo {
  --icon-url: url(/static/image/logo.8d9b43e2bee826c22285.png);
  background-image: var(--icon-url);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  color: transparent;
  background-color: transparent;
  -webkit-mask-image: none;
  mask-image: none;
}

/* 帮助中心图标 */
.icon-help-byway {
  --icon-url: url(/static/image/icon-help-byway.a9741bd62ce4ebc85fb7.png);
  background-image: var(--icon-url);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  color: transparent;
  background-color: transparent;
  -webkit-mask-image: none;
  mask-image: none;
}

.icon-help-card {
  --icon-url: url(/static/image/icon-help-card.7ccf163132e01129180e.png);
  background-image: var(--icon-url);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  color: transparent;
  background-color: transparent;
  -webkit-mask-image: none;
  mask-image: none;
}

.icon-help-center {
  --icon-url: url(/static/image/icon-help-center.65e2f9216b31301e02b9.png);
  background-image: var(--icon-url);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  color: transparent;
  background-color: transparent;
  -webkit-mask-image: none;
  mask-image: none;
}

.icon-help-group {
  --icon-url: url(/static/image/icon-help-group.d5566e7b95ff89ca16cf.png);
  background-image: var(--icon-url);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  color: transparent;
  background-color: transparent;
  -webkit-mask-image: none;
  mask-image: none;
}

.icon-help-kefu {
  --icon-url: url(/static/image/icon-help-kefu.74825b9b946b0beea000.png);
  background-image: var(--icon-url);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  color: transparent;
  background-color: transparent;
  -webkit-mask-image: none;
  mask-image: none;
}

.icon-help-order {
  --icon-url: url(/static/image/icon-help-order.15b9e18af5eb3b1d812b.png);
  background-image: var(--icon-url);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  color: transparent;
  background-color: transparent;
  -webkit-mask-image: none;
  mask-image: none;
}

.icon-help-pay {
  --icon-url: url(/static/image/icon-help-pay.f6daf89b804174a89e43.png);
  background-image: var(--icon-url);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  color: transparent;
  background-color: transparent;
  -webkit-mask-image: none;
  mask-image: none;
}

.icon-help-refund {
  --icon-url: url(/static/image/icon-help-refund.5908976eb88ad8dfc25e.png);
  background-image: var(--icon-url);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  color: transparent;
  background-color: transparent;
  -webkit-mask-image: none;
  mask-image: none;
}

.icon-help-task {
  --icon-url: url(/static/image/icon-help-task.8874425862806e40e822.png);
  background-image: var(--icon-url);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  color: transparent;
  background-color: transparent;
  -webkit-mask-image: none;
  mask-image: none;
}

.icon-help-tickets {
  --icon-url: url(/static/image/icon-help-tickets.27d361f116e2b8257ca5.png);
  background-image: var(--icon-url);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  color: transparent;
  background-color: transparent;
  -webkit-mask-image: none;
  mask-image: none;
}

.icon-help-user {
  --icon-url: url(/static/image/icon-help-user.f949f012ec61359dce2d.png);
  background-image: var(--icon-url);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  color: transparent;
  background-color: transparent;
  -webkit-mask-image: none;
  mask-image: none;
}

.icon-help-warn {
  --icon-url: url(/static/image/icon-help-warn.ffdeea8455a71f07163e.png);
  background-image: var(--icon-url);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  color: transparent;
  background-color: transparent;
  -webkit-mask-image: none;
  mask-image: none;
}

/* 支付图标 */
.icon-pay-5 {
  --icon-url: url(/static/image/icon-pay-5.98bede5d36f615a706ff.png);
  background-image: var(--icon-url);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  color: transparent;
  background-color: transparent;
  -webkit-mask-image: none;
  mask-image: none;
}

.icon-pay-7 {
  --icon-url: url(/static/image/icon-pay-7.9613abf8f92a183c2819.png);
  background-image: var(--icon-url);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  color: transparent;
  background-color: transparent;
  -webkit-mask-image: none;
  mask-image: none;
}

.icon-pay-ali {
  --icon-url: url(/static/image/icon-pay-ali.727575c42fa637f98419.png);
  background-image: var(--icon-url);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  color: transparent;
  background-color: transparent;
  -webkit-mask-image: none;
  mask-image: none;
}

.icon-pay-jcb {
  --icon-url: url(/static/image/icon-pay-jcb.7a93535c8fb49597a6f0.png);
  background-image: var(--icon-url);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  color: transparent;
  background-color: transparent;
  -webkit-mask-image: none;
  mask-image: none;
}

.icon-pay-visa {
  --icon-url: url(/static/image/icon-pay-visa.8263efd08378bb7b8cbf.png);
  background-image: var(--icon-url);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  color: transparent;
  background-color: transparent;
  -webkit-mask-image: none;
  mask-image: none;
}

.icon-pay-wx {
  --icon-url: url(/static/image/icon-pay-wx.97408d9a200d5944916b.png);
  background-image: var(--icon-url);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  color: transparent;
  background-color: transparent;
  -webkit-mask-image: none;
  mask-image: none;
}

.icon-pay-yl {
  --icon-url: url(/static/image/icon-pay-yl.db259c0d7cb9373f13df.png);
  background-image: var(--icon-url);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  color: transparent;
  background-color: transparent;
  -webkit-mask-image: none;
  mask-image: none;
}

.icon-pay-ysf {
  --icon-url: url(/static/image/icon-pay-ysf.d739760a171e3a4b034e.png);
  background-image: var(--icon-url);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  color: transparent;
  background-color: transparent;
  -webkit-mask-image: none;
  mask-image: none;
}

.gta-icon-chev {
  --icon-url: url(/static/image/chev.a80c6f4d054fd95dfece.svg);
}

.gta-icon-compass {
  --icon-url: url(/static/image/compass.9bca5ceb1dc3ac7618d9.svg);
}

.gta-icon-user-circle {
  --icon-url: url(/static/image/user-circle.583a3547716cede0a302.svg);
}

.gta-icon-phone {
  --icon-url: url(/static/image/phon.e302261702f4e90b0ee8.svg);
}

.gta-icon-facebook {
  --icon-url: url(/static/image/facebook.c7271d9e27ec2e723705.svg);
}

.gta-icon-google {
  --icon-url: url(/static/image/google.911f50ff3636fce01525.svg);
}

.gta-icon-mail {
  --icon-url: url(/static/image/emil.aafe0c38521f9ae3e19a.svg);
}

.gta-icon-delete {
  --icon-url: url(/static/image/delete.e70cdcca2aec1a970a1b.svg);
}

.gta-icon-other {
  --icon-url: url(/static/image/other.3c8638d2fa91bb28d777.svg);
}

.gta-icon-cover {
  --icon-url: url(/static/image/cover.41a3604b1d1e88c0101f.svg);
}

.gta-icon-left-aligned {
  --icon-url: url(/static/image/left-aligned.8a37b5f97ab359cb85e7.svg);
}

.gta-icon-right-aligned {
  --icon-url: url(/static/image/right-aligned.c93ba4da825bc6346883.svg);
}

.gta-icon-center {
  --icon-url: url(/static/image/center.46f23448d9a7aae9d778.svg);
}

.gta-icon-under-line {
  --icon-url: url(/static/image/under-line.3724c073488b289e6e7c.svg);
}

.gta-icon-font-color {
  --icon-url: url(/static/image/font-color.df99193b6ab2679ef1f6.svg);
}

.gta-icon-twitter {
  --icon-url: url(/static/image/twitter.835644a186b133bad881.svg);
}

.gta-icon-wechat {
  --icon-url: url(/static/image/wechat.5bf071de288b7b0a020d.svg);
}

.gta-icon-whatsapp {
  --icon-url: url(/static/image/gta-whatsapp.3c42aec21a022ee6c33a.svg);
}

.gta-icon-whatsapp {
  --icon-url: url(/static/image/whatsapp.8211b1ee6ba82519e96b.svg);
}


.gta-icon-add {
  --icon-url: url(/static/image/add.87a54a77e94a5d60275d.svg);
}

.gta-icon-minus {
  --icon-url: url(/static/image/minus.e84dd179bd206f9098a3.svg);
}

.gta-icon-lock {
  --icon-url: url(/static/image/lock.ca45bc283f1e2763ceb5.svg);
}

.gta-icon-calendar {
  --icon-url: url(/static/image/calendar.c3aef0a0454f0620948d.svg);
}

.gta-icon-eat {
  --icon-url: url(/static/image/eat.3d1d9621cfb88c3c8b80.svg);
}

.gta-icon-hotel {
  --icon-url: url(/static/image/hotel.02efb74b7120f65618e2.svg);
}

.gta-icon-filter {
  --icon-url: url(/static/image/filter.b99018eb93e032ef0769.svg);
}

.gta-icon-close {
  --icon-url: url(/static/image/close.aee6d97cc144318f7464.svg);
}

.gta-icon-article {
  --icon-url: url(/static/image/article.f9677ad37ea6b5a2d5ad.svg);
}

.gta-icon-video {
  --icon-url: url(/static/image/video.61d4040e74f3bb06857d.svg);
}

.gta-icon-favorite {
  --icon-url: url(/static/image/favorite.78c7f1a06f13ad04d178.svg);
}

.gta-icon-user {
  --icon-url: url(/static/image/user.aba7ff0ca963d7b6fe81.svg);
}

.gta-icon-user-menu {
  --icon-url: url(/static/image/user-menu.69d2683988fe40c6fa16.svg);
}

.gta-icon-role {
  --icon-url: url(/static/image/role.afad8f14d8bfc8a26cb2.svg);
}

.gta-icon-site-menu {
  --icon-url: url(/static/image/site-menu.7e8d4020789e3914b2c7.svg);
}

.gta-icon-province {
  --icon-url: url(/static/image/province.9f87a47331a1158cd4e5.svg);
}

.gta-icon-city {
  --icon-url: url(/static/image/city.b2c60996a10717e44031.svg);
}

.gta-icon-scenic {
  --icon-url: url(/static/image/scenic.7283cf16200d4900407f.svg);
}

.gta-icon-login {
  --icon-url: url(/static/image/login.b0c532b65e26539d3354.svg);
}

.gta-icon-settings {
  --icon-url: url(/static/image/settings.e42acafc43bf4f904de0.svg);
}

.gta-icon-menu {
  --icon-url: url(/static/image/menu.04d82c68962e5eb74df5.svg);
}

.gta-icon-address {
  --icon-url: url(/static/image/address.cbca38e129db4dc23896.svg);
}

.gta-icon-travel {
  --icon-url: url(/static/image/travel.6da0e0964e4123ecb108.svg);
}

.gta-icon-review {
  --icon-url: url(/static/image/review.89d91dcacf90a3b9deb5.svg);
}

.gta-icon-camera {
  --icon-url: url(/static/image/camera.e718143929081e9ebef7.svg);
}

.gta-icon-warn {
  --icon-url: url(/static/image/warn.a7b972ebde9af15db198.svg);
}

.gta-icon-disable {
  --icon-url: url(/static/image/disable.13470cce0e85737fd76a.svg);
}

.gta-icon-currency {
  --icon-url: url(/static/image/currency.5f732be5f98a28a42345.svg);
}

.gta-icon-left-zuo {
  --icon-url: url(/static/image/left-zuo.2758c422b0865703bd7e.svg);
}
.gta-icon-right-you {
  --icon-url: url(/static/image/right-you.150321acd5133a1551f2.svg);
}
.gta-icon-xiaojiantou {
  --icon-url: url(/static/image/xiaojiantou.c94843b53e576c5dce76.svg);
}
.gta-icon-fangda {
  --icon-url: url(/static/image/fangda.3f271b7efb91d3d26c89.svg);
}
.gta-icon-manyi {
  --icon-url: url(/static/image/manyi.9935e6db2a46f5b443f5.svg);
}
.gta-icon-backtotop {
  --icon-url: url(/static/image/backtotop.70628ed357cb9715889c.svg);
}
.gta-icon-home {
  --icon-url: url(/static/image/home.4387e2c0b3e6df558a25.svg);
}
.gta-icon-search-web {
  --icon-url: url(/static/image/gta-search-web.ee1010978cb24d67cc6e.svg);
}

.gta-icon-ps-lock {
  --icon-url: url(/static/image/ps-lock-icon.d23be7e365faf29b26df.svg);
}
.gta-icon-ps-status {
  --icon-url: url(/static/image/ps-status-icon.67bca64c735f10510a93.svg);
}
.gta-icon-ps-error {
  --icon-url: url(/static/image/ps-error-icon.6c2598ed1f6a4064c6a1.svg);
}

.gta-icon-gouwuche {
  --icon-url: url(/static/image/gouwuche.8aef31d5159d9a85f014.svg);
}

.gta-history {
  --icon-url: url(/static/image/gta-history.37e7d845a704730cad93.svg);
}


.gta-icon-help-airplane {
  --icon-url: url(/static/image/gta-help-airplane.6918c7187879aeb4e6f3.svg);
}

.gta-icon-help-bus {
  --icon-url: url(/static/image/gta-help-bus.096137d864cfe38c4777.svg);
}

.gta-icon-help-gift {
  --icon-url: url(/static/image/gta-help-gift.3d939b551416bee5d4a2.svg);
}

.gta-icon-help-hotel {
  --icon-url: url(/static/image/gta-help-hotel.1cc8d99e8b12526d8518.svg);
}

.gta-icon-help-order {
  --icon-url: url(/static/image/gta-help-order.cb629f5b74e5a7b05ad6.svg);
}

.gta-icon-help-refund {
  --icon-url: url(/static/image/gta-help-refund.ea5d6badfc4ca4773541.svg);
}

.gta-icon-help-paper {
  --icon-url: url(/static/image/gta-help-paper.501a8c7439628985cd7f.svg);
}

.gta-icon-help-ticket {
  --icon-url: url(/static/image/gta-help-ticket.1ba5591ff19297f4e593.svg);
}

.gta-icon-help-train {
  --icon-url: url(/static/image/gta-help-train.ab2ffbf30ae9e5302755.svg);
}

.gta-icon-help-travel {
  --icon-url: url(/static/image/gta-help-travel.7bb2a536cf0deb2d275a.svg);
}

.gta-icon-help-user {
  --icon-url: url(/static/image/gta-help-user.c1ba200c701f36d9f4b0.svg);
}

.gta-icon-share {
  --icon-url: url(/static/image/share.f8e033d987ca43023e1b.svg);
}
.gta-icon-diancai {
  --icon-url: url(/static/image/diancai.46d5c6a8f1377e72ccbe.svg);
}
.gta-icon-dianzan {
  --icon-url: url(/static/image/dianzan.f9feae3d402d475044cb.svg);
}
.gta-icon-liuyan {
  --icon-url: url(/static/image/liuyan.5b211ac8f17aac699278.svg);
}

.gta-icon-checkbox{
  --icon-url: url(/static/image/checkbox.17f1eb21be216a1b6574.svg);
}

.gta-icon-checkbox-checked{
  --icon-url: url(/static/image/checkbox-checked.a5723dcc570dadc9e862.svg);
}

.gta-icon-heart{
  --icon-url: url(/static/image/heart.781bb3011037e4468fe4.svg);
}

.gta-icon-heart-real{
  --icon-url: url(/static/image/heart-real.4a1bb54c279d5cb6fd3a.svg);
}

.gta-icon-cart{
  --icon-url: url(/static/image/cart.787eb712d6a4c3db2207.svg);
}

.gta-icon-none{
  --icon-url: url(/static/image/none-list.afb5013a5b7854b20d29.svg);
}

.gta-icon-404{
  --icon-url: url(/static/image/404.16591b6a62c92f2e81a1.svg);
}

.gta-icon-glass{
  --icon-url: url(/static/image/glass.39ee5dbe07f2d9cdf28a.svg);
}

.gta-icon-inputDelete{
  --icon-url: url(/static/image/inputDelete.7e3e53158559f36e3fd8.svg);
}

.gta-icon-inputDDelete{
  --icon-url: url(/static/image/input-delete.79ca8e01231f8401b9eb.svg);
}

.gta-icon-trip{
  --icon-url: url(/static/image/travel.6da0e0964e4123ecb108.svg);
}

.gta-icon-highlights{
  --icon-url: url(/static/image/scenic.7283cf16200d4900407f.svg);
}

.gta-icon-anquan{
  --icon-url: url(/static/image/anquan.bbeead630d88a363d875.svg);
}

.gta-icon-haoyou{
  --icon-url: url(/static/image/haoyou.b7b789fc61338c9f5709.svg);
}

.gta-icon-jiaoche{
  --icon-url: url(/static/image/jiaoche.a8be152f7e6dbbf9449d.svg);
}

.gta-icon-yeziyou{
  --icon-url: url(/static/image/yeziyou.8b764077ba70f604ddac.svg);
}

.gta-icon-yezizuo{
  --icon-url: url(/static/image/yezizuo.618e53e3ba61da5ed441.svg);
}

.gta-icon-hot{
  --icon-url: url(/static/image/hot.44509a80ff156a78e281.svg);
}

.gta-icon-right{
  --icon-url: url(/static/image/right.150321acd5133a1551f2.svg);
}

.gta-icon-service{
  --icon-url: url(/static/image/service.0e2ff59edd9b9f5afb41.svg);
}

.gta-icon-weixin{
  --icon-url: url(/static/image/weixin.e19783a10533ab95e390.svg);
}

.gta-icon-phone-icon{
  --icon-url: url(/static/image/phone-icon.260be0702f2052f68bea.svg);
}

.gta-icon-line{
  --icon-url: url(/static/image/line.908f0a7c12842be8bf0e.svg);
}

.gta-icon-trip-child{
  --icon-url: url(/static/image/child.6a38cc38220d7c28f538.svg);
}

.gta-icon-trip-adult{
  --icon-url: url(/static/image/man.2672e17e512c68fbbbcc.svg);
}

.gta-icon-trip-car-vip{
  --icon-url: url(/static/image/vip-car.5335eb9bb9d0c1edf141.svg);
}

.gta-icon-trip-demond{
  --icon-url: url(/static/image/demond.0a7d96b3e3087089cbb1.svg);
}

.gta-icon-trip-men{
  --icon-url: url(/static/image/men.adce5888282008af46b2.svg);
}

.gta-icon-trip-refresh{
  --icon-url: url(/static/image/refresh.6d62ccc4c6dd80dc4901.svg);
}

.gta-icon-tuite{
  --icon-url: url(/static/image/tuite.5d51a23ba3f430a52c66.svg);
}

.gta-icon-trip-car{
  --icon-url: url(/static/image/trip-car.11596784083097c0168f.svg);
}

.gta-icon-trip-ticket{
  --icon-url: url(/static/image/trip-ticket.7b0b531b631c69a25c22.svg);
}

.gta-icon-trip-guide{
  --icon-url: url(/static/image/trip-guide.252adeba07247cc5ce6c.svg);
}

.gta-icon-trip-guide1{
  --icon-url: url(/static/image/trip-guide1.3a3039b4cff77e37cf86.svg);
}

.gta-icon-trip-hotel{
  --icon-url: url(/static/image/trip-hotel.9b037f2c9dd6b5a30ea9.svg);
}

.gta-icon-consultant{
  --icon-url: url(/static/image/consultant.ef058e340e05320ed90a.svg);
}

.gta-icon-card{
  --icon-url: url(/static/image/card.3d6dc64b103888612af7.svg);
}

.gta-icon-earth{
  --icon-url: url(/static/image/earth.711f792a8b0b8401c90f.svg);
}

.gta-icon-trip-child2{
  --icon-url: url(/static/image/child2.3d2355c9cec9c8260e57.svg);
}

.gta-icon-trip-bed{
  --icon-url: url(/static/image/bedroom.91bde7e425014be2f398.svg);
}

.gta-icon-copy{
  --icon-url: url(/static/image/copy.81381b907689985cefe8.svg);
}
.gta-hover-mask {
    position: relative;
    overflow: hidden;
    transition: border-color .15s ease, background-color .15s ease;
    --u-mask-bg: rgba(0, 0, 0, .04);
    --u-mask-opacity: 1;
    --u-mask-radius: inherit;
    --u-mask-timing: .15s ease;
}

.gta-hover-mask::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: var(--u-mask-radius);
    background: var(--u-mask-bg);
    opacity: 0;
    pointer-events: none;
    transition: opacity var(--u-mask-timing);
}

.gta-hover-mask:hover::after {
    opacity: var(--u-mask-opacity);
}

.gta-hover-mask:focus-visible::after,
.gta-hover-mask:focus-within::after {
    opacity: var(--u-mask-opacity);
}

.gta-label {
    display: inline-flex;
    align-items: center;
    gap: var(--sp-2);
    font-size: var(--fz-sm);
    line-height: 1.4;
    color: var(--color-fg);
    font-weight: var(--fw-medium);
}

.gta-label--muted {
    color: var(--color-fg-muted);
}

.gta-label--error {
    color: var(--color-danger);
}

.gta-label--disabled {
    color: var(--color-fg-muted);
    opacity: .7;
}

.gta-label--required {
    color: var(--color-danger);
    font-weight: 600;
    margin-left: 2px;
}



/* stylelint-disable */
html,
body {
  width: 100%;
  height: 100%;
}
input::-ms-clear,
input::-ms-reveal {
  display: none;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  margin: 0;
}
[tabindex='-1']:focus {
  outline: none;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5em;
  font-weight: 500;
}
p {
  margin-top: 0;
  margin-bottom: 1em;
}
abbr[title],
abbr[data-original-title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  border-bottom: 0;
  cursor: help;
}
address {
  margin-bottom: 1em;
  font-style: normal;
  line-height: inherit;
}
input[type='text'],
input[type='password'],
input[type='number'],
textarea {
  -webkit-appearance: none;
}
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1em;
}
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}
dt {
  font-weight: 500;
}
dd {
  margin-bottom: 0.5em;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1em;
}
dfn {
  font-style: italic;
}
b,
strong {
  font-weight: bolder;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
pre,
code,
kbd,
samp {
  font-size: 1em;
  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
}
pre {
  margin-top: 0;
  margin-bottom: 1em;
  overflow: auto;
}
figure {
  margin: 0 0 1em;
}
img {
  vertical-align: middle;
  border-style: none;
}
a,
area,
button,
[role='button'],
input:not([type='range']),
label,
select,
summary,
textarea {
  touch-action: manipulation;
}
table {
  border-collapse: collapse;
}
caption {
  padding-top: 0.75em;
  padding-bottom: 0.3em;
  text-align: left;
  caption-side: bottom;
}
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html [type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
input[type='radio'],
input[type='checkbox'] {
  box-sizing: border-box;
  padding: 0;
}
input[type='date'],
input[type='time'],
input[type='datetime-local'],
input[type='month'] {
  -webkit-appearance: listbox;
}
textarea {
  overflow: auto;
  resize: vertical;
}
fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 0.5em;
  padding: 0;
  color: inherit;
  font-size: 1.5em;
  line-height: inherit;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}
[type='search'] {
  outline-offset: -2px;
  -webkit-appearance: none;
}
[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none !important;
}

:root {
  --toastify-color-light: #fff;
  --toastify-color-dark: #121212;
  --toastify-color-info: #3498db;
  --toastify-color-success: #07bc0c;
  --toastify-color-warning: #f1c40f;
  --toastify-color-error: hsl(6, 78%, 57%);
  --toastify-color-transparent: rgba(255, 255, 255, 0.7);

  --toastify-icon-color-info: var(--toastify-color-info);
  --toastify-icon-color-success: var(--toastify-color-success);
  --toastify-icon-color-warning: var(--toastify-color-warning);
  --toastify-icon-color-error: var(--toastify-color-error);

  --toastify-container-width: fit-content;
  --toastify-toast-width: 320px;
  --toastify-toast-offset: 16px;
  --toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));
  --toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));
  --toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));
  --toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));
  --toastify-toast-background: #fff;
  --toastify-toast-padding: 14px;
  --toastify-toast-min-height: 64px;
  --toastify-toast-max-height: 800px;
  --toastify-toast-bd-radius: 6px;
  --toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
  --toastify-font-family: sans-serif;
  --toastify-z-index: 9999;
  --toastify-text-color-light: #757575;
  --toastify-text-color-dark: #fff;

  /* Used only for colored theme */
  --toastify-text-color-info: #fff;
  --toastify-text-color-success: #fff;
  --toastify-text-color-warning: #fff;
  --toastify-text-color-error: #fff;

  --toastify-spinner-color: #616161;
  --toastify-spinner-color-empty-area: #e0e0e0;
  --toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
  --toastify-color-progress-dark: #bb86fc;
  --toastify-color-progress-info: var(--toastify-color-info);
  --toastify-color-progress-success: var(--toastify-color-success);
  --toastify-color-progress-warning: var(--toastify-color-warning);
  --toastify-color-progress-error: var(--toastify-color-error);
  /* used to control the opacity of the progress trail */
  --toastify-color-progress-bgo: 0.2;
}

.Toastify__toast-container {
  z-index: var(--toastify-z-index);
  -webkit-transform: translate3d(0, 0, var(--toastify-z-index));
  position: fixed;
  width: var(--toastify-container-width);
  box-sizing: border-box;
  color: #fff;
  display: flex;
  flex-direction: column;
}

.Toastify__toast-container--top-left {
  top: var(--toastify-toast-top);
  left: var(--toastify-toast-left);
}
.Toastify__toast-container--top-center {
  top: var(--toastify-toast-top);
  left: 50%;
  transform: translateX(-50%);
  align-items: center;
}
.Toastify__toast-container--top-right {
  top: var(--toastify-toast-top);
  right: var(--toastify-toast-right);
  align-items: end;
}
.Toastify__toast-container--bottom-left {
  bottom: var(--toastify-toast-bottom);
  left: var(--toastify-toast-left);
}
.Toastify__toast-container--bottom-center {
  bottom: var(--toastify-toast-bottom);
  left: 50%;
  transform: translateX(-50%);
  align-items: center;
}
.Toastify__toast-container--bottom-right {
  bottom: var(--toastify-toast-bottom);
  right: var(--toastify-toast-right);
  align-items: end;
}

.Toastify__toast {
  --y: 0;
  position: relative;
  touch-action: none;
  width: var(--toastify-toast-width);
  min-height: var(--toastify-toast-min-height);
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: var(--toastify-toast-padding);
  border-radius: var(--toastify-toast-bd-radius);
  box-shadow: var(--toastify-toast-shadow);
  max-height: var(--toastify-toast-max-height);
  font-family: var(--toastify-font-family);
  /* webkit only issue #791 */
  z-index: 0;
  /* inner swag */
  display: flex;
  flex: 1 auto;
  align-items: center;
  word-break: break-word;
}

@media only screen and (max-width: 480px) {
  .Toastify__toast-container {
    width: 100vw;
    left: env(safe-area-inset-left);
    margin: 0;
  }
  .Toastify__toast-container--top-left,
  .Toastify__toast-container--top-center,
  .Toastify__toast-container--top-right {
    top: env(safe-area-inset-top);
    transform: translateX(0);
  }
  .Toastify__toast-container--bottom-left,
  .Toastify__toast-container--bottom-center,
  .Toastify__toast-container--bottom-right {
    bottom: env(safe-area-inset-bottom);
    transform: translateX(0);
  }
  .Toastify__toast-container--rtl {
    right: env(safe-area-inset-right);
    left: initial;
  }
  .Toastify__toast {
    --toastify-toast-width: 100%;
    margin-bottom: 0;
    border-radius: 0;
  }
}

.Toastify__toast-container[data-stacked='true'] {
  width: var(--toastify-toast-width);
}

.Toastify__toast--stacked {
  position: absolute;
  width: 100%;
  transform: translate3d(0, var(--y), 0) scale(var(--s));
  transition: transform 0.3s;
}

.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,
.Toastify__toast--stacked[data-collapsed] .Toastify__close-button {
  transition: opacity 0.1s;
}

.Toastify__toast--stacked[data-collapsed='false'] {
  overflow: visible;
}

.Toastify__toast--stacked[data-collapsed='true']:not(:last-child) > * {
  opacity: 0;
}

.Toastify__toast--stacked:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  height: calc(var(--g) * 1px);
  bottom: 100%;
}

.Toastify__toast--stacked[data-pos='top'] {
  top: 0;
}

.Toastify__toast--stacked[data-pos='bot'] {
  bottom: 0;
}

.Toastify__toast--stacked[data-pos='bot'].Toastify__toast--stacked:before {
  transform-origin: top;
}

.Toastify__toast--stacked[data-pos='top'].Toastify__toast--stacked:before {
  transform-origin: bottom;
}

.Toastify__toast--stacked:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  transform: scaleY(3);
  z-index: -1;
}

.Toastify__toast--rtl {
  direction: rtl;
}

.Toastify__toast--close-on-click {
  cursor: pointer;
}

.Toastify__toast-icon {
  margin-inline-end: 10px;
  width: 22px;
  flex-shrink: 0;
  display: flex;
}

.Toastify--animate {
  animation-fill-mode: both;
  animation-duration: 0.5s;
}

.Toastify--animate-icon {
  animation-fill-mode: both;
  animation-duration: 0.3s;
}

.Toastify__toast-theme--dark {
  background: var(--toastify-color-dark);
  color: var(--toastify-text-color-dark);
}

.Toastify__toast-theme--light {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}

.Toastify__toast-theme--colored.Toastify__toast--default {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}

.Toastify__toast-theme--colored.Toastify__toast--info {
  color: var(--toastify-text-color-info);
  background: var(--toastify-color-info);
}

.Toastify__toast-theme--colored.Toastify__toast--success {
  color: var(--toastify-text-color-success);
  background: var(--toastify-color-success);
}

.Toastify__toast-theme--colored.Toastify__toast--warning {
  color: var(--toastify-text-color-warning);
  background: var(--toastify-color-warning);
}

.Toastify__toast-theme--colored.Toastify__toast--error {
  color: var(--toastify-text-color-error);
  background: var(--toastify-color-error);
}

.Toastify__progress-bar-theme--light {
  background: var(--toastify-color-progress-light);
}

.Toastify__progress-bar-theme--dark {
  background: var(--toastify-color-progress-dark);
}

.Toastify__progress-bar--info {
  background: var(--toastify-color-progress-info);
}

.Toastify__progress-bar--success {
  background: var(--toastify-color-progress-success);
}

.Toastify__progress-bar--warning {
  background: var(--toastify-color-progress-warning);
}

.Toastify__progress-bar--error {
  background: var(--toastify-color-progress-error);
}

.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
  background: var(--toastify-color-transparent);
}

.Toastify__close-button {
  color: #fff;
  position: absolute;
  top: 6px;
  right: 6px;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s ease;
  z-index: 1;
}

.Toastify__toast--rtl .Toastify__close-button {
  left: 6px;
  right: unset;
}

.Toastify__close-button--light {
  color: #000;
  opacity: 0.3;
}

.Toastify__close-button > svg {
  fill: currentColor;
  height: 16px;
  width: 14px;
}

.Toastify__close-button:hover,
.Toastify__close-button:focus {
  opacity: 1;
}

@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}

.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0.7;
  transform-origin: left;
}

.Toastify__progress-bar--animated {
  animation: Toastify__trackProgress linear 1 forwards;
}

.Toastify__progress-bar--controlled {
  transition: transform 0.2s;
}

.Toastify__progress-bar--rtl {
  right: 0;
  left: initial;
  transform-origin: right;
  border-bottom-left-radius: initial;
}

.Toastify__progress-bar--wrp {
  position: absolute;
  overflow: hidden;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  border-bottom-left-radius: var(--toastify-toast-bd-radius);
  border-bottom-right-radius: var(--toastify-toast-bd-radius);
}

.Toastify__progress-bar--wrp[data-hidden='true'] {
  opacity: 0;
}

.Toastify__progress-bar--bg {
  opacity: var(--toastify-color-progress-bgo);
  width: 100%;
  height: 100%;
}

.Toastify__spinner {
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border: 2px solid;
  border-radius: 100%;
  border-color: var(--toastify-spinner-color-empty-area);
  border-right-color: var(--toastify-spinner-color);
  animation: Toastify__spin 0.65s linear infinite;
}

@keyframes Toastify__bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}

@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, var(--y), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, var(--y), 0);
  }
}

@keyframes Toastify__bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}

@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, var(--y), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, var(--y), 0);
  }
}

@keyframes Toastify__bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, calc(var(--y) - 10px), 0);
  }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, calc(var(--y) + 20px), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes Toastify__bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}

@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, calc(var(--y) - 10px), 0);
  }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, calc(var(--y) + 20px), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}

.Toastify__bounce-enter--top-left,
.Toastify__bounce-enter--bottom-left {
  animation-name: Toastify__bounceInLeft;
}

.Toastify__bounce-enter--top-right,
.Toastify__bounce-enter--bottom-right {
  animation-name: Toastify__bounceInRight;
}

.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown;
}

.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp;
}

.Toastify__bounce-exit--top-left,
.Toastify__bounce-exit--bottom-left {
  animation-name: Toastify__bounceOutLeft;
}

.Toastify__bounce-exit--top-right,
.Toastify__bounce-exit--bottom-right {
  animation-name: Toastify__bounceOutRight;
}

.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp;
}

.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown;
}

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}

@keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: translate3d(0, var(--y), 0) scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}

.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn;
}

.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut;
}

@keyframes Toastify__flipIn {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}

@keyframes Toastify__flipOut {
  from {
    transform: translate3d(0, var(--y), 0) perspective(400px);
  }
  30% {
    transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.Toastify__flip-enter {
  animation-name: Toastify__flipIn;
}

.Toastify__flip-exit {
  animation-name: Toastify__flipOut;
}

@keyframes Toastify__slideInRight {
  from {
    transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}

@keyframes Toastify__slideInLeft {
  from {
    transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}

@keyframes Toastify__slideInUp {
  from {
    transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}

@keyframes Toastify__slideInDown {
  from {
    transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}

@keyframes Toastify__slideOutRight {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(110%, var(--y), 0);
  }
}

@keyframes Toastify__slideOutLeft {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-110%, var(--y), 0);
  }
}

@keyframes Toastify__slideOutDown {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 500px, 0);
  }
}

@keyframes Toastify__slideOutUp {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -500px, 0);
  }
}

.Toastify__slide-enter--top-left,
.Toastify__slide-enter--bottom-left {
  animation-name: Toastify__slideInLeft;
}

.Toastify__slide-enter--top-right,
.Toastify__slide-enter--bottom-right {
  animation-name: Toastify__slideInRight;
}

.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown;
}

.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp;
}

.Toastify__slide-exit--top-left,
.Toastify__slide-exit--bottom-left {
  animation-name: Toastify__slideOutLeft;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}

.Toastify__slide-exit--top-right,
.Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}

.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}

.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}

@keyframes Toastify__spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}


/*# sourceMappingURL=vendors.98513fc5.css.map*/