@charset "UTF-8";
:root {
  --vp-plugin-tabs-tab-text-color: var(--vp-c-text-2);
  --vp-plugin-tabs-tab-active-text-color: var(--vp-c-text-1);
  --vp-plugin-tabs-tab-hover-text-color: var(--vp-c-text-1);
  --vp-plugin-tabs-tab-bg: var(--vp-c-bg-soft);
  --vp-plugin-tabs-tab-divider: var(--vp-c-divider);
  --vp-plugin-tabs-tab-active-bar-color: var(--vp-c-brand-1);
}
.plugin-tabs {
  margin: 16px 0;
  background-color: var(--vp-plugin-tabs-tab-bg);
  border-radius: 8px;
}
.plugin-tabs--tab-list {
  position: relative;
  padding: 0 12px;
  overflow-x: auto;
  overflow-y: hidden;
}
.plugin-tabs--tab-list::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  background-color: var(--vp-plugin-tabs-tab-divider);
}
.plugin-tabs--tab {
  position: relative;
  padding: 0 12px;
  line-height: 48px;
  border-bottom: 2px solid transparent;
  color: var(--vp-plugin-tabs-tab-text-color);
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
  transition: color 0.25s;
}
.plugin-tabs--tab[aria-selected='true'] {
  color: var(--vp-plugin-tabs-tab-active-text-color);
}
.plugin-tabs--tab:hover {
  color: var(--vp-plugin-tabs-tab-hover-text-color);
}
.plugin-tabs--tab::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 8px;
  right: 8px;
  height: 2px;
  background-color: transparent;
  transition: background-color 0.25s;
  z-index: 1;
}
.plugin-tabs--tab[aria-selected='true']::after {
  background-color: var(--vp-plugin-tabs-tab-active-bar-color);
}

.plugin-tabs--content[data-v-aab689d1] {
  padding: 16px;
}
.plugin-tabs--content[data-v-aab689d1] > :first-child:first-child {
  margin-top: 0;
}
.plugin-tabs--content[data-v-aab689d1] > :last-child:last-child {
  margin-bottom: 0;
}
.plugin-tabs--content[data-v-aab689d1] >  div[class*='language-'] {
  border-radius: 8px;
  margin: 16px 0px;
}
:root:not(.dark) .plugin-tabs--content[data-v-aab689d1] div[class*='language-'] {
  background-color: var(--vp-c-bg);
}
.loading[data-v-811c742a] {
  background: linear-gradient(90deg, var(--main-card-border) 25%, var(--main-card-background) 37%, var(--main-card-border) 63%);
  background-size: 400% 100%;
  animation: skeleton-loading 1.4s ease infinite;
}
.hidden[data-v-811c742a] {
  display: none;
}
.notification-toast[data-v-35970005] {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 1005;
  width: 320px;
  max-width: calc(100vw - 40px);
  padding: 16px 20px;
  border-radius: 14px;
  background: var(--main-card-background);
  border: 1px solid var(--main-card-border);
  box-shadow: 0 8px 24px -4px var(--main-border-shadow);
  backdrop-filter: blur(12px);
}
.toast-close[data-v-35970005] {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 2;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 6px;
  background: var(--main-card-background);
  color: var(--main-font-second-color);
  cursor: pointer;
  transition: all 0.2s;
  box-shadow: 0 1px 3px var(--main-border-shadow);
}
.toast-close svg[data-v-35970005] {
  display: block;
}
.toast-close[data-v-35970005]:hover {
  background: var(--main-card-second-background);
  color: var(--main-font-color);
}
.toast-body[data-v-35970005] {
  font-size: 0.85rem;
  line-height: 1.6;
  color: var(--main-font-color);
  max-height: 300px;
  overflow-y: auto;
  padding-right: 16px;
}
.toast-body[data-v-35970005] p {
  margin: 0 0 0.5em;
}
.toast-body[data-v-35970005] p:last-child {
  margin-bottom: 0;
}
.toast-body[data-v-35970005] a {
  color: var(--main-color);
  text-decoration: none;
}
.toast-body[data-v-35970005] a:hover {
  text-decoration: underline;
}
.toast-body[data-v-35970005] strong {
  color: var(--main-font-color);
  font-weight: 700;
}
.toast-body[data-v-35970005] ul, .toast-body[data-v-35970005] ol {
  margin: 0.3em 0;
  padding-left: 1.2em;
}
.toast-body[data-v-35970005] li {
  margin: 0.2em 0;
}
.toast-body[data-v-35970005] code {
  padding: 0.1em 0.3em;
  border-radius: 4px;
  background: var(--main-card-second-background);
  font-size: 0.8em;
}
.toast-body[data-v-35970005] blockquote {
  margin: 0.5em 0;
  padding: 0.3em 0.8em;
  border-left: 3px solid var(--main-color);
  color: var(--main-font-second-color);
}
.toast-body[data-v-35970005] img {
  max-width: 100%;
  border-radius: 8px;
}

/* 入场动画 */
.toast-enter-active[data-v-35970005] {
  transition: all 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}
.toast-leave-active[data-v-35970005] {
  transition: all 0.3s cubic-bezier(0.55, 0, 1, 0.45);
}
.toast-enter-from[data-v-35970005] {
  opacity: 0;
  transform: translateX(40px);
}
.toast-leave-to[data-v-35970005] {
  opacity: 0;
  transform: translateX(40px);
}

/* 移动端 */
@media (max-width: 768px) {
.notification-toast[data-v-35970005] {
    top: 12px;
    right: 12px;
    left: 12px;
    width: auto;
    max-width: none;
}
}.message[data-v-a74cb9e7] {
  position: relative;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  width: 100%;
  width: 100vw;
  background-color: var(--main-color);
  z-index: 3000;
}
.message .message-content[data-v-a74cb9e7] {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 18px;
  font-weight: bold;
}
.message .message-content .text[data-v-a74cb9e7] {
  color: var(--main-card-background);
}
.message .message-content .close[data-v-a74cb9e7] {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 12px;
  padding: 10px;
  border-radius: 50%;
  transition: background-color 0.3s;
  cursor: pointer;
}
.message .message-content .close .iconfont[data-v-a74cb9e7] {
  font-size: 14px;
  color: var(--main-card-background);
  opacity: 0.6;
  transition: opacity 0.3s;
}
.message .message-content .close[data-v-a74cb9e7]:hover {
  background-color: var(--main-color-white);
}
.message .message-content .close:hover .iconfont[data-v-a74cb9e7] {
  opacity: 1;
}
.message.success[data-v-a74cb9e7] {
  background-color: var(--main-success-color);
}
.message.warning[data-v-a74cb9e7] {
  background-color: var(--main-warning-color);
}
.message.error[data-v-a74cb9e7] {
  background-color: var(--main-error-color);
}
.message.info[data-v-a74cb9e7] {
  background-color: var(--main-info-color);
}
.message[data-v-a74cb9e7]::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  z-index: -1;
  background-color: var(--main-color-white);
  transition: width 0.3s;
  animation: loading-width var(--duration) linear forwards;
}
.message.always[data-v-a74cb9e7]::after {
  width: 100%;
  animation: loading 1.5s infinite;
}.modal[data-v-c12c74fb] {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100vw;
  height: 100vh;
  z-index: 2000;
}
.modal .modal-mask[data-v-c12c74fb] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: var(--main-mask-background);
}
.modal .modal-main[data-v-c12c74fb] {
  position: absolute;
  padding: 0;
  animation: fade-up 0.5s forwards;
  width: calc(100% - 40px);
  overflow: hidden;
}
.modal .modal-main .title[data-v-c12c74fb] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  font-size: 1.125rem;
  padding: 20px;
  height: 64px;
  background-color: var(--main-card-background);
  border-bottom: 1px solid var(--main-card-border);
}
.modal .modal-main .title .title-left[data-v-c12c74fb] {
  width: 100%;
}
.modal .modal-main .title .title-left .iconfont[data-v-c12c74fb] {
  font-size: 1.25rem;
  margin-right: 8px;
}
.modal .modal-main .title .close[data-v-c12c74fb] {
  position: absolute;
  right: 20px;
  margin-right: 0;
  font-size: 1rem;
  border-radius: 8px;
  padding: 8px;
  transition: background-color 0.3s;
  cursor: pointer;
}
.modal .modal-main .title .close[data-v-c12c74fb]:hover {
  background-color: var(--main-card-border);
}
.modal .modal-main .modal-content[data-v-c12c74fb] {
  max-height: calc(var(--height) - 46px);
  padding: 20px;
  overflow: auto;
}#comment-dom,
.atk-layer-wrap,
.comment-content {
  --at-color-font: var(--main-font-color) !important;
  --at-color-deep: var(--main-font-second-color) !important;
  --at-color-grey: var(--main-font-second-color) !important;
  --at-color-meta: var(--main-font-second-color) !important;
  --at-color-border: var(--main-card-border) !important;
  --at-color-main: var(--main-color) !important;
  --at-color-light: var(--main-color) !important;
  --at-color-bg: var(--main-card-background) !important;
  --at-color-bg-grey: var(--main-card-border) !important;
  --at-color-bg-grey-transl: var(--main-card-border) !important;
  --at-color-bg-transl: var(--main-card-second-background) !important;
  --at-color-gradient: linear-gradient(180deg, transparent, var(--main-card-background)) !important;
}
.atk-layer-wrap .atk-layer-mask {
  background: var(--main-mask-background) !important;
}
#comment-dom[data-v-3f14baaf] .atk-main-editor .atk-bottom {
  padding: 0 0 0 8px;
  height: 40px;
}
#comment-dom[data-v-3f14baaf] .atk-main-editor .atk-bottom .atk-send-btn {
  height: 40px;
}
#comment-dom[data-v-3f14baaf] .atk-main-editor .atk-user-btn,
#comment-dom[data-v-3f14baaf] .atk-main-editor .atk-plug-btn {
  transition: background 0.3s;
}
#comment-dom[data-v-3f14baaf] .atk-main-editor .atk-plug-panel-wrap .atk-grp[data-grp-name=小黄脸] .atk-item {
  font-size: 2rem;
  transition: background 0.3s;
}
#comment-dom[data-v-3f14baaf] .atk-main-editor .atk-plug-panel-wrap .atk-grp-switcher span {
  transition: background 0.3s;
}
#comment-dom[data-v-3f14baaf] .atk-list .atk-list-header .atk-dropdown .atk-dropdown-item {
  margin: 0;
  padding: 0;
  margin-top: 8px;
  line-height: normal;
  text-align: center;
  letter-spacing: normal;
}
#comment-dom[data-v-3f14baaf] .atk-list .atk-list-header .atk-dropdown .atk-dropdown-item:first-child {
  margin-top: 0;
}
#comment-dom[data-v-3f14baaf] .atk-list .atk-list-header .atk-dropdown .atk-dropdown-item::before {
  display: none;
}
#comment-dom[data-v-3f14baaf] .atk-list .atk-list-header .atk-dropdown .atk-dropdown-item span {
  transition: color 0.3s;
}
#comment-dom[data-v-3f14baaf] .atk-list .atk-list-comments-wrap > .atk-comment-wrap {
  border-bottom: 1px dashed var(--main-card-border);
}
#comment-dom[data-v-3f14baaf] .atk-list .atk-list-comments-wrap > .atk-comment-wrap .atk-header .atk-badge {
  color: var(--at-color-bg);
  background-color: var(--at-color-main) !important;
}
#comment-dom[data-v-3f14baaf] .atk-list .atk-list-comments-wrap > .atk-comment-wrap .atk-content {
  user-select: text;
}
#comment-dom[data-v-3f14baaf] .atk-list .atk-list-comments-wrap > .atk-comment-wrap .atk-content img {
  width: auto;
  max-width: 240px;
}
#comment-dom[data-v-3f14baaf] .atk-list .atk-list-comments-wrap > .atk-comment-wrap .atk-content code {
  margin: 4px;
  vertical-align: inherit;
  border-radius: 6px;
  font-family: "Fira Code", var(--main-font-family), monospace;
}
#comment-dom[data-v-3f14baaf] .atk-list .atk-list-comments-wrap > .atk-comment-wrap .atk-content pre code {
  border-radius: 8px;
}
#comment-dom[data-v-3f14baaf] .atk-list .atk-list-comments-wrap > .atk-comment-wrap .atk-content blockquote {
  border-left: 8px solid var(--main-card-border);
  background-color: var(--main-card-second-background);
  border-radius: 4px 8px 8px 4px;
}
#comment-dom[data-v-3f14baaf] .atk-list .atk-list-comments-wrap > .atk-comment-wrap:last-child {
  border-bottom: none;
}
#comment-dom[data-v-3f14baaf] .atk-list .atk-height-limit .atk-height-limit-btn {
  height: 46px;
  width: calc(100% - 20px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 0;
  border-radius: 16px;
  transition: color 0.3s, background-color 0.3s;
}
#comment-dom[data-v-3f14baaf] .atk-list .atk-height-limit .atk-height-limit-btn:hover {
  color: var(--main-card-background);
  background-color: var(--main-color);
}
#comment-dom[data-v-3f14baaf] .atk-list .atk-height-limit::after {
  height: 100px;
}
#comment-dom[data-v-3f14baaf] .atk-list-body .atk-pagination .atk-input,
#comment-dom[data-v-3f14baaf] .atk-list-body .atk-pagination .atk-btn {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  overflow: hidden;
  background-color: var(--main-card-background);
  border: 1px solid var(--main-card-border);
  box-shadow: 0 8px 16px -4px var(--main-border-shadow);
  transition: width 0.3s, border-color 0.3s, box-shadow 0.3s;
  cursor: pointer;
}
#comment-dom[data-v-3f14baaf] .atk-list-body .atk-pagination .atk-input:hover,
#comment-dom[data-v-3f14baaf] .atk-list-body .atk-pagination .atk-btn:hover {
  border-color: var(--main-color);
  box-shadow: 0 8px 16px -4px var(--main-color-bg);
}
#comment-dom[data-v-3f14baaf] .atk-list-body .atk-pagination .atk-input:hover svg,
#comment-dom[data-v-3f14baaf] .atk-list-body .atk-pagination .atk-btn:hover svg {
  color: var(--main-color);
}
#comment-dom[data-v-3f14baaf] .atk-list-body .atk-pagination .atk-input {
  font-size: 1rem;
}
#comment-dom[data-v-3f14baaf] .atk-list-body .atk-pagination .atk-input:hover, #comment-dom[data-v-3f14baaf] .atk-list-body .atk-pagination .atk-input:focus {
  width: 200px;
  border-color: var(--main-color);
  box-shadow: 0 8px 16px -4px var(--main-color-bg);
}.slider[data-v-cd4e06b4] {
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 4px !important;
}
.slider[data-v-cd4e06b4] .vue-slider-rail {
  height: 8px;
  background-color: var(--main-color-bg);
  border-radius: 25px;
}
.slider[data-v-cd4e06b4] .vue-slider-rail .vue-slider-process {
  border-radius: 25px;
  background-color: var(--main-color);
}
.slider[data-v-cd4e06b4] .vue-slider-rail .vue-slider-dot {
  width: 16px;
  height: 16px;
  border: 1px solid var(--main-color-bg);
  background-color: var(--main-color);
  box-shadow: 0.5px 0.5px 2px 1px rgba(0, 0, 0, 0.32);
  border-radius: 50%;
  cursor: pointer;
}.right-menu[data-v-566e0c76] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9999;
  transition: opacity 0.2s;
}
.right-menu .menu-content[data-v-566e0c76] {
  position: absolute;
  width: 180px;
  background-color: var(--main-card-background);
  animation: fade-up 0.2s forwards;
  transition: opacity 0.3s, border-color 0.3s, box-shadow 0.3s, background-color 0.3s;
}
.right-menu .menu-content .tools[data-v-566e0c76] {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--main-card-border);
}
.right-menu .menu-content .tools .btn[data-v-566e0c76] {
  width: 34px;
  height: 34px;
  min-width: 34px;
}
.right-menu .menu-content .all-menu[data-v-566e0c76] {
  margin-top: 12px;
}
.right-menu .menu-content .all-menu .btn[data-v-566e0c76] {
  justify-content: flex-start;
  margin-bottom: 6px;
}
.right-menu .menu-content .all-menu .btn .iconfont[data-v-566e0c76] {
  font-size: 20px;
}
.right-menu .menu-content .all-menu .btn[data-v-566e0c76]:last-child {
  margin-bottom: 0;
}
.right-menu .menu-content .all-menu.general[data-v-566e0c76] {
  padding-top: 12px;
  border-top: 1px solid var(--main-card-border);
}
.right-menu .menu-content .player .data[data-v-566e0c76] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.right-menu .menu-content .player .data span[data-v-566e0c76] {
  width: 100%;
  padding: 0 8px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.right-menu .menu-content .player .data .artist[data-v-566e0c76] {
  font-size: 14px;
  margin-top: 4px;
  color: var(--main-font-second-color);
}
.right-menu .menu-content .player .volume[data-v-566e0c76] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 0 6px;
  margin-top: 1rem;
  width: 100%;
}
.right-menu .menu-content .player .volume .iconfont[data-v-566e0c76] {
  color: var(--main-font-second-color);
  font-size: 20px;
  transition: color 0.3s;
  cursor: pointer;
}
.right-menu .menu-content .player .volume .iconfont[data-v-566e0c76]:first-child {
  margin-right: 6px;
}
.right-menu .menu-content .player .volume .iconfont[data-v-566e0c76]:last-child {
  margin-left: 6px;
}
.right-menu .menu-content .player .volume .iconfont[data-v-566e0c76]:hover {
  color: var(--main-color);
}
.right-menu .menu-content .player .control[data-v-566e0c76] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-evenly;
  margin-top: 8px;
}
.right-menu .menu-content .player .control .btn[data-v-566e0c76] {
  padding: 6px;
  margin-bottom: 0;
}
.right-menu .menu-content .player .control .btn .iconfont[data-v-566e0c76] {
  font-size: 26px;
}
.right-menu .menu-content .btn[data-v-566e0c76] {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  padding: 8px;
  transition: color 0.3s, background-color 0.3s;
}
.right-menu .menu-content .btn .iconfont[data-v-566e0c76] {
  font-size: 20px;
  transition: color 0.3s;
}
.right-menu .menu-content .btn .name[data-v-566e0c76] {
  margin-left: 12px;
}
.right-menu .menu-content .btn[data-v-566e0c76]:hover {
  color: var(--main-card-background);
  background-color: var(--main-color);
}
.right-menu .menu-content .btn:hover .iconfont[data-v-566e0c76] {
  color: var(--main-card-background);
}
.modal-tip[data-v-566e0c76] {
  font-size: 15px;
  margin-top: -4px;
  margin-bottom: 1rem;
  display: block;
  color: var(--main-font-second-color);
  border-left: 4px solid var(--main-card-border);
  border-radius: 4px;
  padding: 8px 0 8px 12px;
  background-color: var(--main-card-second-background);
}.settings .set-btn[data-v-f54a0474] {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 42px;
  height: 42px;
  padding: 0;
  border-radius: 25px;
  box-shadow: 0 6px 10px -4px var(--main-dark-shadow);
}
.settings .set-btn .iconfont[data-v-f54a0474] {
  font-size: 22px;
  margin-left: 10px;
  transition: color 0.3s;
}
.settings .set-btn .set-text[data-v-f54a0474] {
  margin-left: 10px;
  display: inline-flex;
  opacity: 0;
  font-size: 14px;
  line-height: 1;
  overflow: hidden;
  white-space: nowrap;
  transition: opacity 0.3s;
}
.settings .set-btn[data-v-f54a0474]:hover {
  width: 140px;
  color: var(--main-card-background);
  border-color: var(--main-color);
  background-color: var(--main-color);
}
.settings .set-btn:hover .iconfont[data-v-f54a0474] {
  color: var(--main-card-background);
}
.settings .set-btn:hover .set-text[data-v-f54a0474] {
  opacity: 1;
}
.set-list .title[data-v-f54a0474] {
  display: block;
  width: 100%;
  margin: 1rem 0;
  font-size: 16px;
  font-weight: bold;
  border-left: 4px solid var(--main-color);
  border-radius: 4px 8px 8px 4px;
  background-color: var(--main-border-shadow);
  padding: 6px 0 6px 12px;
}
.set-list .title[data-v-f54a0474]:first-child {
  margin-top: 0;
}
.set-list .set-item[data-v-f54a0474] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.set-list .set-item .set-options[data-v-f54a0474] {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 40px;
  border-radius: 8px;
}
.set-list .set-item .set-options .options[data-v-f54a0474] {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.9375rem;
  border-radius: 8px;
  margin: 4px 8px;
  padding: 6px 8px;
  min-width: 30px;
  background-color: var(--main-card-border);
  transition: color 0.3s, background-color 0.3s;
}
.set-list .set-item .set-options .options.choose[data-v-f54a0474], .set-list .set-item .set-options .options[data-v-f54a0474]:hover {
  color: var(--main-card-background);
  background-color: var(--main-color);
  box-shadow: 0 8px 16px -4px var(--main-border-shadow);
}
.set-list .set-item .set-options .options[data-v-f54a0474]:last-child {
  margin-right: 0;
}
.set-list .set-item .set-options .num[data-v-f54a0474] {
  margin: 0 4px;
}
.set-list .set-item .set-options input[data-v-f54a0474] {
  border: none;
  outline: none;
  border-radius: 8px;
  color: var(--main-font-color);
  font-family: var(--main-font-family);
  background-color: var(--main-border-shadow);
  height: 100%;
  padding: 0 1rem;
  font-size: 14px;
}
.set-list .set-item[data-v-f54a0474]:last-child {
  margin-bottom: 0;
}
@media (max-width: 512px) {
.set-list .set-item[data-v-f54a0474] {
    flex-direction: column;
    align-items: flex-start;
}
.set-list .set-item .set-options[data-v-f54a0474] {
    margin-top: 8px;
}
.set-list .set-item .set-options .options[data-v-f54a0474]:first-child {
    margin-left: 0;
}
}.aplayer{background:#fff;font-family:Arial,Helvetica,sans-serif;margin:5px;box-shadow:0 2px 2px 0 rgba(0,0,0,.07),0 1px 5px 0 rgba(0,0,0,.1);border-radius:2px;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:normal;position:relative}.aplayer *{box-sizing:content-box}.aplayer svg{width:100%;height:100%}.aplayer svg circle,.aplayer svg path{fill:#fff}.aplayer.aplayer-withlist .aplayer-info{border-bottom:1px solid #e9e9e9}.aplayer.aplayer-withlist .aplayer-list{display:block}.aplayer.aplayer-withlist .aplayer-icon-order,.aplayer.aplayer-withlist .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon.aplayer-icon-menu{display:inline}.aplayer.aplayer-withlrc .aplayer-pic{height:90px;width:90px}.aplayer.aplayer-withlrc .aplayer-info{margin-left:90px;height:90px;padding:10px 7px 0}.aplayer.aplayer-withlrc .aplayer-lrc{display:block}.aplayer.aplayer-narrow{width:66px}.aplayer.aplayer-narrow .aplayer-info,.aplayer.aplayer-narrow .aplayer-list{display:none}.aplayer.aplayer-narrow .aplayer-body,.aplayer.aplayer-narrow .aplayer-pic{height:66px;width:66px}.aplayer.aplayer-fixed{position:fixed;bottom:0;left:0;right:0;margin:0;z-index:99;overflow:visible;max-width:400px;box-shadow:none}.aplayer.aplayer-fixed .aplayer-list{margin-bottom:65px;border:1px solid #eee;border-bottom:none}.aplayer.aplayer-fixed .aplayer-body{position:fixed;bottom:0;left:0;right:0;margin:0;z-index:99;background:#fff;padding-right:18px;transition:all .3s ease;max-width:400px}.aplayer.aplayer-fixed .aplayer-lrc{display:block;position:fixed;bottom:10px;left:0;right:0;margin:0;z-index:98;pointer-events:none;text-shadow:-1px -1px 0 #fff}.aplayer.aplayer-fixed .aplayer-lrc:after,.aplayer.aplayer-fixed .aplayer-lrc:before{display:none}.aplayer.aplayer-fixed .aplayer-info{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:0 0;transform-origin:0 0;transition:all .3s ease;border-bottom:none;border-top:1px solid #e9e9e9}.aplayer.aplayer-fixed .aplayer-info .aplayer-music{width:calc(100% - 105px)}.aplayer.aplayer-fixed .aplayer-miniswitcher{display:block}.aplayer.aplayer-fixed.aplayer-narrow .aplayer-info{display:block;-webkit-transform:scaleX(0);transform:scaleX(0)}.aplayer.aplayer-fixed.aplayer-narrow .aplayer-body{width:66px!important}.aplayer.aplayer-fixed.aplayer-narrow .aplayer-miniswitcher .aplayer-icon{-webkit-transform:rotateY(0);transform:rotateY(0)}.aplayer.aplayer-fixed .aplayer-icon-back,.aplayer.aplayer-fixed .aplayer-icon-forward,.aplayer.aplayer-fixed .aplayer-icon-lrc,.aplayer.aplayer-fixed .aplayer-icon-play{display:inline-block}.aplayer.aplayer-fixed .aplayer-icon-back,.aplayer.aplayer-fixed .aplayer-icon-forward,.aplayer.aplayer-fixed .aplayer-icon-menu,.aplayer.aplayer-fixed .aplayer-icon-play{position:absolute;bottom:27px;width:20px;height:20px}.aplayer.aplayer-fixed .aplayer-icon-back{right:75px}.aplayer.aplayer-fixed .aplayer-icon-play{right:50px}.aplayer.aplayer-fixed .aplayer-icon-forward{right:25px}.aplayer.aplayer-fixed .aplayer-icon-menu{right:0}.aplayer.aplayer-arrow .aplayer-icon-loop,.aplayer.aplayer-arrow .aplayer-icon-order,.aplayer.aplayer-mobile .aplayer-icon-volume-down{display:none}.aplayer.aplayer-loading .aplayer-info .aplayer-controller .aplayer-loading-icon{display:block}.aplayer.aplayer-loading .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played .aplayer-thumb{-webkit-transform:scale(1);transform:scale(1)}.aplayer .aplayer-body{position:relative}.aplayer .aplayer-icon{width:15px;height:15px;border:none;background-color:transparent;outline:none;cursor:pointer;opacity:.8;vertical-align:middle;padding:0;font-size:12px;margin:0;display:inline-block}.aplayer .aplayer-icon path{transition:all .2s ease-in-out}.aplayer .aplayer-icon-back,.aplayer .aplayer-icon-forward,.aplayer .aplayer-icon-lrc,.aplayer .aplayer-icon-order,.aplayer .aplayer-icon-play{display:none}.aplayer .aplayer-icon-lrc-inactivity svg{opacity:.4}.aplayer .aplayer-icon-forward{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.aplayer .aplayer-lrc-content{display:none}.aplayer .aplayer-pic{position:relative;float:left;height:66px;width:66px;background-size:cover;background-position:50%;transition:all .3s ease;cursor:pointer}.aplayer .aplayer-pic:hover .aplayer-button{opacity:1}.aplayer .aplayer-pic .aplayer-button{position:absolute;border-radius:50%;opacity:.8;text-shadow:0 1px 1px rgba(0,0,0,.2);box-shadow:0 1px 1px rgba(0,0,0,.2);background:rgba(0,0,0,.2);transition:all .1s ease}.aplayer .aplayer-pic .aplayer-button path{fill:#fff}.aplayer .aplayer-pic .aplayer-hide{display:none}.aplayer .aplayer-pic .aplayer-play{width:26px;height:26px;border:2px solid #fff;bottom:50%;right:50%;margin:0 -15px -15px 0}.aplayer .aplayer-pic .aplayer-play svg{position:absolute;top:3px;left:4px;height:20px;width:20px}.aplayer .aplayer-pic .aplayer-pause{width:16px;height:16px;border:2px solid #fff;bottom:4px;right:4px}.aplayer .aplayer-pic .aplayer-pause svg{position:absolute;top:2px;left:2px;height:12px;width:12px}.aplayer .aplayer-info{margin-left:66px;padding:14px 7px 0 10px;height:66px;box-sizing:border-box}.aplayer .aplayer-info .aplayer-music{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0 0 13px 5px;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;cursor:default;padding-bottom:2px;height:20px}.aplayer .aplayer-info .aplayer-music .aplayer-title{font-size:14px}.aplayer .aplayer-info .aplayer-music .aplayer-author{font-size:12px;color:#666}.aplayer .aplayer-info .aplayer-controller{position:relative;display:flex}.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap{margin:0 0 0 5px;padding:4px 0;cursor:pointer!important;flex:1}.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap:hover .aplayer-bar .aplayer-played .aplayer-thumb{-webkit-transform:scale(1);transform:scale(1)}.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar{position:relative;height:2px;width:100%;background:#cdcdcd}.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-loaded{position:absolute;left:0;top:0;bottom:0;background:#aaa;height:2px;transition:all .5s ease}.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played{position:absolute;left:0;top:0;bottom:0;height:2px}.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played .aplayer-thumb{position:absolute;top:0;right:5px;margin-top:-4px;margin-right:-10px;height:10px;width:10px;border-radius:50%;cursor:pointer;transition:all .3s ease-in-out;-webkit-transform:scale(0);transform:scale(0)}.aplayer .aplayer-info .aplayer-controller .aplayer-time{position:relative;right:0;bottom:4px;height:17px;color:#999;font-size:11px;padding-left:7px}.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-time-inner{vertical-align:middle}.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon{cursor:pointer;transition:all .2s ease}.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon path{fill:#666}.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon.aplayer-icon-loop{margin-right:2px}.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon:hover path{fill:#000}.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon.aplayer-icon-menu,.aplayer .aplayer-info .aplayer-controller .aplayer-time.aplayer-time-narrow .aplayer-icon-menu,.aplayer .aplayer-info .aplayer-controller .aplayer-time.aplayer-time-narrow .aplayer-icon-mode{display:none}.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap{position:relative;display:inline-block;margin-left:3px;cursor:pointer!important}.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap:hover .aplayer-volume-bar-wrap{height:40px}.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap{position:absolute;bottom:15px;right:-3px;width:25px;height:0;z-index:99;overflow:hidden;transition:all .2s ease-in-out}.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap.aplayer-volume-bar-wrap-active{height:40px}.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap .aplayer-volume-bar{position:absolute;bottom:0;right:10px;width:5px;height:35px;background:#aaa;border-radius:2.5px;overflow:hidden}.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap .aplayer-volume-bar .aplayer-volume{position:absolute;bottom:0;right:0;width:5px;transition:all .1s ease}.aplayer .aplayer-info .aplayer-controller .aplayer-loading-icon{display:none}.aplayer .aplayer-info .aplayer-controller .aplayer-loading-icon svg{position:absolute;-webkit-animation:rotate 1s linear infinite;animation:rotate 1s linear infinite}.aplayer .aplayer-lrc{display:none;position:relative;height:30px;text-align:center;overflow:hidden;margin:-10px 0 7px}.aplayer .aplayer-lrc:before{top:0;height:10%;background:linear-gradient(180deg,#fff 0,hsla(0,0%,100%,0));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#00ffffff",GradientType=0)}.aplayer .aplayer-lrc:after,.aplayer .aplayer-lrc:before{position:absolute;z-index:1;display:block;overflow:hidden;width:100%;content:" "}.aplayer .aplayer-lrc:after{bottom:0;height:33%;background:linear-gradient(180deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.8));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff",endColorstr="#ccffffff",GradientType=0)}.aplayer .aplayer-lrc p{font-size:12px;color:#666;line-height:16px!important;height:16px!important;padding:0!important;margin:0!important;transition:all .5s ease-out;opacity:.4;overflow:hidden}.aplayer .aplayer-lrc p.aplayer-lrc-current{opacity:1;overflow:visible;height:auto!important;min-height:16px}.aplayer .aplayer-lrc.aplayer-lrc-hide{display:none}.aplayer .aplayer-lrc .aplayer-lrc-contents{width:100%;transition:all .5s ease-out;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;cursor:default}.aplayer .aplayer-list{overflow:auto;transition:all .5s ease;will-change:height;display:none;overflow:hidden}.aplayer .aplayer-list.aplayer-list-hide{max-height:0!important}.aplayer .aplayer-list ol{list-style-type:none;margin:0;padding:0;overflow-y:auto}.aplayer .aplayer-list ol::-webkit-scrollbar{width:5px}.aplayer .aplayer-list ol::-webkit-scrollbar-thumb{border-radius:3px;background-color:#eee}.aplayer .aplayer-list ol::-webkit-scrollbar-thumb:hover{background-color:#ccc}.aplayer .aplayer-list ol li{position:relative;height:32px;line-height:32px;padding:0 15px;font-size:12px;border-top:1px solid #e9e9e9;cursor:pointer;transition:all .2s ease;overflow:hidden;margin:0}.aplayer .aplayer-list ol li:first-child{border-top:none}.aplayer .aplayer-list ol li:hover{background:#efefef}.aplayer .aplayer-list ol li.aplayer-list-light{background:#e9e9e9}.aplayer .aplayer-list ol li.aplayer-list-light .aplayer-list-cur{display:inline-block}.aplayer .aplayer-list ol li .aplayer-list-cur{display:none;width:3px;height:22px;position:absolute;left:0;top:5px;cursor:pointer}.aplayer .aplayer-list ol li .aplayer-list-index{color:#666;margin-right:12px;cursor:pointer}.aplayer .aplayer-list ol li .aplayer-list-author{color:#666;float:right;cursor:pointer}.aplayer .aplayer-notice{opacity:0;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:12px;border-radius:4px;padding:5px 10px;transition:all .3s ease-in-out;overflow:hidden;color:#fff;pointer-events:none;background-color:#f4f4f5;color:#909399}.aplayer .aplayer-miniswitcher{display:none;position:absolute;top:0;right:0;bottom:0;height:100%;background:#e6e6e6;width:18px;border-radius:0 2px 2px 0}.aplayer .aplayer-miniswitcher .aplayer-icon{height:100%;width:100%;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);transition:all .3s ease}.aplayer .aplayer-miniswitcher .aplayer-icon path{fill:#666}.aplayer .aplayer-miniswitcher .aplayer-icon:hover path{fill:#000}@-webkit-keyframes aplayer-roll{0%{left:0}to{left:-100%}}@keyframes aplayer-roll{0%{left:0}to{left:-100%}}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}

/*# sourceMappingURL=APlayer.min.css.map*/
.player[data-v-911d47f2] {
  position: relative;
  height: 42px;
  margin-bottom: 12px;
  transition: transform 0.3s;
  cursor: pointer;
}
.player .player-content[data-v-911d47f2] {
  position: relative;
  margin: 0;
  width: fit-content;
  border-radius: 50px;
  overflow: hidden;
  color: var(--main-font-color);
  font-family: var(--main-font-family);
  background-color: var(--main-card-background);
  border: 1px solid var(--main-card-border);
  box-shadow: 0 6px 10px -4px var(--main-dark-shadow);
  transition: all 0.3s;
}
.player .player-content[data-v-911d47f2] .aplayer-body {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 6px;
  padding-right: 12px;
  pointer-events: none;
}
.player .player-content[data-v-911d47f2] .aplayer-body .aplayer-pic {
  width: 30px;
  height: 30px;
  min-width: 30px;
  border-radius: 50%;
  margin-right: 8px;
  outline: 1px solid var(--main-card-border);
  animation: rotate 20s linear infinite;
  animation-play-state: paused;
  z-index: 2;
}
.player .player-content[data-v-911d47f2] .aplayer-body .aplayer-pic .aplayer-button {
  display: none;
}
.player .player-content[data-v-911d47f2] .aplayer-body .aplayer-info {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: auto;
  margin: 0;
  padding: 0;
  border: none;
}
.player .player-content[data-v-911d47f2] .aplayer-body .aplayer-info .aplayer-music {
  margin: 0;
  padding: 0;
  height: auto;
  display: flex;
  line-height: normal;
  z-index: 2;
}
.player .player-content[data-v-911d47f2] .aplayer-body .aplayer-info .aplayer-music .aplayer-title {
  line-height: normal;
  display: inline-block;
  white-space: nowrap;
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.player .player-content[data-v-911d47f2] .aplayer-body .aplayer-info .aplayer-music .aplayer-author {
  display: none;
}
.player .player-content[data-v-911d47f2] .aplayer-body .aplayer-info .aplayer-lrc {
  margin: 0 !important;
  opacity: 0 !important;
  width: 0 !important;
  margin-left: 0 !important;
  z-index: 2;
  transition: none;
}
.player .player-content[data-v-911d47f2] .aplayer-body .aplayer-info .aplayer-lrc::after {
  display: none;
}
.player .player-content[data-v-911d47f2] .aplayer-body .aplayer-info .aplayer-lrc .aplayer-lrc-contents {
  display: none;
}
.player .player-content[data-v-911d47f2] .aplayer-body .aplayer-info .aplayer-controller {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.player .player-content[data-v-911d47f2] .aplayer-body .aplayer-info .aplayer-controller .aplayer-time {
  display: none;
}
.player .player-content[data-v-911d47f2] .aplayer-body .aplayer-info .aplayer-controller .aplayer-bar-wrap {
  margin: 0;
  padding: 0;
  opacity: 0;
  transition: opacity 0.3s;
}
.player .player-content[data-v-911d47f2] .aplayer-body .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar {
  height: 100%;
  background: transparent;
}
.player .player-content[data-v-911d47f2] .aplayer-body .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-loaded {
  display: none;
}
.player .player-content[data-v-911d47f2] .aplayer-body .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played {
  height: 100%;
  background: var(--main-color-white) !important;
  transition: width 0.3s;
}
.player .player-content[data-v-911d47f2] .aplayer-body .aplayer-notice,
.player .player-content[data-v-911d47f2] .aplayer-body .aplayer-miniswitcher {
  display: none;
}
.player .player-content[data-v-911d47f2] .aplayer-list {
  display: none;
}
.player .player-content[data-v-911d47f2]::after {
  content: "播放音乐";
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 14px;
  opacity: 0;
  color: var(--main-card-background);
  background-color: var(--main-color);
  pointer-events: none;
  transition: opacity 0.3s;
  z-index: 3;
}
.player .player-content[data-v-911d47f2]:hover {
  border-color: var(--main-color);
  box-shadow: 0 8px 16px -4px var(--main-color-bg);
}
.player .player-content[data-v-911d47f2]:hover::after {
  opacity: 1;
}
.player.playing .player-content[data-v-911d47f2] {
  color: var(--main-card-background);
  background-color: var(--main-color);
  border: 1px solid var(--main-color);
}
.player.playing .player-content[data-v-911d47f2] .aplayer-body .aplayer-pic {
  animation-play-state: running;
}
.player.playing .player-content[data-v-911d47f2] .aplayer-body .aplayer-info .aplayer-lrc {
  opacity: 0 !important;
  width: 0 !important;
}
.player.playing .player-content[data-v-911d47f2] .aplayer-body .aplayer-info .aplayer-controller .aplayer-bar-wrap {
  opacity: 1;
}
.player.playing .player-content[data-v-911d47f2]::after {
  opacity: 0;
}
.player[data-v-911d47f2]:active {
  transform: scale(0.98);
}
@media (max-width: 768px) {
.player[data-v-911d47f2] {
    display: none;
}
}.system-status[data-v-e94fee05] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 20px;
  background: var(--main-card-second-background);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
  user-select: none;
  font-size: 13px;
  text-decoration: none;
  color: var(--main-font-color);
  line-height: 1.5;
}
.system-status[data-v-e94fee05]:hover {
  transform: translateY(-1px);
}
.system-status[data-v-e94fee05]:active {
  background: var(--main-border-shadow);
  transform: translateY(0);
}
.system-status.status--operational[data-v-e94fee05] {
  background: var(--main-success-color-gray);
  color: var(--main-success-color);
}
.system-status.status--degraded[data-v-e94fee05] {
  background: var(--main-warning-color-gray);
  color: var(--main-warning-color);
}
.system-status.status--partial[data-v-e94fee05] {
  background: var(--main-warning-color-gray);
  color: var(--main-warning-color);
}
.system-status.status--major[data-v-e94fee05] {
  background: var(--main-error-color-gray);
  color: var(--main-error-color);
}
.system-status.status--maintenance[data-v-e94fee05] {
  background: var(--main-info-color-gray);
  color: var(--main-info-color);
}
.system-status.status--error[data-v-e94fee05], .system-status.status--unknown[data-v-e94fee05] {
  background: var(--main-card-second-background);
  color: var(--main-font-second-color);
}
.status-dot-wrapper[data-v-e94fee05] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 8px;
  width: 8px;
  margin: 0 4px;
  overflow: visible;
}
.status-dot-ping[data-v-e94fee05] {
  position: absolute;
  top: 0;
  left: 0;
  height: 8px;
  width: 8px;
  border-radius: 50%;
  transform-origin: center;
  animation: status-ping-e94fee05 1.5s ease-out infinite;
}
.status-dot-ping.ping--operational[data-v-e94fee05] {
  background-color: var(--main-success-color);
}
.status-dot-ping.ping--degraded[data-v-e94fee05] {
  background-color: var(--main-warning-color);
}
.status-dot-ping.ping--partial[data-v-e94fee05] {
  background-color: var(--main-warning-color);
}
.status-dot-ping.ping--major[data-v-e94fee05] {
  background-color: var(--main-error-color);
}
.status-dot-ping.ping--maintenance[data-v-e94fee05] {
  background-color: var(--main-info-color);
}
.status-dot-ping.ping--error[data-v-e94fee05], .status-dot-ping.ping--unknown[data-v-e94fee05] {
  background-color: var(--main-font-second-color);
}
.status-dot[data-v-e94fee05] {
  position: relative;
  display: inline-flex;
  border-radius: 50%;
  height: 8px;
  width: 8px;
  transition: background-color 0.3s ease;
}
.status-dot.dot--loading[data-v-e94fee05] {
  background-color: var(--main-font-second-color);
  animation: status-pulse-e94fee05 1.2s ease-in-out infinite;
}
.status-dot.dot--operational[data-v-e94fee05] {
  background-color: var(--main-success-color);
}
.status-dot.dot--degraded[data-v-e94fee05] {
  background-color: var(--main-warning-color);
}
.status-dot.dot--partial[data-v-e94fee05] {
  background-color: var(--main-warning-color);
}
.status-dot.dot--major[data-v-e94fee05] {
  background-color: var(--main-error-color);
}
.status-dot.dot--maintenance[data-v-e94fee05] {
  background-color: var(--main-info-color);
}
.status-dot.dot--error[data-v-e94fee05], .status-dot.dot--unknown[data-v-e94fee05] {
  background-color: var(--main-font-second-color);
}
.status-label[data-v-e94fee05] {
  font-weight: 500;
  letter-spacing: 0.02em;
  transition: color 0.3s ease;
  white-space: nowrap;
  color: inherit;
}
@keyframes status-ping-e94fee05 {
0% {
    transform: scale(1);
    opacity: 0.75;
}
100% {
    transform: scale(2);
    opacity: 0;
}
}
@keyframes status-pulse-e94fee05 {
0%, 100% {
    opacity: 1;
    transform: scale(1);
}
50% {
    opacity: 0.5;
    transform: scale(0.85);
}
}.main-footer[data-v-ed4c4c59] {
  display: flex;
  margin-top: 1rem;
  padding: 1rem 0;
  background-color: var(--main-card-background);
  border-top: 1px solid var(--main-card-border);
  overflow: hidden;
  animation: show 0.3s backwards;
  transition: color 0.3s, border 0.3s, background-color 0.3s;
}
.main-footer .footer-content[data-v-ed4c4c59] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 1rem;
  color: var(--main-font-color);
  line-height: 1;
  min-height: 32px;
}
.main-footer .footer-content .copyright[data-v-ed4c4c59] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.1rem;
}
.main-footer .footer-content .copyright .time[data-v-ed4c4c59] {
  display: inline-flex;
  align-items: center;
}
.main-footer .footer-content .copyright .icp .iconfont[data-v-ed4c4c59] {
  font-size: 20px;
  opacity: 0.6;
}
.main-footer .footer-content .meta[data-v-ed4c4c59] {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.main-footer .footer-content .meta .power[data-v-ed4c4c59] {
  margin-right: 4px;
}
.main-footer .footer-content .meta .power .by[data-v-ed4c4c59] {
  font-weight: normal;
  opacity: 0.8;
  margin-right: 6px;
}
.main-footer .footer-content .meta .rss[data-v-ed4c4c59] {
  margin-right: 4px;
}
.main-footer .footer-content .meta .rss .iconfont[data-v-ed4c4c59] {
  font-weight: normal;
  margin-right: 6px;
}
.main-footer .footer-content .meta .cc .iconfont[data-v-ed4c4c59] {
  margin: 0 2px;
  font-weight: normal;
}
.main-footer .footer-content .meta .notbyai[data-v-ed4c4c59] {
  padding: 4px !important;
}
.main-footer .footer-content .meta .notbyai img[data-v-ed4c4c59] {
  height: 30px;
}
.main-footer .footer-content .meta .notbyai .light-badge[data-v-ed4c4c59] {
  display: block;
}
.main-footer .footer-content .meta .notbyai .dark-badge[data-v-ed4c4c59] {
  display: none;
}
.main-footer .footer-content .link[data-v-ed4c4c59] {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  font-weight: bold;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding: 8px;
  margin: 0 2px;
  height: 38px;
  border-radius: 12px;
  transition: color 0.3s, background-color 0.3s;
  cursor: pointer;
}
.main-footer .footer-content .link .iconfont[data-v-ed4c4c59] {
  font-size: 22px;
  margin-right: 4px;
  transition: color 0.3s;
}
.main-footer .footer-content .link[data-v-ed4c4c59]:hover {
  color: var(--main-color);
  background-color: var(--main-color-bg);
}
.main-footer .footer-content .link:hover .iconfont[data-v-ed4c4c59] {
  color: var(--main-color);
}
@media (max-width: 768px) {
.main-footer .footer-content[data-v-ed4c4c59] {
    font-size: 14px;
}
.main-footer .footer-content .meta[data-v-ed4c4c59] {
    display: none;
}
.main-footer .footer-content .copyright .time[data-v-ed4c4c59],
  .main-footer .footer-content .copyright .author[data-v-ed4c4c59] {
    display: none;
}
}
@media (max-width: 420px) {
.main-footer .footer-content .copyright .icp .iconfont[data-v-ed4c4c59] {
    display: none;
}
}html.dark .main-footer .notbyai .light-badge {
  display: none !important;
}
html.dark .main-footer .notbyai .dark-badge {
  display: block !important;
}
.smart-icon[data-v-55a21458] {
  width: 1em;
  height: 1em;
  object-fit: contain;
  vertical-align: middle;
}
.iconify[data-v-55a21458] {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
}
[data-v-55a21458] svg {
  display: block;
}
.footer-link[data-v-4e336b05] {
  width: 100%;
  max-width: 1200px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-direction: row;
  margin: 1rem auto;
  margin-bottom: 3rem;
  padding: 0 1rem;
  animation: show 0.3s backwards;
}
.footer-link .footer-bar[data-v-4e336b05] {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 2rem;
}
.footer-link .footer-bar .site-title[data-v-4e336b05] {
  font-weight: bold;
  font-size: 22px;
}
.footer-link .footer-bar .site-desc[data-v-4e336b05] {
  margin: 0.6rem 0;
  font-weight: bold;
  font-size: 18px;
  color: var(--main-font-second-color);
}
.footer-link .footer-bar .to-home[data-v-4e336b05] {
  padding: 8px 16px;
  border-radius: 25px;
  margin-top: 8px;
  font-size: 14px;
  color: var(--main-font-color);
  background-color: var(--main-card-second-background);
  border: 1px solid var(--main-card-border);
  transition: color 0.3s, transform 0.3s, border-color 0.3s, background-color 0.3s;
  cursor: pointer;
}
.footer-link .footer-bar .to-home[data-v-4e336b05]:hover {
  color: var(--main-card-background);
  background-color: var(--main-color);
  transform: scale(1.1);
  border-color: var(--main-color);
}
.footer-link .footer-social[data-v-4e336b05] {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 2rem;
}
.footer-link .footer-social .social-link[data-v-4e336b05] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  margin: 1rem 26px;
  border-radius: 50%;
  background-color: var(--main-font-color);
  transition: transform 0.3s, background-color 0.3s;
}
.footer-link .footer-social .social-link .iconfont[data-v-4e336b05] {
  font-size: 20px;
  color: var(--main-card-background);
}
.footer-link .footer-social .social-link[data-v-4e336b05]:hover {
  transform: scale(1.15);
  background-color: var(--main-color);
}
.footer-link .footer-social .social-link[data-v-4e336b05]:active {
  transform: scale(1);
}
.footer-link .footer-social .logo[data-v-4e336b05] {
  width: 60px;
  height: 60px;
  margin: 0 1rem;
  transition: transform 0.3s;
  cursor: pointer;
  border-radius: 50%;
  overflow: hidden;
}
.footer-link .footer-social .logo img[data-v-4e336b05] {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.footer-link .footer-social .logo[data-v-4e336b05]:hover {
  transform: scale(1.2);
}
.footer-link .footer-social .logo[data-v-4e336b05]:active {
  transform: scale(1);
}
@media (max-width: 768px) {
.footer-link .footer-social .logo[data-v-4e336b05] {
    display: none;
}
}
.footer-link .footer-sitemap[data-v-4e336b05] {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 1rem 0;
}
.footer-link .footer-sitemap .sitemap-item[data-v-4e336b05] {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 120px;
}
.footer-link .footer-sitemap .sitemap-item .title[data-v-4e336b05] {
  display: inline-block;
  margin: 1rem 0;
  font-size: 16px;
  font-weight: bold;
  color: var(--main-font-second-color);
}
.footer-link .footer-sitemap .sitemap-item .title.friends[data-v-4e336b05] {
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
}
.footer-link .footer-sitemap .sitemap-item .title.friends .iconfont[data-v-4e336b05] {
  font-weight: normal;
  margin-left: 6px;
  color: var(--main-font-second-color);
  transition: color 0.3s;
}
.footer-link .footer-sitemap .sitemap-item .title.friends .iconfont[data-v-4e336b05]:hover {
  color: var(--main-color);
}
.footer-link .footer-sitemap .sitemap-item .links[data-v-4e336b05] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.footer-link .footer-sitemap .sitemap-item .links .link-text[data-v-4e336b05] {
  color: var(--main-font-color);
  display: inline-block;
  max-width: 120px;
  width: max-content;
  margin: 4px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-wrap: break-word;
  padding: 8px;
  border-radius: 12px;
  transition: color 0.3s, background-color 0.3s;
  cursor: pointer;
}
.footer-link .footer-sitemap .sitemap-item .links .link-text[data-v-4e336b05]:hover {
  color: var(--main-color);
  background-color: var(--main-color-bg);
}
.footer-link .made-with-love[data-v-4e336b05] {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1rem 0;
  gap: 1rem;
}
.footer-link .made-with-love > span[data-v-4e336b05] {
  font-size: 18px;
  color: var(--main-font-second-color);
}
.footer-link .made-with-love .tech-badges[data-v-4e336b05] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
}
.footer-link .made-with-love .tech-badges .badge-item[data-v-4e336b05] {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 40px;
  height: 40px;
  padding: 0 10px;
  background-color: var(--main-card-second-background);
  border: 1px solid var(--main-card-border);
  border-radius: 20px;
  cursor: pointer;
  overflow: hidden;
  transition: max-width 0.4s ease, padding 0.4s ease, border-color 0.3s ease;
}
.footer-link .made-with-love .tech-badges .badge-item .badge-icon[data-v-4e336b05] {
  font-size: 20px;
  flex-shrink: 0;
}
.footer-link .made-with-love .tech-badges .badge-item .badge-text[data-v-4e336b05] {
  font-size: 13px;
  font-weight: 500;
  color: var(--main-font-second-color);
  white-space: nowrap;
  opacity: 0;
  margin-left: 0;
  overflow: hidden;
  transition: opacity 0.3s ease 0.1s, margin-left 0.4s ease;
}
.footer-link .made-with-love .tech-badges .badge-item.expanded[data-v-4e336b05], .footer-link .made-with-love .tech-badges .badge-item[data-v-4e336b05]:hover {
  max-width: 180px;
  padding: 0 14px;
  border-color: var(--main-color);
}
.footer-link .made-with-love .tech-badges .badge-item.expanded .badge-text[data-v-4e336b05], .footer-link .made-with-love .tech-badges .badge-item:hover .badge-text[data-v-4e336b05] {
  opacity: 1;
  margin-left: 8px;
}
.site-data .all-data .data-item[data-v-84ca52a9] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 0.2rem;
}
.site-data .all-data .data-item .name[data-v-84ca52a9] {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.site-data .all-data .data-item .name .iconfont[data-v-84ca52a9] {
  margin-right: 8px;
  opacity: 0.6;
  font-size: 18px;
}
.site-data .all-data .data-item .num[data-v-84ca52a9] {
  opacity: 0.8;
  font-size: 15px;
}
.site-data .all-data .data-item #busuanzi_value_site_pv[data-v-84ca52a9]::after {
  content: " 次";
}
.site-data .all-data .data-item #busuanzi_value_site_uv[data-v-84ca52a9]::after {
  content: " 人";
}
.site-data .all-data .data-item[data-v-84ca52a9]:last-child {
  padding-bottom: 0;
}.tags-cloud .all-tags[data-v-8814aff4] {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  max-height: 500px;
  overflow: hidden;
}
.tags-cloud .all-tags .tags[data-v-8814aff4] {
  display: inline-block;
  padding: 4px 8px;
  margin: 2px;
  border-radius: 8px;
}
.tags-cloud .all-tags .tags .num[data-v-8814aff4] {
  margin-left: 2px;
  opacity: 0.6;
}
.tags-cloud .all-tags .tags[data-v-8814aff4]:hover {
  color: var(--main-color);
  background-color: var(--main-color-bg);
}
.tags-cloud .all-tags[data-v-8814aff4]::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 48%;
  max-height: 150px;
  background-image: linear-gradient(to top, var(--main-card-background), transparent);
  pointer-events: none;
}
.tags-cloud .more-tags[data-v-8814aff4] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 40px;
  border-radius: 8px;
  font-size: 14px;
  border: 1px solid var(--main-card-border);
  background-color: var(--main-card-second-background);
}
.tags-cloud .more-tags[data-v-8814aff4]:hover {
  color: var(--main-color);
  border-color: var(--main-color-bg);
  background-color: var(--main-color-bg);
}
.site-data[data-v-dc77dd9b] {
  margin-bottom: 1rem;
}
.site-data .iconfont[data-v-dc77dd9b] {
  opacity: 0.6;
  margin-right: 6px;
}
.site-data .title-name[data-v-dc77dd9b] {
  opacity: 0.8;
}
.site-data .title[data-v-dc77dd9b] {
  padding: 0.3rem 0.5rem;
  margin-bottom: 5px;
  font-weight: bold;
  display: flex;
  align-items: center;
  opacity: 0.75;
}
.site-data .all-data[data-v-dc77dd9b] {
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
.site-data .all-data .data-item[data-v-dc77dd9b] {
  display: flex;
  align-items: flex-start;
  padding: 0.2rem 0.1rem;
  line-height: 1.4rem;
  font-size: 14px;
}
.site-data .all-data .data-item .name[data-v-dc77dd9b] {
  flex-shrink: 0;
  width: 1.2rem;
  text-align: center;
  opacity: 0.8;
  font-weight: bold;
}
.site-data .all-data .data-item .num[data-v-dc77dd9b] {
  flex: 1;
  margin-left: 0.3rem;
}
.site-data .all-data .data-item .num a[data-v-dc77dd9b] {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  white-space: normal;
  opacity: 0.8;
  text-decoration: none;
}
.site-data .all-data .data-item[data-v-dc77dd9b]:last-child {
  padding-bottom: 0;
}
.site-data[data-v-dc77dd9b] {
  /* 更新时间样式 */
}
.site-data .update-time[data-v-dc77dd9b] {
  margin: 0.2rem 0.5rem;
  font-size: 12px;
  color: #888;
  text-align: right;
}
.timing-card[data-v-ef9672cb] {
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
}
.timing-item[data-v-ef9672cb] {
  width: 100%;
}
.timing-item + .timing-item[data-v-ef9672cb] {
  padding-top: 0.7rem;
  border-top: 1px solid var(--main-card-border);
}
.item-icon[data-v-ef9672cb] {
  font-size: 1rem;
  line-height: 1;
  margin-right: 0.45rem;
}
.title-name[data-v-ef9672cb] {
  font-weight: bold;
  font-size: 1rem;
  margin-right: 0.35rem;
}
.event-name[data-v-ef9672cb] {
  font-size: 1.2rem;
  font-weight: 800;
  color: var(--main-color);
  margin-right: 0.35rem;
}
.custom-text[data-v-ef9672cb] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  font-size: 1rem;
  color: var(--main-font-color);
  text-align: center;
  line-height: 1.5;
  margin: 0;
}
.state-text[data-v-ef9672cb] {
  opacity: 0.85;
}
.day-number[data-v-ef9672cb] {
  font-size: 1.2em;
  font-weight: 800;
  color: var(--main-color);
  margin: 0 0.25rem;
}
.count-down[data-v-eebf1a25] {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.count-down .count-left[data-v-eebf1a25] {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
  margin-right: 0.8rem;
}
.count-down .count-left .text[data-v-eebf1a25] {
  font-size: 14px;
  color: var(--main-font-second-color);
}
.count-down .count-left .name[data-v-eebf1a25] {
  font-weight: bold;
  font-size: 18px;
  margin-top: 2px;
}
.count-down .count-left .time[data-v-eebf1a25] {
  font-size: 30px;
  font-weight: bold;
  margin: 4px 0;
  color: var(--main-color);
}
.count-down .count-left .date[data-v-eebf1a25] {
  font-size: 12px;
  opacity: 0.6;
}
.count-down .count-left[data-v-eebf1a25]::after {
  content: "";
  position: absolute;
  right: -0.8rem;
  width: 2px;
  height: 80%;
  background-color: var(--main-card-border);
}
.count-down .count-right[data-v-eebf1a25] {
  flex: 1;
  width: 100%;
  margin-left: 0.8rem;
}
.count-down .count-right .count-item[data-v-eebf1a25] {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 24px;
  margin: 6px 0;
}
.count-down .count-right .count-item .item-name[data-v-eebf1a25] {
  font-size: 14px;
  margin-right: 0.8rem;
  white-space: nowrap;
  color: var(--main-font-second-color);
}
.count-down .count-right .count-item .item-progress[data-v-eebf1a25] {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  width: 100%;
  border-radius: 8px;
  background-color: var(--main-color-bg);
  overflow: hidden;
}
.count-down .count-right .count-item .item-progress .progress-bar[data-v-eebf1a25] {
  height: 100%;
  border-radius: 8px;
  background-color: var(--main-color);
}
.count-down .count-right .count-item .item-progress .percentage[data-v-eebf1a25],
.count-down .count-right .count-item .item-progress .remaining[data-v-eebf1a25] {
  position: absolute;
  font-size: 12px;
  margin: 0 6px;
  transition: opacity 0.3s, transform 0.3s;
}
.count-down .count-right .count-item .item-progress .percentage.many[data-v-eebf1a25],
.count-down .count-right .count-item .item-progress .remaining.many[data-v-eebf1a25] {
  color: #fff;
}
.count-down .count-right .count-item .item-progress .percentage.many .tip[data-v-eebf1a25],
.count-down .count-right .count-item .item-progress .remaining.many .tip[data-v-eebf1a25] {
  opacity: 0.8;
}
.count-down .count-right .count-item .item-progress .remaining[data-v-eebf1a25] {
  opacity: 0;
  transform: translateX(10px);
}
.count-down .count-right .count-item .item-progress .remaining .tip[data-v-eebf1a25] {
  opacity: 0.6;
}
.count-down:hover .count-right .remaining[data-v-eebf1a25] {
  transform: translateX(0) !important;
  opacity: 1 !important;
}
.count-down:hover .count-right .percentage[data-v-eebf1a25] {
  transform: translateX(-10px) !important;
  opacity: 0 !important;
}.weather-data .all-data[data-v-9bb8f4ca] {
  display: flex;
  flex-direction: column;
  margin-top: 12px;
}
.weather-data .all-data .data-item[data-v-9bb8f4ca] {
  width: 100%;
  padding: 8px 0;
  display: flex;
  justify-content: space-between;
}
.weather-data .all-data .data-item .name[data-v-9bb8f4ca] {
  font-weight: 500;
  display: flex;
  align-items: center;
}
.weather-data .all-data .data-item .name i[data-v-9bb8f4ca] {
  margin-right: 4px;
}
.weather-data .all-data .data-item .num[data-v-9bb8f4ca] {
  font-size: 1.1em;
}.toc[data-v-16e83284] {
  position: relative;
  padding: 0 !important;
  overflow: hidden;
}
.toc .toc-title[data-v-16e83284] {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 18px;
  height: 58px;
}
.toc .toc-title .iconfont[data-v-16e83284] {
  margin-right: 8px;
  font-weight: bold;
  opacity: 0.6;
}
.toc .toc-title .name[data-v-16e83284] {
  font-weight: bold;
}
.toc .toc-list[data-v-16e83284] {
  position: relative;
  padding: 20px;
  padding-top: 0;
  padding-left: 24px;
  display: flex;
  flex-direction: column;
  max-height: calc(70vh - 58px);
  overflow: auto;
}
.toc .toc-list .toc-item[data-v-16e83284] {
  margin: 4px 0;
  padding: 6px 12px;
  border-radius: 8px;
  opacity: 0.6;
  transition: color 0.3s, opacity 0.3s, font-size 0.3s, background-color 0.3s;
  cursor: pointer;
}
.toc .toc-list .toc-item[data-v-16e83284]:first-child {
  margin-top: 0;
}
.toc .toc-list .toc-item[data-v-16e83284]:last-child {
  margin-bottom: 0;
}
.toc .toc-list .toc-item.H2[data-v-16e83284] {
  font-weight: bold;
}
.toc .toc-list .toc-item.H3[data-v-16e83284] {
  font-size: 14px;
  margin-left: 20px;
}
.toc .toc-list .toc-item.active[data-v-16e83284] {
  opacity: 1;
  color: var(--main-color);
  background-color: var(--main-color-bg);
}
.toc .toc-list .toc-item.active.H2[data-v-16e83284] {
  font-size: 18px;
}
.toc .toc-list .toc-item.active.H3[data-v-16e83284] {
  font-size: 16px;
}
.toc .toc-list .toc-item[data-v-16e83284]:hover {
  opacity: 1;
  color: var(--main-color);
  background-color: var(--main-color-bg);
}
.toc .toc-list[data-v-16e83284]::after {
  content: "";
  position: absolute;
  left: 12px;
  top: var(--height);
  width: 4px;
  height: 20px;
  margin: 8px 0;
  background-color: var(--main-color);
  border-radius: 8px;
  transition: top 0.3s;
}
.toc[data-v-16e83284]::before {
  content: "";
  position: absolute;
  left: 12px;
  bottom: 20px;
  width: 4px;
  height: calc(100% - 78px);
  background-color: var(--main-card-border);
  border-radius: 8px;
}.clock[data-v-9797ce5c] {
  width: 160px;
  height: 160px;
  border-radius: 50%;
  border: 6px solid var(--main-card-background);
  box-shadow: 0 8px 16px -4px var(--main-border-shadow);
  background-image: linear-gradient(to bottom, #505152, #2e2f30);
  overflow: hidden;
}
.clock .clock-content[data-v-9797ce5c] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  box-shadow: inset 0 0 16px -6px #191a1b;
}
.clock .clock-content .pointer[data-v-9797ce5c] {
  position: absolute;
  bottom: calc(50% - 5px);
  box-shadow: 0 0 10px 0 #191a1b;
  border-radius: 25px;
}
.clock .clock-content .pointer.hour[data-v-9797ce5c] {
  width: 10px;
  height: 40px;
  background-color: #e4e4e4;
  z-index: 2;
  transform-origin: 5px 35px;
}
.clock .clock-content .pointer.minute[data-v-9797ce5c] {
  width: 8px;
  height: 55px;
  background-color: #d2d2d2;
  transform-origin: 4px 50px;
  z-index: 1;
}
.clock .clock-content .pointer.second[data-v-9797ce5c] {
  width: 4px;
  height: 60px;
  background-color: #a51b1d;
  transform-origin: 2px 55px;
  z-index: 3;
}
.clock .clock-content .pointer.second[data-v-9797ce5c]::after {
  content: "";
  position: absolute;
  bottom: -6px;
  width: 4px;
  height: 10px;
  background-color: #a51b1d;
  border-radius: 25px;
}
.clock .clock-content[data-v-9797ce5c]::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  background-color: #a51b1d;
  border-radius: 50%;
  z-index: 4;
}.hello[data-v-d75cfd3e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: var(--main-color);
  color: var(--main-card-background);
  border: none;
}
.hello .tip[data-v-d75cfd3e] {
  display: inline-block;
  min-width: 140px;
  text-align: center;
  padding: 6px 12px;
  border-radius: 25px;
  font-size: 14px;
  font-weight: bold;
  background-color: var(--main-color-opacity);
  margin-bottom: 12px;
  transition: color 0.3s, transform 0.3s, background-color 0.3s;
}
.hello .tip[data-v-d75cfd3e]:hover {
  transform: scale(1.1);
  color: var(--main-font-color);
  background-color: var(--main-card-background);
}
.hello .tip[data-v-d75cfd3e]:active {
  transform: scale(1);
}
.hello .content[data-v-d75cfd3e] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 180px;
}
.hello .content .site-logo[data-v-d75cfd3e] {
  position: absolute;
  width: 160px;
  height: 160px;
  transition: transform cubic-bezier(0.69, 0.39, 0, 1.21) 0.3s, opacity cubic-bezier(0.69, 0.39, 0, 1.21) 0.3s;
  transform-origin: bottom;
}
.hello .content .site-desc[data-v-d75cfd3e] {
  display: block;
  height: 100%;
  margin-top: 20px;
  font-size: 1.1rem;
  line-height: 1.5;
  opacity: 0;
  transition: opacity 0.3s;
}
.hello .info[data-v-d75cfd3e] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-top: 20px;
}
.hello .info .name[data-v-d75cfd3e] {
  display: flex;
  flex-direction: column;
}
.hello .info .name .author[data-v-d75cfd3e] {
  font-weight: bold;
  font-size: 20px;
}
.hello .info .name .desc[data-v-d75cfd3e] {
  font-size: 12px;
  opacity: 0.6;
}
.hello .info .link[data-v-d75cfd3e] {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-left: 20px;
}
.hello .info .link .social-link[data-v-d75cfd3e] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin-left: 12px;
  background-color: var(--main-color-opacity);
  border-radius: 50%;
}
.hello .info .link .social-link .iconfont[data-v-d75cfd3e] {
  font-size: 22px;
  color: var(--main-card-background);
}
.hello .info .link .social-link[data-v-d75cfd3e]:first-child {
  margin-left: 0;
}
.hello .info .link .social-link[data-v-d75cfd3e]:hover {
  transform: scale(1.1);
  background-color: var(--main-card-background);
}
.hello .info .link .social-link:hover .iconfont[data-v-d75cfd3e] {
  color: var(--main-font-color);
}
.hello:hover .content .site-logo[data-v-d75cfd3e] {
  opacity: 0;
  transform: scale(0);
}
.hello:hover .content .site-desc[data-v-d75cfd3e] {
  opacity: 1;
}.timetable-card[data-v-981c11bf] {
  background: var(--main-card-background);
  border: 1px solid var(--main-card-border);
  border-radius: 12px;
  padding: 16px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.timetable-card[data-v-981c11bf]:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  border-color: var(--main-color);
}
.timetable-card .title[data-v-981c11bf] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  font-weight: 600;
  color: var(--main-font-color);
}
.timetable-card .title .iconfont[data-v-981c11bf] {
  font-size: 1.1rem;
  color: var(--main-color);
}
.timetable-card .title .week-label[data-v-981c11bf] {
  margin-left: auto;
  font-size: 0.75rem;
  padding: 2px 8px;
  background: var(--main-card-second-background);
  border-radius: 4px;
  color: var(--main-font-second-color);
}
.timetable-card .loading-state .skeleton-line[data-v-981c11bf] {
  height: 16px;
  background: linear-gradient(90deg, var(--main-card-second-background) 25%, var(--main-card-border) 50%, var(--main-card-second-background) 75%);
  background-size: 200% 100%;
  border-radius: 4px;
  margin-bottom: 8px;
  animation: shimmer-981c11bf 1.5s infinite;
}
.timetable-card .loading-state .skeleton-line.short[data-v-981c11bf] {
  width: 60%;
}
@keyframes shimmer-981c11bf {
0% {
    background-position: 200% 0;
}
100% {
    background-position: -200% 0;
}
}
.timetable-card .error-state[data-v-981c11bf] {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--main-font-second-color);
  padding: 12px 0;
}
.timetable-card .error-state i[data-v-981c11bf] {
  color: #f56c6c;
}
.timetable-card .status-content[data-v-981c11bf] {
  margin-bottom: 12px;
}
.timetable-card .status-content .status-badge[data-v-981c11bf] {
  display: inline-block;
  font-size: 0.7rem;
  padding: 2px 8px;
  border-radius: 4px;
  margin-bottom: 8px;
  font-weight: 500;
}
.timetable-card .status-content .status-badge.in-class[data-v-981c11bf] {
  background: rgba(103, 194, 58, 0.2);
  color: #67c23a;
}
.timetable-card .status-content .status-badge.break[data-v-981c11bf] {
  background: rgba(230, 162, 60, 0.2);
  color: #e6a03c;
}
.timetable-card .status-content .status-badge.before[data-v-981c11bf] {
  background: rgba(144, 147, 153, 0.2);
  color: #909399;
}
.timetable-card .status-content .status-badge.next-week[data-v-981c11bf] {
  background: rgba(64, 158, 255, 0.2);
  color: #409eff;
}
.timetable-card .status-content .status-badge.tomorrow[data-v-981c11bf] {
  background: rgba(230, 162, 60, 0.2);
  color: #e6a03c;
}
.timetable-card .status-content .next-week-info .next-week-course[data-v-981c11bf] {
  margin-bottom: 8px;
  font-size: 0.9rem;
}
.timetable-card .status-content .next-week-info .next-week-course .label[data-v-981c11bf] {
  color: var(--main-font-second-color);
}
.timetable-card .status-content .next-week-info .next-week-course .course-name[data-v-981c11bf] {
  font-weight: 600;
  display: block;
  margin-bottom: 4px;
}
.timetable-card .status-content .next-week-info .next-week-course .course-meta[data-v-981c11bf] {
  display: flex;
  gap: 10px;
  font-size: 0.8rem;
  color: var(--main-font-second-color);
}
.timetable-card .status-content .next-week-info .next-week-course .course-meta .course-time[data-v-981c11bf] {
  color: var(--main-color);
  font-weight: 500;
}
.timetable-card .status-content .course-info[data-v-981c11bf] {
  margin-bottom: 8px;
}
.timetable-card .status-content .course-info .course-name[data-v-981c11bf] {
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: 4px;
}
.timetable-card .status-content .course-info .course-detail[data-v-981c11bf] {
  display: flex;
  gap: 12px;
  font-size: 0.8rem;
  color: var(--main-font-second-color);
}
.timetable-card .status-content .course-info .course-detail .room[data-v-981c11bf], .timetable-card .status-content .course-info .course-detail .teacher[data-v-981c11bf] {
  display: flex;
  align-items: center;
  gap: 4px;
}
.timetable-card .status-content .countdown[data-v-981c11bf] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.85rem;
}
.timetable-card .status-content .countdown .countdown-label[data-v-981c11bf] {
  color: var(--main-font-second-color);
}
.timetable-card .status-content .countdown .countdown-time[data-v-981c11bf] {
  font-weight: 600;
  color: var(--main-color);
}
.timetable-card .status-content .next-course[data-v-981c11bf] {
  margin-top: 8px;
  font-size: 0.8rem;
  color: var(--main-font-second-color);
  padding-top: 8px;
  border-top: 1px dashed var(--main-card-border);
}
.timetable-card .no-course[data-v-981c11bf], .timetable-card .finished[data-v-981c11bf] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 16px 0;
  color: var(--main-font-second-color);
}
.timetable-card .no-course i[data-v-981c11bf], .timetable-card .finished i[data-v-981c11bf] {
  font-size: 2rem;
  margin-bottom: 8px;
  color: var(--main-color);
}
.timetable-card .no-course span[data-v-981c11bf], .timetable-card .finished span[data-v-981c11bf] {
  font-size: 1rem;
  font-weight: 500;
}
.timetable-card .no-course .finished-courses[data-v-981c11bf], .timetable-card .finished .finished-courses[data-v-981c11bf] {
  margin-top: 4px;
  font-size: 0.8rem;
  opacity: 0.7;
}
.timetable-card .course-preview[data-v-981c11bf] {
  border-top: 1px solid var(--main-card-border);
  padding-top: 12px;
}
.timetable-card .course-preview .preview-item[data-v-981c11bf] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 0;
  font-size: 0.8rem;
}
.timetable-card .course-preview .preview-item.active[data-v-981c11bf] {
  background: var(--main-card-second-background);
  margin: 0 -8px;
  padding: 6px 8px;
  border-radius: 6px;
}
.timetable-card .course-preview .preview-item .preview-dot[data-v-981c11bf] {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}
.timetable-card .course-preview .preview-item .preview-info[data-v-981c11bf] {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.timetable-card .course-preview .preview-item .preview-info .preview-name[data-v-981c11bf] {
  color: var(--main-font-color);
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.timetable-card .course-preview .preview-item .preview-info .preview-time[data-v-981c11bf] {
  font-size: 0.7rem;
  color: var(--main-font-second-color);
}
.timetable-card .course-preview .more-courses[data-v-981c11bf] {
  text-align: center;
  font-size: 0.75rem;
  color: var(--main-font-second-color);
  padding-top: 8px;
}
[data-theme=dark] .timetable-card .status-badge.in-class[data-v-981c11bf] {
  background: rgba(103, 194, 58, 0.15);
}
[data-theme=dark] .timetable-card .status-badge.break[data-v-981c11bf] {
  background: rgba(230, 162, 60, 0.15);
}
[data-theme=dark] .timetable-card .status-badge.before[data-v-981c11bf] {
  background: rgba(144, 147, 153, 0.15);
}
@media (max-width: 768px) {
.timetable-card .course-info .course-detail[data-v-981c11bf] {
    flex-direction: column;
    gap: 4px !important;
}
.timetable-card .countdown[data-v-981c11bf] {
    flex-direction: column;
    align-items: flex-start !important;
    gap: 4px !important;
}
}.main-aside[data-v-b6b65ce5] {
  padding-left: 1rem;
  display: flex;
  flex-direction: column;
  animation: fade-up 0.6s 0.3s backwards;
}
.main-aside .weidgets[data-v-b6b65ce5] {
  padding: 18px;
  margin-bottom: 1rem;
}
.main-aside .weidgets[data-v-b6b65ce5] .title {
  margin-bottom: 12px;
  font-weight: bold;
  display: flex;
  align-items: center;
  opacity: 0.75;
}
.main-aside .weidgets[data-v-b6b65ce5] .title .iconfont {
  opacity: 0.6;
  margin-right: 6px;
}
.main-aside .weidgets[data-v-b6b65ce5] .title .title-name {
  opacity: 0.8;
}
.main-aside .sticky[data-v-b6b65ce5] {
  position: sticky;
  top: calc(60px + 1rem);
}
.main-aside .sticky .weidgets[data-v-b6b65ce5] {
  animation: fade-up 0.6s 0.4s backwards;
}
.main-aside .sticky .weidgets[data-v-b6b65ce5]:last-child {
  margin-bottom: 0;
}
.el-textarea__inner {
    font-family: var(--main-font-family);
}
.comment[data-v-1b90b094] {
  margin-top: 2rem;
}
.comment .title[data-v-1b90b094] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin: 3rem 0 1rem 0;
  padding: 0 6px;
}
.comment .title .name[data-v-1b90b094] {
  display: flex;
  align-items: center;
  font-size: 24px;
  font-weight: bold;
}
.comment .title .name .iconfont[data-v-1b90b094] {
  font-size: 26px;
  font-weight: normal;
  margin-right: 8px;
}
.comment .title .tool[data-v-1b90b094] {
  opacity: 0.6;
  font-size: 14px;
  cursor: pointer;
  transition: opacity 0.3s, color 0.3s;
}
.comment .title .tool[data-v-1b90b094]:hover {
  opacity: 1;
  color: var(--main-color);
}
[data-v-47cc1922] .markdown-main-style div > h1 {
  font-size: 2rem;
  text-align: center;
  border-bottom: 1px dashed var(--main-color-bg);
  padding-bottom: 1rem;
}
[data-v-47cc1922] .markdown-main-style div > h1 .header-anchor::before {
  display: none;
}
[data-v-47cc1922] .markdown-main-style div > h2 {
  font-size: 1.6rem;
  line-height: 1.6;
  border-bottom: 1px dashed var(--main-color-bg);
  padding-bottom: 0.5rem;
}
[data-v-47cc1922] .markdown-main-style div > h3 {
  width: fit-content;
  font-size: 1.2rem;
  z-index: 0;
}
[data-v-47cc1922] .markdown-main-style div > h3::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 8px;
  border-radius: 3px;
  background-color: var(--main-card-border);
  z-index: -1;
}
[data-v-47cc1922] .markdown-main-style div > h1,[data-v-47cc1922] .markdown-main-style div > h2,[data-v-47cc1922] .markdown-main-style div > h3,[data-v-47cc1922] .markdown-main-style div > h4 {
  position: relative;
  cursor: pointer;
}
[data-v-47cc1922] .markdown-main-style div > h1:hover .header-anchor,[data-v-47cc1922] .markdown-main-style div > h2:hover .header-anchor,[data-v-47cc1922] .markdown-main-style div > h3:hover .header-anchor,[data-v-47cc1922] .markdown-main-style div > h4:hover .header-anchor {
  opacity: 1;
}
[data-v-47cc1922] .markdown-main-style .header-anchor {
  position: absolute;
  left: 0;
  opacity: 0;
  transition: opacity 0.3s;
}
[data-v-47cc1922] .markdown-main-style .header-anchor::before {
  content: "#";
  position: absolute;
  left: -1.3rem;
  color: var(--main-color);
  font-weight: bold;
}
[data-v-47cc1922] .markdown-main-style p {
  font-size: 1.1rem;
}
[data-v-47cc1922] .markdown-main-style p,[data-v-47cc1922] .markdown-main-style ul,[data-v-47cc1922] .markdown-main-style li,[data-v-47cc1922] .markdown-main-style td {
  margin: 1rem 0;
  text-align: left;
  letter-spacing: 0.6px;
  line-height: 2;
}
[data-v-47cc1922] .markdown-main-style p code,[data-v-47cc1922] .markdown-main-style ul code,[data-v-47cc1922] .markdown-main-style li code,[data-v-47cc1922] .markdown-main-style td code {
  display: inline-flex;
  font-size: 0.8rem;
  padding: 0 6px;
  border-radius: 6px;
  background-color: var(--main-card-border);
  font-family: "Fira Code", var(--main-font-family), monospace;
  font-optical-sizing: auto;
  white-space: nowrap;
  transform: translateY(-2px);
  overflow-x: auto;
  max-width: 100%;
  transition: color 0.3s, background-color 0.3s;
  cursor: pointer;
}
[data-v-47cc1922] .markdown-main-style p code:hover,[data-v-47cc1922] .markdown-main-style ul code:hover,[data-v-47cc1922] .markdown-main-style li code:hover,[data-v-47cc1922] .markdown-main-style td code:hover {
  color: var(--main-color);
  background-color: var(--main-color-bg);
}
[data-v-47cc1922] .markdown-main-style p a,[data-v-47cc1922] .markdown-main-style ul a,[data-v-47cc1922] .markdown-main-style li a,[data-v-47cc1922] .markdown-main-style td a {
  position: relative;
  display: inline-flex;
  color: var(--main-color);
}
[data-v-47cc1922] .markdown-main-style p a::before,[data-v-47cc1922] .markdown-main-style ul a::before,[data-v-47cc1922] .markdown-main-style li a::before,[data-v-47cc1922] .markdown-main-style td a::before {
  content: "";
  position: absolute;
  border-radius: 2px;
  bottom: 2px;
  left: 0;
  right: 0;
  height: 1px;
  opacity: 0.8;
  background-color: var(--main-color);
  border-radius: 4px;
  transition: all 0.3s;
}
[data-v-47cc1922] .markdown-main-style p a:hover::before,[data-v-47cc1922] .markdown-main-style ul a:hover::before,[data-v-47cc1922] .markdown-main-style li a:hover::before,[data-v-47cc1922] .markdown-main-style td a:hover::before {
  height: 100%;
  opacity: 0.2;
  bottom: 0;
  left: -2px;
  right: -2px;
}
[data-v-47cc1922] .markdown-main-style p strong,[data-v-47cc1922] .markdown-main-style ul strong,[data-v-47cc1922] .markdown-main-style li strong,[data-v-47cc1922] .markdown-main-style td strong {
  color: var(--main-color);
}
[data-v-47cc1922] .markdown-main-style .prose-a {
  display: inline-flex;
  align-items: baseline;
  gap: 0.2em;
  margin: 0 -0.2em;
  padding: 0 0.2em;
  background: linear-gradient(var(--main-color-bg), var(--main-color-bg)) no-repeat center bottom/100% 0.1em;
  transition: all 0.2s ease;
  border-radius: 0;
}
[data-v-47cc1922] .markdown-main-style .prose-a:hover {
  border-radius: 0.3em;
  background-size: 100% 100%;
}
[data-v-47cc1922] .markdown-main-style .prose-a .link-icon {
  font-size: 1em;
  flex-shrink: 0;
}
[data-v-47cc1922] .markdown-main-style .prose-a .ext-indicator {
  display: inline-block;
  width: 0.7em;
  height: 0.7em;
  flex-shrink: 0;
  opacity: 0.5;
  background: currentColor;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M14 3v2h3.59l-9.83 9.83l1.41 1.41L19 6.41V10h2V3z'/%3E%3Cpath fill='currentColor' d='M5 5v14h14v-7h-2v5H7V7h5V5z'/%3E%3C/svg%3E");
  mask-size: contain;
  mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M14 3v2h3.59l-9.83 9.83l1.41 1.41L19 6.41V10h2V3z'/%3E%3Cpath fill='currentColor' d='M5 5v14h14v-7h-2v5H7V7h5V5z'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
}
[data-v-47cc1922] .markdown-main-style .prose-a::before {
  display: none;
}
[data-v-47cc1922] .markdown-main-style img {
  width: 100%;
  border-radius: 12px;
}
[data-v-47cc1922] .markdown-main-style .img-fancybox {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: var(--main-font-color);
}
[data-v-47cc1922] .markdown-main-style .img-fancybox .post-img {
  width: auto;
  max-height: 450px;
  max-width: 100%;
  margin: 0 auto;
  border-radius: 12px;
  cursor: zoom-in;
  transition: opacity 0.3s, filter 0.3s;
}
[data-v-47cc1922] .markdown-main-style .img-fancybox .post-img:hover {
  filter: blur(0) brightness(0.8);
}
[data-v-47cc1922] .markdown-main-style .img-fancybox .post-img-tip {
  display: inline-flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  margin: 0.8rem 0;
  font-size: 14px;
  opacity: 0.6;
}
[data-v-47cc1922] .markdown-main-style .img-fancybox::before {
  display: none;
}
[data-v-47cc1922] .markdown-main-style .img-fancybox:hover {
  color: var(--main-font-color);
}
[data-v-47cc1922] .markdown-main-style .pic-wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 1rem 0;
}
[data-v-47cc1922] .markdown-main-style .pic-wrapper .pic-img {
  width: auto;
  max-width: 100%;
  max-height: 450px;
  margin: 0 auto;
  border-radius: 12px;
  transition: opacity 0.3s, filter 0.3s;
  cursor: zoom-in;
}
[data-v-47cc1922] .markdown-main-style .pic-wrapper .pic-img:hover {
  filter: blur(0) brightness(0.8);
}
[data-v-47cc1922] .markdown-main-style .pic-wrapper .pic-caption {
  display: inline-flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  margin: 0.8rem 0;
  font-size: 14px;
  opacity: 0.6;
  color: var(--main-font-color);
}
[data-v-47cc1922] .markdown-main-style .pic-wrapper .img-fancybox {
  width: auto;
  display: block;
  margin: 0 auto;
}
[data-v-47cc1922] .markdown-main-style .pic-wrapper .img-fancybox::before {
  display: none;
}
[data-v-47cc1922] .markdown-main-style div[class*=language-] {
  position: relative;
  display: flex;
  flex-direction: row-reverse;
  border-radius: 12px;
  background-color: var(--main-card-background);
  border: 1px solid var(--main-card-border);
  padding-top: 36px;
  margin: 1rem 0;
  overflow: hidden;
}
[data-v-47cc1922] .markdown-main-style div[class*=language-] .copy,[data-v-47cc1922] .markdown-main-style div[class*=language-] .lang {
  position: absolute;
}
[data-v-47cc1922] .markdown-main-style div[class*=language-] .lang {
  width: 100%;
  height: 36px;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: var(--main-card-second-background);
  border-bottom: 1px solid var(--main-card-border);
  padding-left: 16px;
  font-weight: bold;
  font-size: 18px;
}
[data-v-47cc1922] .markdown-main-style div[class*=language-] .copy {
  top: 0;
  right: 0;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  border: none;
  font-family: "iconfont";
  font-size: 20px;
  font-style: normal;
  z-index: 1;
  color: var(--main-font-color);
  cursor: pointer;
}
[data-v-47cc1922] .markdown-main-style div[class*=language-] .copy::after {
  content: "\e01c";
  transition: color 0.3s;
}
[data-v-47cc1922] .markdown-main-style div[class*=language-] .copy::before {
  content: "复制成功";
  position: absolute;
  left: -60px;
  font-size: 14px;
  white-space: nowrap;
  opacity: 0;
  transform: translateX(5px);
  transition: color 0.3s, opacity 0.3s, transform 0.3s;
}
[data-v-47cc1922] .markdown-main-style div[class*=language-] .copy.copied::before {
  opacity: 1;
  transform: translateX(0);
}
[data-v-47cc1922] .markdown-main-style div[class*=language-] .copy:hover::before,[data-v-47cc1922] .markdown-main-style div[class*=language-] .copy:hover::after {
  color: var(--main-color);
}
[data-v-47cc1922] .markdown-main-style div[class*=language-] .line-numbers-wrapper {
  padding: 6px 10px;
  opacity: 0.6;
  text-align: center;
  user-select: none;
  color: var(--main-font-second-color);
  background-color: var(--main-card-second-background);
}
[data-v-47cc1922] .markdown-main-style div[class*=language-] .line-numbers-wrapper .line-number {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 22px;
  font-size: 14px;
}
[data-v-47cc1922] .markdown-main-style div[class*=language-] .line-numbers-wrapper br {
  display: none;
}
[data-v-47cc1922] .markdown-main-style div[class*=language-] pre {
  margin: 0;
  padding: 6px 10px;
  width: 100%;
  overflow-y: auto;
  user-select: text;
  border-left: 1px solid var(--main-card-border);
}
[data-v-47cc1922] .markdown-main-style div[class*=language-] pre code {
  font-family: "Fira Code", var(--main-font-family), monospace;
  font-optical-sizing: auto;
}
[data-v-47cc1922] .markdown-main-style div[class*=language-] pre code .line {
  display: inline-block;
  height: 22px;
}
[data-v-47cc1922] .markdown-main-style div[class*=language-] pre code .line span {
  color: var(--shiki-light);
  transition: color 0.3s;
}
[data-v-47cc1922] .markdown-main-style div[class*=language-] pre code .line.highlighted {
  width: 100%;
  background-color: var(--main-card-border);
  border-radius: 6px;
}
[data-v-47cc1922] .markdown-main-style div[class*=language-] pre code .line:empty {
  height: 17px;
}
[data-v-47cc1922] .markdown-main-style pre {
  width: 100%;
  overflow-y: auto;
  user-select: text;
}
[data-v-47cc1922] .markdown-main-style blockquote {
  padding: 2px 16px;
  margin: 1rem 0;
  color: var(--main-font-color);
  text-align: left;
  border: 1px solid var(--main-card-border);
  border-left: 8px solid var(--main-card-border);
  background-color: var(--main-card-second-background);
  border-radius: 4px 8px 8px 4px;
}
[data-v-47cc1922] .markdown-main-style blockquote p {
  margin: 0.5rem 0;
}
[data-v-47cc1922] .markdown-main-style ul {
  list-style-type: none;
  padding-left: 1rem;
}
[data-v-47cc1922] .markdown-main-style ul li {
  position: relative;
  padding-left: 1.2rem;
  margin: 0.6rem 0;
  overflow: auto;
}
[data-v-47cc1922] .markdown-main-style ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.7rem;
  width: 0.6rem;
  height: 0.6rem;
  background-color: var(--main-color);
  border-radius: 50%;
}
[data-v-47cc1922] .markdown-main-style ul li p:first-child {
  margin-top: 0;
}
[data-v-47cc1922] .markdown-main-style ul li p:last-child {
  margin-bottom: 0;
}
[data-v-47cc1922] .markdown-main-style ol {
  padding-left: 2rem;
}
[data-v-47cc1922] .markdown-main-style ol li::marker {
  color: var(--main-color);
  font-weight: bold;
}
[data-v-47cc1922] .markdown-main-style .table-container {
  width: 100%;
  margin: 1rem 0;
  border: 1px solid var(--main-card-border);
  border-radius: 8px;
  overflow-y: hidden;
  overflow-x: auto;
}
[data-v-47cc1922] .markdown-main-style .table-container table {
  width: 100%;
  min-width: 512px;
  max-width: 1200px;
  margin: 0 auto;
  border-collapse: collapse;
  border-spacing: 0;
}
[data-v-47cc1922] .markdown-main-style .table-container table td,[data-v-47cc1922] .markdown-main-style .table-container table th {
  margin: 0;
  padding: 0.6rem 1rem;
  line-height: normal;
  letter-spacing: normal;
  vertical-align: middle;
  border: 1px solid var(--main-card-border);
}
[data-v-47cc1922] .markdown-main-style .table-container table thead {
  background-color: var(--main-card-second-background);
}
[data-v-47cc1922] .markdown-main-style .table-container table tbody tr {
  transition: background-color 0.3s;
  cursor: pointer;
}
[data-v-47cc1922] .markdown-main-style .table-container table tbody tr:hover {
  background-color: var(--main-card-second-background);
}
[data-v-47cc1922] .markdown-main-style hr {
  margin: 1rem 0;
  height: 2px;
  border: none;
  background-color: var(--main-card-border);
}
[data-v-47cc1922] .markdown-main-style label {
  cursor: pointer;
}
[data-v-47cc1922] .markdown-main-style mjx-container {
  overflow: auto;
  padding-bottom: 8px;
  font-family: auto;
}
[data-v-47cc1922] .markdown-main-style .custom-block {
  margin: 1rem 0;
  padding: 16px;
  padding-left: 12px;
  border-radius: 8px;
  background-color: var(--main-card-border);
  border-left: 6px solid var(--main-color-gray);
  user-select: none;
}
[data-v-47cc1922] .markdown-main-style .custom-block p {
  margin: 0;
  line-height: normal;
  font-size: 0.95rem;
}
[data-v-47cc1922] .markdown-main-style .custom-block p.custom-block-title {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 6px;
}
[data-v-47cc1922] .markdown-main-style .custom-block.tip {
  background-color: var(--main-info-color-gray);
  border-left-color: var(--main-info-color);
}
[data-v-47cc1922] .markdown-main-style .custom-block.tip p {
  color: var(--main-info-color);
}
[data-v-47cc1922] .markdown-main-style .custom-block.warning {
  background-color: var(--main-warning-color-gray);
  border-left-color: var(--main-warning-color);
}
[data-v-47cc1922] .markdown-main-style .custom-block.warning p {
  color: var(--main-warning-color);
}
[data-v-47cc1922] .markdown-main-style .custom-block.danger {
  background-color: var(--main-error-color-gray);
  border-left-color: var(--main-error-color);
}
[data-v-47cc1922] .markdown-main-style .custom-block.danger p {
  color: var(--main-error-color);
}
[data-v-47cc1922] .markdown-main-style .custom-block.details {
  border: none;
  padding: 0;
  background-color: transparent;
  transition: max-height 0.4s ease-in-out;
  overflow: hidden;
}
[data-v-47cc1922] .markdown-main-style .custom-block.details summary {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
  border-radius: 12px;
  font-weight: bold;
  border: 1px solid var(--main-card-border);
  background-color: var(--main-card-second-background);
  transition: color 0.3s, border-color 0.3s, background-color 0.3s;
  cursor: pointer;
}
[data-v-47cc1922] .markdown-main-style .custom-block.details summary::before {
  content: "\e057";
  font-family: "iconfont";
  margin-right: 6px;
  font-size: 18px;
  transition: transform 0.3s;
}
[data-v-47cc1922] .markdown-main-style .custom-block.details summary::after {
  content: "+";
  margin-left: auto;
}
[data-v-47cc1922] .markdown-main-style .custom-block.details summary:hover {
  color: var(--main-card-background);
  background-color: var(--main-color);
}
[data-v-47cc1922] .markdown-main-style .custom-block.details > :last-child {
  padding: 16px;
  font-size: 1rem;
  border-radius: 0 0 12px 12px;
  border: 1px solid var(--main-card-border);
  background-color: var(--main-card-background);
  border-top: none;
}
[data-v-47cc1922] .markdown-main-style .custom-block.details[open] summary {
  border-radius: 12px 12px 0 0;
  border-color: var(--main-color);
  color: var(--main-card-background);
  background-color: var(--main-color);
}
[data-v-47cc1922] .markdown-main-style .custom-block.details[open] summary::before {
  transform: rotate(90deg);
}
[data-v-47cc1922] .markdown-main-style .custom-block.details[open] summary::after {
  content: "-";
}
[data-v-47cc1922] .markdown-main-style .custom-block.details[open] > :last-child {
  border-color: var(--main-color);
}
[data-v-47cc1922] .markdown-main-style .custom-block.details:hover summary {
  color: var(--main-card-background);
  background-color: var(--main-color);
}
[data-v-47cc1922] .markdown-main-style .plugin-tabs {
  margin: 1rem 0;
  border-radius: 12px;
  background-color: var(--main-card-background);
  border: 1px solid var(--main-card-border);
  overflow: hidden;
}
[data-v-47cc1922] .markdown-main-style .plugin-tabs .plugin-tabs--tab-list {
  padding: 0 12px;
  background-color: var(--main-card-second-background);
  border-bottom: 1px solid var(--main-card-border);
}
[data-v-47cc1922] .markdown-main-style .plugin-tabs .plugin-tabs--tab-list .plugin-tabs--tab {
  padding: 12px 16px;
  margin-right: 12px;
  outline: none;
  border: none;
  line-height: normal;
  font-size: 16px;
  font-weight: bold;
  font-family: var(--main-font-family);
  background-color: transparent;
  border-bottom: 2px solid transparent;
  transition: all 0.3s;
  cursor: pointer;
}
[data-v-47cc1922] .markdown-main-style .plugin-tabs .plugin-tabs--tab-list .plugin-tabs--tab[aria-selected=true] {
  color: var(--main-color);
  border-bottom-color: var(--main-color);
}
[data-v-47cc1922] .markdown-main-style .plugin-tabs .plugin-tabs--content {
  padding: 1rem;
  max-height: 500px;
  overflow: auto;
  animation: show 0.5s forwards;
}
[data-v-47cc1922] .markdown-main-style .timeline {
  position: relative;
  padding: 0 0 1rem 26px;
  cursor: pointer;
}
[data-v-47cc1922] .markdown-main-style .timeline .timeline-title {
  display: inline-block;
  font-size: 14px;
  opacity: 0.6;
  transform: translateY(-2px);
  transition: color 0.3s, opacity 0.3s;
}
[data-v-47cc1922] .markdown-main-style .timeline .timeline-content {
  margin-top: 12px;
  border-radius: 2px 12px 12px 12px;
  padding: 1rem;
  max-width: 80%;
  width: max-content;
  border: 1px solid var(--main-card-border);
  background-color: var(--main-card-second-background);
}
[data-v-47cc1922] .markdown-main-style .timeline .timeline-content > :first-child {
  margin-top: 0;
}
[data-v-47cc1922] .markdown-main-style .timeline .timeline-content > :last-child {
  margin-bottom: 0;
}
[data-v-47cc1922] .markdown-main-style .timeline::after {
  content: "";
  position: absolute;
  top: 7px;
  left: 7px;
  width: 4px;
  height: 100%;
  border-radius: 4px;
  background-color: var(--main-card-border);
  z-index: 0;
}
[data-v-47cc1922] .markdown-main-style .timeline::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 2px solid var(--main-color);
  background-color: var(--main-card-background);
  transition: transform 0.3s;
  z-index: 1;
}
[data-v-47cc1922] .markdown-main-style .timeline:hover .timeline-title {
  opacity: 1;
  color: var(--main-color);
}
[data-v-47cc1922] .markdown-main-style .timeline:hover::before {
  transform: scale(1.2);
}
[data-v-47cc1922] .markdown-main-style .radio {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 1rem 0;
}
[data-v-47cc1922] .markdown-main-style .radio .radio-point {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1rem;
  height: 1rem;
  margin: 0;
  margin-right: 12px;
  outline: 2px solid var(--main-color);
  border-radius: 50%;
}
[data-v-47cc1922] .markdown-main-style .radio .radio-point::after {
  content: "";
  opacity: 0;
  position: absolute;
  width: 65%;
  height: 65%;
  background-color: var(--main-color);
  border-radius: 50%;
}
[data-v-47cc1922] .markdown-main-style .radio .radio-point.checked::after {
  opacity: 1;
}
[data-v-47cc1922] .markdown-main-style .radio p {
  margin: 0;
}
[data-v-47cc1922] .markdown-main-style .card {
  padding: 1rem 1.2rem;
  border-radius: 8px;
  border: 1px solid var(--main-card-border);
  background-color: var(--main-card-second-background);
  box-shadow: 0 8px 16px -4px var(--main-border-shadow);
}
[data-v-47cc1922] .markdown-main-style .card p:first-child {
  margin-top: 0;
}
[data-v-47cc1922] .markdown-main-style .card p:last-child {
  margin-bottom: 0;
}
[data-v-47cc1922] .markdown-main-style .button {
  outline: none;
  border-radius: 8px;
  padding: 6px 16px;
  border: 1px solid var(--main-card-border);
  background-color: var(--main-card-second-background);
  transition: background-color 0.3s;
  cursor: pointer;
}
[data-v-47cc1922] .markdown-main-style .button p,[data-v-47cc1922] .markdown-main-style .button a {
  padding: 0;
  margin: 0;
  font-size: 1rem;
  color: var(--main-font-color);
}
[data-v-47cc1922] .markdown-main-style .button p::before,[data-v-47cc1922] .markdown-main-style .button a::before {
  display: none;
}
[data-v-47cc1922] .markdown-main-style .button.primary {
  color: var(--main-card-background);
  background-color: var(--main-color);
}
[data-v-47cc1922] .markdown-main-style .button:hover {
  background-color: var(--main-card-border);
}
[data-v-47cc1922] .markdown-main-style img.icon {
  display: inline-block;
  width: 1.4em;
  height: 1.4em;
  vertical-align: -0.25em;
  border-radius: 4px;
  object-fit: cover;
  margin: 0 0.2em;
  box-shadow: none !important;
}
[data-v-47cc1922] .markdown-main-style .title-like {
  font-weight: 700;
  font-size: 1.05em;
  position: relative;
  padding-bottom: 2px;
}
[data-v-47cc1922] .markdown-main-style .title-like::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 3px;
  border-radius: 2px;
  background-color: var(--main-color);
  opacity: 0.45;
}
[data-v-47cc1922] .markdown-main-style .text-story {
  font-family: "Georgia", "Noto Serif SC", serif;
  font-style: italic;
  letter-spacing: 0.12em;
  color: var(--main-font-color);
  opacity: 0.85;
}
[data-v-47cc1922] .markdown-main-style .text-repeat {
  letter-spacing: 0.5em;
  font-weight: 600;
  text-shadow: 1px 0 0 var(--main-font-second-color), 2px 0 0 var(--main-card-border), 3px 0 0 var(--main-card-second-background);
}
[data-v-47cc1922] .markdown-main-style .text-zoom {
  font-size: 1.4em;
  font-weight: 700;
  color: var(--main-color);
  line-height: 1.6;
}
[data-v-47cc1922] .markdown-main-style .blur-text {
  filter: blur(5px);
  transition: filter 0.3s ease;
  cursor: pointer;
  user-select: none;
}
[data-v-47cc1922] .markdown-main-style .blur-text:hover {
  filter: blur(0);
  user-select: auto;
}
[data-v-47cc1922] .markdown-main-style .chat-wrap {
  margin: 1.5em 0;
  font-size: 0.9em;
}
[data-v-47cc1922] .markdown-main-style .chat-system {
  text-align: center;
  font-size: 0.82em;
  color: var(--main-font-second-color);
  padding: 0.5em 0;
}
[data-v-47cc1922] .markdown-main-style .chat-caption {
  font-size: 0.82em;
  color: var(--main-font-second-color);
  margin-bottom: 0.15em;
  padding: 0 0.4em;
}
[data-v-47cc1922] .markdown-main-style .chat-body {
  width: fit-content;
  max-width: 75%;
  padding: 0.55em 1em;
  border-radius: 1em;
  line-height: 1.5;
  word-break: break-word;
}
[data-v-47cc1922] .markdown-main-style .chat-body p {
  margin: 0;
}
[data-v-47cc1922] .markdown-main-style .chat-body br {
  display: block;
  content: "";
  margin-top: 0.15em;
}
[data-v-47cc1922] .markdown-main-style .chat-body strong,[data-v-47cc1922] .markdown-main-style .chat-body em {
  color: inherit;
}
[data-v-47cc1922] .markdown-main-style .chat-body code {
  background: rgba(127, 127, 127, 0.15);
  padding: 0.1em 0.3em;
  border-radius: 3px;
  font-size: 0.9em;
  color: inherit;
}
[data-v-47cc1922] .markdown-main-style .chat-user {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
[data-v-47cc1922] .markdown-main-style .chat-user .chat-body {
  background: var(--main-card-background);
  border: 1px solid var(--main-card-border);
  border-start-start-radius: 0.25em;
}
[data-v-47cc1922] .markdown-main-style .chat-myself {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
[data-v-47cc1922] .markdown-main-style .chat-myself .chat-body {
  background: var(--main-color);
  color: #fff;
  border-start-end-radius: 0.25em;
}
[data-v-47cc1922] .markdown-main-style .key-tag {
  display: inline-block;
  margin: 0.1em;
  padding: 0.05em 0.4em 0.1em;
  border-radius: 0.25em;
  box-shadow: inset 0 -0.15em 0 var(--main-card-border);
  background-color: var(--main-card-second-background);
  font-family: var(--main-font-family);
  font-size: 0.88em;
  line-height: 1.5;
  color: var(--main-font-color);
  transition: all 0.1s;
  user-select: none;
  vertical-align: baseline;
}
[data-v-47cc1922] .markdown-main-style .key-tag:active,[data-v-47cc1922] .markdown-main-style .key-tag.active {
  box-shadow: inset 0 -0.1em 0 var(--main-color);
  background-color: var(--main-color-bg);
  color: var(--main-color);
  transform: translateY(0.05em);
}
[data-v-47cc1922] .markdown-main-style .poetry-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2rem 1rem;
  margin: 1.5rem 0;
  border-radius: 12px;
  background-color: var(--main-card-background);
  border: 1px solid var(--main-card-border);
}
[data-v-47cc1922] .markdown-main-style .poetry-wrapper .poetry-title {
  font-size: 1.4em;
  font-weight: 600;
  color: var(--main-font-color);
  margin-bottom: 0.4em;
}
[data-v-47cc1922] .markdown-main-style .poetry-wrapper .poetry-author {
  font-size: 0.9em;
  color: var(--main-font-second-color);
  margin-bottom: 1.5em;
}
[data-v-47cc1922] .markdown-main-style .poetry-wrapper .poetry-body {
  text-align: center;
  line-height: 2;
}
[data-v-47cc1922] .markdown-main-style .poetry-wrapper .poetry-body p {
  margin: 0;
  color: var(--main-font-color);
}
[data-v-47cc1922] .markdown-main-style .poetry-wrapper .poetry-body .poetry-empty {
  height: 1em;
}
[data-v-47cc1922] .markdown-main-style .poetry-wrapper .poetry-footer {
  font-size: 0.9em;
  color: var(--main-font-second-color);
  margin-top: 1.5em;
}
[data-v-47cc1922] .markdown-main-style .link-banner {
  display: block;
  line-height: 1.4;
}
article[data-v-47cc1922] .markdown-main-style .link-banner {
  max-width: 480px;
  margin: 2rem auto;
}
[data-v-47cc1922] .markdown-main-style .link-banner .link-banner-bg {
  display: block;
  width: 100%;
  aspect-ratio: 2.4;
  margin-bottom: -5%;
  mask-image: linear-gradient(#fff 50%, transparent);
  object-fit: cover;
}
[data-v-47cc1922] .markdown-main-style .link-banner .link-banner-info {
  padding: 0.5em 1em;
}
[data-v-47cc1922] .markdown-main-style .link-banner .link-banner-title {
  font-size: 1.2em;
  color: var(--main-font-color);
}
[data-v-47cc1922] .markdown-main-style .link-banner .link-banner-desc {
  margin-top: 0.5em;
  font-size: 0.8em;
  color: var(--main-font-second-color);
}
[data-v-47cc1922] .markdown-main-style .quote-block {
  position: relative;
  padding: 1rem 0;
  isolation: isolate;
}
[data-v-47cc1922] .markdown-main-style .quote-block .quote-icon-line {
  position: relative;
  opacity: 0.5;
  min-height: 0.5em;
  margin-bottom: -0.5em;
  font-size: 4rem;
  color: var(--main-font-second-color);
  mask-image: linear-gradient(#fff, transparent);
  transition: all 0.2s;
  z-index: -1;
  line-height: 1;
}
[data-v-47cc1922] .markdown-main-style .quote-block .quote-icon-text {
  display: inline-block;
}
[data-v-47cc1922] .markdown-main-style .quote-block:hover .quote-icon-line {
  opacity: 1;
  transform: translateY(-0.5rem);
}
[data-v-47cc1922] .markdown-main-style .quote-block .quote-content {
  font-size: 1.2rem;
  line-height: 1.5;
  color: var(--main-font-second-color);
}
[data-v-47cc1922] .markdown-main-style .quote-block .quote-content p {
  margin: 0;
}
[data-v-47cc1922] .markdown-main-style .quote-inline {
  display: inline;
  color: var(--main-font-second-color);
  font-size: 1.05em;
}
[data-v-47cc1922] .markdown-main-style .quote-inline .quote-inline-icon {
  display: inline;
  vertical-align: -0.15em;
  margin-right: 0.2em;
  opacity: 0.6;
  font-size: 1em;
}
.page[data-v-47cc1922] {
  width: 100%;
  display: flex;
  flex-direction: row;
  animation: fade-up 0.6s 0.1s backwards;
}
.page .page-content[data-v-47cc1922] {
  width: 100%;
  transition: width 0.3s;
}
.page .page-content[data-v-47cc1922] #main-comment {
  width: 100%;
}
.page .page-content[data-v-47cc1922] #main-comment .comment-content .atk-list .atk-list-header {
  margin-bottom: 8px;
}
.page .page-content[data-v-47cc1922] #main-comment .comment-content .atk-list .atk-list-comments-wrap > .atk-comment-wrap {
  padding: 0.8rem;
  margin-bottom: 1rem;
  border-bottom: none;
  border-radius: 16px;
  background-color: var(--main-card-background);
  border: 1px solid var(--main-card-border);
  box-shadow: 0 8px 16px -4px var(--main-border-shadow);
}
.page .page-content .s-card[data-v-47cc1922] {
  padding: 1rem 2rem;
}
.page.has-aside[data-v-47cc1922] {
  animation: fade-up 0.6s 0.3s backwards;
}
.page.has-aside .page-content[data-v-47cc1922] {
  width: calc(100% - 300px);
}
.page.has-aside .main-aside[data-v-47cc1922] {
  width: 300px;
  padding-left: 1rem;
}
@media (max-width: 1200px) {
.page .page-content[data-v-47cc1922] {
    width: 100% !important;
}
.page .main-aside[data-v-47cc1922] {
    display: none;
}
}.post-lists .post-item[data-v-18b7ff82] {
  position: relative;
  padding: 0 !important;
  display: flex;
  margin-bottom: 1rem;
  animation: fade-up 0.6s 0.4s backwards;
  cursor: pointer;
  overflow: hidden;
  height: 200px;
}
.post-lists .post-item .post-link[data-v-18b7ff82] {
  position: absolute;
  inset: 0;
  z-index: 2;
  border-radius: inherit;
}
.post-lists .post-item .post-cover[data-v-18b7ff82] {
  pointer-events: none;
  flex: 0 0 35%;
  overflow: hidden;
  transform: translateZ(0);
}
.post-lists .post-item .post-cover img[data-v-18b7ff82] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform-origin: center center;
  will-change: transform, filter;
  transition: transform 0.5s ease-out, filter 0.5s ease-out;
  backface-visibility: hidden;
}
.post-lists .post-item .post-content[data-v-18b7ff82] {
  position: relative;
  z-index: 3;
  pointer-events: none;
  flex: 1;
  padding: 1.6rem 2rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.post-lists .post-item .post-content .post-category[data-v-18b7ff82] {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  color: var(--main-font-second-color);
  font-size: 14px;
}
.post-lists .post-item .post-content .post-category .cat-name[data-v-18b7ff82] {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.post-lists .post-item .post-content .post-category .cat-name .iconfont[data-v-18b7ff82] {
  opacity: 0.8;
  margin-right: 6px;
  color: var(--main-font-second-color);
}
.post-lists .post-item .post-content .post-category .top[data-v-18b7ff82] {
  margin-left: 12px;
  color: var(--main-color);
}
.post-lists .post-item .post-content .post-category .top .iconfont[data-v-18b7ff82] {
  opacity: 0.8;
  color: var(--main-color);
}
.post-lists .post-item .post-content .post-title[data-v-18b7ff82] {
  font-size: 20px;
  line-height: 30px;
  font-weight: bold;
  margin: 0.6rem 0;
  transition: color 0.3s;
  display: -webkit-box;
  overflow: hidden;
  word-break: break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.post-lists .post-item .post-content .post-desc[data-v-18b7ff82] {
  margin-top: -0.4rem;
  margin-bottom: 0.8rem;
  opacity: 0.8;
  line-height: 30px;
  display: -webkit-box;
  overflow: hidden;
  word-break: break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.post-lists .post-item .post-content .post-meta[data-v-18b7ff82] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  color: var(--main-font-second-color);
}
.post-lists .post-item .post-content .post-meta .post-tags[data-v-18b7ff82] {
  display: flex;
  flex-wrap: wrap;
  opacity: 0.8;
  margin-right: 20px;
  overflow: hidden;
  mask: linear-gradient(90deg, #fff 0, #fff 90%, hsla(0, 0%, 100%, 0.6) 95%, hsla(0, 0%, 100%, 0) 100%);
}
.post-lists .post-item .post-content .post-meta .post-tags .tags-name[data-v-18b7ff82] {
  position: relative;
  z-index: 4;
  pointer-events: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-right: 12px;
  white-space: nowrap;
  transition: color 0.3s;
}
.post-lists .post-item .post-content .post-meta .post-tags .tags-name .iconfont[data-v-18b7ff82] {
  font-weight: normal;
  opacity: 0.6;
  margin-right: 4px;
  transition: color 0.3s;
}
.post-lists .post-item .post-content .post-meta .post-tags .tags-name[data-v-18b7ff82]:hover {
  color: var(--main-color);
}
.post-lists .post-item .post-content .post-meta .post-tags .tags-name:hover .iconfont[data-v-18b7ff82] {
  color: var(--main-color);
}
@media (max-width: 768px) {
.post-lists .post-item .post-content .post-meta .post-tags[data-v-18b7ff82] {
    flex-wrap: nowrap;
}
}
.post-lists .post-item .post-content .post-meta .post-time[data-v-18b7ff82] {
  opacity: 0.6;
  font-size: 13px;
  white-space: nowrap;
}
.post-lists .post-item.simple[data-v-18b7ff82] {
  animation: none;
  padding: 0.5rem 1.4rem;
  background-color: var(--main-card-second-background);
  height: auto;
}
.post-lists .post-item[data-v-18b7ff82]:last-child {
  margin-bottom: 0;
}
.post-lists .post-item:hover .post-cover img[data-v-18b7ff82] {
  filter: brightness(0.8);
  transform: scale(1.05);
}
.post-lists .post-item:hover .post-content .post-title[data-v-18b7ff82] {
  color: var(--main-color);
}
.post-lists .post-item[data-v-18b7ff82]:active {
  transform: scale(0.98);
}
@media (max-width: 768px) {
.post-lists .post-item[data-v-18b7ff82] {
    flex-direction: column;
    height: auto;
}
.post-lists .post-item .post-cover[data-v-18b7ff82] {
    flex: none;
    width: 100%;
    height: 200px;
}
}
.post-lists .post-item.cover-left[data-v-18b7ff82] {
  flex-direction: row;
}
.post-lists .post-item.cover-right[data-v-18b7ff82] {
  flex-direction: row-reverse;
}
.post-lists .post-item.cover-both[data-v-18b7ff82]:nth-child(odd) {
  flex-direction: row;
}
.post-lists .post-item.cover-both[data-v-18b7ff82]:nth-child(even) {
  flex-direction: row-reverse;
}
@media (max-width: 768px) {
.post-lists .post-item.cover-left[data-v-18b7ff82], .post-lists .post-item.cover-right[data-v-18b7ff82], .post-lists .post-item.cover-both[data-v-18b7ff82] {
    flex-direction: column !important;
}
}
.post-lists.layout-grid[data-v-18b7ff82] {
  display: grid;
  grid-template-columns: repeat(var(--grid-columns, 2), 1fr);
  gap: var(--grid-gap, 1rem);
}
.post-lists.layout-grid .post-item[data-v-18b7ff82] {
  margin: 0;
  flex-direction: column;
  height: auto;
}
.post-lists.layout-grid .post-item .post-cover[data-v-18b7ff82] {
  flex: none;
  width: 100%;
  height: 225px;
}
.post-lists.layout-grid .post-item .post-content[data-v-18b7ff82] {
  flex: 1;
}
@media (max-width: 768px) {
.post-lists.layout-grid[data-v-18b7ff82] {
    grid-template-columns: 1fr;
}
}.related-post[data-v-73ff8720] {
  margin-top: 1rem;
}
.related-post .title[data-v-73ff8720] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin: 3rem 0 1rem 0;
  padding: 0 6px;
}
.related-post .title .name[data-v-73ff8720] {
  display: flex;
  align-items: center;
  font-size: 24px;
  font-weight: bold;
}
.related-post .title .name .iconfont[data-v-73ff8720] {
  font-size: 26px;
  font-weight: normal;
  margin-right: 8px;
}
.related-post .title .shuffle[data-v-73ff8720] {
  opacity: 0.6;
  font-size: 14px;
  transition: color 0.3s, opacity 0.3s;
  cursor: pointer;
}
.related-post .title .shuffle[data-v-73ff8720]:hover {
  opacity: 1;
  color: var(--main-color);
}.next-post[data-v-d6d44790] {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 20px;
  background-color: var(--main-card-background);
}
.next-post .post-tip[data-v-d6d44790] {
  font-size: 14px;
  color: var(--main-font-second-color);
  padding-bottom: 8px;
  margin-bottom: 12px;
  border-bottom: 1px dashed var(--main-card-border);
  transition: color 0.3s;
}
.next-post .post-title[data-v-d6d44790] {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.next-post.fixed[data-v-d6d44790] {
  position: fixed;
  right: 20px;
  bottom: 20px;
  opacity: 0;
  z-index: 100;
  width: 300px;
  transform: translateY(180px);
}
.next-post.show[data-v-d6d44790] {
  opacity: 1;
  transform: translateY(0);
}
.next-post[data-v-d6d44790]:hover {
  background-color: var(--main-color);
  border-color: var(--main-color);
  color: var(--main-card-background);
  box-shadow: 0 8px 16px -4px var(--main-color-bg);
}
.next-post:hover .post-tip[data-v-d6d44790] {
  opacity: 0.8;
  color: var(--main-card-background);
}
@media (max-width: 768px) {
.next-post[data-v-d6d44790] {
    display: none;
}
}.reward[data-v-5fbd3ad8] {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 1rem auto;
  user-select: none;
}
.reward-actions[data-v-5fbd3ad8] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
.reward-btn[data-v-5fbd3ad8] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 120px;
  border-radius: 8px;
  color: #fff;
  background-color: var(--main-color-red);
  transition: box-shadow 0.5s;
  cursor: pointer;
}
.reward-btn .iconfont[data-v-5fbd3ad8] {
  color: #fff;
  font-weight: normal;
  margin-right: 6px;
}
.reward-btn[data-v-5fbd3ad8]:hover {
  box-shadow: 0 0 40px 6px rgba(255, 56, 66, 0.4392156863);
}
.follow-btn[data-v-5fbd3ad8] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 120px;
  border-radius: 8px;
  color: var(--main-font-color);
  background-color: var(--main-card-second-background);
  border: 1.5px solid var(--main-card-border);
  text-decoration: none;
  transition: all 0.3s;
}
.follow-btn .follow-icon[data-v-5fbd3ad8] {
  font-size: 18px;
  margin-right: 4px;
  color: var(--main-font-color);
}
.follow-btn .text[data-v-5fbd3ad8] {
  color: var(--main-font-color);
  font-size: 14px;
}
.follow-btn[data-v-5fbd3ad8]:hover {
  border-color: var(--main-color);
}
.follow-btn:hover .text[data-v-5fbd3ad8] {
  color: var(--main-color);
}
.follow-btn:hover .follow-icon[data-v-5fbd3ad8] {
  color: var(--main-color);
}
.reward-card .thank[data-v-5fbd3ad8] {
  display: inline-flex;
  justify-content: center;
  margin-bottom: 1rem;
  width: 100%;
  color: var(--main-color);
  font-weight: bold;
}
.reward-card .qr[data-v-5fbd3ad8] {
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr 1fr;
}
.reward-card .qr .qr-img[data-v-5fbd3ad8] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.reward-card .qr .qr-img img[data-v-5fbd3ad8] {
  width: 100%;
  height: auto;
  border-radius: 16px;
  overflow: hidden;
}
.reward-card .qr .qr-img .tip[data-v-5fbd3ad8] {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 0.8rem;
}
.reward-card .qr .qr-img .tip .iconfont[data-v-5fbd3ad8] {
  margin-right: 6px;
  font-size: 18px;
}
.reward-card .qr .qr-img:hover .iconfont[data-v-5fbd3ad8] {
  color: var(--main-color);
}
.reward-card .all-list[data-v-5fbd3ad8] {
  margin-top: 20px;
  display: flex;
  align-items: center;
  flex-direction: column;
  background-color: var(--main-card-second-background);
}
.reward-card .all-list .title[data-v-5fbd3ad8] {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 8px;
  transition: color 0.3s;
}
.reward-card .all-list .tip[data-v-5fbd3ad8] {
  text-align: center;
  font-size: 12px;
  opacity: 0.6;
}
.reward-card .all-list:hover .title[data-v-5fbd3ad8] {
  color: var(--main-color);
}.copyright[data-v-891be97d] {
  position: relative;
  background-color: var(--main-card-second-background);
  padding: 18px;
  margin-top: 2rem;
  overflow: hidden;
}
.copyright .title[data-v-891be97d] {
  display: flex;
  flex-direction: column;
}
.copyright .title .post-link[data-v-891be97d] {
  margin-top: 2px;
  font-size: 14px;
  opacity: 0.6;
}
.copyright .title .post-link[data-v-891be97d]:hover {
  opacity: 1;
}
.copyright .post-meta[data-v-891be97d] {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 1rem 0;
}
.copyright .post-meta .meta-item[data-v-891be97d] {
  display: flex;
  flex-direction: column;
  margin-right: 2rem;
}
.copyright .post-meta .meta-item .name[data-v-891be97d] {
  margin-top: 4px;
  font-size: 14px;
  opacity: 0.6;
  transition: color 0.3s, opacity 0.3s;
  cursor: pointer;
}
.copyright .post-meta .meta-item.cc .name[data-v-891be97d]:hover {
  opacity: 1;
  color: var(--main-color);
}
.copyright .meta-tip[data-v-891be97d] {
  opacity: 0.4;
}
.copyright[data-v-891be97d]::after {
  content: "\e021";
  position: absolute;
  top: -4rem;
  right: -4rem;
  font-family: "iconfont";
  opacity: 0.1;
  font-size: 16rem;
  transform: rotate(334deg);
}
@media (max-width: 768px) {
.copyright .post-meta[data-v-891be97d] {
    display: none;
}
.copyright .meta-tip[data-v-891be97d] {
    display: inline-block;
    margin-top: 12px;
    font-size: 14px;
}
}
.references[data-v-4fb7bae0] {
  margin: 1rem 0;
  padding: 18px;
  margin-top: 2rem;
  background-color: var(--main-card-second-background);
}
.references .title[data-v-4fb7bae0] {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: var(--main-font-second-color);
  font-size: 15px;
  margin-bottom: 0.8rem;
}
.references .title .iconfont[data-v-4fb7bae0] {
  margin-right: 4px;
  font-size: 18px;
  color: var(--main-font-second-color);
  opacity: 0.6;
}
.references .list[data-v-4fb7bae0] {
  display: flex;
  flex-direction: column;
  margin: 0;
  list-style-type: none;
  padding-left: 0.4rem;
}
.references .list .list-item[data-v-4fb7bae0] {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  width: 100%;
  padding-left: 1rem;
  margin-bottom: 0.4rem;
  overflow: auto;
  transition: color 0.3s;
}
.references .list .list-item .item-title[data-v-4fb7bae0] {
  padding-bottom: 2px;
  white-space: normal; /* 允许文本正常换行 */
  word-break: break-word; /* 允许在单词内换行以防止溢出 */
  overflow-wrap: break-word; /* 标准化属性，与 word-wrap: break-word 相同 */
}
.references .list .list-item[data-v-4fb7bae0]:last-child {
  margin-bottom: 0;
}
.references .list .list-item[data-v-4fb7bae0]::before {
  content: "";
  position: absolute;
  left: 0;
  width: 8px;
  height: 8px;
  opacity: 0.6;
  background-color: var(--main-font-color);
  border-radius: 50%;
  transition: background-color 0.3s;
}
.references .list .list-item[data-v-4fb7bae0]::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 0;
  margin-left: 1rem;
  background-color: var(--main-color);
  transition: width 0.3s;
}
.references .list .list-item[data-v-4fb7bae0]:hover {
  color: var(--main-color);
}
.references .list .list-item[data-v-4fb7bae0]:hover::before {
  background-color: var(--main-color);
}
.references .list .list-item[data-v-4fb7bae0]:hover::after {
  width: calc(100% - 1rem);
}.article-gpt[data-v-baf3cfa5] {
  margin: 1.25rem 0 1.5rem;
  padding: 1rem;
  cursor: auto;
  user-select: text;
  background: linear-gradient(180deg, var(--main-card-background) 0%, var(--main-card-second-background) 100%);
  border: 1px solid color-mix(in srgb, var(--main-card-border) 84%, var(--main-color) 16%);
  box-shadow: 0 16px 40px -28px color-mix(in srgb, var(--main-color) 22%, transparent), 0 8px 18px -10px var(--main-border-shadow);
  animation: fade-up 0.6s 0.2s backwards;
}
.article-gpt__header[data-v-baf3cfa5] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  justify-content: space-between;
}
.article-gpt__title[data-v-baf3cfa5] {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  min-width: 0;
}
.article-gpt__icon[data-v-baf3cfa5] {
  width: 2rem;
  height: 2rem;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: linear-gradient(135deg, var(--main-color), color-mix(in srgb, var(--main-color) 75%, #ffffff 25%));
  box-shadow: 0 10px 20px -14px var(--main-color);
}
.article-gpt__icon .iconfont[data-v-baf3cfa5] {
  font-size: 1rem;
  color: inherit;
}
.article-gpt__title-text[data-v-baf3cfa5] {
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: var(--main-font-color);
}
.article-gpt__badge[data-v-baf3cfa5] {
  border: none;
  padding: 0.42rem 0.72rem;
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 700;
  color: #fff;
  background: linear-gradient(135deg, var(--main-color), color-mix(in srgb, var(--main-color) 72%, #ffffff 28%));
  box-shadow: 0 8px 18px -14px var(--main-color);
  transition: transform 0.3s, box-shadow 0.3s, opacity 0.3s;
}
.article-gpt__badge[data-v-baf3cfa5]:disabled {
  cursor: not-allowed;
  opacity: 0.82;
}
.article-gpt__badge[data-v-baf3cfa5]:not(:disabled) {
  cursor: pointer;
}
.article-gpt__badge[data-v-baf3cfa5]:not(:disabled):hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 24px -16px var(--main-color);
}
.article-gpt__content[data-v-baf3cfa5] {
  position: relative;
  margin-top: 0.9rem;
  padding: 0.95rem 1rem 0.95rem 1.15rem;
  border-radius: 12px;
  border: 1px solid color-mix(in srgb, var(--main-card-border) 88%, var(--main-color) 12%);
  background-color: color-mix(in srgb, var(--main-card-background) 92%, var(--main-site-background) 8%);
  line-height: 1.8;
  color: var(--main-font-color);
  overflow: hidden;
}
.article-gpt__content[data-v-baf3cfa5]::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 4px;
  height: 100%;
  background: linear-gradient(180deg, var(--main-color), color-mix(in srgb, var(--main-color) 45%, transparent));
}
.article-gpt__text[data-v-baf3cfa5] {
  white-space: pre-wrap;
  word-break: break-word;
}
.article-gpt__cursor[data-v-baf3cfa5] {
  display: inline-block;
  width: 0.58rem;
  height: 1rem;
  margin-left: 0.28rem;
  vertical-align: -0.1rem;
  border-radius: 2px;
  background-color: var(--main-color);
  animation: article-gpt-cursor-baf3cfa5 0.7s infinite;
}
.article-gpt__disclaimer[data-v-baf3cfa5] {
  margin: 0.7rem 0 0;
  padding: 0 0.15rem;
  font-size: 0.78rem;
  line-height: 1.5;
  color: var(--main-font-second-color);
}
@keyframes article-gpt-cursor-baf3cfa5 {
0%, 45% {
    opacity: 1;
}
50%, 100% {
    opacity: 0;
}
}
@media (prefers-reduced-motion: reduce) {
.article-gpt[data-v-baf3cfa5] {
    animation: none;
}
.article-gpt__badge[data-v-baf3cfa5] {
    transition: none;
}
.article-gpt__cursor[data-v-baf3cfa5] {
    animation: none;
}
}
@media (max-width: 768px) {
.article-gpt[data-v-baf3cfa5] {
    margin: 1rem 0 1.3rem;
    padding: 0.95rem;
}
.article-gpt__header[data-v-baf3cfa5] {
    align-items: flex-start;
    flex-direction: column;
}
.article-gpt__badge[data-v-baf3cfa5] {
    align-self: flex-start;
}
.article-gpt__content[data-v-baf3cfa5] {
    padding: 0.9rem 0.95rem 0.9rem 1rem;
}
}.password-protect[data-v-a35699d5] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1.5rem 3rem;
  margin: 0 auto;
  max-width: 600px;
  width: 100%;
  text-align: center;
}
.password-protect .protect-icon[data-v-a35699d5] {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--main-color-bg);
  margin-bottom: 1rem;
}
.password-protect .protect-icon .lock-emoji[data-v-a35699d5] {
  font-size: 28px;
}
.password-protect .protect-title[data-v-a35699d5] {
  font-size: 1.2rem;
  font-weight: bold;
  color: var(--main-font-color);
  margin-bottom: 0.4rem;
}
.password-protect .protect-desc[data-v-a35699d5] {
  font-size: 0.85rem;
  color: var(--main-font-second-color);
  margin-bottom: 1rem;
}
.password-protect .protect-input-wrapper[data-v-a35699d5] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  width: 100%;
  max-width: 360px;
}
.password-protect .protect-input-wrapper .protect-input[data-v-a35699d5] {
  flex: 1;
  padding: 12px 16px;
  border: 2px solid var(--main-card-border);
  border-radius: 12px;
  background: var(--main-card-background);
  color: var(--main-font-color);
  font-size: 1rem;
  outline: none;
  transition: border-color 0.3s;
}
.password-protect .protect-input-wrapper .protect-input[data-v-a35699d5]::placeholder {
  color: var(--main-font-second-color);
}
.password-protect .protect-input-wrapper .protect-input[data-v-a35699d5]:focus {
  border-color: var(--main-color);
}
.password-protect .protect-input-wrapper .protect-btn[data-v-a35699d5] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
  padding: 12px 20px;
  border: none;
  border-radius: 12px;
  background: var(--main-color);
  color: #fff;
  font-size: 1rem;
  font-weight: bold;
  cursor: pointer;
  transition: opacity 0.3s, transform 0.2s;
}
.password-protect .protect-input-wrapper .protect-btn .unlock-emoji[data-v-a35699d5] {
  font-size: 16px;
}
.password-protect .protect-input-wrapper .protect-btn[data-v-a35699d5]:hover {
  opacity: 0.9;
}
.password-protect .protect-input-wrapper .protect-btn[data-v-a35699d5]:active {
  transform: scale(0.98);
}
.password-protect .protect-error[data-v-a35699d5] {
  margin-top: 1rem;
  color: var(--main-error-color);
  font-size: 0.9rem;
}
@media (max-width: 768px) {
.password-protect[data-v-a35699d5] {
    padding: 2rem 1.5rem;
}
.password-protect .protect-input-wrapper[data-v-a35699d5] {
    flex-direction: column;
    gap: 12px;
}
.password-protect .protect-input-wrapper .protect-input[data-v-a35699d5],
  .password-protect .protect-input-wrapper .protect-btn[data-v-a35699d5] {
    width: 100%;
    justify-content: center;
}
}
/* ============ 仅 ≤1200px 显示 ============ */
@media (min-width: 1201px) {
.mobile-toc-wrapper[data-v-439d7366] {
    display: none !important;
}
}
/* ============ 浮动按钮 ============ */
.mobile-toc-btn[data-v-439d7366] {
  position: fixed;
  right: 20px;
  bottom: 80px;
  z-index: 1003;
  width: 48px;
  height: 48px;
  border: none;
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.3s, transform 0.3s;
  /* 默认图标颜色跟随主题 */
}
.mobile-toc-btn .toc-icon[data-v-439d7366] {
  color: var(--main-font-color);
  transition: color 0.3s;
}
.mobile-toc-btn[data-v-439d7366]:active {
  transform: scale(0.9);
}
.mobile-toc-btn.hidden[data-v-439d7366] {
  opacity: 0;
  pointer-events: none;
  transform: scale(0.6);
}

/* ============ 遮罩 + 面板 ============ */
.mobile-toc-overlay[data-v-439d7366] {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.45);
  display: flex;
  align-items: center;
  justify-content: center;
  /* 阻止触摸穿透 */
  touch-action: none;
  overscroll-behavior: contain;
}
.mobile-toc-panel[data-v-439d7366] {
  width: 85%;
  max-width: 380px;
  max-height: 75vh;
  border-radius: 16px;
  background: var(--main-card-background, #fff);
  border: 1px solid var(--main-card-border);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

/* 头部 */
.mobile-toc-header[data-v-439d7366] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  border-bottom: 1px solid var(--main-card-border);
  flex-shrink: 0;
}
.mobile-toc-title[data-v-439d7366] {
  font-size: 16px;
  font-weight: bold;
  color: var(--main-font-color);
}
.mobile-toc-close[data-v-439d7366] {
  width: 32px;
  height: 32px;
  border: none;
  border-radius: 8px;
  background: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--main-font-color);
  opacity: 0.6;
  transition: opacity 0.2s, background-color 0.2s;
}
.mobile-toc-close[data-v-439d7366]:hover, .mobile-toc-close[data-v-439d7366]:active {
  opacity: 1;
  background-color: var(--main-color-bg);
}

/* 目录列表 */
.mobile-toc-list[data-v-439d7366] {
  position: relative;
  padding: 16px 20px 16px 28px;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  flex: 1;
  /* 让列表内滚动时不触发页面滚动 */
  touch-action: pan-y;
}
.mobile-toc-item[data-v-439d7366] {
  margin: 4px 0;
  padding: 8px 14px;
  border-radius: 8px;
  opacity: 0.6;
  font-size: 15px;
  line-height: 1.5;
  cursor: pointer;
  transition: color 0.3s, opacity 0.3s, font-size 0.3s, background-color 0.3s;
}
.mobile-toc-item[data-v-439d7366]:first-child {
  margin-top: 0;
}
.mobile-toc-item[data-v-439d7366]:last-child {
  margin-bottom: 0;
}
.mobile-toc-item.H2[data-v-439d7366] {
  font-weight: bold;
}
.mobile-toc-item.H3[data-v-439d7366] {
  font-size: 14px;
  margin-left: 20px;
}
.mobile-toc-item.active[data-v-439d7366] {
  opacity: 1;
  color: var(--main-color);
  background-color: var(--main-color-bg);
}
.mobile-toc-item.active.H2[data-v-439d7366] {
  font-size: 17px;
}
.mobile-toc-item.active.H3[data-v-439d7366] {
  font-size: 15px;
}
.mobile-toc-item[data-v-439d7366]:active {
  opacity: 1;
  color: var(--main-color);
  background-color: var(--main-color-bg);
}
.mobile-toc-empty[data-v-439d7366] {
  text-align: center;
  opacity: 0.4;
  padding: 2rem 0;
  font-size: 14px;
}

/* ============ 过渡动画 ============ */
.mobile-toc-fade-enter-active[data-v-439d7366],
.mobile-toc-fade-leave-active[data-v-439d7366] {
  transition: opacity 0.25s ease;
}
.mobile-toc-fade-enter-from[data-v-439d7366],
.mobile-toc-fade-leave-to[data-v-439d7366] {
  opacity: 0;
}
[data-v-dbedd747] .markdown-main-style div > h1 {
  font-size: 2rem;
  text-align: center;
  border-bottom: 1px dashed var(--main-color-bg);
  padding-bottom: 1rem;
}
[data-v-dbedd747] .markdown-main-style div > h1 .header-anchor::before {
  display: none;
}
[data-v-dbedd747] .markdown-main-style div > h2 {
  font-size: 1.6rem;
  line-height: 1.6;
  border-bottom: 1px dashed var(--main-color-bg);
  padding-bottom: 0.5rem;
}
[data-v-dbedd747] .markdown-main-style div > h3 {
  width: fit-content;
  font-size: 1.2rem;
  z-index: 0;
}
[data-v-dbedd747] .markdown-main-style div > h3::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 8px;
  border-radius: 3px;
  background-color: var(--main-card-border);
  z-index: -1;
}
[data-v-dbedd747] .markdown-main-style div > h1,[data-v-dbedd747] .markdown-main-style div > h2,[data-v-dbedd747] .markdown-main-style div > h3,[data-v-dbedd747] .markdown-main-style div > h4 {
  position: relative;
  cursor: pointer;
}
[data-v-dbedd747] .markdown-main-style div > h1:hover .header-anchor,[data-v-dbedd747] .markdown-main-style div > h2:hover .header-anchor,[data-v-dbedd747] .markdown-main-style div > h3:hover .header-anchor,[data-v-dbedd747] .markdown-main-style div > h4:hover .header-anchor {
  opacity: 1;
}
[data-v-dbedd747] .markdown-main-style .header-anchor {
  position: absolute;
  left: 0;
  opacity: 0;
  transition: opacity 0.3s;
}
[data-v-dbedd747] .markdown-main-style .header-anchor::before {
  content: "#";
  position: absolute;
  left: -1.3rem;
  color: var(--main-color);
  font-weight: bold;
}
[data-v-dbedd747] .markdown-main-style p {
  font-size: 1.1rem;
}
[data-v-dbedd747] .markdown-main-style p,[data-v-dbedd747] .markdown-main-style ul,[data-v-dbedd747] .markdown-main-style li,[data-v-dbedd747] .markdown-main-style td {
  margin: 1rem 0;
  text-align: left;
  letter-spacing: 0.6px;
  line-height: 2;
}
[data-v-dbedd747] .markdown-main-style p code,[data-v-dbedd747] .markdown-main-style ul code,[data-v-dbedd747] .markdown-main-style li code,[data-v-dbedd747] .markdown-main-style td code {
  display: inline-flex;
  font-size: 0.8rem;
  padding: 0 6px;
  border-radius: 6px;
  background-color: var(--main-card-border);
  font-family: "Fira Code", var(--main-font-family), monospace;
  font-optical-sizing: auto;
  white-space: nowrap;
  transform: translateY(-2px);
  overflow-x: auto;
  max-width: 100%;
  transition: color 0.3s, background-color 0.3s;
  cursor: pointer;
}
[data-v-dbedd747] .markdown-main-style p code:hover,[data-v-dbedd747] .markdown-main-style ul code:hover,[data-v-dbedd747] .markdown-main-style li code:hover,[data-v-dbedd747] .markdown-main-style td code:hover {
  color: var(--main-color);
  background-color: var(--main-color-bg);
}
[data-v-dbedd747] .markdown-main-style p a,[data-v-dbedd747] .markdown-main-style ul a,[data-v-dbedd747] .markdown-main-style li a,[data-v-dbedd747] .markdown-main-style td a {
  position: relative;
  display: inline-flex;
  color: var(--main-color);
}
[data-v-dbedd747] .markdown-main-style p a::before,[data-v-dbedd747] .markdown-main-style ul a::before,[data-v-dbedd747] .markdown-main-style li a::before,[data-v-dbedd747] .markdown-main-style td a::before {
  content: "";
  position: absolute;
  border-radius: 2px;
  bottom: 2px;
  left: 0;
  right: 0;
  height: 1px;
  opacity: 0.8;
  background-color: var(--main-color);
  border-radius: 4px;
  transition: all 0.3s;
}
[data-v-dbedd747] .markdown-main-style p a:hover::before,[data-v-dbedd747] .markdown-main-style ul a:hover::before,[data-v-dbedd747] .markdown-main-style li a:hover::before,[data-v-dbedd747] .markdown-main-style td a:hover::before {
  height: 100%;
  opacity: 0.2;
  bottom: 0;
  left: -2px;
  right: -2px;
}
[data-v-dbedd747] .markdown-main-style p strong,[data-v-dbedd747] .markdown-main-style ul strong,[data-v-dbedd747] .markdown-main-style li strong,[data-v-dbedd747] .markdown-main-style td strong {
  color: var(--main-color);
}
[data-v-dbedd747] .markdown-main-style .prose-a {
  display: inline-flex;
  align-items: baseline;
  gap: 0.2em;
  margin: 0 -0.2em;
  padding: 0 0.2em;
  background: linear-gradient(var(--main-color-bg), var(--main-color-bg)) no-repeat center bottom/100% 0.1em;
  transition: all 0.2s ease;
  border-radius: 0;
}
[data-v-dbedd747] .markdown-main-style .prose-a:hover {
  border-radius: 0.3em;
  background-size: 100% 100%;
}
[data-v-dbedd747] .markdown-main-style .prose-a .link-icon {
  font-size: 1em;
  flex-shrink: 0;
}
[data-v-dbedd747] .markdown-main-style .prose-a .ext-indicator {
  display: inline-block;
  width: 0.7em;
  height: 0.7em;
  flex-shrink: 0;
  opacity: 0.5;
  background: currentColor;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M14 3v2h3.59l-9.83 9.83l1.41 1.41L19 6.41V10h2V3z'/%3E%3Cpath fill='currentColor' d='M5 5v14h14v-7h-2v5H7V7h5V5z'/%3E%3C/svg%3E");
  mask-size: contain;
  mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M14 3v2h3.59l-9.83 9.83l1.41 1.41L19 6.41V10h2V3z'/%3E%3Cpath fill='currentColor' d='M5 5v14h14v-7h-2v5H7V7h5V5z'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
}
[data-v-dbedd747] .markdown-main-style .prose-a::before {
  display: none;
}
[data-v-dbedd747] .markdown-main-style img {
  width: 100%;
  border-radius: 12px;
}
[data-v-dbedd747] .markdown-main-style .img-fancybox {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: var(--main-font-color);
}
[data-v-dbedd747] .markdown-main-style .img-fancybox .post-img {
  width: auto;
  max-height: 450px;
  max-width: 100%;
  margin: 0 auto;
  border-radius: 12px;
  cursor: zoom-in;
  transition: opacity 0.3s, filter 0.3s;
}
[data-v-dbedd747] .markdown-main-style .img-fancybox .post-img:hover {
  filter: blur(0) brightness(0.8);
}
[data-v-dbedd747] .markdown-main-style .img-fancybox .post-img-tip {
  display: inline-flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  margin: 0.8rem 0;
  font-size: 14px;
  opacity: 0.6;
}
[data-v-dbedd747] .markdown-main-style .img-fancybox::before {
  display: none;
}
[data-v-dbedd747] .markdown-main-style .img-fancybox:hover {
  color: var(--main-font-color);
}
[data-v-dbedd747] .markdown-main-style .pic-wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 1rem 0;
}
[data-v-dbedd747] .markdown-main-style .pic-wrapper .pic-img {
  width: auto;
  max-width: 100%;
  max-height: 450px;
  margin: 0 auto;
  border-radius: 12px;
  transition: opacity 0.3s, filter 0.3s;
  cursor: zoom-in;
}
[data-v-dbedd747] .markdown-main-style .pic-wrapper .pic-img:hover {
  filter: blur(0) brightness(0.8);
}
[data-v-dbedd747] .markdown-main-style .pic-wrapper .pic-caption {
  display: inline-flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  margin: 0.8rem 0;
  font-size: 14px;
  opacity: 0.6;
  color: var(--main-font-color);
}
[data-v-dbedd747] .markdown-main-style .pic-wrapper .img-fancybox {
  width: auto;
  display: block;
  margin: 0 auto;
}
[data-v-dbedd747] .markdown-main-style .pic-wrapper .img-fancybox::before {
  display: none;
}
[data-v-dbedd747] .markdown-main-style div[class*=language-] {
  position: relative;
  display: flex;
  flex-direction: row-reverse;
  border-radius: 12px;
  background-color: var(--main-card-background);
  border: 1px solid var(--main-card-border);
  padding-top: 36px;
  margin: 1rem 0;
  overflow: hidden;
}
[data-v-dbedd747] .markdown-main-style div[class*=language-] .copy,[data-v-dbedd747] .markdown-main-style div[class*=language-] .lang {
  position: absolute;
}
[data-v-dbedd747] .markdown-main-style div[class*=language-] .lang {
  width: 100%;
  height: 36px;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: var(--main-card-second-background);
  border-bottom: 1px solid var(--main-card-border);
  padding-left: 16px;
  font-weight: bold;
  font-size: 18px;
}
[data-v-dbedd747] .markdown-main-style div[class*=language-] .copy {
  top: 0;
  right: 0;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  border: none;
  font-family: "iconfont";
  font-size: 20px;
  font-style: normal;
  z-index: 1;
  color: var(--main-font-color);
  cursor: pointer;
}
[data-v-dbedd747] .markdown-main-style div[class*=language-] .copy::after {
  content: "\e01c";
  transition: color 0.3s;
}
[data-v-dbedd747] .markdown-main-style div[class*=language-] .copy::before {
  content: "复制成功";
  position: absolute;
  left: -60px;
  font-size: 14px;
  white-space: nowrap;
  opacity: 0;
  transform: translateX(5px);
  transition: color 0.3s, opacity 0.3s, transform 0.3s;
}
[data-v-dbedd747] .markdown-main-style div[class*=language-] .copy.copied::before {
  opacity: 1;
  transform: translateX(0);
}
[data-v-dbedd747] .markdown-main-style div[class*=language-] .copy:hover::before,[data-v-dbedd747] .markdown-main-style div[class*=language-] .copy:hover::after {
  color: var(--main-color);
}
[data-v-dbedd747] .markdown-main-style div[class*=language-] .line-numbers-wrapper {
  padding: 6px 10px;
  opacity: 0.6;
  text-align: center;
  user-select: none;
  color: var(--main-font-second-color);
  background-color: var(--main-card-second-background);
}
[data-v-dbedd747] .markdown-main-style div[class*=language-] .line-numbers-wrapper .line-number {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 22px;
  font-size: 14px;
}
[data-v-dbedd747] .markdown-main-style div[class*=language-] .line-numbers-wrapper br {
  display: none;
}
[data-v-dbedd747] .markdown-main-style div[class*=language-] pre {
  margin: 0;
  padding: 6px 10px;
  width: 100%;
  overflow-y: auto;
  user-select: text;
  border-left: 1px solid var(--main-card-border);
}
[data-v-dbedd747] .markdown-main-style div[class*=language-] pre code {
  font-family: "Fira Code", var(--main-font-family), monospace;
  font-optical-sizing: auto;
}
[data-v-dbedd747] .markdown-main-style div[class*=language-] pre code .line {
  display: inline-block;
  height: 22px;
}
[data-v-dbedd747] .markdown-main-style div[class*=language-] pre code .line span {
  color: var(--shiki-light);
  transition: color 0.3s;
}
[data-v-dbedd747] .markdown-main-style div[class*=language-] pre code .line.highlighted {
  width: 100%;
  background-color: var(--main-card-border);
  border-radius: 6px;
}
[data-v-dbedd747] .markdown-main-style div[class*=language-] pre code .line:empty {
  height: 17px;
}
[data-v-dbedd747] .markdown-main-style pre {
  width: 100%;
  overflow-y: auto;
  user-select: text;
}
[data-v-dbedd747] .markdown-main-style blockquote {
  padding: 2px 16px;
  margin: 1rem 0;
  color: var(--main-font-color);
  text-align: left;
  border: 1px solid var(--main-card-border);
  border-left: 8px solid var(--main-card-border);
  background-color: var(--main-card-second-background);
  border-radius: 4px 8px 8px 4px;
}
[data-v-dbedd747] .markdown-main-style blockquote p {
  margin: 0.5rem 0;
}
[data-v-dbedd747] .markdown-main-style ul {
  list-style-type: none;
  padding-left: 1rem;
}
[data-v-dbedd747] .markdown-main-style ul li {
  position: relative;
  padding-left: 1.2rem;
  margin: 0.6rem 0;
  overflow: auto;
}
[data-v-dbedd747] .markdown-main-style ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.7rem;
  width: 0.6rem;
  height: 0.6rem;
  background-color: var(--main-color);
  border-radius: 50%;
}
[data-v-dbedd747] .markdown-main-style ul li p:first-child {
  margin-top: 0;
}
[data-v-dbedd747] .markdown-main-style ul li p:last-child {
  margin-bottom: 0;
}
[data-v-dbedd747] .markdown-main-style ol {
  padding-left: 2rem;
}
[data-v-dbedd747] .markdown-main-style ol li::marker {
  color: var(--main-color);
  font-weight: bold;
}
[data-v-dbedd747] .markdown-main-style .table-container {
  width: 100%;
  margin: 1rem 0;
  border: 1px solid var(--main-card-border);
  border-radius: 8px;
  overflow-y: hidden;
  overflow-x: auto;
}
[data-v-dbedd747] .markdown-main-style .table-container table {
  width: 100%;
  min-width: 512px;
  max-width: 1200px;
  margin: 0 auto;
  border-collapse: collapse;
  border-spacing: 0;
}
[data-v-dbedd747] .markdown-main-style .table-container table td,[data-v-dbedd747] .markdown-main-style .table-container table th {
  margin: 0;
  padding: 0.6rem 1rem;
  line-height: normal;
  letter-spacing: normal;
  vertical-align: middle;
  border: 1px solid var(--main-card-border);
}
[data-v-dbedd747] .markdown-main-style .table-container table thead {
  background-color: var(--main-card-second-background);
}
[data-v-dbedd747] .markdown-main-style .table-container table tbody tr {
  transition: background-color 0.3s;
  cursor: pointer;
}
[data-v-dbedd747] .markdown-main-style .table-container table tbody tr:hover {
  background-color: var(--main-card-second-background);
}
[data-v-dbedd747] .markdown-main-style hr {
  margin: 1rem 0;
  height: 2px;
  border: none;
  background-color: var(--main-card-border);
}
[data-v-dbedd747] .markdown-main-style label {
  cursor: pointer;
}
[data-v-dbedd747] .markdown-main-style mjx-container {
  overflow: auto;
  padding-bottom: 8px;
  font-family: auto;
}
[data-v-dbedd747] .markdown-main-style .custom-block {
  margin: 1rem 0;
  padding: 16px;
  padding-left: 12px;
  border-radius: 8px;
  background-color: var(--main-card-border);
  border-left: 6px solid var(--main-color-gray);
  user-select: none;
}
[data-v-dbedd747] .markdown-main-style .custom-block p {
  margin: 0;
  line-height: normal;
  font-size: 0.95rem;
}
[data-v-dbedd747] .markdown-main-style .custom-block p.custom-block-title {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 6px;
}
[data-v-dbedd747] .markdown-main-style .custom-block.tip {
  background-color: var(--main-info-color-gray);
  border-left-color: var(--main-info-color);
}
[data-v-dbedd747] .markdown-main-style .custom-block.tip p {
  color: var(--main-info-color);
}
[data-v-dbedd747] .markdown-main-style .custom-block.warning {
  background-color: var(--main-warning-color-gray);
  border-left-color: var(--main-warning-color);
}
[data-v-dbedd747] .markdown-main-style .custom-block.warning p {
  color: var(--main-warning-color);
}
[data-v-dbedd747] .markdown-main-style .custom-block.danger {
  background-color: var(--main-error-color-gray);
  border-left-color: var(--main-error-color);
}
[data-v-dbedd747] .markdown-main-style .custom-block.danger p {
  color: var(--main-error-color);
}
[data-v-dbedd747] .markdown-main-style .custom-block.details {
  border: none;
  padding: 0;
  background-color: transparent;
  transition: max-height 0.4s ease-in-out;
  overflow: hidden;
}
[data-v-dbedd747] .markdown-main-style .custom-block.details summary {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
  border-radius: 12px;
  font-weight: bold;
  border: 1px solid var(--main-card-border);
  background-color: var(--main-card-second-background);
  transition: color 0.3s, border-color 0.3s, background-color 0.3s;
  cursor: pointer;
}
[data-v-dbedd747] .markdown-main-style .custom-block.details summary::before {
  content: "\e057";
  font-family: "iconfont";
  margin-right: 6px;
  font-size: 18px;
  transition: transform 0.3s;
}
[data-v-dbedd747] .markdown-main-style .custom-block.details summary::after {
  content: "+";
  margin-left: auto;
}
[data-v-dbedd747] .markdown-main-style .custom-block.details summary:hover {
  color: var(--main-card-background);
  background-color: var(--main-color);
}
[data-v-dbedd747] .markdown-main-style .custom-block.details > :last-child {
  padding: 16px;
  font-size: 1rem;
  border-radius: 0 0 12px 12px;
  border: 1px solid var(--main-card-border);
  background-color: var(--main-card-background);
  border-top: none;
}
[data-v-dbedd747] .markdown-main-style .custom-block.details[open] summary {
  border-radius: 12px 12px 0 0;
  border-color: var(--main-color);
  color: var(--main-card-background);
  background-color: var(--main-color);
}
[data-v-dbedd747] .markdown-main-style .custom-block.details[open] summary::before {
  transform: rotate(90deg);
}
[data-v-dbedd747] .markdown-main-style .custom-block.details[open] summary::after {
  content: "-";
}
[data-v-dbedd747] .markdown-main-style .custom-block.details[open] > :last-child {
  border-color: var(--main-color);
}
[data-v-dbedd747] .markdown-main-style .custom-block.details:hover summary {
  color: var(--main-card-background);
  background-color: var(--main-color);
}
[data-v-dbedd747] .markdown-main-style .plugin-tabs {
  margin: 1rem 0;
  border-radius: 12px;
  background-color: var(--main-card-background);
  border: 1px solid var(--main-card-border);
  overflow: hidden;
}
[data-v-dbedd747] .markdown-main-style .plugin-tabs .plugin-tabs--tab-list {
  padding: 0 12px;
  background-color: var(--main-card-second-background);
  border-bottom: 1px solid var(--main-card-border);
}
[data-v-dbedd747] .markdown-main-style .plugin-tabs .plugin-tabs--tab-list .plugin-tabs--tab {
  padding: 12px 16px;
  margin-right: 12px;
  outline: none;
  border: none;
  line-height: normal;
  font-size: 16px;
  font-weight: bold;
  font-family: var(--main-font-family);
  background-color: transparent;
  border-bottom: 2px solid transparent;
  transition: all 0.3s;
  cursor: pointer;
}
[data-v-dbedd747] .markdown-main-style .plugin-tabs .plugin-tabs--tab-list .plugin-tabs--tab[aria-selected=true] {
  color: var(--main-color);
  border-bottom-color: var(--main-color);
}
[data-v-dbedd747] .markdown-main-style .plugin-tabs .plugin-tabs--content {
  padding: 1rem;
  max-height: 500px;
  overflow: auto;
  animation: show 0.5s forwards;
}
[data-v-dbedd747] .markdown-main-style .timeline {
  position: relative;
  padding: 0 0 1rem 26px;
  cursor: pointer;
}
[data-v-dbedd747] .markdown-main-style .timeline .timeline-title {
  display: inline-block;
  font-size: 14px;
  opacity: 0.6;
  transform: translateY(-2px);
  transition: color 0.3s, opacity 0.3s;
}
[data-v-dbedd747] .markdown-main-style .timeline .timeline-content {
  margin-top: 12px;
  border-radius: 2px 12px 12px 12px;
  padding: 1rem;
  max-width: 80%;
  width: max-content;
  border: 1px solid var(--main-card-border);
  background-color: var(--main-card-second-background);
}
[data-v-dbedd747] .markdown-main-style .timeline .timeline-content > :first-child {
  margin-top: 0;
}
[data-v-dbedd747] .markdown-main-style .timeline .timeline-content > :last-child {
  margin-bottom: 0;
}
[data-v-dbedd747] .markdown-main-style .timeline::after {
  content: "";
  position: absolute;
  top: 7px;
  left: 7px;
  width: 4px;
  height: 100%;
  border-radius: 4px;
  background-color: var(--main-card-border);
  z-index: 0;
}
[data-v-dbedd747] .markdown-main-style .timeline::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 2px solid var(--main-color);
  background-color: var(--main-card-background);
  transition: transform 0.3s;
  z-index: 1;
}
[data-v-dbedd747] .markdown-main-style .timeline:hover .timeline-title {
  opacity: 1;
  color: var(--main-color);
}
[data-v-dbedd747] .markdown-main-style .timeline:hover::before {
  transform: scale(1.2);
}
[data-v-dbedd747] .markdown-main-style .radio {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 1rem 0;
}
[data-v-dbedd747] .markdown-main-style .radio .radio-point {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1rem;
  height: 1rem;
  margin: 0;
  margin-right: 12px;
  outline: 2px solid var(--main-color);
  border-radius: 50%;
}
[data-v-dbedd747] .markdown-main-style .radio .radio-point::after {
  content: "";
  opacity: 0;
  position: absolute;
  width: 65%;
  height: 65%;
  background-color: var(--main-color);
  border-radius: 50%;
}
[data-v-dbedd747] .markdown-main-style .radio .radio-point.checked::after {
  opacity: 1;
}
[data-v-dbedd747] .markdown-main-style .radio p {
  margin: 0;
}
[data-v-dbedd747] .markdown-main-style .card {
  padding: 1rem 1.2rem;
  border-radius: 8px;
  border: 1px solid var(--main-card-border);
  background-color: var(--main-card-second-background);
  box-shadow: 0 8px 16px -4px var(--main-border-shadow);
}
[data-v-dbedd747] .markdown-main-style .card p:first-child {
  margin-top: 0;
}
[data-v-dbedd747] .markdown-main-style .card p:last-child {
  margin-bottom: 0;
}
[data-v-dbedd747] .markdown-main-style .button {
  outline: none;
  border-radius: 8px;
  padding: 6px 16px;
  border: 1px solid var(--main-card-border);
  background-color: var(--main-card-second-background);
  transition: background-color 0.3s;
  cursor: pointer;
}
[data-v-dbedd747] .markdown-main-style .button p,[data-v-dbedd747] .markdown-main-style .button a {
  padding: 0;
  margin: 0;
  font-size: 1rem;
  color: var(--main-font-color);
}
[data-v-dbedd747] .markdown-main-style .button p::before,[data-v-dbedd747] .markdown-main-style .button a::before {
  display: none;
}
[data-v-dbedd747] .markdown-main-style .button.primary {
  color: var(--main-card-background);
  background-color: var(--main-color);
}
[data-v-dbedd747] .markdown-main-style .button:hover {
  background-color: var(--main-card-border);
}
[data-v-dbedd747] .markdown-main-style img.icon {
  display: inline-block;
  width: 1.4em;
  height: 1.4em;
  vertical-align: -0.25em;
  border-radius: 4px;
  object-fit: cover;
  margin: 0 0.2em;
  box-shadow: none !important;
}
[data-v-dbedd747] .markdown-main-style .title-like {
  font-weight: 700;
  font-size: 1.05em;
  position: relative;
  padding-bottom: 2px;
}
[data-v-dbedd747] .markdown-main-style .title-like::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 3px;
  border-radius: 2px;
  background-color: var(--main-color);
  opacity: 0.45;
}
[data-v-dbedd747] .markdown-main-style .text-story {
  font-family: "Georgia", "Noto Serif SC", serif;
  font-style: italic;
  letter-spacing: 0.12em;
  color: var(--main-font-color);
  opacity: 0.85;
}
[data-v-dbedd747] .markdown-main-style .text-repeat {
  letter-spacing: 0.5em;
  font-weight: 600;
  text-shadow: 1px 0 0 var(--main-font-second-color), 2px 0 0 var(--main-card-border), 3px 0 0 var(--main-card-second-background);
}
[data-v-dbedd747] .markdown-main-style .text-zoom {
  font-size: 1.4em;
  font-weight: 700;
  color: var(--main-color);
  line-height: 1.6;
}
[data-v-dbedd747] .markdown-main-style .blur-text {
  filter: blur(5px);
  transition: filter 0.3s ease;
  cursor: pointer;
  user-select: none;
}
[data-v-dbedd747] .markdown-main-style .blur-text:hover {
  filter: blur(0);
  user-select: auto;
}
[data-v-dbedd747] .markdown-main-style .chat-wrap {
  margin: 1.5em 0;
  font-size: 0.9em;
}
[data-v-dbedd747] .markdown-main-style .chat-system {
  text-align: center;
  font-size: 0.82em;
  color: var(--main-font-second-color);
  padding: 0.5em 0;
}
[data-v-dbedd747] .markdown-main-style .chat-caption {
  font-size: 0.82em;
  color: var(--main-font-second-color);
  margin-bottom: 0.15em;
  padding: 0 0.4em;
}
[data-v-dbedd747] .markdown-main-style .chat-body {
  width: fit-content;
  max-width: 75%;
  padding: 0.55em 1em;
  border-radius: 1em;
  line-height: 1.5;
  word-break: break-word;
}
[data-v-dbedd747] .markdown-main-style .chat-body p {
  margin: 0;
}
[data-v-dbedd747] .markdown-main-style .chat-body br {
  display: block;
  content: "";
  margin-top: 0.15em;
}
[data-v-dbedd747] .markdown-main-style .chat-body strong,[data-v-dbedd747] .markdown-main-style .chat-body em {
  color: inherit;
}
[data-v-dbedd747] .markdown-main-style .chat-body code {
  background: rgba(127, 127, 127, 0.15);
  padding: 0.1em 0.3em;
  border-radius: 3px;
  font-size: 0.9em;
  color: inherit;
}
[data-v-dbedd747] .markdown-main-style .chat-user {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
[data-v-dbedd747] .markdown-main-style .chat-user .chat-body {
  background: var(--main-card-background);
  border: 1px solid var(--main-card-border);
  border-start-start-radius: 0.25em;
}
[data-v-dbedd747] .markdown-main-style .chat-myself {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
[data-v-dbedd747] .markdown-main-style .chat-myself .chat-body {
  background: var(--main-color);
  color: #fff;
  border-start-end-radius: 0.25em;
}
[data-v-dbedd747] .markdown-main-style .key-tag {
  display: inline-block;
  margin: 0.1em;
  padding: 0.05em 0.4em 0.1em;
  border-radius: 0.25em;
  box-shadow: inset 0 -0.15em 0 var(--main-card-border);
  background-color: var(--main-card-second-background);
  font-family: var(--main-font-family);
  font-size: 0.88em;
  line-height: 1.5;
  color: var(--main-font-color);
  transition: all 0.1s;
  user-select: none;
  vertical-align: baseline;
}
[data-v-dbedd747] .markdown-main-style .key-tag:active,[data-v-dbedd747] .markdown-main-style .key-tag.active {
  box-shadow: inset 0 -0.1em 0 var(--main-color);
  background-color: var(--main-color-bg);
  color: var(--main-color);
  transform: translateY(0.05em);
}
[data-v-dbedd747] .markdown-main-style .poetry-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2rem 1rem;
  margin: 1.5rem 0;
  border-radius: 12px;
  background-color: var(--main-card-background);
  border: 1px solid var(--main-card-border);
}
[data-v-dbedd747] .markdown-main-style .poetry-wrapper .poetry-title {
  font-size: 1.4em;
  font-weight: 600;
  color: var(--main-font-color);
  margin-bottom: 0.4em;
}
[data-v-dbedd747] .markdown-main-style .poetry-wrapper .poetry-author {
  font-size: 0.9em;
  color: var(--main-font-second-color);
  margin-bottom: 1.5em;
}
[data-v-dbedd747] .markdown-main-style .poetry-wrapper .poetry-body {
  text-align: center;
  line-height: 2;
}
[data-v-dbedd747] .markdown-main-style .poetry-wrapper .poetry-body p {
  margin: 0;
  color: var(--main-font-color);
}
[data-v-dbedd747] .markdown-main-style .poetry-wrapper .poetry-body .poetry-empty {
  height: 1em;
}
[data-v-dbedd747] .markdown-main-style .poetry-wrapper .poetry-footer {
  font-size: 0.9em;
  color: var(--main-font-second-color);
  margin-top: 1.5em;
}
[data-v-dbedd747] .markdown-main-style .link-banner {
  display: block;
  line-height: 1.4;
}
article[data-v-dbedd747] .markdown-main-style .link-banner {
  max-width: 480px;
  margin: 2rem auto;
}
[data-v-dbedd747] .markdown-main-style .link-banner .link-banner-bg {
  display: block;
  width: 100%;
  aspect-ratio: 2.4;
  margin-bottom: -5%;
  mask-image: linear-gradient(#fff 50%, transparent);
  object-fit: cover;
}
[data-v-dbedd747] .markdown-main-style .link-banner .link-banner-info {
  padding: 0.5em 1em;
}
[data-v-dbedd747] .markdown-main-style .link-banner .link-banner-title {
  font-size: 1.2em;
  color: var(--main-font-color);
}
[data-v-dbedd747] .markdown-main-style .link-banner .link-banner-desc {
  margin-top: 0.5em;
  font-size: 0.8em;
  color: var(--main-font-second-color);
}
[data-v-dbedd747] .markdown-main-style .quote-block {
  position: relative;
  padding: 1rem 0;
  isolation: isolate;
}
[data-v-dbedd747] .markdown-main-style .quote-block .quote-icon-line {
  position: relative;
  opacity: 0.5;
  min-height: 0.5em;
  margin-bottom: -0.5em;
  font-size: 4rem;
  color: var(--main-font-second-color);
  mask-image: linear-gradient(#fff, transparent);
  transition: all 0.2s;
  z-index: -1;
  line-height: 1;
}
[data-v-dbedd747] .markdown-main-style .quote-block .quote-icon-text {
  display: inline-block;
}
[data-v-dbedd747] .markdown-main-style .quote-block:hover .quote-icon-line {
  opacity: 1;
  transform: translateY(-0.5rem);
}
[data-v-dbedd747] .markdown-main-style .quote-block .quote-content {
  font-size: 1.2rem;
  line-height: 1.5;
  color: var(--main-font-second-color);
}
[data-v-dbedd747] .markdown-main-style .quote-block .quote-content p {
  margin: 0;
}
[data-v-dbedd747] .markdown-main-style .quote-inline {
  display: inline;
  color: var(--main-font-second-color);
  font-size: 1.05em;
}
[data-v-dbedd747] .markdown-main-style .quote-inline .quote-inline-icon {
  display: inline;
  vertical-align: -0.15em;
  margin-right: 0.2em;
  opacity: 0.6;
  font-size: 1em;
}
.password-protect-wrapper[data-v-dbedd747] {
  width: 100%;
  min-height: 50vh;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: fade-up 0.6s 0.3s backwards;
}
.post[data-v-dbedd747] {
  width: 100%;
  display: flex;
  flex-direction: column;
  animation: fade-up 0.6s 0.1s backwards;
}
.post .post-meta[data-v-dbedd747] {
  padding: 2rem 0 3rem 18px;
  width: 100%;
}
.post .post-meta .meta[data-v-dbedd747] {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.post .post-meta .meta .categories[data-v-dbedd747] {
  margin-right: 12px;
}
.post .post-meta .meta .categories .cat-item[data-v-dbedd747] {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 6px 12px;
  font-size: 14px;
  font-weight: bold;
  border-radius: 8px;
  background-color: var(--main-mask-Inverse-background);
  opacity: 0.8;
}
.post .post-meta .meta .categories .cat-item .iconfont[data-v-dbedd747] {
  margin-right: 6px;
}
.post .post-meta .meta .categories .cat-item[data-v-dbedd747]:hover {
  color: var(--main-color);
  background-color: var(--main-color-bg);
}
.post .post-meta .meta .categories .cat-item:hover .iconfont[data-v-dbedd747] {
  color: var(--main-color);
}
.post .post-meta .meta .tags[data-v-dbedd747] {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.post .post-meta .meta .tags .tag-item[data-v-dbedd747] {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 6px 12px;
  font-size: 14px;
  font-weight: bold;
  border-radius: 8px;
  opacity: 0.8;
}
.post .post-meta .meta .tags .tag-item .iconfont[data-v-dbedd747] {
  margin-right: 4px;
  opacity: 0.6;
  font-weight: normal;
}
.post .post-meta .meta .tags .tag-item[data-v-dbedd747]:hover {
  color: var(--main-color);
  background-color: var(--main-color-bg);
}
.post .post-meta .meta .tags .tag-item:hover .iconfont[data-v-dbedd747] {
  color: var(--main-color);
}
.post .post-meta .title[data-v-dbedd747] {
  font-size: 2.2rem;
  line-height: 1.2;
  color: var(--main-font-color);
  margin: 1.4rem 0;
}
.post .post-meta .other-meta[data-v-dbedd747] {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.post .post-meta .other-meta .meta[data-v-dbedd747] {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 6px 12px;
  font-size: 14px;
  border-radius: 8px;
  opacity: 0.8;
}
.post .post-meta .other-meta .meta .iconfont[data-v-dbedd747] {
  margin-right: 6px;
  transition: color 0.3s;
}
.post .post-meta .other-meta .meta.date[data-v-dbedd747] {
  padding-left: 0;
}
.post .post-meta .other-meta .meta.hot .iconfont[data-v-dbedd747] {
  font-size: 18px;
}
.post .post-meta .other-meta .meta.hover[data-v-dbedd747] {
  transition: color 0.3s, background-color 0.3s;
  cursor: pointer;
}
.post .post-meta .other-meta .meta.hover[data-v-dbedd747]:hover {
  color: var(--main-color);
  background-color: var(--main-color-bg);
}
.post .post-meta .other-meta .meta.hover:hover .iconfont[data-v-dbedd747] {
  color: var(--main-color);
}
.post .post-content[data-v-dbedd747] {
  width: 100%;
  display: flex;
  flex-direction: row;
  animation: fade-up 0.6s 0.3s backwards;
}
.post .post-content .post-article[data-v-dbedd747] {
  width: calc(100% - 300px);
  padding: 1rem 2.2rem 2.2rem 2.2rem;
  user-select: text;
  cursor: auto;
}
.post .post-content .post-article[data-v-dbedd747]:hover {
  border-color: var(--main-card-border);
}
.post .post-content .post-article .expired[data-v-dbedd747] {
  border: solid transparent 0;
  margin: 1.2rem 0 2rem 0;
  padding: 0.8rem 1.2rem;
  border-left: 6px solid var(--main-warning-color);
  border-radius: 8px 16px 16px 8px;
  user-select: none;
}
.post .post-content .post-article .expired strong[data-v-dbedd747] {
  color: var(--main-warning-color);
}
.post .post-content .post-article .other-meta[data-v-dbedd747] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin: 2rem 0;
  opacity: 0.8;
}
.post .post-content .post-article .other-meta .all-tags[data-v-dbedd747] {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.post .post-content .post-article .other-meta .all-tags .tag-item[data-v-dbedd747] {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 6px 12px;
  font-size: 14px;
  font-weight: bold;
  border-radius: 8px;
  background-color: var(--main-card-border);
  margin-right: 12px;
}
.post .post-content .post-article .other-meta .all-tags .tag-item .iconfont[data-v-dbedd747] {
  margin-right: 4px;
  opacity: 0.6;
  font-weight: normal;
}
.post .post-content .post-article .other-meta .all-tags .tag-item[data-v-dbedd747]:hover {
  color: var(--main-color);
  background-color: var(--main-color-bg);
}
.post .post-content .post-article .other-meta .all-tags .tag-item:hover .iconfont[data-v-dbedd747] {
  color: var(--main-color);
}
.post .post-content .post-article .other-meta .report[data-v-dbedd747] {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 6px 12px;
  font-size: 14px;
  font-weight: bold;
  border-radius: 8px;
  background-color: var(--main-card-border);
}
.post .post-content .post-article .other-meta .report .iconfont[data-v-dbedd747] {
  margin-right: 6px;
}
.post .post-content .post-article .other-meta .report[data-v-dbedd747]:hover {
  color: #efefef;
  background-color: var(--main-error-color);
}
.post .post-content .post-article .other-meta .report:hover .iconfont[data-v-dbedd747] {
  color: #efefef;
}
.post .post-content .main-aside[data-v-dbedd747] {
  width: 300px;
  padding-left: 1rem;
}
@media (max-width: 1200px) {
.post .post-content .post-article[data-v-dbedd747] {
    width: 100%;
}
.post .post-content .main-aside[data-v-dbedd747] {
    display: none;
}
}
@media (max-width: 768px) {
.post .post-meta[data-v-dbedd747] {
    padding: 4rem 1.5rem;
}
.post .post-meta .meta[data-v-dbedd747] {
    justify-content: center;
}
.post .post-meta .meta .categories[data-v-dbedd747] {
    margin-right: 0;
}
.post .post-meta .meta .tags[data-v-dbedd747] {
    display: none;
}
.post .post-meta .title[data-v-dbedd747] {
    font-size: 1.6rem;
    text-align: center;
    line-height: 40px;
}
.post .post-meta .other-meta[data-v-dbedd747] {
    justify-content: center;
}
.post .post-content .post-article[data-v-dbedd747] {
    border: none;
    padding: 20px 30px;
}
.post .post-content .post-article .other-meta[data-v-dbedd747] {
    margin: 1rem 0 2rem 0;
    flex-direction: column;
}
.post .post-content .post-article .other-meta .all-tags[data-v-dbedd747] {
    flex-wrap: wrap;
}
.post .post-content .post-article .other-meta .all-tags .tag-item[data-v-dbedd747] {
    margin-top: 12px;
}
.post .post-content .post-article .other-meta .report[data-v-dbedd747] {
    margin-top: 20px;
}
}.pagination[data-v-78eb70d7] {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
  width: 100%;
  height: 40px;
  animation: fade-up 0.6s 0.4s backwards;
}
.pagination .page-item[data-v-78eb70d7] {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  overflow: hidden;
  background-color: var(--main-card-background);
  border: 1px solid var(--main-card-border);
  box-shadow: 0 8px 16px -4px var(--main-border-shadow);
  transition: border-color 0.3s, box-shadow 0.3s;
  cursor: pointer;
}
.pagination .page-item.prev[data-v-78eb70d7], .pagination .page-item.next[data-v-78eb70d7] {
  position: absolute;
  width: 80px;
  left: 0;
}
.pagination .page-item.prev .iconfont[data-v-78eb70d7], .pagination .page-item.next .iconfont[data-v-78eb70d7] {
  transform: rotate(180deg);
  transition: color 0.3s, transform 0.3s;
}
.pagination .page-item.prev .page-text[data-v-78eb70d7], .pagination .page-item.next .page-text[data-v-78eb70d7] {
  opacity: 0;
  margin-left: 4px;
  margin-right: -36px;
  transition: opacity 0.3s, margin 0.3s;
}
.pagination .page-item.next[data-v-78eb70d7] {
  left: auto;
  right: 0;
}
.pagination .page-item.next .iconfont[data-v-78eb70d7] {
  transform: rotate(0);
}
.pagination .page-item.next .page-text[data-v-78eb70d7] {
  margin-right: 4px;
  margin-left: -36px;
}
.pagination .page-item[data-v-78eb70d7]:hover {
  border-color: var(--main-color);
  box-shadow: 0 8px 16px -4px var(--main-color-bg);
}
.pagination .page-item:hover .iconfont[data-v-78eb70d7] {
  color: var(--main-color);
}
.pagination .page-item:hover.prev[data-v-78eb70d7], .pagination .page-item:hover.next[data-v-78eb70d7] {
  color: var(--main-color);
}
.pagination .page-item:hover.prev .page-text[data-v-78eb70d7], .pagination .page-item:hover.next .page-text[data-v-78eb70d7] {
  opacity: 1;
  margin-right: 0;
}
.pagination .page-item:hover.next .page-text[data-v-78eb70d7] {
  margin-right: 4px;
  margin-left: 0;
}
.pagination .page-number[data-v-78eb70d7] {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.pagination .page-number .page-item[data-v-78eb70d7] {
  margin: 0 6px;
}
.pagination .page-number .page-item.choose[data-v-78eb70d7] {
  color: var(--main-card-background);
  border-color: var(--main-color);
  background-color: var(--main-color);
  box-shadow: 0 8px 16px -4px var(--main-color-bg);
}
.pagination .page-number .point[data-v-78eb70d7] {
  margin: 0 4px;
  transform: translateY(-8px);
  font-size: 22px;
}
.pagination .page-number .fast-jump[data-v-78eb70d7] {
  position: relative;
  margin: 0 6px;
}
.pagination .page-number .fast-jump input[data-v-78eb70d7] {
  border: none;
  outline: none;
  background: none;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  padding: 0 8px;
  font-size: 16px;
  color: var(--main-font-color);
  background-color: var(--main-card-background);
  border: 1px solid var(--main-card-border);
  box-shadow: 0 8px 16px -4px var(--main-border-shadow);
  transition: all 0.3s;
}
.pagination .page-number .fast-jump .iconfont[data-v-78eb70d7] {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 5px;
  right: 5px;
  width: 30px;
  height: 30px;
  border-radius: 4px;
  background-color: var(--main-card-background);
  transition: color 0.3s, opacity 0.3s, background-color 0.3s;
  cursor: pointer;
}
.pagination .page-number .fast-jump .iconfont[data-v-78eb70d7]:hover {
  color: var(--main-card-background);
  background-color: var(--main-color);
}
.pagination .page-number .fast-jump.focus input[data-v-78eb70d7], .pagination .page-number .fast-jump:hover input[data-v-78eb70d7] {
  width: 100px;
  border-color: var(--main-color);
  box-shadow: 0 8px 16px -4px var(--main-color-bg);
}
.pagination .page-number .fast-jump.focus .iconfont[data-v-78eb70d7], .pagination .page-number .fast-jump:hover .iconfont[data-v-78eb70d7] {
  opacity: 0.2;
  pointer-events: none;
}
.pagination .page-number .fast-jump.focus .iconfont.click[data-v-78eb70d7], .pagination .page-number .fast-jump:hover .iconfont.click[data-v-78eb70d7] {
  opacity: 1;
  pointer-events: all;
}
@media (max-width: 768px) {
.pagination .page-number[data-v-78eb70d7] {
    display: none;
}
.pagination .page-item[data-v-78eb70d7]:first-child {
    margin-right: 10px;
}
.pagination .page-item[data-v-78eb70d7]:last-child {
    margin-left: 10px;
}
}.type-bar[data-v-25671946] {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
  padding: 0.6rem;
  font-weight: bold;
  animation: fade-up 0.6s 0.3s backwards;
}
.type-bar .all-type[data-v-25671946] {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-right: 12px;
  overflow: hidden;
  mask: linear-gradient(90deg, #fff 0, #fff 90%, hsla(0, 0%, 100%, 0.6) 95%, hsla(0, 0%, 100%, 0) 100%);
}
.type-bar .all-type .type-item[data-v-25671946] {
  display: flex;
  align-items: center;
  padding: 0.1rem 0.5rem;
  margin-right: 6px;
  font-weight: bold;
  border-radius: 8px;
  white-space: nowrap;
  height: 30px;
  cursor: pointer;
}
.type-bar .all-type .type-item .num[data-v-25671946] {
  margin-left: 4px;
  font-weight: normal;
  padding: 2px 6px;
  font-size: 0.75rem;
  color: var(--main-font-color);
  background-color: var(--main-card-border);
  border-radius: 8px;
}
.type-bar .all-type .type-item.choose[data-v-25671946] {
  color: var(--main-card-background);
  background-color: var(--main-color);
}
.type-bar .all-type .type-item.choose .num[data-v-25671946] {
  color: var(--main-color);
}
.type-bar .all-type .type-item.hidden[data-v-25671946] {
  display: none;
}
.type-bar .all-type .type-item[data-v-25671946]:hover {
  color: var(--main-card-background);
  background-color: var(--main-color);
}
.type-bar .more-type[data-v-25671946] {
  display: flex;
  flex-direction: row;
  align-items: center;
  white-space: nowrap;
  margin-right: 4px;
  margin-left: 8px;
}
.type-bar .more-type .iconfont[data-v-25671946] {
  font-size: 0.9375rem;
  margin-right: 8px;
}
.type-bar .more-type:hover .iconfont[data-v-25671946] {
  color: var(--main-color);
}
/* 样式保持不变 */
.banner[data-v-1d9b2d9f] {
  height: 300px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  animation: fade-up 0.6s 0.1s backwards;
  transition: height 0.3s;
}
.banner.full[data-v-1d9b2d9f] {
  opacity: 0;
  height: calc(100vh - 70px);
  padding-bottom: 100px;
  animation: fade-up 0.6s 0.5s forwards;
}
.banner.full .subtitle[data-v-1d9b2d9f] {
  opacity: 0;
  animation: fade-up-opacity 0.8s 0.5s forwards;
}
.banner .title[data-v-1d9b2d9f] {
  font-family: "Site Title";
  font-weight: bold;
  font-size: 2.75rem;
}
.banner .subtitle[data-v-1d9b2d9f] {
  width: 80%;
  font-size: 1.25rem;
  opacity: 0.8;
  animation: fade-up-opacity 0.6s 0.1s backwards;
}
.banner .subtitle .text[data-v-1d9b2d9f] {
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-clamp: 2;
}
.banner .icon-up[data-v-1d9b2d9f] {
  font-size: 20px;
  position: absolute;
  bottom: 60px;
  left: calc(50% - 10px);
  transform: rotate(180deg);
  animation: moveDown 2s ease-in-out infinite;
  cursor: pointer;
}
@media (max-width: 768px) {
.banner[data-v-1d9b2d9f] {
    align-items: flex-start;
    height: 240px;
}
.banner .title[data-v-1d9b2d9f] {
    font-size: 2.25rem;
}
.banner .subtitle[data-v-1d9b2d9f] {
    height: 50px;
    font-size: 1.125rem;
    margin-left: 8px;
}
.banner .subtitle .text[data-v-1d9b2d9f] {
    text-align: left;
}
}
.banner-page[data-v-1d9b2d9f] {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 2rem;
  min-height: 380px;
  background-size: cover;
}
.banner-page .top[data-v-1d9b2d9f] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2rem;
}
.banner-page .top .title[data-v-1d9b2d9f] {
  display: flex;
  flex-direction: column;
}
.banner-page .top .title .title-small[data-v-1d9b2d9f] {
  color: var(--main-font-second-color);
  font-size: 0.875rem;
}
.banner-page .top .title .title-big[data-v-1d9b2d9f] {
  font-size: 2.25rem;
  font-weight: bold;
  line-height: 1.2;
  margin-top: 12px;
}
.banner-page .footer[data-v-1d9b2d9f] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-top: auto;
}
.banner-page .footer .footer-left[data-v-1d9b2d9f] {
  margin-top: auto;
  color: var(--main-font-second-color);
  opacity: 0.8;
}
.banner-page.image[data-v-1d9b2d9f] {
  color: #fff !important;
}
.banner-page.image .top .title-small[data-v-1d9b2d9f] {
  color: #fff;
  opacity: 0.6;
}
.banner-page.image .footer .footer-left[data-v-1d9b2d9f] {
  color: #fff;
}
.banner-page.image .footer[data-v-1d9b2d9f] .iconfont {
  color: #fff !important;
}
@media (max-width: 1200px) {
.banner-page[data-v-1d9b2d9f] {
    min-height: 300px;
}
}
@media (max-width: 768px) {
.banner-page[data-v-1d9b2d9f] {
    min-height: 260px;
}
.banner-page .top-right[data-v-1d9b2d9f],
  .banner-page .footer-right[data-v-1d9b2d9f] {
    display: none;
}
}#moment-ticker[data-v-1760978c] {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  margin: 0.5rem auto;
  padding: 0.5rem 1rem;
  background-color: var(--main-card-background);
  border: 1px solid var(--main-card-border);
  border-radius: 12px;
  backdrop-filter: blur(15px);
  transition: all 0.3s;
  user-select: none;
}
#moment-ticker[data-v-1760978c]:hover {
  border-color: var(--main-color);
  box-shadow: var(--main-border-shadow);
}
.ticker-logo[data-v-1760978c] {
  width: 1.2rem;
  height: 1.2rem;
  margin-right: 0.5rem;
  fill: var(--main-color);
  cursor: pointer;
  transition: opacity 0.3s;
  flex-shrink: 0;
  animation: bounce-1760978c 1s infinite;
}
.ticker-logo[data-v-1760978c]:hover {
  opacity: 0.8;
}
@keyframes bounce-1760978c {
0%, 100% {
    transform: translateY(0);
}
50% {
    transform: translateY(-5px);
}
}
.ticker-icon[data-v-1760978c] {
  font-size: 1.2rem;
  margin-right: 0.8rem;
  color: var(--main-color);
  cursor: pointer;
  transition: opacity 0.3s;
  flex-shrink: 0;
}
.ticker-icon[data-v-1760978c]:hover {
  opacity: 0.8;
}
.ticker-wrapper[data-v-1760978c] {
  flex: 1;
  overflow: hidden;
  height: 24px;
  line-height: 24px;
  cursor: pointer;
  position: relative;
}
.ticker-content[data-v-1760978c] {
  display: flex;
  flex-direction: column;
}
.ticker-item[data-v-1760978c] {
  display: flex;
  align-items: center;
  height: 24px;
  min-height: 24px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--main-font-color);
  font-size: 0.9rem;
  padding-left: 4px;
}
.ticker-item .item-tag[data-v-1760978c] {
  color: var(--main-color);
  font-weight: 500;
  margin-right: 0.4rem;
  flex-shrink: 0;
}
.ticker-item .item-text[data-v-1760978c] {
  overflow: hidden;
  text-overflow: ellipsis;
}
.ticker-arrow[data-v-1760978c] {
  font-size: 1rem;
  margin-left: 0.8rem;
  color: var(--main-font-second-color);
  cursor: pointer;
  transition: all 0.3s;
  flex-shrink: 0;
}
.ticker-arrow[data-v-1760978c]:hover {
  color: var(--main-color);
  transform: translateX(2px);
}
#moment-ticker:hover .ticker-content[data-v-1760978c] {
  opacity: 1 !important;
  transform: translateY(0) !important;
}
@media (max-width: 768px) {
#moment-ticker[data-v-1760978c] {
    padding: 0.4rem 0.8rem;
    margin: 0.5rem;
    width: calc(100% - 1rem);
}
.ticker-icon[data-v-1760978c] {
    font-size: 1rem;
    margin-right: 0.5rem;
}
.ticker-wrapper[data-v-1760978c] {
    height: 22px;
    line-height: 22px;
}
.ticker-item[data-v-1760978c] {
    height: 22px;
    font-size: 0.85rem;
}
.ticker-arrow[data-v-1760978c] {
    font-size: 0.9rem;
    margin-left: 0.5rem;
}
}.home .home-content[data-v-56775a3d] {
  width: 100%;
  display: flex;
  flex-direction: row;
}
.home .home-content .posts-content[data-v-56775a3d] {
  width: calc(100% - 300px);
  transition: width 0.3s;
}
.home .home-content .main-aside[data-v-56775a3d] {
  width: 300px;
  padding-left: 1rem;
}
@media (max-width: 1200px) {
.home .home-content .posts-content[data-v-56775a3d] {
    width: 100%;
}
.home .home-content .main-aside[data-v-56775a3d] {
    display: none;
}
}.not-found-content[data-v-485a21a4] {
  animation: fade-up 0.6s 0.1s backwards;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 4rem 0;
}
.not-found-content .title[data-v-485a21a4] {
  font-size: 8rem;
  margin: 2rem 0;
  line-height: 1;
}
.not-found-content .title-tip[data-v-485a21a4] {
  font-size: 2rem;
  opacity: 0.6;
}
.not-found-content .to-home[data-v-485a21a4] {
  margin-top: 2rem;
  padding: 12px 26px;
  font-size: 20px;
  color: var(--main-font-color);
  background-color: var(--main-card-border);
  border-radius: 12px;
  outline: none;
  border: none;
  transition: color 0.3s, background-color 0.3s;
  cursor: pointer;
}
.not-found-content .to-home[data-v-485a21a4]:hover {
  color: var(--main-card-background);
  background-color: var(--main-color);
}#docsearch-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  z-index: -1;
  opacity: 0;
  pointer-events: none;
}
.DocSearch-Container {
  --docsearch-text-color: var(--main-font-color);
  --docsearch-muted-color: var(--main-font-second-color);
  --docsearch-container-background: rgba(0, 0, 0, 0.6);
  --docsearch-modal-background: var(--main-card-background);
  --docsearch-modal-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
  --docsearch-searchbox-background: var(--main-card-second-background);
  --docsearch-searchbox-focus-background: var(--main-card-second-background);
  --docsearch-hit-color: var(--main-font-color);
  --docsearch-hit-active-color: var(--main-font-color);
  --docsearch-hit-background: var(--main-card-second-background);
  --docsearch-hit-shadow: none;
  --docsearch-key-gradient: linear-gradient(-225deg, var(--main-card-border), var(--main-card-background));
  --docsearch-key-shadow: inset 0 -2px 0 0 var(--main-card-border), inset 0 0 1px 1px var(--main-card-border);
  --docsearch-footer-background: var(--main-card-second-background);
  --docsearch-footer-shadow: 0 -1px 0 0 var(--main-card-border);
  --docsearch-logo-color: var(--main-color);
  --docsearch-highlight-color: var(--main-color);
  z-index: 9999;
}
.DocSearch-Modal {
  background-color: var(--main-card-background);
  border: 1px solid var(--main-card-border);
  border-radius: 16px;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
  max-width: 720px;
  margin: 60px auto auto;
}
.DocSearch-SearchBar {
  border-bottom: 1px solid var(--main-card-border);
  padding: 16px;
}
.DocSearch-Form {
  background-color: var(--main-card-second-background);
  border: 1px solid var(--main-card-border);
  border-radius: 12px;
  height: 48px;
}
.DocSearch-Form:focus-within {
  border-color: var(--main-color);
  box-shadow: 0 0 0 3px var(--main-color-bg);
}
.DocSearch-MagnifierLabel {
  color: var(--main-font-second-color);
  margin-left: 12px;
}
.DocSearch-Input {
  color: var(--main-font-color);
  font-family: var(--main-font-family);
  font-size: 16px;
  padding: 0 12px;
}
.DocSearch-Input::placeholder {
  color: var(--main-font-second-color);
}
.DocSearch-Reset {
  color: var(--main-font-second-color);
  margin-right: 8px;
}
.DocSearch-Reset:hover {
  color: var(--main-color);
}
.DocSearch-Cancel {
  color: var(--main-color);
  font-size: 14px;
  margin-left: 12px;
}
.DocSearch-Dropdown {
  background-color: var(--main-card-background);
  padding: 0 16px 16px;
  max-height: 500px;
  overflow-y: auto;
}
.DocSearch-Hit {
  border-radius: 10px;
  margin-bottom: 8px;
}
.DocSearch-Hit a {
  background-color: var(--main-card-second-background);
  border: 1px solid transparent;
  border-radius: 10px;
  padding: 12px;
  transition: all 0.2s ease;
}
.DocSearch-Hit a:hover {
  background-color: var(--main-color-bg);
  border-color: var(--main-color);
}
.DocSearch-Hit[aria-selected=true] a {
  background-color: var(--main-color-bg);
  border-color: var(--main-color);
}
.DocSearch-Hit-source {
  color: var(--main-font-color);
  background-color: var(--main-card-background);
  font-weight: 600;
  font-size: 14px;
  padding: 12px 0 8px;
}
.DocSearch-Hit-title {
  color: var(--main-font-color);
  font-size: 14px;
  line-height: 1.5;
}
.DocSearch-Hit-path {
  color: var(--main-font-second-color);
  font-size: 12px;
  margin-top: 4px;
}
.DocSearch-Hit-icon {
  color: var(--main-font-second-color);
}
.DocSearch-Hit-Tree {
  color: var(--main-font-second-color);
}
.DocSearch-Highlight {
  color: var(--main-color);
  background: transparent;
  font-weight: 600;
}
.DocSearch-NoResults {
  padding: 40px 0;
}
.DocSearch-NoResults .DocSearch-Title {
  color: var(--main-font-color);
  font-size: 16px;
}
.DocSearch-NoResults .DocSearch-Help {
  color: var(--main-font-second-color);
  font-size: 14px;
  margin-top: 8px;
}
.DocSearch-Title strong {
  color: var(--main-color);
}
.DocSearch-StartScreen {
  padding: 20px 0;
}
.DocSearch-StartScreen .DocSearch-Help {
  color: var(--main-font-second-color);
  font-size: 14px;
}
.DocSearch-RecentSearches .DocSearch-Label {
  color: var(--main-font-second-color);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.DocSearch-RecentSearches-Item {
  background-color: var(--main-card-second-background);
  border: 1px solid transparent;
  border-radius: 8px;
  margin-top: 8px;
}
.DocSearch-RecentSearches-Item:hover {
  background-color: var(--main-color-bg);
  border-color: var(--main-color);
}
.DocSearch-RecentSearches-Item .DocSearch-DeleteIcon,
.DocSearch-RecentSearches-Item .DocSearch-FavoriteIcon {
  color: var(--main-font-second-color);
}
.DocSearch-RecentSearches-Item .DocSearch-DeleteIcon:hover,
.DocSearch-RecentSearches-Item .DocSearch-FavoriteIcon:hover {
  color: var(--main-color);
}
.DocSearch-Footer {
  background-color: var(--main-card-second-background);
  border-top: 1px solid var(--main-card-border);
  border-radius: 0 0 16px 16px;
  padding: 12px 16px;
}
.DocSearch-Logo .DocSearch-Label {
  color: var(--main-font-second-color);
  font-size: 12px;
}
.DocSearch-Logo svg {
  color: var(--main-color);
}
.DocSearch-Commands {
  color: var(--main-font-second-color);
  font-size: 12px;
}
.DocSearch-Commands .DocSearch-Commands-Key {
  background-color: var(--main-card-background);
  border: 1px solid var(--main-card-border);
  border-radius: 4px;
  color: var(--main-font-color);
  padding: 2px 6px;
  font-size: 11px;
}
.DocSearch-ErrorScreen {
  padding: 40px 0;
}
.DocSearch-ErrorScreen .DocSearch-Title {
  color: var(--main-font-color);
  font-size: 16px;
}
.DocSearch-ErrorScreen .DocSearch-Help {
  color: var(--main-font-second-color);
  font-size: 14px;
  margin-top: 8px;
}
.DocSearch-Screen-Reader {
  color: var(--main-font-color);
}
.DocSearch-LoadingIndicator {
  color: var(--main-color);
}
@media (max-width: 768px) {
.DocSearch-Container {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-top: 60px;
}
.DocSearch-Modal {
    margin: 0;
    border-radius: 12px;
    max-width: calc(100% - 32px);
    width: 100%;
    max-height: calc(100vh - 120px);
    height: auto;
    position: relative;
    top: 0;
}
.DocSearch-SearchBar {
    padding: 12px;
}
.DocSearch-Form {
    height: 44px;
}
.DocSearch-Dropdown {
    max-height: calc(100vh - 220px);
}
.DocSearch-Footer {
    border-radius: 0 0 12px 12px;
    padding: 8px 12px;
}
.DocSearch-Commands {
    display: none;
}
}.mobile-menu[data-v-f3346df9] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 3000;
}
.mobile-menu .menu-mask[data-v-f3346df9] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: var(--main-mask-background);
}
.mobile-menu .menu-content[data-v-f3346df9] {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  max-width: 300px;
  border-radius: 12px 0 0 12px;
  padding: 20px;
  overflow: auto;
}
.mobile-menu .menu-content .close-control[data-v-f3346df9] {
  position: absolute;
  top: 10px;
  right: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  padding: 0;
  transition: background-color 0.3s, opacity 0.3s;
  border-radius: 50%;
  cursor: pointer;
}
.mobile-menu .menu-content .close-control .iconfont[data-v-f3346df9] {
  font-size: 18px;
  line-height: 1;
  color: var(--main-font-second-color);
  transition: color 0.3s, opacity 0.3s;
}
.mobile-menu .menu-content .close-control[data-v-f3346df9]:hover {
  background-color: var(--main-color);
}
.mobile-menu .menu-content .close-control:hover .iconfont[data-v-f3346df9] {
  color: var(--main-card-background);
}
.mobile-menu .menu-content .menu-list[data-v-f3346df9] {
  margin-bottom: 20px;
}
.mobile-menu .menu-content .menu-list[data-v-f3346df9]:last-child {
  margin-bottom: 0;
}
.mobile-menu .menu-content .menu-item[data-v-f3346df9] {
  margin-bottom: 12px;
}
.mobile-menu .menu-content .menu-item .link-title[data-v-f3346df9] {
  font-size: 14px;
  margin-bottom: 12px;
  display: inline-block;
  color: var(--main-font-second-color);
}
.mobile-menu .menu-content .menu-item .link-child[data-v-f3346df9] {
  display: grid;
  gap: 12px;
  grid-template-columns: 1fr 1fr;
}
.mobile-menu .menu-content .menu-item .link-child .link-child-btn[data-v-f3346df9] {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  border-radius: 8px;
  padding: 10px 12px;
  background-color: var(--main-card-background);
  border: 1px solid var(--main-card-border);
  box-shadow: 0 8px 16px -4px var(--main-border-shadow);
  font-size: 15px;
}
.mobile-menu .menu-content .menu-item .link-child .link-child-btn .iconfont[data-v-f3346df9] {
  margin-right: 6px;
  opacity: 0.6;
}
.mobile-menu .menu-content .menu-item .link-child .link-child-btn[data-v-f3346df9] .iconify {
  margin-right: 6px;
  opacity: 0.6;
}
.mobile-menu .menu-content .menu-item .link-child .link-child-btn .name[data-v-f3346df9] {
  max-width: 80px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mobile-menu .menu-content .menu-item .link-child .link-child-btn .num[data-v-f3346df9] {
  opacity: 0.4;
  font-size: 12px;
  margin-bottom: auto;
  margin-left: 4px;
}
.mobile-menu .menu-content .menu-item[data-v-f3346df9]:last-child {
  margin-bottom: 0;
}
.mobile-menu .menu-content hr[data-v-f3346df9] {
  margin: 1rem 0;
  opacity: 0.4;
  border: 1px dashed var(--main-font-second-color);
}
.main-header[data-v-819a47d4] {
  position: relative;
  width: 100%;
  height: 60px;
  overflow: hidden;
  z-index: 1000;
  animation: show 0.3s backwards;
}
.main-header .main-nav[data-v-819a47d4] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 60px;
  background-color: var(--main-card-background);
  transition: background-color 0.3s, backdrop-filter 0.3s;
}
.main-header .main-nav[data-v-819a47d4]::after {
  content: "";
  position: absolute;
  height: 1px;
  width: 100%;
  left: 0;
  bottom: 0;
  background-color: var(--main-card-border);
  transition: opacity 0.3s;
}
.main-header .main-nav.top[data-v-819a47d4] {
  background-color: transparent;
  outline: 0px;
}
.main-header .main-nav.top[data-v-819a47d4]::after {
  opacity: 0;
}
.main-header .main-nav.top .nav-all .site-menu[data-v-819a47d4], .main-header .main-nav.up .nav-all .site-menu[data-v-819a47d4] {
  transform: translateY(0);
  opacity: 1;
}
.main-header .main-nav.top .nav-all .site-title[data-v-819a47d4], .main-header .main-nav.up .nav-all .site-title[data-v-819a47d4] {
  transform: translateY(50px);
  opacity: 0;
}
@media (max-width: 768px) {
.main-header .main-nav.top .nav-center[data-v-819a47d4], .main-header .main-nav.up .nav-center[data-v-819a47d4] {
    top: -80px;
}
}
.main-header .nav-all[data-v-819a47d4] {
  position: relative;
  width: 100%;
  height: 100%;
  max-width: 1400px;
  padding: 0 2rem;
  display: grid;
  grid-template-columns: minmax(200px, 1fr) auto minmax(200px, 1fr);
  align-items: center;
}
.main-header .nav-all .left-nav[data-v-819a47d4] {
  display: flex;
  flex-direction: row;
  align-items: center;
  min-width: 200px;
}
.main-header .nav-all .left-nav .more-menu[data-v-819a47d4] {
  position: relative;
  margin-right: 4px;
}
@media (max-width: 512px) {
.main-header .nav-all .left-nav .more-menu[data-v-819a47d4] {
    display: none;
}
}
.main-header .nav-all .left-nav .more-menu .more-card[data-v-819a47d4] {
  position: absolute;
  left: 0;
  top: 46px;
  opacity: 0;
  visibility: hidden;
  transform-origin: left top;
  transform: scale(0.8) translateY(-5px);
}
.main-header .nav-all .left-nav .more-menu .more-card .more-item[data-v-819a47d4] {
  margin-top: 0.8rem;
}
.main-header .nav-all .left-nav .more-menu .more-card .more-item[data-v-819a47d4]:first-child {
  margin-top: 0;
}
.main-header .nav-all .left-nav .more-menu .more-card .more-item .more-name[data-v-819a47d4] {
  font-size: 14px;
  display: inline-block;
  color: var(--main-font-second-color);
  margin-bottom: 0.6rem;
}
.main-header .nav-all .left-nav .more-menu .more-card .more-item .more-list[data-v-819a47d4] {
  display: grid;
  gap: 0.8rem;
  grid-template-columns: 1fr 1fr;
}
.main-header .nav-all .left-nav .more-menu .more-card .more-item .more-list .more-link[data-v-819a47d4] {
  display: flex;
  align-items: center;
  width: 150px;
  padding: 6px 8px;
  border-radius: 8px;
}
.main-header .nav-all .left-nav .more-menu .more-card .more-item .more-list .more-link .link-icon[data-v-819a47d4] {
  width: 24px;
  height: 24px;
  margin-right: 8px;
  flex-shrink: 0;
}
.main-header .nav-all .left-nav .more-menu .more-card .more-item .more-list .more-link .link-icon-wrap[data-v-819a47d4] {
  width: 24px;
  height: 24px;
  margin-right: 8px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
}
.main-header .nav-all .left-nav .more-menu .more-card .more-item .more-list .more-link .link-icon-wrap[data-v-819a47d4] svg {
  width: 24px;
  height: 24px;
}
.main-header .nav-all .left-nav .more-menu .more-card .more-item .more-list .more-link .link-icon-img[data-v-819a47d4] {
  border-radius: 50%;
  object-fit: cover;
}
.main-header .nav-all .left-nav .more-menu .more-card .more-item .more-list .more-link[data-v-819a47d4]:hover {
  color: var(--main-card-background);
  background-color: var(--main-color);
}
.main-header .nav-all .left-nav .more-menu .more-card[data-v-819a47d4]::after {
  content: "";
  position: absolute;
  top: -20px;
  left: 0;
  width: 100%;
  height: 30px;
  z-index: 1;
}
.main-header .nav-all .left-nav .more-menu .more-card[data-v-819a47d4]:hover {
  border-color: var(--main-color);
}
.main-header .nav-all .left-nav .more-menu:hover .more-card[data-v-819a47d4] {
  opacity: 1;
  transform: scale(1) translateY(0);
  visibility: visible;
}
.main-header .nav-all .left-nav .site-name[data-v-819a47d4] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: bold;
  height: 34px;
  padding: 0 6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: transform 0.3s;
  cursor: pointer;
}
.main-header .nav-all .left-nav .site-name[data-v-819a47d4]::after {
  content: "\e032";
  font-family: "iconfont";
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: var(--main-card-background);
  background-color: var(--main-color);
  font-size: 22px;
  border-radius: 25px;
  opacity: 0;
  transition: opacity 0.3s;
}
@media (min-width: 768px) {
.main-header .nav-all .left-nav .site-name[data-v-819a47d4]:hover::after {
    opacity: 1;
}
.main-header .nav-all .left-nav .site-name[data-v-819a47d4]:active {
    transform: scale(0.95);
}
}
.main-header .nav-all .nav-center[data-v-819a47d4] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  width: 100%;
  height: 60px;
  overflow: hidden;
  transition: top 0.3s;
}
.main-header .nav-all .nav-center .site-menu[data-v-819a47d4] {
  position: absolute;
  width: fit-content;
  min-height: 60px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  z-index: 10;
  opacity: 0;
  transform: translateY(-50px);
  transition: transform 0.3s, opacity 0.3s;
}
.main-header .nav-all .nav-center .site-menu .menu-item[data-v-819a47d4] {
  position: relative;
  padding: 0 0.4rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: auto;
  cursor: pointer;
}
.main-header .nav-all .nav-center .site-menu .menu-item .link-btn[data-v-819a47d4] {
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 0.2rem;
  padding: 0 0.8rem 0 1rem;
  font-weight: bold;
  height: 35px;
  line-height: 35px;
  border-radius: 50px;
  transition: color 0.3s, background-color 0.3s;
}
.main-header .nav-all .nav-center .site-menu .menu-item .link-child[data-v-819a47d4] {
  position: absolute;
  top: 35px;
  margin-top: 8px;
  padding: 6px 2px;
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: var(--main-card-background);
  border: 1px solid var(--main-color);
  box-shadow: 0 8px 12px -3px var(--main-color-bg);
  border-radius: 50px;
  transform: translateY(-10px) scale(0.8);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s, transform 0.3s;
}
.main-header .nav-all .nav-center .site-menu .menu-item .link-child[data-v-819a47d4]::before {
  content: "";
  position: absolute;
  top: -14px;
  left: 0;
  width: 100%;
  height: 20px;
}
.main-header .nav-all .nav-center .site-menu .menu-item .link-child .link-child-btn[data-v-819a47d4] {
  display: flex;
  align-items: center;
  border-radius: 100px;
  margin: 0 4px;
  padding: 0.6rem 0.8rem;
  white-space: nowrap;
  transition: color 0.3s, padding 0.3s, background-color 0.3s, box-shadow 0.3s;
}
.main-header .nav-all .nav-center .site-menu .menu-item .link-child .link-child-btn .iconfont[data-v-819a47d4] {
  margin-right: 8px;
  font-size: 20px;
  transition: color 0.3s;
}
.main-header .nav-all .nav-center .site-menu .menu-item .link-child .link-child-btn[data-v-819a47d4] .iconify {
  margin-right: 8px;
  font-size: 20px;
  transition: color 0.3s;
}
.main-header .nav-all .nav-center .site-menu .menu-item .link-child .link-child-btn[data-v-819a47d4]:hover {
  color: var(--main-card-background);
  background-color: var(--main-color);
  box-shadow: 0 8px 12px -3px var(--main-color-bg);
  padding: 0.6rem 1rem;
}
.main-header .nav-all .nav-center .site-menu .menu-item .link-child .link-child-btn:hover .iconfont[data-v-819a47d4] {
  color: var(--main-card-background);
}
.main-header .nav-all .nav-center .site-menu .menu-item .link-child .link-child-btn[data-v-819a47d4]:hover .iconify {
  color: var(--main-card-background);
}
.main-header .nav-all .nav-center .site-menu .menu-item:first-child .link-child[data-v-819a47d4]::after {
  content: "";
  position: absolute;
  top: -60px;
  left: 0;
  width: 50%;
  height: 60px;
}
.main-header .nav-all .nav-center .site-menu .menu-item:last-child .link-child[data-v-819a47d4]::after {
  content: "";
  position: absolute;
  top: -60px;
  right: 0;
  width: 50%;
  height: 60px;
}
.main-header .nav-all .nav-center .site-menu .menu-item:hover .link-btn[data-v-819a47d4] {
  color: var(--main-card-background);
  background-color: var(--main-color);
}
.main-header .nav-all .nav-center .site-menu .menu-item:hover .link-child[data-v-819a47d4] {
  transform: translateY(0) scale(1);
  opacity: 1;
  visibility: visible;
}
.main-header .nav-all .nav-center .site-title[data-v-819a47d4] {
  position: relative;
  display: inline-block;
  width: 100%;
  min-width: 280px;
  height: 35px;
  font-weight: bold;
  font-size: 18px;
  padding: 4px 8px;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  transition: transform 0.3s, opacity 0.3s;
  cursor: pointer;
}
.main-header .nav-all .nav-center .site-title[data-v-819a47d4]::after {
  content: "返回顶部";
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 35px;
  font-size: 16px;
  border-radius: 50px;
  color: var(--main-card-background);
  background-color: var(--main-color);
  opacity: 0;
  transition: opacity 0.3s;
  z-index: 1;
}
.main-header .nav-all .nav-center .site-title[data-v-819a47d4]:hover::after {
  opacity: 1;
}
.main-header .nav-all .nav-center .site-title[data-v-819a47d4]:active {
  transform: scale(0.95);
}
@media (max-width: 768px) {
.main-header .nav-all .nav-center .site-title[data-v-819a47d4]::after {
    display: none;
}
}
.main-header .nav-all .right-nav[data-v-819a47d4] {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  min-width: 200px;
}
.main-header .nav-all .right-nav .menu-btn[data-v-819a47d4] {
  margin-left: 0.5rem;
}
.main-header .nav-all .right-nav .menu-btn.mobile[data-v-819a47d4] {
  display: none;
}
@media (max-width: 768px) {
.main-header .nav-all .right-nav .menu-btn.mobile[data-v-819a47d4] {
    display: flex;
}
.main-header .nav-all .right-nav .menu-btn.pc[data-v-819a47d4] {
    display: none;
}
}
.main-header .nav-all .right-nav .to-top[data-v-819a47d4] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  transition: all 0.3s;
  cursor: pointer;
}
.main-header .nav-all .right-nav .to-top .to-top-btn[data-v-819a47d4] {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  border-radius: 40px;
  background-color: var(--main-font-color);
  transition: width 0.3s, height 0.3s, background-color 0.3s;
}
.main-header .nav-all .right-nav .to-top .to-top-btn .num[data-v-819a47d4] {
  position: absolute;
  font-size: 12px;
  color: var(--main-card-background);
  transition: opacity 0.1s;
}
.main-header .nav-all .right-nav .to-top .to-top-btn .icon-up[data-v-819a47d4] {
  position: absolute;
  color: var(--main-card-background);
  opacity: 0;
  transition: opacity 0.3s;
}
.main-header .nav-all .right-nav .to-top.hidden[data-v-819a47d4] {
  width: 0;
  opacity: 0;
  transform: scale(0);
  margin: 0;
}
.main-header .nav-all .right-nav .to-top.long[data-v-819a47d4] {
  width: 80px;
}
.main-header .nav-all .right-nav .to-top.long .to-top-btn[data-v-819a47d4] {
  width: 70px;
}
.main-header .nav-all .right-nav .to-top:hover .to-top-btn[data-v-819a47d4] {
  width: 35px;
  height: 35px;
  background-color: var(--main-color);
}
.main-header .nav-all .right-nav .to-top:hover .to-top-btn .num[data-v-819a47d4] {
  opacity: 0;
}
.main-header .nav-all .right-nav .to-top:hover .to-top-btn .icon-up[data-v-819a47d4] {
  opacity: 1;
}
.main-header .nav-all .right-nav .to-top:hover.long[data-v-819a47d4] {
  width: 80px;
}
.main-header .nav-all .right-nav .to-top:hover.long .to-top-btn[data-v-819a47d4] {
  width: 80px;
  height: 35px;
}
.main-header .nav-all .right-nav .to-top[data-v-819a47d4]:active {
  transform: scale(0.9);
}
@media (max-width: 768px) {
.main-header .nav-all[data-v-819a47d4] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 1rem 1.5rem;
}
.main-header .nav-all .left-nav[data-v-819a47d4],
  .main-header .nav-all .right-nav[data-v-819a47d4] {
    min-width: auto;
}
.main-header .nav-all .nav-center[data-v-819a47d4] {
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--main-card-background);
    border-bottom: 1px solid var(--main-card-border);
    z-index: 100;
}
.main-header .nav-all .nav-center .site-title[data-v-819a47d4] {
    font-size: 15px;
    height: auto;
}
}
.main-header .nav-btn[data-v-819a47d4] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  padding: 0;
  transition: background-color 0.3s;
  border-radius: 50%;
  cursor: pointer;
}
.main-header .nav-btn .iconfont[data-v-819a47d4] {
  font-size: 20px;
  line-height: 1;
  transition: color 0.3s, opacity 0.3s;
}
.main-header .nav-btn[data-v-819a47d4]:hover {
  background-color: var(--main-color);
}
.main-header .nav-btn:hover .iconfont[data-v-819a47d4] {
  color: var(--main-card-background);
}.control[data-v-2a8a717d] {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100vw;
  height: 100vh;
  z-index: 1109;
}
.control .close-control[data-v-2a8a717d] {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  padding: 0;
  opacity: 0;
  transition: background-color 0.3s, opacity 0.3s;
  border-radius: 50%;
  cursor: pointer;
}
.control .close-control .iconfont[data-v-2a8a717d] {
  font-size: 18px;
  line-height: 1;
  transition: color 0.3s, opacity 0.3s;
}
.control .close-control[data-v-2a8a717d]:hover {
  background-color: var(--main-color);
}
.control .close-control:hover .iconfont[data-v-2a8a717d] {
  color: var(--main-card-background);
}
.control .control-mask[data-v-2a8a717d] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: var(--main-mask-background);
}
.control .control-content[data-v-2a8a717d] {
  position: absolute;
  animation: fade-up 0.5s forwards;
}
.control .control-content .menu[data-v-2a8a717d] {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.control .control-content .menu .menu-item[data-v-2a8a717d] {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 6px;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 1px solid var(--main-card-border);
  background-color: var(--main-card-background);
  transition: transform 0.3s, background-color 0.3s;
  cursor: pointer;
}
.control .control-content .menu .menu-item .iconfont[data-v-2a8a717d] {
  font-size: 24px;
  color: var(--main-font-color);
  transition: color 0.3s;
}
.control .control-content .menu .menu-item .refresh-icon[data-v-2a8a717d] {
  font-size: 24px;
  color: var(--main-font-color);
}
.control .control-content .menu .menu-item.open[data-v-2a8a717d] {
  background-color: var(--main-color);
}
.control .control-content .menu .menu-item.open .iconfont[data-v-2a8a717d] {
  color: #fff;
}
.control .control-content .menu .menu-item[data-v-2a8a717d]:hover {
  transform: scale(1.05);
}
.control .control-content .menu .menu-item[data-v-2a8a717d]:active {
  transform: scale(1);
}.loading[data-v-1708aa58] {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100vw;
  height: 100vh;
  background-color: var(--main-card-background);
  z-index: 9999;
}
.loading .logo[data-v-1708aa58] {
  width: 100px;
  height: 100px;
  animation: loading 2s infinite;
}
.loading .tip[data-v-1708aa58] {
  position: absolute;
  bottom: 2rem;
  font-size: 14px;
  opacity: 0;
  transition: opacity 0.3s;
}
.loading .tip.show[data-v-1708aa58] {
  opacity: 0.6;
}.background[data-v-47715f7c] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: -2;
}
.background.patterns[data-v-47715f7c] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' viewBox='0 0 192 192'%3E%3Cpath fill='%23494849' fill-opacity='0.08' d='M192 15v2a11 11 0 0 0-11 11c0 1.94 1.16 4.75 2.53 6.11l2.36 2.36a6.93 6.93 0 0 1 1.22 7.56l-.43.84a8.08 8.08 0 0 1-6.66 4.13H145v35.02a6.1 6.1 0 0 0 3.03 4.87l.84.43c1.58.79 4 .4 5.24-.85l2.36-2.36a12.04 12.04 0 0 1 7.51-3.11 13 13 0 1 1 .02 26 12 12 0 0 1-7.53-3.11l-2.36-2.36a4.93 4.93 0 0 0-5.24-.85l-.84.43a6.1 6.1 0 0 0-3.03 4.87V143h35.02a8.08 8.08 0 0 1 6.66 4.13l.43.84a6.91 6.91 0 0 1-1.22 7.56l-2.36 2.36A10.06 10.06 0 0 0 181 164a11 11 0 0 0 11 11v2a13 13 0 0 1-13-13 12 12 0 0 1 3.11-7.53l2.36-2.36a4.93 4.93 0 0 0 .85-5.24l-.43-.84a6.1 6.1 0 0 0-4.87-3.03H145v35.02a8.08 8.08 0 0 1-4.13 6.66l-.84.43a6.91 6.91 0 0 1-7.56-1.22l-2.36-2.36A10.06 10.06 0 0 0 124 181a11 11 0 0 0-11 11h-2a13 13 0 0 1 13-13c2.47 0 5.79 1.37 7.53 3.11l2.36 2.36a4.94 4.94 0 0 0 5.24.85l.84-.43a6.1 6.1 0 0 0 3.03-4.87V145h-35.02a8.08 8.08 0 0 1-6.66-4.13l-.43-.84a6.91 6.91 0 0 1 1.22-7.56l2.36-2.36A10.06 10.06 0 0 0 107 124a11 11 0 0 0-22 0c0 1.94 1.16 4.75 2.53 6.11l2.36 2.36a6.93 6.93 0 0 1 1.22 7.56l-.43.84a8.08 8.08 0 0 1-6.66 4.13H49v35.02a6.1 6.1 0 0 0 3.03 4.87l.84.43c1.58.79 4 .4 5.24-.85l2.36-2.36a12.04 12.04 0 0 1 7.51-3.11A13 13 0 0 1 81 192h-2a11 11 0 0 0-11-11c-1.94 0-4.75 1.16-6.11 2.53l-2.36 2.36a6.93 6.93 0 0 1-7.56 1.22l-.84-.43a8.08 8.08 0 0 1-4.13-6.66V145H11.98a6.1 6.1 0 0 0-4.87 3.03l-.43.84c-.79 1.58-.4 4 .85 5.24l2.36 2.36a12.04 12.04 0 0 1 3.11 7.51A13 13 0 0 1 0 177v-2a11 11 0 0 0 11-11c0-1.94-1.16-4.75-2.53-6.11l-2.36-2.36a6.93 6.93 0 0 1-1.22-7.56l.43-.84a8.08 8.08 0 0 1 6.66-4.13H47v-35.02a6.1 6.1 0 0 0-3.03-4.87l-.84-.43c-1.59-.8-4-.4-5.24.85l-2.36 2.36A12 12 0 0 1 28 109a13 13 0 1 1 0-26c2.47 0 5.79 1.37 7.53 3.11l2.36 2.36a4.94 4.94 0 0 0 5.24.85l.84-.43A6.1 6.1 0 0 0 47 84.02V49H11.98a8.08 8.08 0 0 1-6.66-4.13l-.43-.84a6.91 6.91 0 0 1 1.22-7.56l2.36-2.36A10.06 10.06 0 0 0 11 28 11 11 0 0 0 0 17v-2a13 13 0 0 1 13 13c0 2.47-1.37 5.79-3.11 7.53l-2.36 2.36a4.94 4.94 0 0 0-.85 5.24l.43.84A6.1 6.1 0 0 0 11.98 47H47V11.98a8.08 8.08 0 0 1 4.13-6.66l.84-.43a6.91 6.91 0 0 1 7.56 1.22l2.36 2.36A10.06 10.06 0 0 0 68 11 11 11 0 0 0 79 0h2a13 13 0 0 1-13 13 12 12 0 0 1-7.53-3.11l-2.36-2.36a4.93 4.93 0 0 0-5.24-.85l-.84.43A6.1 6.1 0 0 0 49 11.98V47h35.02a8.08 8.08 0 0 1 6.66 4.13l.43.84a6.91 6.91 0 0 1-1.22 7.56l-2.36 2.36A10.06 10.06 0 0 0 85 68a11 11 0 0 0 22 0c0-1.94-1.16-4.75-2.53-6.11l-2.36-2.36a6.93 6.93 0 0 1-1.22-7.56l.43-.84a8.08 8.08 0 0 1 6.66-4.13H143V11.98a6.1 6.1 0 0 0-3.03-4.87l-.84-.43c-1.59-.8-4-.4-5.24.85l-2.36 2.36A12 12 0 0 1 124 13a13 13 0 0 1-13-13h2a11 11 0 0 0 11 11c1.94 0 4.75-1.16 6.11-2.53l2.36-2.36a6.93 6.93 0 0 1 7.56-1.22l.84.43a8.08 8.08 0 0 1 4.13 6.66V47h35.02a6.1 6.1 0 0 0 4.87-3.03l.43-.84c.8-1.59.4-4-.85-5.24l-2.36-2.36A12 12 0 0 1 179 28a13 13 0 0 1 13-13zM84.02 143a6.1 6.1 0 0 0 4.87-3.03l.43-.84c.8-1.59.4-4-.85-5.24l-2.36-2.36A12 12 0 0 1 83 124a13 13 0 1 1 26 0c0 2.47-1.37 5.79-3.11 7.53l-2.36 2.36a4.94 4.94 0 0 0-.85 5.24l.43.84a6.1 6.1 0 0 0 4.87 3.03H143v-35.02a8.08 8.08 0 0 1 4.13-6.66l.84-.43a6.91 6.91 0 0 1 7.56 1.22l2.36 2.36A10.06 10.06 0 0 0 164 107a11 11 0 0 0 0-22c-1.94 0-4.75 1.16-6.11 2.53l-2.36 2.36a6.93 6.93 0 0 1-7.56 1.22l-.84-.43a8.08 8.08 0 0 1-4.13-6.66V49h-35.02a6.1 6.1 0 0 0-4.87 3.03l-.43.84c-.79 1.58-.4 4 .85 5.24l2.36 2.36a12.04 12.04 0 0 1 3.11 7.51A13 13 0 1 1 83 68a12 12 0 0 1 3.11-7.53l2.36-2.36a4.93 4.93 0 0 0 .85-5.24l-.43-.84A6.1 6.1 0 0 0 84.02 49H49v35.02a8.08 8.08 0 0 1-4.13 6.66l-.84.43a6.91 6.91 0 0 1-7.56-1.22l-2.36-2.36A10.06 10.06 0 0 0 28 85a11 11 0 0 0 0 22c1.94 0 4.75-1.16 6.11-2.53l2.36-2.36a6.93 6.93 0 0 1 7.56-1.22l.84.43a8.08 8.08 0 0 1 4.13 6.66V143h35.02z'%3E%3C/path%3E%3C/svg%3E");
}
.background.dark.patterns[data-v-47715f7c] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' viewBox='0 0 192 192'%3E%3Cpath fill='%23fcfcfc' fill-opacity='0.08' d='M192 15v2a11 11 0 0 0-11 11c0 1.94 1.16 4.75 2.53 6.11l2.36 2.36a6.93 6.93 0 0 1 1.22 7.56l-.43.84a8.08 8.08 0 0 1-6.66 4.13H145v35.02a6.1 6.1 0 0 0 3.03 4.87l.84.43c1.58.79 4 .4 5.24-.85l2.36-2.36a12.04 12.04 0 0 1 7.51-3.11 13 13 0 1 1 .02 26 12 12 0 0 1-7.53-3.11l-2.36-2.36a4.93 4.93 0 0 0-5.24-.85l-.84.43a6.1 6.1 0 0 0-3.03 4.87V143h35.02a8.08 8.08 0 0 1 6.66 4.13l.43.84a6.91 6.91 0 0 1-1.22 7.56l-2.36 2.36A10.06 10.06 0 0 0 181 164a11 11 0 0 0 11 11v2a13 13 0 0 1-13-13 12 12 0 0 1 3.11-7.53l2.36-2.36a4.93 4.93 0 0 0 .85-5.24l-.43-.84a6.1 6.1 0 0 0-4.87-3.03H145v35.02a8.08 8.08 0 0 1-4.13 6.66l-.84.43a6.91 6.91 0 0 1-7.56-1.22l-2.36-2.36A10.06 10.06 0 0 0 124 181a11 11 0 0 0-11 11h-2a13 13 0 0 1 13-13c2.47 0 5.79 1.37 7.53 3.11l2.36 2.36a4.94 4.94 0 0 0 5.24.85l.84-.43a6.1 6.1 0 0 0 3.03-4.87V145h-35.02a8.08 8.08 0 0 1-6.66-4.13l-.43-.84a6.91 6.91 0 0 1 1.22-7.56l2.36-2.36A10.06 10.06 0 0 0 107 124a11 11 0 0 0-22 0c0 1.94 1.16 4.75 2.53 6.11l2.36 2.36a6.93 6.93 0 0 1 1.22 7.56l-.43.84a8.08 8.08 0 0 1-6.66 4.13H49v35.02a6.1 6.1 0 0 0 3.03 4.87l.84.43c1.58.79 4 .4 5.24-.85l2.36-2.36a12.04 12.04 0 0 1 7.51-3.11A13 13 0 0 1 81 192h-2a11 11 0 0 0-11-11c-1.94 0-4.75 1.16-6.11 2.53l-2.36 2.36a6.93 6.93 0 0 1-7.56 1.22l-.84-.43a8.08 8.08 0 0 1-4.13-6.66V145H11.98a6.1 6.1 0 0 0-4.87 3.03l-.43.84c-.79 1.58-.4 4 .85 5.24l2.36 2.36a12.04 12.04 0 0 1 3.11 7.51A13 13 0 0 1 0 177v-2a11 11 0 0 0 11-11c0-1.94-1.16-4.75-2.53-6.11l-2.36-2.36a6.93 6.93 0 0 1-1.22-7.56l.43-.84a8.08 8.08 0 0 1 6.66-4.13H47v-35.02a6.1 6.1 0 0 0-3.03-4.87l-.84-.43c-1.59-.8-4-.4-5.24.85l-2.36 2.36A12 12 0 0 1 28 109a13 13 0 1 1 0-26c2.47 0 5.79 1.37 7.53 3.11l2.36 2.36a4.94 4.94 0 0 0 5.24.85l.84-.43A6.1 6.1 0 0 0 47 84.02V49H11.98a8.08 8.08 0 0 1-6.66-4.13l-.43-.84a6.91 6.91 0 0 1 1.22-7.56l2.36-2.36A10.06 10.06 0 0 0 11 28 11 11 0 0 0 0 17v-2a13 13 0 0 1 13 13c0 2.47-1.37 5.79-3.11 7.53l-2.36 2.36a4.94 4.94 0 0 0-.85 5.24l.43.84A6.1 6.1 0 0 0 11.98 47H47V11.98a8.08 8.08 0 0 1 4.13-6.66l.84-.43a6.91 6.91 0 0 1 7.56 1.22l2.36 2.36A10.06 10.06 0 0 0 68 11 11 11 0 0 0 79 0h2a13 13 0 0 1-13 13 12 12 0 0 1-7.53-3.11l-2.36-2.36a4.93 4.93 0 0 0-5.24-.85l-.84.43A6.1 6.1 0 0 0 49 11.98V47h35.02a8.08 8.08 0 0 1 6.66 4.13l.43.84a6.91 6.91 0 0 1-1.22 7.56l-2.36 2.36A10.06 10.06 0 0 0 85 68a11 11 0 0 0 22 0c0-1.94-1.16-4.75-2.53-6.11l-2.36-2.36a6.93 6.93 0 0 1-1.22-7.56l.43-.84a8.08 8.08 0 0 1 6.66-4.13H143V11.98a6.1 6.1 0 0 0-3.03-4.87l-.84-.43c-1.59-.8-4-.4-5.24.85l-2.36 2.36A12 12 0 0 1 124 13a13 13 0 0 1-13-13h2a11 11 0 0 0 11 11c1.94 0 4.75-1.16 6.11-2.53l2.36-2.36a6.93 6.93 0 0 1 7.56-1.22l.84.43a8.08 8.08 0 0 1 4.13 6.66V47h35.02a6.1 6.1 0 0 0 4.87-3.03l.43-.84c.8-1.59.4-4-.85-5.24l-2.36-2.36A12 12 0 0 1 179 28a13 13 0 0 1 13-13zM84.02 143a6.1 6.1 0 0 0 4.87-3.03l.43-.84c.8-1.59.4-4-.85-5.24l-2.36-2.36A12 12 0 0 1 83 124a13 13 0 1 1 26 0c0 2.47-1.37 5.79-3.11 7.53l-2.36 2.36a4.94 4.94 0 0 0-.85 5.24l.43.84a6.1 6.1 0 0 0 4.87 3.03H143v-35.02a8.08 8.08 0 0 1 4.13-6.66l.84-.43a6.91 6.91 0 0 1 7.56 1.22l2.36 2.36A10.06 10.06 0 0 0 164 107a11 11 0 0 0 0-22c-1.94 0-4.75 1.16-6.11 2.53l-2.36 2.36a6.93 6.93 0 0 1-7.56 1.22l-.84-.43a8.08 8.08 0 0 1-4.13-6.66V49h-35.02a6.1 6.1 0 0 0-4.87 3.03l-.43.84c-.79 1.58-.4 4 .85 5.24l2.36 2.36a12.04 12.04 0 0 1 3.11 7.51A13 13 0 1 1 83 68a12 12 0 0 1 3.11-7.53l2.36-2.36a4.93 4.93 0 0 0 .85-5.24l-.43-.84A6.1 6.1 0 0 0 84.02 49H49v35.02a8.08 8.08 0 0 1-4.13 6.66l-.84.43a6.91 6.91 0 0 1-7.56-1.22l-2.36-2.36A10.06 10.06 0 0 0 28 85a11 11 0 0 0 0 22c1.94 0 4.75-1.16 6.11-2.53l2.36-2.36a6.93 6.93 0 0 1 7.56-1.22l.84.43a8.08 8.08 0 0 1 4.13 6.66V143h35.02z'%3E%3C/path%3E%3C/svg%3E");
}
.background.dark .cover[data-v-47715f7c] {
  filter: brightness(0.6);
}
.background .cover[data-v-47715f7c] {
  width: auto;
  height: auto;
  min-height: 100%;
  opacity: 0;
  transition: filter 0.3s, opacity 0.3s;
}
.background .cover.loaded[data-v-47715f7c] {
  opacity: 1;
}
/* ============ 仅 ≤1200px 显示 ============ */
@media (min-width: 1201px) {
.mobile-control-wrapper[data-v-8892e7b9] {
    display: none !important;
}
}
/* ============ 容器 ============ */
.mobile-control-wrapper[data-v-8892e7b9] {
  position: fixed;
  right: 20px;
  bottom: 80px;
  z-index: 1004;
  display: flex;
  flex-direction: column;
  align-items: center;
  /* 在文章页面时上移，给目录按钮留出空间 */
}
.mobile-control-wrapper.on-post[data-v-8892e7b9] {
  bottom: 140px;
}

/* ============ 设置按钮 ============ */
.control-toggle-btn[data-v-8892e7b9] {
  width: 48px;
  height: 48px;
  border: none;
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s, background-color 0.3s;
}
.control-toggle-btn .toggle-icon[data-v-8892e7b9] {
  color: var(--main-font-color);
  transition: color 0.3s;
}
.control-toggle-btn[data-v-8892e7b9]:active {
  transform: scale(0.9);
}
.control-toggle-btn.open .toggle-icon[data-v-8892e7b9] {
  color: var(--main-font-color);
}

/* ============ 操作按钮组 ============ */
.action-buttons[data-v-8892e7b9] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 8px;
}
.action-btn[data-v-8892e7b9] {
  width: 44px;
  height: 44px;
  margin-bottom: 8px;
  border: none;
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  /* 默认隐藏态：向右偏移 + 透明 */
  opacity: 0;
  transform: translateX(60px);
  pointer-events: none;
  transition: opacity 0.3s ease, transform 0.3s ease, background-color 0.3s;
}
.action-btn .iconfont[data-v-8892e7b9] {
  font-size: 20px;
  color: var(--main-font-color);
  transition: color 0.3s;
}
.action-btn .refresh-icon[data-v-8892e7b9] {
  font-size: 20px;
  color: var(--main-font-color);
}
.action-btn[data-v-8892e7b9]:active {
  transform: translateX(0) scale(0.9) !important;
}
.action-btn[data-v-8892e7b9] {
  /* --- 隐藏态交错延迟（从左向右消失：顶部先消失） --- */
}
.action-btn.button-4[data-v-8892e7b9] {
  transition-delay: 0s;
}
.action-btn.button-3[data-v-8892e7b9] {
  transition-delay: 0.06s;
}
.action-btn.button-2[data-v-8892e7b9] {
  transition-delay: 0.12s;
}
.action-btn.button-5[data-v-8892e7b9] {
  transition-delay: 0.18s;
}
.action-btn.button-1[data-v-8892e7b9] {
  transition-delay: 0.24s;
}
.action-btn[data-v-8892e7b9] {
  /* --- 显示态 --- */
}
.action-btn.show[data-v-8892e7b9] {
  opacity: 1;
  transform: translateX(0);
  pointer-events: auto;
  /* 从右向左出现：底部先出现 */
}
.action-btn.show.button-1[data-v-8892e7b9] {
  transition-delay: 0s;
}
.action-btn.show.button-2[data-v-8892e7b9] {
  transition-delay: 0.06s;
}
.action-btn.show.button-5[data-v-8892e7b9] {
  transition-delay: 0.12s;
}
.action-btn.show.button-3[data-v-8892e7b9] {
  transition-delay: 0.18s;
}
.action-btn.show.button-4[data-v-8892e7b9] {
  transition-delay: 0.24s;
}
.action-btn[data-v-8892e7b9] {
  /* --- 激活态（与 Control.vue 一致） --- */
}
.action-btn.active[data-v-8892e7b9] {
  background-color: var(--main-color);
}
.action-btn.active .iconfont[data-v-8892e7b9] {
  color: #fff;
}.mian-layout[data-v-5f0af51f] {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  padding: 1rem 2rem;
  animation: show 0.5s forwards;
  animation-duration: 0.5s;
  display: block;
}
.mian-layout.loading[data-v-5f0af51f] {
  display: none;
}
@media (max-width: 768px) {
.mian-layout[data-v-5f0af51f] {
    padding: 1rem 1.5rem;
}
.mian-layout.is-post[data-v-5f0af51f] {
    padding: 0;
}
}
.left-menu[data-v-5f0af51f] {
  position: fixed;
  left: 20px;
  bottom: 20px;
  z-index: 1002;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  transition: opacity 0.3s, transform 0.3s;
}
.left-menu.hidden[data-v-5f0af51f] {
  opacity: 0;
  transform: translateY(100px);
}@font-face {
  font-family: "Site Title";
  font-display: swap;
  src: url("/fonts/title.ttf");
}
html,
body,
#app {
  font-family: var(--main-font-family) !important;
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 1rem;
  font-style: normal;
  color: var(--main-font-color);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@keyframes show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade-up {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fade-up-opacity {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 0.8;
    transform: translateY(0);
  }
}
@keyframes fade-down {
  from {
    opacity: 0;
    transform: translateY(-50px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fade-left {
  from {
    opacity: 0;
    transform: translateX(10px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes loading {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}
@keyframes loading-width {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@keyframes gradientFlow {
  0%, 100% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
}
@keyframes skeleton-loading {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes moveDown {
  0%, 100% {
    bottom: 30px;
  }
  50% {
    bottom: 60px;
  }
}
.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.3s ease-in-out;
}

.fade-enter-from,
.fade-leave-to {
  opacity: 0;
}

.fadeDown-enter-active,
.fadeDown-leave-active {
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.fadeDown-enter-from,
.fadeDown-leave-to {
  opacity: 0;
  transform: translateY(-10px);
}

.toLeft-enter-active,
.toLeft-leave-active {
  transition: transform 0.3s ease;
}

.toLeft-enter-from,
.toLeft-leave-to {
  transform: translateX(300px);
}

:root {
  --efu-white: #fff;
  --efu-white-op: rgba(255, 255, 255, 0.2);
  --efu-black: #000;
  --efu-black-op: rgba(0, 0, 0, 0.2);
  --efu-none: #00000000;
  --efu-gray: #999999;
  --efu-gray-op: rgba(153, 153, 153, 0.2);
  --efu-red: #ff3842;
  --efu-red-op: rgba(255, 56, 66, 0.2);
  --efu-green: #10b981;
  --efu-green-op: rgba(16, 185, 129, 0.2);
  --efu-blue: #3b82f6;
  --efu-blue-op: rgba(59, 130, 246, 0.2);
  --efu-yellow: #f59e0b;
  --efu-yellow-op: rgba(245, 158, 11, 0.2);
  --efu-main: var(--main-color, #3b82f6);
  --efu-main-op: rgba(59, 130, 246, 0.2);
  --efu-orange: #f97316;
  --efu-purple: #8b5cf6;
  --efu-pink: #ec4899;
  --efu-fontcolor: var(--main-font-color, #1f2937);
  --efu-background: var(--main-site-background, #f9fafb);
  --efu-card-bg: var(--main-card-background, #ffffff);
  --efu-secondbg: var(--main-card-second-background, #f3f4f6);
  --efu-secondtext: var(--main-font-second-color, #6b7280);
  --efu-shadow-border: 0 2px 4px rgba(0, 0, 0, 0.05);
  --efu-shadow-lightblack: 0 4px 8px rgba(0, 0, 0, 0.1);
  --efu-shadow-light2black: 0 8px 16px rgba(0, 0, 0, 0.15);
  --efu-shadow-blue: 0 8px 32px -8px rgba(59, 130, 246, 0.3);
  --efu-shadow-white: 0 8px 32px -8px rgba(255, 255, 255, 0.3);
  --efu-maskbg: rgba(0, 0, 0, 0.4);
  --efu-maskbgdeep: rgba(0, 0, 0, 0.6);
  --efu-hovertext: var(--main-color, #3b82f6);
  --style-border: 1px solid var(--main-card-border, #e5e7eb);
  --style-border-always: 1px solid var(--main-card-border, #e5e7eb);
  --style-border-hover: 1px solid var(--main-color, #3b82f6);
  --style-border-hover-always: 1px solid var(--main-color, #3b82f6);
}

#about-page {
  display: flex;
  padding-top: 1rem;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  max-width: 1200px;
  margin: 0 auto;
  padding: 1rem;
  animation: slide-in 0.6s 0s backwards;
}
@media (max-width: 768px) {
  #about-page {
    padding: 0.5rem;
  }
}

@keyframes slide-in {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes floating {
  0%, 100% {
    transform: translate(0, -4px);
  }
  50% {
    transform: translate(0, 4px);
  }
}
@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes rowleft-quarter {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
@keyframes progressAnimation {
  0% {
    width: 0;
  }
  100% {
    width: var(--progress-percentage, 0);
  }
}
@keyframes pastTimeAnimation {
  0% {
    left: 0;
  }
  100% {
    left: var(--past-time-percentage, 0);
  }
}
.author-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 0.5rem;
  gap: 0.5rem;
  width: 100%;
}
@media (max-width: 768px) {
  .author-content {
    flex-direction: column;
  }
}

.author-content-item {
  border-radius: 12px;
  background: var(--efu-card-bg);
  border: var(--style-border-always);
  box-shadow: var(--efu-shadow-lightblack);
  position: relative;
  padding: 1rem 2rem;
  overflow: hidden;
}
@media (max-width: 768px) {
  .author-content-item {
    width: 100% !important;
  }
}
.author-content-item.single {
  width: 100%;
}

.author-content-item-tips {
  opacity: 0.8;
  font-size: 0.6rem;
  margin-bottom: 0.5rem;
  color: var(--efu-fontcolor);
}

.author-content-item-title {
  font-size: 36px;
  font-weight: 700;
  line-height: 1.1;
  color: var(--efu-fontcolor);
  display: block;
  margin-bottom: 0.5rem;
}

[data-theme=dark] {
  --efu-fontcolor: var(--main-font-color, #f9fafb);
  --efu-background: var(--main-site-background, #111827);
  --efu-card-bg: var(--main-card-background, #1f2937);
  --efu-secondbg: var(--main-card-second-background, #374151);
  --efu-secondtext: var(--main-font-second-color, #9ca3af);
  --efu-shadow-border: 0 2px 4px rgba(0, 0, 0, 0.2);
  --efu-shadow-lightblack: 0 4px 8px rgba(0, 0, 0, 0.3);
  --efu-shadow-light2black: 0 8px 16px rgba(0, 0, 0, 0.4);
  --style-border: 1px solid var(--main-card-border, #374151);
  --style-border-always: 1px solid var(--main-card-border, #374151);
}

.about-page-loaded #about-page {
  animation: slide-in 0.6s 0s backwards;
}

:root {
  --main-color: #425aef;
  --main-color-bg: #4259ef0d;
  --main-site-background: #f7f9fe;
  --main-card-background: #fff;
  --main-card-second-background: #f7f7f9;
  --main-font-color: #363636;
  --main-font-second-color: #3c3c43cc;
  --main-card-border: #e3e8f7;
  --main-border-shadow: #2c2d300c;
  --main-scrollbar-bar: rgba(60, 60, 67, 0.4);
  --main-mask-background: rgba(255, 255, 255, 0.95);
  --main-mask-Inverse-background: rgba(0, 0, 0, 0.08);
  --main-mask-second-background: rgba(255, 255, 255, 0.45);
  --main-color-opacity: rgba(255, 255, 255, 0.15);
  --main-dark-opacity: rgba(255, 255, 255, 0.15);
  --main-dark-shadow: #0000006e;
  --main-info-color: #50bfff;
  --main-info-color-gray: #50bfff60;
  --main-warning-color: #ffa500;
  --main-warning-color-gray: #f7ba2a60;
  --main-success-color: #13ce66;
  --main-success-color-gray: #13ce6660;
  --main-error-color: #ff3842;
  --main-error-color-gray: #ff38423b;
  --main-color-blue: #0084ff;
  --main-color-white: #ffffff40;
  --main-color-gray: #999;
  --main-color-red: #ff3842;
  --main-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell,
    "Helvetica Neue", sans-serif;
}

html.dark {
  --main-color: #dfac46;
  --main-color-bg: #f2b94b23;
  --main-site-background: #18171d;
  --main-card-background: #1b1c20;
  --main-card-second-background: #21232a;
  --main-font-color: #f7f7fa;
  --main-font-second-color: #a1a2b8;
  --main-card-border: #3d3d3f;
  --main-border-shadow: #00000050;
  --main-scrollbar-bar: rgba(200, 200, 223, 0.4);
  --main-mask-background: rgba(0, 0, 0, 0.95);
  --main-mask-Inverse-background: rgba(255, 255, 255, 0.08);
  --main-mask-second-background: rgba(0, 0, 0, 0.45);
  --main-color-opacity: rgba(0, 0, 0, 0.15);
}

html.vsans {
  --main-font-family: "Lexend", "vivosans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans,
    Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
html.hmos {
  --main-font-family: "Lexend", "HarmonyOS_Regular", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
html.xlfont {
  --main-font-family: "Lexend", "xiaolai", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans,
    Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
html p {
  font-weight: 500;
  /* Medium */
}
html .iconfont {
  font-size: 1rem;
}
html button {
  font-family: var(--main-font-family);
}

html.image {
  --main-card-border: #3d3d3f63;
  --main-font-second-color: #c6c6c6;
  --main-card-background: #1b1c20de;
  --main-card-second-background: #21232ab5;
}
html.image .main-nav {
  backdrop-filter: blur(20px);
}
html.image .main-nav.top {
  backdrop-filter: blur(0);
}
@media (max-width: 768px) {
  html.image .main-nav.down .nav-center {
    background-color: #1b1c20 !important;
  }
}
html.image .loading {
  backdrop-filter: blur(20px);
}
html.image .tags-cloud .all-tags::after {
  display: none;
}

* {
  -webkit-user-drag: none;
  box-sizing: border-box;
}

html {
  user-select: none;
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
}
html.dark pre code .line span {
  color: var(--shiki-dark) !important;
}
html.gray {
  filter: grayscale(100%);
}

html:not(.js-enabled) .main-header,
html:not(.js-enabled) .main-aside,
html:not(.js-enabled) .left-menu {
  display: none !important;
}
html:not(.js-enabled) .home .home-content {
  justify-content: center;
}
html:not(.js-enabled) .home .home-content .posts-content {
  width: 100%;
}
html:not(.js-enabled) .page.has-aside .page-content {
  width: 100%;
}
html:not(.js-enabled) .post .post-content {
  justify-content: center;
}
html:not(.js-enabled) .post .post-content .post-article {
  width: 100%;
}
html:not(.js-enabled) .main-footer .footer-content {
  justify-content: center;
  gap: 0.75rem;
}
html:not(.js-enabled) .main-footer .copyright,
html:not(.js-enabled) .main-footer .meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
html:not(.js-enabled) .main-footer .system-status {
  display: none !important;
}

body {
  margin: 0;
  padding: 0;
  color: var(--main-font-color);
  background-color: var(--main-site-background);
  animation: show forwards 0.5s;
  overflow-x: hidden;
  transition: color 0.3s, background-color 0.3s;
}

a {
  text-decoration: none;
  color: var(--main-font-color);
  transition: all 0.3s;
}
a .iconfont {
  transition: all 0.3s;
}
a:hover {
  color: var(--main-color);
}

#app {
  width: 100vw;
  width: 100dvw;
  transition: filter 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#app .simplebar-scrollbar::before {
  right: 0;
  left: 4px;
  background: var(--main-scrolling-bar);
  transition: background 0.3s, left 0.3s;
  cursor: pointer;
}
#app .simplebar-scrollbar:hover::before {
  left: 2px;
  background: var(--main-color);
}
#app.blur {
  filter: blur(20px);
}

.s-card {
  padding: 0.8rem;
  border-radius: 16px;
  background-color: var(--main-card-background);
  border: 1px solid var(--main-card-border);
  box-shadow: 0 8px 16px -4px var(--main-border-shadow);
  transition: all 0.3s;
  cursor: pointer;
}
.s-card:hover.hover {
  border-color: var(--main-color);
  box-shadow: 0 8px 16px -4px var(--main-color-bg);
}

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-thumb {
  background-color: var(--main-scrollbar-bar);
  border-radius: 8px;
  cursor: pointer;
}
::-webkit-scrollbar-thumb:hover {
  background-color: var(--main-color);
}

::selection {
  background-color: var(--main-color);
  color: #efefef;
}

.fancybox__container .fancybox__progress {
  background: var(--main-color) !important;
}
.fancybox__container .fancybox__thumb::after {
  border-width: 2px !important;
  border-color: var(--main-color) !important;
}

.custom-block .custom-block-content p,
.custom-block .custom-block-content ul,
.custom-block .custom-block-content ol,
.custom-block .custom-block-content li {
  color: var(--main-font-color) !important;
}
.custom-block.info .custom-block-content p,
.custom-block.info .custom-block-content ul,
.custom-block.info .custom-block-content ol,
.custom-block.info .custom-block-content li, .custom-block.warning .custom-block-content p,
.custom-block.warning .custom-block-content ul,
.custom-block.warning .custom-block-content ol,
.custom-block.warning .custom-block-content li, .custom-block.danger .custom-block-content p,
.custom-block.danger .custom-block-content ul,
.custom-block.danger .custom-block-content ol,
.custom-block.danger .custom-block-content li, .custom-block.tip .custom-block-content p,
.custom-block.tip .custom-block-content ul,
.custom-block.tip .custom-block-content ol,
.custom-block.tip .custom-block-content li, .custom-block.summary .custom-block-content p,
.custom-block.summary .custom-block-content ul,
.custom-block.summary .custom-block-content ol,
.custom-block.summary .custom-block-content li {
  color: var(--main-font-color) !important;
}
.custom-block .custom-block-title {
  color: inherit;
}

#cursor {
  position: fixed;
  width: 18px;
  height: 18px;
  background: var(--cursor-bg-color, #fff);
  border-radius: 25px;
  opacity: 0.25;
  z-index: 10086;
  pointer-events: none;
  transition: 0.2s ease-in-out;
  transition-property: background, opacity, transform;
}
#cursor.hidden {
  opacity: 0;
}
#cursor.active {
  opacity: 0.5;
  transform: scale(0.5);
}
@media (max-width: 768px) {
  #cursor {
    display: none !important;
  }
}.badge[data-v-92bcf309] {
  display: inline-flex;
  align-items: baseline;
  margin: 0.1em;
  border: 1px solid var(--main-card-border);
  border-radius: 4px;
  box-sizing: content-box;
  background-color: var(--main-card-second-background);
  font-size: 0.875em;
  text-decoration: none;
  color: inherit;
  transition: color 0.2s;
  vertical-align: middle;
}
@supports (color: color-mix(in srgb, transparent, transparent)) {
.badge[data-v-92bcf309] {
    border-color: color-mix(in srgb, currentcolor 10%, transparent);
    background-color: color-mix(in srgb, currentcolor 5%, transparent);
    color: color-mix(in srgb, currentcolor 80%, transparent);
}
}
.badge[href][data-v-92bcf309]:hover {
  color: var(--main-font-color);
}
.badge.badge-round[data-v-92bcf309], .badge.badge-round > .badge-icon[data-v-92bcf309] {
  border-radius: 0.8em;
}
.badge[data-v-92bcf309]::before {
  display: none !important;
}
.badge-icon[data-v-92bcf309] {
  align-self: normal;
  height: 1.6em;
  width: auto !important;
  border-radius: 3.5px;
  flex-shrink: 0;
  object-fit: cover;
  box-shadow: none !important;
  margin: 0 !important;
}
.badge-icon + .badge-text[data-v-92bcf309] {
  margin-inline-start: -0.1em;
}
.badge-text[data-v-92bcf309] {
  padding: 0.2em 0.4em;
  line-height: 1.2;
}
.badge-text[data-v-92bcf309]:empty {
  display: none;
}
.heatmap-card[data-v-78ad144f] {
  margin: 0.5rem 0;
  padding: 1.25rem 1.5rem;
  border-radius: 12px;
  background: var(--main-card-background);
  border: 1px solid var(--main-card-border);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  animation: slide-in-78ad144f 0.6s 0.5s backwards;
  max-width: 100%;
  overflow: hidden;
}
.heatmap-header[data-v-78ad144f] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.heatmap-title-row[data-v-78ad144f] {
  display: flex;
  align-items: center;
  gap: 6px;
}
.heatmap-title-row .heatmap-icon[data-v-78ad144f] {
  color: var(--main-color);
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
.heatmap-title-row .heatmap-title[data-v-78ad144f] {
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--main-font-color);
  margin: 0;
  line-height: 1;
}
.heatmap-total[data-v-78ad144f] {
  font-size: 0.75rem;
  color: var(--main-font-second-color);
}

/* 热力图主体 */
.heatmap-wrapper[data-v-78ad144f] {
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 4px;
  scroll-behavior: smooth;
}
.heatmap-wrapper[data-v-78ad144f]::-webkit-scrollbar {
  height: 6px;
}
.heatmap-wrapper[data-v-78ad144f]::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 3px;
}
.heatmap-wrapper[data-v-78ad144f]::-webkit-scrollbar-thumb {
  background: var(--main-card-border);
  border-radius: 3px;
}
.heatmap-wrapper[data-v-78ad144f]::-webkit-scrollbar-thumb:hover {
  background: var(--main-color);
}
.month-labels[data-v-78ad144f] {
  position: relative;
  height: 18px;
  margin-bottom: 4px;
}
.month-labels .month-label[data-v-78ad144f] {
  position: absolute;
  font-size: 0.7rem;
  color: var(--main-font-second-color);
  line-height: 18px;
  white-space: nowrap;
}
.heatmap-body[data-v-78ad144f] {
  position: relative;
  display: flex;
}
.day-labels[data-v-78ad144f] {
  position: relative;
  width: 28px;
  flex-shrink: 0;
}
.day-labels .day-label[data-v-78ad144f] {
  position: absolute;
  font-size: 0.7rem;
  color: var(--main-font-second-color);
  line-height: 14px;
  right: 4px;
}
.heatmap-svg[data-v-78ad144f] {
  display: block;
  flex-shrink: 0;
}

/* 热力颜色 - 浅色 */
[data-v-78ad144f] .heat-0 {
  fill: var(--heat-0, #ebedf0);
}
[data-v-78ad144f] .heat-1 {
  fill: var(--heat-1, #9be9a8);
}
[data-v-78ad144f] .heat-2 {
  fill: var(--heat-2, #40c463);
}
[data-v-78ad144f] .heat-3 {
  fill: var(--heat-3, #30a14e);
}
[data-v-78ad144f] .heat-4 {
  fill: var(--heat-4, #216e39);
}

/* 图例 */
.heatmap-footer[data-v-78ad144f] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
  margin-top: 0.75rem;
}
.heatmap-footer .legend-text[data-v-78ad144f] {
  font-size: 0.7rem;
  color: var(--main-font-second-color);
}
.heatmap-footer .legend-cells[data-v-78ad144f] {
  display: flex;
  gap: 3px;
}
.heatmap-footer .legend-cell[data-v-78ad144f] {
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 2px;
}
.heatmap-footer .legend-cell.heat-0[data-v-78ad144f] {
  background: var(--heat-0, #ebedf0);
}
.heatmap-footer .legend-cell.heat-1[data-v-78ad144f] {
  background: var(--heat-1, #9be9a8);
}
.heatmap-footer .legend-cell.heat-2[data-v-78ad144f] {
  background: var(--heat-2, #40c463);
}
.heatmap-footer .legend-cell.heat-3[data-v-78ad144f] {
  background: var(--heat-3, #30a14e);
}
.heatmap-footer .legend-cell.heat-4[data-v-78ad144f] {
  background: var(--heat-4, #216e39);
}

/* 深色模式 */
:root[data-theme=dark][data-v-78ad144f] {
  --heat-0: #161b22;
  --heat-1: #0e4429;
  --heat-2: #006d32;
  --heat-3: #26a641;
  --heat-4: #39d353;
}

/* Tooltip */
.heatmap-tooltip[data-v-78ad144f] {
  position: fixed;
  z-index: 9999;
  padding: 6px 10px;
  border-radius: 6px;
  font-size: 0.75rem;
  line-height: 1.4;
  white-space: nowrap;
  color: #fff;
  background: rgba(0, 0, 0, 0.8);
  pointer-events: none;
  transform: translateX(-50%);
}
.heatmap-tooltip strong[data-v-78ad144f] {
  color: #4ade80;
}
@keyframes slide-in-78ad144f {
0% {
    transform: translateY(20px);
    opacity: 0;
}
100% {
    transform: translateY(0);
    opacity: 1;
}
}
/* 响应式 */
@media (max-width: 768px) {
.heatmap-card[data-v-78ad144f] {
    padding: 1rem;
}
}
@media (max-width: 640px) {
.heatmap-card[data-v-78ad144f] {
    padding: 0.75rem;
}
.day-labels[data-v-78ad144f] {
    width: 22px;
}
.day-labels .day-label[data-v-78ad144f] {
    font-size: 0.6rem;
    line-height: 12px;
}
.month-label[data-v-78ad144f] {
    font-size: 0.6rem;
}
.heatmap-footer[data-v-78ad144f] {
    gap: 3px;
}
.heatmap-footer .legend-cell[data-v-78ad144f] {
    width: 10px;
    height: 10px;
}
}.author-info[data-v-86b92f79] {
  display: flex;
  align-items: center;
  margin: 0 0 16px 0;
}
.author-info .author-tag-left[data-v-86b92f79] {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.author-info .author-tag-left .author-tag[data-v-86b92f79]:first-child, .author-info .author-tag-left .author-tag[data-v-86b92f79]:last-child {
  margin-right: -16px;
}
.author-info .author-tag-right[data-v-86b92f79] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.author-info .author-tag-right .author-tag[data-v-86b92f79]:first-child, .author-info .author-tag-right .author-tag[data-v-86b92f79]:last-child {
  margin-left: -16px;
}
@media (max-width: 768px) {
.author-info .author-tag-left[data-v-86b92f79],
  .author-info .author-tag-right[data-v-86b92f79] {
    display: none;
}
}
.author-info .author-tag[data-v-86b92f79] {
  transform: translate(0, -4px);
  padding: 1px 8px;
  background: var(--efu-card-bg, var(--main-card-background));
  border: var(--style-border-always, 1px solid var(--main-card-border));
  border-radius: 40px;
  margin-top: 6px;
  font-size: 14px;
  font-weight: 700;
  box-shadow: var(--efu-shadow-lightblack, 0 4px 8px rgba(0, 0, 0, 0.1));
  animation: floating-86b92f79 6s ease-in-out infinite;
}
.author-info .author-tag[data-v-86b92f79]:nth-child(1) {
  animation-delay: 0s;
}
.author-info .author-tag[data-v-86b92f79]:nth-child(2) {
  animation-delay: 0.6s;
}
.author-info .author-tag[data-v-86b92f79]:nth-child(3) {
  animation-delay: 1.2s;
}
.author-info .author-tag[data-v-86b92f79]:nth-child(4) {
  animation-delay: 1.8s;
}
.author-info .author-img[data-v-86b92f79] {
  margin: 0 30px;
  border-radius: 50%;
  width: 180px;
  height: 180px;
  position: relative;
  background: var(--efu-secondbg, var(--main-card-second-background));
  user-select: none;
  transition: 0.3s;
}
.author-info .author-img[data-v-86b92f79]:hover {
  transform: scale(1.1);
}
.author-info .author-img[data-v-86b92f79]::before {
  content: "";
  transition: 1s;
  width: 30px;
  height: 30px;
  background: var(--efu-green, #10b981);
  position: absolute;
  border-radius: 50%;
  border: 5px solid var(--efu-background, var(--main-site-background));
  bottom: 5px;
  right: 10px;
  z-index: 2;
}
@media (max-width: 768px) {
.author-info .author-img[data-v-86b92f79] {
    width: 120px;
    height: 120px;
}
.author-info .author-img[data-v-86b92f79]::before {
    bottom: -2px;
    right: -2px;
    width: 20px;
    height: 20px;
}
}
.author-info .author-img img[data-v-86b92f79] {
  border-radius: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.author-title[data-v-86b92f79] {
  font-size: 2rem;
  font-weight: 700;
  margin: 0.5rem 0;
  line-height: 1;
  color: var(--efu-fontcolor, var(--main-font-color));
}
@keyframes floating-86b92f79 {
0%, 100% {
    transform: translate(0, -4px);
}
50% {
    transform: translate(0, 4px);
}
}
/* Hello动画区域 - 适配博客主题 */
.hello-about[data-v-913c43fe] {
  margin: 0.5rem 0;
  border-radius: 12px;
  background: var(--main-card-background);
  border: 1px solid var(--main-card-border);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  position: relative;
  overflow: hidden;
  user-select: none;
  height: 200px;
  animation: slide-in-913c43fe 0.6s 0.4s backwards;
  width: 100%;
}
.shapes[data-v-913c43fe] {
  position: relative;
  height: 200px;
  width: 100%;
  background: #2128bd;
  overflow: hidden;
}
.shape[data-v-913c43fe] {
  will-change: transform;
  position: absolute;
  border-radius: 50%;
}
.shape.shape-1[data-v-913c43fe] {
  background: #005ffe;
  width: 650px;
  height: 650px;
  margin: -325px 0 0 -325px;
}
.shape.shape-2[data-v-913c43fe] {
  background: #ffe5e3;
  width: 440px;
  height: 440px;
  margin: -220px 0 0 -220px;
}
.shape.shape-3[data-v-913c43fe] {
  background: #ffcc57;
  width: 270px;
  height: 270px;
  margin: -135px 0 0 -135px;
}
.hello-about .content[data-v-913c43fe] {
  top: 0;
  left: 0;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 200px;
  width: 100%;
  background: transparent;
  pointer-events: none;
}
.hello-about h1[data-v-913c43fe] {
  font-size: calc(18vw + 20px);
  color: #fff;
  margin: 0;
  text-align: center;
  font-weight: 700;
  line-height: 1;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  letter-spacing: -0.02em;
}
.cursor[data-v-913c43fe] {
  position: absolute;
  background: #2128bd;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  will-change: transform;
  user-select: none;
  pointer-events: none;
  z-index: 3;
}

/* 动画效果 */
@keyframes slide-in-913c43fe {
0% {
    transform: translateY(20px);
    opacity: 0;
}
100% {
    transform: translateY(0);
    opacity: 1;
}
}
/* 响应式设计 */
@media (max-width: 768px) {
.hello-about[data-v-913c43fe] {
    height: 160px;
}
.hello-about .shapes[data-v-913c43fe] {
    height: 160px;
}
.hello-about .content[data-v-913c43fe] {
    height: 160px;
}
.hello-about h1[data-v-913c43fe] {
    font-size: calc(15vw + 24px);
}
.cursor[data-v-913c43fe] {
    display: none;
}
}
@media (max-width: 480px) {
.hello-about[data-v-913c43fe] {
    height: 120px;
}
.hello-about .shapes[data-v-913c43fe] {
    height: 120px;
}
.hello-about .content[data-v-913c43fe] {
    height: 120px;
}
.hello-about h1[data-v-913c43fe] {
    font-size: calc(14vw + 20px);
}
}
/* 暗色主题 */
[data-theme=dark] .hello-about[data-v-913c43fe] {
  border-color: var(--main-card-border);
}
[data-theme=dark] .hello-about h1[data-v-913c43fe] {
  color: #fff;
}.author-content[data-v-aa4327e1] {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  margin-top: 0.5rem;
  gap: 0.5rem;
  width: 100%;
}
@media (max-width: 768px) {
.author-content[data-v-aa4327e1] {
    flex-direction: column;
}
}
.author-content-item[data-v-aa4327e1] {
  width: 49%;
  border-radius: 12px;
  background: var(--efu-card-bg, var(--main-card-background));
  border: var(--style-border-always, 1px solid var(--main-card-border));
  box-shadow: var(--efu-shadow-lightblack, 0 4px 8px rgba(0, 0, 0, 0.1));
  position: relative;
  padding: 1rem 2rem;
  overflow: hidden;
  min-height: 180px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
.author-content-item[data-v-aa4327e1] {
    width: 100%;
}
}
.myInfoAndWittyWord[data-v-aa4327e1] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: var(--efu-white, #fff);
  background: linear-gradient(120deg, #5b27ff 0, #00d4ff 100%);
  background-size: 200%;
  animation: gradient-aa4327e1 15s ease infinite;
  flex: 1;
}
.myInfoAndWittyWord .title1[data-v-aa4327e1] {
  opacity: 0.8;
  line-height: 1.3;
  font-size: 0.8rem;
}
.myInfoAndWittyWord .title2[data-v-aa4327e1] {
  font-size: 36px;
  font-weight: 700;
  line-height: 1.1;
  margin: 0.5rem 0;
}
.myInfoAndWittyWord .inline-word[data-v-aa4327e1] {
  word-break: keep-all;
  white-space: nowrap;
}
.aboutsiteTips[data-v-aa4327e1] {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  flex: 1;
}
.aboutsiteTips h2[data-v-aa4327e1] {
  margin-right: auto;
  width: 100%;
  font-size: 36px;
  line-height: 1.06;
  letter-spacing: -0.02em;
  color: var(--efu-fontcolor, var(--main-font-color));
  margin-top: 0;
}
@media (max-width: 768px) {
.aboutsiteTips h2[data-v-aa4327e1] {
    font-size: 28px;
}
}
.aboutsiteTips .mask[data-v-aa4327e1] {
  height: 36px;
  position: relative;
  overflow: hidden;
  margin-top: 4px;
}
.aboutsiteTips .mask span[data-v-aa4327e1] {
  display: block;
  box-sizing: border-box;
  position: absolute;
  top: 36px;
  padding-bottom: var(--offset, 0);
  background-size: 100% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  background-repeat: no-repeat;
  transform: translateY(0);
}
.aboutsiteTips .mask span[data-show][data-v-aa4327e1] {
  transform: translateY(-100%);
  transition: 0.5s transform ease-in-out;
}
.aboutsiteTips .mask span[data-up][data-v-aa4327e1] {
  transform: translateY(-200%);
  transition: 0.5s transform ease-in-out;
}
.aboutsiteTips .mask span[data-v-aa4327e1]:nth-child(1) {
  background-image: linear-gradient(45deg, #0ecffe 50%, #07a6f1);
}
.aboutsiteTips .mask span[data-v-aa4327e1]:nth-child(2) {
  background-image: linear-gradient(45deg, #18e198 50%, #0ec15d);
}
.aboutsiteTips .mask span[data-v-aa4327e1]:nth-child(3) {
  background-image: linear-gradient(45deg, #8a7cfb 50%, #633e9c);
}
.aboutsiteTips .mask span[data-v-aa4327e1]:nth-child(4) {
  background-image: linear-gradient(45deg, #fa7671 50%, #f45f7f);
}
.author-content-item-tips[data-v-aa4327e1] {
  opacity: 0.8;
  font-size: 0.6rem;
  margin-bottom: 0.5rem;
  color: var(--efu-fontcolor, var(--main-font-color));
}
@keyframes gradient-aa4327e1 {
0% {
    background-position: 0% 50%;
}
50% {
    background-position: 100% 50%;
}
100% {
    background-position: 0% 50%;
}
}.author-content[data-v-c64d7daf] {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
  margin-top: 0.5rem;
  gap: 0.5rem;
  width: 100%;
  overflow: hidden;
}
@media (max-width: 768px) {
.author-content[data-v-c64d7daf] {
    flex-direction: column;
    flex-wrap: wrap;
}
}
.author-content-item[data-v-c64d7daf] {
  border-radius: 12px;
  background: var(--main-card-background);
  border: 1px solid var(--main-card-border);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  position: relative;
  overflow: hidden;
  width: 50%;
}
@media (max-width: 768px) {
.author-content-item[data-v-c64d7daf] {
    width: 100%;
}
}
.skills[data-v-c64d7daf] {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  min-height: auto;
  flex: 1;
  padding: 1rem 2rem 0.5rem;
}
.skills .card-content[data-v-c64d7daf] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.skills .tags-group-all[data-v-c64d7daf] {
  display: flex;
  transform: rotate(0);
  transition: 0.3s;
}
.skills .tags-group-wrapper[data-v-c64d7daf] {
  margin-top: 20px;
  display: flex;
  flex-wrap: nowrap;
  animation: rowleft-quarter-c64d7daf 30s linear infinite;
}
.skills .skills-style-group[data-v-c64d7daf] {
  position: relative;
  width: 100%;
  min-height: 100px;
}
.skills .skills-list[data-v-c64d7daf] {
  display: flex;
  opacity: 0;
  transition: 0.3s;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  flex-wrap: wrap;
  flex-direction: row;
  margin-top: 10px;
  z-index: 10;
  min-height: 120px;
}
@media (min-width: 769px) {
.skills:hover .skills-style-group .tags-group-all[data-v-c64d7daf] {
    opacity: 0;
}
.skills:hover .skills-style-group .skills-list[data-v-c64d7daf] {
    opacity: 1;
}
}
@media (max-width: 768px) {
.skills[data-v-c64d7daf] {
    justify-content: center;
    align-items: center;
}
.skills .skills-style-group[data-v-c64d7daf] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 150px;
    cursor: pointer;
}
.skills .skills-style-group:hover .tags-group-all[data-v-c64d7daf] {
    opacity: 1;
    display: flex !important;
}
.skills .skills-style-group:hover .skills-list[data-v-c64d7daf] {
    opacity: 0;
    display: none;
}
.skills .skills-style-group .tags-group-all[data-v-c64d7daf] {
    opacity: 1;
    display: flex !important;
    position: relative;
    transform: none;
}
.skills .skills-style-group .skills-list[data-v-c64d7daf] {
    opacity: 0;
    position: absolute;
    display: none;
    pointer-events: none;
    transform: none;
}
.skills.show-list .skills-style-group .tags-group-all[data-v-c64d7daf] {
    opacity: 0;
    display: none !important;
    position: absolute;
    transform: none;
}
.skills.show-list .skills-style-group .skills-list[data-v-c64d7daf] {
    opacity: 1;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: auto;
    transform: none;
}
}
.skills .skill-info[data-v-c64d7daf] {
  display: flex;
  align-items: center;
  margin-right: 10px;
  margin-top: 10px;
  background: var(--main-site-background);
  border-radius: 40px;
  padding: 4px 12px 4px 8px;
  border: 1px solid var(--main-card-border);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
.skills .etc[data-v-c64d7daf] {
  margin-right: 10px;
  margin-top: 10px;
}
.skills .skill-icon[data-v-c64d7daf] {
  width: 32px;
  height: 32px;
  border-radius: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
  user-select: none;
}
.skills .skill-icon img[data-v-c64d7daf] {
  width: 18px;
  height: 18px;
}
.skills .skill-name[data-v-c64d7daf] {
  font-weight: 700;
  line-height: 1;
}
.tags-group-icon-pair[data-v-c64d7daf] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-right: 16px;
}
.tags-group-icon[data-v-c64d7daf] {
  width: 60px;
  height: 60px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tags-group-icon img[data-v-c64d7daf] {
  width: 36px;
  height: 36px;
  object-fit: contain;
}
.tags-group-icon i[data-v-c64d7daf] {
  font-size: 32px;
}
.careers[data-v-c64d7daf] {
  min-height: auto;
  flex: 1;
  padding: 1rem 2rem 0.5rem;
  display: flex;
  flex-direction: column;
}
.careers .card-content[data-v-c64d7daf] {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.careers .careers-group[data-v-c64d7daf] {
  margin-top: 8px;
  margin-bottom: 8px;
}
.careers .careers-group .careers-item[data-v-c64d7daf] {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.careers .careers-group .careers-item .circle[data-v-c64d7daf] {
  width: 16px;
  height: 16px;
  margin-right: 8px;
  border-radius: 16px;
}
.careers .careers-group .careers-item .name[data-v-c64d7daf] {
  color: var(--main-font-second-color);
}
.careers .timeline-container[data-v-c64d7daf] {
  margin-top: 0;
  padding: 10px 0 30px;
  width: 100%;
  overflow: visible;
}
.careers .timeline-wrapper[data-v-c64d7daf] {
  position: relative;
  width: 100%;
  height: 130px;
}
.careers .timeline-line[data-v-c64d7daf] {
  position: absolute;
  top: 75px;
  left: 0;
  right: 0;
  height: 4px;
  background: var(--main-card-border);
  border-radius: 2px;
}
.careers .timeline-years[data-v-c64d7daf] {
  position: absolute;
  top: 84px;
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-between;
  padding: 0 10px;
  z-index: 5;
}
.careers .timeline-years .year-mark[data-v-c64d7daf] {
  font-size: 12px;
  color: var(--main-font-second-color);
  background: var(--main-card-background);
  padding: 2px 6px;
  border-radius: 4px;
  border: 1px solid var(--main-card-border);
  white-space: nowrap;
}
@media (max-width: 768px) {
.careers .timeline-years[data-v-c64d7daf] {
    padding: 0 2px;
}
.careers .timeline-years .year-mark[data-v-c64d7daf] {
    font-size: 9px;
    padding: 1px 2px;
    transform: scale(0.9);
}
}
.careers .timeline-events[data-v-c64d7daf] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
}
.careers .timeline-event[data-v-c64d7daf] {
  position: absolute;
  height: 32px;
}
.careers .timeline-event.edu[data-v-c64d7daf] {
  top: 15px;
  left: 8%;
  right: 15%;
}
.careers .timeline-event.edu .event-label[data-v-c64d7daf] {
  color: #3b82f6;
}
.careers .timeline-event.edu .event-bar[data-v-c64d7daf] {
  background: #3b82f6;
}
.careers .timeline-event.edu .dot[data-v-c64d7daf] {
  background: #3b82f6;
}
.careers .timeline-event.blog[data-v-c64d7daf] {
  top: 55px;
  left: 35%;
  right: 30%;
}
.careers .timeline-event.blog .event-label[data-v-c64d7daf] {
  color: #f59e0b;
  top: -16px;
}
.careers .timeline-event.blog .event-bar[data-v-c64d7daf] {
  background: #f59e0b;
}
.careers .timeline-event.blog .dot[data-v-c64d7daf] {
  background: #f59e0b;
}
.careers .timeline-event.blog .event-now[data-v-c64d7daf] {
  position: absolute;
  right: -10px;
  top: 38px;
  font-size: 11px;
  color: #f59e0b;
  background: var(--main-card-background);
  padding: 2px 6px;
  border-radius: 4px;
  border: 1px solid var(--main-card-border);
}
.careers .timeline-event .event-label[data-v-c64d7daf] {
  position: absolute;
  top: -18px;
  font-size: 13px;
  font-weight: bold;
}
.careers .timeline-event .event-bar[data-v-c64d7daf] {
  height: 24px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.careers .timeline-event .event-bar .event-name[data-v-c64d7daf] {
  color: white;
  font-size: 12px;
  font-weight: 500;
}
.careers .timeline-event .event-dots[data-v-c64d7daf] {
  position: absolute;
  top: 26px;
  left: 0;
  right: 0;
  height: 16px;
}
.careers .timeline-event .event-dots .dot[data-v-c64d7daf] {
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
}
.careers .timeline-event .event-dots .dot.start[data-v-c64d7daf] {
  left: 0;
}
.careers .timeline-event .event-dots .dot.end[data-v-c64d7daf] {
  right: 0;
}
.author-content-item-tips[data-v-c64d7daf] {
  opacity: 0.8;
  font-size: 0.6rem;
  margin-bottom: 0.5rem;
  color: var(--main-font-color);
}
.author-content-item-title[data-v-c64d7daf] {
  font-size: 36px;
  font-weight: 700;
  line-height: 1.1;
  color: var(--main-font-color);
}
@keyframes rowleft-quarter-c64d7daf {
0% {
    transform: translateX(0);
}
100% {
    transform: translateX(-50%);
}
}.author-content[data-v-be5b5ed2] {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 0.5rem;
  gap: 0.5rem;
  width: 100%;
}
@media (max-width: 768px) {
.author-content[data-v-be5b5ed2] {
    flex-direction: column;
}
}
.author-content-item[data-v-be5b5ed2] {
  width: 49%;
  border-radius: 12px;
  border: var(--style-border-always, 1px solid var(--main-card-border));
  box-shadow: var(--efu-shadow-lightblack, 0 4px 8px rgba(0, 0, 0, 0.1));
  position: relative;
  padding: 1rem 2rem;
  overflow: hidden;
}
@media (max-width: 768px) {
.author-content-item[data-v-be5b5ed2] {
    width: 100%;
}
}
.maxim[data-v-be5b5ed2] {
  font-size: 36px;
  font-weight: 700;
  line-height: 1.1;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  background: var(--efu-card-bg, var(--main-card-background));
  min-height: 200px;
}
.maxim .maxim-title[data-v-be5b5ed2] {
  display: flex;
  flex-direction: column;
}
.maxim .maxim-title span[data-v-be5b5ed2]:first-child {
  opacity: 0.6;
  margin-bottom: 8px;
  font-size: 0.6rem;
}
.maxim .author-content-item-tips[data-v-be5b5ed2] {
  opacity: 0.8;
  font-size: 0.6rem;
  margin-bottom: 0.5rem;
}
.buff[data-v-be5b5ed2] {
  font-size: 36px;
  font-weight: 700;
  line-height: 1.1;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  background: linear-gradient(120deg, #ff27e8 0, #ff8000 100%);
  color: var(--efu-white, #fff);
  background-size: 200%;
  animation: gradient-be5b5ed2 15s ease infinite;
  min-height: 200px;
  height: fit-content;
}
.buff .card-content[data-v-be5b5ed2] {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.buff .buff-title[data-v-be5b5ed2] {
  display: flex;
  flex-direction: column;
}
.buff .buff-title span[data-v-be5b5ed2]:first-child {
  opacity: 0.6;
  margin-bottom: 8px;
}
.buff .author-content-item-tips[data-v-be5b5ed2] {
  opacity: 0.8;
  font-size: 0.6rem;
  margin-bottom: 0.5rem;
}
.buff .inline-word[data-v-be5b5ed2] {
  word-break: keep-all;
  white-space: nowrap;
}
@keyframes gradient-be5b5ed2 {
0% {
    background-position: 0% 50%;
}
50% {
    background-position: 100% 50%;
}
100% {
    background-position: 0% 50%;
}
}.author-content[data-v-abc12ea2] {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 0.5rem;
  gap: 0.5rem;
  width: 100%;
}
@media (max-width: 768px) {
.author-content[data-v-abc12ea2] {
    flex-direction: column;
}
}
.author-content-item[data-v-abc12ea2] {
  width: 49%;
  border-radius: 12px;
  background: var(--efu-card-bg, var(--main-card-background));
  border: var(--style-border-always, 1px solid var(--main-card-border));
  box-shadow: var(--efu-shadow-lightblack, 0 4px 8px rgba(0, 0, 0, 0.1));
  position: relative;
  padding: 1rem 2rem;
  overflow: hidden;
}
@media (max-width: 768px) {
.author-content-item[data-v-abc12ea2] {
    width: 100%;
}
}
.personalities[data-v-abc12ea2] {
  overflow: hidden;
  position: relative;
  flex: 6;
  height: 60%;
  min-height: 240px;
}
@media (max-width: 768px) {
.personalities[data-v-abc12ea2] {
    min-height: 240px;
}
}
.personalities .title2[data-v-abc12ea2] {
  font-size: 36px;
  font-weight: 700;
  line-height: 1.1;
}
.personalities .image[data-v-abc12ea2] {
  position: absolute;
  right: -20px;
  bottom: -2rem;
  transition: transform 2s cubic-bezier(0.13, 0.45, 0.21, 1.02);
  user-select: none;
  z-index: 1;
}
@media (max-width: 768px) {
.personalities .image[data-v-abc12ea2] {
    right: -60px;
    bottom: 20px;
    z-index: 0;
}
}
.personalities .image img[data-v-abc12ea2] {
  max-width: 280px;
  height: auto;
}
@media (max-width: 768px) {
.personalities .image img[data-v-abc12ea2] {
    max-width: 200px;
}
}
.personalities:hover .image[data-v-abc12ea2] {
  transform: rotate(-10deg) translateY(-10px);
}
.personalities .post-tips[data-v-abc12ea2] {
  position: relative;
  margin-top: 1rem;
  font-size: 0.75rem;
  color: var(--efu-secondtext, var(--main-font-second-color));
  z-index: 2;
  padding: 4px 0;
}
.personalities .post-tips a[data-v-abc12ea2] {
  color: var(--efu-main, var(--main-color));
  text-decoration: none;
}
.personalities .post-tips a[data-v-abc12ea2]:hover {
  text-decoration: underline;
}
.myphoto[data-v-abc12ea2] {
  height: 60%;
  min-height: 240px;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.myphoto img[data-v-abc12ea2] {
  position: absolute;
  height: 100%;
  min-width: 100%;
  object-fit: cover;
  transition: 0.6s;
  user-select: none;
}
.myphoto:hover img[data-v-abc12ea2] {
  min-width: 105%;
  transition: 2s;
}
.myphoto .myphoto-title[data-v-abc12ea2] {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: var(--efu-maskbgdeep, rgba(0, 0, 0, 0.6));
  padding: 0.5rem 2rem;
  backdrop-filter: saturate(180%) blur(20px);
  -webkit-backdrop-filter: blur(20px);
  transform: translateZ(0);
  color: var(--efu-white, #fff);
  font-size: 1rem;
}
.author-content-item-tips[data-v-abc12ea2] {
  opacity: 0.8;
  font-size: 0.6rem;
  margin-bottom: 0.5rem;
  color: var(--efu-fontcolor, var(--main-font-color));
}
.author-content-item-title[data-v-abc12ea2] {
  font-size: 36px;
  font-weight: 700;
  line-height: 1.1;
  color: var(--efu-fontcolor, var(--main-font-color));
  display: block;
  margin-bottom: 0.5rem;
}.author-content[data-v-bd81d7b3] {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 0.5rem;
  gap: 0.5rem;
  width: 100%;
}
@media (max-width: 768px) {
.author-content[data-v-bd81d7b3] {
    flex-direction: column;
}
}
.author-content-item[data-v-bd81d7b3] {
  border-radius: 12px;
  background: var(--efu-card-bg, var(--main-card-background));
  border: var(--style-border-always, 1px solid var(--main-card-border));
  box-shadow: var(--efu-shadow-lightblack, 0 4px 8px rgba(0, 0, 0, 0.1));
  position: relative;
  overflow: hidden;
}
.game[data-v-bd81d7b3] {
  min-height: 300px;
  overflow: hidden;
  color: var(--efu-white, #fff);
  flex: 1;
  width: calc(33.333% - 0.35rem);
}
@media (max-width: 992px) {
.game[data-v-bd81d7b3] {
    width: calc(50% - 0.25rem);
}
}
@media (max-width: 768px) {
.game[data-v-bd81d7b3] {
    width: 100%;
}
}
.game[data-v-bd81d7b3]::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  box-shadow: 0 -69px 203px 11px #050b20 inset;
}
.game .card-content[data-v-bd81d7b3] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  padding: 1rem 2rem;
}
.game .author-content-item-tips[data-v-bd81d7b3] {
  opacity: 0.8;
  font-size: 0.6rem;
  margin-bottom: 0.5rem;
  color: #fff;
}
.game .author-content-item-title[data-v-bd81d7b3] {
  font-size: 28px;
  font-weight: 700;
  line-height: 1.1;
  color: #fff;
}
.game .content-bottom[data-v-bd81d7b3] {
  margin-top: auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.game .content-bottom .content-left[data-v-bd81d7b3] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.game .content-bottom .icon-group[data-v-bd81d7b3] {
  display: flex;
  gap: 0.5rem;
}
.game .content-bottom .icon-group .icon-item[data-v-bd81d7b3] {
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
}
.game .content-bottom .icon-group .icon-item.is-emoji[data-v-bd81d7b3] {
  font-size: 20px;
  line-height: 24px;
  text-align: center;
}
.game .content-bottom .tips[data-v-bd81d7b3] {
  font-size: 0.875rem;
  opacity: 0.8;
}
.game .content-bottom .tips-right[data-v-bd81d7b3] {
  text-align: right;
}.author-content[data-v-c0485c07] {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 0.5rem;
  gap: 0.5rem;
  width: 100%;
}
@media (max-width: 768px) {
.author-content[data-v-c0485c07] {
    flex-direction: column;
}
}
.author-content-item[data-v-c0485c07] {
  border-radius: 12px;
  background: var(--main-card-background);
  border: 1px solid var(--main-card-border);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  position: relative;
  overflow: visible;
  min-height: 400px;
  color: #fff;
  flex: 1;
  width: calc(50% - 0.25rem);
}
@media (max-width: 768px) {
.author-content-item[data-v-c0485c07] {
    width: 100%;
}
}
.author-content-item.comic[data-v-c0485c07] {
  overflow: hidden;
}
.author-content-item .card-content[data-v-c0485c07] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  padding: 1rem 2rem;
}
.author-content-item .author-content-item-tips[data-v-c0485c07] {
  opacity: 0.8;
  font-size: 0.6rem;
  margin-bottom: 0.5rem;
}
.author-content-item .author-content-item-title[data-v-c0485c07] {
  font-size: 28px;
  font-weight: 700;
  line-height: 1.1;
}
.author-content-item .content-bottom[data-v-c0485c07] {
  margin-top: auto;
}
.author-content-item .content-bottom .tips[data-v-c0485c07] {
  font-size: 0.875rem;
  opacity: 0.8;
  margin-bottom: 1rem;
}
.author-content-item .content-bottom .banner-button-group .banner-button[data-v-c0485c07] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  color: #fff;
  text-decoration: none;
  transition: 0.3s;
}
.author-content-item .content-bottom .banner-button-group .banner-button[data-v-c0485c07]:hover {
  background: var(--main-color);
}
.author-content-item .content-bottom .banner-button-group .banner-button i[data-v-c0485c07] {
  font-size: 14px;
}
.comic-content[data-v-c0485c07] {
  min-height: 300px;
  overflow: hidden;
  border-radius: 24px;
  background: var(--main-card-background);
  border: 1px solid var(--main-card-border);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  position: relative;
  transition: all 0.3s ease;
  animation: slide-in-c0485c07 0.6s 0.6s backwards;
  flex: 1;
  width: calc(50% - 0.25rem);
}
@media (max-width: 768px) {
.comic-content[data-v-c0485c07] {
    width: 100%;
    min-height: 250px;
}
}
.comic-content[data-v-c0485c07]::after {
  box-shadow: 0 -48px 203px 11px #fbe9b8 inset;
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
}
.comic-content[data-v-c0485c07]:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
}
.comic-content .card-content[data-v-c0485c07] {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  height: 100%;
  width: 100%;
  flex-direction: column;
  padding: 1rem 2rem;
}
.comic-content .author-content-item-tips[data-v-c0485c07],
.comic-content .author-content-item-title[data-v-c0485c07] {
  z-index: 2;
  color: #fff;
  pointer-events: none;
  position: relative;
}
.comic-content .author-content-item-tips[data-v-c0485c07] {
  opacity: 0.8;
  font-size: 12px;
  margin-bottom: 0.5rem;
}
.comic-content .author-content-item-title[data-v-c0485c07] {
  font-size: 32px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 1rem;
}
.comic-content .comic-box[data-v-c0485c07] {
  display: flex;
  width: 120%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  z-index: 1;
}
@media (max-width: 768px) {
.comic-content .comic-box[data-v-c0485c07] {
    width: 140%;
}
}
.comic-content .comic-item[data-v-c0485c07] {
  height: 100%;
  color: #fff;
  width: 20%;
  transform: skew(-10deg, 0deg);
  transition: 0.8s;
  position: relative;
  overflow: hidden;
  display: block;
  text-decoration: none;
}
.comic-content .comic-item[data-v-c0485c07]:hover {
  width: 46%;
}
.comic-content .comic-item:hover .comic-item-cover[data-v-c0485c07] {
  left: 16%;
  transform: skew(10deg, 0deg) scale(1.6);
}
.comic-content .comic-item .comic-item-cover[data-v-c0485c07] {
  position: absolute;
  top: 0;
  left: -50%;
  height: 100%;
  width: 200%;
  transform: skew(10deg, 0deg);
  object-fit: cover;
  transition: scale 0.2s, all 0.8s;
}
.comic-content .comic-item .comic-item-cover img[data-v-c0485c07] {
  height: 100%;
  width: 100%;
  max-width: none;
  border-radius: 0;
  object-fit: cover;
  transition: 0.8s;
}
@keyframes slide-in-c0485c07 {
0% {
    transform: translateY(20px);
    opacity: 0;
}
100% {
    transform: translateY(0);
    opacity: 1;
}
}
.like-item[data-v-c0485c07] {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.like-item[data-v-c0485c07]::after {
  box-shadow: 0 -69px 203px 11px #0e0e0e inset;
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
}
.like-item.like-technology[data-v-c0485c07] {
  min-height: 230px;
}
.like-item.like-technology[data-v-c0485c07]::after {
  box-shadow: 0 -69px 203px 11px #050b20 inset;
}
.like-item.like-music[data-v-c0485c07] {
  min-height: 300px;
  overflow: hidden;
}
@media (max-width: 768px) {
.like-item.like-music[data-v-c0485c07] {
    min-height: 250px;
}
}
.like-item.like-music[data-v-c0485c07]::after {
  box-shadow: 0 -69px 203px 11px #0e0e0e inset;
}.author-content[data-v-c15a28e8] {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
  margin-top: 0.5rem;
  gap: 0.5rem;
  width: 100%;
}
@media (max-width: 768px) {
.author-content[data-v-c15a28e8] {
    flex-direction: column;
}
}
.author-content-item[data-v-c15a28e8] {
  border-radius: 12px;
  background: var(--main-card-background);
  border: 1px solid var(--main-card-border);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  position: relative;
  overflow: hidden;
}
.author-content-item .card-content[data-v-c15a28e8] {
  z-index: 2;
  position: relative;
}
.about-statistic[data-v-c15a28e8] {
  min-height: 380px;
  background-size: cover !important;
  background-position: center !important;
  color: #fff;
  width: 33.333%;
  flex-shrink: 0;
  padding: 1rem 2rem;
}
@media (max-width: 768px) {
.about-statistic[data-v-c15a28e8] {
    width: 100%;
    min-height: 300px;
}
}
.about-statistic[data-v-c15a28e8]::after {
  box-shadow: 0 -159px 173px 71px #0f1114 inset;
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.about-statistic #statistic[data-v-c15a28e8] {
  font-size: 16px;
  border-radius: 15px;
  width: 100%;
  color: #fff;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 4px;
  margin-bottom: 2rem;
}
.about-statistic #statistic div[data-v-c15a28e8] {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  width: 50%;
  margin-bottom: 0.5rem;
}
.about-statistic #statistic div span[data-v-c15a28e8]:first-child {
  opacity: 0.8;
  font-size: 0.6rem;
}
.about-statistic #statistic div span[data-v-c15a28e8]:last-child {
  font-weight: 700;
  font-size: 34px;
  line-height: 1;
  white-space: nowrap;
}
.about-statistic .banner-button[data-v-c15a28e8] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  color: #fff;
  text-decoration: none;
  transition: 0.3s;
}
.about-statistic .banner-button[data-v-c15a28e8]:hover {
  background: var(--main-color);
}
.author-content-item-group.column[data-v-c15a28e8] {
  display: flex;
  flex-direction: column;
  width: 66.666%;
  justify-content: space-between;
  gap: 0.5rem;
}
@media (max-width: 768px) {
.author-content-item-group.column[data-v-c15a28e8] {
    width: 100%;
}
}
.author-content-item-group.mapAndInfo[data-v-c15a28e8] {
  flex: none;
}
.map[data-v-c15a28e8] {
  min-height: 160px;
  max-height: 400px;
  position: relative;
  overflow: hidden;
  height: 60%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition: 1s ease-in-out;
  padding: 0;
}
.map .map-title[data-v-c15a28e8] {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.4);
  padding: 0.5rem 2rem;
  backdrop-filter: saturate(180%) blur(20px);
  transition: 1s ease-in-out;
  font-size: 20px;
  transform: translateZ(0);
  color: #fff;
}
@media (max-width: 768px) {
.map .map-title[data-v-c15a28e8] {
    padding: 1rem;
}
}
@media (max-width: 768px) {
.map[data-v-c15a28e8] {
    margin-bottom: 0;
}
}
.map[data-v-c15a28e8]:hover {
  background-size: 120%;
  transition: 4s ease-in-out;
}
.map:hover .map-title[data-v-c15a28e8] {
  bottom: -100%;
}
.selfInfo[data-v-c15a28e8] {
  display: flex;
  min-height: 100px;
  max-height: 400px;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  height: 40%;
  padding: 1rem 2rem;
  background: var(--main-card-background);
}
@media (max-width: 1300px) {
.selfInfo[data-v-c15a28e8] {
    height: auto;
}
}
@media (max-width: 768px) {
.selfInfo[data-v-c15a28e8] {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
}
}
.selfInfo div[data-v-c15a28e8] {
  display: flex;
  flex-direction: column;
  margin: 0.5rem 2rem 0.5rem 0;
}
.selfInfo .selfInfo-title[data-v-c15a28e8] {
  opacity: 0.8;
  font-size: 0.6rem;
  line-height: 1;
  margin-bottom: 8px;
  color: var(--main-font-color);
}
.selfInfo .selfInfo-content[data-v-c15a28e8] {
  font-weight: 700;
  font-size: 34px;
  line-height: 1;
}
.author-content-item-tips[data-v-c15a28e8] {
  opacity: 0.8;
  font-size: 0.6rem;
  margin-bottom: 0.5rem;
  color: #fff;
}
.author-content-item-title[data-v-c15a28e8] {
  font-size: 36px;
  font-weight: 700;
  line-height: 1.1;
  color: #fff;
  display: block;
  margin-bottom: 0.5rem;
}
.post-tips[data-v-c15a28e8] {
  font-size: 0.875rem;
  margin-bottom: 1rem;
  color: #fff;
  opacity: 0.8;
}.author-content[data-v-67a8ef80] {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 0.5rem;
  gap: 0.5rem;
  width: 100%;
}
.author-content-item[data-v-67a8ef80] {
  width: 100%;
  border-radius: 12px;
  background: var(--efu-card-bg, var(--main-card-background));
  border: var(--style-border-always, 1px solid var(--main-card-border));
  box-shadow: var(--efu-shadow-lightblack, 0 4px 8px rgba(0, 0, 0, 0.1));
  position: relative;
  padding: 1rem 2rem;
  overflow: hidden;
}
.create-site-post .author-content-item-tips[data-v-67a8ef80] {
  opacity: 0.8;
  font-size: 0.6rem;
  margin-bottom: 0.5rem;
  color: var(--efu-fontcolor, var(--main-font-color));
}
.create-site-post .author-content-item-title[data-v-67a8ef80] {
  font-size: 36px;
  font-weight: 700;
  line-height: 1.1;
  color: var(--efu-fontcolor, var(--main-font-color));
  display: block;
  margin-bottom: 1rem;
}
.create-site-post .cause-content[data-v-67a8ef80] {
  font-size: 16px;
  line-height: 1.8;
  color: var(--efu-fontcolor, var(--main-font-color));
}
.create-site-post .cause-content[data-v-67a8ef80] p {
  margin-bottom: 1rem;
}
.create-site-post .cause-content[data-v-67a8ef80] p:last-child {
  margin-bottom: 0;
}.author-content[data-v-6621a659] {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 0.5rem;
  gap: 0.5rem;
  width: 100%;
}
.author-content-item[data-v-6621a659] {
  width: 100%;
  border-radius: 12px;
  background: var(--efu-card-bg, var(--main-card-background));
  border: var(--style-border-always, 1px solid var(--main-card-border));
  box-shadow: var(--efu-shadow-lightblack, 0 4px 8px rgba(0, 0, 0, 0.1));
  position: relative;
  padding: 1rem 2rem;
  overflow: hidden;
}
.create-site-post .author-content-item-tips[data-v-6621a659] {
  opacity: 0.8;
  font-size: 0.6rem;
  margin-bottom: 0.5rem;
  color: var(--efu-fontcolor, var(--main-font-color));
}
.create-site-post .author-content-item-title[data-v-6621a659] {
  font-size: 36px;
  font-weight: 700;
  line-height: 1.1;
  color: var(--efu-fontcolor, var(--main-font-color));
  display: block;
  margin-bottom: 1rem;
}
.create-site-post p[data-v-6621a659] {
  font-size: 16px;
  line-height: 1.8;
  color: var(--efu-fontcolor, var(--main-font-color));
  margin-bottom: 1.5rem;
}
.percentage-label[data-v-6621a659] {
  position: absolute;
  left: 0;
  font-size: 14px;
  color: var(--efu-card-bg, var(--main-card-background));
  font-weight: bold;
  top: 10px;
  white-space: nowrap;
  transition: left 0.5s linear;
  visibility: visible;
}
.time-labels[data-v-6621a659] {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.time-labels > div[data-v-6621a659] {
  font-size: 14px;
  color: var(--efu-fontcolor, var(--main-font-color));
}
.tenyear-timeline[data-v-6621a659] {
  width: 100%;
  background-color: var(--efu-background, var(--main-site-background));
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
  border-radius: 0.5rem;
  height: 2.5rem;
}
.progress[data-v-6621a659] {
  width: 0;
  height: 100%;
  background-color: var(--efu-main, var(--main-color));
  position: absolute;
  animation-delay: -0.1s;
  border-radius: 0.5rem;
  animation: progressAnimation-6621a659 2s linear forwards;
}
@keyframes progressAnimation-6621a659 {
0% {
    width: 0;
}
100% {
    width: var(--progress-percentage, 0);
}
}
.author-content[data-v-a11cfe87] {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 0.5rem;
  gap: 0.5rem;
  width: 100%;
}
.author-content-item[data-v-a11cfe87] {
  width: 49%;
  border-radius: 24px;
  background: var(--anzhiyu-card-bg, var(--main-card-background));
  border: var(--style-border-always, 1px solid var(--main-card-border));
  box-shadow: var(--anzhiyu-shadow-border, 0 4px 8px rgba(0, 0, 0, 0.1));
  position: relative;
  padding: 1rem 2rem;
  overflow: hidden;
}
@media (max-width: 768px) {
.author-content-item[data-v-a11cfe87] {
    width: 100%;
}
}
.author-content-item.single[data-v-a11cfe87] {
  width: 100%;
}
.author-content-item.single.reward[data-v-a11cfe87] {
  overflow: unset;
}
.author-content-item.single.reward .author-content-item-title[data-v-a11cfe87] {
  color: var(--anzhiyu-red, #ef4444);
}
.author-content-item.single.reward .author-content-item-description[data-v-a11cfe87] {
  font-size: 16px;
  margin-top: 0.5rem;
  margin-bottom: 1rem;
  color: var(--anzhiyu-fontcolor, var(--main-font-color));
}
.author-content-item-tips[data-v-a11cfe87] {
  opacity: 0.8;
  font-size: 12px;
  margin-bottom: 0.5rem;
  color: var(--anzhiyu-fontcolor, var(--main-font-color));
}
.author-content-item-title[data-v-a11cfe87] {
  font-size: 36px;
  font-weight: 700;
  line-height: 1;
  color: var(--anzhiyu-fontcolor, var(--main-font-color));
  display: block;
  margin-bottom: 0.5rem;
}
.reward-list-all[data-v-a11cfe87] {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
.reward-list-item[data-v-a11cfe87] {
  padding: 1rem;
  border-radius: 12px;
  border: var(--style-border-always, 1px solid var(--main-card-border));
  width: calc(20% - 0.5rem);
  margin: 0 0.25rem 0.5rem 0.25rem;
  box-shadow: var(--anzhiyu-shadow-border, 0 2px 4px rgba(0, 0, 0, 0.05));
  background: var(--anzhiyu-card-bg, var(--main-card-background));
}
@media (max-width: 1200px) {
.reward-list-item[data-v-a11cfe87] {
    width: calc(33.3333333333% - 0.5rem);
}
}
@media (max-width: 768px) {
.reward-list-item[data-v-a11cfe87] {
    width: 100%;
}
}
.reward-list-item .reward-list-item-name[data-v-a11cfe87] {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 0.5rem;
  color: var(--anzhiyu-fontcolor, var(--main-font-color));
}
.reward-list-item .reward-list-bottom-group[data-v-a11cfe87] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 0.5rem;
}
.reward-list-item .reward-list-item-money[data-v-a11cfe87] {
  padding: 4px;
  background: var(--anzhiyu-fontcolor, var(--main-font-color, #333));
  color: var(--anzhiyu-card-bg, var(--main-card-background, #fff));
  font-size: 12px;
  line-height: 1;
  border-radius: 4px;
  margin-right: 4px;
  white-space: nowrap;
  display: inline-block;
  min-width: 30px;
  text-align: center;
}
.reward-list-item .reward-list-item-money.high-amount[data-v-a11cfe87] {
  background: var(--anzhiyu-yellow, #f59e0b);
}
.reward-list-item .reward-list-item-time[data-v-a11cfe87] {
  font-size: 12px;
  color: var(--anzhiyu-secondtext, var(--main-font-second-color));
  white-space: nowrap;
}
.reward-list-updateDate[data-v-a11cfe87] {
  color: var(--anzhiyu-gray, #999);
  font-size: 14px;
  margin-top: 0.5rem;
}
.reward-header[data-v-a11cfe87] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 1rem;
  position: relative;
}
@media (max-width: 768px) {
.reward-header[data-v-a11cfe87] {
    flex-direction: column;
    gap: 1rem;
}
}
.reward-title-group[data-v-a11cfe87] {
  flex: 1;
}
.about-reward[data-v-a11cfe87] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 0;
  min-width: 320px;
  margin-right: 0.5rem;
}
@media (max-width: 768px) {
.about-reward[data-v-a11cfe87] {
    min-width: 100%;
    justify-content: center;
    margin-right: 0;
}
}
#con[data-v-a11cfe87] {
  width: 320px;
  height: 75px;
  position: relative;
  border-radius: 4px;
}
@media (max-width: 768px) {
#con[data-v-a11cfe87] {
    width: 280px;
    height: 70px;
}
}
#TA-con[data-v-a11cfe87] {
  width: 130px;
  height: 42px;
  background-color: #f25d8e;
  box-shadow: 0 4px 4px rgba(255, 112, 159, 0.3);
  position: absolute;
  top: 50%;
  left: 18%;
  transform: translateY(-50%);
  border-radius: 4px;
  cursor: pointer;
  z-index: 2;
}
@media (max-width: 768px) {
#TA-con[data-v-a11cfe87] {
    width: 110px;
    height: 36px;
    left: 40px;
}
}
#TA-con[data-v-a11cfe87]:hover {
  background-color: #ff6b9a;
}
#text-con[data-v-a11cfe87] {
  width: 90px;
  height: 100%;
  margin: 0 auto;
  position: relative;
}
@media (max-width: 768px) {
#text-con[data-v-a11cfe87] {
    width: 80px;
}
}
#linght[data-v-a11cfe87] {
  width: 0;
  height: 0;
  position: absolute;
  top: 32%;
  left: 2px;
  border-color: transparent;
  border-style: solid;
  border-width: 8px;
  border-top: 8px solid #fff;
  border-radius: 3px;
  transform: rotate(-55deg);
}
@media (max-width: 768px) {
#linght[data-v-a11cfe87] {
    border-width: 7px;
    border-top: 7px solid #fff;
    top: 30%;
}
}
#linght[data-v-a11cfe87]::after {
  position: absolute;
  top: -11px;
  left: -9px;
  content: "";
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 8px;
  border-top: 8px solid #fff;
  transform: rotate(180deg);
  border-radius: 3px;
}
@media (max-width: 768px) {
#linght[data-v-a11cfe87]::after {
    border-width: 7px;
    border-top: 7px solid #fff;
    top: -10px;
    left: -8px;
}
}
#TA[data-v-a11cfe87] {
  float: right;
  line-height: 42px;
  font-size: 14px;
  color: #fff;
  font-weight: 500;
}
@media (max-width: 768px) {
#TA[data-v-a11cfe87] {
    line-height: 36px;
    font-size: 13px;
}
}
#tube-con[data-v-a11cfe87] {
  width: 130px;
  height: 46px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 768px) {
#tube-con[data-v-a11cfe87] {
    width: 110px;
    height: 40px;
}
}
#tube-con svg[data-v-a11cfe87] {
  width: 100%;
  height: 100%;
}
#mask[data-v-a11cfe87] {
  width: 0px;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.5s;
}
#mask svg[data-v-a11cfe87] {
  width: 130px;
  height: 46px;
}
@media (max-width: 768px) {
#mask svg[data-v-a11cfe87] {
    width: 110px;
    height: 40px;
}
}
#TA-con:hover + #tube-con > #mask[data-v-a11cfe87],
#tube-con:hover > #mask[data-v-a11cfe87] {
  width: 130px;
}
@media (max-width: 768px) {
#TA-con:hover + #tube-con > #mask[data-v-a11cfe87],
  #tube-con:hover > #mask[data-v-a11cfe87] {
    width: 110px;
}
}
#TA-con:hover + #tube-con > #orange-mask[data-v-a11cfe87],
#tube-con:hover > #orange-mask[data-v-a11cfe87] {
  animation: move1-a11cfe87 0.5s linear 0.2s infinite;
}
#TA-con:hover + #tube-con > #orange-mask svg[data-v-a11cfe87],
#tube-con:hover > #orange-mask svg[data-v-a11cfe87] {
  animation: movetwo-a11cfe87 0.5s linear 0.2s infinite;
}
#orange-mask[data-v-a11cfe87] {
  width: 15px;
  height: 100%;
  overflow: hidden;
  position: absolute;
  left: -12px;
  top: 0px;
}
@media (max-width: 768px) {
#orange-mask[data-v-a11cfe87] {
    width: 12px;
    left: -10px;
}
}
#orange-mask svg[data-v-a11cfe87] {
  position: absolute;
  top: 0;
  left: 12px;
  width: 130px;
  height: 46px;
}
@media (max-width: 768px) {
#orange-mask svg[data-v-a11cfe87] {
    left: 10px;
    width: 110px;
    height: 40px;
}
}
@keyframes move1-a11cfe87 {
0% {
    transform: translateX(-12px);
}
100% {
    transform: translateX(115px);
}
}
@keyframes movetwo-a11cfe87 {
0% {
    transform: translateX(12px);
}
100% {
    transform: translateX(-115px);
}
}
#people[data-v-a11cfe87] {
  position: absolute;
  right: 8px;
  top: 8px;
  font-size: 11px;
  font-family: "Microsoft YaHei", "雅黑", sans-serif;
  color: #aaa;
  margin: 0;
}
@media (max-width: 768px) {
#people[data-v-a11cfe87] {
    font-size: 10px;
    right: 6px;
    top: 6px;
}
}
#people b[data-v-a11cfe87] {
  color: #777;
}:root {
  --efu-white: #fff;
  --efu-white-op: rgba(255, 255, 255, 0.2);
  --efu-black: #000;
  --efu-black-op: rgba(0, 0, 0, 0.2);
  --efu-none: #00000000;
  --efu-gray: #999999;
  --efu-gray-op: rgba(153, 153, 153, 0.2);
  --efu-red: #ff3842;
  --efu-red-op: rgba(255, 56, 66, 0.2);
  --efu-green: #10b981;
  --efu-green-op: rgba(16, 185, 129, 0.2);
  --efu-blue: #3b82f6;
  --efu-blue-op: rgba(59, 130, 246, 0.2);
  --efu-yellow: #f59e0b;
  --efu-yellow-op: rgba(245, 158, 11, 0.2);
  --efu-main: var(--main-color, #3b82f6);
  --efu-main-op: rgba(59, 130, 246, 0.2);
  --efu-orange: #f97316;
  --efu-purple: #8b5cf6;
  --efu-pink: #ec4899;
  --efu-fontcolor: var(--main-font-color, #1f2937);
  --efu-background: var(--main-site-background, #f9fafb);
  --efu-card-bg: var(--main-card-background, #ffffff);
  --efu-secondbg: var(--main-card-second-background, #f3f4f6);
  --efu-secondtext: var(--main-font-second-color, #6b7280);
  --efu-shadow-border: 0 2px 4px rgba(0, 0, 0, 0.05);
  --efu-shadow-lightblack: 0 4px 8px rgba(0, 0, 0, 0.1);
  --efu-shadow-light2black: 0 8px 16px rgba(0, 0, 0, 0.15);
  --efu-shadow-blue: 0 8px 32px -8px rgba(59, 130, 246, 0.3);
  --efu-shadow-white: 0 8px 32px -8px rgba(255, 255, 255, 0.3);
  --efu-maskbg: rgba(0, 0, 0, 0.4);
  --efu-maskbgdeep: rgba(0, 0, 0, 0.6);
  --efu-hovertext: var(--main-color, #3b82f6);
  --style-border: 1px solid var(--main-card-border, #e5e7eb);
  --style-border-always: 1px solid var(--main-card-border, #e5e7eb);
  --style-border-hover: 1px solid var(--main-color, #3b82f6);
  --style-border-hover-always: 1px solid var(--main-color, #3b82f6);
}
#about-page {
  display: flex;
  padding-top: 1rem;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  max-width: 1200px;
  margin: 0 auto;
  padding: 1rem;
  animation: slide-in 0.6s 0s backwards;
}
@media (max-width: 768px) {
#about-page {
    padding: 0.5rem;
}
}
@keyframes slide-in {
0% {
    opacity: 0;
    transform: translateY(20px);
}
100% {
    opacity: 1;
    transform: translateY(0);
}
}
@keyframes floating {
0%, 100% {
    transform: translate(0, -4px);
}
50% {
    transform: translate(0, 4px);
}
}
@keyframes gradient {
0% {
    background-position: 0% 50%;
}
50% {
    background-position: 100% 50%;
}
100% {
    background-position: 0% 50%;
}
}
@keyframes rowleft-quarter {
0% {
    transform: translateX(0);
}
100% {
    transform: translateX(-50%);
}
}
@keyframes progressAnimation {
0% {
    width: 0;
}
100% {
    width: var(--progress-percentage, 0);
}
}
@keyframes pastTimeAnimation {
0% {
    left: 0;
}
100% {
    left: var(--past-time-percentage, 0);
}
}
.author-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 0.5rem;
  gap: 0.5rem;
  width: 100%;
}
@media (max-width: 768px) {
.author-content {
    flex-direction: column;
}
}
.author-content-item {
  border-radius: 12px;
  background: var(--efu-card-bg);
  border: var(--style-border-always);
  box-shadow: var(--efu-shadow-lightblack);
  position: relative;
  padding: 1rem 2rem;
  overflow: hidden;
}
@media (max-width: 768px) {
.author-content-item {
    width: 100% !important;
}
}
.author-content-item.single {
  width: 100%;
}
.author-content-item-tips {
  opacity: 0.8;
  font-size: 0.6rem;
  margin-bottom: 0.5rem;
  color: var(--efu-fontcolor);
}
.author-content-item-title {
  font-size: 36px;
  font-weight: 700;
  line-height: 1.1;
  color: var(--efu-fontcolor);
  display: block;
  margin-bottom: 0.5rem;
}
[data-theme=dark] {
  --efu-fontcolor: var(--main-font-color, #f9fafb);
  --efu-background: var(--main-site-background, #111827);
  --efu-card-bg: var(--main-card-background, #1f2937);
  --efu-secondbg: var(--main-card-second-background, #374151);
  --efu-secondtext: var(--main-font-second-color, #9ca3af);
  --efu-shadow-border: 0 2px 4px rgba(0, 0, 0, 0.2);
  --efu-shadow-lightblack: 0 4px 8px rgba(0, 0, 0, 0.3);
  --efu-shadow-light2black: 0 8px 16px rgba(0, 0, 0, 0.4);
  --style-border: 1px solid var(--main-card-border, #374151);
  --style-border-always: 1px solid var(--main-card-border, #374151);
}
.about-page-loaded #about-page {
  animation: slide-in 0.6s 0s backwards;
}
.ac-page[data-v-05e777ea] {
  position: relative;
  width: 100%;
  min-height: 520px;
  background: linear-gradient(135deg, #0c0e1a 0%, #1a1c2e 50%, #0f1120 100%);
  border-radius: 16px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 1rem 0;
}
.ac-canvas[data-v-05e777ea] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 0;
}
.ac-content[data-v-05e777ea] {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2.5rem 1.5rem;
  width: 100%;
  max-width: 420px;
}

/* 标题 */
.ac-title[data-v-05e777ea] {
  font-size: 1.8rem;
  font-weight: 700;
  color: #fff;
  margin: 0 0 0.5rem;
  text-align: center;
  letter-spacing: 0.05em;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.5);
}
.ac-tip[data-v-05e777ea] {
  font-size: 0.9rem;
  color: rgba(255, 255, 255, 0.6);
  margin: 0 0 2rem;
  text-align: center;
}
.ac-tip .ac-tip-highlight[data-v-05e777ea] {
  color: #60a5fa;
  font-weight: 600;
}

/* 控制面板 */
.ac-panel[data-v-05e777ea] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 1.5rem;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  backdrop-filter: blur(10px);
  margin-bottom: 1.5rem;
}

/* 能效标识 */
.ac-efficiency[data-v-05e777ea] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}
.ac-efficiency .efficiency-label[data-v-05e777ea] {
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding: 6px 8px;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 6px;
  width: 52px;
}
.ac-efficiency .efficiency-label .efficiency-bar[data-v-05e777ea] {
  height: 5px;
  border-radius: 2px;
}
.ac-efficiency .efficiency-text[data-v-05e777ea] {
  font-size: 0.65rem;
  color: rgba(255, 255, 255, 0.5);
  margin-top: 2px;
}
.ac-efficiency .efficiency-level[data-v-05e777ea] {
  font-size: 0.75rem;
  color: #4ade80;
  font-weight: 600;
}

/* 温度显示 */
.ac-temp-display[data-v-05e777ea] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.ac-temp-display .snowflake-icon[data-v-05e777ea] {
  color: #60a5fa;
  flex-shrink: 0;
  transition: color 0.3s;
}
.ac-temp-display .snowflake-icon.spinning[data-v-05e777ea] {
  animation: snowflake-spin-05e777ea 3s linear infinite;
}
.ac-temp-display .temp-value[data-v-05e777ea] {
  font-size: 2.8rem;
  font-weight: 200;
  color: #fff;
  font-family: "Courier New", "Consolas", monospace;
  letter-spacing: 0.05em;
  line-height: 1;
  text-shadow: 0 0 20px rgba(96, 165, 250, 0.3);
}
@keyframes snowflake-spin-05e777ea {
to {
    transform: rotate(360deg);
}
}
/* 模式按钮 */
.ac-modes[data-v-05e777ea] {
  display: flex;
  gap: 1.2rem;
  margin-bottom: 1.2rem;
}
.mode-btn[data-v-05e777ea] {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.15);
  background: rgba(255, 255, 255, 0.05);
  color: rgba(255, 255, 255, 0.5);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.mode-btn[data-v-05e777ea]:hover {
  border-color: rgba(255, 255, 255, 0.3);
  background: rgba(255, 255, 255, 0.1);
}
.mode-btn.mode-cool.active[data-v-05e777ea] {
  border-color: #3b82f6;
  background: rgba(59, 130, 246, 0.2);
  color: #60a5fa;
  box-shadow: 0 0 16px rgba(59, 130, 246, 0.3);
}
.mode-btn.mode-power.active[data-v-05e777ea] {
  border-color: #22c55e;
  background: rgba(34, 197, 94, 0.2);
  color: #4ade80;
  box-shadow: 0 0 16px rgba(34, 197, 94, 0.3);
}
.mode-btn.mode-fan.active[data-v-05e777ea] {
  border-color: #f97316;
  background: rgba(249, 115, 22, 0.2);
  color: #fb923c;
  box-shadow: 0 0 16px rgba(249, 115, 22, 0.3);
}

/* 温度调节 */
.ac-temp-controls[data-v-05e777ea] {
  display: flex;
  gap: 1rem;
  margin-bottom: 1rem;
}
.temp-btn[data-v-05e777ea] {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.05);
  color: rgba(255, 255, 255, 0.6);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.25s ease;
}
.temp-btn[data-v-05e777ea]:hover:not(:disabled) {
  border-color: rgba(255, 255, 255, 0.3);
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
}
.temp-btn[data-v-05e777ea]:active:not(:disabled) {
  transform: scale(0.92);
}
.temp-btn[data-v-05e777ea]:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

/* 顶部通知条 */
.ac-banner[data-v-05e777ea] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 10px 16px;
  font-size: 0.85rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  border-radius: 16px 16px 0 0;
}
.ac-banner .banner-icon[data-v-05e777ea] {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.ac-banner.max[data-v-05e777ea] {
  background: linear-gradient(135deg, #f59e0b, #f97316);
  color: #fff;
}
.ac-banner.max .banner-icon[data-v-05e777ea] {
  color: #fff;
}
.ac-banner.min[data-v-05e777ea] {
  background: linear-gradient(135deg, #3b82f6, #6366f1);
  color: #fff;
}
.ac-banner.min .banner-icon[data-v-05e777ea] {
  color: #bfdbfe;
}

/* 通知动画 */
.ac-banner-enter-active[data-v-05e777ea] {
  transition: all 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}
.ac-banner-leave-active[data-v-05e777ea] {
  transition: all 0.3s cubic-bezier(0.55, 0, 1, 0.45);
}
.ac-banner-enter-from[data-v-05e777ea] {
  opacity: 0;
  transform: translateY(-100%);
}
.ac-banner-leave-to[data-v-05e777ea] {
  opacity: 0;
  transform: translateY(-100%);
}

/* 状态文字 */
.ac-status[data-v-05e777ea] {
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.4);
  margin: 0;
  text-align: center;
  letter-spacing: 0.05em;
}

/* 响应式 */
@media (max-width: 480px) {
.ac-page[data-v-05e777ea] {
    min-height: 460px;
    border-radius: 12px;
}
.ac-content[data-v-05e777ea] {
    padding: 2rem 1rem;
}
.ac-title[data-v-05e777ea] {
    font-size: 1.5rem;
}
.temp-value[data-v-05e777ea] {
    font-size: 2.2rem !important;
}
.ac-panel[data-v-05e777ea] {
    padding: 1rem;
}
}
.album-page[data-v-702f13b7] {
  width: 100%;
  animation: fade-up 0.6s 0.1s backwards;
}

/* 顶部横幅 */
.album-hero[data-v-702f13b7] {
  position: relative;
  width: 100%;
  height: 400px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: linear-gradient(135deg, var(--main-color) 0%, var(--main-color-dark) 100%);
  margin-bottom: 2rem;
}
.album-hero[data-v-702f13b7]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
}
.album-hero .card-content[data-v-702f13b7] {
  position: relative;
  z-index: 1;
  text-align: center;
  color: white;
  padding: 2rem;
}
.album-hero .album-tips[data-v-702f13b7] {
  font-size: 0.9rem;
  opacity: 0.9;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.album-hero .album-title[data-v-702f13b7] {
  font-size: 2.5rem;
  font-weight: bold;
  margin-bottom: 1rem;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}
.album-hero .content-bottom .tips[data-v-702f13b7] {
  font-size: 1rem;
  opacity: 0.9;
  margin-bottom: 1.5rem;
}
.album-hero .banner-button-group[data-v-702f13b7] {
  display: flex;
  justify-content: center;
  gap: 1rem;
}
.album-hero .banner-button-group .banner-button[data-v-702f13b7] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 30px;
  color: white;
  text-decoration: none;
  transition: all 0.3s ease;
  cursor: pointer;
}
.album-hero .banner-button-group .banner-button[data-v-702f13b7]:hover {
  background: rgba(255, 255, 255, 0.3);
  transform: translateY(-2px);
}
.album-hero .banner-button-group .banner-button i[data-v-702f13b7] {
  font-size: 1.2rem;
}

/* 相册卡片列表 */
.card-album[data-v-702f13b7] {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px;
  margin-top: 2rem;
}
.card-album .album-content-nocover[data-v-702f13b7] {
  width: calc(25% - 15px);
}
.card[data-v-702f13b7] {
  position: relative;
  width: calc(25% - 15px);
  border-radius: 16px;
  overflow: hidden;
  cursor: pointer;
  transition: transform 0.3s ease;
}
.card[data-v-702f13b7]:hover {
  transform: translateY(-5px);
}
.card:hover .card_cover[data-v-702f13b7] {
  transform: scale(1.05);
  filter: brightness(0.9) saturate(1.2) contrast(1);
}
.card_cover[data-v-702f13b7] {
  width: 100%;
  height: 400px;
  object-fit: cover;
  border-radius: 16px;
  filter: brightness(0.75) saturate(1.2) contrast(0.85);
  transform-origin: center;
  transform: scale(1) translateZ(0);
  transition: filter 200ms linear, transform 200ms linear;
}
.card__content[data-v-702f13b7] {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 1.5rem;
  width: 100%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, transparent 100%);
}
.card__category[data-v-702f13b7] {
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.card__heading[data-v-702f13b7] {
  color: white;
  font-size: 1.3rem;
  font-weight: bold;
  text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
  line-height: 1.4;
  margin: 0;
}

/* 响应式 */
@media (max-width: 1200px) {
.card-album .card[data-v-702f13b7],
  .card-album .album-content-nocover[data-v-702f13b7] {
    width: calc(33.333% - 14px);
}
.card_cover[data-v-702f13b7] {
    height: 350px;
}
}
@media (max-width: 900px) {
.card-album .card[data-v-702f13b7],
  .card-album .album-content-nocover[data-v-702f13b7] {
    width: calc(50% - 10px);
}
.card_cover[data-v-702f13b7] {
    height: 300px;
}
.album-hero[data-v-702f13b7] {
    height: 350px;
}
.album-hero .album-title[data-v-702f13b7] {
    font-size: 2rem;
}
}
@media (max-width: 600px) {
.card-album[data-v-702f13b7] {
    gap: 15px;
}
.card-album .card[data-v-702f13b7],
  .card-album .album-content-nocover[data-v-702f13b7] {
    width: 100%;
}
.card_cover[data-v-702f13b7] {
    height: 250px;
}
.album-hero[data-v-702f13b7] {
    height: 300px;
}
.album-hero .album-title[data-v-702f13b7] {
    font-size: 1.5rem;
}
.album-hero .banner-button-group .banner-button[data-v-702f13b7] {
    padding: 0.5rem 1rem;
    font-size: 0.9rem;
}
.card__content[data-v-702f13b7] {
    padding: 1rem;
}
.card__heading[data-v-702f13b7] {
    font-size: 1.1rem;
}
}
/* 夜间模式 */
[data-theme="dark"] {
  background: rgba(0, 0, 0, 0.5);
}.archives[data-v-58faecd3] {
  padding: 2rem;
}
.archives .title[data-v-58faecd3] {
  display: flex;
  margin-bottom: 1rem;
}
.archives .title .name[data-v-58faecd3] {
  margin: 0;
  border-bottom: none;
}
.archives .title .num[data-v-58faecd3] {
  margin-left: 8px;
  font-size: 20px;
  font-weight: bold;
  opacity: 0.6;
}
.archives .archives-list .year-list[data-v-58faecd3] {
  margin-bottom: 2rem;
}
.archives .archives-list .year-list .year[data-v-58faecd3] {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-left: 6px;
  padding-left: 12px;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 1rem;
}
.archives .archives-list .year-list .year[data-v-58faecd3]::before {
  content: "";
  position: absolute;
  left: 0;
  width: 4px;
  height: 70%;
  background-color: var(--main-color);
  border-radius: 8px;
}
.archives .archives-list .year-list .posts .posts-item[data-v-58faecd3] {
  padding: 20px;
  margin-bottom: 1rem;
}
.archives .archives-list .year-list .posts .posts-item .title[data-v-58faecd3] {
  margin-bottom: 16px;
  font-size: 18px;
  font-weight: bold;
  transition: color 0.3s;
}
.archives .archives-list .year-list .posts .posts-item .tags[data-v-58faecd3] {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  opacity: 0.6;
}
.archives .archives-list .year-list .posts .posts-item .tags .type-item[data-v-58faecd3] {
  font-size: 14px;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-right: 8px;
}
.archives .archives-list .year-list .posts .posts-item .tags .type-item .name[data-v-58faecd3] {
  transition: color 0.3s;
}
.archives .archives-list .year-list .posts .posts-item .tags .type-item .iconfont[data-v-58faecd3] {
  margin-right: 2px;
  transition: color 0.3s;
}
.archives .archives-list .year-list .posts .posts-item .tags .type-item:hover .name[data-v-58faecd3],
.archives .archives-list .year-list .posts .posts-item .tags .type-item:hover .iconfont[data-v-58faecd3] {
  color: var(--main-color);
}
.archives .archives-list .year-list .posts .posts-item[data-v-58faecd3]:last-child {
  margin-bottom: 0;
}
.archives .archives-list .year-list .posts .posts-item:hover .title[data-v-58faecd3] {
  color: var(--main-color);
}
.archives .archives-list .year-list[data-v-58faecd3]:last-child {
  margin-bottom: 0;
}.cat-or-tag[data-v-e5d2d763] {
  min-height: 400px;
}
.cat-or-tag .title[data-v-e5d2d763] {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cat-or-tag .title .title-name[data-v-e5d2d763] {
  font-size: 1.875rem;
  margin-bottom: 0;
}
.cat-or-tag .title .title-num[data-v-e5d2d763] {
  margin-top: 20px;
  font-size: 1.125rem;
  opacity: 0.6;
}
.cat-or-tag .type-lists[data-v-e5d2d763] {
  padding: 2rem 0 3rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: row;
  align-items: center;
}
.cat-or-tag .type-lists .type-item[data-v-e5d2d763] {
  font-size: 1.25rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 0.5em;
}
.cat-or-tag .type-lists .type-item .name[data-v-e5d2d763] {
  font-weight: bold;
  transition: color 0.3s;
}
.cat-or-tag .type-lists .type-item .iconfont[data-v-e5d2d763] {
  margin-right: 8px;
  font-size: 1.25rem;
  opacity: 0.6;
  transition: color 0.3s;
}
.cat-or-tag .type-lists .type-item .num[data-v-e5d2d763] {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  padding: 6px 4px;
  margin-left: 8px;
  min-width: 35px;
  border-radius: 8px;
  background-color: var(--main-card-border);
}
.cat-or-tag .type-lists .type-item[data-v-e5d2d763]:hover {
  transform: scale(1.05);
  background-color: var(--main-color);
}
.cat-or-tag .type-lists .type-item:hover .name[data-v-e5d2d763],
.cat-or-tag .type-lists .type-item:hover .iconfont[data-v-e5d2d763] {
  color: var(--main-card-background);
}
.convert-page[data-v-0dd537f9] {
  width: 100%;
  max-width: 560px;
  margin: 0 auto;
  padding: 1rem 0 2rem;
}

/* ============ 标题 ============ */
.page-header[data-v-0dd537f9] {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 1.2rem;
}
.page-header .header-icon[data-v-0dd537f9] {
  color: var(--main-color);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  position: relative;
  top: -6.5px;
}
.page-header .header-icon svg[data-v-0dd537f9] {
  display: block;
}
.page-header .header-title[data-v-0dd537f9] {
  font-size: 1.3rem;
  font-weight: 700;
  color: var(--main-font-color);
  margin: 0;
  line-height: 1;
}

/* ============ 控制面板卡片 ============ */
.wm-card[data-v-0dd537f9] {
  padding: 1.5rem;
  border-radius: 16px;
  background-color: var(--main-card-background);
  border: 1px solid var(--main-card-border);
  box-shadow: 0 8px 16px -4px var(--main-border-shadow);
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}

/* ============ 表单元素 ============ */
.form-group[data-v-0dd537f9] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.form-label[data-v-0dd537f9] {
  font-size: 0.8rem;
  font-weight: 500;
  color: var(--main-font-second-color);
}

/* 文件选择 */
.file-input-wrapper[data-v-0dd537f9] {
  position: relative;
  height: 40px;
  border-radius: 10px;
  border: 1px solid var(--main-card-border);
  background: var(--main-card-second-background);
  overflow: hidden;
  display: flex;
  align-items: center;
}
.file-input-wrapper .file-input[data-v-0dd537f9] {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
  z-index: 1;
}
.file-input-wrapper .file-placeholder[data-v-0dd537f9] {
  padding: 0 14px;
  font-size: 0.875rem;
  color: var(--main-font-second-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  pointer-events: none;
}

/* 下拉选择 */
.select-wrapper[data-v-0dd537f9] {
  position: relative;
}
.custom-select[data-v-0dd537f9] {
  width: 100%;
  height: 40px;
  padding: 0 36px 0 14px;
  border-radius: 10px;
  border: 1px solid var(--main-card-border);
  background: var(--main-card-second-background);
  color: var(--main-font-color);
  font-size: 0.875rem;
  font-family: var(--main-font-family);
  appearance: none;
  cursor: pointer;
  outline: none;
  transition: border-color 0.25s;
}
.custom-select[data-v-0dd537f9]:focus {
  border-color: var(--main-color);
}
.select-arrow[data-v-0dd537f9] {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  color: var(--main-font-second-color);
}

/* ============ 转换按钮 ============ */
.convert-btn[data-v-0dd537f9] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  height: 44px;
  border: none;
  border-radius: 10px;
  background: var(--main-color);
  color: #fff;
  font-size: 0.9rem;
  font-weight: 600;
  font-family: var(--main-font-family);
  cursor: pointer;
  transition: opacity 0.25s, background-color 0.25s;
}
.convert-btn svg[data-v-0dd537f9] {
  color: #fff;
  flex-shrink: 0;
}
.convert-btn[data-v-0dd537f9]:hover:not(:disabled) {
  opacity: 0.88;
}
.convert-btn[data-v-0dd537f9]:active:not(:disabled) {
  opacity: 0.75;
}
.convert-btn[data-v-0dd537f9]:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

/* 旋转动画 */
.spin-icon[data-v-0dd537f9] {
  animation: spin-0dd537f9 0.8s linear infinite;
}
@keyframes spin-0dd537f9 {
to {
    transform: rotate(360deg);
}
}
/* ============ 缩略图预览区域 ============ */
.preview-card[data-v-0dd537f9] {
  margin-top: 1.2rem;
  padding: 1rem;
  border-radius: 16px;
  background-color: var(--main-card-background);
  border: 1px solid var(--main-card-border);
  box-shadow: 0 8px 16px -4px var(--main-border-shadow);
}
.file-summary[data-v-0dd537f9] {
  font-size: 0.8rem;
  color: var(--main-font-second-color);
  margin: 0 0 12px;
}
.thumb-grid[data-v-0dd537f9] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
}
.thumb-item[data-v-0dd537f9] {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  border: 2px solid var(--main-card-border);
  aspect-ratio: 1;
  transition: border-color 0.3s;
}
.thumb-item.done[data-v-0dd537f9] {
  border-color: var(--main-success-color);
}
.thumb-item img[data-v-0dd537f9] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.thumb-label[data-v-0dd537f9] {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 2px 6px;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  font-size: 10px;
  line-height: 1.4;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.check-badge[data-v-0dd537f9] {
  position: absolute;
  top: 4px;
  right: 4px;
  color: var(--main-success-color);
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5));
}

/* ============ 响应式 ============ */
@media (max-width: 520px) {
.convert-page[data-v-0dd537f9] {
    padding: 0.5rem 0 1.5rem;
}
.wm-card[data-v-0dd537f9] {
    padding: 1.2rem;
}
.thumb-grid[data-v-0dd537f9] {
    grid-template-columns: repeat(3, 1fr);
}
}
.equipment-page[data-v-af629dc1] {
  width: 100%;
  animation: fade-up 0.6s 0.1s backwards;
}
.equipment-category[data-v-af629dc1] {
  margin-bottom: 3rem;
}

/* 头部横幅 */
.equipment-hero[data-v-af629dc1] {
  position: relative;
  width: 100%;
  height: 280px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: linear-gradient(135deg, var(--main-color) 0%, var(--main-color-dark) 100%);
  margin-bottom: 2rem;
}
.equipment-hero[data-v-af629dc1]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
}
.equipment-hero .card-content[data-v-af629dc1] {
  position: relative;
  z-index: 1;
  text-align: center;
  color: white;
  padding: 2rem;
}
.equipment-hero .equipment-tips[data-v-af629dc1] {
  font-size: 0.85rem;
  opacity: 0.9;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.equipment-hero .equipment-title[data-v-af629dc1] {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 0.75rem;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}
.equipment-hero .content-bottom .tips[data-v-af629dc1] {
  font-size: 0.95rem;
  opacity: 0.9;
}

/* 好物分类 */
.goodthings-section[data-v-af629dc1] {
  margin-bottom: 2rem;
}
.goodthings-title[data-v-af629dc1] {
  font-size: 1.25rem;
  font-weight: bold;
  margin: 0 0 0.25rem;
  line-height: 1;
  color: var(--main-font-color);
}
.goodthings-description[data-v-af629dc1] {
  font-size: 0.9rem;
  color: var(--main-font-second-color);
  margin-bottom: 1rem;
}

/* 设备网格 */
.equipment-grid[data-v-af629dc1] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0 -8px;
}
.equipment-item-content-item[data-v-af629dc1] {
  width: calc(25% - 16px);
  border-radius: 12px;
  border: 1px solid var(--main-card-border);
  overflow: hidden;
  margin: 8px;
  background: var(--main-card-background);
  box-shadow: var(--main-border-shadow);
  min-height: 400px;
  position: relative;
  transition: all 0.3s ease;
}
.equipment-item-content-item[data-v-af629dc1]:hover {
  border-color: var(--main-color);
  transform: translateY(-4px);
  box-shadow: 0 12px 24px -4px rgba(0, 0, 0, 0.15);
}

/* 设备图片 - 深色背景 */
.equipment-item-content-item-cover[data-v-af629dc1] {
  width: 100%;
  height: 200px;
  background: #1a1a1a;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.equipment-item-content-item-image[data-v-af629dc1] {
  object-fit: contain;
  height: 80%;
  width: 80%;
  transition: transform 0.3s ease;
}
.equipment-item-content-item:hover .equipment-item-content-item-image[data-v-af629dc1] {
  transform: scale(1.03);
}

/* 设备信息 */
.equipment-item-content-item-info[data-v-af629dc1] {
  padding: 8px 16px 16px 16px;
  margin-top: 12px;
}
.equipment-item-content-item-name[data-v-af629dc1] {
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: fit-content;
  cursor: pointer;
  color: var(--main-font-color);
  transition: color 0.3s ease;
}
.equipment-item-content-item-name[data-v-af629dc1]:hover {
  color: var(--main-color);
}
.equipment-item-content-item-specification[data-v-af629dc1] {
  font-size: 12px;
  color: var(--main-font-second-color);
  line-height: 16px;
  margin-bottom: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.equipment-item-content-item-description[data-v-af629dc1] {
  line-height: 20px;
  color: var(--main-font-second-color);
  height: 60px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  font-size: 14px;
}

/* 操作栏 */
.equipment-item-content-item-toolbar[data-v-af629dc1] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  bottom: 12px;
  left: 0;
  width: 100%;
  padding: 0 16px;
}
.equipment-item-content-item-link[data-v-af629dc1] {
  font-size: 12px;
  background: var(--main-card-second-background);
  padding: 4px 8px;
  border-radius: 8px;
  cursor: pointer;
  text-decoration: none;
  color: var(--main-font-color);
  transition: all 0.3s ease;
}
.equipment-item-content-item-link[data-v-af629dc1]:hover {
  background: var(--main-color);
  color: white;
}
.bber-reply[data-v-af629dc1] {
  cursor: pointer;
  padding: 8px;
  border-radius: 50%;
  transition: all 0.3s ease;
  color: var(--main-font-second-color);
  display: flex;
  align-items: center;
  justify-content: center;
}
.bber-reply[data-v-af629dc1]:hover {
  background: var(--main-card-second-background);
  color: var(--main-color);
}
.bber-reply svg[data-v-af629dc1] {
  display: block;
}

/* 响应式 */
@media (max-width: 1200px) {
.equipment-item-content-item[data-v-af629dc1] {
    width: calc(33.333% - 16px);
}
}
@media (max-width: 900px) {
.equipment-item-content-item[data-v-af629dc1] {
    width: calc(50% - 16px);
}
.equipment-hero[data-v-af629dc1] {
    height: 240px;
}
.equipment-hero .equipment-title[data-v-af629dc1] {
    font-size: 1.6rem;
}
}
@media (max-width: 768px) {
.equipment-item-content-item[data-v-af629dc1] {
    width: 100%;
}
.equipment-hero[data-v-af629dc1] {
    height: 200px;
}
.equipment-hero .equipment-title[data-v-af629dc1] {
    font-size: 1.3rem;
}
.equipment-hero .equipment-tips[data-v-af629dc1] {
    font-size: 0.75rem;
}
.goodthings-title[data-v-af629dc1] {
    font-size: 1.1rem;
}
.equipment-item-content-item-cover[data-v-af629dc1] {
    height: 160px;
}
}
/* 夜间模式 */
[data-theme="dark"] {
  background: rgba(0, 0, 0, 0.5);
}
[data-theme="dark"] {
  background: #0d0d0d;
}.fcircle[data-v-86872bc5] {
  margin-bottom: 4rem;
}
.fcircle .banner-page[data-v-86872bc5] {
  min-height: 260px;
}
.fcircle .banner-page .menu[data-v-86872bc5] {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  margin-bottom: auto;
}
.fcircle .banner-page .menu .menu-item[data-v-86872bc5] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 46px;
  padding: 12px 18px;
  border-radius: 8px;
  background-color: var(--main-card-second-background);
  border: 1px solid var(--main-card-border);
  box-shadow: 0 8px 16px -4px var(--main-border-shadow);
  transition: all 0.3s;
  cursor: pointer;
}
.fcircle .banner-page .menu .menu-item .iconfont[data-v-86872bc5] {
  font-size: 18px;
  margin-right: 8px;
  transition: color 0.3s;
}
.fcircle .banner-page .menu .menu-item.refresh[data-v-86872bc5] {
  color: var(--main-color);
}
.fcircle .banner-page .menu .menu-item.refresh .iconfont[data-v-86872bc5] {
  color: var(--main-color);
}
.fcircle .banner-page .menu .menu-item[data-v-86872bc5]:hover {
  color: #fff;
  background-color: var(--main-color);
  box-shadow: 0 8px 16px -4px var(--main-color-bg);
}
.fcircle .banner-page .menu .menu-item:hover .iconfont[data-v-86872bc5] {
  color: #fff;
}
.fcircle .fcircle-content[data-v-86872bc5] {
  margin-top: 2rem;
  padding: 1.5rem;
  min-height: 400px;
}
.fcircle .fcircle-content[data-v-86872bc5] #friend-circle-lite-root .fclite-article-item {
  background-color: var(--main-card-background);
  border: 1px solid var(--main-card-border);
  border-radius: 12px;
  margin-bottom: 1rem;
  padding: 1rem;
  transition: all 0.3s;
}
.fcircle .fcircle-content[data-v-86872bc5] #friend-circle-lite-root .fclite-article-item:hover {
  box-shadow: 0 8px 16px -4px var(--main-border-shadow);
  transform: translateY(-2px);
}
.fcircle .fcircle-content[data-v-86872bc5] #friend-circle-lite-root .fclite-article-item .fclite-article-title {
  color: var(--main-font-color);
  font-weight: 600;
}
.fcircle .fcircle-content[data-v-86872bc5] #friend-circle-lite-root .fclite-article-item .fclite-article-desc {
  color: var(--main-font-second-color);
}
.fcircle .fcircle-content[data-v-86872bc5] #friend-circle-lite-root .fclite-article-item .fclite-article-meta {
  color: var(--main-font-second-color);
}
.fcircle .fcircle-content[data-v-86872bc5] #friend-circle-lite-root .fclite-load-more {
  background-color: var(--main-color);
  color: #fff;
  border: none;
  border-radius: 8px;
  padding: 12px 24px;
  cursor: pointer;
  transition: all 0.3s;
}
.fcircle .fcircle-content[data-v-86872bc5] #friend-circle-lite-root .fclite-load-more:hover {
  opacity: 0.9;
  transform: translateY(-2px);
}
.fcircle .fcircle-content[data-v-86872bc5] #friend-circle-lite-root .fclite-loading {
  color: var(--main-font-second-color);
}
.fcircle .fcircle-content[data-v-86872bc5] #friend-circle-lite-root .fclite-error {
  color: var(--main-error-color, #f56c6c);
}
@media (max-width: 768px) {
.fcircle .fcircle-content[data-v-86872bc5] {
    padding: 1rem;
    margin-top: 1rem;
}
.fcircle .fcircle-content[data-v-86872bc5] #friend-circle-lite-root .fclite-article-item {
    padding: 0.8rem;
}
}.guide-page[data-v-395bfdde] {
  max-width: 680px;
  margin: 0 auto;
  padding: 2rem 0;
}
.guide-header[data-v-395bfdde] {
  margin-bottom: 2rem;
}
.guide-header .header-icon-row[data-v-395bfdde] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.guide-header .header-icon-row .header-icon[data-v-395bfdde] {
  font-size: 1.6rem;
  color: var(--main-color);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  position: relative;
  top: -6.5px;
}
.guide-header .header-icon-row .header-icon svg[data-v-395bfdde] {
  display: block;
}
.guide-header .guide-title[data-v-395bfdde] {
  font-size: 1.6rem;
  font-weight: 700;
  color: var(--main-font-color);
  margin: 0;
}
.guide-header .guide-subtitle[data-v-395bfdde] {
  font-size: 0.88rem;
  color: var(--main-font-second-color);
  margin: 0;
  line-height: 1.6;
}
.guide-group[data-v-395bfdde] {
  margin-bottom: 1.8rem;
}
.guide-group[data-v-395bfdde]:last-child {
  margin-bottom: 0;
}
.group-header[data-v-395bfdde] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  margin-bottom: 0.7rem;
  padding-left: 0.2rem;
}
.group-header .group-icon[data-v-395bfdde] {
  font-size: 1.15rem;
  color: var(--main-color);
}
.group-header .group-title[data-v-395bfdde] {
  font-size: 1rem;
  font-weight: 700;
  color: var(--main-font-color);
}
.group-items[data-v-395bfdde] {
  background: var(--main-card-background);
  border: 1px solid var(--main-card-border);
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 2px 12px -2px var(--main-border-shadow);
}
.guide-item[data-v-395bfdde] {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  padding: 0.9rem 1.2rem;
  text-decoration: none;
  border-bottom: 1px solid var(--main-card-border);
  transition: background-color 0.25s;
}
.guide-item[data-v-395bfdde]:last-child {
  border-bottom: none;
}
.guide-item[data-v-395bfdde]:hover {
  background: var(--main-card-second-background);
}
.guide-item:hover .item-title[data-v-395bfdde] {
  color: var(--main-color);
}
.guide-item:hover .item-icon-wrap[data-v-395bfdde] {
  background: var(--main-color);
}
.guide-item:hover .item-icon-wrap .item-icon[data-v-395bfdde] {
  color: #fff;
}
.guide-item:hover .item-arrow[data-v-395bfdde] {
  opacity: 1;
  color: var(--main-color);
  transform: translateX(2px);
}
.item-icon-wrap[data-v-395bfdde] {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: var(--main-card-second-background);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.25s;
}
.item-icon-wrap .item-icon[data-v-395bfdde] {
  font-size: 1.15rem;
  color: var(--main-color);
  transition: color 0.25s;
}
.item-text[data-v-395bfdde] {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.item-text .item-title[data-v-395bfdde] {
  font-size: 0.92rem;
  font-weight: 600;
  color: var(--main-font-color);
  transition: color 0.25s;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.item-text .item-desc[data-v-395bfdde] {
  font-size: 0.78rem;
  color: var(--main-font-second-color);
  line-height: 1.4;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.item-arrow[data-v-395bfdde] {
  flex-shrink: 0;
  color: var(--main-font-second-color);
  opacity: 0.4;
  transition: all 0.25s;
}
.item-arrow svg[data-v-395bfdde] {
  display: block;
}
@media (max-width: 768px) {
.guide-page[data-v-395bfdde] {
    padding: 1rem 0;
}
.guide-header .guide-title[data-v-395bfdde] {
    font-size: 1.3rem;
}
.guide-item[data-v-395bfdde] {
    padding: 0.8rem 1rem;
    gap: 0.6rem;
}
.item-icon-wrap[data-v-395bfdde] {
    width: 32px;
    height: 32px;
    border-radius: 8px;
}
.item-icon-wrap .item-icon[data-v-395bfdde] {
    font-size: 1rem;
}
.item-text .item-title[data-v-395bfdde] {
    font-size: 0.88rem;
}
.item-text .item-desc[data-v-395bfdde] {
    font-size: 0.74rem;
}
}.link-list .link-type-list[data-v-625bb631] {
  margin-top: 2rem;
}
.link-list .link-type-list .title[data-v-625bb631] {
  margin-left: 6px;
  margin-bottom: 1.6rem;
}
.link-list .link-type-list .title .name[data-v-625bb631] {
  border-bottom: none;
  margin-bottom: 4px;
}
.link-list .link-type-list .title .name .name-count[data-v-625bb631] {
  color: var(--main-font-second-color);
}
.link-list .link-type-list .title .tip[data-v-625bb631] {
  color: var(--main-font-second-color);
}
.link-list .link-type-list .all-link[data-v-625bb631] {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(5, 1fr);
}
.link-list .link-type-list .all-link .link-card[data-v-625bb631] {
  display: flex;
  flex-direction: column;
  height: auto;
  width: 100%;
  padding: 0;
  overflow: hidden;
  transition: all 0.3s;
  position: relative;
}
.link-list .link-type-list .all-link .link-card.loss[data-v-625bb631] {
  pointer-events: none;
}
.link-list .link-type-list .all-link .link-card .status-tag[data-v-625bb631] {
  position: absolute;
  top: 0;
  left: 0;
  padding: 3px 8px;
  border-radius: 12px 0px 12px 0px;
  font-size: 12px;
  color: white;
  font-weight: bold;
  transition: font-size 0.3s ease-out, opacity 0.3s ease-out;
  z-index: 10;
}
.link-list .link-type-list .all-link .link-card .status-tag-green[data-v-625bb631] {
  background-color: #005E00;
}
.link-list .link-type-list .all-link .link-card .status-tag-light-yellow[data-v-625bb631] {
  background-color: #FED101;
  color: #333;
}
.link-list .link-type-list .all-link .link-card .status-tag-dark-yellow[data-v-625bb631] {
  background-color: #F0B606;
  color: #333;
}
.link-list .link-type-list .all-link .link-card .status-tag-red[data-v-625bb631] {
  background-color: #B90000;
}
.link-list .link-type-list .all-link .link-card:hover .status-tag[data-v-625bb631] {
  font-size: 0;
  opacity: 0;
}
.link-list .link-type-list .all-link .link-card .snapshot[data-v-625bb631] {
  width: 100%;
  height: 140px;
  overflow: hidden;
  background: linear-gradient(90deg, var(--main-card-border) 25%, var(--main-card-background) 37%, var(--main-card-border) 63%);
  background-size: 400% 100%;
  animation: skeleton-loading 1.4s ease infinite;
}
.link-list .link-type-list .all-link .link-card .snapshot .snapshot-img[data-v-625bb631] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  filter: blur(10px);
  transition: filter 0.3s, opacity 0.3s;
}
.link-list .link-type-list .all-link .link-card .snapshot .snapshot-img.loaded[data-v-625bb631] {
  opacity: 1;
  filter: blur(0);
}
.link-list .link-type-list .all-link .link-card .link-content[data-v-625bb631] {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 12px;
  flex: 1;
}
.link-list .link-type-list .all-link .link-card .cover[data-v-625bb631] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  min-width: 60px;
  margin-right: 16px;
  border-radius: 50%;
  overflow: hidden;
  background: linear-gradient(90deg, var(--main-card-border) 25%, var(--main-card-background) 37%, var(--main-card-border) 63%);
  background-size: 400% 100%;
  animation: skeleton-loading 1.4s ease infinite;
  transition: all 0.6s;
}
.link-list .link-type-list .all-link .link-card .cover .cover-img[data-v-625bb631] {
  width: 100%;
  height: 100%;
  background-color: var(--main-card-background);
  opacity: 0;
  filter: blur(10px);
  transition: filter 0.3s, opacity 0.3s;
}
.link-list .link-type-list .all-link .link-card .cover .cover-img.loaded[data-v-625bb631] {
  opacity: 1;
  filter: blur(0);
}
.link-list .link-type-list .all-link .link-card .data[data-v-625bb631] {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.link-list .link-type-list .all-link .link-card .data .name-row[data-v-625bb631] {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 8px;
}
.link-list .link-type-list .all-link .link-card .data .name-row .name[data-v-625bb631] {
  font-weight: bold;
  font-size: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-clamp: 1;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
}
.link-list .link-type-list .all-link .link-card .data .name-row .rss-link[data-v-625bb631] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: var(--main-color);
  color: #fff;
  font-size: 12px;
  transition: all 0.3s;
  flex-shrink: 0;
}
.link-list .link-type-list .all-link .link-card .data .name-row .rss-link[data-v-625bb631]:hover {
  transform: scale(1.1);
  box-shadow: 0 2px 8px var(--main-color-bg);
}
.link-list .link-type-list .all-link .link-card .data .name-row .rss-link .iconfont[data-v-625bb631] {
  font-size: 12px;
}
.link-list .link-type-list .all-link .link-card .data .desc[data-v-625bb631] {
  font-size: 14px;
  margin-top: 4px;
  line-height: 1.4;
  color: var(--main-font-second-color);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  transition: color 0.3s, opacity 0.3s;
}
.link-list .link-type-list .all-link .link-card .data .tags[data-v-625bb631] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}
.link-list .link-type-list .all-link .link-card .data .tags .tag[data-v-625bb631] {
  font-size: 12px;
  padding: 2px 8px;
  border-radius: 4px;
  background-color: var(--main-color-bg);
  color: var(--main-color);
  white-space: nowrap;
}
.link-list .link-type-list .all-link .link-card[data-v-625bb631]:hover {
  color: var(--main-card-background);
  background-color: var(--main-color);
  border-color: var(--main-color);
  box-shadow: 0 0 16px 6px var(--main-color-bg);
}
.link-list .link-type-list .all-link .link-card:hover .snapshot .snapshot-img[data-v-625bb631] {
  transform: scale(1.05);
}
.link-list .link-type-list .all-link .link-card:hover .link-content .cover[data-v-625bb631] {
  margin-right: 6px;
  min-width: 0;
  opacity: 0;
  width: 0;
  height: 0;
}
.link-list .link-type-list .all-link .link-card:hover .link-content .data .desc[data-v-625bb631] {
  opacity: 0.7;
  color: var(--main-card-background);
}
.link-list .link-type-list .all-link .link-card:hover .link-content .data .tags .tag[data-v-625bb631] {
  background-color: rgba(255, 255, 255, 0.2);
  color: var(--main-card-background);
}
@media (max-width: 1200px) {
.link-list .link-type-list .all-link[data-v-625bb631] {
    grid-template-columns: repeat(4, 1fr);
}
}
@media (max-width: 992px) {
.link-list .link-type-list .all-link[data-v-625bb631] {
    grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 768px) {
.link-list .link-type-list .all-link[data-v-625bb631] {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}
.link-list .link-type-list .all-link .link-card .snapshot[data-v-625bb631] {
    height: 120px;
}
.link-list .link-type-list .all-link .link-card .link-content[data-v-625bb631] {
    padding: 10px;
}
.link-list .link-type-list .all-link .link-card .link-content .cover[data-v-625bb631] {
    width: 48px;
    height: 48px;
    min-width: 48px;
    margin-right: 12px;
}
.link-list .link-type-list .all-link .link-card .link-content .data .name-row .name[data-v-625bb631] {
    font-size: 16px;
}
.link-list .link-type-list .all-link .link-card .link-content .data .desc[data-v-625bb631] {
    font-size: 13px;
}
.link-list .link-type-list .all-link .link-card .link-content .data .tags[data-v-625bb631] {
    margin-top: 6px;
}
.link-list .link-type-list .all-link .link-card .link-content .data .tags .tag[data-v-625bb631] {
    font-size: 11px;
    padding: 2px 6px;
}
}
@media (max-width: 576px) {
.link-list .link-type-list .all-link[data-v-625bb631] {
    grid-template-columns: 1fr;
}
}
.no-data[data-v-625bb631] {
  text-align: center;
  margin-top: 40px;
  font-size: 1.4rem;
  font-weight: bold;
}.link[data-v-8f4f9202] {
  margin-bottom: 4rem;
}
.link .banner-page[data-v-8f4f9202] {
  min-height: 360px;
  padding-bottom: 200px;
  position: relative;
  overflow: hidden;
}
.link .banner-page .menu[data-v-8f4f9202] {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  margin-bottom: auto;
}
.link .banner-page .menu .menu-item[data-v-8f4f9202] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 46px;
  padding: 12px 18px;
  border-radius: 8px;
  background-color: var(--main-card-second-background);
  border: 1px solid var(--main-card-border);
  box-shadow: 0 8px 16px -4px var(--main-border-shadow);
  transition: all 0.3s;
  cursor: pointer;
}
.link .banner-page .menu .menu-item .iconfont[data-v-8f4f9202] {
  font-size: 18px;
  margin-right: 8px;
  transition: color 0.3s;
}
.link .banner-page .menu .menu-item.random[data-v-8f4f9202] {
  color: var(--main-color);
}
.link .banner-page .menu .menu-item.random .iconfont[data-v-8f4f9202] {
  color: var(--main-color);
}
.link .banner-page .menu .menu-item.add[data-v-8f4f9202] {
  color: var(--main-card-second-background);
  background-color: var(--main-font-color);
}
.link .banner-page .menu .menu-item.add .iconfont[data-v-8f4f9202] {
  font-size: 22px;
  margin-right: 6px;
  color: var(--main-card-second-background);
}
.link .banner-page .menu .menu-item[data-v-8f4f9202]:last-child {
  margin-left: 20px;
}
.link .banner-page .menu .menu-item[data-v-8f4f9202]:hover {
  color: #fff;
  background-color: var(--main-color);
  box-shadow: 0 8px 16px -4px var(--main-color-bg);
}
.link .banner-page .menu .menu-item:hover .iconfont[data-v-8f4f9202] {
  color: #fff;
}
.link .banner-page .link-group[data-v-8f4f9202] {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 24px;
  width: 100%;
  overflow: hidden;
}
.link .banner-page .link-group .tags-group-wrapper[data-v-8f4f9202] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.link .banner-page .link-group .tags-group-wrapper .tags-group-row[data-v-8f4f9202] {
  display: flex;
  overflow: hidden;
  width: 100%;
}
.link .banner-page .link-group .tags-group-wrapper .tags-group-row .tags-group-icons[data-v-8f4f9202] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-shrink: 0;
  animation: scroll-left-8f4f9202 60s linear infinite;
}
.link .banner-page .link-group .tags-group-wrapper .tags-group-row .tags-group-icons .tags-group-icon-pair[data-v-8f4f9202] {
  display: flex;
  flex-direction: row;
  gap: 12px;
  margin-right: 12px;
  flex-shrink: 0;
}
.link .banner-page .link-group .tags-group-wrapper .tags-group-row.tags-group-row-2 .tags-group-icons[data-v-8f4f9202] {
  animation: scroll-right-8f4f9202 60s linear infinite;
}
.link .banner-page .link-group .tags-group-wrapper .tags-group-row:hover .tags-group-icons[data-v-8f4f9202] {
  animation-play-state: paused;
}
.link .banner-page .link-group .tags-group-wrapper .tags-group-icon[data-v-8f4f9202] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: var(--main-card-second-background);
  border: 2px solid var(--main-card-border);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
  flex-shrink: 0;
  overflow: hidden;
}
.link .banner-page .link-group .tags-group-wrapper .tags-group-icon img[data-v-8f4f9202] {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
.link .banner-page .link-group .tags-group-wrapper .tags-group-icon[data-v-8f4f9202]:hover {
  transform: scale(1.15);
  border-color: var(--main-color);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
}
.link .banner-page .link-group .tags-group-wrapper .tags-group-icon:hover img[data-v-8f4f9202] {
  transform: scale(1.1);
}
@keyframes scroll-left-8f4f9202 {
0% {
    transform: translateX(0);
}
100% {
    transform: translateX(-50%);
}
}
@keyframes scroll-right-8f4f9202 {
0% {
    transform: translateX(-50%);
}
100% {
    transform: translateX(0);
}
}
@media (max-width: 800px) {
.link .banner-page[data-v-8f4f9202] {
    min-height: 320px;
    padding-bottom: 160px;
}
.link .banner-page .menu[data-v-8f4f9202] {
    display: none;
}
.link .banner-page .link-group[data-v-8f4f9202] {
    bottom: 16px;
}
.link .banner-page .link-group .tags-group-wrapper[data-v-8f4f9202] {
    gap: 10px;
}
.link .banner-page .link-group .tags-group-wrapper .tags-group-icon[data-v-8f4f9202] {
    width: 52px;
    height: 52px;
}
.link .banner-page .link-group .tags-group-wrapper .tags-group-icon-pair[data-v-8f4f9202] {
    gap: 10px;
    margin-right: 10px;
}
}
@media (max-width: 480px) {
.link .banner-page[data-v-8f4f9202] {
    min-height: 300px;
    padding-bottom: 140px;
}
.link .banner-page .link-group .tags-group-wrapper[data-v-8f4f9202] {
    gap: 8px;
}
.link .banner-page .link-group .tags-group-wrapper .tags-group-icon[data-v-8f4f9202] {
    width: 44px;
    height: 44px;
}
.link .banner-page .link-group .tags-group-wrapper .tags-group-icon-pair[data-v-8f4f9202] {
    gap: 8px;
    margin-right: 8px;
}
}.envelope-message[data-v-392fe690] {
  width: 100%;
  padding: 20px 0;
}
#maincontent[data-v-392fe690] {
  width: 100%;
  max-width: 530px;
  margin: 0 auto;
}
#form-wrap[data-v-392fe690] {
  overflow: hidden;
  height: 447px;
  position: relative;
  top: 0px;
  transition: all 1s ease-in-out 0.3s;
  z-index: 0;
}
#form-wrap[data-v-392fe690]:hover {
  height: var(--envelope-height, 1024px);
  top: -200px;
}
#beforeimg[data-v-392fe690] {
  position: absolute;
  bottom: 126px;
  left: 0px;
  background-repeat: no-repeat;
  width: 530px;
  height: 317px;
  z-index: -100;
  pointer-events: none;
}
#afterimg[data-v-392fe690] {
  position: absolute;
  bottom: -2px;
  left: 0;
  background-repeat: no-repeat;
  width: 530px;
  height: 259px;
  z-index: 100;
  pointer-events: none;
}
#envelope[data-v-392fe690] {
  position: relative;
  overflow: visible;
  width: 500px;
  margin: 0px auto;
  transition: all 1s ease-in-out 0.3s;
  padding-top: 200px;
}
.formmain[data-v-392fe690] {
  background: white;
  width: 95%;
  max-width: 800px;
  margin: auto auto;
  border-radius: 5px;
  border: 1px solid #ddd;
  overflow: hidden;
  -webkit-box-shadow: 0px 0px 20px 0px #000000;
  box-shadow: 0px 0px 20px 0px #000000;
}
.headerimg[data-v-392fe690] {
  width: 100%;
  overflow: hidden;
  pointer-events: none;
  display: block;
}
.comments-main[data-v-392fe690] {
  padding: 0 20px 20px;
}
.title3[data-v-392fe690] {
  text-decoration: none;
  color: var(--main-color, #3b82f6);
  text-align: center;
  font-size: 18px;
  margin: 15px 0;
}
.comments[data-v-392fe690] {
  text-align: center;
  border-bottom: #ddd 1px solid;
  border-left: #ddd 1px solid;
  padding-bottom: 20px;
  background-color: #eee;
  margin: 15px 0px;
  padding-left: 20px;
  padding-right: 20px;
  border-top: #ddd 1px solid;
  border-right: #ddd 1px solid;
  padding-top: 20px;
}
.comments div[data-v-392fe690] {
  margin: 8px 0;
  color: #333;
  font-size: 14px;
}
.bottomcontent[data-v-392fe690] {
  text-align: center;
  margin-top: 40px;
}
.bottomimg[data-v-392fe690] {
  width: 100%;
  margin: 5px auto 5px auto;
  display: block;
  pointer-events: none;
}
.bottomhr[data-v-392fe690] {
  font-size: 12px;
  text-align: center;
  color: #999;
  margin: 10px 0 0;
}
.envelope-comments[data-v-392fe690] {
  margin-top: 2rem;
  padding: 0 20px;
}
[data-theme="dark"] {
  background: #323232;
  border-color: #555;
}
[data-theme="dark"] {
  background-color: #5a5a5a !important;
  border-color: #666 !important;
}
[data-theme="dark"] {
  color: #e0e0e0;
}
[data-theme="dark"] {
  color: var(--main-color, #60a5fa);
}
[data-theme="dark"] {
  color: #aaa;
}
@media screen and (max-width: 600px) {
#beforeimg[data-v-392fe690],
  #afterimg[data-v-392fe690] {
    display: none !important;
}
#form-wrap[data-v-392fe690] {
    height: auto !important;
    top: 0 !important;
}
#form-wrap[data-v-392fe690]:hover {
    height: auto !important;
    top: 0 !important;
}
#envelope[data-v-392fe690] {
    width: 100%;
    padding-top: 0;
}
#maincontent[data-v-392fe690] {
    max-width: 100%;
    padding: 0 10px;
}
.formmain[data-v-392fe690] {
    width: 100%;
}
.comments-main[data-v-392fe690] {
    padding: 0 15px 15px;
}
}
@media screen and (min-width: 600px) {
[data-v-392fe690] #article-container img {
    margin: 0 auto 0rem;
}
}.message-page[data-v-e5bec33e] {
  width: 100%;
  display: flex;
  flex-direction: row;
  animation: fade-up 0.6s 0.1s backwards;
  padding: 20px 0;
}
.message-page .page-content[data-v-e5bec33e] {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}
.message-page .message-header[data-v-e5bec33e] {
  text-align: center;
  margin-bottom: 2rem;
}
.message-page .message-header .page-title[data-v-e5bec33e] {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 0.5rem;
  color: var(--main-font-color);
}
.message-page .message-header .page-desc[data-v-e5bec33e] {
  font-size: 1rem;
  color: var(--main-font-second-color);
}
.message-page .message-content[data-v-e5bec33e] {
  background-color: var(--main-card-background);
  border-radius: 16px;
  border: 1px solid var(--main-card-border);
  box-shadow: 0 8px 16px -4px var(--main-border-shadow);
  padding: 2rem;
}
@media (max-width: 768px) {
.message-page .message-content[data-v-e5bec33e] {
    padding: 1rem;
}
}.moment-card[data-v-e157605c] {
  background-color: var(--main-card-background);
  border: 1px solid var(--main-card-border);
  border-radius: 12px;
  padding: 1rem;
  transition: all 0.3s;
  box-shadow: var(--main-border-shadow);
}
.moment-card[data-v-e157605c]:hover {
  border-color: var(--main-color);
  box-shadow: 0 8px 16px -4px var(--main-border-shadow);
}
.moment-header[data-v-e157605c] {
  display: flex;
  align-items: center;
  margin-bottom: 0.8rem;
  position: relative;
}
.moment-header .avatar[data-v-e157605c] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
  margin-right: 0.8rem;
}
.moment-header .info[data-v-e157605c] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.moment-header .info .nickname[data-v-e157605c] {
  font-weight: 600;
  color: var(--main-font-color);
  font-size: 0.95rem;
}
.moment-header .info .datetime[data-v-e157605c] {
  font-size: 0.8rem;
  color: var(--main-font-second-color);
  margin-top: 2px;
}
.moment-header .source-link[data-v-e157605c] {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: var(--main-card-second-background);
  color: var(--main-font-second-color);
  transition: all 0.3s;
}
.moment-header .source-link[data-v-e157605c]:hover {
  background-color: var(--main-color);
  color: #fff;
}
.moment-header .source-link .iconfont[data-v-e157605c] {
  font-size: 0.9rem;
}
.moment-content .content-text[data-v-e157605c] {
  color: var(--main-font-color);
  font-size: 0.95rem;
  line-height: 1.6;
  word-break: break-word;
}
.moment-content .content-text[data-v-e157605c] .content-tag {
  color: var(--main-color);
  cursor: pointer;
  font-weight: 500;
}
.moment-content .content-text[data-v-e157605c] .content-tag:hover {
  text-decoration: underline;
}
.moment-content .content-text[data-v-e157605c] a {
  color: var(--main-color);
  text-decoration: none;
}
.moment-content .content-text[data-v-e157605c] a:hover {
  text-decoration: underline;
}
.moment-content .content-text[data-v-e157605c] br {
  display: block;
  content: "";
  margin: 0.3rem 0;
}
.moment-content .content-link-card[data-v-e157605c] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.9rem;
  min-height: 72px;
  margin-top: 0.8rem;
  padding: 0.75rem 0.9rem;
  border: 1px solid transparent;
  border-radius: 10px;
  background-color: var(--main-card-second-background);
  color: var(--main-font-color);
  text-decoration: none;
  transition: all 0.3s;
}
.moment-content .content-link-card[data-v-e157605c]:hover {
  border-color: var(--main-color);
  transform: translateY(-1px);
}
.moment-content .content-link-card .link-card-info[data-v-e157605c] {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
}
.moment-content .content-link-card .link-card-title[data-v-e157605c] {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.35;
  color: var(--main-font-color);
}
.moment-content .content-link-card .link-card-description[data-v-e157605c] {
  margin-top: 0.25rem;
  overflow: hidden;
  font-size: 0.9rem;
  line-height: 1.35;
  color: var(--main-font-second-color);
  white-space: nowrap;
  text-overflow: ellipsis;
}
.moment-content .content-link-card .link-card-icon[data-v-e157605c] {
  width: 56px;
  height: 56px;
  flex-shrink: 0;
  border-radius: 8px;
  object-fit: cover;
}
.moment-content .content-images[data-v-e157605c] {
  margin-top: 0.8rem;
  display: grid;
  gap: 0.4rem;
}
.moment-content .content-images.layout-1[data-v-e157605c] {
  grid-template-columns: 1fr;
}
.moment-content .content-images.layout-1 .image-item[data-v-e157605c] {
  aspect-ratio: 16/9;
}
.moment-content .content-images.layout-2[data-v-e157605c] {
  grid-template-columns: repeat(2, 1fr);
}
.moment-content .content-images.layout-2 .image-item[data-v-e157605c] {
  aspect-ratio: 1;
}
.moment-content .content-images.layout-3[data-v-e157605c] {
  grid-template-columns: repeat(3, 1fr);
}
.moment-content .content-images.layout-3 .image-item[data-v-e157605c] {
  aspect-ratio: 1;
}
.moment-content .content-images .image-item[data-v-e157605c] {
  border-radius: 8px;
  overflow: hidden;
  cursor: pointer;
  position: relative;
}
.moment-content .content-images .image-item img[data-v-e157605c] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s;
}
.moment-content .content-images .image-item:hover img[data-v-e157605c] {
  transform: scale(1.05);
}
.moment-content .content-images .image-more[data-v-e157605c] {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-size: 1.2rem;
  font-weight: 600;
  border-radius: 8px;
  cursor: pointer;
  aspect-ratio: 1;
  text-decoration: none;
}
.moment-content .content-images .image-more[data-v-e157605c]:hover {
  background-color: rgba(0, 0, 0, 0.7);
}
.moment-content .content-images .hidden[data-v-e157605c] {
  display: none;
}
.moment-footer[data-v-e157605c] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 0.8rem;
  padding-top: 0.8rem;
  border-top: 1px dashed var(--main-card-border);
}
.moment-footer .footer-left[data-v-e157605c] {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
.moment-footer .footer-left .footer-item[data-v-e157605c] {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  font-size: 0.8rem;
  color: var(--main-font-second-color);
}
.moment-footer .footer-left .footer-item .iconfont[data-v-e157605c] {
  font-size: 0.9rem;
}
.moment-footer .footer-right .reply-btn[data-v-e157605c] {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: none;
  background-color: transparent;
  color: var(--main-font-second-color);
  cursor: pointer;
  transition: all 0.3s;
}
.moment-footer .footer-right .reply-btn[data-v-e157605c]:hover {
  background-color: var(--main-color-bg);
  color: var(--main-color);
}
.moment-footer .footer-right .reply-btn .iconfont[data-v-e157605c] {
  font-size: 1rem;
}
.moment-badges[data-v-e157605c] {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 0.6rem;
}
.moment-badges .badge[data-v-e157605c] {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.15rem 0.5rem;
  border-radius: 10px;
  font-size: 0.75rem;
  font-weight: 500;
}
.moment-badges .badge .iconfont[data-v-e157605c] {
  font-size: 0.75rem;
}
.moment-badges .badge-top[data-v-e157605c] {
  background-color: #ffedd5;
  color: #c2410c;
}
.moment-badges .badge-ad[data-v-e157605c] {
  background-color: #fecaca;
  color: #b91c1c;
}
.content-tags[data-v-e157605c] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin-bottom: 0.5rem;
}
.content-tags .tag-chip[data-v-e157605c] {
  display: inline-block;
  padding: 0.15rem 0.5rem;
  background-color: var(--main-color-bg);
  color: var(--main-color);
  border-radius: 10px;
  font-size: 0.8rem;
  cursor: pointer;
  transition: opacity 0.2s;
}
.content-tags .tag-chip[data-v-e157605c]:hover {
  opacity: 0.8;
}
.content-video[data-v-e157605c] {
  margin-top: 0.8rem;
  border-radius: 8px;
  overflow: hidden;
}
.content-video .video-player[data-v-e157605c] {
  width: 100%;
  max-height: 400px;
  border-radius: 8px;
  background: #000;
}
.content-video .video-embed[data-v-e157605c] {
  width: 100%;
  aspect-ratio: 16/9;
  border-radius: 8px;
}
.content-music[data-v-e157605c] {
  margin-top: 0.8rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.content-music .music-track[data-v-e157605c] {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.5rem;
  background-color: var(--main-card-second-background);
  border-radius: 8px;
}
.content-music .music-track .music-cover[data-v-e157605c] {
  width: 40px;
  height: 40px;
  border-radius: 6px;
  object-fit: cover;
  flex-shrink: 0;
}
.content-music .music-track .music-info[data-v-e157605c] {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.content-music .music-track .music-info .music-name[data-v-e157605c] {
  font-size: 0.85rem;
  font-weight: 500;
  color: var(--main-font-color);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.content-music .music-track .music-info .music-artist[data-v-e157605c] {
  font-size: 0.75rem;
  color: var(--main-font-second-color);
}
.content-music .music-track .music-player[data-v-e157605c] {
  width: 120px;
  height: 32px;
  flex-shrink: 0;
}
.footer-location a[data-v-e157605c] {
  color: inherit;
  text-decoration: none;
}
.footer-location a[data-v-e157605c]:hover {
  text-decoration: underline;
}
.moment-comments[data-v-e157605c] {
  margin-top: 0.8rem;
  padding-top: 0.8rem;
  border-top: 1px solid var(--main-card-border);
}
.moment-comments .comments-title[data-v-e157605c] {
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--main-font-color);
  margin-bottom: 0.6rem;
}
.moment-comments .comment-item[data-v-e157605c] {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 0.6rem;
}
.moment-comments .comment-item .comment-avatar[data-v-e157605c],
.moment-comments .comment-item .comment-avatar-placeholder[data-v-e157605c] {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  flex-shrink: 0;
  margin-top: 2px;
}
.moment-comments .comment-item .comment-avatar[data-v-e157605c] {
  object-fit: cover;
}
.moment-comments .comment-item .comment-avatar-placeholder[data-v-e157605c] {
  background-color: var(--main-card-second-background);
}
.moment-comments .comment-item .comment-body[data-v-e157605c] {
  flex: 1;
  min-width: 0;
}
.moment-comments .comment-item .comment-body .comment-meta[data-v-e157605c] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.2rem;
}
.moment-comments .comment-item .comment-body .comment-meta .comment-author[data-v-e157605c] {
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--main-color);
}
.moment-comments .comment-item .comment-body .comment-meta .comment-author a[data-v-e157605c] {
  color: inherit;
  text-decoration: none;
}
.moment-comments .comment-item .comment-body .comment-meta .comment-author a[data-v-e157605c]:hover {
  text-decoration: underline;
}
.moment-comments .comment-item .comment-body .comment-meta .comment-time[data-v-e157605c] {
  font-size: 0.7rem;
  color: var(--main-font-second-color);
}
.moment-comments .comment-item .comment-body .comment-text[data-v-e157605c] {
  font-size: 0.85rem;
  color: var(--main-font-color);
  line-height: 1.5;
}
.moment-comments .comment-item .comment-body .comment-replies[data-v-e157605c] {
  margin-top: 0.4rem;
  padding: 0.4rem;
  background-color: var(--main-card-second-background);
  border-radius: 6px;
}
.moment-comments .comment-item .comment-body .comment-replies .reply-item[data-v-e157605c] {
  font-size: 0.8rem;
  line-height: 1.6;
}
.moment-comments .comment-item .comment-body .comment-replies .reply-item .reply-author[data-v-e157605c] {
  font-weight: 600;
  color: var(--main-color);
}
.moment-comments .comment-item .comment-body .comment-replies .reply-item .reply-colon[data-v-e157605c] {
  color: var(--main-font-second-color);
}
.moment-comments .comment-item .comment-body .comment-replies .reply-item .reply-text[data-v-e157605c] {
  color: var(--main-font-color);
}
@media (max-width: 768px) {
.moment-card[data-v-e157605c] {
    padding: 0.8rem;
}
.moment-header .avatar[data-v-e157605c] {
    width: 36px;
    height: 36px;
}
.moment-header .info .nickname[data-v-e157605c] {
    font-size: 0.9rem;
}
.moment-content .content-text[data-v-e157605c] {
    font-size: 0.9rem;
}
.moment-content .content-link-card[data-v-e157605c] {
    min-height: 64px;
    padding: 0.65rem 0.75rem;
}
.moment-content .content-link-card .link-card-title[data-v-e157605c] {
    font-size: 0.95rem;
}
.moment-content .content-link-card .link-card-description[data-v-e157605c] {
    font-size: 0.85rem;
}
.moment-content .content-link-card .link-card-icon[data-v-e157605c] {
    width: 48px;
    height: 48px;
}
.moment-content .content-images[data-v-e157605c] {
    gap: 0.3rem;
}
.moment-content .content-images.layout-3[data-v-e157605c] {
    grid-template-columns: repeat(2, 1fr);
}
.moment-content .content-video .video-player[data-v-e157605c] {
    max-height: 250px;
}
.moment-content .content-music .music-track[data-v-e157605c] {
    flex-wrap: wrap;
}
.moment-content .content-music .music-track .music-player[data-v-e157605c] {
    width: 100%;
}
}#moment-page[data-v-2ec8d73c] {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  padding: 1rem;
  animation: fade-up 0.6s 0.1s backwards;
}
.moment-tabs[data-v-2ec8d73c] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  flex-wrap: wrap;
}
.moment-tabs .tab-item[data-v-2ec8d73c] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 1.2rem;
  border-radius: 25px;
  background-color: var(--main-card-background);
  border: 1px solid var(--main-card-border);
  color: var(--main-font-color);
  cursor: pointer;
  transition: all 0.3s;
}
.moment-tabs .tab-item .iconfont[data-v-2ec8d73c] {
  font-size: 1.1rem;
}
.moment-tabs .tab-item[data-v-2ec8d73c]:hover {
  border-color: var(--main-color);
  color: var(--main-color);
}
.moment-tabs .tab-item.active[data-v-2ec8d73c] {
  background-color: var(--main-color);
  border-color: var(--main-color);
  color: #fff;
}
.moment-tags[data-v-2ec8d73c] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}
.moment-tags .tag-item[data-v-2ec8d73c] {
  padding: 0.3rem 0.8rem;
  border-radius: 20px;
  background-color: var(--main-card-second-background);
  color: var(--main-font-second-color);
  font-size: 0.85rem;
  cursor: pointer;
  transition: all 0.3s;
}
.moment-tags .tag-item[data-v-2ec8d73c]:hover {
  background-color: var(--main-color-bg);
  color: var(--main-color);
}
.moment-tags .tag-item.active[data-v-2ec8d73c] {
  background-color: var(--main-color);
  color: #fff;
}
.moment-loading[data-v-2ec8d73c] {
  display: flex;
  justify-content: center;
  padding: 3rem 0;
}
.moment-error[data-v-2ec8d73c] {
  text-align: center;
  padding: 3rem 0;
  color: var(--main-font-second-color);
}
.moment-error .iconfont[data-v-2ec8d73c] {
  font-size: 3rem;
  margin-bottom: 1rem;
}
.moment-error button[data-v-2ec8d73c] {
  margin-top: 1rem;
  padding: 0.5rem 1.5rem;
  border-radius: 20px;
  border: none;
  background-color: var(--main-color);
  color: #fff;
  cursor: pointer;
  transition: opacity 0.3s;
}
.moment-error button[data-v-2ec8d73c]:hover {
  opacity: 0.8;
}
.moment-empty[data-v-2ec8d73c] {
  text-align: center;
  padding: 3rem 0;
  color: var(--main-font-second-color);
}
.moment-empty .iconfont[data-v-2ec8d73c] {
  font-size: 3rem;
  margin-bottom: 1rem;
}
.moment-waterfall[data-v-2ec8d73c] {
  display: flex;
  gap: 1rem;
}
.moment-waterfall .waterfall-column[data-v-2ec8d73c] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.moment-loadmore[data-v-2ec8d73c] {
  text-align: center;
  margin-top: 2rem;
}
.moment-loadmore button[data-v-2ec8d73c] {
  padding: 0.6rem 2rem;
  border-radius: 25px;
  border: 1px solid var(--main-card-border);
  background-color: var(--main-card-background);
  color: var(--main-font-color);
  cursor: pointer;
  transition: all 0.3s;
}
.moment-loadmore button[data-v-2ec8d73c]:hover {
  border-color: var(--main-color);
  color: var(--main-color);
}
@media (max-width: 1300px) {
.moment-waterfall[data-v-2ec8d73c] {
    gap: 0.8rem;
}
}
@media (max-width: 768px) {
#moment-page[data-v-2ec8d73c] {
    padding: 0.5rem;
}
.moment-tabs[data-v-2ec8d73c] {
    gap: 0.5rem;
}
.moment-tabs .tab-item[data-v-2ec8d73c] {
    padding: 0.5rem 1rem;
    font-size: 0.9rem;
}
.moment-waterfall[data-v-2ec8d73c] {
    gap: 0.5rem;
}
}.project .banner-page .to-github[data-v-3790035b] {
  height: 40px;
  padding: 0 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  color: #fff;
  background-color: var(--main-dark-opacity);
  backdrop-filter: blur(20px);
  transition: color 0.3s, background-color 0.3s;
}
.project .banner-page .to-github .iconfont[data-v-3790035b] {
  margin-right: 8px;
  transition: color 0.3s;
}
.project .banner-page .to-github[data-v-3790035b]:hover {
  color: var(--main-card-background);
  background-color: var(--main-color);
}
.project .banner-page .to-github:hover .iconfont[data-v-3790035b] {
  color: var(--main-card-background) !important;
}
.reward-page[data-v-8bc8121b] {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  padding: 2rem 0 3rem;
}

/* ============ 页面标题 ============ */
.reward-header[data-v-8bc8121b] {
  text-align: center;
  margin-bottom: 2.5rem;
}
.reward-title[data-v-8bc8121b] {
  font-size: 2rem;
  font-weight: 700;
  color: var(--main-font-color);
  margin: 0 0 0.6rem;
}
.reward-subtitle[data-v-8bc8121b] {
  font-size: 1rem;
  color: var(--main-font-second-color);
  margin: 0;
}

/* ============ 扫码赞助卡片 ============ */
.qr-card[data-v-8bc8121b] {
  padding: 1.5rem;
  border-radius: 16px;
  background-color: var(--main-card-background);
  border: 1px solid var(--main-card-border);
  box-shadow: 0 8px 16px -4px var(--main-border-shadow);
  margin-bottom: 2.5rem;
}
.qr-card-header[data-v-8bc8121b] {
  margin-bottom: 1.2rem;
}
.qr-title[data-v-8bc8121b] {
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--main-font-color);
  margin: 0 0 4px;
}
.qr-desc[data-v-8bc8121b] {
  font-size: 0.85rem;
  color: var(--main-font-second-color);
  margin: 0;
}

/* Tab 按钮 */
.qr-tabs[data-v-8bc8121b] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-bottom: 1.5rem;
}
.tab-btn[data-v-8bc8121b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 42px;
  border-radius: 10px;
  border: 1px solid var(--main-card-border);
  background: var(--main-card-second-background);
  color: var(--main-font-color);
  font-size: 0.9rem;
  font-family: var(--main-font-family);
  cursor: pointer;
  transition: all 0.25s;
}
.tab-btn .tab-icon[data-v-8bc8121b] {
  color: var(--main-font-second-color);
  transition: color 0.25s;
}
.tab-btn.active[data-v-8bc8121b] {
  background: var(--main-color);
  border-color: var(--main-color);
  color: #fff;
}
.tab-btn.active .tab-icon[data-v-8bc8121b] {
  color: #fff;
}
.tab-btn[data-v-8bc8121b]:hover:not(.active) {
  border-color: var(--main-color);
}

/* 二维码展示 */
.qr-display[data-v-8bc8121b] {
  display: flex;
  justify-content: center;
  padding: 0.5rem 0;
}
.qr-img[data-v-8bc8121b] {
  width: 240px;
  height: 240px;
  border-radius: 12px;
  border: 1px solid var(--main-card-border);
  object-fit: contain;
  background: #fff;
}

/* Tab 切换动画 */
.qr-fade-enter-active[data-v-8bc8121b],
.qr-fade-leave-active[data-v-8bc8121b] {
  transition: opacity 0.2s ease;
}
.qr-fade-enter-from[data-v-8bc8121b],
.qr-fade-leave-to[data-v-8bc8121b] {
  opacity: 0;
}

/* ============ 赞助名单 ============ */
.sponsor-title[data-v-8bc8121b] {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--main-font-color);
  margin: 0 0 1.2rem;
}
.loading-state[data-v-8bc8121b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 3rem 0;
  color: var(--main-font-second-color);
  font-size: 0.9rem;
}
.loading-spinner[data-v-8bc8121b] {
  width: 20px;
  height: 20px;
  border: 2px solid var(--main-card-border);
  border-top-color: var(--main-color);
  border-radius: 50%;
  animation: spin-8bc8121b 0.8s linear infinite;
}
@keyframes spin-8bc8121b {
to {
    transform: rotate(360deg);
}
}
.empty-card[data-v-8bc8121b] {
  text-align: center;
  padding: 3rem 0;
  color: var(--main-font-second-color);
  font-size: 0.9rem;
  background: var(--main-card-background);
  border: 1px solid var(--main-card-border);
  border-radius: 16px;
}

/* 赞助者网格 */
.sponsor-grid[data-v-8bc8121b] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}
.sponsor-card[data-v-8bc8121b] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  border-radius: 14px;
  background: var(--main-card-background);
  border: 1px solid var(--main-card-border);
  box-shadow: 0 4px 8px -2px var(--main-border-shadow);
  transition: border-color 0.25s;
}
.sponsor-card[data-v-8bc8121b]:hover {
  border-color: var(--main-color);
}

/* 头像 */
.sponsor-avatar[data-v-8bc8121b] {
  position: relative;
  width: 44px;
  height: 44px;
  flex-shrink: 0;
}
.sponsor-avatar img[data-v-8bc8121b] {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
}
.avatar-fallback[data-v-8bc8121b] {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: var(--main-card-second-background);
  border: 1px solid var(--main-card-border);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  font-weight: 700;
  color: var(--main-font-second-color);
}

/* 信息 */
.sponsor-info[data-v-8bc8121b] {
  flex: 1;
  min-width: 0;
}
.sponsor-name[data-v-8bc8121b] {
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--main-font-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sponsor-date[data-v-8bc8121b] {
  font-size: 0.75rem;
  color: var(--main-font-second-color);
  margin-top: 2px;
}
.sponsor-amount[data-v-8bc8121b] {
  flex-shrink: 0;
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--main-color);
  white-space: nowrap;
}

/* ============ 响应式 ============ */
@media (max-width: 768px) {
.reward-page[data-v-8bc8121b] {
    padding: 1rem 0 2rem;
}
.reward-title[data-v-8bc8121b] {
    font-size: 1.6rem;
}
.sponsor-grid[data-v-8bc8121b] {
    grid-template-columns: repeat(2, 1fr);
}
.qr-img[data-v-8bc8121b] {
    width: 200px;
    height: 200px;
}
}
@media (max-width: 480px) {
.sponsor-grid[data-v-8bc8121b] {
    grid-template-columns: 1fr;
}
}.rss-page[data-v-6d9efbe3] {
  max-width: 680px;
  margin: 0 auto;
  padding: 2rem 0;
}
.rss-header[data-v-6d9efbe3] {
  text-align: center;
  margin-bottom: 2.5rem;
}
.rss-header .rss-title[data-v-6d9efbe3] {
  font-size: 1.6rem;
  font-weight: 700;
  color: var(--main-font-color);
  margin: 0 0 0.6rem;
}
.rss-header .rss-subtitle[data-v-6d9efbe3] {
  font-size: 0.9rem;
  color: var(--main-font-second-color);
  margin: 0;
  line-height: 1.6;
}
.subscribe-card[data-v-6d9efbe3] {
  background: var(--main-card-background);
  border: 1px solid var(--main-card-border);
  border-radius: 14px;
  padding: 1.5rem;
  margin-bottom: 1.5rem;
  box-shadow: 0 2px 12px -2px var(--main-border-shadow);
}
.card-header[data-v-6d9efbe3] {
  display: flex;
  align-items: flex-start;
  gap: 0.8rem;
  margin-bottom: 1.2rem;
}
.card-header .card-number[data-v-6d9efbe3] {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--main-color);
  color: #fff;
  font-size: 0.85rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}
.card-header .card-header-text[data-v-6d9efbe3] {
  flex: 1;
}
.card-header .card-title[data-v-6d9efbe3] {
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--main-font-color);
  margin: 0 0 0.25rem;
}
.card-header .card-desc[data-v-6d9efbe3] {
  font-size: 0.82rem;
  color: var(--main-font-second-color);
  margin: 0;
  line-height: 1.5;
}
.subscribe-form[data-v-6d9efbe3] {
  display: flex;
  gap: 0.6rem;
}
.subscribe-form .email-input[data-v-6d9efbe3] {
  flex: 1;
  height: 42px;
  padding: 0 1rem;
  border: 1.5px solid var(--main-card-border);
  border-radius: 10px;
  background: var(--main-card-second-background);
  color: var(--main-font-color);
  font-size: 0.88rem;
  outline: none;
  transition: border-color 0.3s;
}
.subscribe-form .email-input[data-v-6d9efbe3]::placeholder {
  color: var(--main-font-second-color);
  opacity: 0.7;
}
.subscribe-form .email-input[data-v-6d9efbe3]:focus {
  border-color: var(--main-color);
}
.subscribe-form .submit-btn[data-v-6d9efbe3] {
  flex-shrink: 0;
  height: 42px;
  padding: 0 1.6rem;
  border: none;
  border-radius: 10px;
  background: var(--main-color);
  color: #fff;
  font-size: 0.88rem;
  font-weight: 600;
  cursor: pointer;
  transition: opacity 0.3s, transform 0.2s;
}
.subscribe-form .submit-btn[data-v-6d9efbe3]:hover {
  opacity: 0.88;
}
.subscribe-form .submit-btn[data-v-6d9efbe3]:active {
  transform: scale(0.97);
}
.subscribe-form .submit-btn[data-v-6d9efbe3]:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
.card-footer[data-v-6d9efbe3] {
  margin-top: 0.6rem;
  text-align: center;
}
.card-footer span[data-v-6d9efbe3] {
  font-size: 0.75rem;
  color: var(--main-font-second-color);
  opacity: 0.7;
}
.subscribe-tips[data-v-6d9efbe3] {
  margin: 0.8rem 0 0;
  padding-left: 1.2rem;
}
.subscribe-tips li[data-v-6d9efbe3] {
  font-size: 0.75rem;
  color: var(--main-font-second-color);
  line-height: 1.8;
}
.subscribe-tips code[data-v-6d9efbe3] {
  padding: 0.1em 0.4em;
  border-radius: 4px;
  background: var(--main-card-second-background);
  font-size: 0.72rem;
}
.rss-url-box[data-v-6d9efbe3] {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.75rem 1rem;
  background: var(--main-card-second-background);
  border: 1.5px solid var(--main-card-border);
  border-radius: 10px;
  margin-bottom: 1rem;
}
.rss-url-box .rss-url-text[data-v-6d9efbe3] {
  flex: 1;
  font-size: 0.85rem;
  color: var(--main-color);
  font-family: "Courier New", monospace;
  word-break: break-all;
  user-select: all;
  line-height: 1.4;
}
.rss-url-box .copy-btn[data-v-6d9efbe3] {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.35rem 0.8rem;
  border: 1.5px solid var(--main-card-border);
  border-radius: 8px;
  background: var(--main-card-background);
  color: var(--main-font-color);
  font-size: 0.78rem;
  cursor: pointer;
  transition: all 0.3s;
}
.rss-url-box .copy-btn svg[data-v-6d9efbe3] {
  display: block;
}
.rss-url-box .copy-btn[data-v-6d9efbe3]:hover {
  border-color: var(--main-color);
  color: var(--main-color);
}
.rss-url-box .copy-btn.copied[data-v-6d9efbe3] {
  border-color: var(--main-success-color);
  color: var(--main-success-color);
}
.rss-tips p[data-v-6d9efbe3] {
  font-size: 0.82rem;
  color: var(--main-font-second-color);
  margin: 0 0 0.6rem;
}
.rss-tips .reader-list[data-v-6d9efbe3] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.rss-tips .reader-tag[data-v-6d9efbe3] {
  display: inline-block;
  padding: 0.3rem 0.75rem;
  border-radius: 8px;
  background: var(--main-card-second-background);
  border: 1px solid var(--main-card-border);
  color: var(--main-font-color);
  font-size: 0.78rem;
  text-decoration: none;
  transition: all 0.3s;
}
.rss-tips .reader-tag[data-v-6d9efbe3]:hover {
  border-color: var(--main-color);
  color: var(--main-color);
}
@media (max-width: 768px) {
.rss-page[data-v-6d9efbe3] {
    padding: 1rem 0;
}
.rss-header .rss-title[data-v-6d9efbe3] {
    font-size: 1.3rem;
}
.subscribe-card[data-v-6d9efbe3] {
    padding: 1.2rem;
}
.subscribe-form[data-v-6d9efbe3] {
    flex-direction: column;
}
.subscribe-form .submit-btn[data-v-6d9efbe3] {
    width: 100%;
}
}
.timetable-page[data-v-fb04a26b] {
  padding: 20px 0;
}
.loading-container[data-v-fb04a26b],
.error-container[data-v-fb04a26b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 60px 20px;
  color: var(--main-font-second-color);
}
.loading-container i[data-v-fb04a26b],
.error-container i[data-v-fb04a26b] {
  font-size: 3rem;
  margin-bottom: 16px;
}
.loading-spinner[data-v-fb04a26b] {
  width: 40px;
  height: 40px;
  border: 3px solid var(--main-card-border);
  border-top-color: var(--main-color);
  border-radius: 50%;
  animation: spin-fb04a26b 1s linear infinite;
  margin-bottom: 16px;
}
@keyframes spin-fb04a26b {
to {
    transform: rotate(360deg);
}
}
/* 头部样式 */
.timetable-header[data-v-fb04a26b] {
  margin-bottom: 24px;
}
.timetable-header .timetable-title[data-v-fb04a26b] {
  font-size: 1.8rem;
  font-weight: 600;
  color: var(--main-font-color);
  margin-bottom: 8px;
}
.timetable-header .timetable-subtitle[data-v-fb04a26b] {
  font-size: 0.9rem;
  color: var(--main-font-second-color);
}

/* 周次选择器 */
.week-selector[data-v-fb04a26b] {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 24px;
  padding: 16px;
  background: var(--main-card-background);
  border-radius: 12px;
  border: 1px solid var(--main-card-border);
}
.week-selector .week-btn[data-v-fb04a26b] {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  border: 1px solid var(--main-card-border);
  background: var(--main-card-second-background);
  color: var(--main-font-color);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  padding: 0;
}
.week-selector .week-btn[data-v-fb04a26b]:hover:not(:disabled) {
  background: var(--main-color);
  color: white;
  border-color: var(--main-color);
}
.week-selector .week-btn[data-v-fb04a26b]:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
.week-selector .week-btn svg[data-v-fb04a26b] {
  display: block;
}
.week-selector .week-display[data-v-fb04a26b] {
  font-size: 1.1rem;
  font-weight: 500;
  color: var(--main-font-color);
  display: flex;
  align-items: center;
  gap: 8px;
}
.week-selector .current-week-badge[data-v-fb04a26b] {
  font-size: 0.75rem;
  padding: 2px 8px;
  background: var(--main-color);
  color: white;
  border-radius: 4px;
}

/* 桌面端课程表 - 新样式 */
.timetable-desktop[data-v-fb04a26b] {
  background: var(--main-card-background);
  border-radius: 12px;
  border: 1px solid var(--main-card-border);
  overflow: hidden;
}
@media (max-width: 768px) {
.timetable-desktop[data-v-fb04a26b] {
    display: none;
}
}
.timetable-header-row[data-v-fb04a26b] {
  display: flex;
  background: var(--main-card-second-background);
  border-bottom: 1px solid var(--main-card-border);
}
.timetable-header-row .header-cell[data-v-fb04a26b] {
  padding: 16px 12px;
  font-weight: 600;
  font-size: 0.95rem;
  color: var(--main-font-color);
  text-align: center;
}
.timetable-header-row .header-cell.time-header[data-v-fb04a26b] {
  width: 100px;
  flex-shrink: 0;
  text-align: left;
  padding-left: 16px;
}
.timetable-header-row .header-cell.day-header[data-v-fb04a26b] {
  flex: 1;
  min-width: 120px;
}
.timetable-row[data-v-fb04a26b] {
  display: flex;
  border-bottom: 1px solid var(--main-card-border);
  min-height: 100px;
}
.timetable-row[data-v-fb04a26b]:last-child {
  border-bottom: none;
}
.timetable-row .time-cell[data-v-fb04a26b] {
  width: 100px;
  flex-shrink: 0;
  padding: 16px;
  background: var(--main-card-second-background);
  border-right: 1px solid var(--main-card-border);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.timetable-row .time-cell .node-label[data-v-fb04a26b] {
  font-weight: 600;
  font-size: 0.9rem;
  color: var(--main-font-color);
  margin-bottom: 4px;
}
.timetable-row .time-cell .node-time[data-v-fb04a26b] {
  font-size: 0.75rem;
  color: var(--main-font-second-color);
}
.timetable-row .day-cell[data-v-fb04a26b] {
  flex: 1;
  min-width: 120px;
  padding: 10px;
  border-right: 1px solid var(--main-card-border);
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.timetable-row .day-cell[data-v-fb04a26b]:last-child {
  border-right: none;
}
.course-card[data-v-fb04a26b] {
  padding: 12px;
  border-radius: 8px;
  border: 1px solid;
  transition: all 0.3s ease;
  flex: 1;
}
.course-card[data-v-fb04a26b]:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.course-card .course-name[data-v-fb04a26b] {
  font-weight: 600;
  font-size: 0.9rem;
  color: var(--main-font-color);
  margin-bottom: 8px;
  line-height: 1.4;
}
.course-card .course-meta[data-v-fb04a26b] {
  font-size: 0.75rem;
  color: var(--main-font-second-color);
  line-height: 1.6;
}
.course-card .course-meta > div[data-v-fb04a26b] {
  margin-bottom: 2px;
}
.empty-cell[data-v-fb04a26b] {
  text-align: center;
  color: var(--main-font-second-color);
  font-size: 1rem;
  padding: 20px 0;
  opacity: 0.5;
}

/* 移动端课程表 */
.timetable-mobile[data-v-fb04a26b] {
  display: none;
}
@media (max-width: 768px) {
.timetable-mobile[data-v-fb04a26b] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
}
.day-section[data-v-fb04a26b] {
  background: var(--main-card-background);
  border-radius: 12px;
  border: 1px solid var(--main-card-border);
  overflow: hidden;
}
.day-header[data-v-fb04a26b] {
  padding: 14px 16px;
  background: var(--main-card-second-background);
  font-weight: 600;
  font-size: 1.05rem;
  color: var(--main-font-color);
  border-bottom: 1px solid var(--main-card-border);
}
.day-courses[data-v-fb04a26b] {
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.mobile-course-card[data-v-fb04a26b] {
  padding: 14px 16px;
  border-radius: 10px;
  border: 1px solid;
}
.mobile-course-card .mobile-course-name[data-v-fb04a26b] {
  font-weight: 600;
  font-size: 1rem;
  color: var(--main-font-color);
  margin-bottom: 10px;
}
.mobile-course-card .mobile-course-info[data-v-fb04a26b] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 0.85rem;
  color: var(--main-font-second-color);
}
.mobile-course-card .mobile-course-info .label[data-v-fb04a26b] {
  color: var(--main-font-color);
  font-weight: 500;
}
.mobile-empty[data-v-fb04a26b] {
  text-align: center;
  padding: 30px;
  color: var(--main-font-second-color);
  font-size: 0.9rem;
}
.watermark-page[data-v-6868f716] {
  width: 100%;
  max-width: 560px;
  margin: 0 auto;
  padding: 1rem 0 2rem;
}

/* ============ 标题 ============ */
.page-header[data-v-6868f716] {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 1.2rem;
}
.page-header .header-icon[data-v-6868f716] {
  color: var(--main-color);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  position: relative;
  top: -6.5px;
}
.page-header .header-icon svg[data-v-6868f716] {
  display: block;
}
.page-header .header-title[data-v-6868f716] {
  font-size: 1.3rem;
  font-weight: 700;
  color: var(--main-font-color);
  margin: 0;
  line-height: 1;
}

/* ============ 控制面板卡片 ============ */
.wm-card[data-v-6868f716] {
  padding: 1.5rem;
  border-radius: 16px;
  background-color: var(--main-card-background);
  border: 1px solid var(--main-card-border);
  box-shadow: 0 8px 16px -4px var(--main-border-shadow);
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}

/* ============ 表单元素 ============ */
.form-group[data-v-6868f716] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.form-group.flex-1[data-v-6868f716] {
  flex: 1;
  min-width: 0;
}
.form-label[data-v-6868f716] {
  font-size: 0.8rem;
  font-weight: 500;
  color: var(--main-font-second-color);
}

/* 文件选择 */
.form-row[data-v-6868f716] {
  display: flex;
  align-items: flex-end;
  gap: 8px;
}
.file-input-wrapper[data-v-6868f716] {
  position: relative;
  height: 40px;
  border-radius: 10px;
  border: 1px solid var(--main-card-border);
  background: var(--main-card-second-background);
  overflow: hidden;
  display: flex;
  align-items: center;
}
.file-input-wrapper .file-input[data-v-6868f716] {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
  z-index: 1;
}
.file-input-wrapper .file-placeholder[data-v-6868f716] {
  padding: 0 14px;
  font-size: 0.875rem;
  color: var(--main-font-second-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  pointer-events: none;
}

/* 重置按钮 */
.reset-btn[data-v-6868f716] {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  border-radius: 10px;
  border: 1px solid var(--main-card-border);
  background: var(--main-card-second-background);
  color: var(--main-font-second-color);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.25s;
}
.reset-btn[data-v-6868f716]:hover {
  color: var(--main-color);
  border-color: var(--main-color);
}

/* 文字输入 */
.text-input[data-v-6868f716] {
  height: 40px;
  padding: 0 14px;
  border-radius: 10px;
  border: 1px solid var(--main-card-border);
  background: var(--main-card-second-background);
  color: var(--main-font-color);
  font-size: 0.875rem;
  font-family: var(--main-font-family);
  outline: none;
  transition: border-color 0.25s;
}
.text-input[data-v-6868f716]::placeholder {
  color: var(--main-font-second-color);
  opacity: 0.5;
}
.text-input[data-v-6868f716]:focus {
  border-color: var(--main-color);
}

/* 下拉选择 */
.select-wrapper[data-v-6868f716] {
  position: relative;
}
.custom-select[data-v-6868f716] {
  width: 100%;
  height: 40px;
  padding: 0 36px 0 14px;
  border-radius: 10px;
  border: 1px solid var(--main-card-border);
  background: var(--main-card-second-background);
  color: var(--main-font-color);
  font-size: 0.875rem;
  font-family: var(--main-font-family);
  appearance: none;
  cursor: pointer;
  outline: none;
  transition: border-color 0.25s;
}
.custom-select[data-v-6868f716]:focus {
  border-color: var(--main-color);
}
.select-arrow[data-v-6868f716] {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  color: var(--main-font-second-color);
}

/* 双列布局 */
.two-col[data-v-6868f716] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

/* 滑动条 */
.slider-wrapper[data-v-6868f716] {
  padding: 4px 0;
}
.custom-slider[data-v-6868f716] {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 6px;
  border-radius: 3px;
  background: var(--main-card-border);
  outline: none;
  cursor: pointer;
}
.custom-slider[data-v-6868f716]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--main-color);
  border: 2px solid var(--main-card-background);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.18);
  cursor: pointer;
  transition: transform 0.15s;
}
.custom-slider[data-v-6868f716]::-webkit-slider-thumb:hover {
  transform: scale(1.15);
}
.custom-slider[data-v-6868f716]::-moz-range-thumb {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--main-color);
  border: 2px solid var(--main-card-background);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.18);
  cursor: pointer;
}

/* ============ 预览区域 ============ */
.preview-card[data-v-6868f716] {
  margin-top: 1.2rem;
  padding: 1rem;
  border-radius: 16px;
  background-color: var(--main-card-background);
  border: 1px solid var(--main-card-border);
  box-shadow: 0 8px 16px -4px var(--main-border-shadow);
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.preview-img[data-v-6868f716] {
  width: 100%;
  border-radius: 12px;
  border: 1px solid var(--main-card-border);
  display: block;
}

/* 下载按钮 */
.download-btn[data-v-6868f716] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100%;
  height: 42px;
  border: none;
  border-radius: 10px;
  background: var(--main-color);
  color: #fff;
  font-size: 0.9rem;
  font-weight: 600;
  font-family: var(--main-font-family);
  cursor: pointer;
  transition: opacity 0.25s;
}
.download-btn svg[data-v-6868f716] {
  color: #fff;
}
.download-btn[data-v-6868f716]:hover {
  opacity: 0.88;
}
.download-btn[data-v-6868f716]:active {
  opacity: 0.75;
}

/* ============ 响应式 ============ */
@media (max-width: 520px) {
.watermark-page[data-v-6868f716] {
    padding: 0.5rem 0 1.5rem;
}
.wm-card[data-v-6868f716] {
    padding: 1.2rem;
}
.two-col[data-v-6868f716] {
    grid-template-columns: 1fr;
}
}.music-player[data-v-987c6cff] {
  position: relative;
  width: 100%;
  max-width: 520px;
  margin: 1.5rem 0;
  border-radius: 16px;
  background-color: var(--main-card-background);
  border: 1px solid var(--main-card-border);
  box-shadow: 0 8px 24px -4px var(--main-border-shadow);
  overflow: hidden;
  font-family: var(--main-font-family);
  transition: all 0.3s ease;
  user-select: none;
}
.music-player[data-v-987c6cff]:hover {
  border-color: var(--main-color);
  box-shadow: 0 12px 32px -4px var(--main-color-bg);
}
.music-player .player-main[data-v-987c6cff] {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 24px;
  gap: 20px;
  transition: gap 0.32s ease, padding 0.32s ease;
}
.music-player .cover-wrapper[data-v-987c6cff] {
  position: relative;
  flex-shrink: 0;
  width: 96px;
  height: 96px;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  transition: box-shadow 0.25s ease;
}
.music-player .cover-wrapper .cover-spin[data-v-987c6cff] {
  width: 100%;
  height: 100%;
  border-radius: 12px;
  overflow: hidden;
}
.music-player .cover-wrapper .cover-img[data-v-987c6cff] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.music-player .cover-wrapper .cover-placeholder[data-v-987c6cff] {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--main-color) 0%, var(--main-card-border) 100%);
  color: var(--main-card-background);
  padding: 20px;
}
.music-player .cover-wrapper .cover-placeholder svg[data-v-987c6cff] {
  width: 100%;
  height: 100%;
  opacity: 0.7;
}
.music-player .info-section[data-v-987c6cff] {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 12px;
  transition: gap 0.32s ease;
}
.music-player .info-section.has-lyrics[data-v-987c6cff] {
  justify-content: space-between;
  position: relative;
}
.music-player .info-section.has-lyrics .display-slot[data-v-987c6cff] {
  flex: 1;
  justify-content: center;
}
.music-player .info-section.has-lyrics .bottom-controls[data-v-987c6cff] {
  gap: 0;
}
.music-player .info-header[data-v-987c6cff] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.music-player .track-info[data-v-987c6cff] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 4px;
  min-width: 0;
}
.music-player .track-info .track-title[data-v-987c6cff] {
  font-size: 16px;
  font-weight: 700;
  color: var(--main-font-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.3;
}
.music-player .track-info .track-artist[data-v-987c6cff] {
  font-size: 13px;
  font-weight: 500;
  color: var(--main-font-color);
  opacity: 0.7;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.2;
}
.music-player .bottom-controls[data-v-987c6cff] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  overflow: hidden;
}
.music-player .display-slot[data-v-987c6cff] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
}
.music-player .progress-wrapper[data-v-987c6cff] {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.music-player .progress-wrapper-slot[data-v-987c6cff] {
  justify-content: center;
}
.music-player .progress-bar[data-v-987c6cff] {
  position: relative;
  width: 100%;
  height: 4px;
  border-radius: 4px;
  background-color: var(--main-card-border);
  cursor: pointer;
  transition: height 0.15s ease;
}
.music-player .progress-bar[data-v-987c6cff]:hover {
  height: 6px;
}
.music-player .progress-bar:hover .progress-thumb[data-v-987c6cff] {
  opacity: 1;
  transform: scale(1);
}
.music-player .progress-bar .progress-buffered[data-v-987c6cff] {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  border-radius: 4px;
  background-color: var(--main-card-border);
  opacity: 0.6;
  transition: width 0.3s;
}
.music-player .progress-bar .progress-played[data-v-987c6cff] {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  border-radius: 4px;
  background: linear-gradient(90deg, var(--main-color), var(--main-color));
  transition: width 0.1s linear;
}
.music-player .progress-bar .progress-played .progress-thumb[data-v-987c6cff] {
  position: absolute;
  right: -5px;
  top: 50%;
  transform: translateY(-50%) scale(0);
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: var(--main-color);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  opacity: 0;
  transition: opacity 0.15s, transform 0.15s;
}
.music-player .time-display[data-v-987c6cff] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 11px;
  color: var(--main-font-second-color);
  font-variant-numeric: tabular-nums;
  font-weight: 500;
  white-space: nowrap;
  opacity: 0.8;
  margin-top: 4px;
}
.music-player .controls[data-v-987c6cff] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 2px;
}
.music-player .inline-progress[data-v-987c6cff] {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 12px;
  min-width: 0;
}
.music-player .inline-progress .inline-time[data-v-987c6cff] {
  font-size: 11px;
  color: var(--main-font-second-color);
  font-variant-numeric: tabular-nums;
  font-weight: 500;
  white-space: nowrap;
  opacity: 0.8;
}
.music-player .inline-progress .progress-bar[data-v-987c6cff] {
  flex: 1;
  min-width: 0;
}
.music-player .lyrics-display[data-v-987c6cff] {
  position: relative;
  width: 100%;
  text-align: center;
  font-size: 14px;
  color: var(--main-font-color);
  overflow: hidden;
  min-height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.music-player .lyrics-display .lyric-lines[data-v-987c6cff] {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.music-player .lyrics-display .lyric-line[data-v-987c6cff] {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  opacity: 0.95;
  line-height: 1.3;
  font-weight: 600;
}
.music-player .lyrics-display .lyric-line[data-v-987c6cff]:nth-child(2) {
  font-size: 12px;
  opacity: 0.7;
  font-weight: 400;
}
.music-player .lyric-fade-enter-active[data-v-987c6cff],
.music-player .lyric-fade-leave-active[data-v-987c6cff] {
  transition: all 0.3s cubic-bezier(0.2, 0, 0, 1);
}
.music-player .lyric-fade-enter-from[data-v-987c6cff] {
  opacity: 0;
  transform: translateY(6px);
}
.music-player .lyric-fade-leave-to[data-v-987c6cff] {
  opacity: 0;
  transform: translateY(-6px);
}
.music-player .display-slot-enter-active[data-v-987c6cff],
.music-player .display-slot-leave-active[data-v-987c6cff],
.music-player .progress-stack-enter-active[data-v-987c6cff],
.music-player .progress-stack-leave-active[data-v-987c6cff],
.music-player .progress-inline-enter-active[data-v-987c6cff],
.music-player .progress-inline-leave-active[data-v-987c6cff] {
  overflow: hidden;
  transition: opacity 0.28s ease, transform 0.28s ease, max-width 0.28s ease, max-height 0.28s ease, margin 0.28s ease;
}
.music-player .display-slot-enter-from[data-v-987c6cff],
.music-player .display-slot-leave-to[data-v-987c6cff] {
  opacity: 0;
  transform: translateY(8px);
}
.music-player .display-slot-enter-to[data-v-987c6cff],
.music-player .display-slot-leave-from[data-v-987c6cff] {
  opacity: 1;
  transform: translateY(0);
}
.music-player .progress-stack-enter-from[data-v-987c6cff],
.music-player .progress-stack-leave-to[data-v-987c6cff] {
  opacity: 0;
  max-height: 0;
  transform: translateY(-10px);
}
.music-player .progress-stack-enter-to[data-v-987c6cff],
.music-player .progress-stack-leave-from[data-v-987c6cff] {
  opacity: 1;
  max-height: 64px;
  transform: translateY(0);
}
.music-player .progress-inline-enter-from[data-v-987c6cff],
.music-player .progress-inline-leave-to[data-v-987c6cff] {
  opacity: 0;
  max-width: 0;
  transform: translateY(10px);
}
.music-player .progress-inline-enter-to[data-v-987c6cff],
.music-player .progress-inline-leave-from[data-v-987c6cff] {
  opacity: 1;
  max-width: 320px;
  transform: translateY(0);
}
.music-player .controls-left[data-v-987c6cff],
.music-player .controls-right[data-v-987c6cff] {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
.music-player .ctrl-btn[data-v-987c6cff] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  padding: 0;
  border: none;
  border-radius: 8px;
  background: transparent;
  color: var(--main-font-color);
  cursor: pointer;
  transition: all 0.2s ease;
  outline: none;
  font-family: var(--main-font-family);
}
.music-player .ctrl-btn[data-v-987c6cff]:hover {
  background-color: var(--main-mask-Inverse-background);
  color: var(--main-color);
}
.music-player .ctrl-btn[data-v-987c6cff]:active {
  transform: scale(0.92);
}
.music-player .ctrl-btn.active[data-v-987c6cff] {
  color: var(--main-color);
  background-color: var(--main-color-bg);
}
.music-player .ctrl-btn.play-btn[data-v-987c6cff] {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: var(--main-color);
  color: var(--main-card-background);
}
.music-player .ctrl-btn.play-btn[data-v-987c6cff]:hover {
  background-color: var(--main-color);
  opacity: 0.9;
  color: var(--main-card-background);
}
.music-player .ctrl-btn.play-btn[data-v-987c6cff]:active {
  transform: scale(0.95);
}
.music-player .volume-wrapper[data-v-987c6cff] {
  display: flex;
  align-items: center;
  gap: 2px;
}
.music-player .volume-wrapper .volume-slider-wrap[data-v-987c6cff] {
  width: 0;
  overflow: hidden;
  transition: width 0.25s ease;
}
.music-player .volume-wrapper:hover .volume-slider-wrap[data-v-987c6cff] {
  width: 70px;
}
.music-player .volume-wrapper .volume-slider[data-v-987c6cff] {
  -webkit-appearance: none;
  appearance: none;
  width: 64px;
  height: 4px;
  border-radius: 4px;
  background: var(--main-card-border);
  outline: none;
  cursor: pointer;
  margin: 0 3px;
}
.music-player .volume-wrapper .volume-slider[data-v-987c6cff]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: var(--main-color);
  cursor: pointer;
  transition: transform 0.15s;
}
.music-player .volume-wrapper .volume-slider[data-v-987c6cff]::-webkit-slider-thumb:hover {
  transform: scale(1.2);
}
.music-player .volume-wrapper .volume-slider[data-v-987c6cff]::-moz-range-thumb {
  width: 12px;
  height: 12px;
  border: none;
  border-radius: 50%;
  background: var(--main-color);
  cursor: pointer;
}
.music-player .playlist[data-v-987c6cff] {
  border-top: 1px solid var(--main-card-border);
}
.music-player .playlist .playlist-header[data-v-987c6cff] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 16px 6px;
  font-size: 13px;
  font-weight: 600;
  color: var(--main-font-color);
}
.music-player .playlist .playlist-header .playlist-count[data-v-987c6cff] {
  font-size: 12px;
  font-weight: 400;
  color: var(--main-font-second-color);
}
.music-player .playlist .playlist-items[data-v-987c6cff] {
  max-height: 200px;
  overflow-y: auto;
  padding-bottom: 8px;
}
.music-player .playlist .playlist-item[data-v-987c6cff] {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 8px 16px;
  gap: 12px;
  cursor: pointer;
  transition: background-color 0.2s;
}
.music-player .playlist .playlist-item[data-v-987c6cff]:hover {
  background-color: var(--main-mask-Inverse-background);
}
.music-player .playlist .playlist-item.active .playlist-item-index[data-v-987c6cff] {
  color: var(--main-color);
}
.music-player .playlist .playlist-item.active .playlist-item-title[data-v-987c6cff] {
  color: var(--main-color);
  font-weight: 600;
}
.music-player .playlist .playlist-item .playlist-item-index[data-v-987c6cff] {
  flex-shrink: 0;
  width: 20px;
  font-size: 12px;
  color: var(--main-font-second-color);
  text-align: center;
}
.music-player .playlist .playlist-item .playlist-item-index .playing-icon[data-v-987c6cff] {
  animation: pulse-icon-987c6cff 1.5s ease-in-out infinite;
}
.music-player .playlist .playlist-item .playlist-item-info[data-v-987c6cff] {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.music-player .playlist .playlist-item .playlist-item-info .playlist-item-title[data-v-987c6cff] {
  font-size: 13px;
  color: var(--main-font-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.4;
  transition: color 0.2s;
}
.music-player .playlist .playlist-item .playlist-item-info .playlist-item-artist[data-v-987c6cff] {
  font-size: 11px;
  color: var(--main-font-second-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.3;
}
.music-player.playing .cover-wrapper[data-v-987c6cff] {
  box-shadow: 0 4px 16px var(--main-color-bg);
}
.playlist-slide-enter-active[data-v-987c6cff],
.playlist-slide-leave-active[data-v-987c6cff] {
  transition: all 0.3s ease;
  max-height: 300px;
  overflow: hidden;
}
.playlist-slide-enter-from[data-v-987c6cff],
.playlist-slide-leave-to[data-v-987c6cff] {
  max-height: 0;
  opacity: 0;
}
@keyframes cover-rotate-987c6cff {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}
@keyframes pulse-icon-987c6cff {
0%, 100% {
    opacity: 1;
}
50% {
    opacity: 0.4;
}
}
@media (max-width: 480px) {
.music-player[data-v-987c6cff] {
    max-width: 100%;
}
.music-player .player-main[data-v-987c6cff] {
    padding: 12px;
    gap: 12px;
}
.music-player .cover-wrapper[data-v-987c6cff] {
    width: 64px;
    height: 64px;
}
.music-player .track-info .track-title[data-v-987c6cff] {
    font-size: 14px;
}
.music-player .controls-right .volume-wrapper[data-v-987c6cff] {
    display: none;
}
}
.album-detail-page[data-v-b910feb9] {
  width: 100%;
  animation: fade-up 0.6s 0.1s backwards;
}

/* 顶部横幅 */
.album-detail-hero[data-v-b910feb9] {
  position: relative;
  width: 100%;
  height: 400px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: linear-gradient(135deg, var(--main-color) 0%, var(--main-color-dark) 100%);
  margin-bottom: 2rem;
}
.album-detail-hero[data-v-b910feb9]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
}
.album-detail-hero .card-content[data-v-b910feb9] {
  position: relative;
  z-index: 1;
  text-align: center;
  color: white;
  padding: 2rem;
}
.album-detail-hero .album-detail-tips[data-v-b910feb9] {
  font-size: 0.9rem;
  opacity: 0.9;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.album-detail-hero .album-detail-title[data-v-b910feb9] {
  font-size: 2.5rem;
  font-weight: bold;
  margin-bottom: 1rem;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}
.album-detail-hero .content-bottom .tips[data-v-b910feb9] {
  font-size: 1rem;
  opacity: 0.9;
  margin-bottom: 1.5rem;
}
.album-detail-hero .banner-button-group[data-v-b910feb9] {
  display: flex;
  justify-content: center;
  gap: 1rem;
}
.album-detail-hero .banner-button-group .banner-button[data-v-b910feb9] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 30px;
  color: white;
  text-decoration: none;
  transition: all 0.3s ease;
  cursor: pointer;
}
.album-detail-hero .banner-button-group .banner-button[data-v-b910feb9]:hover {
  background: rgba(255, 255, 255, 0.3);
  transform: translateY(-2px);
}
.album-detail-hero .banner-button-group .banner-button i[data-v-b910feb9] {
  font-size: 1.2rem;
}

/* 相册内容列表 */
.album-content-list[data-v-b910feb9] {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  margin-top: 1rem;
}
.album-item[data-v-b910feb9] {
  width: calc(33.333% - 1rem);
  border: 1px solid var(--main-card-border);
  border-radius: 12px;
  padding: 1rem;
  background: var(--main-card-background);
  box-shadow: var(--main-border-shadow);
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
}
.album-item[data-v-b910feb9]:hover {
  border-color: var(--main-color);
  transform: translateY(-2px);
  box-shadow: 0 8px 16px -4px var(--main-border-shadow);
}
.album-content[data-v-b910feb9] {
  flex: 1;
}
.album-content .datacont[data-v-b910feb9] {
  font-size: 0.95rem;
  line-height: 1.6;
  color: var(--main-font-color);
  margin-bottom: 1rem;
  text-align: justify;
}

/* 图片网格 */
.album-container-img[data-v-b910feb9] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 0.5rem;
}
.album-container-img .album-content-noimg[data-v-b910feb9] {
  width: calc(50% - 4px);
}
.album-content-img[data-v-b910feb9] {
  width: calc(50% - 4px);
  border-radius: 8px;
  overflow: hidden;
  display: block;
  position: relative;
}
.album-content-img img[data-v-b910feb9] {
  width: 100%;
  height: 150px;
  object-fit: cover;
  transition: transform 0.3s ease;
}
.album-content-img img[data-v-b910feb9]:hover {
  transform: scale(1.05);
}

/* 音乐播放器 */
.album-music[data-v-b910feb9] {
  width: 100%;
  margin: 0.5rem 0;
  border-radius: 8px;
  overflow: hidden;
  background: var(--main-card-second-background);
}

/* 分隔线 */
.album-divider[data-v-b910feb9] {
  border: none;
  border-top: 1px dashed var(--main-card-border);
  margin: 1rem 0;
}

/* 底部信息 */
.album-bottom[data-v-b910feb9] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.album-info[data-v-b910feb9] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
  flex: 1;
}
.album-info-time[data-v-b910feb9],
.album-info-address[data-v-b910feb9],
.album-info-from[data-v-b910feb9] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 0.75rem;
  color: var(--main-font-second-color);
  background: var(--main-card-second-background);
  padding: 4px 10px;
  border-radius: 20px;
}
.album-info-time i[data-v-b910feb9],
.album-info-address i[data-v-b910feb9],
.album-info-from i[data-v-b910feb9] {
  font-size: 0.8rem;
}
.album-content-link[data-v-b910feb9] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 0.75rem;
  color: var(--main-color);
  background: rgba(var(--main-color-rgb), 0.1);
  padding: 4px 10px;
  border-radius: 20px;
  text-decoration: none;
  transition: all 0.3s ease;
}
.album-content-link[data-v-b910feb9]:hover {
  background: var(--main-color);
  color: white;
}
.album-content-link i[data-v-b910feb9] {
  font-size: 0.8rem;
}
.album-reply[data-v-b910feb9] {
  cursor: pointer;
  padding: 8px;
  border-radius: 50%;
  transition: all 0.3s ease;
  color: var(--main-font-second-color);
}
.album-reply[data-v-b910feb9]:hover {
  background: var(--main-card-second-background);
  color: var(--main-color);
}
.album-reply i[data-v-b910feb9] {
  font-size: 1.2rem;
}

/* 空状态 */
.album-empty[data-v-b910feb9] {
  text-align: center;
  padding: 4rem 2rem;
  color: var(--main-font-second-color);
}
.album-empty i[data-v-b910feb9] {
  font-size: 4rem;
  margin-bottom: 1rem;
  opacity: 0.5;
}
.album-empty p[data-v-b910feb9] {
  font-size: 1.2rem;
  margin-bottom: 1rem;
}
.album-empty .back-link[data-v-b910feb9] {
  display: inline-block;
  padding: 0.75rem 1.5rem;
  background: var(--main-color);
  color: white;
  border-radius: 30px;
  text-decoration: none;
  transition: all 0.3s ease;
}
.album-empty .back-link[data-v-b910feb9]:hover {
  opacity: 0.9;
  transform: translateY(-2px);
}

/* 响应式 */
@media (max-width: 1200px) {
.album-item[data-v-b910feb9] {
    width: calc(50% - 0.75rem);
}
}
@media (max-width: 768px) {
.album-detail-hero[data-v-b910feb9] {
    height: 350px;
}
.album-detail-hero .album-detail-title[data-v-b910feb9] {
    font-size: 2rem;
}
.album-item[data-v-b910feb9] {
    width: 100%;
}
.album-content-img img[data-v-b910feb9] {
    height: 120px;
}
}
@media (max-width: 600px) {
.album-detail-hero[data-v-b910feb9] {
    height: 300px;
}
.album-detail-hero .album-detail-title[data-v-b910feb9] {
    font-size: 1.5rem;
}
.album-detail-hero .banner-button-group .banner-button[data-v-b910feb9] {
    padding: 0.5rem 1rem;
    font-size: 0.9rem;
}
.album-info[data-v-b910feb9] {
    gap: 0.3rem;
}
.album-info-time[data-v-b910feb9],
  .album-info-address[data-v-b910feb9],
  .album-info-from[data-v-b910feb9],
  .album-content-link[data-v-b910feb9] {
    font-size: 0.7rem;
    padding: 3px 8px;
}
}
/* 夜间模式 */
[data-theme="dark"] {
  background: rgba(0, 0, 0, 0.5);
}/*! @docsearch/css 4.6.3 | MIT License | © Algolia, Inc. and contributors | https://docsearch.algolia.com */
:root{--docsearch-primary-color:#003dff;--docsearch-soft-primary-color:rgba(0,61,255,.1);--docsearch-subtle-color:#d6d6e7;--docsearch-text-color:#36395a;--docsearch-error-color:#ef5350;--docsearch-success-color:#e8f5e9;--docsearch-secondary-text-color:#5a5e9a;--docsearch-background-color:#f5f5fa;--docsearch-spacing:12px;--docsearch-icon-stroke-width:1.4;--docsearch-focus-color:#005fcc;--docsearch-highlight-color:#003dff;--docsearch-muted-color:#9698c3;--docsearch-muted-color-darker:rgba(120,122,165,.25);--docsearch-icon-color:#5a5e9a;--docsearch-container-background:rgba(101,108,133,.8);--docsearch-logo-color:#003dff;--docsearch-border-radius:4px;--docsearch-search-button-background:#fff;--docsearch-search-button-text-color:var(--docsearch-secondary-text-color);--docsearch-modal-width:800px;--docsearch-modal-height:600px;--docsearch-modal-variable-height:60dvh;--docsearch-modal-background:#f5f6f7;--docsearch-modal-shadow:rgba(0,0,0,.2) 0px 12px 28px 0px,rgba(0,0,0,.1) 0px 2px 4px 0px,hsla(0,0%,100%,.05) 0px 0px 0px 1px inset;--docsearch-searchbox-height:56px;--docsearch-searchbox-initial-height:56px;--docsearch-searchbox-background:#ffffffa6;--docsearch-searchbox-focus-background:#ffffffa6;--docsearch-actions-width:99px;--docsearch-actions-height:44px;--docsearch-hit-height:56px;--docsearch-hit-color:#444950;--docsearch-hit-highlight-color:rgba(0,61,255,.1);--docsearch-hit-background:#fff;--docsearch-key-background:#f5f5fa;--docsearch-key-color:#5a5e9a;--docsearch-key-pressed-shadow:inset 0 2px 4px rgba(120,122,165,.25);--docsearch-footer-height:52px;--docsearch-footer-background:#ffffffa6;--docsearch-footer-shadow:0 -1px 0 0 #e0e3e8,0 -3px 6px 0 rgba(69,98,155,.12);--fav-out-dur:160ms;--del-dur:150ms;--ease-smooth:cubic-bezier(0.25,0.8,0.4,1);--ease-fast:cubic-bezier(0.45,0.15,0.6,0.9);--shadow-pop:0 4px 12px rgba(0,0,0,.06);--shimmer-bg:linear-gradient(90deg,#e0e3e8 0%,var(--docsearch-muted-color) 20%,var(--docsearch-muted-color) 60%,#e0e3e8 95%);--docsearch-dropdown-menu-background:var(--docsearch-hit-background);--docsearch-dropdown-menu-item-hover-background:var(--docsearch-modal-background)}html[data-theme=dark]{--docsearch-text-color:#c4c7dc;--docsearch-secondary-text-color:#b6b7d5;--docsearch-subtle-color:#212139;--docsearch-error-color:#ef5350;--docsearch-success-color:rgba(67,160,71,.2);--docsearch-highlight-color:#457aff;--docsearch-focus-color:#9ac8ff;--docsearch-background-color:#36395a;--docsearch-icon-color:#b6b7d5;--docsearch-container-background:rgba(9,10,17,.8);--docsearch-modal-background:#15172a;--docsearch-modal-shadow:inset 1px 1px 0 0 #2c2e40,0 3px 8px 0 #000309;--docsearch-searchbox-background:#000000a6;--docsearch-searchbox-focus-background:#000000a6;--docsearch-hit-color:#bec3c9;--docsearch-hit-shadow:none;--docsearch-hit-background:#090a11;--docsearch-key-background:#36395a;--docsearch-key-color:#b6b7d5;--docsearch-key-pressed-shadow:inset 0 2px 4px rgba(12,13,20,.4);--docsearch-footer-background:#000000a6;--docsearch-footer-shadow:inset 0 1px 0 0 rgba(73,76,106,.5),0 -4px 8px 0 rgba(0,0,0,.2);--docsearch-logo-color:#fff;--docsearch-muted-color:#7f8497;--shimmer-bg:linear-gradient(90deg,#e0e3e8 0%,var(--docsearch-muted-color) 20%,var(--docsearch-muted-color) 60%,#e0e3e8 95%);--docsearch-dropdown-menu-background:var(--docsearch-hit-background);--docsearch-dropdown-menu-item-hover-background:var(--docsearch-modal-background);--docsearch-search-button-background:var(--docsearch-modal-background);--docsearch-search-button-text-color:var(--docsearch-text-color)}.DocSearch-Button{all:unset;align-items:center;background-color:var(--docsearch-search-button-background);border:1px solid var(--docsearch-subtle-color);border-radius:.5rem;color:var(--docsearch-search-button-text-color);cursor:pointer;display:flex;height:36px;justify-content:space-between;padding:0 8px;user-select:none}.DocSearch-Button-Container{align-items:center;display:flex;height:100%}.DocSearch-Button-Container svg{color:currentColor}.DocSearch-Back-Icon,.DocSearch-Search-Icon{color:var(--docsearch-highlight-color);stroke-width:1.6}.DocSearch-Button-Placeholder{color:currentColor;display:inline-block;font-size:1rem;line-height:normal;padding-block:0;padding-inline:8px 12px}.DocSearch-Button-Keys{display:flex;min-width:calc(40px + .8em)}.DocSearch-Button-Key{align-items:center;background:var(--docsearch-key-background);border:0;border:1px solid color-mix(in srgb,var(--docsearch-subtle-color) 20%,transparent);border-radius:4px;box-shadow:none!important;color:var(--docsearch-key-color);display:flex;font-family:system-ui,-apple-system,sans-serif;font-size:14px;height:24px;justify-content:center;position:relative;transition-duration:.1s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:24px}.DocSearch-Button-Key--ctrl{width:33px}.DocSearch-Button-Key:first-child{margin-inline-end:.4em}@media (prefers-reduced-motion){.DocSearch-Button-Key{transition:none}}.DocSearch-Button-Key--pressed{box-shadow:var(--docsearch-key-pressed-shadow)!important;transform:translateY(1px)}@media (max-width:768px){.DocSearch-Button{width:auto}.DocSearch-Button-Keys,.DocSearch-Button-Placeholder{display:none}}.DocSearch--active{overflow:hidden!important}.DocSearch-Container,.DocSearch-Container *{box-sizing:border-box}.DocSearch-Container{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:var(--docsearch-container-background);height:100vh;inset-block-start:0;inset-inline-start:0;position:fixed;width:100vw;z-index:400}.DocSearch-Container a{text-decoration:none}.DocSearch-Link{appearance:none;background:none;border:0;color:var(--docsearch-highlight-color);cursor:pointer;font:inherit;margin:0;padding:0}.DocSearch-Modal{background:var(--docsearch-modal-background);border-radius:4px;box-shadow:var(--docsearch-modal-shadow);display:flex;flex-direction:column;margin:60px auto auto;max-width:var(--docsearch-modal-width);position:relative}.DocSearch-SearchBar{display:flex}.DocSearch-SearchBar-Magnifier{color:var(--docsearch-highlight-color)}.DocSearch-Form{align-items:center;background:var(--docsearch-searchbox-focus-background);border-block-end:1px solid var(--docsearch-subtle-color);border-radius:4px 4px 0 0;display:flex;height:var(
    --docsearch-searchbox-height,var(--docsearch-searchbox-initial-height)
  );margin:0;min-height:var(--docsearch-searchbox-initial-height);padding-block:var(--docsearch-spacing);padding-inline:16px;position:relative;width:100%}.DocSearch-Input,.DocSearch-Modal-heading{appearance:none;background:transparent;border:0;color:var(--docsearch-text-color);flex:1 1 0%;font:inherit;font-size:1.2em;font-weight:300;height:100%;line-height:1.4;min-width:0;outline:none;overflow-y:hidden;padding-block-start:0;padding-inline-start:8px;resize:none}.DocSearch-Input{overflow-x:hidden;text-overflow:ellipsis}.DocSearch-Input::placeholder{color:var(--docsearch-muted-color);opacity:1}.DocSearch-Input::-webkit-search-cancel-button,.DocSearch-Input::-webkit-search-decoration,.DocSearch-Input::-webkit-search-results-button,.DocSearch-Input::-webkit-search-results-decoration{display:none}.DocSearch-Actions{align-items:center;display:flex;flex:0 0 auto;gap:8px;height:var(--docsearch-actions-height);justify-content:flex-end;padding:0 2px;width:auto}.DocSearch-Divider{border-inline-start:1px solid var(--docsearch-subtle-color);height:16px}.DocSearch-Action{align-items:center;color:var(--docsearch-highlight-color);display:flex;justify-content:center;min-height:24px;min-width:24px}.DocSearch-Action,.DocSearch-AskAi-Return,.DocSearch-LoadingIndicator,.DocSearch-MagnifierLabel{margin:0;padding:0}.DocSearch-AskAi-Return{cursor:pointer}.DocSearch-AskAi-Return,.DocSearch-LoadingIndicator,.DocSearch-MagnifierLabel{align-items:center;color:var(--docsearch-highlight-color);display:flex;justify-content:center}@media screen and (prefers-reduced-motion:reduce){.DocSearch-Action{animation:none;appearance:none;background:none;border:0;border-radius:50%;color:var(--docsearch-icon-color);cursor:pointer;inset-inline-end:0;stroke-width:var(--docsearch-icon-stroke-width)}}.DocSearch-Action,.DocSearch-AskAi-Return{animation:fade-in .1s ease-in forwards;appearance:none;background:none;border:none;border-radius:var(--docsearch-border-radius);color:var(--docsearch-icon-color);cursor:pointer;inset-inline-end:0;padding:2px;stroke-width:var(--docsearch-icon-stroke-width)}.DocSearch-AskAi-Return[hidden],.DocSearch-Close[hidden],.DocSearch-Input[hidden],.DocSearch-StreamingIndicator[hidden]{display:none}.DocSearch-Action:hover,.DocSearch-AskAi-Return:hover{background:var(--docsearch-soft-primary-color);color:var(--docsearch-highlight-color)}.DocSearch-LoadingIndicator svg,.DocSearch-MagnifierLabel svg{color:var(--docsearch-icon-color);height:24px;width:24px}.DocSearch-Form:focus-within .DocSearch-MagnifierLabel svg{color:var(--docsearch-highlight-color)}.DocSearch-Clear{appearance:none;background:none;border:0;color:var(--docsearch-highlight-color);cursor:pointer;flex:none;font:inherit;font-size:.9em;font-weight:300;height:28px;margin-inline-start:var(--docsearch-spacing);outline:none;overflow:hidden;padding:0;user-select:none;white-space:nowrap}.DocSearch-Clear:focus-visible,.DocSearch-Close:focus-visible{border-radius:4px;outline:2px solid var(--docsearch-focus-color);outline-offset:1px}.DocSearch-Dropdown{height:var(--docsearch-modal-variable-height);max-height:calc(var(--docsearch-modal-height) - var(--docsearch-spacing) - var(--docsearch-footer-height));min-height:var(--docsearch-spacing);overflow-y:auto;overflow-y:overlay;padding:0 var(--docsearch-spacing);scrollbar-color:var(--docsearch-muted-color) var(--docsearch-modal-background);scrollbar-width:thin}.DocSearch-Dropdown::-webkit-scrollbar{width:12px}.DocSearch-Dropdown::-webkit-scrollbar-track{background:transparent}.DocSearch-Dropdown::-webkit-scrollbar-thumb{background-color:var(--docsearch-muted-color);border:3px solid var(--docsearch-modal-background);border-radius:20px}.DocSearch-Dropdown-Container ul{list-style:none;margin:0;padding:0}.DocSearch-Label{color:var(--docsearch-secondary-text-color);font-size:.875em;font-weight:400;line-height:1.6em}.DocSearch-Help,.DocSearch-NoResults-Help{color:var(--docsearch-secondary-text-color);font-size:.8em;font-weight:300;line-height:1.5em;margin:0;user-select:none}.DocSearch-Title{color:var(--docsearch-text-color);font-size:1.1em;font-weight:300;line-height:.5em;vertical-align:middle}.DocSearch-Title strong{font-weight:500}.DocSearch-Logo a{display:flex}.DocSearch-Logo svg{color:var(--docsearch-logo-color);margin-inline-start:8px}.DocSearch-Hits:last-of-type{margin-block-end:24px}.DocSearch-Hits mark{background:none;color:var(--docsearch-highlight-color)}.DocSearch-HitsFooter{color:var(--docsearch-muted-color);display:flex;font-size:.85em;justify-content:center;margin-block-end:var(--docsearch-spacing);padding:var(--docsearch-spacing)}.DocSearch-HitsFooter a{border-block-end:1px solid;color:inherit}.DocSearch-Hit{border-radius:4px;display:flex;padding-block-end:4px;position:relative;scroll-margin-block-start:40px}.DocSearch-Hit:first-of-type{margin-block-start:4px}.DocSearch-Hit a,.DocSearch-Hit--AskAI{background:var(--docsearch-hit-background);border-radius:4px;cursor:pointer;display:block;padding-inline-start:var(--docsearch-spacing);width:100%}.DocSearch-Hit-source{background:var(--docsearch-modal-background);color:var(--docsearch-text-color);font-size:.9em;font-weight:600;inset-block-start:0;line-height:32px;margin:0 -4px;padding:8px 4px 4px;position:sticky;z-index:10}.DocSearch-Hit-Tree{color:var(--docsearch-muted-color);height:var(--docsearch-hit-height);opacity:.5;stroke-width:var(--docsearch-icon-stroke-width);width:24px}.DocSearch-Hit[aria-selected=true] .DocSearch-Hit--AskAI,.DocSearch-Hit[aria-selected=true] a{background-color:var(--docsearch-hit-highlight-color)}.DocSearch-Conversation-History .DocSearch-Hit[aria-selected=true] a{background-color:var(--docsearch-hit-background)}.DocSearch-Hit mark{color:var(--docsearch-highlight-color);text-decoration:underline;text-underline-offset:.3em}.DocSearch-Hit-Container{align-items:center;color:var(--docsearch-text-color);display:flex;flex-direction:row;height:var(--docsearch-hit-height);padding:0 var(--docsearch-spacing) 0 0}.DocSearch-Hit-icon{color:var(--docsearch-secondary-text-color);height:20px;width:20px}.DocSearch-Hit-action,.DocSearch-Hit-icon{stroke-width:var(--docsearch-icon-stroke-width)}.DocSearch-Hit-action{align-items:center;color:var(--docsearch-muted-color);display:flex;height:22px;width:22px}.DocSearch-Hit-action svg{display:block;height:18px;width:18px}.DocSearch-Hit-action+.DocSearch-Hit-action{margin-inline-start:6px}.DocSearch-Hit-action-button{appearance:none;background:none;border:0;border-radius:50%;color:inherit;cursor:pointer;padding:2px}svg.DocSearch-Hit-Select-Icon{display:none}.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-Select-Icon{display:block}.DocSearch-Hit-action-button:focus,.DocSearch-Hit-action-button:hover{background:rgba(0,0,0,.2);transition:background-color .1s ease-in}.DocSearch-Hit-action-button:focus path,.DocSearch-Hit-action-button:hover path{fill:#fff}.DocSearch-Hit-content-wrapper{display:flex;flex:1 1 auto;flex-direction:column;font-weight:400;gap:4px;justify-content:center;line-height:1.2em;margin:0 8px;overflow-x:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap;width:80%}.DocSearch-Hit-title{font-size:.9em}.DocSearch-Hit-path{color:var(--docsearch-secondary-text-color);font-size:.75em}.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-Tree,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-text,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-title{color:var(--docsearch-text-color)}.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-action,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-icon,.DocSearch-Hit[aria-selected=true] mark{color:var(--docsearch-highlight-color)}@media screen and (prefers-reduced-motion:reduce){.DocSearch-Hit-action-button:focus,.DocSearch-Hit-action-button:hover{background:rgba(0,0,0,.2);transition:none}}.DocSearch-AskAiScreen,.DocSearch-ErrorScreen,.DocSearch-NoResults,.DocSearch-StartScreen{align-items:center;color:var(--docsearch-secondary-text-color);display:flex;flex-direction:column;font-size:1.25em;font-weight:400;justify-content:center;margin:0 auto;text-align:center;width:80%}.DocSearch-AskAiScreen,.DocSearch-ErrorScreen,.DocSearch-NoResults{max-height:80%}.DocSearch-StartScreen{height:100%}.DocSearch-NoResults{gap:.8em;margin-block-start:2em}.DocSearch-NoResults--withAskAi{justify-content:flex-start;margin-block-start:0}.DocSearch-AskAiScreen,.DocSearch-ErrorScreen,.DocSearch-StartScreen{gap:24px}.DocSearch-StartScreen-Icon{height:64px;stroke:var(--docsearch-icon-color);width:64px}.DocSearch-Screen-Icon{color:var(--docsearch-icon-color)}.DocSearch-NoResults-Prefill-List{display:flex;flex-direction:column;gap:12px;text-align:center}.DocSearch-NoResults-Prefill-List-Items{display:flex;flex-direction:column;gap:2px}.DocSearch-NoResults-Prefill-List-Items p{align-items:center;display:flex;margin:0;text-align:start}.DocSearch-Prefill{align-items:center;appearance:none;background:none;border:0;border-radius:1em;color:var(--docsearch-highlight-color);cursor:pointer;display:inline-flex;font-size:.8em;font-weight:300;gap:4px;height:40px;padding:0 4px}.DocSearch-Prefill:focus,.DocSearch-Prefill:hover{outline:none;text-decoration:underline}.DocSearch-Footer{align-items:center;background:var(--docsearch-footer-background);border-block-start:1px solid var(--docsearch-subtle-color);border-radius:0 0 4px 4px;display:flex;flex-direction:row-reverse;flex-shrink:0;height:var(--docsearch-footer-height);justify-content:space-between;padding:0 var(--docsearch-spacing);position:relative;user-select:none;width:100%;z-index:300}.DocSearch-Commands{color:var(--docsearch-muted-color);display:flex;gap:16px;list-style:none;margin:0;padding:0}.DocSearch-Commands li,.DocSearch-Commands-Key{align-items:center;display:flex}.DocSearch-Commands-Key{background-color:var(--docsearch-background-color);border:0;border-radius:2px;box-shadow:none!important;color:var(--docsearch-icon-color);height:24px;justify-content:center;margin-inline-end:4px;width:24px}.DocSearch-Commands-Key:last-of-type{margin-inline-end:8px}.DocSearch-Escape-Key{font-size:10px;font-weight:300;letter-spacing:normal;line-height:16px;text-align:center;text-transform:uppercase}.DocSearch-VisuallyHiddenForAccessibility{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.DocSearch-AskAi-Section{display:flex;flex-direction:column;gap:8px;padding:12px 0}.DocSearch-Hit-AskAIButton{align-items:center;color:var(--docsearch-text-color);display:flex;flex-direction:row}.DocSearch-Hit-AskAIButton-icon{color:var(--docsearch-icon-color);flex-shrink:0;margin-inline-end:12px}.DocSearch-Hit-AskAIButton-title{color:var(--docsearch-hit-color);display:flex;flex:1 1 auto;font-weight:400;gap:4px;overflow-x:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap;width:80%}.DocSearch-Hit-AskAIButton-title-query{background:none;margin-inline-start:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.DocSearch-Hit-AskAIButton-title mark{text-decoration:none}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.DocSearch-AskAiScreen-Container{display:flex;flex-direction:column;gap:0;height:100%;justify-content:flex-start;padding:0;text-align:start;width:100%}.DocSearch-AskAiScreen-Disclaimer{align-self:flex-start;display:flex;font-size:.6em;font-weight:300;margin:0;padding-block:1.5em .5em;padding-inline:0;text-align:start}.DocSearch-AskAiScreen-Body{gap:24px;width:100%}.DocSearch-AskAiScreen-Body,.DocSearch-AskAiScreen-Response,.DocSearch-AskAiScreen-Response-Container{display:flex;flex-direction:column}.DocSearch-AskAiScreen-Response{align-self:flex-start;background:var(--docsearch-hit-background);border-radius:4px;color:var(--docsearch-text-color);font-size:.8em;gap:1em;margin-block-end:8px;padding:24px;width:100%}.DocSearch-AskAiScreen-Query{font-size:1.25em;font-weight:600;line-break:loose;line-height:1.4;margin:0}.DocSearch-AskAiScreen-Answer{line-height:1.5}.DocSearch-AskAiScreen-Answer,.DocSearch-AskAiScreen-ThinkingDots{color:var(--docsearch-secondary-text-color);font-weight:400;margin:0}.DocSearch-AskAiScreen-ThinkingDots{font-size:.8em}.DocSearch-AskAiScreen-Answer-Footer{align-items:center;display:flex;flex-direction:row;gap:8px;justify-content:space-between}.DocSearch-AskAiScreen-Actions{align-items:center;display:flex;flex-direction:row;gap:12px;margin-inline-start:auto}.DocSearch-AskAiScreen-ActionButton{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;justify-content:center;margin:0;padding:4px;transition:background-color .2s ease;width:24px}.DocSearch-AskAiScreen-ActionButton:hover{background:var(--docsearch-hit-highlight-color)}.DocSearch-AskAiScreen-ActionButton svg{color:var(--docsearch-icon-color);height:20px;stroke-width:1.5;width:20px}.DocSearch-AskAiScreen-CopyButton--copied{background-color:var(--docsearch-success-color);cursor:default}.DocSearch-AskAiScreen-MessageContent{display:flex;flex-direction:column;row-gap:1em}.DocSearch-AskAiScreen-Error{background-color:rgba(239,83,80,.1);border-radius:4px;color:var(--docsearch-error-color);flex-direction:row;font-size:1em;font-weight:400;gap:8px;padding:1em}.DocSearch-AskAiScreen-Error svg{margin-top:.25rem}.DocSearch-AskAiScreen-Error svg,.DocSearch-AskAiScreen-MessageContent-Tool svg{flex-shrink:0;height:16px;width:16px}.DocSearch-AskAiScreen-Error p{margin:0}.DocSearch-AskAiScreen-Error-Content{display:flex;flex:1 1 0%;flex-direction:column}.DocSearch-AskAiScreen-Error-Title{font-weight:700;margin-bottom:4px}.DocSearch-AskAiScreen-Error .DocSearch-Markdown-Content{color:var(--docsearch-error-color)}.DocSearch-AskAiScreen-Error--ThreadDepth{animation:slideDown .3s ease-out;border:1px solid #febdc5;color:var(--docsearch-text-color);font-size:12px;margin:12px 0 8px;width:100%}.DocSearch-AskAiScreen-Error--ThreadDepth .DocSearch-AskAiScreen-Error-Title{margin-bottom:6px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.DocSearch-ThreadDepthError-Link{background:none;border:none;color:var(--docsearch-highlight-color);cursor:pointer;font-family:inherit;font-size:inherit;padding:0;text-decoration:underline}.DocSearch-ThreadDepthError-Link:hover{opacity:.8}.DocSearch-ThreadDepthError-Link:active{color:#991b1b}.DocSearch-AskAiScreen-FeedbackText{color:var(--docsearch-muted-color);font-size:.7em;font-weight:400;margin:0}.DocSearch-AskAiScreen-FeedbackText--visible{animation:fade-in .3s ease-in forwards}.DocSearch-AskAiScreen-RelatedSources{display:flex;flex-direction:column;gap:4px;width:100%}.DocSearch-AskAiScreen-RelatedSources-List{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px;width:100%}.DocSearch-AskAiScreen-RelatedSources-Title{color:var(--docsearch-secondary-text-color);font-size:.7em;font-weight:400;margin:0;padding:6px 0}.DocSearch-AskAiScreen-RelatedSources-NoResults{color:var(--docsearch-text-color);font-size:.8rem;font-weight:400;margin:0}.DocSearch-AskAiScreen-RelatedSources-Error{color:var(--docsearch-error-color);font-size:.8rem;font-weight:400;margin:0}.DocSearch-AskAiScreen-RelatedSources-Item-Link{align-items:center;background:var(--docsearch-hit-background);border-radius:4px;color:var(--docsearch-text-color);display:flex;font-size:.75em;gap:6px;max-width:70%;padding:12px 8px;text-decoration:none;transition:background-color .2s ease}.DocSearch-AskAiScreen-RelatedSources-Item-Link svg{color:var(--docsearch-icon-color);flex-shrink:0;stroke-width:1.2}.DocSearch-AskAiScreen-RelatedSources-Item-Link span{flex:1 1 0;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.DocSearch-AskAiScreen-ExchangesList{display:flex;flex-direction:column;gap:24px;margin:8px 0}.DocSearch-AskAiScreen-RelatedSources-Item-Link:hover{background:var(--docsearch-hit-highlight-color)}.DocSearch-Markdown-Content{color:var(--docsearch-text-color);font-size:.9355em;line-height:1.6;word-wrap:break-word}.DocSearch-Markdown-Content--streaming{animation:fade-in .3s ease-in-out both}.DocSearch-Markdown-Content p{margin:1em 0}.DocSearch-Markdown-Content p:last-child{margin-block-end:0}.DocSearch-Markdown-Content p:first-child{margin-block-start:0}.DocSearch-Markdown-Content code{border-radius:3px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:.9em;letter-spacing:normal;margin:0;padding:.2em 0}.DocSearch-Markdown-Content code,.DocSearch-Markdown-Content pre{background-color:var(--docsearch-key-background);color:var(--docsearch-text-color)}.DocSearch-Markdown-Content pre{border-radius:6px;margin:1.5em 0;overflow-x:auto;padding:1.2em}.DocSearch-Markdown-Content pre code{background-color:transparent;border-radius:0;color:inherit;font-size:.8em;margin:0;padding:0;white-space:pre-wrap;word-wrap:break-word;line-height:1.5}.DocSearch-Markdown-Content h1,.DocSearch-Markdown-Content h2,.DocSearch-Markdown-Content h3,.DocSearch-Markdown-Content h4,.DocSearch-Markdown-Content h5,.DocSearch-Markdown-Content h6{color:var(--docsearch-text-color);font-weight:600;letter-spacing:-.02em;line-height:1.3;margin:1em 0}.DocSearch-Markdown-Content h1{font-size:1.5em}.DocSearch-Markdown-Content h2{font-size:1.2em}.DocSearch-Markdown-Content h3{font-size:1em}.DocSearch-Markdown-Content h4{font-size:.9em}.DocSearch-Markdown-Content h5,.DocSearch-Markdown-Content h6{font-size:.8em}.DocSearch-Markdown-Content ol,.DocSearch-Markdown-Content ul{color:var(--docsearch-text-color);margin:1.2em 0;padding-inline-start:1.5em}.DocSearch-Markdown-Content ul{list-style-type:disc}.DocSearch-Markdown-Content ol{list-style-type:decimal}.DocSearch-Markdown-Content li{color:var(--docsearch-text-color);line-height:1.6;margin:.8em 0;padding-inline-start:.3em}.DocSearch-Markdown-Content li>ol,.DocSearch-Markdown-Content li>ul{margin:.5em}.DocSearch-Markdown-Content li::marker{color:var(--docsearch-muted-color)}.DocSearch-Markdown-Content a{color:var(--docsearch-highlight-color);text-decoration:none;transition:all .2s ease}.DocSearch-Markdown-Content a:hover{opacity:.9;text-decoration:underline}.DocSearch-Markdown-Content blockquote{border-inline-start:4px solid var(--docsearch-hit-highlight-color);color:var(--docsearch-secondary-text-color);font-style:italic;margin:1.5em 0;padding-block:.5em;padding-inline:1em 0}.DocSearch-Markdown-Content hr{border:none;border-block-start:1px solid var(--docsearch-subtle-color);margin:1em 0}.DocSearch-Markdown-Content table{border-collapse:collapse;margin:1.5em 0;width:100%}.DocSearch-Markdown-Content td,.DocSearch-Markdown-Content th{border:1px solid var(--docsearch-subtle-color);padding:.75em;text-align:start}.DocSearch-Markdown-Content th{background-color:var(--docsearch-hit-background);font-weight:600}.DocSearch-AskAiScreen-MessageContent-Reasoning{align-items:center;color:var(--docsearch-muted-color);display:flex;font-size:1em;gap:4px}.DocSearch-AskAiScreen-MessageContent-Reasoning svg{color:var(--docsearch-icon-color)}.DocSearch-AskAiScreen-MessageContent-Tool{align-items:center;color:var(--docsearch-muted-color);display:flex;line-height:1.2;width:100%}.DocSearch-AskAiScreen-MessageContent-Tool.Tool--Result{padding-block-start:0}.DocSearch-AskAiScreen-MessageContent-Tool>svg{color:var(--docsearch-icon-color);margin-inline-end:8px}.DocSearch-AskAiScreen-MessageContent-Tool-Query{color:var(--docsearch-muted-color);transition:box-shadow .2s ease}.DocSearch-AskAiScreen-MessageContent-Tool-Query svg{color:var(--docsearch-muted-color)}.DocSearch-AskAiScreen-MessageContent-Tool-Query:hover{box-shadow:0 1px 0 0 var(--docsearch-highlight-color);color:var(--docsearch-highlight-color);cursor:pointer}.DocSearch-AskAiScreen-MessageContent-Tool-Query:hover svg{color:var(--docsearch-highlight-color)}.DocSearck-AskAiScreen-MessageContent-Stopped{color:var(--docsearch-muted-color);font-style:italic;margin-block-start:1em}.DocSearch-AskAiScreen-SmallerLoadingIcon{height:16px;width:16px}.shimmer{background:var(--shimmer-bg);background-clip:text;-webkit-background-clip:text;background-size:200% auto;color:transparent;display:flex;-webkit-text-fill-color:transparent;animation:shimmerText 2.5s linear infinite;pointer-events:none}@keyframes shimmerText{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:.3}50%{opacity:.6}}@media (max-width:768px){:root{--docsearch-spacing:10px;--docsearch-footer-height:48px}.DocSearch-Input{font-size:1rem}.DocSearch-Hit-AskAIButton-icon{margin-inline-end:8px}body:has(.DocSearch-Container){overflow:hidden;position:fixed}.DocSearch-Dropdown{height:100%}.DocSearch-Container{height:calc(var(--docsearch-vh, 1vh)*100);height:100dvh}.DocSearch-Footer{border-radius:0;inset-block-end:0;position:static}.DocSearch-Hit-content-wrapper{display:flex;position:relative;width:80%}.DocSearch-Modal{border-radius:0;box-shadow:none;height:calc(var(--docsearch-vh, 1vh)*100);height:100dvh;margin:0;max-width:100%;width:100%}.DocSearch-Dropdown{max-height:none}.DocSearch-Commands,.DocSearch-Hit-Tree{display:none}.DocSearch-AskAiScreen-Response-Container{flex-direction:column}.DocSearch-AskAiScreen-RelatedSources,.DocSearch-AskAiScreen-Response{width:100%}}.DocSearch-CodeSnippet{position:relative}.DocSearch-CodeSnippet-CopyButton{align-items:center;background:var(--docsearch-key-background);border:none;border-radius:4px;color:var(--docsearch-text-color);cursor:pointer;display:flex;font-size:.75em;inset-block-start:8px;inset-inline-end:8px;padding:.2em .6em;position:absolute;transition:opacity .2s ease}.DocSearch-CodeSnippet-CopyButton:hover{opacity:.8}.DocSearch-CodeSnippet-CopyButton:active{opacity:.6}.DocSearch-CodeSnippet-CopyButton svg{height:16px;margin-inline-end:4px;width:16px}.DocSearch-CodeSnippet-CheckIcon,.DocSearch-CodeSnippet-CopyButton--copied .DocSearch-CodeSnippet-CopyIcon{display:none}.DocSearch-CodeSnippet-CopyButton--copied .DocSearch-CodeSnippet-CheckIcon{display:inline-block}.DocSearch-Markdown-Content--streaming .DocSearch-CodeSnippet-CopyButton{display:none}.DocSearch-NewConversationScreen{padding:3em var(--docsearch-spacing)}.DocSearch-NewConversationScreen-Title{color:var(--docsearch-text-color);font-size:26px;font-weight:600;margin-block-end:.15em}.DocSearch-NewConversationScreen-Description{color:var(--docsearch-muted-color);font-size:14px}.DocSearch-NewConversationScreen-SuggestedQuestions{align-items:start;display:flex;flex-direction:column;gap:var(--docsearch-spacing);margin-block-start:1.5em}.DocSearch-NewConversationScreen-SuggestedQuestion{align-items:center;background-color:var(--docsearch-searchbox-background);border:1px solid var(--docsearch-subtle-color);border-radius:var(--docsearch-border-radius);color:var(--docsearch-text-color);cursor:pointer;display:inline-flex;height:40px;justify-content:center;padding:12px}.DocSearch-Menu{position:relative}.DocSearch-Menu-content{background-color:var(--docsearch-dropdown-menu-background);border-radius:var(--docsearch-border-radius);box-shadow:0 0 0 1px #21243d0d,0 8px 16px -4px #21243d40;display:none;flex-direction:column;inset-block-start:calc(100% + 12px);inset-inline-end:0;min-width:195px;padding:8px 0;position:absolute;z-index:422}.DocSearch-Menu-content.open{display:flex}.DocSearch-Menu-item{align-items:center;background-color:transparent;border:0;color:var(--docsearch-text-color);cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 16px;white-space:nowrap}.DocSearch-Menu-item:hover{background-color:var(--docsearch-dropdown-menu-item-hover-background)}