.snackbar-container[data-v-41707200] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  pointer-events: none;
  z-index: 9999;
}
.snackbar-item[data-v-41707200] {
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  max-width: 452px;
  min-width: 300px;
  pointer-events: auto;
  background-color: var(--gray20, #2e2e2e);
  border-radius: 8px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
}
.snackbar-content[data-v-41707200] {
  display: flex;
  flex-direction: row;
  align-items: center;
  max-width: inherit;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
}
.snackbar-inner[data-v-41707200] {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
  max-width: inherit;
  padding: 12px 16px;
  position: relative;
  width: 100%;
}
.snackbar-message[data-v-41707200] {
  flex: 1;
  min-width: 0;
  position: relative;
}
.snackbar-message p[data-v-41707200] {
  color: #ffffff;
  font-size: 14px;
  line-height: 16px;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.snackbar-close-btn[data-v-41707200] {
  position: relative;
  border-radius: 4px;
  flex-shrink: 0;
  cursor: pointer;
  background: none;
  border: none;
  transition: all 0.2s ease;
}
.snackbar-close-btn span[data-v-41707200] {
  color: var(--general-theme-primary);
  font-size: 14px;
  line-height: 16px;
  white-space: nowrap;
}
.snackbar-close-btn span svg[data-v-41707200] {
  width: 18px;
  height: 18px;
  color: #ffffff;
}

/* 动画样式 - 更精确的控制 */
.snackbar-enter-active[data-v-41707200] {
  transition: all 0.4s cubic-bezier(0.4, 0, 1, 1);
}
.snackbar-leave-active[data-v-41707200] {
  transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.snackbar-enter[data-v-41707200] {
  opacity: 0;
  transform: translateX(-50%) translateY(100%) scale(0.95);
}
.snackbar-leave-to[data-v-41707200] {
  opacity: 0;
  transform: translateX(-50%) translateY(100%) scale(0.95);
}

/* 响应式设计 */
@media (max-width: 768px) {
.snackbar-item[data-v-41707200] {
    left: 16px;
    right: 16px;
    width: auto;
    min-width: auto;
    max-width: none;
    transform: translateY(100%);
}
.snackbar-enter[data-v-41707200] {
    transform: translateY(100%) scale(0.95);
}
.snackbar-leave-to[data-v-41707200] {
    transform: translateY(100%) scale(0.95);
}
}

/* 不同类型的样式 */
.snackbar-success[data-v-41707200] {
  background-color: #16a085;
}
.snackbar-error[data-v-41707200] {
  background-color: #e74c3c;
}
.snackbar-warning[data-v-41707200] {
  background-color: #f39c12;
}
.snackbar-info[data-v-41707200] {
  background-color: var(--gray20, #2e2e2e);
}

@font-face {
  font-family: 'Barlow';
  src: url(https://resource.flomoapp.com/flomo-web/fonts/Barlow-Regular.3a262070.ttf) format('opentype');
}
@font-face {
  font-family: 'Barlow';
  src: url(https://resource.flomoapp.com/flomo-web/fonts/Barlow-SemiBold.6c26833e.ttf) format('opentype');
  font-weight: bold;
}
html,
body {
  height: 100%;
  overflow: auto;
}
body {
  background: var(--primary-background-color);
}
aside::-webkit-scrollbar {
  width: 0 !important;
}
::-webkit-scrollbar {
  width: 0px !important;
  height: 0px !important;
}
::-webkit-scrollbar-thumb {
  background-color: rgba(170, 170, 170, 0.2);
  border-radius: 100px !important;
}
::-webkit-scrollbar-track {
  background-color: transparent !important;
}
::-webkit-scrollbar-thumb:hover {
  background: #13b66a !important;
}
::-webkit-scrollbar-thumb:active {
  background: #13b66a !important;
}
div.page {
  height: 100%;
  overflow-y: scroll;
}
div.topbar {
  padding: 10px 20px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 50px;
  box-sizing: border-box;
}
div.topbar .left .menu {
  color: #606266;
}
/*div.topbar .left span {
  font-weight: bold;
  color: var(--siderColor);
}*/
div.topbar .left span .pro {
  color: #9d9d9d;
  background: var(--pro-bg);
  font-size: 12px;
  padding: 2px 4px;
  border-radius: 4px;
  border: 1px solid #9d9d9d;
  display: inline-block;
  cursor: pointer;
  position: relative;
  bottom: 2px;
  margin-left: 8px;
}
.page .blue {
  color: var(--tagColor);
}
.page .grey {
  color: #8f9193;
}
.block {
  background: var(--noticeBg);
  border-radius: 6px;
  padding: 15px;
  margin: 20px 20px;
}
.block h3 {
  font-weight: 600;
  font-size: 16px;
  color: var(--block-h3-color);
  margin: 6px 0;
}
.block p {
  font-size: 14px;
  line-height: 1.5;
  color: var(--block-p-color);
  margin: 6px 0;
}
.block a {
  font-size: 14px;
  line-height: 1.5;
  color: var(--tagColor);
  text-decoration: none;
  cursor: pointer;
}
.block a:hover {
  text-decoration: underline;
}
.topbar .left {
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
}
/* .topbar .left svg {
	margin-top: 2px;
} */
.bg-glass {
  filter: blur(2px);
  opacity: 0.3;
  transition: opacity 0.3s;
}
.disabled {
  cursor: not-allowed !important;
}
.flex {
  display: flex;
}
.justify-start {
  justify-content: flex-start;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.align-center {
  align-items: center;
}
.margin-left-10 {
  margin-left: 10px;
}
.opacity2 {
  opacity: 0.2;
}
.normal {
  /*opacity: 1;*/
  /*transition: opacity 0.3s;*/
}
.tag_autocomplete {
  z-index: 9999 !important;
  width: auto !important;
}
.margin-left-7 {
  margin-left: 7px;
}
.viewer-canvas img {
  background: #fff;
}
.files .el-upload-list--picture-card .el-upload-list__item,
.files .el-upload--picture-card {
  background: var(--elImageBg);
  border: 1px solid var(--elImageBorder);
}
.files .el-upload--picture-card {
  border: 1px dashed var(--elImageBorder);
}

/* el-select-dropdown */
.el-select-dropdown {
  background-color: var(--glassBg);
}
.el-scrollbar {
  border: 0.5px solid rgba(255, 255, 255, 0.1);
  border-radius: 4px;
}
.el-select-dropdown__list{
  padding: 6px;
}
.el-select-dropdown__item.hover,
.el-select-dropdown__item:hover,
.time-select-item:hover {
  background: var(--hoverBg) !important;
  border-radius: 4px;
}
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
  background: var(--hoverBg) !important;
}
.floating-button {
  position: fixed;
  bottom: 20px;
  font-size: 12px;
  padding: 10px 15px;
  border-radius: 50px;
  color: var(--tagColor);
  background-color: var(--defaultBg);
  box-shadow: 0px 3px 12px var(--memo-hover-background-color);
  cursor: pointer;
}
.single-line-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

.el-popover,
.el-popper {
  background: var(--glassBg) !important;
  backdrop-filter: blur(12px) saturate(190%) contrast(50%) brightness(130%);
  -webkit-backdrop-filter: blur(12px) saturate(190%) contrast(50%) brightness(130%);
  box-shadow: 0 0 20px var(--popoverShadow) !important;
  border-radius: 8px !important;
}
.popover-menu {
  border-radius: 8px;
  overflow: hidden;
  border: 0.5px solid var(--glass-inner-border);
}
.popover-menu .action {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.popover-menu .item {
  cursor: pointer;
  font-size: 14px;
  color: #454545;
  padding: 7px 15px;
}
.popover-menu .divider {
  margin: 10px 0;
}
.popover-menu .item .desc {
  color: #9d9d9d;
  font-size: 12px;
}
.popover-menu .item:hover {
  color: #55bb8e;
}
.popover-menu .item:hover .popover-menu .item .desc {
  color: #55bb8e !important;
}
.popover-menu .item:first-child {
  padding-top: 15px;
}
.popover-menu .item:last-child {
  padding-bottom: 15px;
}
.popover-menu .el-popover__reference-wrapper .item {
  padding: 7px 15px;
  display: flex;
  align-items: center;
}
.popover-menu .small {
  color: #9d9d9d;
  font-size: 12px;
  padding: 4px 13px 4px 15px;
  cursor: default;
  text-align: left;
}
.popover-menu .small:hover {
  color: #9d9d9d;
}
body.dark_mode .popover-menu {
  /* border: 1px solid #0f0f0f; */
}
body.dark_mode .popover-menu .item,
body.dark_mode .popover-menu .item .desc {
  color: #6d6d6d;
}
body.dark_mode .popover-menu .item:hover {
  color: #55bb8e;
}
body.dark_mode .popover-menu .item:hover body.dark_mode .popover-menu .item .desc {
  color: #55bb8e !important;
}
body.dark_mode .popover-menu .divider,
body.dark_mode .dropdownMenu .divider {
  background: #121212;
}
body.dark_mode .popover-menu .small {
  color: #646464;
}
body.dark_mode .popover-menu .small:hover {
  color: #646464;
}
.popover-menu .danger,
.popover-menu .danger:hover,
body.dark_mode .popover-menu .danger,
body.dark_mode .popover-menu .danger:hover {
  color: #e47571;
}
body.dark_mode .el-popover,
body.dark_mode .el-popper,
body.dark_mode .download-prompt,
body.dark_mode .bubble-menu,body.dark_mode .date-panel .date-panel__footer  {
  backdrop-filter: blur(10px) saturate(190%) contrast(70%) brightness(80%);
  -webkit-backdrop-filter: blur(10px) saturate(190%) contrast(70%) brightness(80%);
}
body.dark_mode .toolMenuPopover {
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
}
.redDot {
  background: #be674c;
  border-radius: 3px;
  color: #fff;
  font-size: 12px;
  width: 16px;
  height: 16px;
  text-align: center;
  line-height: 16px;
}
.popper__arrow {
  display: none !important;
}
.search-popover {
  margin-top: 9px !important;
}

/* 定义颜色变量 */
:root {
  --background-dark: #202020;
  --background-darker: #121212;
  --background-light: #1e1e1e;
  --button-primary-background: #55bb8e;
  --button-primary-border: #55bb8e;
  --button-primary-color: white;
  --button-disabled-background: #3c3c3c;
  --button-disabled-border: #9d9d9d;
  --button-disabled-color: #9d9d9d;
  --box-background: #252929;
  --box-border: black;
  --box-hover-background: #2e2e2e;
  --dialog-background: #121212;
  --text-color: gray;
}

/* 模块化样式 */
body.dark_mode .el-input__inner,
body.dark_mode .el-textarea__inner,
body.dark_mode .el-message-box,
body.dark_mode .reply-card {
  background: var(--background-dark) !important;
}
body.dark_mode .el-message-box {
  border: 1px solid var(--background-dark) !important;
}
body.dark_mode .el-input__inner {
  border: 1px solid var(--background-darker) !important;
}
body.dark_mode .el-button--primary {
  background: var(--button-primary-background);
  border-color: var(--button-primary-border);
  color: var(--button-primary-color);
}
body.dark_mode .el-loading-mask {
  background-color: unset !important;
}
body.dark_mode .el-button--info.is-plain.is-disabled {
  background: var(--button-disabled-background);
  color: var(--button-disabled-color);
  border-color: var(--button-disabled-border);
}
body.dark_mode .el-select-dropdown {
  backdrop-filter: blur(10px) saturate(190%) contrast(70%) brightness(80%);
  border: 1px solid var(--background-darker);
}
body.dark_mode .el-drawer__body {
  background: var(--background-dark) !important;
}
body.dark_mode .dark_box {
  background: var(--box-background) !important;
  border-color: var(--box-border) !important;
}
body.dark_mode .dark_box ul li:hover,
body.dark_mode .dark_box ul li.highlighted {
  background: var(--box-hover-background) !important;
}
body.dark_mode .save_btn {
  background: var(--box-background) !important;
}
body.dark_mode .tag_icon_search .empty .el-input__inner,
body.dark_mode .delete_btn {
  background: var(--background-light) !important;
  border-color: var(--background-light);
}
body.dark_mode .el-dialog {
  background: var(--dialog-background) !important;
}
body.dark_mode .el-col .tag .name,
body.dark_mode .notify h3,
body.dark_mode .el-message-box__title,
body.dark_mode .el-dialog__title,
.tips p {
  color: var(--text-color) !important;
}
body.dark_mode .block ul {
  color: var(--button-disabled-color) !important;
}

html {
  --primary-background-color: #fafafa;
  --memo-hover-background-color: #dddddd;
  --card-background-color: #f8f8f8;
  --active-background-color: #efefef;
  --editor-menu-bar-bg: #ffffff;
  --focused-shadow-bg: #dddddd;
  --blurd-border-color: #e8e8e8;
  --disabledBg: rgba(0, 0, 0, 0.3);
  --textColor: #413e3b;
  --svgFill: rgba(171, 171, 174);
  --heatgrid-day-bg: #efefef;
  --heatgrid-day-color: #d3ecdd;
  --heatgrid-day-light_green-bg: #d3ecdd;
  --heatgrid-day-green-bg: #8ddeb5;
  --heatgrid-day-dark_green-bg: #55bb8e;
  --blurd-shadow-color: rgba(232, 232, 232, 0.2);
  --pro-bg: #ffffff;
  --block-h3-color: #202020;
  --block-p-color: #202020;
  --p-task-color: #000;
  --proIcon: #212f4b;
  --proPath: #fff;
  --defaultBg: #fff;
  --shareStatBg: #f8f8f8;
  --shareText: rgba(29, 28, 33, 1);
  --shareFooterLogo: #1d1c21;
  --exModalBg: #f8f8f8;
  --scrollbarThumb: rgba(0, 0, 0, 0.3);
  --iconHover: #000000;
  --bgWhite: #fff;
  --textBlack: #454545;
  --textSecondary: #212f4b;
  --textGray: #9d9d9d;
  --bgSecondWhite: #fcfcfc;
  --hoverWhiteGray: #fafafa;
  --bodyBg: #fafafa;
  --grayLight: #efefef;
  --borderGray: #dbdbdb;
  --descText: #9d9d9d;
  --BgDownloadPrompt: #fefefe;
  --underline: #323232;
  --BgTestAnnouncement: #efefef;
  --divider: #dbdbdb;
  --popupColor: #454545;
  --descColor: #9d9d9d;
  --titleColor: rgb(33, 47, 75);
  --tagHoverBg: lightgrey;
  --bgGreen: #30cf79;
  --monthPlanBorder: #30cf79;
  --mothPlanHoverBg: #f4fffa;
  --yearPlanHoverBg: #2bba6d;
  --memberPlanColor: #fff;
  --svgActiveColor: #9d9d9d;
  --svgDisableColor: #d3d3d3;
  --hoverBg: rgba(0, 0, 0, 0.05);
  --splitLineBg: lightgrey;
  --tagHoverBg: rgba(55, 53, 47, 0.08);
  --themeGreen: #55bb8e;
  --glassBg: rgba(255, 255, 255, 0.8);
  --sideLiColor: #55bb8e;
  --elImageBorder: #e6e6e6;
  --elImageBg: #fff;
  --expandHoverBg: #efefef;
  --green: #30cf79;
  --saveSvgPathColor: #ffffff;
  --greenLight: #f4fffa;
  --tagMoreActionHoverBg: rgba(0, 0, 0, 0.2);
  --elInputInnerBg: #efefef;
  --tagBg: #eef3fe;
  --tagColor: #5783f7;
  --editTagColor: rgba(87, 131, 247, 0.75);
  --memoContentColor: #323232;
  --editorActiveColor: #000000;
  --memoShareCardBg: #efefef;
  --light-color: #fafafa;
  --defaultBorder: #dcdfe6;
  --n-s-tips-bg: #efefef;
  --wx-review-item-border: #efefef;
  --cancel-bg: #fff;
  --cancel-border: rgba(0, 0, 0, 0.1);
  --review-btn-hover-bg: #f4fffa;
  --gray-dark: rgba(69, 69, 69, 1);
  --review-filter: rgba(255, 255, 255, 0.75);
  --glass-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.75) 0%, #ffffff 100%);
  --fold-after: linear-gradient(180deg, rgba(255, 255, 255, 0.75) 0%, #ffffff 100%);
  --mark-bg: #ffffb4;
  --blockquote-bg: #efefef;
  --bubble-menu-bg: rgba(250, 250, 250, 0.5);
  --editorColor: #efefef;
  --popover-head-desc: #9d9d9d;
  --divider-bg: #dcdfe6;
  --fuzzy-border: #d9d9d9;
  --svg-disable-color: #d3d3d3;
  --glass-inner-border: #fff;
  --focus-disabled: #cecece;
  --noticeBg: #ffffff;
  --mailColor: rgba(0, 0, 0, 0.05);
  --guide-pro-title-color: #30cf79;
  --guide-pro-desc-color: #454545;
  --disabled-bg: rgba(239, 239, 239, 1);
  --bigShadow: rgba(61, 30, 30, 0.2);
  --settingHoverBg: #9d9d9d;
  --popoverShadow: rgba(0, 0, 0, 0.2);
  --reviewSettingBg: #efefef;
  --rateColor: rgba(228, 117, 113, 1);
  --logoColor: #15191c;
  --verticalLine: rgba(0, 0, 0, 0.05);
  --onboardingTipBg: #589ef8;
  --onboardingTipColor: #fff;
  --circleCloseBg: #efefef;
  --heatgridTipBg: #efefef;
  --payFeedbackColor: #454545;
  --loginBtnBorder: rgba(0, 0, 0, 0.1);
  --loginWxBg: #ffffff;
  --loginInputBg: #ffffff;
  --noticeListItemBg: #fafafa;
  --lockscreenInputBg: #ffffff;
  --dark-box-bg: #fff;
  --dark-box-border: #e2e2e2;
  --cancel-btn-bg: #fff;
  --cancel-btn-hover-bg: rgba(0, 0, 0, 0.05);
  --card-p-color: #000000;
  --share-style-active: #d9d9d9;
  --recommend-memo-bg: #fffff9;
  --recommend-memo-bg-after: linear-gradient(180deg, rgba(41, 41, 41, 0), #fffff9);
  --trayLogoText: #202020;
  --appLogoBorder: #000000;
  --tagCountColor: #b9b9b9;
  --textGrayBlack: #9d9d9d;
  --commentItemBg: #f9f9f9;
  --membership-banner-footer-bg: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  --highlight: #dcd1ba;
  --botmsgbg: #f9f9f9;
  --chatScrollbar: #efefef;
  --referenceContentBg: #ffffff;
  --referenceContentShadow: rgba(0, 0, 0, 0.05);
  --usermsgbg: #f4fffa;
  --chatbg: #fff;
  --referenceIndexBg: #dddddd;
  --referenceIndexColor: #323232;
  --historyMsgHoverBg: #efefef;
  --wenwenInputBg: #fcfcfc;
  --wenwenInputHover: #d3d3d3;
  --wenwenInputIconColor: #9d9d9d;
  --betaColor: #9d9d9d;
  --endSvgFill: rgba(0, 0, 0, 0.05);
  --shortcuts-bg: #ffffff;
  --empty-day: #e8e8e8;
  --dark-green: #55bb8e;
  --light-green: #d3ecdd;
  --share-green: #53b88b;
  --siderColor: #323232;
  --activeDayBg: #20824d;
  --tagMemoButton: #ffffff;
  --tagMemoFooter: linear-gradient(180deg, rgba(250, 250, 250, 0) 0%, rgba(250, 250, 250, 0.9) 20%);
  --tagMemoStep: #efefef;
  --tagMemoButtonColor: #323232;
  --whiteGray: #f9f9f9;
}

html[data-theme='dark'] {
  --primary-background-color: #121212;
  --memo-hover-background-color: rgba(0, 0, 0, 0.2);
  --card-background-color: #202020;
  --active-background-color: rgba(255, 255, 255, 5%);
  --heatgrid-day-bg: #3d3d3d;
  --heatgrid-day-color: #5f5f5f;
  --heatgrid-day-light_green-bg: #475446;
  --heatgrid-day-green-bg: #5d795c;
  --heatgrid-day-dark_green-bg: #79af77;
  --editor-menu-bar-bg: #202020;
  --focused-shadow-bg: rgba(0, 0, 0, 0.2);
  --blurd-border-color: rgba(232, 232, 232, 0.2);
  --blurd-shadow-color: rgba(232, 232, 232, 0.2);
  --pro-bg: #202124;
  --p-task-color: #8f9193;
  --textColor: #9d9d9d;
  --svgFill: rgba(171, 171, 174, 0.5);
  --proIcon: rgba(255, 255, 255, 0.5);
  --proPath: #000;
  --defaultBg: #202020;
  --shareStatBg: linear-gradient(166.2deg, #1c1b20 1.09%, #1c1b21 100.68%);
  --shareText: rgba(255, 255, 255, 1);
  --shareFooterLogo: #fff;
  --exModalBg: #252729;
  --scrollbarThumb: #666666;
  --iconHover: #e3e3e3;
  --bgWhite: #2e2e2e;
  --block-h3-color: lightgray;
  --block-p-color: lightgray;
  --textBlack: #9d9d9d;
  --textSecondary: #9d9d9d;
  --textGray: #9d9d9d;
  --bgSecondWhite: #454545;
  --hoverWhiteGray: #454545;
  --bodyBg: #202124;
  --grayLight: #5f5f5f;
  --borderGray: #5f5f5f;
  --descText: grey;
  --BgDownloadPrompt: #2e2e2e;
  --underline: #9d9d9d;
  --BgTestAnnouncement: #2e2e2e;
  --divider: #0f0f0f;
  --popupColor: #6d6d6d;
  --descColor: #6d6d6d;
  --titleColor: #606266;
  --tagHoverBg: #1e1e1e;
  --bgGreen: #397354;
  --monthPlanBorder: #397354;
  --mothPlanHoverBg: rgba(57, 115, 84, 0.3);
  --yearPlanHoverBg: #2e5d44;
  --memberPlanColor: #d9d9d9;
  --svgActiveColor: #000000;
  --svgDisableColor: #d9d9d9;
  --hoverBg: rgba(255, 255, 255, 0.1);
  --splitLineBg: #6d6d6d;
  --tagHoverBg: rgba(255, 255, 255, 5%);
  --themeGreen: #395345;
  --glassBg: rgba(20, 21, 24, 0.5);
  --sideLiColor: #ffffff;
  --elImageBorder: #121212;
  --elImageBg: #454545;
  --expandHoverBg: #202124;
  --green: #397354;
  --saveSvgPathColor: #d9d9d9;
  --greenLight: #30cf79;
  --tagMoreActionHoverBg: rgba(0, 0, 0, 0.2);
  --elInputInnerBg: #2e2e2e;
  --tagBg: #3a4359;
  --tagColor: #2b88d8;
  --editTagColor: rgba(43, 135, 216, 0.75);
  --memoContentColor: #d9d9d9;
  --editorActiveColor: #d9d9d9;
  --memoShareCardBg: #121212;
  --dark-color: #121212;
  --defaultBorder: #121212;
  --n-s-tips-bg: #202020;
  --wx-review-item-border: rgb(18, 18, 18);
  --cancel-bg: hsla(0, 0%, 100%, 0);
  --cancel-border: #9d9d9d;
  --review-btn-hover-bg: hsla(0, 0%, 100%, 0.1);
  --gray-dark: rgba(217, 217, 217, 1);
  --review-filter: rgba(41, 41, 41, 0.75);
  --glass-bg: linear-gradient(180deg, rgba(41, 41, 41, 0.1), #202020);
  --fold-after: linear-gradient(180deg, rgba(41, 41, 41, 0), #202020);
  --mark-bg: #595947;
  --blockquote-bg: #9d9d9d;
  --bubble-menu-bg: rgba(255, 255, 255, 0.15);
  --editorColor: rgba(255, 255, 255, 0.1);
  --popover-head-desc: #6d6d6d;
  --divider-bg: #121212;
  --fuzzy-border: #000000;
  --svg-disable-color: #6d6d6d;
  --glass-inner-border: rgba(255, 255, 255, 0.1);
  --focus-disabled: #364d40;
  --noticeBg: #202020;
  --mailColor: rgba(255, 255, 255, 0.1);
  --guide-pro-title-color: #d9d9d9;
  --guide-pro-desc-color: #9d9d9d;
  --disabled-bg: rgba(255, 255, 255, 0.1);
  --bigShadow: rgba(0, 0, 0, 0.8);
  --settingHoverBg: #d9d9d9;
  --popoverShadow: rgba(0, 0, 0, 0.8);
  --reviewSettingBg: rgba(255, 255, 255, 0.1);
  --rateColor: #d9d9d9;
  --logoColor: #d9d9d9;
  --verticalLine: rgba(255, 255, 255, 0.1);
  --onboardingTipBg: #2b88d8;
  --onboardingTipColor: #d9d9d9;
  --circleCloseBg: #ffffff1a;
  --heatgridTipBg: #454545;
  --payFeedbackColor: #d9d9d9;
  --loginBtnBorder: rgba(255, 255, 255, 0.1);
  --loginWxBg:
    linear-gradient(0deg, #202020, #202020), linear-gradient(0deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1));
  --loginInputBg:
    linear-gradient(0deg, #202020, #202020), linear-gradient(0deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1));
  --noticeListItemBg: #121212;
  --lockscreenInputBg: transparent;
  --dark-box-bg: #252929;
  --dark-box-border: #000;
  --cancel-btn-bg: transparent;
  --cancel-btn-hover-bg: transparent;
  --card-p-color: #9d9d9d;
  --share-style-active: #3a4359;
  --recommend-memo-bg: #292823;
  --recommend-memo-bg-after: linear-gradient(180deg, rgba(41, 41, 41, 0), #292823);
  --trayLogoText: #9d9d9d;
  --appLogoBorder: #ffffff;
  --tagCountColor: #454545;
  --textGrayBlack: #323232;
  --commentItemBg: #121212;
  --membership-banner-footer-bg: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #202020 100%);
  --highlight: #80796c;
  --botmsgbg: rgba(255, 255, 255, 0.1);
  --chatScrollbar: #202020;
  --referenceContentBg: #202020;
  --referenceContentShadow: rgba(0, 0, 0, 0.8);
  --usermsgbg: rgba(255, 255, 255, 0.1);
  --chatbg: #202020;
  --referenceIndexBg: rgba(255, 255, 255, 0.1);
  --referenceIndexColor: #9d9d9d;
  --historyMsgHoverBg: #9d9d9d;
  --wenwenInputBg: rgba(255, 255, 255, 0.1);
  --wenwenInputHover: rgba(255, 255, 255, 0.1);
  --wenwenInputIconColor: rgba(255, 255, 255, 0.1);
  --betaColor: rgba(255, 255, 255, 0.5);
  --endSvgFill: rgba(255, 255, 255, 0.1);
  --shortcuts-bg: #121212;
  --empty-day: #3d3d3d;
  --dark-green: #79af77;
  --light-green: #475446;
  --share-green: #397354;
  --siderColor: #9d9d9d;
  --activeDayBg: #93bf89;
  --tagMemoButton: #323232;
  --tagMemoFooter: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, #121212 20%);
  --tagMemoStep: rgba(157, 157, 157, 0.2);
  --tagMemoButtonColor: #ffffff;
  --whiteGray: #121212;
}



.flex {
  display: flex;
}
.justify-start {
  justify-content: flex-start;
}
.justify-between {
  justify-content: space-between;
}
.items-center {
  align-items: center;
}
.fixed {
  position: fixed;
}
.bottom-fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}
.placeholder-transparent {
  height: 200px;
}
.el-loading-mask {
  border-radius: 10px;
}
.el-message-box__wrapper {
  z-index: 66666 !important;
}

.font-13 {
  --memo-content-font-size: 13px;
  --memo-tag-font-size: 11px;
  --memo-padding: 15px;
  --memo-margin: 10px;
  --memo-xgbi-icon-size: 12px;
  --memo-more-icon-size: 18px;
  --memo-ul-padding-left: 20px;
}
.font-14 {
  --memo-content-font-size: 14px;
  --memo-tag-font-size: 12px;
  --memo-padding: 15px;
  --memo-margin: 10px;
  --memo-xgbi-icon-size: 14px;
  --memo-more-icon-size: 18px;
  --memo-ul-padding-left: 22px;
}
.font-15 {
  --memo-content-font-size: 15px;
  --memo-tag-font-size: 13px;
  --memo-padding: 15px;
  --memo-margin: 10px;
  --memo-xgbi-icon-size: 14px;
  --memo-more-icon-size: 18px;
  --memo-ul-padding-left: 24px;
}
.font-16 {
  --memo-content-font-size: 16px;
  --memo-tag-font-size: 14px;
  --memo-padding: 15px;
  --memo-margin: 10px;
  --memo-xgbi-icon-size: 16px;
  --memo-more-icon-size: 18px;
  --memo-ul-padding-left: 26px;
}
.font-20 {
  --memo-content-font-size: 20px;
  --memo-tag-font-size: 16px;
  --memo-padding: 20px;
  --memo-margin: 15px;
  --memo-xgbi-icon-size: 18px;
  --memo-more-icon-size: 18px;
  --memo-ul-padding-left: 32px;
}
.font-24 {
  --memo-content-font-size: 24px;
  --memo-tag-font-size: 18px;
  --memo-padding: 20px;
  --memo-margin: 15px;
  --memo-xgbi-icon-size: 18px;
  --memo-more-icon-size: 18px;
  --memo-ul-padding-left: 36px;
}
.font-28 {
  --memo-content-font-size: 28px;
  --memo-tag-font-size: 20px;
  --memo-padding: 20px;
  --memo-margin: 15px;
  --memo-xgbi-icon-size: 20px;
  --memo-more-icon-size: 20px;
  --memo-ul-padding-left: 40px;
}
.font-32 {
  --memo-content-font-size: 32px;
  --memo-tag-font-size: 22px;
  --memo-padding: 25px;
  --memo-margin: 20px;
  --memo-xgbi-icon-size: 22px;
  --memo-more-icon-size: 22px;
  --memo-ul-padding-left: 44px;
}

.line-height-sm {
  --memo-content-line-height: 1.6;
}
.line-height-md {
  --memo-content-line-height: 1.8;
}
.line-height-lg {
  --memo-content-line-height: 2;
}

:root {
  --backgroundsgrouped-primary: var(--gray99);
  --backgroundsgrouped-primary-dark: var(--gray5);
  --backgroundsgrouped-secondary: var(--white100);
  --backgroundsgrouped-secondary-dark: var(--gray10);
  --backgrounds-primary: var(--white100);
  --backgrounds-primary-dark: var(--gray10);
  --backgrounds-secondary: var(--gray99);
  --backgrounds-secondary-dark: var(--gray5);
  --barchart-barmask-bottom: var(--white100);
  --barchart-barmask-bottom-dark: var(--white70);
  --barchart-barmask-top: var(--white70);
  --barchart-barmask-top-dark: var(--white100);
  --barchart-color-blue: var(--blue60);
  --barchart-color-blue-dark: var(--blue60);
  --barchart-color-green: var(--green70);
  --barchart-color-green-dark: var(--green70);
  --barchart-color-red: var(--red60);
  --barchart-color-red-dark: var(--red60);
  --contribution-level0: #e8e8e8;
  --contribution-level0-dark: #3d3d3d;
  --contribution-level1: #cfe8d9;
  --contribution-level1-dark: #434d41;
  --contribution-level2: #8ad9b1;
  --contribution-level2-dark: #698064;
  --contribution-level3: #53b88b;
  --contribution-level3-dark: #93bf89;
  --destructive: var(--red50);
  --destructive-dark: var(--red50);
  --fills-primary: var(--gray90);
  --fills-primary-dark: var(--gray20);
  --fills-secondary: var(--gray95);
  --fills-secondary-dark: var(--gray20);
  --fills-tertiary: var(--white100);
  --fills-tertiary-dark: var(--gray10);
  --general-blue-primary: var(--blue60);
  --general-blue-primary-dark: var(--blue50);
  --general-blue-secondary: var(--blue95);
  --general-blue-secondary-dark: var(--blue20);
  --general-red-primary: var(--red60);
  --general-red-primary-dark: var(--red50);
  --general-red-secondary: var(--red95);
  --general-red-secondary-dark: var(--red20);
  --general-theme-primary: var(--green70);
  --general-theme-primary-dark: var(--green40);
  --general-theme-secondary: var(--green95);
  --general-theme-secondary-dark: var(--green20);
  --hover: var(--black5);
  --hover-dark: var(--white5);
  --line-deep: var(--black40);
  --line-deep-dark: var(--white40);
  --line-light: var(--black10);
  --line-light-dark: var(--white10);
  --line-regular: var(--black20);
  --line-regular-dark: var(--white20);
  --logotext: var(--gray5);
  --logotext-dark: var(--gray60);
  --mask: var(--black40);
  --mask-dark: var(--black40);
  --segment-background: var(--black5);
  --segment-background-dark: var(--white10);
  --segment-selected: var(--white100);
  --segment-selected-dark: var(--gray30);
  --text-disable: var(--gray90);
  --text-disable-dark: var(--gray20);
  --text-emphasize: var(--gray5);
  --text-emphasize-dark: var(--white100);
  --text-link: var(--blue60);
  --text-link-dark: var(--blue50);
  --text-regular: var(--gray20);
  --text-regular-dark: var(--gray80);
  --text-subtle: var(--gray60);
  --text-subtle-dark: var(--gray60);
  --text-tagheader: var(--brown70);
  --text-tagheader-dark: var(--brown50);
  --popover-background: var(--white100);
}

[data-theme='dark'] {
  --backgroundsgrouped-primary: var(--gray5);
  --backgroundsgrouped-secondary: var(--gray10);
  --backgrounds-primary: var(--gray10);
  --backgrounds-secondary: var(--gray5);
  --barchart-barmask-bottom: var(--white70);
  --barchart-barmask-top: var(--white100);
  --barchart-color-blue: var(--blue60);
  --barchart-color-green: var(--green70);
  --barchart-color-red: var(--red60);
  --contribution-level0: #3d3d3d;
  --contribution-level1: #434d41;
  --contribution-level2: #698064;
  --contribution-level3: #93bf89;
  --destructive: var(--red50);
  --fills-primary: var(--gray20);
  --fills-secondary: var(--gray20);
  --fills-tertiary: var(--gray10);
  --general-blue-primary: var(--blue50);
  --general-blue-secondary: var(--blue20);
  --general-red-primary: var(--red50);
  --general-red-secondary: var(--red20);
  --general-theme-primary: var(--green40);
  --general-theme-secondary: var(--green20);
  --hover: var(--white5);
  --line-deep: var(--white40);
  --line-light: var(--white10);
  --line-regular: var(--white20);
  --logotext: var(--gray60);
  --mask: var(--black40);
  --segment-background: var(--white10);
  --segment-selected: var(--gray30);
  --text-disable: var(--gray20);
  --text-emphasize: var(--white100);
  --text-link: var(--blue50);
  --text-regular: var(--gray80);
  --text-subtle: var(--gray60);
  --text-tagheader: var(--brown50);
  --popover-background: var(--gray20);
}

.typography-headline {
  font-weight: 600;
  font-size: 28px;
  line-height: 28px;
  letter-spacing: 0%;
  text-align: center;
}
.typography-group-title {
  font-weight: 600;
  font-size: 21px;
  line-height: 24px;
  letter-spacing: 0px;
  text-align: center;
}
.typography-body-large {
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 0px;
  text-align: center;
}
.typography-body {
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0px;
}
.typography-foot-note {
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
  letter-spacing: 0px;
}

.lucide {
  width: 16px;
  height: 16px;
  stroke-width: 2.1px;
}



:root {
  --black5: rgba(0, 0, 0, 0.05);
  --black10: rgba(0, 0, 0, 0.1);
  --black20: rgba(0, 0, 0, 0.2);
  --black30: rgba(0, 0, 0, 0.3);
  --black40: rgba(0, 0, 0, 0.4);
  --black50: rgba(0, 0, 0, 0.5);
  --black60: rgba(0, 0, 0, 0.6);
  --black70: rgba(0, 0, 0, 0.7);
  --black80: rgba(0, 0, 0, 0.8);
  --black90: rgba(0, 0, 0, 0.9);
  --black100: rgba(0, 0, 0, 1);
  --blue5: #0f121a;
  --blue10: #1b202d;
  --blue20: #262e40;
  --blue30: #3d5794;
  --blue40: #3662c9;
  --blue50: #4071e2;
  --blue60: #6890f8;
  --blue70: #99b5ff;
  --blue80: #c2d3ff;
  --blue90: #e1e9ff;
  --blue95: #f0f4ff;
  --blue99: #f5f8ff;
  --brown5: #14110a;
  --brown10: #251f13;
  --brown20: #362e1b;
  --brown30: #695835;
  --brown40: #7a663e;
  --brown50: #8b7546;
  --brown60: #ad935d;
  --brown70: #c6b58f;
  --brown80: #ddd2bb;
  --brown90: #f0ebe1;
  --brown95: #f6f4ee;
  --brown99: #fcfaf8;
  --gray5: #121212;
  --gray10: #202020;
  --gray20: #2e2e2e;
  --gray30: #595959;
  --gray40: #696969;
  --gray50: #787878;
  --gray60: #949494;
  --gray70: #b8b8b8;
  --gray80: #d4d4d4;
  --gray90: #ebebeb;
  --gray95: #f5f5f5;
  --gray99: #f9f9f9;
  --green5: #05150c;
  --green10: #092516;
  --green20: #0c361f;
  --green30: #18683d;
  --green40: #397354;
  --green50: #208950;
  --green60: #27aa63;
  --green70: #30cf79;
  --green80: #8fe5b7;
  --green90: #cdf3df;
  --green95: #e6f9ef;
  --green99: #f3fcf7;
  --red5: #161212;
  --red10: #251e1e;
  --red20: #352c2c;
  --red30: #7c4c4b;
  --red40: #a74c49;
  --red50: #bd5551;
  --red60: #e47571;
  --red70: #f6a09d;
  --red80: #fec5c3;
  --red90: #ffe6e5;
  --red95: #fff0f0;
  --red99: #fff5f5;
  --white5: rgba(255, 255, 255, 0.05);
  --white10: rgba(255, 255, 255, 0.1);
  --white20: rgba(255, 255, 255, 0.2);
  --white30: rgba(255, 255, 255, 0.3);
  --white40: rgba(255, 255, 255, 0.4);
  --white50: rgba(255, 255, 255, 0.5);
  --white60: rgba(255, 255, 255, 0.6);
  --white70: rgba(255, 255, 255, 0.7);
  --white80: rgba(255, 255, 255, 0.8);
  --white90: rgba(255, 255, 255, 0.9);
  --white100: rgba(255, 255, 255, 1);
  --yellow5: #141400;
  --yellow10: #1f1f00;
  --yellow20: #2e2e00;
  --yellow30: #5c5c00;
  --yellow40: #6b6b00;
  --yellow50: #7a7a00;
  --yellow60: #999900;
  --yellow70: #bdbd00;
  --yellow80: #dbdb00;
  --yellow90: #f0f000;
  --yellow95: #fafa00;
  --yellow99: #ffffb4;
}

:root {
  --cornerradius-large: 12px;
  --cornerradius-medium: 6px;
  --cornerradius-small: 3px;
  --groupedlistspace: 10px;
  --hpadding-default: 16px;
  --hpadding-narrow: 12px;
  --hpadding-wide: 24px;
  --linewidth: 0.5px;
  --menu-padding: 4px;
  --menu-space: 2px;
  --menu-padding-large: 8px;
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 12px;
  --spacing-lg: 16px;
  --spacing-xl: 24px;
  --spacing-xxl: 32px;
}

:root {
  --popover-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
}




html {
  width: 100%;
  height: 100vh;
}
* {
  margin: 0px;
  padding: 0px;
}
body {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.el-dropdown-menu,
.el-popover {
  border: 0.5px solid var(--fuzzy-border) !important;
}
.el-divider {
  background-color: var(--hoverBg) !important;
  height: 0.5px;
}

/* .desktop,
.desktop a,
.desktop button {
  user-select: none;
  cursor: default;
} */


.hideHeader .el-dialog__header {
  display: none;
}
.hideHeader .el-dialog__body {
  padding: 0 !important;
  border-radius: 12px;
  overflow: hidden;
}


.init-tip {
  min-width: 100px !important;
  border-radius: 5px !important;
  backdrop-filter: blur(20px);
  background-color: rgba(73, 73, 73, 0.8) !important;
}
.init-tip i {
  display: none !important;
}
.init-tip p {
  color: #fff !important;
}
.dark_mode .init-tip {
  border-color: transparent;
}

div.bindWx__dialog{border-radius:12px !important}div.bindWx__dialog__header{color:rgba(0,0,0,.8)}div.bindWx__dialog__header .close{position:absolute;top:-18px;right:-18px;cursor:pointer}div.bindWx__dialog__header .close .svg-icon{width:36px !important;height:36px !important;color:unset !important}div.bindWx__dialog__container{text-align:center}div.bindWx__dialog__container__qrcode{position:relative;border-radius:6px;overflow:hidden}div.bindWx__dialog__container__qrcode .logo{width:50px;height:50px;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);border-radius:6px;border:2px solid #fff;background:#fff;overflow:hidden}div.bindWx__dialog__container p{margin-top:15px;font-size:14px;color:#454545}
div.bindAccount__dialog{border-radius:12px !important}div.bindAccount__dialog__header{color:rgba(0,0,0,.8)}div.bindAccount__dialog__header .close{position:absolute;top:-18px;right:-18px;cursor:pointer}div.bindAccount__dialog__header .close .svg-icon{width:36px !important;height:36px !important;color:unset !important}div.bindAccount__dialog__container{text-align:center}div.bindAccount__dialog__container p{font-size:16px;font-weight:600;color:#454545;margin-top:10px}div.bindAccount__dialog__container__btn{display:flex;justify-content:space-between;align-items:center;margin-top:30px}div.bindAccount__dialog__container__btn div{background:var(--bgGreen);border-radius:6px;font-size:14px;border:1px solid var(--loginBtnBorder);cursor:pointer;color:var(--memberPlanColor)}
@media screen and (max-width: 550px){div.bindAccount__dialog__container__btn div{padding:11px 30px}}
@media screen and (min-width: 700px){div.bindAccount__dialog__container__btn div{padding:11px 45px}}
.apple__login[data-v-2123d703]{margin-top:30px}.apple__login button[data-v-2123d703]{display:flex;align-items:center;justify-content:center;width:100%;height:56px;border-radius:6px;background:var(--loginWxBg);border:1px solid var(--loginBtnBorder);font-size:14px;font-weight:500;outline:none;cursor:pointer;color:var(--textBlack)}.apple__login button svg[data-v-2123d703]{margin-right:10px}.apple__login button[data-v-2123d703]:hover{background:var(--hoverBg)}
.appHeader[data-v-26ae9dca]{height:40px;-webkit-app-region:drag}.appHeader .windowControls[data-v-26ae9dca]{display:flex;justify-content:space-between;align-items:center;height:100%}.appHeader .windowControls .icon[data-v-26ae9dca]{padding:6px;margin:6px 10px;cursor:pointer;border-radius:6px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.appHeader .windowControls .icon[data-v-26ae9dca]:hover{background-color:var(--grayLight)}.appHeader .windowControls .disabled[data-v-26ae9dca]{opacity:.5;cursor:default}.appHeader .windowControls .leftAction[data-v-26ae9dca]{margin-left:170px;-webkit-app-region:no-drag}.appHeader .windowControls .rightAction[data-v-26ae9dca]{-webkit-app-region:no-drag;display:flex;align-items:center}.appHeader .windowControls .rightAction svg[data-v-26ae9dca]{margin:0px 5px;padding:3px;border-radius:6px;cursor:pointer}.appHeader .windowControls .rightAction svg[data-v-26ae9dca]:hover{background-color:var(--hoverBg)}.appHeader .windowControls .rightAction svg[data-v-26ae9dca]:last-child{margin-right:10px}.appHeader .windowControls .rightAction .pin[data-v-26ae9dca]{color:var(--bgGreen)}
.morePop{padding:0px !important;border:none !important;background:var(--glassBg) !important;backdrop-filter:blur(12px) saturate(190%) contrast(50%) brightness(130%)}.morePopover{width:200px;box-sizing:border-box;border-radius:6px;box-shadow:0px 0px 4px rgba(0,0,0,.25)}.morePopover .head{border-bottom:1px solid var(--divider);padding:15px 15px;cursor:pointer}.morePopover .head .title{font-weight:500;font-size:14px;color:var(--popupColor)}.morePopover .head .title:hover{color:#55bb8e}.morePopover .head .desc{font-size:12px;color:var(--descColor)}.morePopover .box ul li{list-style:none;padding:7px 15px;font-size:14px;color:var(--popupColor);cursor:pointer}.morePopover .box ul li:first-child{padding-top:15px}.morePopover .box ul li:last-child{padding-bottom:15px}.morePopover .box ul li:hover{color:#55bb8e}.morePopover .box ul .download{display:flex;justify-content:space-between;align-items:center}.morePopover .box ul .download .dot{width:4px;height:4px;background:#be674c;border-radius:3px}.morePopover .foot{padding:15px;font-size:12px;border-top:1px solid var(--divider);color:var(--popupColor)}.morePopover .foot .checkUpdate{font-size:14px;padding-bottom:15px;cursor:pointer}.morePopover .foot .checkUpdate:hover{color:#55bb8e}.morePopover .foot .update{display:flex;align-items:center;justify-content:space-between;padding-bottom:15px;color:var(--popupColor);cursor:pointer}.morePopover .foot .update div:first-child{font-size:14px}.morePopover .foot .update div:last-child{font-size:12px;color:#e47571}body.dark_mode .morePop{backdrop-filter:blur(10px) saturate(190%) contrast(70%) brightness(80%)}
.login__container[data-v-6a384850]{width:400px;margin:100px auto}.login__container__header[data-v-6a384850]{display:flex;justify-content:space-between;align-items:center;margin-bottom:45px}.login__container__header__icon--logo[data-v-6a384850]{width:31.6px !important;height:24px !important;color:var(--bgGreen) !important}.login__container__header__icon--text[data-v-6a384850]{width:79.5px !important;height:24px !important;margin-left:5px;color:var(--logoColor) !important}.login__container__header__text[data-v-6a384850]{font-size:20px;font-weight:600;color:var(--textBlack)}.login__container__form__action[data-v-6a384850]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.login__container__form__wx[data-v-6a384850]{display:flex;align-items:center;justify-content:center;background:var(--loginWxBg);border:1px solid var(--loginBtnBorder);box-sizing:border-box;border-radius:6px;padding:15px 20px;color:#07c160;cursor:pointer}.login__container__form__wx[data-v-6a384850]:hover{background:var(--hoverBg)}.login__container__form__wx svg[data-v-6a384850]{width:24px;height:24px}.login__container__form__wx span[data-v-6a384850]{margin-left:10px;font-size:14px}
.login__container__form .el-input{margin-bottom:15px}.login__container__form .el-input .el-input__inner{height:56px;line-height:56px;border-radius:6px;border:1px solid #efefef;background:var(--loginInputBg);color:var(--memoContentColor)}.login__container__form .el-button{width:100%;background:var(--bgGreen);border:1px solid var(--loginBtnBorder);box-sizing:border-box;border-radius:6px;padding:20px 20px;margin-bottom:30px;color:var(--memberPlanColor)}.login__container__form .el-button:hover{background:var(--yearPlanHoverBg);border:1px solid var(--loginBtnBorder)}.login__container__form .el-link.el-link--default{color:var(--tagColor);font-weight:unset}
@media screen and (max-width: 600px){.login__container[data-v-6a384850]{width:350px}}

body.dark_mode .login__container__form .el-input__inner {
  border: 1px solid var(--loginBtnBorder) !important;
}
body.dark_mode .el-button--primary:hover {
  background: var(--bgGreen) !important;
  border: 1px solid var(--loginBtnBorder) !important;
}


*[data-v-c1c9de8e] {
  padding: 0;
  margin: 0;
}
.tag-icon-container[data-v-c1c9de8e] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: transparent;
  z-index: 2222;
}
.tag_icon[data-v-c1c9de8e],
.tag_icon_mobile[data-v-c1c9de8e] {
  position: fixed;
  width: 316px;
  height: 306px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  display: none;
  left: 350px;
  z-index: 99999;
  background: var(--glassBg) !important;
  backdrop-filter: blur(12px) saturate(190%) contrast(50%) brightness(130%);
  -webkit-backdrop-filter: blur(10px) saturate(190%) contrast(50%) brightness(130%);
}
.tag_icon_search[data-v-c1c9de8e] {
  padding: 13px 12px;
  padding-bottom: 5px;
}
.tag_icon_list[data-v-c1c9de8e] {
  height: 255px;
  overflow-y: scroll;
  padding: 0px 12px;
}
.tag_icon_search .delete_icon[data-v-c1c9de8e] {
  font-size: 18px;
  color: gray;
  position: absolute;
  top: 5px;
  cursor: pointer;
}
[data-v-c1c9de8e] .tag_icon_search .el-input__inner {
  height: 30px;
  line-height: 30px;
}
[data-v-c1c9de8e] .tag_icon_search .el-input__icon {
  line-height: 30px;
}
[data-v-c1c9de8e] .tag_icon_search .empty .el-input__inner {
  background: #efefef;
}
.tag_icon_list span[data-v-c1c9de8e] {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: background 20ms ease-in 0s;
  cursor: pointer;
  border-radius: 3px;
  width: 32px;
  height: 32px;
  font-size: 24px;
  text-align: center;
  display: inline-block;
  font-family:
    Apple Color Emoji,
    Segoe UI Emoji,
    Segoe UI Symbol,
    Noto Color Emoji;
}
.tag_icon_list span[data-v-c1c9de8e]:hover {
  background: rgba(55, 53, 47, 0.08);
}
.tag_icon_list p[data-v-c1c9de8e] {
  font-size: 14px;
  color: #9d9d9d;
  margin: 5px 0;
  margin-top: 20px;
}
.delete_btn[data-v-c1c9de8e] {
  font-size: 14px;
  padding: 5px 7px;
  border: 1px solid #e6e6e6;
  border-radius: 5px;
  color: #9d9d9d;
  position: relative;
  top: 4px;
  cursor: pointer;
}


.rename-tag[data-v-c1c9de8e] {
  position: absolute;
  width: 316px;
  padding: 10px;
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  z-index: 99999;
  background: var(--glassBg) !important;
  backdrop-filter: blur(12px) saturate(190%) contrast(50%) brightness(130%);
}
.tag_icon_emoji[data-v-c1c9de8e] {
  padding: 9px;
  border-radius: 4px;
  border: 0.5px solid var(--Light-Hover-Bg, rgba(0, 0, 0, 0.05));
  background: var(--grayLight);
  display: flex;
  width: 32px;
  height: 32px;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
body.dark_mode .tag_icon_emoji[data-v-c1c9de8e] {
  background-color: var(--background-dark) !important;
}
.tag_icon_emoji[data-v-c1c9de8e]:hover {
  background: var(--hoverBg);
}
.gap-5[data-v-c1c9de8e] {
  gap: 5px;
}
.inline-input[data-v-c1c9de8e] {
  width: 100%;
  height: 36px;
  line-height: 33px;
}
.inline-input[data-v-c1c9de8e] .el-input__inner {
  height: 33px;
  line-height: 33px;
  background: #efefef;
}
.inline-input[data-v-c1c9de8e] .el-autocomplete-suggestion li {
  background: #252729 !important;
}
.btn[data-v-c1c9de8e] {
  border-radius: 4px;
  width: 52px;
  height: 32px;
  line-height: 32px;
  display: inline-block;
  font-size: 12px;
  cursor: pointer;
  text-align: center;
  background: var(--bgGreen);
  color: #ffffff;
  flex-shrink: 0;
}
p[data-v-c1c9de8e] {
  color: #9d9d9d;
  font-size: 12px;
  margin-top: 10px;
}
a[data-v-c1c9de8e] {
  color: #5f84ef;
  text-decoration: none;
}
body.dark_mode p[data-v-c1c9de8e] {
  color: #646464;
}
.inline-input[data-v-c1c9de8e] .el-input.is-active .el-input__inner,
.inline-input[data-v-c1c9de8e] .el-input__inner:focus {
  border: 1px solid #55bb8e;
  outline: 0;
}


li[data-v-5e8a197a] {
  display: flex;
  align-items: center;
  transition: background-color 0.2s ease;
  border-radius: 4px;
}
li .icon[data-v-5e8a197a] {
  flex-shrink: 0;
  margin-right: 6px;
  width: var(--memo-tag-font-size);
  height: var(--memo-tag-font-size);
  display: flex;
}
li div.text[data-v-5e8a197a] {
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: auto;
  font-size: var(--memo-tag-font-size);
  flex: 1;
}
.icon[data-v-5e8a197a] {
  transition: transform 0.2s ease;
}


.related[data-v-03f60488] {
  color: var(--secondary-text-color, #8f9193);
  font-size: 12px;
  padding: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.related ul[data-v-03f60488] {
  list-style-type: none;
  -webkit-padding-start: 0;
          padding-inline-start: 0;
  line-height: 2;
  margin: 10px 0 0;
  width: 100%;
}


.el-picker-panel {
  border-radius: 0 !important;
}
.el-picker-panel__content {
  margin: 0 15px;
}
.el-time-panel {
  border-color: var(--borderGray);
}


.date-panel[data-v-d7aa00d6] {
  border-radius: 8px;
  overflow: hidden;
}
.date-panel[data-v-d7aa00d6] .el-picker-panel__footer {
  display: none !important;
}
.date-panel[data-v-d7aa00d6] .el-picker-panel {
  box-shadow: none !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
.date-panel .date-panel__footer[data-v-d7aa00d6] {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding: 10px;
  background: var(--glassBg) !important;
  backdrop-filter: blur(12px) saturate(190%) contrast(50%) brightness(130%);
  -webkit-backdrop-filter: blur(12px) saturate(190%) contrast(50%) brightness(130%);
}
.el-picker-panel__link-btn[data-v-d7aa00d6] {
  background: var(--green);
  border-color: var(--green);
  color: var(--button-primary-color);
}


.el-time-panel__content::after,
.el-time-panel__content::before,
.el-time-panel__footer {
  border-color: var(--borderGray);
}


.el-date-picker__header {
  margin: 0;
  padding: 12px;
}


.tools-popover[data-v-00dda502] {
  min-width: auto !important;
  padding: 0px !important;
}
.tools-popover button[data-v-00dda502] {
  padding-left: 0px !important;
}
.popover-menu .item[data-v-00dda502] {
  position: relative;
  display: flex;
  align-items: center;
}


.tools-popover {
  min-width: auto !important;
  padding: 0px !important;
}
.tools-popover button {
  padding-left: 0px !important;
}

div.display[data-v-a407ad80] {
  overflow: hidden;
  position: relative;
  background: var(--defaultBg);
  border-radius: var(--cornerradius-large);
  padding: var(--memo-padding);
  transition: box-shadow 0.3s ease;
  /*box-shadow: 0px 0px 2px var(--black5);*/
}
.review-card div.display[data-v-a407ad80] {
  box-shadow: 0px 0px 4px var(--black5);
}
div.display[data-v-a407ad80]:hover {
  transition: box-shadow 0.3s ease;
  box-shadow: 0px 0px 4px var(--black5);
}
div.display div.header[data-v-a407ad80] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 20px;
  margin-bottom: 10px;
}
div.display div.header a.time[data-v-a407ad80] {
  display: block;
  font-size: var(--memo-tag-font-size);
  color: #8f9193;
  text-decoration: none;
}
div.display div.header div.tools[data-v-a407ad80] {
  font-size: var(--memo-tag-font-size);
  display: flex;
  justify-content: center;
  align-items: center;
}
div.display div.header div.tools button[data-v-a407ad80] {
  cursor: pointer;
  border: none;
  background: transparent;
  color: #7d7d7d;
  font-size: 14px;
}
.el-button.tools-button[data-v-a407ad80] {
  color: #7d7d7d;
  display: block;
  margin-left: 0;
  padding: 10px 0 10px 6px;
  font-weight: normal;
}
.el-button.tools-button[data-v-a407ad80]:hover {
  color: #55bb8e;
}
.el-button.tools-button[data-v-a407ad80] svg {
  width: 14px;
}
.el-button.del[data-v-a407ad80] {
  color: red !important;
}
div.content[data-v-a407ad80] {
  color: var(--memoContentColor);
  font-size: var(--memo-content-font-size);
  position: relative;
  overflow: hidden;
  word-break: break-word;
  letter-spacing: 0.1px;
  line-height: var(--memo-content-line-height);
  /* max-height: 330px; */
}
div.morePlaceholder[data-v-a407ad80] {
  position: absolute;
  bottom: 33px;
  background: var(--defaultBg);
  width: 100%;
}
.is-fold[data-v-a407ad80]::after {
  content: '';
  width: 100%;
  height: 20px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: var(--fold-after);
}
div.content[data-v-a407ad80] a,
div.content[data-v-a407ad80] a:visited {
  color: var(--tagColor);
  text-decoration: none;
}
div.content[data-v-a407ad80] a.inner_memo_link {
  font-weight: bold;
}
div.content[data-v-a407ad80] a.inner_memo_link:after {
  /* content: " ➔"; */
  content: '▸';
  font-weight: normal;
  font-size: 16px;
}

/*div.content /deep/ span.tag {
  color: var(--tagColor);
  cursor: pointer;
  background-color: var(--tagBg);
  padding: 1px 4px;
  font-size: 12px;
  border-radius: 3px;
  display: inline-block;
  white-space: nowrap;
}*/
div.content[data-v-a407ad80] span.tag {
  background-color: var(--tagBg);
  border-radius: 3px;
  color: var(--tagColor);
  cursor: pointer;
  font-size: var(--memo-tag-font-size);
  padding: 4px;
  margin-right: 2px;
}
div.content[data-v-a407ad80] span.tag > span.tag {
  margin-right: 0;
  padding-right: 0;
}
div.content[data-v-a407ad80] span.tag-warp .tag:first-child {
  padding-left: 4px;
  border-radius: 3px 0 0 3px;
}
div.content[data-v-a407ad80] span.tag-warp .tag:last-child {
  padding-right: 4px;
  border-radius: 0px 3px 3px 0px;
}
div.content[data-v-a407ad80] span.tag-warp:hover {
  /* color: #eef3fe; */
  background-color: var(--hoverBg);
}
div.content[data-v-a407ad80] p {
  line-height: var(--memo-content-line-height);
  min-height: 1em;
  margin: 0;
  margin-bottom: 0.5em;
}
div.content[data-v-a407ad80] p:last-child {
  margin-bottom: 0;
}
div.content[data-v-a407ad80] p u {
  text-underline-offset: 5px;
}
div.content[data-v-a407ad80] ul,
div.content[data-v-a407ad80] ol {
  -webkit-padding-start: var(--memo-ul-padding-left);
          padding-inline-start: var(--memo-ul-padding-left);
  margin: 0;
  margin-bottom: 0.5em;
}
div.content[data-v-a407ad80] ul:last-child,
div.content[data-v-a407ad80] ol:last-child {
  margin-bottom: 0;
}
div.content[data-v-a407ad80] li {
  line-height: 1.8;
}
div.content[data-v-a407ad80] li p {
  margin-bottom: 0;
}
div.content[data-v-a407ad80] label.highlight {
  padding: 1px 0 2px;
  cursor: unset;
}
.mainContent .tool[data-v-a407ad80] {
  margin: 6px 0;
}
.showBtn[data-v-a407ad80],
.hideBtn[data-v-a407ad80] {
  border-radius: 3px;
  cursor: pointer;
  color: var(--tagColor);
  margin-left: -6px;
  padding: 6px;
  font-size: var(--memo-tag-font-size);
}
.showBtn[data-v-a407ad80]:hover,
.hideBtn[data-v-a407ad80]:hover {
  background-color: var(--hoverBg);
}
.content .downArrow[data-v-a407ad80] {
  display: inline-block;
  width: 7px;
  /* 尺寸不超过字号的一半为宜 */
  height: 7px;
  border-right: 1px solid;
  /* 画两条相邻边框 */
  border-bottom: 1px solid;
  transform: rotate(45deg);
  /* 顺时针旋转45° */
  margin-bottom: 3px;
}
.content .upArrow[data-v-a407ad80] {
  display: inline-block;
  width: 7px;
  height: 6px;
  border-left: 1px solid;
  border-top: 1px solid;
  transform: rotate(45deg);
  margin-top: 3px;
}

/* .display.all .content div:first-child,
.display.no_fold .content div:first-child {
  display: unset;
  -webkit-box-orient: unset;
  -webkit-line-clamp: unset;
  overflow: unset;
  height: auto;
} */
.display.no_fold .content[data-v-a407ad80] {
  max-height: none;
}
.sort .textContent[data-v-a407ad80] {
  overflow: hidden;
}
.sort .memo .content .richText[data-v-a407ad80] {
  height: 25.4px !important;
  width: 100%;
}
.sort .memo .content .richText[data-v-a407ad80] p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sort .memo .content .richText[data-v-a407ad80] p::after {
  content: '...';
}
.display.all .content[data-v-a407ad80] {
  max-height: none;
}
.richText[data-v-a407ad80] {
  overflow: hidden;
}
.safari .display .content .richText[data-v-a407ad80] {
  -webkit-line-clamp: unset;
}
.files .el-image[data-v-a407ad80] {
  width: 100px;
  height: 100px;
  border: 1px solid var(--elImageBorder);
  cursor: pointer;
  border-radius: 8px;
  margin-right: 10px;
  margin-top: 6px;
  vertical-align: middle;
}
.files .placeholder[data-v-a407ad80] {
  max-width: 100px;
  max-height: 100px;
  margin: 0px;
}
.files .el-image[data-v-a407ad80] .el-image__inner {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  flex: 1;
}
/*.files {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
}*/
.mobile .files .el-image[data-v-a407ad80] {
  width: 30%;
  max-width: 100px;
  height: 100px;
  margin-right: 5px;
}
div.related[data-v-a407ad80] {
  color: #8f9193;
  font-size: 12px;
  padding: 0;
  cursor: pointer;
  margin-top: 6px;
  display: flex;
  align-items: center;
}
div.related ul[data-v-a407ad80] {
  list-style-type: none;
  -webkit-padding-start: 0;
          padding-inline-start: 0;
  line-height: 2;
  margin: 6px 0 0;
}
div.related ul li[data-v-a407ad80] {
  display: flex;
  align-items: center;
}
div.related ul li .icon[data-v-a407ad80] {
  margin-right: 6px;
  width: var(--memo-tag-font-size);
  height: var(--memo-tag-font-size);
  display: flex;
}
div.related ul li div.text[data-v-a407ad80] {
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: auto;
  font-size: var(--memo-tag-font-size);
}
.display .content .mobile_richText[data-v-a407ad80] {
  display: block;
  overflow: hidden;
}
.tools-menu[data-v-a407ad80] {
  display: flex;
  display: flex;
  flex-wrap: nowrap;
  align-content: center;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #efefef;
  padding-bottom: 15px;
}
.dark_mode .tools-menu[data-v-a407ad80] {
  border-color: #7d7d7d;
}
.tools-menu svg[data-v-a407ad80] {
  cursor: pointer;
  stroke: #9d9d9d;
}
.tools-menu svg[data-v-a407ad80]:hover {
  stroke: #000000;
}
.dark_mode .tools-menu svg[data-v-a407ad80]:hover {
  stroke: #e3e3e3;
}
.editMemo[data-v-a407ad80] {
  padding: 0 15px !important;
}
.editMemo[data-v-a407ad80]:hover {
  border: 1px solid #55bb8e !important;
}
body.dark_mode .not-sync rect[data-v-a407ad80] {
  fill: #6f7174;
}
body.dark_mode .not-sync path[data-v-a407ad80] {
  fill: #000;
}
.sortContent[data-v-a407ad80] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sortContent .files[data-v-a407ad80] {
  max-height: 106px;
  width: 100%;
}
.sortContent .files .el-image[data-v-a407ad80] {
  height: 100px !important;
  width: 100px !important;
  display: inline-block !important;
}
.zh-sync[data-v-a407ad80] {
  width: 63px !important;
}
.en-sync[data-v-a407ad80] {
  width: 96px !important;
}

:root {
  --animate-duration: 0.2s;
  --animate-delay: 0.2s;
  --animate-repeat: 0.2;
}
.animated {
  animation-duration: 0.2s;
  animation-duration: var(--animate-duration);
  animation-fill-mode: both;
}
@keyframes flipInX {
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);
}
}
.flipInX {
  backface-visibility: visible !important;
  animation-name: flipInX;
}
@keyframes pulse {
from {
    transform: scale3d(1, 1, 1);
}
50% {
    transform: scale3d(1.05, 1.05, 1.05);
}
to {
    transform: scale3d(1, 1, 1);
}
}
.pulse {
  animation-name: pulse;
  animation-timing-function: ease-in-out;
}
@keyframes fadeInUp {
from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
}
to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}
}
.fadeInUp {
  animation-name: fadeInUp;
}

.display .header .similarity[data-v-a407ad80]{margin:0 10px;font-size:12px;color:#8f9193;margin-top:-2px;cursor:pointer}.display .memoAction[data-v-a407ad80]{color:#7d7d7d;width:var(--memo-more-icon-size);height:var(--memo-more-icon-size);cursor:pointer;margin-top:1px}@keyframes opac-a407ad80{from{opacity:1;width:0;height:0;top:50%;left:50%}to{opacity:0;width:100%;height:100%;top:0;left:0}}.display .animate-wave[data-v-a407ad80]{width:5px;height:5px;display:inline-block;margin:2px 5px;background:#c3e4ff;border-radius:50%;position:relative;left:0;right:0}.recommend[data-v-a407ad80]{cursor:pointer;color:var(--tagColor);display:none;align-items:center;gap:5px}.recommend .svg-icon[data-v-a407ad80]{width:var(--memo-xgbi-icon-size);height:var(--memo-xgbi-icon-size);color:var(--tagColor)}.recommend span[data-v-a407ad80]{margin-right:10px}.showRecommend:hover .header .recommend[data-v-a407ad80]{display:flex !important}

.relatedMemosTip {
  z-index: 999 !important;
}
.relatedMemosTip .popper__arrow {
  display: block !important;
}


.moreImage[data-v-a407ad80] {
  display: inline-block;
  position: relative;
  cursor: pointer;
  border-radius: 6px;
}
.mobile .moreImage[data-v-a407ad80] {
  width: 30%;
}
.moreImage[data-v-a407ad80] .el-image {
  border: none;
}
.mobile .moreImage[data-v-a407ad80] .el-image {
  width: 100%;
}
.moreImageMask[data-v-a407ad80] {
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  width: 100px;
  height: 100px;
  top: 0px;
  left: 0px;
  margin-top: 6px;
  margin-left: 0px;
  text-align: center;
  line-height: 100px;
  border-radius: 6px;
  font-size: 24px;
  color: #fff;
}
.mobile .moreImage .moreImageMask[data-v-a407ad80] {
  width: 100%;
}
.popover-menu .item[data-v-a407ad80] {
  position: relative;
  display: flex;
  align-items: center;
}
.multiSelect .display[data-v-a407ad80]:hover {
  box-shadow: unset;
}
.multiSelect .isSelected .display[data-v-a407ad80] {
  /*border: var(--linewidth) solid var(--general-theme-primary);*/
  border-radius: var(--cornerradius-large);
  box-shadow: inset 0 0 0 var(--linewidth) var(--general-theme-primary);
}


.date-popover {
  padding: 0px !important;
}
.red_dot {
  width: 5px;
  height: 5px;
  background: #ff0000;
  border-radius: 50%;
  display: inline-block;
  margin-left: 10px;
}


.querybar-content[data-v-15f7c156] {
  padding: 12px;
}
.querybar-content p[data-v-15f7c156] {
  margin-bottom: 10px;
}
.select[data-v-15f7c156] {
  margin: 10px 0;
  display: flex;
  justify-content: space-between;
}
.btn[data-v-15f7c156] {
  margin-top: 16px;
}
.btn span[data-v-15f7c156] {
  border-radius: 3px;
  padding: 10px 17px;
  display: inline-block;
  font-size: 12px;
  cursor: pointer;
  color: #8f9193;
}
.btn span[data-v-15f7c156]:first-child {
  background: var(--green);
  color: #ffffff;
}

/* .querybar-content /deep/ .el-input__inner {
  border: none;
} */
body.dark_mode .querybar-content[data-v-15f7c156] .el-range-input::-moz-placeholder, body.dark_mode .querybar-content[data-v-15f7c156] .el-input__inner::-moz-placeholder, body.dark_mode .querybar-content[data-v-15f7c156] .el-input.is-disabled .el-input__inner::-moz-placeholder {
  color: #454545 !important;
}
body.dark_mode .querybar-content[data-v-15f7c156] .el-range-input::placeholder,
body.dark_mode .querybar-content[data-v-15f7c156] .el-input__icon,
body.dark_mode .querybar-content[data-v-15f7c156] .el-input__inner::placeholder,
body.dark_mode .querybar-content[data-v-15f7c156] .el-input.is-disabled .el-input__inner,
body.dark_mode .querybar-content[data-v-15f7c156] .el-input.is-disabled .el-input__inner::placeholder {
  color: #454545 !important;
}
body.dark_mode .querybar-content[data-v-15f7c156] .el-input__inner,
body.dark_mode .querybar-content[data-v-15f7c156] .el-date-editor .el-range-input {
  color: #9d9d9d !important;
}
.querybar-content[data-v-15f7c156] .el-input__inner,
.querybar-content[data-v-15f7c156] .el-date-editor .el-range-input {
  background-color: var(--elInputInnerBg) !important;
}
.querybar-content[data-v-15f7c156] .select .el-input__inner {
  padding: 0 10px;
}
.querybar-content[data-v-15f7c156] .el-input__suffix {
  width: 25px;
  line-height: 40px;
}


.el-date-range-picker__content.is-left,
.el-picker-panel [slot='sidebar'],
.el-picker-panel__sidebar {
  border-right: 1px solid var(--borderGray) !important;
  background-color: unset !important;
}
.el-picker-panel {
  border: 0.5px solid var(--borderGray) !important;
}
.el-date-table th {
  border-bottom: 1px solid var(--borderGray) !important;
}
.el-date-table td.disabled div {
  background-color: var(--elInputInnerBg) !important;
}
.mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: transparent;
}


.querybar[data-v-c8b5bc7e] {
  margin: 5px 18px 15px 18px;
}
.querybar .content[data-v-c8b5bc7e] {
  background: #efefef;
  border-radius: 6px;
  text-align: center;
  color: #9d9d9d;
  font-weight: 400;
  font-size: 12px;
  line-height: 17px;
  padding: 8px 0;
}
.querybar .content[data-v-c8b5bc7e] {
  display: flex;
  justify-content: space-between;
  background: #fafafa;
  padding: 0;
}
body.dark_mode .querybar div[data-v-c8b5bc7e] {
  background-color: #121212 !important;
}
.querybar .action[data-v-c8b5bc7e] {
  cursor: pointer;
  color: var(--tagColor);
}
.querybar-content p[data-v-c8b5bc7e] {
  margin-bottom: 10px;
}
.select[data-v-c8b5bc7e] {
  margin: 10px 0;
  display: flex;
  justify-content: space-between;
}
.btn[data-v-c8b5bc7e] {
  margin-top: 16px;
}
.btn span[data-v-c8b5bc7e] {
  border-radius: 3px;
  padding: 10px 17px;
  display: inline-block;
  font-size: 12px;
  cursor: pointer;
  color: #8f9193;
}
.btn span[data-v-c8b5bc7e]:first-child {
  background: #70b991;
  color: #ffffff;
}
span.disabled[data-v-c8b5bc7e] {
  color: lightgray;
  cursor: not-allowed;
}
span.splitLine[data-v-c8b5bc7e] {
  margin: 0 10px;
  margin-right: 8px;
  cursor: default;
}


body.dark_mode .el-range-input {
  background-color: #2e2e2e !important;
}

.audio-player[data-v-fb9e2998]{width:100%;background:var(--commentItemBg);border-radius:6px;margin-top:10px}.audio-player__controls[data-v-fb9e2998]{padding:10px}.audio-player__controls-action[data-v-fb9e2998]{display:flex;align-items:center;gap:10px;font-size:12px;cursor:pointer}.audio-player__controls-action svg[data-v-fb9e2998]{cursor:pointer;color:var(--iconHover);width:12px;height:12px}.audio-player__controls-del[data-v-fb9e2998]{padding:5px;gap:5px;color:#e47571;font-size:12px;width:54px;box-sizing:border-box;margin-left:-5px;margin-bottom:-5px}.audio-player__controls-del[data-v-fb9e2998]:hover{background:var(--hoverBg);border-radius:6px}.audio-player__controls-del svg[data-v-fb9e2998]{color:#e47571;width:14px;height:14px}.audio-player__controls[data-v-fb9e2998],.audio-player_progress[data-v-fb9e2998]{display:flex;align-items:center;justify-content:space-between;color:#9d9d9d;font-size:12px}.audio-player_progress[data-v-fb9e2998]{font-size:12px}.audio-player__expand[data-v-fb9e2998]{padding:10px;font-size:14px;color:#9d9d9d;line-height:1.8}.edit[data-v-fb9e2998]{margin:10px;width:auto}.expand-enter-active[data-v-fb9e2998],.expand-leave-active[data-v-fb9e2998]{transition:opacity .3s ease}.expand-enter[data-v-fb9e2998],.expand-leave-to[data-v-fb9e2998]{opacity:0}

.relation-list[data-v-dd55e782] {
  max-height: 450px;
  overflow-y: auto;
  border-radius: 5px;
  background: var(--glassBg);
  border: 1px solid #e2e2e2;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
  max-width: 380px;
  overflow-x: hidden;
  backdrop-filter: blur(12px) saturate(190%) contrast(50%) brightness(130%);
}

/* 适配 tray */
@media (max-width: 500px) {
.relation-list[data-v-dd55e782] {
    max-width: 90vw;
}
}
@media (max-height: 500px) {
.relation-list[data-v-dd55e782] {
    max-height: 60vh !important;
}
}
.relation-list[data-v-dd55e782]::-webkit-scrollbar {
  width: 5px !important;
  height: 10px !important;
  border-radius: 10px;
}
.relation-list[data-v-dd55e782]::-webkit-scrollbar-thumb {
  background: var(--scrollbarThumb);
}
.relation-list__no-results[data-v-dd55e782] {
  padding: 0.2rem 0.5rem;
}
.relation-list__item[data-v-dd55e782] {
  padding: 11px 16px;
  cursor: pointer;
  /* max-height: 102px; */
  /* overflow: hidden; */
}
.relation-list__item .date[data-v-dd55e782] {
  color: #8f9193;
  font-size: var(--memo-xgbi-icon-size);
  margin-bottom: 11px;
}
.relation-list__item .content[data-v-dd55e782] {
  line-height: var(--memo-content-line-height);
  color: var(--memoContentColor);
  font-size: var(--memo-content-font-size);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
.relation-list__item .content .highlight[data-v-dd55e782] {
  background: #fffa76;
  color: #000;
  font-weight: bold;
}
.relation-list__item[data-v-dd55e782]:last-child {
  margin-bottom: 0;
}
.relation-list__item.is-selected[data-v-dd55e782],
.relation-list__item[data-v-dd55e782]:hover {
  background: var(--tagHoverBg);
}
.relation-list__item.is-empty[data-v-dd55e782] {
  opacity: 0.5;
}
body.dark_mode .relation-list[data-v-dd55e782] {
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.9) !important;
  border: 1px solid rgba(0, 0, 0, 0.5);
  /* background: #2e2e2e; */
  backdrop-filter: blur(10px) saturate(190%) contrast(70%) brightness(80%);
}
body.dark_mode .relation-list[data-v-dd55e782]::-webkit-scrollbar-thumb {
  background: #4f4f4f;
}
body.dark_mode .relation-list__item.is-selected[data-v-dd55e782],
body.dark_mode .relation-list__item[data-v-dd55e782]:hover {
  background: #3e3e3e;
}


.highlight {
  background: var(--highlight);
  color: var(--memoContentColor);
  font-weight: bold;
}
.highlight mark {
  background: var(--highlight);
}


.tag-suggestions {
  position: absolute;
  border-radius: 6px;
  min-width: 160px;
  z-index: 9999;
  transform: translateY(2px); /* 微调对齐 */
  border: 1px solid rgba(00, 00, 00, 0.1);
  font-size: var(--memo-content-font-size);
  max-height: 260px;
  overflow-y: auto;
  background-color: var(--glassBg);
  color: var(--memoContentColor);
  border-radius: 5px;
  box-shadow: 0 2px 16px #dddddd;
  backdrop-filter: blur(12px) saturate(190%) contrast(50%) brightness(130%);
}
@media (max-height: 400px) {
.tag-suggestions {
    max-height: 60vh !important;
}
}
.tag-suggestions::-webkit-scrollbar {
  width: 5px !important;
  height: 10px !important;
  border-radius: 10px;
}
.tag-suggestions::-webkit-scrollbar-thumb {
  background: var(--scrollbarThumb);
}
.tag-item {
  padding: 8px 10px;
  cursor: pointer;
  transition: background 0.2s;
}
.tag-item:hover,
.tag-item.selected {
  background: var(--hoverBg);
}
body.dark_mode .tag-suggestions {
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.9) !important;
  border: 1px solid rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(10px) saturate(190%) contrast(70%) brightness(80%);
}


div.input-box[data-v-7d61b5d8] {
  border: 1px solid #e8e8e8;
  border-radius: var(--cornerradius-large);
  position: relative;
  background: var(--editor-menu-bar-bg);
}
div.input-box[data-v-7d61b5d8]:hover {
  border-color: #d3ecdd;
}
.editMemo div.input-box[data-v-7d61b5d8] {
  border: 1px solid transparent;
  border-color: transparent !important;
}
.editMemo div.input-box[data-v-7d61b5d8]:hover {
  border-color: none;
}
.dark_mode .input-box[data-v-7d61b5d8]:hover {
  border: 1px solid var(--green) !important;
}
.dark_mode .editMemo .input-box[data-v-7d61b5d8]:hover,
.dark_mode .pinWindow .input-box[data-v-7d61b5d8]:hover {
  border: 1px solid transparent !important;
}
.editor-content[data-v-7d61b5d8] {
  font-size: var(--memo-content-font-size);
  padding: var(--memo-padding);
  color: var(--memoContentColor);
  background: var(--defaultBg);
  border-top-left-radius: var(--cornerradius-large);
  border-top-right-radius: var(--cornerradius-large);
}
.editMemo .editor-content[data-v-7d61b5d8] {
  padding: 0px;
  padding-bottom: 20px;
}
.editMemo div.editor-menu-bar .pin-left[data-v-7d61b5d8] {
  left: 0px;
}
.editor-content[data-v-7d61b5d8] p.is-editor-empty:first-child::before {
  content: attr(data-placeholder);
  float: left;
  color: #aaa;
  pointer-events: none;
  height: 0;
}
.editor-content[data-v-7d61b5d8] .ProseMirror {
  min-height: 92px;
  /* max-height: 500px; */
  max-height: calc(50vh);
  overflow-y: scroll;
  transition: min-height 0.3s ease-in;
}
#tray_editor .editor-content[data-v-7d61b5d8] .ProseMirror {
  min-height: 300px;
  /*max-height: unset;*/
}
.tray-text[data-v-7d61b5d8] .ProseMirror {
  max-height: calc(100vh - 120px);
}
.tray-image[data-v-7d61b5d8] .ProseMirror {
  max-height: calc(100vh - 120px);
}
.mobile .hasFiles .editor-content[data-v-7d61b5d8] .ProseMirror {
  max-height: 250px;
}
.editor-content[data-v-7d61b5d8] .ProseMirror:focus {
  outline: none;
}
.editor-content[data-v-7d61b5d8] ul,
.editor-content[data-v-7d61b5d8] ol {
  -webkit-padding-start: var(--memo-ul-padding-left);
          padding-inline-start: var(--memo-ul-padding-left);
  margin: 0;
  margin-bottom: 0.5em;
}
.editor-content[data-v-7d61b5d8] ul:last-child,
.editor-content[data-v-7d61b5d8] ol:last-child {
  margin-bottom: 0;
}
.editor-content[data-v-7d61b5d8] li {
  line-height: 1;
}
.editor-content[data-v-7d61b5d8] li p {
  margin-bottom: 0;
}
.editor-content[data-v-7d61b5d8] p {
  line-height: 1.8;
  margin: 0;
  margin-bottom: 0.5em;
  min-height: 25px;
}
.editor-content[data-v-7d61b5d8] p:last-child {
  margin-bottom: 0;
}
.editor-content[data-v-7d61b5d8] img {
  width: 200px;
}
.files[data-v-7d61b5d8] {
  padding: 5px 18px;
}
.files[data-v-7d61b5d8] .el-upload--picture-card {
  width: 70px;
  height: 70px;
  line-height: 78px;
}
.files[data-v-7d61b5d8] .el-upload-list--picture-card .el-upload-list__item {
  width: 70px;
  height: 70px;
  border-radius: 8px;
  transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
}
.files[data-v-7d61b5d8] .el-upload-list--picture-card .el-upload-list__item img.el-image__inner {
  width: 70px;
  height: 70px;
}
.files[data-v-7d61b5d8] img.el-upload-list__item-thumbnail {
  -o-object-fit: cover;
     object-fit: cover;
}
.el-upload-list__item-thumbnail[data-v-7d61b5d8]:hover {
  cursor: move;
  background: rgba(00, 00, 00, 0.1);
}
.files[data-v-7d61b5d8] .el-progress {
  width: 50px;
  margin: 0 auto;
}
div.editor-menu-bar[data-v-7d61b5d8] {
  height: 40px;
  background: var(--editor-menu-bar-bg);
  border-bottom-left-radius: var(--cornerradius-large);
  border-bottom-right-radius: var(--cornerradius-large);
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* padding: 0 15px; */
  /* padding-left: 10px; */
}
div.editor-menu-bar .pin-left[data-v-7d61b5d8] {
  position: absolute;
  bottom: 5px;
  left: 15px;
}
div.editor-menu-bar .pin-left svg[data-v-7d61b5d8] {
  fill: #9d9d9d;
}
div.editor-menu-bar .pin-left svg[data-v-7d61b5d8]:hover {
  fill: #000000;
}
.dark_mode div.editor-menu-bar .pin-left svg[data-v-7d61b5d8]:hover {
  fill: #e3e3e3;
}
div.editor-menu-bar .pin-right[data-v-7d61b5d8] {
  position: absolute;
  bottom: 10px;
  right: 0px;
  display: flex;
}
.actions[data-v-7d61b5d8] {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.actions .svg-icon[data-v-7d61b5d8] {
  margin: 0 9px;
  cursor: pointer;
  color: var(--svgActiveColor);
}
.actions .is-disabled[data-v-7d61b5d8] {
  color: var(--svgDisableColor);
}
div.editor-menu-bar .el-button + .el-button[data-v-7d61b5d8] {
  margin-left: 3px;
}
div.editor-menu-bar .el-button--text[data-v-7d61b5d8],
div.editor-menu-bar .el-button--text.is-active[data-v-7d61b5d8] {
  color: #7d7d7d;
  border-color: transparent;
  padding: 0px 5px;
}
div.editor-menu-bar .el-button--text.is-active[data-v-7d61b5d8] {
  color: black;
}
div.editor-menu-bar .el-button--text.is-active svg[data-v-7d61b5d8] {
  color: var(--editorActiveColor);
  background: var(--hoverBg);
}
div.editor-menu-bar .submit-btn[data-v-7d61b5d8] {
  color: #fff;
  background: #55bb8e;
  border-color: #55bb8e;
  font-size: 12px;
}
div.editor-menu-bar .submit-btn[data-v-7d61b5d8]:disabled {
  background: #aaddc6;
  border-color: #aaddc6;
}
.hashtag[data-v-7d61b5d8] {
  background: rgba(00, 00, 00, 0.1);
  color: rgba(00, 00, 00, 0.6);
  font-size: 0.8rem;
  font-weight: bold;
  border-radius: 5px;
  padding: 0.2rem 0.5rem;
  white-space: nowrap;
}
.hashtag-suggestion[data-v-7d61b5d8] {
  color: rgba(00, 00, 00, 0.6);
}
.cancel-btn[data-v-7d61b5d8] {
  border-color: transparent !important;
  padding: 6px 10px;
  margin-right: 10px;
  color: #9d9d9d;
  background: var(--cancel-btn-bg);
}
.cancel-btn[data-v-7d61b5d8]:hover {
  background-color: var(--cancel-btn-hover-bg);
  color: #9d9d9d;
}
.dragArea[data-v-7d61b5d8] {
  display: flex;
  justify-content: flex-start;
  align-content: center;
  flex-wrap: wrap;
  flex-direction: row;
}
.flip-list-move[data-v-7d61b5d8] {
  transition: transform 0.3s;
}
.no-move[data-v-7d61b5d8] {
  transition: transform 0s;
}
.ghost[data-v-7d61b5d8] {
  opacity: 0.5;
  background: #c8ebfb;
}
.uploadBtn[data-v-7d61b5d8] {
  border: none !important;
  border-radius: 6px !important;
}
.files .el-image[data-v-7d61b5d8] {
  margin-top: 0px;
  border: none !important;
}


.tippy-box[data-theme~='dark'] {
  background-color: rgba(0, 0, 0, 0.9);
  padding: 0;
  font-size: 1rem;
  text-align: inherit;
  color: #ffffff;
  border-radius: 5px;
  box-shadow: 0 2px 16px #dddddd;
}
.ProseMirror-selectednode {
  border-radius: 2px;
  box-shadow: #55bb8e 0px 0px 0px 2px;
  width: 98%;
}
.saveBtn {
  fill: var(--green);
}
.saveBtn:hover {
  fill: #8ddeb5;
}
.focused {
  border: 1px solid var(--green) !important;
  box-shadow: 0px 2px 10px var(--focused-shadow-bg);
}
.blurd {
  border: 1px solid var(--blurd-border-color) !important;
  box-shadow: 0px 2px 10px var(--blurd-shadow-color);
}
.disableSave,
.saveBtn {
  margin-right: 15px;
}
.disableSave rect {
  fill: var(--editorColor);
}
.disableSave path {
  fill: white;
}
.focused .disableSave rect {
  fill: var(--focus-disabled);
}
body.dark_mode .disableSave path {
  fill: #9d9d9d;
}
.memo .ProseMirror {
  max-height: unset !important;
}
.ProseMirror p u {
  text-underline-offset: 5px;
}
.saveBtn rect {
  fill: var(--green);
}
.saveBtn path {
  fill: var(--saveSvgPathColor);
}
.saveBtn:hover rect {
  fill: #2bba6d;
}
li.hide {
  display: none;
}
.ProseMirror {
  white-space: pre-wrap !important;
  word-wrap: break-word !important;
}

.bubble-menu[data-v-7d61b5d8]{background:var(--glassBg);backdrop-filter:blur(12px) saturate(190%) contrast(50%) brightness(130%);border:.5px solid var(--fuzzy-border);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);border-radius:4px;visibility:visible !important}.bubble-menu .wrap[data-v-7d61b5d8]{display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;border:.5px solid var(--glass-inner-border);border-radius:4px}.bubble-menu .wrap button[data-v-7d61b5d8]{display:inline-block;margin:0 5px;border:none;background:none;height:28px}.bubble-menu .wrap svg[data-v-7d61b5d8]{padding:5px;cursor:pointer;border-radius:3px}.bubble-menu .wrap svg[data-v-7d61b5d8]:hover{color:var(--editorActiveColor);fill:var(--editorActiveColor);background:var(--hoverBg)}.bubble-menu .wrap .is-active svg[data-v-7d61b5d8]{color:var(--editorActiveColor);background:var(--hoverBg)}.floatMenu[data-v-7d61b5d8]{border:.5px solid var(--glass-inner-border);padding:5px 0px;border-radius:4px !important}.toolMenu[data-v-7d61b5d8]{display:flex;justify-content:center;align-items:center}.toolMenu .hashTag[data-v-7d61b5d8]{margin-left:-5px}.toolMenu svg[data-v-7d61b5d8]{padding:5px;cursor:pointer;border-radius:3px;color:var(--editorColor)}.toolMenu svg[data-v-7d61b5d8]:hover{color:var(--editorActiveColor);fill:var(--editorActiveColor);background:var(--hoverBg)}.toolMenu .is-active svg[data-v-7d61b5d8]{fill:var(--editorActiveColor);color:var(--editorActiveColor)}.focused .toolMenu svg[data-v-7d61b5d8]{color:#9d9d9d}#app .toolMenu svg[data-v-7d61b5d8]{margin:0 -5px}

.vertical-line {
  width: 1px !important;
  height: 16px !important;
  background: var(--editorColor);
  margin: 10px !important;
  display: inline-block;
}
#app .vertical-line {
  margin: 10px 5px;
}
blockquote {
  padding-left: 10px;
  border-left: 2px solid var(--blockquote-bg);
  margin-bottom: 0.5em;
}
blockquote p,
blockquote li {
  line-height: 1.5em !important;
}
s {
  color: rgba(157, 157, 157, 1);
}
mark {
  background: var(--mark-bg);
  color: var(--memoContentColor);
  padding: 1px 0 2px;
}


.toolMenuPopover {
  border-radius: 4px !important;
  backdrop-filter: blur(20px) !important;
  margin: 0px;
  width: 110px !important;
  min-width: unset !important;
  box-sizing: border-box;
  box-shadow: none !important;
  background: var(--glassBg);
  border: 0.5px solid var(--fuzzy-border) !important;
  padding: 0px !important;
}
.toolMenuPopover span {
  display: inline-block;
  width: 28px;
  height: 28px;
  margin: 0 2.5px !important;
}
.toolMenuPopover svg {
  color: #9d9d9d !important;
}
.toolMenuPopover svg:hover {
  color: var(--editorActiveColor) !important;
}
body.dark_mode .blurd,
body.dark_mode .focused,
body.dark_mode .foldList:hover {
  box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.2) !important;
}
body.dark_mode .input .blurd,
body.dark_mode .input .focused {
  box-shadow: unset !important;
}


span.mention,
span.relation {
  color: var(--editTagColor);
  font-size: var(--memo-content-font-size);
}

.search-input[data-v-5a015bd3]{max-width:100%;width:280px}.search-input[data-v-5a015bd3] .el-input__inner{transition:all .3s ease;background:#efefef;border-radius:8px;border:none;padding-right:60px;padding-left:35px;height:36px;line-height:36px;color:var(--text-regular)}.search-input[data-v-5a015bd3] .el-input__inner::-moz-placeholder{color:var(--text-subtle)}.search-input[data-v-5a015bd3] .el-input__inner::placeholder{color:var(--text-subtle)}@media(max-width: 768px){.search-input[data-v-5a015bd3]{width:150px}}.search-suffix[data-v-5a015bd3],.search-prefix[data-v-5a015bd3]{display:flex;align-items:center;gap:8px;height:36px;line-height:36px}.search-prefix[data-v-5a015bd3]{margin-left:5px}.search-suffix[data-v-5a015bd3]{margin-right:5px}.search-icon[data-v-5a015bd3]{cursor:pointer;color:var(--text-subtle);transition:all .3s ease}.search-icon[data-v-5a015bd3]:hover{color:var(--text-regular)}.search-icon.focus-icon[data-v-5a015bd3]{color:var(--text-regular)}.clear-icon[data-v-5a015bd3]{transition:opacity .3s ease}

div.topbar[data-v-4d7daee8] {
  padding: 10px 10px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mobile div.topbar[data-v-4d7daee8] {
  padding: 10px 20px 0;
}
div.topbar .left .menu[data-v-4d7daee8] {
  position: relative;
}
div.topbar .left .nomal[data-v-4d7daee8] {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  /* height: 32px; */
}
div.topbar .left span[data-v-4d7daee8] {
  display: inline-block;
  white-space: nowrap;
}
div.topbar .left span.line[data-v-4d7daee8] {
  color: var(--splitLineBg);
  font-weight: normal;
}
.mobile div.topbar .left span.line[data-v-4d7daee8] {
  margin: 0 3px;
}
div.topbar .left span b span[data-v-4d7daee8]:first-child,
div.topbar .left span span.memoTag[data-v-4d7daee8] {
  cursor: pointer;
  color: #5f5f5f;
  border-radius: 3px;
  min-width: 0px;
}
div.topbar .left span span.memoTag[data-v-4d7daee8] {
  padding: 6px;
  margin-left: -6px;
  height: 32px;
  box-sizing: border-box;
}
div.topbar .left span .lastTag span[data-v-4d7daee8]:first-child {
  cursor: unset;
}
div.topbar .left span .lastTag span[data-v-4d7daee8]:first-child:hover {
  background: unset !important;
  color: unset;
}
div.topbar .left span label[data-v-4d7daee8] {
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
div.topbar .left span .lastTag label[data-v-4d7daee8] {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: default;
}
div.topbar .left span span[data-v-4d7daee8]:first-child:hover,
div.topbar .left span span.memoTag[data-v-4d7daee8]:hover {
  /*background: var(--hoverBg);*/
  border-radius: 3px;
  cursor: pointer;
}
body.dark_mode div.topbar .left span span[data-v-4d7daee8]:first-child:hover,
body.dark_mode div.topbar .left span span.memoTag[data-v-4d7daee8]:hover {
  background: var(--hoverBg);
}
div.topbar .left span .pro[data-v-4d7daee8] {
  color: #9d9d9d;
  background: var(--pro-bg);
  font-size: 12px;
  padding: 2px 4px;
  border-radius: 4px;
  border: 1px solid #9d9d9d;
  display: inline-block;
  cursor: pointer;
  position: relative;
  bottom: 2px;
  margin-left: 8px;
}

/*div.topbar .el-input.search {
  max-width: 100%;
  width: 280px;
}

.mobile div.topbar .el-input.search {
  width: 150px;
}

div.topbar .el-input.search /deep/ .el-input__inner {
  background: #efefef;
  border-radius: 8px;
  border: none;
  padding-right: 60px;
  height: 36px;
  line-height: 36px;
}

body.dark_mode div.topbar .el-input.search /deep/ .el-input__inner::placeholder {
  color: var(--text-subtle);
}

body.dark_mode div.topbar .el-input.search /deep/ .el-input__inner {
  color: var(--text-regular);
}*/
.search-quicklinks .el-link[data-v-4d7daee8] {
  display: block;
  line-height: 2;
}
.tag-menu-button[data-v-4d7daee8] {
  display: block;
  margin-left: 0;
  padding: 8px 0 8px 6px;
}
div.memos[data-v-4d7daee8] {
  display: flex;
  flex-direction: column;
  height: 600px;
  overflow-y: auto;
  padding: 0 10px 10px;
  padding-right: 5px;
}
.mobile div.memos[data-v-4d7daee8] {
  padding: 0 20px 10px;
}
div.isSafari[data-v-4d7daee8] {
  /*padding-right: 20px;*/
}
div.memos[data-v-4d7daee8]::-webkit-scrollbar {
  width: 5px !important;
  height: 5px !important;
  background-color: transparent;
}
div.memos[data-v-4d7daee8]::-webkit-scrollbar-thumb {
  background-color: transparent;
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
}
div.memos[data-v-4d7daee8]:hover::-webkit-scrollbar-thumb {
  background-color: rgba(170, 170, 170, 0.2);
}
div.memo[data-v-4d7daee8] {
  margin: 5px 0 5px;
  /* width: 598px; */
}
div.loading[data-v-4d7daee8] {
  text-align: center;
  color: #9d9d9d;
  font-size: 12px;
  padding: 20px 0;
}
div.input[data-v-4d7daee8] {
  padding: 10px 10px 10px;
}
.mobile div.input[data-v-4d7daee8] {
  padding: 10px 20px 10px;
}
.el-button--text[data-v-4d7daee8],
.el-button--text.is-active[data-v-4d7daee8] {
  color: #7d7d7d;
  border-color: transparent;
}
div.input div.wechat_bind[data-v-4d7daee8] {
  background: #efefef;
  color: #202020;
  padding: 10px 10px;
  border-radius: 6px;
  display: flex;
  justify-content: space-between;
}
.mobile div.input div.wechat_bind[data-v-4d7daee8] {
  padding: 10px 20px;
}
div.input div.wechat_bind span.link[data-v-4d7daee8] {
  color: #6d93f3;
  text-decoration: none;
  cursor: pointer;
}
.el-drawer__wrapper[data-v-4d7daee8] .input-box {
  border: none;
  border-radius: 0px;
}
.red_pointer[data-v-4d7daee8] {
  position: relative;
}
.red_pointer[data-v-4d7daee8]:before {
  content: ' ';
  border: 3px solid #ff1a1a;
  border-radius: 3px;
  position: absolute;
  z-index: 1000;
  right: 0%;
  margin-right: -4px;
  margin-top: -4px;
}
.offline[data-v-4d7daee8] {
  margin-bottom: 12px;
  padding: 0 10px;
}
.offline div[data-v-4d7daee8] {
  background: var(--BgTestAnnouncement);
  border-radius: 6px;
  text-align: center;
  color: #9d9d9d;
  font-weight: 400;
  font-size: 12px;
  line-height: 17px;
  padding: 8px 0;
}
.left svg[data-v-4d7daee8] {
  color: #9d9d9d;
}
.sync-icon[data-v-4d7daee8] {
  stroke: unset !important;
}
.shortTags[data-v-4d7daee8] {
  height: 31px;
  line-height: 31px;
  box-sizing: border-box;
}

/*/deep/.el-input__prefix,
/deep/.el-input__suffix {
  line-height: 40px;
  width: 25px;
}

/deep/.el-input__suffix {
  width: 50px;
}

.searchIcon {
  cursor: pointer;
}

path,
rect {
  pointer-events: none;
}

.search-icon,
.clear-icon,
.search-icon rect {
  fill: var(--text-subtle);
}*/
.focusIcon[data-v-4d7daee8] {
  color: var(--text-regular);
}
.sync-icon[data-v-4d7daee8] {
  position: relative;
  fill: #9d9d9d;
  padding: 5px;
}
.sync-icon[data-v-4d7daee8],
.edit-icon[data-v-4d7daee8] {
  width: 16px !important;
  height: 16px !important;
}
.edit-icon[data-v-4d7daee8] {
  padding: 9px;
  margin-right: 3px;
}
.sync-icon[data-v-4d7daee8]:hover,
.edit-icon[data-v-4d7daee8]:hover {
  background: var(--hoverBg);
  border-radius: 4px;
  cursor: pointer;
}

/* .dark_mode .sync-icon:hover {
  fill: #e3e3e3;
} */
.empty[data-v-4d7daee8] {
  text-align: center;
  padding: 20px 0;
  color: #9d9d9d;
  font-size: 12px;
}
.end[data-v-4d7daee8] {
  display: flex;
  justify-content: center;
  align-items: center;
  color: rgba(157, 157, 157, 1);
  padding: 20px 0;
  font-size: 12px;
}
.end div[data-v-4d7daee8] {
  margin: 0 5px;
}
.action[data-v-4d7daee8] {
  font-size: 14px;
  margin: 10px 0;
  cursor: pointer;
  color: #9d9d9d;
}
.action[data-v-4d7daee8]:hover {
  color: #dcd1ba;
}
.last_year_today[data-v-4d7daee8] {
  color: #454545 !important;
}
.last_year_today[data-v-4d7daee8]:hover {
  color: #55bb8e !important;
}
body.dark_mode .last_year_today[data-v-4d7daee8] {
  color: #6d6d6d !important;
}
body.dark_mode .last_year_today[data-v-4d7daee8]:hover {
  color: #55bb8e !important;
}
.placeholder_memo[data-v-4d7daee8] {
  padding: 10px;
  width: 100%;
  height: 40px;
}
.foldList[data-v-4d7daee8] {
  border-radius: 6px;
  margin-bottom: 7.5px;
  /* margin-top: 2.5px; */
}
.foldList[data-v-4d7daee8]:hover {
  box-shadow: 0px 2px 10px #dddddd;
}
.foldList .title[data-v-4d7daee8] {
  padding: 20px 15px;
  padding-bottom: 7.5px;
  font-size: 12px;
  border-radius: 6px 6px 0 0;
  background: var(--defaultBg);
  color: #8f9193;
}
.foldList .more[data-v-4d7daee8] {
  padding: 15px;
  padding-top: 7.5px;
  font-size: 12px;
  color: var(--tagColor);
  cursor: pointer;
  border-radius: 0 0 6px 6px;
  background: var(--defaultBg);
}
.foldList .more span[data-v-4d7daee8] {
  padding: 6px;
  font-size: 12px;
  cursor: pointer;
  border-radius: 3px;
  background: var(--defaultBg);
  margin-left: -6px;
}
.foldList .more span[data-v-4d7daee8]:hover {
  background-color: var(--hoverBg);
}
.tag_emoji[data-v-4d7daee8] {
  vertical-align: middle;
  font-style: normal;
  line-height: 1em;
  white-space: nowrap;
  position: relative;
  margin-right: 5px;
}
.home-tag[data-v-4d7daee8] {
  padding: 5px;
  margin-left: -6px;
  box-sizing: border-box;
  border-radius: 4px;
  cursor: pointer;
}
.home-tag label[data-v-4d7daee8] {
  height: 16px;
}
.home-tag[data-v-4d7daee8]:hover {
  background-color: var(--hoverBg);
}

.bind_box[data-v-4d7daee8]{display:flex;justify-content:space-between;align-items:center}.memoList[data-v-4d7daee8]{height:calc(100vh - 200px);overflow-y:auto;padding:0 10px 10px}.memoList .memo[data-v-4d7daee8]{margin:5px 0}.mobile .memoList[data-v-4d7daee8]{padding:0 20px 10px}.syncing[data-v-4d7daee8]{margin-left:5px;color:#5f5f5f}.retryBtn[data-v-4d7daee8]{color:var(--tagColor);cursor:pointer}
.LaunchAppBottom[data-v-c2adafd0]{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background-color:var(--bgGreen);color:var(--memberPlanColor);border-radius:100px;width:263px;box-sizing:border-box;position:fixed;bottom:20px;bottom:calc(env(safe-area-inset-bottom) + 20px);bottom:calc(env(safe-area-inset-bottom) + 20px);left:50%;transform:translateX(-50%);font-size:15px}.LaunchAppBottom .svg-icon[data-v-c2adafd0]{width:46px;color:var(--memberPlanColor)}.LaunchAppBottom__line[data-v-c2adafd0]{width:1px;height:20px;background-color:var(--verticalLine)}.LaunchAppBottom__btn[data-v-c2adafd0]{font-size:15px;font-weight:600}.wx[data-v-c2adafd0]{bottom:20px;bottom:calc(20px + constant(safe-area-inset-bottom));bottom:calc(20px + env(safe-area-inset-bottom))}.wx .LaunchAppBottom[data-v-c2adafd0]{position:unset;transform:unset}

div.thread[data-v-4a22c16e] {
  padding: 0 10px;
  max-width: 648px;
  max-height: 100%;
  /* overflow: auto; */
  margin: 0px 10px 20px 0;
  position: relative;
  background: (--defaultBg);
  margin: 0 auto;
}
div.thread .header[data-v-4a22c16e] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
  box-sizing: border-box;
  margin-bottom: 10px;
}
div.thread .header h2[data-v-4a22c16e] {
  font-weight: bold;
  color: var(--memoContentColor);
  margin-top: 10px;
  font-size: 16px;
}
div.thread .header .close[data-v-4a22c16e] {
  padding: 6px;
  color: grey;
  cursor: pointer;
}
div.card[data-v-4a22c16e] {
  position: relative;
  background: #ffffff;
  border-radius: 6px;
  padding: 15px;
}
.memo[data-v-4a22c16e] {
  /* padding: 10px 10px; */
}
div.related[data-v-4a22c16e] {
  color: #8f9193;
  font-size: 12px;
  padding: 0;
  cursor: pointer;
  margin-top: 6px;
}
div.related ul[data-v-4a22c16e] {
  list-style-type: none;
  -webkit-padding-start: 0;
          padding-inline-start: 0;
  line-height: 2;
  margin: 6px 0 0;
}
div.related ul li[data-v-4a22c16e] {
  display: flex;
  align-items: center;
}
div.related ul li div.icon[data-v-4a22c16e] {
  margin-right: 6px;
  width: 12px;
  height: 12px;
  display: flex;
}
div.related ul li div.text[data-v-4a22c16e] {
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.replies[data-v-4a22c16e] {
  margin-top: 18px;
  margin-bottom: 10px;
}
.replies p[data-v-4a22c16e] {
  color: #9d9d9d;
  text-align: center;
  font-size: 12px;
}
.replies h3[data-v-4a22c16e] {
  font-weight: bold;
  font-size: 14px;
  color: #323232;
  margin-top: 20px;
  margin-left: 10px;
}
.replies .pro[data-v-4a22c16e] {
  font-weight: normal;
  font-size: 12px;
  color: #9d9d9d;
  border: 1px solid;
  padding: 1px 4px;
  border-radius: 4px;
  margin-left: 4px;
}
.replies .reply[data-v-4a22c16e] {
  margin: 10px 0;
}
div.reply div.reply-card[data-v-4a22c16e] {
  position: relative;
  background: #ffffff;
  border-radius: 6px;
  padding: 15px;
}
div.reply div.reply-card[data-v-4a22c16e]:hover {
  box-shadow: 0px 2px 10px #dddddd;
}
div.reply div.reply-card div.tools[data-v-4a22c16e] {
  position: absolute;
  right: 0;
  top: 0;
  display: none;
}
div.reply div.reply-card:hover div.tools[data-v-4a22c16e] {
  display: block;
}
div.reply.limited[data-v-4a22c16e] {
  font-size: 14px;
  color: #8f9193;
}
div.reply.limited span[data-v-4a22c16e] {
  color: var(--tagColor);
  text-decoration: none;
  cursor: pointer;
}
.time[data-v-4a22c16e] {
  color: #8f9193;
  font-size: 12px;
  margin-bottom: 4px;
}
.content[data-v-4a22c16e] {
  color: #323232;
  font-size: 14px;
}
.content[data-v-4a22c16e] a,
.content[data-v-4a22c16e] a:visited {
  color: #5783f7;
  text-decoration: none;
}
.content[data-v-4a22c16e] span.tag {
  color: var(--tagColor);
  cursor: pointer;
}
.content[data-v-4a22c16e] ul,
.content[data-v-4a22c16e] ol {
  -webkit-padding-start: 22px;
          padding-inline-start: 22px;
  margin: 0;
}
.content[data-v-4a22c16e] li {
  line-height: 1;
}
.content[data-v-4a22c16e] p {
  line-height: 1.8;
  margin: 0;
  min-height: 20px;
}
.files img[data-v-4a22c16e] {
  width: 100px;
  height: 100px;
  border: 1px solid #e6e6e6;
  cursor: pointer;
  border-radius: 4px;
  margin-right: 12px;
  margin-top: 6px;
}
blockquote.parent[data-v-4a22c16e] {
  font-size: 12px;
  color: #8f9193;
  border-left: 2px solid #e6e6e6;
  margin: 10px 0 0 0;
  padding-left: 10px;
  cursor: pointer;
}
.input-box[data-v-4a22c16e] {
  margin-top: 10px;
}


/*@import '/public/css/dark_mode.css';*/
.el-container[data-v-cb563e88] {
  width: -moz-min-content;
  width: min-content;
  max-width: 100%;
  height: calc(100vh);
  margin: 0 auto;
}
.desktop .el-container[data-v-cb563e88] {
  height: calc(100vh - 50px);
}
.beta .el-container[data-v-cb563e88] {
  height: calc(100vh - 40px);
}
.el-container.mobile[data-v-cb563e88] {
  width: 100%;
}

/*.el-main {
  width: 640px;
}*/
.is-Gird[data-v-cb563e88] {
  width: 100%;
}
.mobile .el-main[data-v-cb563e88] {
  width: 100%;
}
.el-aside.right[data-v-cb563e88] {
  width: 270px !important;
}
@media screen and (max-width: 640px) {
.el-aside.left[data-v-cb563e88] {
    display: none;
}
}
@media screen and (max-width: 880px) {
.el-aside.right[data-v-cb563e88] {
    display: none;
}
}
.el-main[data-v-cb563e88] {
  padding: 0;
  margin: 0;
  overflow: hidden;
}
.el-drawer__wrapper[data-v-cb563e88] .el-drawer {
  /* max-width: 90%; */
  height: 100%;
}
.el-drawer__wrapper[data-v-cb563e88] .el-drawer__body {
  overflow: auto;
  background: #fafafa;
}
.el-dialog__wrapper[data-v-cb563e88] .el-dialog__body {
  padding: 10px 20px 10px;
}
.el-drawer__wrapper[data-v-cb563e88] .el-drawer__body .flomo-fade {
  display: none;
}
.help-link[data-v-cb563e88] {
  display: block;
  line-height: 2;
}
.el-dialog__wrapper[data-v-cb563e88] .el-dialog.share-memo-dialog {
  background: var(--memoShareCardBg);
}
.el-dialog__wrapper[data-v-cb563e88] .el-dialog.share-dialog .el-dialog__body {
  padding: 0 0 0px 0;
}
.hide[data-v-cb563e88] {
  transition: all 0.8s ease;
  transform: translateX(-100vw);
  position: fixed;
}
.show[data-v-cb563e88] {
  transition: all 0.5s ease;
  transform: translateX(0);
}
.fixed-side[data-v-cb563e88] {
  position: fixed;
  left: 0;
  top: 20px;
  box-shadow: 1px 0px 3px rgba(0, 0, 0, 0.15);
  border-radius: 0px 6px 6px 0px;
  width: 220px;
  overflow-y: scroll;
  display: block;
  z-index: 999;
  background: var(--bodyBg);
  padding: 0 10px;
}
.desktop .fixed-side[data-v-cb563e88] {
  top: 38px;
}
.slide-fade-enter-active[data-v-cb563e88] {
  transition: all 0.3s ease;
}
.slide-fade-leave-active[data-v-cb563e88] {
  transition: all 0.5s cubic-bezier(0, 0.5, 0.8, 1);
}
.slide-fade-enter[data-v-cb563e88],
.slide-fade-leave-to[data-v-cb563e88]

/* .slide-fade-leave-active below version 2.1.8 */ {
  transform: translateX(-100%);
  opacity: 0;
}
.slide-hide-enter-active[data-v-cb563e88] {
  transition: all 0.3s ease;
}
.slide-hide-leave-active[data-v-cb563e88] {
  transition: all 0.5s cubic-bezier(1, 0.5, 0.8, 1);
}
.slide-hide-enter[data-v-cb563e88],
.slide-hide-leave-to[data-v-cb563e88] {
  transform: translateX(-100%);
  opacity: 0;
}

/* .slide-fade-enter {
  animation: fadeInLeft 1s;
}

.slide-fade-leave-to {
  animation: fadeOutLeft 1s;
} */
@keyframes fadeInLeft-cb563e88 {
0% {
    opacity: 0;
    transform: translateX(-100%);
}
100% {
    opacity: 1;
    transform: translateX(0);
}
}
@keyframes fadeOutLeft-cb563e88 {
0% {
    opacity: 1;
    transform: translateX(0);
}
100% {
    opacity: 0;
    transform: translateX(-20px);
}
}
.proTip[data-v-cb563e88] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px 0;
  font-size: 14px;
  text-align: justify;
  color: var(--textSecondary);
}
.proTip .proTipContent[data-v-cb563e88] {
  display: flex;
  align-items: center;
}
.proTip .proTipContent svg[data-v-cb563e88] {
  margin: 0 5px;
}
.proTip .proTipBtn[data-v-cb563e88] {
  color: rgba(87, 131, 247, 1);
  cursor: pointer;
}


@media screen and (max-width: 750px) {
.confirm {
    width: 80% !important;
}
}
.memoModal {
  background: var(--noticeListItemBg) !important;
}
.memoModal .el-dialog__header {
  display: none !important;
}
.memoModal .el-dialog__body {
  padding: 0 !important;
}
@media screen and (max-width: 1000px) {
  /*.el-aside {
    padding: 0 20px;
  }*/
  /*.el-aside.left {
    width: 280px !important;
  }*/
}

/*@media screen and (min-width: 1000px) {
  .el-aside.left {
    width: 260px !important;
  }
}*/
.placeholder-div {
  height: 30px;
}
.desktop .el-drawer__body .header {
  padding-top: 30px;
}
.el-tooltip__popper.is-dark {
  color: #efefef !important;
}


.resizing {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: col-resize;
}

.register__container[data-v-5e0e3600]{width:650px;margin:100px auto}.register__container__header[data-v-5e0e3600]{display:flex;justify-content:space-between;align-items:center;margin-bottom:45px}.register__container__header__icon--logo[data-v-5e0e3600]{width:31.6px !important;height:24px !important;color:var(--bgGreen) !important}.register__container__header__icon--text[data-v-5e0e3600]{width:79.5px !important;height:24px !important;margin-left:5px;color:var(--logoColor) !important}.register__container__header__text[data-v-5e0e3600]{font-size:20px;font-weight:600;color:var(--textBlack)}.register__container__form[data-v-5e0e3600]{justify-content:space-between}.register__container__form__intro[data-v-5e0e3600]{position:relative;line-height:25.2px;font-size:14px;margin-bottom:30px}.register__container__form__intro svg[data-v-5e0e3600]{bottom:9px;left:20px;position:relative;color:var(--mark-bg)}.register__container__form__intro__text[data-v-5e0e3600]{padding:15px;border-radius:6px;background:var(--mark-bg);position:relative;color:var(--payFeedbackColor);border:1px solid rgba(0,0,0,.05)}.register__container__form__intro__user[data-v-5e0e3600]{font-size:16px;font-weight:700;margin-top:-14px;padding-left:10px;color:var(--payFeedbackColor)}.register__container__form__input[data-v-5e0e3600]{border:1px solid var(--loginBtnBorder);box-sizing:border-box;border-radius:6px;padding:19px 20px;width:100%;margin-bottom:15px;background:var(--loginInputBg);color:var(--memoContentColor)}.register__container__form__input[data-v-5e0e3600]::-moz-placeholder{color:#9d9d9d}.register__container__form__input[data-v-5e0e3600]::placeholder{color:#9d9d9d}.register__container__form .code[data-v-5e0e3600]{width:280px}.register__container__form .sendCode[data-v-5e0e3600]{cursor:pointer;font-size:12px;border:1px solid var(--bgGreen);color:var(--bgGreen)}.register__container__form .sendCode[data-v-5e0e3600]:hover{background:var(--hoverBg)}.register__container__form__submit[data-v-5e0e3600]{background:var(--bgGreen);border:1px solid var(--loginBtnBorder);box-sizing:border-box;border-radius:6px;padding:16px 20px;color:var(--memberPlanColor);cursor:pointer;width:100%;margin-bottom:15px;text-align:center}.register__container__form__submit[data-v-5e0e3600]:hover{background:var(--yearPlanHoverBg)}.register__container__form__terms[data-v-5e0e3600]{margin-bottom:15px}.register__container__form__terms input[data-v-5e0e3600]{margin-right:10px}.register__container__form__terms div[data-v-5e0e3600]{color:#9d9d9d;font-size:14px;font-weight:400}.register__container__form__terms div a[data-v-5e0e3600]{color:#9d9d9d}.register__container__form__action[data-v-5e0e3600]{margin-top:30px}
.register__container__form .el-link.el-link--default{color:var(--tagColor);font-weight:unset}
@media screen and (max-width: 650px){.register__container[data-v-5e0e3600]{width:350px}.register__container__form .code[data-v-5e0e3600]{width:230px}.register__container__form__right[data-v-5e0e3600]{width:350px}}@media screen and (min-width: 650px){.register__container__form[data-v-5e0e3600]{display:flex}.register__container__form__right[data-v-5e0e3600]{width:400px}}
.forget__container[data-v-3b764fd4]{width:400px;margin:100px auto}.forget__container__header[data-v-3b764fd4]{display:flex;justify-content:space-between;align-items:center;margin-bottom:45px}.forget__container__header__icon--logo[data-v-3b764fd4]{width:31.6px !important;height:24px !important;color:var(--bgGreen) !important}.forget__container__header__icon--text[data-v-3b764fd4]{width:79.5px !important;height:24px !important;margin-left:5px;color:var(--logoColor) !important}.forget__container__header__text[data-v-3b764fd4]{font-size:20px;font-weight:600;color:var(--textBlack)}.forget__container__form__input[data-v-3b764fd4]{border:1px solid var(--loginBtnBorder);box-sizing:border-box;border-radius:6px;padding:19px 20px;width:100%;margin-bottom:15px;background:var(--loginInputBg);color:var(--memoContentColor)}.forget__container__form .code[data-v-3b764fd4]{width:280px}.forget__container__form .sendCode[data-v-3b764fd4]{cursor:pointer;font-size:12px;border:1px solid var(--bgGreen);color:var(--bgGreen)}.forget__container__form .sendCode[data-v-3b764fd4]:hover{background:var(--hoverBg)}.forget__container__form__submit[data-v-3b764fd4]{background:var(--bgGreen);border:1px solid var(--loginBtnBorder);box-sizing:border-box;border-radius:6px;padding:16px 20px;color:var(--memberPlanColor);cursor:pointer;width:100%;margin-bottom:15px;text-align:center}.forget__container__form__submit[data-v-3b764fd4]:hover{background:var(--yearPlanHoverBg)}.forget__container__form__terms[data-v-3b764fd4]{margin-bottom:15px}.forget__container__form__terms input[data-v-3b764fd4]{margin-right:10px}.forget__container__form__terms div[data-v-3b764fd4]{color:#9d9d9d;font-size:14px;font-weight:400}.forget__container__form__terms div a[data-v-3b764fd4]{color:#9d9d9d}.forget__container__form__action[data-v-3b764fd4]{margin-top:30px}
.forget__container__form .el-link.el-link--default{color:var(--tagColor);font-weight:unset}
@media screen and (max-width: 600px){.forget__container[data-v-3b764fd4]{width:350px}.forget__container__form .code[data-v-3b764fd4]{width:230px}}
.headerBar[data-v-343e3ba5]{background-color:var(--defaultBg);display:flex;justify-content:space-between;align-items:center;padding:17px 17px 0 17px;width:100%;box-sizing:border-box}.headerBar .logo svg[data-v-343e3ba5]{color:var(--trayLogoText)}.headerBar .action[data-v-343e3ba5]{display:flex;align-items:center;justify-content:center}.headerBar .action .pin[data-v-343e3ba5]{width:24px;height:24px;display:flex;justify-content:center;align-items:center;cursor:pointer;-webkit-app-region:no-drag;border-radius:6px}.headerBar .action .pin svg[data-v-343e3ba5]{border-radius:6px;cursor:pointer}.headerBar .action .pin[data-v-343e3ba5]:hover{background-color:var(--hoverBg)}.headerBar .action .pin[data-v-343e3ba5]:last-child{margin-right:-8px}.headerBar .action .pinned[data-v-343e3ba5]{-webkit-app-region:no-drag}.headerBar .action .pinned svg[data-v-343e3ba5]{color:var(--bgGreen)}.fix .headerBar[data-v-343e3ba5]{-webkit-app-region:drag}
.tray[data-v-5fa8b9fd]{height:100%;overflow:hidden;background:var(--defaultBg);position:relative;width:100%}.tray .wrap #tray_editor[data-v-5fa8b9fd]{overflow-y:auto}.tray .wrap[data-v-5fa8b9fd]::-webkit-scrollbar{width:10px !important;height:40px !important}.tray .wrap[data-v-5fa8b9fd]::-webkit-scrollbar-thumb{background:#efefef !important;border-radius:10px !important;cursor:pointer}.tray .wrap .blurd[data-v-5fa8b9fd],.tray .wrap .focused[data-v-5fa8b9fd]{border:none !important;box-shadow:none !important}

.tray .editor-content {
  padding: 0px !important;
}
.tray .editor-content .ProseMirror {
  /* 滚动条 */
  overflow-y: auto !important;
  padding: var(--memo-padding);
}
.tray .editor-content .ProseMirror::-webkit-scrollbar {
  width: 4px !important;
  height: 4px !important;
}
.tray .editor-content .ProseMirror::-webkit-scrollbar-thumb {
  background: #efefef !important;
  border-radius: 10px !important;
  cursor: pointer;
}
.tray .editor-content .ProseMirror::-webkit-scrollbar-track {
  background: var(--defaultBg) !important;
}
.tray .editor-content .ProseMirror::-webkit-scrollbar-corner {
  background: var(--defaultBg) !important;
}
.tray div.editor-menu-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40px;
  background: var(--defaultBg);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.tray div .files {
  position: fixed;
  bottom: 40px;
  left: 0;
  background-color: var(--defaultBg);
  width: 100%;
  box-sizing: border-box;
}
.tray .files {
  margin-top: -15px;
}
.send-tip {
  background: rgba(0, 0, 0, 0.8) !important;
  border-radius: 6px !important;
  min-width: 94px !important;
}
.send-tip .text {
  font-size: 12px !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.send-tip svg {
  margin-right: 8px !important;
}
body.dark_mode .tray .input-box:hover {
  border: none !important;
}
.trayWindow body {
  background: var(--defaultBg);
}

div.bindAccount__dialog{border-radius:12px !important}div.bindAccount__dialog__header{color:rgba(0,0,0,.8)}div.bindAccount__dialog__header .close{position:absolute;top:-18px;right:-18px;cursor:pointer}div.bindAccount__dialog__header .close .svg-icon{width:36px !important;height:36px !important;color:unset !important}div.bindAccount__dialog__container{text-align:center}div.bindAccount__dialog__container p{font-size:16px;font-weight:600;color:#454545;margin-top:10px}div.bindAccount__dialog__container__btn{display:flex;justify-content:space-between;align-items:center;margin-top:30px}div.bindAccount__dialog__container__btn div{background:var(--bgGreen);border-radius:6px;font-size:14px;border:1px solid var(--loginBtnBorder);cursor:pointer;color:var(--memberPlanColor)}
.login__container[data-v-3720702f]{width:400px;margin:100px auto}.login__container__header[data-v-3720702f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:45px}.login__container__header__icon--logo[data-v-3720702f]{width:31.6px !important;height:24px !important;color:var(--bgGreen) !important}.login__container__header__icon--text[data-v-3720702f]{width:79.5px !important;height:24px !important;margin-left:5px;color:var(--logoColor) !important}.login__container__header__text[data-v-3720702f]{font-size:20px;font-weight:600;color:var(--textBlack)}.login__container__form__action[data-v-3720702f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.login__container__form__wx[data-v-3720702f]{display:flex;align-items:center;justify-content:center;background:var(--loginWxBg);border:1px solid var(--loginBtnBorder);box-sizing:border-box;border-radius:6px;padding:16px 20px;color:#07c160;cursor:pointer}.login__container__form__wx span[data-v-3720702f]{margin-left:10px}
.login__container__form .el-input[data-v-3720702f]{margin-bottom:15px}.login__container__form .el-input .el-input__inner[data-v-3720702f]{height:56px;line-height:56px;border-radius:6px;border:1px solid #efefef;background:var(--loginInputBg);color:var(--memoContentColor)}.login__container__form .el-button[data-v-3720702f]{width:100%;background:var(--bgGreen);border:1px solid var(--loginBtnBorder);box-sizing:border-box;border-radius:6px;padding:20px 20px;margin-bottom:30px;color:var(--memberPlanColor)}.login__container__form .el-button[data-v-3720702f]:hover{background:var(--bgGreen);border:1px solid var(--loginBtnBorder)}.login__container__form .el-link.el-link--default[data-v-3720702f]{color:var(--tagColor);font-weight:unset}
@media screen and (max-width: 600px){.login__container[data-v-3720702f]{width:350px}}
.pinWindow{width:100vw;height:100vh;background:var(--defaultBg);overflow-y:auto}.pinWindow::-webkit-scrollbar{width:4px !important;height:4px !important}.pinWindow::-webkit-scrollbar-thumb{background:#efefef !important;border-radius:10px !important;cursor:pointer}.pinWindow::-webkit-scrollbar-track{background:var(--defaultBg) !important}.pinWindow::-webkit-scrollbar-corner{background:var(--defaultBg) !important}.pinWindow div .display:hover{box-shadow:none !important}.pinWindow .blurd,.pinWindow .focused{border:none !important;box-shadow:unset}.pinWindow .editor-content{padding-top:0}.pinWindow .editor-content .ProseMirror{max-height:calc(100vh - 96px)}.pinWindow .hasFiles .ProseMirror{padding-bottom:200px}.pinWindow .hasFiles .files{position:fixed;bottom:40px;background:var(--defaultBg);z-index:1;width:100%}.pinWindow .editor-menu-bar{position:fixed;bottom:0px;background:var(--defaultBg);z-index:1;width:100%}

body.dark_mode .pinWindow div.display:hover,
body.dark_mode .pinWindow .blurd,
body.dark_mode .pinWindow .focused {
  box-shadow: 0px 2px 16px transparent !important;
}
.nomalCard .headerBar {
  -webkit-app-region: drag;
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: 10000;
}

.proModal h2[data-v-be43161c]{font-size:28px;margin:10px 0}.proModal p[data-v-be43161c]{font-size:16px}.proModal button[data-v-be43161c]{border-radius:10px;width:100%;display:block;box-sizing:border-box;margin:0 auto;margin-top:100px}
.proModal h2[data-v-2c6787e2]{font-size:28px;margin:10px 0}.proModal p[data-v-2c6787e2]{font-size:16px}.proModal button[data-v-2c6787e2]{border-radius:10px;width:100%;display:block;box-sizing:border-box;margin:0 auto;margin-top:100px}
.proModal h2[data-v-7c5e0bec]{font-size:16px;margin-bottom:20px}.proModal p[data-v-7c5e0bec]{font-size:14px}.proModal a[data-v-7c5e0bec]{text-decoration:none;color:#000}.proModal button[data-v-7c5e0bec]{border-radius:10px;width:100%;display:block;box-sizing:border-box;margin:0 auto;margin-top:20px}

.apply_tip[data-v-2500255e] {
  color: #d9d9d9;
  font-size: 12px;
  margin-top: 5px;
}


.el-collapse-item__header {
  font-size: 18px;
  height: 64px;
  line-height: 64px;
  color: #323232;
}
.el-collapse-item__header i {
  font-size: 13px;
}
.el-collapse-item__arrow.is-active {
  transform: rotate(-90deg);
}
.el-collapse-item__arrow {
  transform: rotate(90deg);
}
.guide ul {
  margin-left: 20px;
}


.el-step__head.is-finish {
  border-color: transparent;
  color: var(--memoContentColor);
}
.el-step.is-vertical .el-step__line {
  top: 30px;
  bottom: 5px;
}
.el-step__icon,
.el-step__line {
  background: var(--hoverBg);
}
.el-step__icon-inner {
  font-weight: 400;
}

.wrap[data-v-4cc631dc]{padding:6px 0;padding-bottom:15px;margin:10px 0;margin-bottom:0px;background:var(--defaultBg) !important;width:400px;box-sizing:border-box;box-shadow:0 0 20px var(--popoverShadow);border:.5px solid var(--fuzzy-border) !important;border-radius:8px}.wrap_header[data-v-4cc631dc]{display:flex;justify-content:space-between;align-items:center}.wrap_header_title[data-v-4cc631dc]{font-size:16px;font-weight:600;border-left:4px solid var(--bgGreen);height:16px;line-height:16px;color:var(--bgGreen)}.wrap_header_title span[data-v-4cc631dc]{margin-left:16px}.wrap_header_title[data-v-4cc631dc]:hover{cursor:pointer}.wrap_header_right[data-v-4cc631dc]{cursor:pointer;padding:0 11px}.wrap_header_right .clearAll svg[data-v-4cc631dc]{width:15px;height:15px;padding:7.5px}.wrap_header_right .newChat svg[data-v-4cc631dc]{width:15px;height:15px;padding:7.5px}.wrap_header_right svg[data-v-4cc631dc]{width:12px;height:12px;padding:9px}.wrap_header_right svg[data-v-4cc631dc]:hover{background:var(--hoverBg);border-radius:6px}.wrap_content[data-v-4cc631dc]{padding:10px;line-height:21px;font-size:14px;padding-bottom:0px;position:relative}.wrap .chatHeader[data-v-4cc631dc]{display:flex;justify-content:space-between;align-items:center}.chat[data-v-4cc631dc]{background:var(--chatbg) !important}.chatPage .wrap[data-v-4cc631dc]{box-shadow:none;border:none !important}
.chat-loading[data-v-5b6b1250]{display:inline-flex;justify-content:space-between;width:30px}.dot[data-v-5b6b1250]{width:8px;height:8px;background-color:#30cf79;border-radius:50%;animation:bounce-5b6b1250 1.5s infinite ease-in-out}.dot[data-v-5b6b1250]:nth-child(2){animation-delay:.3s}.dot[data-v-5b6b1250]:nth-child(3){animation-delay:.6s}@keyframes bounce-5b6b1250{0%,80%,100%{transform:translateY(0)}40%{transform:translateY(-4px)}}.referenceContent[data-v-5b6b1250]{border-radius:6px;font-size:12px;cursor:pointer;max-width:180px}.referenceContent div[data-v-5b6b1250]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis}

.referenceMemoPop {
  border: none !important;
  box-shadow: 0px 0px 10px var(--referenceContentShadow) !important;
  border-radius: 6px;
  background: var(--referenceContentBg) !important;
  color: var(--memoContentColor) !important;
  line-height: 1.5 !important;
}


.referenceContent[data-v-16b0fa2e] {
  border-radius: 6px;
  font-size: 12px;
  cursor: pointer;
  max-width: 180px;
div[data-v-16b0fa2e] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}
}


.referenceMemoPop {
  border: none !important;
  box-shadow: 0px 0px 10px var(--referenceContentShadow) !important;
  border-radius: 6px;
  background: var(--referenceContentBg) !important;
  color: var(--memoContentColor) !important;
  line-height: 1.5 !important;
}

.chat-loading[data-v-8e6d027e]{display:inline-flex;justify-content:space-between;width:30px}.dot[data-v-8e6d027e]{width:8px;height:8px;background-color:#30cf79;border-radius:50%;animation:bounce-8e6d027e 1.5s infinite ease-in-out}.dot[data-v-8e6d027e]:nth-child(2){animation-delay:.3s}.dot[data-v-8e6d027e]:nth-child(3){animation-delay:.6s}@keyframes bounce-8e6d027e{0%,80%,100%{transform:translateY(0)}40%{transform:translateY(-4px)}}

[contenteditable][data-v-4956528d] {
  padding: 5px;
  min-height: 20px;
  width: 100%;
  font-size: 14px;
  color: var(--memoContentColor);
}
.empty[data-v-4956528d]::before {
  content: attr(data-placeholder);
  color: #9d9d9d;
  font-size: 12px;
}
.multiline[data-v-4956528d] {
  border-radius: 19px;
}


.modal-overlay[data-v-2886f615] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal-content[data-v-2886f615] {
  background: var(--primary-background-color);
  padding: 20px;
  border-radius: 5px;
  position: relative;
  max-width: 500px;
  width: 80%;
}
.modal-content p[data-v-2886f615] {
  color: #9d9d9d;
}
.close-button[data-v-2886f615] {
  position: absolute;
  top: 0px;
  right: 10px;
  background: none;
  border: none;
  font-size: 1.5em;
  cursor: pointer;
  color: #9d9d9d;
}

.history[data-v-06e84b75]{max-height:500px;overflow-y:auto;min-height:300px;padding:0 5px}.history .history__header[data-v-06e84b75]{display:flex;align-items:center;padding:10px;background:var(--botmsgbg);border:.5px solid var(--botmsgbg);border-radius:8px;height:36px;box-sizing:border-box;width:100%;margin-bottom:20px;color:var(--memoContentColor)}.history .history__header input[data-v-06e84b75]{border:none;outline:none;background:none;flex:1;margin-left:10px}.history .history__header input[data-v-06e84b75]::-moz-placeholder{color:#9d9d9d}.history .history__header input[data-v-06e84b75]::placeholder{color:#9d9d9d}.history .history__content .history__content__list[data-v-06e84b75]{margin-bottom:20px}.history .history__content .history__content__list .history__content__list__title[data-v-06e84b75]{font-size:16px;font-weight:bold;padding:10px 0;padding-top:0px;color:var(--memoContentColor)}.history .history__content .history__content__list .history__content__list__content .history__content__list__content__item[data-v-06e84b75]{border-radius:6px;margin:10px 0}.history .history__content .history__content__list .history__content__list__content .history__content__list__content__item .history__content__list__content__item__content[data-v-06e84b75]{cursor:pointer;color:var(--memoContentColor);padding:10px;background-color:var(--botmsgbg);display:inline-block;border-radius:6px}.history .history__content .history__content__list .history__content__list__content .history__content__list__content__item .history__content__list__content__item__content[data-v-06e84b75]:hover{background-color:var(--historyMsgHoverBg)}

.el-select[data-v-72f53c1c] {
  width: 100%;
  margin: 10px 0;
}


.el-popper[data-v-72f53c1c],
.el-tooltip__popper[data-v-72f53c1c] {
  z-index: 2040 !important;
}


:root {
  --desktop-width: 600px;
  --desktop-height: 80vh;
  --mobile-width: 100vw;
  --mobile-height: 100vh;
  --offset: 120px;
}
.chatPage {
  display: flex;
  justify-content: center;
  align-items: center;
}
.chatPage .chat {
  margin: 100px auto !important;
  width: var(--desktop-width) !important;
  height: var(--desktop-height) !important;
}
.inSide .chat {
  margin: 20px !important;
  width: var(--desktop-width) !important;
  height: calc(var(--mobile-height) - 80px) !important;
}
.chatPage .message-list-wrapper {
  max-height: calc(var(--desktop-height) - var(--offset)) !important;
  min-height: calc(var(--desktop-height) - var(--offset)) !important;
}
.inSide .message-list-wrapper {
  max-height: calc(var(--mobile-height) - 200px) !important;
  min-height: calc(var(--mobile-height) - 200px) !important;
}
.mobile {
  width: var(--mobile-width);
  height: var(--mobile-height);
}
.mobile .wrap {
  border-radius: 0;
}
.mobile .chat {
  margin: 0 !important;
  width: var(--mobile-width) !important;
  height: var(--mobile-height) !important;
}
.mobile .message-list-wrapper {
  max-height: calc(var(--mobile-height) - var(--offset)) !important;
  min-height: calc(var(--mobile-height) - var(--offset)) !important;
}


/* 动画 */
.dialog-enter-active[data-v-45ff9c11] {
  transition: opacity 0.3s ease-in;
}
.dialog-leave-active[data-v-45ff9c11] {
  transition: opacity 0.2s ease-out;
}
.dialog-enter-from[data-v-45ff9c11],
.dialog-leave-to[data-v-45ff9c11] {
  opacity: 0;
}
.dialog-content-enter-active[data-v-45ff9c11] {
  transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.dialog-content-leave-active[data-v-45ff9c11] {
  transition: all 0.2s ease-out;
}
.dialog-content-enter-from[data-v-45ff9c11] {
  opacity: 0;
  transform: scale(0.9) translateY(-20px);
}
.dialog-content-leave-to[data-v-45ff9c11] {
  opacity: 0;
  transform: scale(0.95) translateY(10px);
}

/* 无障碍支持 */
@media (prefers-reduced-motion: reduce) {
.dialog-enter-active[data-v-45ff9c11],
  .dialog-leave-active[data-v-45ff9c11],
  .dialog-content-enter-active[data-v-45ff9c11],
  .dialog-content-leave-active[data-v-45ff9c11] {
    transition-duration: 0.1s;
}
}

/* 输入框样式 */
.dialog-prompt {
  text-align: left;
}

.dialog-input {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  font-size: 14px;
  margin-top: 12px;
  outline: none;
  transition: border-color 0.2s ease;
}

.dialog-input:focus {
  border-color: #10b981;
  box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.1);
}

/* 加载动画样式 */
.dialog-loading-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px 0;
}

.dialog-spinner {
  width: 32px;
  height: 32px;
  border: 3px solid #f3f4f6;
  border-top: 3px solid #10b981;
  border-radius: 50%;
  animation: dialog-spin 1s linear infinite;
  margin-bottom: 16px;
}

@keyframes dialog-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* 主题样式 */
.dialog-success .dialog-title {
  color: #059669;
}

.dialog-error .dialog-title {
  color: #dc2626;
}

.dialog-warning .dialog-title {
  color: #d97706;
}

.dialog-info .dialog-title {
  color: #2563eb;
}

.dialog-loading .dialog-title {
  color: #6b7280;
}

/* 响应式 */
@media (max-width: 640px) {
  .dialog-prompt {
    padding: 0;
  }

  .dialog-input {
    font-size: 16px; /* 防止 iOS 缩放 */
  }

  .dialog-loading-content {
    padding: 16px 0;
  }

  .dialog-spinner {
    width: 28px;
    height: 28px;
    margin-bottom: 12px;
  }
}


.sidebarEntry[data-v-05df7112] {
  width: 36px;
  height: 36px;
}
.menu[data-v-05df7112] {
  position: relative;
  top: 3px;
}
.red_pointer[data-v-05df7112] {
  position: relative;
}
.red_pointer[data-v-05df7112]:before {
  content: ' ';
  border: 3px solid #ff1a1a;
  border-radius: 3px;
  position: absolute;
  z-index: 100;
  right: 0%;
  margin-right: 2px;
  margin-top: 6px;
}
.showMenu[data-v-05df7112],
.appMenu[data-v-05df7112] {
  /* position: relative;
  top: 10px; */
  display: none;
  background: var(--hoverBg);
  border-radius: var(--cornerradius-medium);
  margin: 0px;
  margin-right: 5px;
  width: 36px;
  height: 36px;
  text-align: center;
  cursor: pointer;
  margin-left: -2px;
  color: #9d9d9d;
}
.appMenu[data-v-05df7112] {
  display: inline-block;
  background: unset;
}
.appMenu svg[data-v-05df7112] {
  width: 16px;
  height: 16px;
  margin: 10px auto;
}
.hoverShowArrow:hover .appMenu[data-v-05df7112] {
  display: none;
}
.hoverShowArrow:hover .showMenu[data-v-05df7112] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.mobile:hover .showMenu[data-v-05df7112] {
  display: none;
}


.svg-icon[data-v-5593c004] {
  width: 18px;
  height: 18px;
  fill: currentColor;
  overflow: hidden;
  color: #9d9d9d;
  flex-shrink: 0;
}


.editor-menu-bar .svg-icon:hover {
  color: var(--iconHover);
}