.logo[data-v-b02ba721] {
  display: inline-block;
  width: 128px;
}
.logo img[data-v-b02ba721] {
  height: auto;
  width: 100%;
}
.nav[data-v-6c51797e] {
  display: inline-flex;
}
.nav[data-v-6c51797e],
.nav .item[data-v-6c51797e] {
  align-items: center;
  margin-right: 18px;
}
.nav .item[data-v-6c51797e] {
  border-radius: 6px;
  color: #5f5d66;
  display: flex;
  font-size: 16px;
  justify-content: center;
  line-height: 22px;
  padding: 6px 11px;
  transition: all 0.3s;
}
.nav .item[data-v-6c51797e]:last-child {
  margin-right: 0;
}
.nav .item[data-v-6c51797e] .icon {
  margin-right: 4px;
}
.nav .item.active[data-v-6c51797e],
.nav .item[data-v-6c51797e]:hover {
  background: linear-gradient(138deg, #fbf5fc, #f1edf7);
  color: #7733f8;
}
.menu[data-v-e5b56736] {
  margin-bottom: 0;
}
.menu-item[data-v-e5b56736] {
  align-items: center;
  background: #fff;
  color: #141414;
  cursor: pointer;
  display: flex;
  min-height: 42px;
  padding: 0 24px;
  transition: all 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.menu-item[data-v-e5b56736]:hover {
  background: #f7f6fa;
}
.menu-item .menu-item-content[data-v-e5b56736] {
  align-items: center;
  display: flex;
}
.menu-item .menu-supplement[data-v-e5b56736] {
  align-self: flex-start;
  margin-left: 8px;
}
.menu-item .menu-supplement .menu-illustrate[data-v-e5b56736] {
  background-color: #ffeed6;
  border-radius: 10px;
  color: #ff6c00;
  font-size: 12px;
  line-height: 20px;
  padding: 2px 6px;
  text-align: center;
}
.base-dropdown-panel[data-v-06a2de27] {
  border-radius: 10px;
  box-shadow: 0 3px 6px -4px #0000001f, 0 6px 16px #00000014,
    0 9px 28px 8px #0000000d;
  left: 0;
  min-width: -moz-min-content;
  min-width: min-content;
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: 1031;
}
.dropdown-fade-enter-active,
.dropdown-fade-leave-active {
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.dropdown-fade-enter-from,
.dropdown-fade-leave-to {
  opacity: 0;
  transform: translateY(-30px);
}
.base-dropdown-root {
  width: 100%;
}
.trigger[data-v-fde5d113] {
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  position: relative;
}
.trigger.with-credits[data-v-fde5d113] {
  width: 87px;
}
.trigger .vip-badge[data-v-fde5d113] {
  bottom: 0;
  height: auto;
  position: absolute;
  right: -4px;
  width: 17px;
  z-index: 2;
}
.trigger .credits-number[data-v-fde5d113] {
  align-items: center;
  background: #7733f8;
  border-radius: 18px;
  color: #fff;
  display: inline-flex;
  font-size: 16px;
  height: 36px;
  justify-content: flex-end;
  left: -32px;
  line-height: 16px;
  min-width: 80px;
  padding: 0 10px;
  position: relative;
  z-index: -1;
}
.trigger .credits-number .icon[data-v-fde5d113] {
  height: 18px;
  margin-left: 4px;
  width: auto;
}
.dropdown-trigger[data-v-fde5d113] {
  line-height: 0;
  width: auto;
}
.avatar-container[data-v-fde5d113] {
  background: #dfdfdf;
  border: 1px solid #dfdfdf;
  border-radius: 50%;
  box-sizing: content-box;
  display: inline-block;
  flex-shrink: 0;
  height: 40px;
  overflow: hidden;
  width: 40px;
  z-index: 1;
}
.avatar[data-v-fde5d113] {
  display: block;
  height: 100%;
  width: 100%;
}
.dropdown-wrapper[data-v-fde5d113] {
  background-image: url(./avatar-dropdown-bg.5d0812cf.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  width: 264px;
}
.name-container[data-v-fde5d113] {
  align-items: center;
  display: flex;
  padding: 22px 24px 28px;
}
.name-container .name[data-v-fde5d113] {
  color: #141414;
  font-weight: 500;
  margin-left: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tips-container[data-v-fde5d113] {
  align-items: center;
  cursor: auto;
  display: flex;
  position: absolute;
  right: -20px;
  top: 150%;
}
.tips-container[data-v-fde5d113]:after {
  border: 8px solid transparent;
  border-bottom-color: #f6f4fe;
  content: "";
  position: absolute;
  right: 44px;
  top: -16px;
}
.tips-container .close-button[data-v-fde5d113] {
  align-items: center;
  background: #c7c7ca;
  border-radius: 8px;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  height: 16px;
  justify-content: center;
  margin-left: 8px;
  width: 16px;
}
.tips[data-v-fde5d113] {
  background: linear-gradient(180deg, #f7f5ff, #f0ebff);
  border-radius: 8px;
  box-shadow: 0 3px 8px 1px #0000001a;
  color: #292929;
  line-height: 20px;
  padding: 10px 8px;
  width: 210px;
}
.header[data-v-bc40b54a] {
  align-items: center;
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  background: hsla(0, 0%, 100%, 0.7);
  border-bottom: 1px solid #eee;
  display: flex;
  height: 60px;
  justify-content: space-between;
  padding: 0 46px 0 56px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10;
}
.header-right[data-v-bc40b54a],
.vip-button[data-v-bc40b54a] {
  align-items: center;
  display: inline-flex;
}
.vip-button[data-v-bc40b54a] {
  background: linear-gradient(138deg, #fffbdd, #ffe6c4 77%, #ffe3e3);
  border-radius: 6px;
  color: #90622a;
  font-size: 16px;
  font-weight: 500;
  justify-content: center;
  margin-right: 18px;
  padding: 6px 11px;
}
.vip-button[data-v-bc40b54a] .icon {
  margin-right: 4px;
}
.vip-button[data-v-bc40b54a]:hover {
  background: linear-gradient(138deg, #fff9d0, #ffe2ba 77%, #ffdbdb);
}
.login-button[data-v-bc40b54a] {
  background-image: url(./login_bg.4d901e25.png);
  background-size: 100%;
  color: #fff;
  font-size: 16px;
  height: 34px;
  width: 108px;
}
.login-button[data-v-bc40b54a]:hover {
  opacity: 0.8;
}
.nav[data-v-e4a7dee3] {
  align-items: center;
  display: inline-flex;
  margin-right: 24px;
}
.nav .item[data-v-e4a7dee3] {
  color: #141414;
  cursor: pointer;
  font-size: 16px;
  margin-right: 32px;
  transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.nav .item.active[data-v-e4a7dee3],
.nav .item[data-v-e4a7dee3]:hover {
  color: #7733f8;
}
.nav .item[data-v-e4a7dee3]:last-of-type {
  margin-right: 0;
}
.nav .ai-assistant-entry[data-v-e4a7dee3] {
  background-image: url(./ai_assistant_entry1.96db4288.png);
  background-size: 100%;
  cursor: pointer;
  height: 44px;
  margin-right: 24px;
  width: 124px;
}
.nav .ai-assistant-entry[data-v-e4a7dee3]:hover {
  background-image: url(./ai_assistant_entry2.f0f6c639.png);
}
.trigger[data-v-0ada1f42] {
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  position: relative;
}
.trigger.with-credits[data-v-0ada1f42] {
  width: 87px;
}
.trigger .vip-badge[data-v-0ada1f42] {
  bottom: 0;
  height: auto;
  position: absolute;
  right: -4px;
  width: 17px;
  z-index: 2;
}
.trigger .credits-number[data-v-0ada1f42] {
  align-items: center;
  background: #7733f8;
  border-radius: 18px;
  color: #fff;
  display: inline-flex;
  font-size: 16px;
  height: 36px;
  justify-content: flex-end;
  left: -32px;
  line-height: 16px;
  min-width: 80px;
  padding: 0 10px;
  position: relative;
  z-index: -1;
}
.trigger .credits-number .icon[data-v-0ada1f42] {
  height: 18px;
  margin-left: 4px;
  width: auto;
}
.dropdown-trigger[data-v-0ada1f42] {
  line-height: 0;
  width: auto;
}
.avatar-container[data-v-0ada1f42] {
  background: #dfdfdf;
  border: 1px solid #dfdfdf;
  border-radius: 50%;
  box-sizing: content-box;
  display: inline-block;
  flex-shrink: 0;
  height: 40px;
  overflow: hidden;
  width: 40px;
  z-index: 1;
}
.avatar[data-v-0ada1f42] {
  display: block;
  height: 100%;
  width: 100%;
}
.dropdown-wrapper[data-v-0ada1f42] {
  background-image: url(./avatar-dropdown-bg.5d0812cf.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  width: 264px;
}
.name-container[data-v-0ada1f42] {
  align-items: center;
  display: flex;
  padding: 22px 24px 28px;
}
.name-container .name[data-v-0ada1f42] {
  color: #141414;
  font-weight: 500;
  margin-left: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tips-container[data-v-0ada1f42] {
  align-items: center;
  cursor: auto;
  display: flex;
  position: absolute;
  right: -20px;
  top: 150%;
}
.tips-container[data-v-0ada1f42]:after {
  border: 8px solid transparent;
  border-bottom-color: #f6f4fe;
  content: "";
  position: absolute;
  right: 44px;
  top: -16px;
}
.tips-container .close-button[data-v-0ada1f42] {
  align-items: center;
  background: #c7c7ca;
  border-radius: 8px;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  height: 16px;
  justify-content: center;
  margin-left: 8px;
  width: 16px;
}
.tips[data-v-0ada1f42] {
  background: linear-gradient(180deg, #f7f5ff, #f0ebff);
  border-radius: 8px;
  box-shadow: 0 3px 8px 1px #0000001a;
  color: #292929;
  line-height: 20px;
  padding: 10px 8px;
  width: 210px;
}
.header[data-v-32c18e0c] {
  align-items: center;
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  background: hsla(0, 0%, 100%, 0.7);
  border-bottom: 1px solid #eee;
  display: flex;
  height: 60px;
  justify-content: space-between;
  padding: 0 46px 0 56px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10;
}
.header-right[data-v-32c18e0c],
.vip-button[data-v-32c18e0c] {
  align-items: center;
  display: inline-flex;
}
.vip-button[data-v-32c18e0c] {
  background: linear-gradient(180deg, #e334ed, #c832ef);
  border-radius: 18px;
  box-shadow: 0 2px 10px 1px #00000014;
  color: #fff;
  height: 36px;
  justify-content: center;
  margin-right: 25px;
  min-width: 118px;
  transition: all 0.15s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.vip-button svg[data-v-32c18e0c] {
  margin-right: 5px;
}
.vip-button[data-v-32c18e0c]:hover {
  background: linear-gradient(180deg, #d030d8, #ac28ce);
}
.login-button[data-v-32c18e0c] {
  background: #fff;
  border: 1px solid #c0bccc;
  border-radius: 18px;
  color: #141414;
  font-size: 16px;
  font-weight: 400;
  height: 36px;
  line-height: normal;
  min-width: 74px;
  transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
  white-space: nowrap;
}
.login-button[data-v-32c18e0c]:hover {
  border-color: #7733f8;
  color: #7733f8;
}
.buttons[data-v-32c18e0c] {
  align-items: center;
  display: inline-flex;
  font-size: 16px;
}
.register-button[data-v-32c18e0c] {
  background: linear-gradient(180deg, #e334ed, #c832ef);
  border-radius: 18px;
  color: #fff;
  height: 36px;
  line-height: normal;
  margin-right: 16px;
  min-width: 120px;
  transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.register-button[data-v-32c18e0c]:hover {
  background: linear-gradient(180deg, #d030d8, #ac28ce);
}
.simfooter[data-v-4d285765] {
  padding-top: 72px;
}
.top[data-v-4d285765] {
  display: flex;
  justify-content: center;
}
.left[data-v-4d285765] {
  border-right: 1px solid #dedede;
  padding-right: 108px;
}
.logo[data-v-4d285765] {
  height: auto;
  margin-bottom: 100px;
  width: 180px;
}
.customer-service-tips[data-v-4d285765] {
  color: #6d707f;
  font-size: 12px;
  margin-bottom: 22px;
}
.qrcodes img[data-v-4d285765] {
  display: inline-block;
  height: 80px;
  margin-right: 20px;
  width: 80px;
}
.qrcodes img[data-v-4d285765]:last-of-type {
  margin-right: 0;
}
.center-links[data-v-4d285765] {
  align-items: flex-start;
  display: flex;
}
.friend[data-v-4d285765] {
  display: flex;
}
.title[data-v-4d285765] {
  color: #33383e;
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 30px;
  white-space: nowrap;
}
.links-container[data-v-4d285765] {
  align-items: flex-start;
  display: flex;
}
.links[data-v-4d285765] {
  margin-bottom: 0;
  margin-right: 74px;
}
.links[data-v-4d285765]:last-of-type {
  margin-right: 0;
}
.link[data-v-4d285765] {
  margin-bottom: 20px;
  white-space: nowrap;
}
.link[data-v-4d285765],
.link a[data-v-4d285765] {
  color: #6d707f;
  font-size: 14px;
}
.horizon-links[data-v-4d285765],
.link[data-v-4d285765]:last-of-type {
  margin-bottom: 0;
}
.horizon-links[data-v-4d285765] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 40px;
  padding: 0;
}
.horizon-links .link[data-v-4d285765] {
  margin-bottom: 0;
  margin-right: 80px;
}
.horizon-links .link[data-v-4d285765]:last-of-type {
  margin-right: 0;
}
.middle[data-v-4d285765] {
  border-top: 1px solid #dedede;
  margin-top: 20px;
  padding-top: 20px;
  text-align: center;
}
.friend-link[data-v-4d285765] {
  display: flex;
  flex-wrap: wrap;
  padding-left: 20px;
}
.friend-link > a[data-v-4d285765] {
  flex-basis: 90px;
  text-align: left;
}
.extra-container[data-v-4d285765] {
  padding: 20px 0 30px;
}
.extra-info[data-v-4d285765] {
  margin-bottom: 0;
}
.extra-info a[data-v-4d285765] {
  color: #6d707f;
}
.footer[data-v-bd2a8e4a] {
  padding-top: 72px;
}
.top[data-v-bd2a8e4a] {
  display: flex;
  justify-content: center;
}
.left[data-v-bd2a8e4a] {
  border-right: 1px solid #dedede;
  padding-right: 108px;
}
.logo[data-v-bd2a8e4a] {
  height: auto;
  margin-bottom: 24px;
  width: 180px;
}
.download-button[data-v-bd2a8e4a] {
  align-items: center;
  background: #f3f2f7;
  border-radius: 6px;
  color: #333;
  display: block;
  height: 40px;
  justify-content: center;
  margin-bottom: 36px;
  transition: all 0.15s cubic-bezier(0.075, 0.82, 0.165, 1);
  width: 180px;
}
.download-button[data-v-bd2a8e4a]:hover {
  background: #dfdfdf;
}
.customer-service-tips[data-v-bd2a8e4a] {
  color: #6d707f;
  font-size: 12px;
  margin-bottom: 22px;
}
.qrcodes img[data-v-bd2a8e4a] {
  display: inline-block;
  height: 80px;
  margin-right: 20px;
  width: 80px;
}
.qrcodes img[data-v-bd2a8e4a]:last-of-type {
  margin-right: 0;
}
.center-links[data-v-bd2a8e4a] {
  align-items: flex-start;
  display: flex;
}
.friend[data-v-bd2a8e4a] {
  display: flex;
}
.title[data-v-bd2a8e4a] {
  color: #33383e;
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 30px;
  white-space: nowrap;
}
.links-container[data-v-bd2a8e4a] {
  align-items: flex-start;
  display: flex;
}
.links[data-v-bd2a8e4a] {
  margin-bottom: 0;
  margin-right: 74px;
}
.links[data-v-bd2a8e4a]:last-of-type {
  margin-right: 0;
}
.link[data-v-bd2a8e4a] {
  margin-bottom: 20px;
  white-space: nowrap;
}
.link[data-v-bd2a8e4a],
.link a[data-v-bd2a8e4a] {
  color: #6d707f;
  font-size: 14px;
}
.horizon-links[data-v-bd2a8e4a],
.link[data-v-bd2a8e4a]:last-of-type {
  margin-bottom: 0;
}
.horizon-links[data-v-bd2a8e4a] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 40px;
  padding: 0;
}
.horizon-links .link[data-v-bd2a8e4a] {
  margin-bottom: 0;
  margin-right: 80px;
}
.horizon-links .link[data-v-bd2a8e4a]:last-of-type {
  margin-right: 0;
}
.middle[data-v-bd2a8e4a] {
  border-top: 1px solid #dedede;
  margin-top: 20px;
  padding-top: 20px;
  text-align: center;
}
.friend-link[data-v-bd2a8e4a] {
  display: flex;
  flex-grow: 1;
  flex-wrap: wrap;
  padding-left: 20px;
}
.friend-link > a[data-v-bd2a8e4a] {
  flex-basis: 90px;
  text-align: left;
}
.extra-container[data-v-bd2a8e4a] {
  padding: 20px 0 30px;
}
.extra-info[data-v-bd2a8e4a] {
  margin-bottom: 0;
}
.extra-info a[data-v-bd2a8e4a] {
  color: #6d707f;
}
.layout-content[data-v-c5cdc073] {
  padding-top: 60px;
}
.layout-content.with-tips[data-v-c5cdc073] {
  padding-top: 116px;
}
.horizon-tips[data-v-c5cdc073] {
  align-items: center;
  background: #dce3ff;
  display: flex;
  height: 56px;
  justify-content: center;
  padding: 0 20px;
  position: fixed;
  width: 100%;
  z-index: 1;
}
.horizon-tips .text[data-v-c5cdc073] {
  color: #1e2351;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}
.horizon-tips .text .blue[data-v-c5cdc073] {
  color: #2c78ff;
}
.horizon-tips .close-button[data-v-c5cdc073] {
  color: #9da2b8;
  cursor: pointer;
  font-size: 18px;
  margin-left: 16px;
}
.with-tips[data-v-c5cdc073] {
  top: 56px;
}


/* 隐藏具有特定属性的 header 元素 */
header.header[data-v-c5cdc073][data-v-32c18e0c] {
    display: none;
}