.imgList[data-v-7091373d]{
  display: flex;
  gap: 5px;
  padding: 10px 0;
  flex-wrap: wrap;
}
.deleteImg[data-v-7091373d]{
  position: absolute;
  right: -8px;
  top: -8px;
  color: #8590A6;
}




.comment-editor[data-v-7df5b77c] {
  width: 100%;
  box-sizing: border-box;
  background: #f9fafb;
  border-radius: 12px;
  padding: 12px 16px 16px;
}
.imgList[data-v-7df5b77c]{
  display: flex;
  gap: 10px;
  padding: 10px 0;
}
.comment-pickers[data-v-7df5b77c] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 10px;
  flex-wrap: wrap;
}
.picker-actions[data-v-7df5b77c] {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
  min-width: 0;
}

/* Popover/Trigger 与纯文案混排时统一垂直居中（仅表情、无图片时曾易错位） */
.picker-action-wrap[data-v-7df5b77c] {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.previewImg[data-v-7df5b77c]{
  width: 50px;
}
.emoji-container[data-v-7df5b77c] {
  display: flex;
  width: 450px;
  height: 350px;
  overflow-y: scroll;
  flex-wrap: wrap;
  gap: 5px;
  justify-content: flex-start;
}
.emoji-container[data-v-7df5b77c]::-webkit-scrollbar {
  width: 12px;
  height: 4px;
}
.emoji-container[data-v-7df5b77c]::-webkit-scrollbar-thumb {
  border: 4px solid transparent;
  background-clip: padding-box;
  border-radius: 7px;
  background-color: #b3aeae;
}
.emoji[data-v-7df5b77c] {
  font-size: 24px;
  cursor: pointer;
  width: 30px;
  height: 30px;
  line-height: 18px;
  justify-content: center;
  display: inline-flex;
  align-items: center;
}
.comment-icon-picker[data-v-7df5b77c] {
  width: 16px;
  height: 16px;
  cursor: pointer;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  transition: filter 0.2s ease;
}
.comment-icon-picker[data-v-7df5b77c]:hover,
.picker-trigger:hover .comment-icon-picker[data-v-7df5b77c] {
  filter: brightness(0) saturate(100%) invert(54%) sepia(98%) saturate(2084%) hue-rotate(347deg) brightness(101%) contrast(99%);
}
.picker-trigger[data-v-7df5b77c] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  cursor: pointer;
}
.picker-label[data-v-7df5b77c] {
  font-size: 14px;
  line-height: 1.6;
  /* color: #6b7280; */
  color: #9ca3af;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.picker-trigger:hover .picker-label[data-v-7df5b77c] {
  color: #fd7023;
}
.rich-input-box > textarea[data-v-7df5b77c] {
  box-sizing: border-box;
  border-radius: 6px;
  border: 1px solid #F8F8F8;
  outline: none;
  padding: 10px;
  width: 100%;
  margin-bottom: 5px;
  font-size: 15px;
  line-height: 150%;
  color: #000;
  opacity: 85%;
  resize: none;
  background-color: #f6f8fa;
}
.rich-input-box > textarea[data-v-7df5b77c]:focus {
  background-color: aliceblue;
  /* background-color: #f6f8fa; */
  border: 1px solid #2D85F0;
}
.ant-mentions[data-v-7df5b77c] {
  border-radius: 8px;
  border: 1px solid #fff;
  background: #fff;
  transition: all .2s ease;
}
.ant-mentions[data-v-7df5b77c] textarea {
  box-sizing: border-box;
  border-radius: 8px;
  border: 1px solid transparent;
  outline: none;
  padding: 10px;
  width: 100%;

  font-size: 15px;
  line-height: 150%;
  color: #374151;
  resize: none;
  background-color: #fff;
}
.ant-mentions-focused[data-v-7df5b77c] {
  background-color: #fff;
  border: 1px solid #fd7023;
  box-shadow: 0 0 0 3px rgba(253, 112, 35, .08);
}
.ant-mentions-dropdown-menu[data-v-7df5b77c] {
  padding-bottom: 10px;
  background-color: #2c3e50;
}
.ctrl-btn-box[data-v-7df5b77c] {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
}
.restrict-label[data-v-7df5b77c] {
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  line-height: 1.6;
  color: #9ca3af;
}
.mention-label[data-v-7df5b77c] {
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  line-height: 1.6;
  /* color: #6b7280; */
  color: #9ca3af;
}
.anonymous-checkbox[data-v-7df5b77c] {
  /* color: #6b7280; */
  color: #9ca3af;
}
.submit-btn[data-v-7df5b77c] {
  height: 28px;
  border-radius: 20px;
  background: #fd7023 !important;
  border: 1.5px solid #fd7023 !important;
  color: #ffffff !important;
  font-size: 14px;
  font-weight: 600;
}
.submit-btn[data-v-7df5b77c]:hover,
.submit-btn[data-v-7df5b77c]:focus {
  background: #ea5f14 !important;
  border-color: #ea5f14 !important;
  color: #ffffff !important;
}
.submit-btn[data-v-7df5b77c]:disabled {
  background: #f8fafc !important;
  border-color: #e5e7eb !important;
  color: #9ca3af !important;
}
.red-char[data-v-7df5b77c] {
  color: #F4433C;
}


.label[data-v-4db4b678] {
  font-size: 16px;
  font-weight: 500;
  /*color: #1677FF;*/
  margin-bottom: 10px;
}


.contact[data-v-712ae1de] {
  margin-left: 50px;
  margin-right: 50px;
}
.contact-title[data-v-712ae1de] {
  font-size:16px;
  font-weight: 500;
  margin-left: 30px;
  color: #2c3e50;
  opacity: 85%;
}
.contact-img[data-v-712ae1de] {
  width: 200px;
}
.feedback[data-v-712ae1de] {
  padding: 30px 40px;
}



.site-brand[data-v-481b8b31] {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  flex-shrink: 0;
  text-decoration: none;
}
.site-brand-logo[data-v-481b8b31] {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
}
.site-brand-title[data-v-481b8b31] {
  font-size: 17px;
  font-weight: 800;
  letter-spacing: 0.8px;
  line-height: 1;
  color: #111827;
  white-space: nowrap;
  font-family: DM Sans, sans-serif;
  position: relative;
  padding-bottom: 4px;
  text-transform: uppercase;
  transition: color 0.2s ease, text-shadow 0.2s ease;
}
.site-brand-title[data-v-481b8b31]::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 100%;
  height: 3px;
  border-radius: 20px;
  background: linear-gradient(90deg, #fd7023 0%, #ff9a5c 55%, #ffd3b1 100%);
  box-shadow: 0 3px 10px rgba(253, 112, 35, 0.35);
  transform: scaleX(0.7);
  transform-origin: left center;
  opacity: 0.9;
  transition: transform 0.2s ease, opacity 0.2s ease, box-shadow 0.2s ease;
}
.site-brand:hover .site-brand-title[data-v-481b8b31] {
  color: #0f172a;
  text-shadow: 0 1px 12px rgba(253, 112, 35, 0.18);
}
.site-brand:hover .site-brand-title[data-v-481b8b31]::after {
  transform: scaleX(1);
  opacity: 1;
  box-shadow: 0 4px 14px rgba(253, 112, 35, 0.45);
}


.header[data-v-2e28cf11] {
  height: 115px;
  width: 100%;
  background-color: white;
  position: fixed;
  top: 0;
  z-index: 1001;
  font-family: Avenir, Helvetica, Arial, sans-serif !important;
  box-shadow: 0 1px 0 0 #f0f0f0;
}
.header-content[data-v-2e28cf11] {
  display: flex;
  align-items: center;
  height: 65px;
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  padding: 0 24px;
  box-sizing: border-box;
}
.header-nav[data-v-2e28cf11] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  margin-left: 24px;
}
.nav-item[data-v-2e28cf11] {
  display: flex;
  font-size: 15px;
  color: #6a6d77;
  font-weight: 500;
  text-decoration: none;
  align-items: center;
  padding: 6px 16px;
  border-radius: 20px;
  transition: color 0.2s, background 0.2s, box-shadow 0.2s;
}
.nav-item[data-v-2e28cf11]:hover {
  color: #fd7023;
  background: #fff4eb;
}
a.router-link-active.nav-item[data-v-2e28cf11]:not(.vip-button):not(.vip-info-button),
.router-link-exact-active.nav-item[data-v-2e28cf11]:not(.vip-button):not(.vip-info-button),
.nav-item.nav-active[data-v-2e28cf11]:not(.vip-button):not(.vip-info-button) {
  color: #fd7023;
  font-weight: 600;
  background: #fff4eb;
}
.nav-item.nav-active-go[data-v-2e28cf11] {
  color: #1677ff;
  font-weight: 600;
  background: #f5f5f5;
}
.header-right[data-v-2e28cf11] {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
  margin-left: auto;
}
.vip-icon[data-v-2e28cf11] {
  width: 16px;
  height: 16px;
  display: inline-block;
  opacity: 0.9;
}
.nav-hot-icon[data-v-2e28cf11] {
  /* width: 20px; */
  height: 20px;
  flex-shrink: 0;
}
.nav-badge[data-v-2e28cf11] .ant-badge-count {
  background-color: #fd7023;
}
.vip-entry[data-v-2e28cf11] {
  display: flex;
  align-items: center;
  gap: 7px;
  color: #7a3e00;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.2px;
  padding: 9px 14px;
  border-radius: 20px;
  border: 1px solid #f3d2a2;
  background: linear-gradient(180deg, #fff8ed 0%, #ffeed6 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, transform 0.2s;
  text-decoration: none;
}
.vip-entry[data-v-2e28cf11]:hover {
  background: linear-gradient(180deg, #fff3df 0%, #ffe4bf 100%) !important;
  border-color: #e6b372 !important;
  color: #5a2d00 !important;
  transform: translateY(-1px);
}
.vip-entry--cta .vip-icon[data-v-2e28cf11] {
  opacity: 1;
}
.vip-entry--member[data-v-2e28cf11] {
  color: #7a3e00;
  border-color: #efc58e;
  background: linear-gradient(180deg, #fff7ea 0%, #ffe8c4 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}
.vip-entry--member[data-v-2e28cf11]:hover {
  background: linear-gradient(180deg, #fff0d8 0%, #ffdcae 100%) !important;
  border-color: #dfa86c !important;
  color: #5a2d00 !important;
}
.vip-entry--member .vip-icon[data-v-2e28cf11] {
  filter: saturate(0.9);
}
a.router-link-active.vip-entry[data-v-2e28cf11] {
  border-color: #c68642 !important;
}
.header-avatar[data-v-2e28cf11] {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  cursor: pointer;
  border: 2px solid transparent;
  transition: border-color 0.2s;
  vertical-align: middle;
}
.avatar-badge[data-v-2e28cf11] {
  cursor: pointer;
}
.header-avatar[data-v-2e28cf11]:hover {
  border-color: #fd7023;
}
.popover-menu[data-v-2e28cf11] {
  display: flex;
  flex-direction: column;
  min-width: 140px;
  padding: 4px 0;
}
.popover-item[data-v-2e28cf11] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 9px 12px;
  font-size: 14px;
  color: #374151;
  cursor: pointer;
  border-radius: 6px;
  text-decoration: none;
  transition: background-color 0.15s;
}
.popover-item[data-v-2e28cf11]:hover {
  background-color: #f9fafb;
  color: #111827;
}
.popover-item-danger[data-v-2e28cf11] {
  color: #ef4444;
}
.popover-item-danger[data-v-2e28cf11]:hover {
  background-color: #fff5f5;
  color: #dc2626;
}
.popover-icon[data-v-2e28cf11] {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  opacity: 0.7;
}
.popover-badge[data-v-2e28cf11] {
  margin-left: auto;
}
.popover-divider[data-v-2e28cf11] {
  height: 1px;
  background: #f0f0f0;
  margin: 4px 0;
}
.qr-success[data-v-2e28cf11] {
  background: rgba(0, 0, 0, .6);
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 18px;
  width: 300px;
  height: 300px;
  left: 50%;
  top: 0;
  line-height: 26px;
  position: absolute;
  white-space: nowrap;
  transform: translateX(-50%);
}
.banner[data-v-2e28cf11] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  text-align: center;
  font-size: 14px;
  color: white;
  font-weight: 500;
  height: 50px;
  width: 100%;
  letter-spacing: 0.2px;
}
.banner-info[data-v-2e28cf11] {
  background: linear-gradient(90deg, #0891b2 0%, #06b6d4 100%);
}
.banner-warn[data-v-2e28cf11] {
  background: linear-gradient(90deg, #e11d48 0%, #f43f5e 100%);
}
.banner-icon[data-v-2e28cf11] {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  opacity: 0.9;
}

/* ── 响应式 ── */
@media (max-width: 900px) {
.nav-item[data-v-2e28cf11] {
    font-size: 15px;
    padding: 6px 10px;
}
}
@media (max-width: 768px) {
.header-content[data-v-2e28cf11] {
    padding: 0 16px;
}
.header-brand[data-v-2e28cf11] {
    display: none;
}
.header-nav[data-v-2e28cf11] {
    margin-left: 0;
}
.nav-item[data-v-2e28cf11] {
    font-size: 14px;
    padding: 6px 8px;
}
.nav-badge[data-v-2e28cf11] {
    display: none;
}
.banner[data-v-2e28cf11] {
    font-size: 13px;
    padding: 0 12px;
}
}


.problem-header[data-v-43812c24] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px;
  background-color: white;
  font-size: 16px;
  text-align: left;
  z-index: 9;
}
.logo[data-v-43812c24] {
  diplay: inline-block;
  width: 32px;
  height: 32px;
  margin: 15px 10px 10px 30px;
  cursor: pointer;
}
.problem-title[data-v-43812c24] {
  margin-top: 23px;
  color: #000;
  font-weight: 500;
  opacity: 85%;
}
.nav-item[data-v-43812c24] {
  margin-top: 23px;
  color: #000;
  font-weight: 500;
  opacity: 85%;
  cursor: pointer;
}
.nav-item[data-v-43812c24]:hover {
  color: #1677FF;
  opacity: 100%;
}
.nav-item-selected[data-v-43812c24] {
  color: #1677FF;
  font-weight: 500;
  opacity: 100%;
}
.back-btn[data-v-43812c24] {
  margin-top: 25px;
  font-size: 14px;
  color: #000;
  opacity: 85%;
  cursor: pointer;
}
.vip-icon[data-v-43812c24] {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-left: 3px;
  margin-top: 23px;
}



.md-viewer .markdown-body {
  /* height: calc(100vh - 100px); */
  /*opacity: 100%;*/
  /*padding: 5px;*/
  line-height: 2;
  /*background-color: white;*/
  /*color: #24292f;*/
}

/* 覆盖GitHub默认的深色模式媒体查询 */
@media (prefers-color-scheme: dark) {
.md-viewer .markdown-body {
    /* 这里可以覆盖任何深色模式下的样式 */
    /* 例如，可以设置为始终使用亮色主题：*/
    /*color-scheme: light only !important;*/
    --color-prettylights-syntax-comment: #6e7781;
    --color-prettylights-syntax-constant: #0550ae;
    --color-prettylights-syntax-entity: #8250df;
    --color-prettylights-syntax-storage-modifier-import: #24292f;
    --color-prettylights-syntax-entity-tag: #116329;
    --color-prettylights-syntax-keyword: #cf222e;
    --color-prettylights-syntax-string: #0a3069;
    --color-prettylights-syntax-variable: #953800;
    --color-prettylights-syntax-brackethighlighter-unmatched: #82071e;
    --color-prettylights-syntax-invalid-illegal-text: #f6f8fa;
    --color-prettylights-syntax-invalid-illegal-bg: #82071e;
    --color-prettylights-syntax-carriage-return-text: #f6f8fa;
    --color-prettylights-syntax-carriage-return-bg: #cf222e;
    --color-prettylights-syntax-string-regexp: #116329;
    --color-prettylights-syntax-markup-list: #3b2300;
    --color-prettylights-syntax-markup-heading: #0550ae;
    --color-prettylights-syntax-markup-italic: #24292f;
    --color-prettylights-syntax-markup-bold: #24292f;
    --color-prettylights-syntax-markup-deleted-text: #82071e;
    --color-prettylights-syntax-markup-deleted-bg: #ffebe9;
    --color-prettylights-syntax-markup-inserted-text: #116329;
    --color-prettylights-syntax-markup-inserted-bg: #dafbe1;
    --color-prettylights-syntax-markup-changed-text: #953800;
    --color-prettylights-syntax-markup-changed-bg: #ffd8b5;
    --color-prettylights-syntax-markup-ignored-text: #eaeef2;
    --color-prettylights-syntax-markup-ignored-bg: #0550ae;
    --color-prettylights-syntax-meta-diff-range: #8250df;
    --color-prettylights-syntax-brackethighlighter-angle: #57606a;
    --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;
    --color-prettylights-syntax-constant-other-reference-link: #0a3069;
    --color-fg-default: #24292f;
    --color-fg-muted: #57606a;
    --color-fg-subtle: #6e7781;
    --color-canvas-default: #ffffff;
    --color-canvas-subtle: #f6f8fa;
    --color-border-default: #d0d7de;
    --color-border-muted: hsla(210, 18%, 87%, 1);
    --color-neutral-muted: rgba(175, 184, 193, 0.2);
    --color-accent-fg: #0969da;
    --color-accent-emphasis: #0969da;
    --color-attention-subtle: #fff8c5;
    --color-danger-fg: #cf222e;
}
}


.code-mode[data-v-e272b6ee] {
  width: 110px;
}
.meta-panel[data-v-e272b6ee] {
  background-color: #F8F8F8;
  padding: 20px;
  font-size: 15px;
  font-weight: 500;
  border-radius: 10px;
  opacity: 0.7;
}
.content-panel[data-v-e272b6ee] {
  margin: 20px 5px 50px;
}
.mt-px[data-v-e272b6ee] {
  margin-top: 8px;
}



.no-permit-wrapper[data-v-29bd8284] {
  max-width: 1280px;
  margin: 0 auto;
  padding: 40px 20px;
}
.no-permit-card[data-v-29bd8284] {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 4px 30px 0 rgba(238, 242, 245, 0.8);
  padding: 80px 40px;
  width: 100%;
  text-align: center;
}
.icon-wrap[data-v-29bd8284] {
  width: 72px;
  height: 72px;
  background: #fff4eb;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
  color: #fd7023;
}
.icon-wrap svg[data-v-29bd8284] {
  width: 32px;
  height: 32px;
}
.title[data-v-29bd8284] {
  font-size: 22px;
  font-weight: 700;
  color: #1f2937;
  margin: 0 0 12px;
}
.subtitle[data-v-29bd8284] {
  font-size: 15px;
  color: #6b7280;
  line-height: 1.7;
  margin: 0 0 32px;
}
.vip-btn[data-v-29bd8284] {
  background: #fd7023;
  border: 1.5px solid #fd7023;
  color: #ffffff;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 600;
  padding: 10px 28px;
  cursor: pointer;
  transition: background 0.2s, border-color 0.2s;
  outline: none;
}
.vip-btn[data-v-29bd8284]:hover {
  background: #ea5f14;
  border-color: #ea5f14;
}


.problem-content[data-v-fa1ede66] {
  margin-top: 80px;
  display: flex;
  position: relative;
  width: 100%;
}
.left-panel[data-v-fa1ede66],
.right-panel[data-v-fa1ede66] {
  flex-shrink: 0;
  overflow: auto;
  background-color: white;
  padding: 20px;
  height: calc(100vh - 100px);
}
.left-panel[data-v-fa1ede66] {
  margin-left: 10px;
  width: calc(50% - 10px);
}
.right-panel[data-v-fa1ede66] {
  flex: 1;
  margin-right: 10px;
}
.resizer[data-v-fa1ede66] {
  width: 10px;
  cursor: col-resize;
  display: flex;
  justify-content: center;
  touch-action: none;
  align-items: center;
}


.children-nav[data-v-18004e5a]{
  transition: all 0.2s;
  height: 0;
  display: block;
}
.children-nav.open[data-v-18004e5a]{
  height: auto;
  opacity: 1;
  display: block;
}
.children-nav.close[data-v-18004e5a]{
  height: 0;
  opacity: 0;
  display: block;
}
.nav-center[data-v-18004e5a]{
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.slogan-mobile[data-v-18004e5a] {
  margin: 0;
  color: #6a6d77;
  font-weight: 400;
  font-size: 14px;
  text-align: center;
}
.mobile-nav-item[data-v-18004e5a] {
  margin: 0;
  display: block;
  width: 100%;
  text-align: center;
  margin-inline-end: 0 !important;
}
.logo[data-v-18004e5a] {
  width: 1.6rem;
  height: 1.6rem;
  margin: 0 0.6rem;
}
#landing-logo[data-v-18004e5a] {
  font-weight: 700;
  font-size: 1.25rem;
  align-items: center;
  color: #fff;
}
.app-header[data-v-18004e5a] {
  color: rgb(51, 65, 85);
  display: flex;
  line-height: 24px;
  position: fixed;
  flex-direction: row;
  height: 50px;
  top: 0;
  width: 100%;
  justify-content: center;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
  z-index: 50;
  background-color: white;
}
.app-header[data-v-18004e5a]::after{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  transform-origin: 0 0;
  transform: scaleY(.5);
  border-top: 1px solid #ddd;
}
.app-header > .header-content[data-v-18004e5a] {
  -webkit-text-size-adjust: none;
     -moz-text-size-adjust: none;
          text-size-adjust: none;
  color: #6a6d77;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  -webkit-hyphens: none;
          hyphens: none;
  line-height: 1.56;
  overflow-wrap: normal;
  box-sizing: border-box;
  width: 100%;
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 0;
  position: relative;
  animation: sticky_header_inactive .2s ease-in-out;
}
.nav-left[data-v-18004e5a] {
  -webkit-text-size-adjust: none;
     -moz-text-size-adjust: none;
          text-size-adjust: none;
  display: flex;
  flex-direction: row;
  padding: 0 12px;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
}
.nav-right[data-v-18004e5a] {
  flex: 1;
  align-items: stretch;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  padding: 0 12px;
}
.nav-right-items[data-v-18004e5a] {
  display: flex;
  flex-direction: row-reverse;
}
.nav-list[data-v-18004e5a] {
  list-style: none;
  margin: 0;
  padding: 0;
  align-items: center;
  display: inline-flex;
  flex-wrap: wrap;
}
.nav-list > li[data-v-18004e5a]:not(:last-child) {
  margin-inline-end: 2rem;
}
.nav-link[data-v-18004e5a] {
  position: relative;
  font-size: 1.125rem;
  display: block;
  padding-bottom: .56rem;
  padding-top: .56rem;
  cursor: pointer;
}
.nav-list > li:hover > a[data-v-18004e5a]:before {
  opacity: 1;
  transform: scale(1) translateY(0) translateZ(0)
}
.nav-list > li > a[data-v-18004e5a]:before {
  background: white;
  border-radius: 4px;
  bottom: 0;
  content: "";
  display: block;
  height: 3px;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  transform: scaleX(.2) translateY(2px) translateZ(0);
  transition: .3s ease-out;
}
.nav-list .nav-link[data-v-18004e5a] {
  font-weight: 500;
}
.nav-list .nav-link[data-v-18004e5a],
.nav-list .nav-link[data-v-18004e5a]:hover {
  color: rgb(255, 255, 255);
}
.nav-list a[data-v-18004e5a]:hover {
  color: rgb(255, 255, 255)
}
#landing-logo[data-v-18004e5a] {
  display: flex;
  font-size: 1rem;
  padding: 12px 0;
  color: #1677ff;
}
.mobile-nav-list[data-v-18004e5a] {
  display: flex;
  flex-direction: column;
}




.tab-bar[data-v-c0545afe] {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 90;
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.04) 0px -3px 6px 0px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 100%;
  height: 60px;
}
.item[data-v-c0545afe] {
  position: relative;
  text-align: center;
}
.tab-bar-icon[data-v-c0545afe] {
 font-size: 20px;
}
a.router-link-active[data-v-c0545afe] {
  color: #1677FF;
  /*font-weight: 500;*/
  opacity: 100%;
}
a.router-link-active .name[data-v-c0545afe] {
  color: #1677FF!important;
  /*font-weight: 500;*/
  opacity: 100%;
}
.router-link-exact-active .name[data-v-c0545afe] {
  color: #1677FF!important;
  /*font-weight: 500;*/
  opacity: 100%;
}
.name[data-v-c0545afe] {
  padding-top: 2px;
  color: #666666;
  font-size: 12px;
  line-height: 16px;
  margin: 0;
  font-weight: 400;
  display: flex;
  align-items: center;
  flex-direction: column;
}


#app{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000;text-align:left;box-sizing:border-box}#app *,#app *:before,#app *:after{box-sizing:inherit}body{width:100%;margin:0;padding:0;background-color:#fafafa}a{text-decoration:none;color:#2d85f0;cursor:pointer}a:hover{color:#1677ff}html{overflow-y:scroll}
	.header-img {
		width: 32px;
		height: 32px;
		border-radius: 16px;
		vertical-align: middle;
		/* margin: 18px 20px 10px 50px; */
	}

	.medium-header-img {
		display: inline-block;
		width: 28px;
		height: 28px;
		border-radius: 50%;
		vertical-align: middle;
	}

	.small-header-img {
		display: inline-block;
		width: 22px;
		height: 22px;
		border-radius: 50%;
		vertical-align: middle;
	}

	.panel-shadow {
		/*box-shadow: 0 20px 40px 0 hsla(0,0%,73%,.1);*/
		/*border: 1px solid #eee;*/

		/*-webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);*/
		/*box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);*/
		box-shadow: 0 4px 30px 0 rgba(238,242,245,.8);
		border-radius: 10px;
		/*background-color: #FFF;*/
		/*color: #303133;*/
		/*-webkit-transition: .3s;*/
		/*transition: .3s;*/
	}

	.blue-tag {
		display: inline-block;
		padding: 3px 6px;
		border-radius: 6px;
		background-color: #D9E9FF;
		font-size: 12px;
		color: #1677FF;
		/*font-weight: 500;*/
	}
	.dark-blue-tag {
		display: inline-block;
		padding: 3px 6px;
		border-radius: 6px;
		background-color: #1677FF;
		font-size: 12px;
		color: white;
		/*font-weight: 500;*/
	}
	.orange-tag {
		display: inline-block;
		padding: 3px 6px;
		border-radius: 6px;
		background-color: #FFECD1;
		font-size: 12px;
		color: #F4433C;
		/*font-weight: 500;*/
	}

	.red-tag {
		display: inline-block;
		padding: 3px 6px;
		border-radius: 6px;
		background-color: #F4433C;
		font-size: 12px;
		color: white;
		font-weight: 500;
	}

	.pink-tag {
		display: inline-block;
		padding: 3px 6px;
		border-radius: 6px;
		background-color: #ff6b81;
		font-size: 12px;
		color: white;
		font-weight: 500;
	}

	.green-tag {
		display: inline-block;
		padding: 3px 6px;
		border-radius: 6px;
		background-color: lightseagreen;
		font-size: 12px;
		color: white;
		font-weight: 500;
	}

	.gray-tag {
		display: inline-block;
		padding: 3px 6px;
		border-radius: 6px;
		background-color: #F8F8F8;
		/*background-color: aliceblue;*/
		/*background-color: #D9E9FF;*/
		font-size: 12px;
		color: #8590A6;
		/*color: #2c3e50;*/
		font-weight: 500;
	}

	.light-blue-tag {
		display: inline-block;
		padding: 3px 6px;
		border-radius: 6px;
		/*background-color: #F8F8F8;*/
		/*background-color: aliceblue;*/
		background-color: #D9E9FF;
		font-size: 12px;
		color: #8590A6;
		/*color: #2c3e50;*/
		font-weight: 500;
	}
	
	.icon {
		width: 18px;
		heigth: 18px;
	}

	.float-left {
		float: left;
	}
	
	.float-right {
		float: right;
	}
	
	.clear-both {
		clear: both;
	}
	
	.mt-3px {
		margin-top: 3px;
	}

	.mt-5px {
		margin-top: 5px;
	}

	.mt-10px {
		margin-top: 10px;
	}

	.mt-20px {
		margin-top: 20px;
	}

	.mt-30px {
		margin-top: 30px;
	}

	.mt-40px {
		margin-top: 40px;
	}

	.mt-50px {
		margin-top: 50px;
	}
	
	.mr-5px {
		margin-right: 5px;
	}
	
	.mr-10px {
		margin-right: 10px;
	}
	
	.mr-20px {
		margin-right: 20px;
	}

	.mr-30px {
		margin-right: 30px;
	}

	.ml-5px {
		margin-left: 5px;
	}

	.ml-10px {
		margin-left: 10px;
	}

	.ml-20px {
		margin-left: 20px;
	}

	.ml-30px {
		margin-left: 30px;
	}

	.mb-10px {
		margin-bottom: 10px;
	}
	.mb-20px {
		margin-bottom: 20px;
	}
	.mb-30px {
		margin-bottom: 30px;
	}
	.mb-50px {
		margin-bottom: 50px;
	}
	.align {
		vertical-align: middle;
	}
	
	.bold {
		font-weight: 500;
	}
	
	.curp {
		cursor: pointer;
	}

	.nav {
		display: block;
		list-style: none;
		padding-inline-start: 0px;
		margin-block-start: 0;
		margin-block-end: 0;
		margin-bottom: 15px;
	}

	.nav li {
		display: inline-block;
		margin-right: 30px;
		cursor: pointer;
		font-size: 17px;
		font-weight: 500;
	}

	.nav-selected {
		color: #1677FF;
	}

	.split-line {
		border: 0;
		width: 100%;
		margin-top: 0px;
		/*border-top: 1px solid hsla(210, 18%, 87%, 1);*/
		border-top: 0.5px solid #D8D8D8;
	}

	.subscript {
		color: #fff;
		font-size: 13px;
		line-height: 20px;
		font-weight: 500;
		height: 20px;
		width: 80px;
		position: absolute;
		top: 10px;
		right: -18px;
		text-align: center;
		background-color: #F4433C;
		transform: rotate(45deg);
		z-index: 9;
		/*-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);*/
		/*box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);*/
	}

	.orange-bg {
		background-color: #FFA119;
	}

	.red-bg {
		background-color: #F4433C;
	}

	.green-bg {
		background-color: green;
	}

	.blue-bg {
		background-color: #1677FF;
	}

	.content {
		position: relative;
		overflow: hidden;
		/*width: 1120px;*/
		width: 1200px;
		margin: 30px auto 50px;
	}

	.link {
		color: #1677FF;
		cursor: pointer;
	}

	.cross-line {
		text-decoration: line-through;
	}

	.span-btn {
		border: 1px solid #1677FF;
		border-radius: 6px;
		padding: 3px 10px;
		font-size: 14px;
		font-weight: normal;
		color: #1677FF;
		cursor: pointer;
	}

	.span-btn:hover {
		background-color: #1677FF;
		color: white;
	}

	.shadow {
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		background-color: rgba(0, 0, 0, 0.5);
		/* 高于 PageHeader .header (z-index: 1001)，与帖子预览弹层配套 */
		z-index: 1002;
	}

	.green {
		color: green;
	}

	.red {
		color: red;
	}

	.black {
		color: #2c3e50;
	}

	.background:before {
		position: fixed;
		top: 0;
		left: 0;
		z-index: -1;
		width: 100%;
		height: 100%;
		content: "";
		background-image: url(https://image.codecrush.cn/static/05-22/img/bg8.4b5b68d8.jpg);
		background-size: cover;
	}