@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-88e998c0] {
  padding: 16px;
}
.plugin-tabs--content[data-v-88e998c0] > :first-child:first-child {
  margin-top: 0;
}
.plugin-tabs--content[data-v-88e998c0] > :last-child:last-child {
  margin-bottom: 0;
}
.plugin-tabs--content[data-v-88e998c0] >  div[class*='language-'] {
  border-radius: 8px;
  margin: 16px 0px;
}
:root:not(.dark) .plugin-tabs--content[data-v-88e998c0] div[class*='language-'] {
  background-color: var(--vp-c-bg);
}
.loading[data-v-d2dcfb3d] {
  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-d2dcfb3d] {
  display: none;
}
.pet2d[data-v-7e1269f9] {
  position: fixed;
  z-index: 99;
  width: 200px;
  height: 210px;
  cursor: grab;
  user-select: none;
  touch-action: none;
  filter: drop-shadow(0 8px 18px rgba(60, 72, 140, 0.28));
  transition: filter 0.2s;
}
.pet2d.dragging[data-v-7e1269f9] {
  cursor: grabbing;
  filter: drop-shadow(0 14px 26px rgba(60, 72, 140, 0.36));
}
.pet2d:hover .pet-close[data-v-7e1269f9] {
  opacity: 1;
}
.pet2d:hover .pet-body[data-v-7e1269f9] {
  animation-play-state: paused;
}
.pet-svg[data-v-7e1269f9] {
  width: 100%;
  height: 100%;
  overflow: visible;
  animation: float-7e1269f9 3.4s ease-in-out infinite;
}

/* 待机：轻轻呼吸 + 浮动 */
@keyframes float-7e1269f9 {
0%, 100% {
    transform: translateY(0) scale(1);
}
50% {
    transform: translateY(-7px) scale(1.015);
}
}
/* 眨眼 */
.eye[data-v-7e1269f9] {
  transform-box: fill-box;
  transform-origin: center;
  animation: blink-7e1269f9 5s infinite;
}
.eye-r[data-v-7e1269f9] {
  animation-delay: 0.08s;
}
@keyframes blink-7e1269f9 {
0%, 92%, 100% {
    transform: scaleY(1);
}
95% {
    transform: scaleY(0.12);
}
}
.pet-shadow[data-v-7e1269f9] {
  fill: rgba(40, 50, 110, 0.16);
  animation: shadow-7e1269f9 3.4s ease-in-out infinite;
}
@keyframes shadow-7e1269f9 {
0%, 100% {
    transform: scaleX(1);
    opacity: 0.5;
}
50% {
    transform: scaleX(0.86);
    opacity: 0.32;
}
}
/* 点击开心：弹一下 */
.pet2d.happy .pet-svg[data-v-7e1269f9] {
  animation: hop-7e1269f9 0.6s ease;
}
@keyframes hop-7e1269f9 {
0% {
    transform: translateY(0) scale(1);
}
30% {
    transform: translateY(-16px) scale(1.08, 0.92);
}
55% {
    transform: translateY(0) scale(0.94, 1.08);
}
100% {
    transform: translateY(0) scale(1);
}
}
/* 双击转圈 */
.pet2d.spin .pet-svg[data-v-7e1269f9] {
  animation: spin-7e1269f9 0.7s ease;
}
@keyframes spin-7e1269f9 {
from {
    transform: rotate(0);
}
to {
    transform: rotate(360deg);
}
}
.pet-bubble[data-v-7e1269f9] {
  position: absolute;
  top: -14px;
  left: 50%;
  transform: translateX(-50%);
  max-width: 200px;
  padding: 8px 14px;
  background: #fff;
  border: 1px solid #e6e9f5;
  border-radius: 14px;
  font-size: 13px;
  line-height: 1.35;
  color: #444;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
  white-space: nowrap;
  pointer-events: none;
}
.pet-bubble[data-v-7e1269f9]::after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  width: 10px;
  height: 10px;
  background: #fff;
  border-right: 1px solid #e6e9f5;
  border-bottom: 1px solid #e6e9f5;
}
.pet-close[data-v-7e1269f9] {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 22px;
  height: 22px;
  line-height: 20px;
  text-align: center;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #e6e9f5;
  color: #999;
  font-size: 14px;
  opacity: 0;
  transition: opacity 0.2s, color 0.2s;
  cursor: pointer;
}
.pet-close[data-v-7e1269f9]:hover {
  color: #ff5252;
}
.bubble-enter-active[data-v-7e1269f9],
.bubble-leave-active[data-v-7e1269f9] {
  transition: all 0.3s;
}
.bubble-enter-from[data-v-7e1269f9],
.bubble-leave-to[data-v-7e1269f9] {
  opacity: 0;
  transform: translateX(-50%) translateY(6px);
}
@media (max-width: 480px) {
.pet2d[data-v-7e1269f9] {
    width: 150px;
    height: 158px;
}
}.message[data-v-1c3eaab9] {
  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-1c3eaab9] {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 18px;
  font-weight: bold;
}
.message .message-content .text[data-v-1c3eaab9] {
  color: var(--main-card-background);
}
.message .message-content .close[data-v-1c3eaab9] {
  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-1c3eaab9] {
  font-size: 14px;
  color: var(--main-card-background);
  opacity: 0.6;
  transition: opacity 0.3s;
}
.message .message-content .close[data-v-1c3eaab9]:hover {
  background-color: var(--main-color-white);
}
.message .message-content .close:hover .iconfont[data-v-1c3eaab9] {
  opacity: 1;
}
.message.success[data-v-1c3eaab9] {
  background-color: var(--main-success-color);
}
.message.warning[data-v-1c3eaab9] {
  background-color: var(--main-warning-color);
}
.message.error[data-v-1c3eaab9] {
  background-color: var(--main-error-color);
}
.message.info[data-v-1c3eaab9] {
  background-color: var(--main-info-color);
}
.message[data-v-1c3eaab9]::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-1c3eaab9]::after {
  width: 100%;
  animation: loading 1.5s infinite;
}.modal[data-v-56ad04ef] {
  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-56ad04ef] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: var(--main-mask-background);
}
.modal .modal-main[data-v-56ad04ef] {
  position: absolute;
  padding: 0;
  animation: fade-up 0.5s forwards;
  width: calc(100% - 40px);
  overflow: hidden;
}
.modal .modal-main .title[data-v-56ad04ef] {
  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-56ad04ef] {
  width: 100%;
}
.modal .modal-main .title .title-left .iconfont[data-v-56ad04ef] {
  font-size: 1.25rem;
  margin-right: 8px;
}
.modal .modal-main .title .close[data-v-56ad04ef] {
  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-56ad04ef]:hover {
  background-color: var(--main-card-border);
}
.modal .modal-main .modal-content[data-v-56ad04ef] {
  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-c80a4bd6] .atk-main-editor .atk-bottom {
  padding: 0 0 0 8px;
  height: 40px;
}
#comment-dom[data-v-c80a4bd6] .atk-main-editor .atk-bottom .atk-send-btn {
  height: 40px;
}
#comment-dom[data-v-c80a4bd6] .atk-main-editor .atk-user-btn,
#comment-dom[data-v-c80a4bd6] .atk-main-editor .atk-plug-btn {
  transition: background 0.3s;
}
#comment-dom[data-v-c80a4bd6] .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-c80a4bd6] .atk-main-editor .atk-plug-panel-wrap .atk-grp-switcher span {
  transition: background 0.3s;
}
#comment-dom[data-v-c80a4bd6] .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-c80a4bd6] .atk-list .atk-list-header .atk-dropdown .atk-dropdown-item:first-child {
  margin-top: 0;
}
#comment-dom[data-v-c80a4bd6] .atk-list .atk-list-header .atk-dropdown .atk-dropdown-item::before {
  display: none;
}
#comment-dom[data-v-c80a4bd6] .atk-list .atk-list-header .atk-dropdown .atk-dropdown-item span {
  transition: color 0.3s;
}
#comment-dom[data-v-c80a4bd6] .atk-list .atk-list-comments-wrap > .atk-comment-wrap {
  border-bottom: 1px dashed var(--main-card-border);
}
#comment-dom[data-v-c80a4bd6] .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-c80a4bd6] .atk-list .atk-list-comments-wrap > .atk-comment-wrap .atk-content {
  user-select: text;
}
#comment-dom[data-v-c80a4bd6] .atk-list .atk-list-comments-wrap > .atk-comment-wrap .atk-content img {
  width: auto;
  max-width: 240px;
}
#comment-dom[data-v-c80a4bd6] .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-c80a4bd6] .atk-list .atk-list-comments-wrap > .atk-comment-wrap .atk-content pre code {
  border-radius: 8px;
}
#comment-dom[data-v-c80a4bd6] .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-c80a4bd6] .atk-list .atk-list-comments-wrap > .atk-comment-wrap:last-child {
  border-bottom: none;
}
#comment-dom[data-v-c80a4bd6] .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-c80a4bd6] .atk-list .atk-height-limit .atk-height-limit-btn:hover {
  color: var(--main-card-background);
  background-color: var(--main-color);
}
#comment-dom[data-v-c80a4bd6] .atk-list .atk-height-limit::after {
  height: 100px;
}
#comment-dom[data-v-c80a4bd6] .atk-list-body .atk-pagination .atk-input,
#comment-dom[data-v-c80a4bd6] .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-c80a4bd6] .atk-list-body .atk-pagination .atk-input:hover,
#comment-dom[data-v-c80a4bd6] .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-c80a4bd6] .atk-list-body .atk-pagination .atk-input:hover svg,
#comment-dom[data-v-c80a4bd6] .atk-list-body .atk-pagination .atk-btn:hover svg {
  color: var(--main-color);
}
#comment-dom[data-v-c80a4bd6] .atk-list-body .atk-pagination .atk-input {
  font-size: 1rem;
}
#comment-dom[data-v-c80a4bd6] .atk-list-body .atk-pagination .atk-input:hover, #comment-dom[data-v-c80a4bd6] .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-e1f63e0d] {
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 4px !important;
}
.slider[data-v-e1f63e0d] .vue-slider-rail {
  height: 8px;
  background-color: var(--main-color-bg);
  border-radius: 25px;
}
.slider[data-v-e1f63e0d] .vue-slider-rail .vue-slider-process {
  border-radius: 25px;
  background-color: var(--main-color);
}
.slider[data-v-e1f63e0d] .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-12d2fc40] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9999;
  transition: opacity 0.2s;
}
.right-menu .menu-content[data-v-12d2fc40] {
  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-12d2fc40] {
  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-12d2fc40] {
  width: 34px;
  height: 34px;
  min-width: 34px;
}
.right-menu .menu-content .all-menu[data-v-12d2fc40] {
  margin-top: 12px;
}
.right-menu .menu-content .all-menu .btn[data-v-12d2fc40] {
  justify-content: flex-start;
  margin-bottom: 6px;
}
.right-menu .menu-content .all-menu .btn .iconfont[data-v-12d2fc40] {
  font-size: 20px;
}
.right-menu .menu-content .all-menu .btn[data-v-12d2fc40]:last-child {
  margin-bottom: 0;
}
.right-menu .menu-content .all-menu.general[data-v-12d2fc40] {
  padding-top: 12px;
  border-top: 1px solid var(--main-card-border);
}
.right-menu .menu-content .player .data[data-v-12d2fc40] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.right-menu .menu-content .player .data span[data-v-12d2fc40] {
  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-12d2fc40] {
  font-size: 14px;
  margin-top: 4px;
  color: var(--main-font-second-color);
}
.right-menu .menu-content .player .volume[data-v-12d2fc40] {
  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-12d2fc40] {
  color: var(--main-font-second-color);
  font-size: 20px;
  transition: color 0.3s;
  cursor: pointer;
}
.right-menu .menu-content .player .volume .iconfont[data-v-12d2fc40]:first-child {
  margin-right: 6px;
}
.right-menu .menu-content .player .volume .iconfont[data-v-12d2fc40]:last-child {
  margin-left: 6px;
}
.right-menu .menu-content .player .volume .iconfont[data-v-12d2fc40]:hover {
  color: var(--main-color);
}
.right-menu .menu-content .player .control[data-v-12d2fc40] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-evenly;
  margin-top: 8px;
}
.right-menu .menu-content .player .control .btn[data-v-12d2fc40] {
  padding: 6px;
  margin-bottom: 0;
}
.right-menu .menu-content .player .control .btn .iconfont[data-v-12d2fc40] {
  font-size: 26px;
}
.right-menu .menu-content .btn[data-v-12d2fc40] {
  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-12d2fc40] {
  font-size: 20px;
  transition: color 0.3s;
}
.right-menu .menu-content .btn .name[data-v-12d2fc40] {
  margin-left: 12px;
}
.right-menu .menu-content .btn[data-v-12d2fc40]:hover {
  color: var(--main-card-background);
  background-color: var(--main-color);
}
.right-menu .menu-content .btn:hover .iconfont[data-v-12d2fc40] {
  color: var(--main-card-background);
}
.modal-tip[data-v-12d2fc40] {
  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);
}.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-51a11493] {
  height: 42px;
  margin-top: 12px;
  transition: transform 0.3s;
  cursor: pointer;
}
.player .player-content[data-v-51a11493] {
  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-51a11493] .aplayer-body {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 6px;
  padding-right: 12px;
  pointer-events: none;
}
.player .player-content[data-v-51a11493] .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-51a11493] .aplayer-body .aplayer-pic .aplayer-button {
  display: none;
}
.player .player-content[data-v-51a11493] .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-51a11493] .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-51a11493] .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-51a11493] .aplayer-body .aplayer-info .aplayer-music .aplayer-author {
  display: none;
}
.player .player-content[data-v-51a11493] .aplayer-body .aplayer-info .aplayer-lrc {
  margin: 0;
  opacity: 0;
  margin-left: 12px;
  width: 0;
  z-index: 2;
  transition: width 0.3s, opacity 0.3s;
}
.player .player-content[data-v-51a11493] .aplayer-body .aplayer-info .aplayer-lrc::before, .player .player-content[data-v-51a11493] .aplayer-body .aplayer-info .aplayer-lrc::after {
  display: none;
}
.player .player-content[data-v-51a11493] .aplayer-body .aplayer-info .aplayer-lrc .aplayer-lrc-contents p {
  text-align: center;
  color: var(--main-card-background);
  filter: blur(0.8px);
  transition: filter 0.3s, opacity 0.3s;
}
.player .player-content[data-v-51a11493] .aplayer-body .aplayer-info .aplayer-lrc .aplayer-lrc-contents p.aplayer-lrc-current {
  filter: blur(0);
}
.player .player-content[data-v-51a11493] .aplayer-body .aplayer-info .aplayer-controller {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.player .player-content[data-v-51a11493] .aplayer-body .aplayer-info .aplayer-controller .aplayer-time {
  display: none;
}
.player .player-content[data-v-51a11493] .aplayer-body .aplayer-info .aplayer-controller .aplayer-bar-wrap {
  margin: 0;
  padding: 0;
  opacity: 0;
  transition: opacity 0.3s;
}
.player .player-content[data-v-51a11493] .aplayer-body .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar {
  height: 100%;
  background: transparent;
}
.player .player-content[data-v-51a11493] .aplayer-body .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-loaded {
  display: none;
}
.player .player-content[data-v-51a11493] .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-51a11493] .aplayer-body .aplayer-notice,
.player .player-content[data-v-51a11493] .aplayer-body .aplayer-miniswitcher {
  display: none;
}
.player .player-content[data-v-51a11493] .aplayer-list {
  display: none;
}
.player .player-content[data-v-51a11493]::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-51a11493]:hover {
  border-color: var(--main-color);
  box-shadow: 0 8px 16px -4px var(--main-color-bg);
}
.player .player-content[data-v-51a11493]:hover::after {
  opacity: 1;
}
.player.playing .player-content[data-v-51a11493] {
  color: var(--main-card-background);
  background-color: var(--main-color);
  border: 1px solid var(--main-color);
}
.player.playing .player-content[data-v-51a11493] .aplayer-body .aplayer-pic {
  animation-play-state: running;
}
.player.playing .player-content[data-v-51a11493] .aplayer-body .aplayer-info .aplayer-lrc {
  opacity: 1;
  width: 200px;
}
.player.playing .player-content[data-v-51a11493] .aplayer-body .aplayer-info .aplayer-controller .aplayer-bar-wrap {
  opacity: 1;
}
.player.playing .player-content[data-v-51a11493]::after {
  opacity: 0;
}
.player[data-v-51a11493]:active {
  transform: scale(0.98);
}
@media (max-width: 768px) {
.player[data-v-51a11493] {
    display: none;
}
}.settings .set-btn[data-v-3d6567e5] {
  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-3d6567e5] {
  font-size: 22px;
  margin-left: 10px;
  transition: color 0.3s;
}
.settings .set-btn .set-text[data-v-3d6567e5] {
  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-3d6567e5]: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-3d6567e5] {
  color: var(--main-card-background);
}
.settings .set-btn:hover .set-text[data-v-3d6567e5] {
  opacity: 1;
}
.set-list .title[data-v-3d6567e5] {
  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-3d6567e5]:first-child {
  margin-top: 0;
}
.set-list .set-item[data-v-3d6567e5] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.set-list .set-item .set-options[data-v-3d6567e5] {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 40px;
  border-radius: 8px;
}
.set-list .set-item .set-options .options[data-v-3d6567e5] {
  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-3d6567e5], .set-list .set-item .set-options .options[data-v-3d6567e5]: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-3d6567e5]:last-child {
  margin-right: 0;
}
.set-list .set-item .set-options .num[data-v-3d6567e5] {
  margin: 0 4px;
}
.set-list .set-item .set-options input.set-input[data-v-3d6567e5] {
  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;
  min-width: 160px;
  max-width: 200px;
}
.set-list .set-item .set-options input.set-input[data-v-3d6567e5]::placeholder {
  opacity: 0.5;
  font-size: 0.78rem;
}
.set-list .set-item .set-options .set-input-wrap[data-v-3d6567e5] {
  height: auto;
  min-height: 40px;
  background: none;
  box-shadow: none;
  border-radius: 0;
}
.set-list .set-item .set-options .reset-btn[data-v-3d6567e5] {
  color: var(--main-color);
  background-color: transparent;
  border: 1px solid var(--main-color);
}
.set-list .set-item .set-options .reset-btn[data-v-3d6567e5]:hover {
  background-color: var(--main-color);
  color: var(--main-card-background);
}
.set-list .set-item[data-v-3d6567e5]:last-child {
  margin-bottom: 0;
}
@media (max-width: 512px) {
.set-list .set-item[data-v-3d6567e5] {
    flex-direction: column;
    align-items: flex-start;
}
.set-list .set-item .set-options[data-v-3d6567e5] {
    margin-top: 8px;
}
.set-list .set-item .set-options .options[data-v-3d6567e5]:first-child {
    margin-left: 0;
}
}
.set-list .reset-row[data-v-3d6567e5] {
  margin-top: 4px;
}.main-footer[data-v-d6f6d029] {
  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-d6f6d029] {
  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 .icp .iconfont[data-v-d6f6d029] {
  font-size: 20px;
  opacity: 0.6;
}
.main-footer .footer-content .copyright .upyun .iconfont[data-v-d6f6d029] {
  font-size: 20px;
  font-weight: normal;
}
.main-footer .footer-content .meta[data-v-d6f6d029] {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.main-footer .footer-content .meta .power[data-v-d6f6d029] {
  margin-right: 4px;
}
.main-footer .footer-content .meta .power .by[data-v-d6f6d029] {
  font-weight: normal;
  opacity: 0.8;
  margin-right: 6px;
}
.main-footer .footer-content .meta .theme-credit[data-v-d6f6d029] {
  margin-right: 4px;
}
.main-footer .footer-content .meta .theme-credit .by[data-v-d6f6d029] {
  font-weight: normal;
  opacity: 0.8;
  margin-right: 6px;
}
.main-footer .footer-content .meta .rss[data-v-d6f6d029] {
  margin-right: 4px;
}
.main-footer .footer-content .meta .rss .iconfont[data-v-d6f6d029] {
  font-weight: normal;
  margin-right: 6px;
}
.main-footer .footer-content .meta .cc .iconfont[data-v-d6f6d029] {
  margin: 0 2px;
  font-weight: normal;
}
.main-footer .footer-content .link[data-v-d6f6d029] {
  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-d6f6d029] {
  font-size: 22px;
  margin-right: 4px;
  transition: color 0.3s;
}
.main-footer .footer-content .link[data-v-d6f6d029]:hover {
  color: var(--main-color);
  background-color: var(--main-color-bg);
}
.main-footer .footer-content .link:hover .iconfont[data-v-d6f6d029] {
  color: var(--main-color);
}
@media (max-width: 768px) {
.main-footer .footer-content[data-v-d6f6d029] {
    font-size: 14px;
}
.main-footer .footer-content .meta[data-v-d6f6d029] {
    display: none;
}
}
@media (max-width: 420px) {
.main-footer .footer-content .copyright .icp .iconfont[data-v-d6f6d029] {
    display: none;
}
}.footer-link[data-v-8a7deed6] {
  width: 100%;
  max-width: 1100px;
  margin: 3rem auto 2rem;
  padding: 0 1.5rem;
  animation: show 0.3s backwards;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.25rem;
}
.footer-link .footer-nav[data-v-8a7deed6] {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
}
.footer-link .footer-nav .nav-link[data-v-8a7deed6] {
  display: inline-block;
  padding: 8px 18px;
  font-size: 15px;
  color: var(--main-font-color);
  border-radius: 8px;
  transition: color 0.3s, background-color 0.3s;
  cursor: pointer;
}
.footer-link .footer-nav .nav-link[data-v-8a7deed6]:hover {
  color: var(--main-color);
  background-color: var(--main-color-bg);
}
.footer-link .footer-social[data-v-8a7deed6] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 0.85rem;
}
.footer-link .social-link[data-v-8a7deed6],
.footer-link .social-qrcode-btn[data-v-8a7deed6] {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 42px;
  border-radius: 0;
  color: var(--main-font-second-color, #888);
  background: transparent;
  border: none;
  padding: 0;
  transition: color 0.3s, transform 0.3s, opacity 0.3s;
  cursor: pointer;
  opacity: 0.85;
}
.footer-link .social-link[data-v-8a7deed6]:hover,
.footer-link .social-qrcode-btn[data-v-8a7deed6]:hover {
  color: var(--main-color);
  background: transparent;
  border: none;
  transform: scale(1.12);
  opacity: 1;
}
.footer-link .iconfont[data-v-8a7deed6],
.footer-link .social-svg[data-v-8a7deed6] {
  font-size: 28px;
  width: 28px;
  height: 28px;
  line-height: 1;
}
.footer-link .social-svg[data-v-8a7deed6] svg {
  width: 28px;
  height: 28px;
  fill: currentColor;
}
@media (max-width: 640px) {
.footer-link .footer-nav[data-v-8a7deed6] {
    gap: 0;
}
.footer-link .footer-nav .nav-link[data-v-8a7deed6] {
    padding: 5px 10px;
    font-size: 13px;
}
}
.qr-placeholder[data-v-8a7deed6] {
  width: 180px;
  height: 180px;
}
.qr-modal-mask {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  backdrop-filter: blur(4px);
}
.qr-modal {
  position: relative;
  background: var(--card-color, #fff);
  border-radius: 14px;
  padding: 18px 20px 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  width: fit-content;
  max-width: 90vw;
  max-height: 90vh;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.22);
}
.qr-modal .qr-img-wrap {
  width: 180px;
  height: 180px;
  background: #fff;
  border-radius: 8px;
  padding: 6px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06);
  flex-shrink: 0;
}
.qr-modal .qr-img-wrap img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.qr-modal .qr-tip {
  font-size: 14px;
  font-weight: 600;
  color: var(--main-font-color, #333);
  margin: 4px 0 0;
  text-align: center;
}
.qr-modal .qr-sub {
  font-size: 12px;
  color: var(--main-font-second-color, #888);
  margin: 0;
  text-align: center;
}
.qr-modal .qr-close-btn {
  position: absolute;
  top: 6px;
  right: 8px;
  width: 28px;
  height: 28px;
  border: none;
  background: transparent;
  color: var(--main-font-second-color, #888);
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
  border-radius: 50%;
  transition: background-color 0.2s, color 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.qr-modal .qr-close-btn:hover {
  background: rgba(0, 0, 0, 0.06);
  color: var(--main-font-color, #333);
}
.copy-toast {
  position: fixed;
  top: 30%;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(0, 0, 0, 0.85);
  color: #fff;
  padding: 14px 24px;
  border-radius: 999px;
  z-index: 9999;
  font-size: 14px;
  white-space: nowrap;
  max-width: 90vw;
  text-align: center;
}
.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.2s;
}
.fade-enter-from,
.fade-leave-to {
  opacity: 0;
}

/* v-html 注入的 SVG 不走 scoped，必须全局强制填充色跟随文字色 */
.social-svg svg,
i.social-svg svg {
  width: 28px;
  height: 28px;
  fill: currentColor !important;
  stroke: currentColor;
}
.site-data .all-data .data-item[data-v-e96a89d8] {
  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-e96a89d8] {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.site-data .all-data .data-item .name .iconfont[data-v-e96a89d8] {
  margin-right: 8px;
  opacity: 0.6;
  font-size: 18px;
}
.site-data .all-data .data-item .num[data-v-e96a89d8] {
  opacity: 0.8;
  font-size: 15px;
}
.site-data .all-data .data-item #busuanzi_value_site_pv[data-v-e96a89d8]::after {
  content: " 次";
}
.site-data .all-data .data-item #busuanzi_value_site_uv[data-v-e96a89d8]::after {
  content: " 人";
}
.site-data .all-data .data-item[data-v-e96a89d8]:last-child {
  padding-bottom: 0;
}.tags-cloud .all-tags[data-v-11f43d38] {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  max-height: 500px;
  overflow: hidden;
}
.tags-cloud .all-tags .tags[data-v-11f43d38] {
  display: inline-block;
  padding: 4px 8px;
  margin: 2px;
  border-radius: 8px;
}
.tags-cloud .all-tags .tags .num[data-v-11f43d38] {
  margin-left: 2px;
  opacity: 0.6;
}
.tags-cloud .all-tags .tags[data-v-11f43d38]:hover {
  color: var(--main-color);
  background-color: var(--main-color-bg);
}
.tags-cloud .all-tags[data-v-11f43d38]::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-11f43d38] {
  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-11f43d38]:hover {
  color: var(--main-color);
  border-color: var(--main-color-bg);
  background-color: var(--main-color-bg);
}.count-down[data-v-93c1af13] {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.count-down .count-left[data-v-93c1af13] {
  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-93c1af13] {
  font-size: 14px;
  color: var(--main-font-second-color);
}
.count-down .count-left .name[data-v-93c1af13] {
  font-weight: bold;
  font-size: 18px;
  margin-top: 2px;
}
.count-down .count-left .time[data-v-93c1af13] {
  font-size: 30px;
  font-weight: bold;
  margin: 4px 0;
  color: var(--main-color);
}
.count-down .count-left .date[data-v-93c1af13] {
  font-size: 12px;
  opacity: 0.6;
}
.count-down .count-left[data-v-93c1af13]::after {
  content: "";
  position: absolute;
  right: -0.8rem;
  width: 2px;
  height: 80%;
  background-color: var(--main-card-border);
}
.count-down .count-right[data-v-93c1af13] {
  flex: 1;
  width: 100%;
  margin-left: 0.8rem;
}
.count-down .count-right .count-item[data-v-93c1af13] {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 24px;
  margin: 6px 0;
}
.count-down .count-right .count-item .item-name[data-v-93c1af13] {
  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-93c1af13] {
  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-93c1af13] {
  height: 100%;
  border-radius: 8px;
  background-color: var(--main-color);
}
.count-down .count-right .count-item .item-progress .percentage[data-v-93c1af13],
.count-down .count-right .count-item .item-progress .remaining[data-v-93c1af13] {
  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-93c1af13],
.count-down .count-right .count-item .item-progress .remaining.many[data-v-93c1af13] {
  color: #fff;
}
.count-down .count-right .count-item .item-progress .percentage.many .tip[data-v-93c1af13],
.count-down .count-right .count-item .item-progress .remaining.many .tip[data-v-93c1af13] {
  opacity: 0.8;
}
.count-down .count-right .count-item .item-progress .remaining[data-v-93c1af13] {
  opacity: 0;
  transform: translateX(10px);
}
.count-down .count-right .count-item .item-progress .remaining .tip[data-v-93c1af13] {
  opacity: 0.6;
}
.count-down:hover .count-right .remaining[data-v-93c1af13] {
  transform: translateX(0) !important;
  opacity: 1 !important;
}
.count-down:hover .count-right .percentage[data-v-93c1af13] {
  transform: translateX(-10px) !important;
  opacity: 0 !important;
}.toc[data-v-76216ee2] {
  position: relative;
  padding: 0 !important;
  overflow: hidden;
}
.toc .toc-title[data-v-76216ee2] {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 18px;
  height: 58px;
}
.toc .toc-title .iconfont[data-v-76216ee2] {
  margin-right: 8px;
  font-weight: bold;
  opacity: 0.6;
}
.toc .toc-title .name[data-v-76216ee2] {
  font-weight: bold;
}
.toc .toc-list[data-v-76216ee2] {
  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-76216ee2] {
  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-76216ee2]:first-child {
  margin-top: 0;
}
.toc .toc-list .toc-item[data-v-76216ee2]:last-child {
  margin-bottom: 0;
}
.toc .toc-list .toc-item.H2[data-v-76216ee2] {
  font-weight: bold;
}
.toc .toc-list .toc-item.H3[data-v-76216ee2] {
  font-size: 14px;
  margin-left: 20px;
}
.toc .toc-list .toc-item.active[data-v-76216ee2] {
  opacity: 1;
  color: var(--main-color);
  background-color: var(--main-color-bg);
}
.toc .toc-list .toc-item.active.H2[data-v-76216ee2] {
  font-size: 18px;
}
.toc .toc-list .toc-item.active.H3[data-v-76216ee2] {
  font-size: 16px;
}
.toc .toc-list .toc-item[data-v-76216ee2]:hover {
  opacity: 1;
  color: var(--main-color);
  background-color: var(--main-color-bg);
}
.toc .toc-list[data-v-76216ee2]::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-76216ee2]::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-b20e4d9c] {
  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-b20e4d9c] {
  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-b20e4d9c] {
  position: absolute;
  bottom: calc(50% - 5px);
  box-shadow: 0 0 10px 0 #191a1b;
  border-radius: 25px;
}
.clock .clock-content .pointer.hour[data-v-b20e4d9c] {
  width: 10px;
  height: 40px;
  background-color: #e4e4e4;
  z-index: 2;
  transform-origin: 5px 35px;
}
.clock .clock-content .pointer.minute[data-v-b20e4d9c] {
  width: 8px;
  height: 55px;
  background-color: #d2d2d2;
  transform-origin: 4px 50px;
  z-index: 1;
}
.clock .clock-content .pointer.second[data-v-b20e4d9c] {
  width: 4px;
  height: 60px;
  background-color: #a51b1d;
  transform-origin: 2px 55px;
  z-index: 3;
}
.clock .clock-content .pointer.second[data-v-b20e4d9c]::after {
  content: "";
  position: absolute;
  bottom: -6px;
  width: 4px;
  height: 10px;
  background-color: #a51b1d;
  border-radius: 25px;
}
.clock .clock-content[data-v-b20e4d9c]::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  background-color: #a51b1d;
  border-radius: 50%;
  z-index: 4;
}.hello[data-v-3c5c0617] {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: var(--main-color);
  color: var(--main-card-background);
  border: none;
}
.hello .tip[data-v-3c5c0617] {
  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-3c5c0617]:hover {
  transform: scale(1.1);
  color: var(--main-font-color);
  background-color: var(--main-card-background);
}
.hello .tip[data-v-3c5c0617]:active {
  transform: scale(1);
}
.hello .content[data-v-3c5c0617] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 180px;
}
.hello .content .site-logo[data-v-3c5c0617] {
  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-3c5c0617] {
  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-3c5c0617] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-top: 20px;
}
.hello .info .name[data-v-3c5c0617] {
  display: flex;
  flex-direction: column;
}
.hello .info .name .author[data-v-3c5c0617] {
  font-weight: bold;
  font-size: 20px;
}
.hello .info .name .desc[data-v-3c5c0617] {
  font-size: 12px;
  opacity: 0.6;
}
.hello .info .link[data-v-3c5c0617] {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-left: 20px;
}
.hello .info .link .social-link[data-v-3c5c0617] {
  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-3c5c0617] {
  font-size: 22px;
  color: var(--main-card-background);
}
.hello .info .link .social-link[data-v-3c5c0617]:first-child {
  margin-left: 0;
}
.hello .info .link .social-link[data-v-3c5c0617]:hover {
  transform: scale(1.1);
  background-color: var(--main-card-background);
}
.hello .info .link .social-link:hover .iconfont[data-v-3c5c0617] {
  color: var(--main-font-color);
}
.hello:hover .content .site-logo[data-v-3c5c0617] {
  opacity: 0;
  transform: scale(0);
}
.hello:hover .content .site-desc[data-v-3c5c0617] {
  opacity: 1;
}.main-aside[data-v-a8c84303] {
  padding-left: 1rem;
  display: flex;
  flex-direction: column;
  animation: fade-up 0.6s 0.3s backwards;
}
.main-aside .weidgets[data-v-a8c84303] {
  padding: 18px;
  margin-bottom: 1rem;
}
.main-aside .weidgets[data-v-a8c84303] .title {
  margin-bottom: 12px;
  font-weight: bold;
  display: flex;
  align-items: center;
  opacity: 0.75;
}
.main-aside .weidgets[data-v-a8c84303] .title .iconfont {
  opacity: 0.6;
  margin-right: 6px;
}
.main-aside .weidgets[data-v-a8c84303] .title .title-name {
  opacity: 0.8;
}
.main-aside .sticky[data-v-a8c84303] {
  position: sticky;
  top: calc(60px + 1rem);
}
.main-aside .sticky .weidgets[data-v-a8c84303] {
  animation: fade-up 0.6s 0.4s backwards;
}
.main-aside .sticky .weidgets[data-v-a8c84303]:last-child {
  margin-bottom: 0;
}.comment[data-v-cd04563a] {
  margin-top: 2rem;
}
.comment .title[data-v-cd04563a] {
  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-cd04563a] {
  display: flex;
  align-items: center;
  font-size: 24px;
  font-weight: bold;
}
.comment .title .name .iconfont[data-v-cd04563a] {
  font-size: 26px;
  font-weight: normal;
  margin-right: 8px;
}
.comment .title .tool[data-v-cd04563a] {
  opacity: 0.6;
  font-size: 14px;
  cursor: pointer;
  transition: opacity 0.3s, color 0.3s;
}
.comment .title .tool[data-v-cd04563a]:hover {
  opacity: 1;
  color: var(--main-color);
}
[data-v-76cbf9fd] .markdown-main-style div > h1 {
  font-size: 2rem;
  text-align: center;
  border-bottom: 1px dashed var(--main-color-bg);
  padding-bottom: 1rem;
}
[data-v-76cbf9fd] .markdown-main-style div > h1 .header-anchor::before {
  display: none;
}
[data-v-76cbf9fd] .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-76cbf9fd] .markdown-main-style div > h3 {
  width: fit-content;
  font-size: 1.2rem;
  z-index: 0;
}
[data-v-76cbf9fd] .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-76cbf9fd] .markdown-main-style div > h1,[data-v-76cbf9fd] .markdown-main-style div > h2,[data-v-76cbf9fd] .markdown-main-style div > h3,[data-v-76cbf9fd] .markdown-main-style div > h4 {
  position: relative;
  cursor: pointer;
}
[data-v-76cbf9fd] .markdown-main-style div > h1:hover .header-anchor,[data-v-76cbf9fd] .markdown-main-style div > h2:hover .header-anchor,[data-v-76cbf9fd] .markdown-main-style div > h3:hover .header-anchor,[data-v-76cbf9fd] .markdown-main-style div > h4:hover .header-anchor {
  opacity: 1;
}
[data-v-76cbf9fd] .markdown-main-style .header-anchor {
  position: absolute;
  left: 0;
  opacity: 0;
  transition: opacity 0.3s;
}
[data-v-76cbf9fd] .markdown-main-style .header-anchor::before {
  content: "#";
  position: absolute;
  left: -1.3rem;
  color: var(--main-color);
  font-weight: bold;
}
[data-v-76cbf9fd] .markdown-main-style p {
  font-size: 1.1rem;
}
[data-v-76cbf9fd] .markdown-main-style p,[data-v-76cbf9fd] .markdown-main-style ul,[data-v-76cbf9fd] .markdown-main-style li,[data-v-76cbf9fd] .markdown-main-style td {
  margin: 1rem 0;
  text-align: left;
  letter-spacing: 0.6px;
  line-height: 2;
}
[data-v-76cbf9fd] .markdown-main-style p code,[data-v-76cbf9fd] .markdown-main-style ul code,[data-v-76cbf9fd] .markdown-main-style li code,[data-v-76cbf9fd] .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-76cbf9fd] .markdown-main-style p code:hover,[data-v-76cbf9fd] .markdown-main-style ul code:hover,[data-v-76cbf9fd] .markdown-main-style li code:hover,[data-v-76cbf9fd] .markdown-main-style td code:hover {
  color: var(--main-color);
  background-color: var(--main-color-bg);
}
[data-v-76cbf9fd] .markdown-main-style p a,[data-v-76cbf9fd] .markdown-main-style ul a,[data-v-76cbf9fd] .markdown-main-style li a,[data-v-76cbf9fd] .markdown-main-style td a {
  position: relative;
  display: inline-flex;
  color: var(--main-color);
}
[data-v-76cbf9fd] .markdown-main-style p a::before,[data-v-76cbf9fd] .markdown-main-style ul a::before,[data-v-76cbf9fd] .markdown-main-style li a::before,[data-v-76cbf9fd] .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-76cbf9fd] .markdown-main-style p a:hover::before,[data-v-76cbf9fd] .markdown-main-style ul a:hover::before,[data-v-76cbf9fd] .markdown-main-style li a:hover::before,[data-v-76cbf9fd] .markdown-main-style td a:hover::before {
  height: 100%;
  opacity: 0.2;
  bottom: 0;
  left: -2px;
  right: -2px;
}
[data-v-76cbf9fd] .markdown-main-style p strong,[data-v-76cbf9fd] .markdown-main-style ul strong,[data-v-76cbf9fd] .markdown-main-style li strong,[data-v-76cbf9fd] .markdown-main-style td strong {
  color: var(--main-color);
}
[data-v-76cbf9fd] .markdown-main-style img {
  width: 100%;
  border-radius: 12px;
}
[data-v-76cbf9fd] .markdown-main-style .img-fancybox {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: var(--main-font-color);
}
[data-v-76cbf9fd] .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-76cbf9fd] .markdown-main-style .img-fancybox .post-img:hover {
  filter: blur(0) brightness(0.8);
}
[data-v-76cbf9fd] .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-76cbf9fd] .markdown-main-style .img-fancybox::before {
  display: none;
}
[data-v-76cbf9fd] .markdown-main-style .img-fancybox:hover {
  color: var(--main-font-color);
}
[data-v-76cbf9fd] .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-76cbf9fd] .markdown-main-style div[class*=language-] .copy,[data-v-76cbf9fd] .markdown-main-style div[class*=language-] .lang {
  position: absolute;
}
[data-v-76cbf9fd] .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-76cbf9fd] .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-76cbf9fd] .markdown-main-style div[class*=language-] .copy::after {
  content: "\e01c";
  transition: color 0.3s;
}
[data-v-76cbf9fd] .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-76cbf9fd] .markdown-main-style div[class*=language-] .copy.copied::before {
  opacity: 1;
  transform: translateX(0);
}
[data-v-76cbf9fd] .markdown-main-style div[class*=language-] .copy:hover::before,[data-v-76cbf9fd] .markdown-main-style div[class*=language-] .copy:hover::after {
  color: var(--main-color);
}
[data-v-76cbf9fd] .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-76cbf9fd] .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-76cbf9fd] .markdown-main-style div[class*=language-] .line-numbers-wrapper br {
  display: none;
}
[data-v-76cbf9fd] .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-76cbf9fd] .markdown-main-style div[class*=language-] pre code {
  font-family: "Fira Code", var(--main-font-family), monospace;
  font-optical-sizing: auto;
}
[data-v-76cbf9fd] .markdown-main-style div[class*=language-] pre code .line {
  display: inline-block;
  height: 22px;
}
[data-v-76cbf9fd] .markdown-main-style div[class*=language-] pre code .line span {
  color: var(--shiki-light);
  transition: color 0.3s;
}
[data-v-76cbf9fd] .markdown-main-style div[class*=language-] pre code .line.highlighted {
  width: 100%;
  background-color: var(--main-card-border);
  border-radius: 6px;
}
[data-v-76cbf9fd] .markdown-main-style div[class*=language-] pre code .line:empty {
  height: 17px;
}
[data-v-76cbf9fd] .markdown-main-style pre {
  width: 100%;
  overflow-y: auto;
  user-select: text;
}
[data-v-76cbf9fd] .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-76cbf9fd] .markdown-main-style blockquote p {
  margin: 0.5rem 0;
}
[data-v-76cbf9fd] .markdown-main-style ul {
  list-style-type: none;
  padding-left: 1rem;
}
[data-v-76cbf9fd] .markdown-main-style ul li {
  position: relative;
  padding-left: 1.2rem;
  margin: 0.6rem 0;
  overflow: auto;
}
[data-v-76cbf9fd] .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-76cbf9fd] .markdown-main-style ul li p:first-child {
  margin-top: 0;
}
[data-v-76cbf9fd] .markdown-main-style ul li p:last-child {
  margin-bottom: 0;
}
[data-v-76cbf9fd] .markdown-main-style ol {
  padding-left: 2rem;
}
[data-v-76cbf9fd] .markdown-main-style ol li::marker {
  color: var(--main-color);
  font-weight: bold;
}
[data-v-76cbf9fd] .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-76cbf9fd] .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-76cbf9fd] .markdown-main-style .table-container table td,[data-v-76cbf9fd] .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-76cbf9fd] .markdown-main-style .table-container table thead {
  background-color: var(--main-card-second-background);
}
[data-v-76cbf9fd] .markdown-main-style .table-container table tbody tr {
  transition: background-color 0.3s;
  cursor: pointer;
}
[data-v-76cbf9fd] .markdown-main-style .table-container table tbody tr:hover {
  background-color: var(--main-card-second-background);
}
[data-v-76cbf9fd] .markdown-main-style hr {
  margin: 1rem 0;
  height: 2px;
  border: none;
  background-color: var(--main-card-border);
}
[data-v-76cbf9fd] .markdown-main-style label {
  cursor: pointer;
}
[data-v-76cbf9fd] .markdown-main-style mjx-container {
  overflow: auto;
  padding-bottom: 8px;
  font-family: auto;
}
[data-v-76cbf9fd] .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-76cbf9fd] .markdown-main-style .custom-block p {
  margin: 0;
  line-height: normal;
  font-size: 0.95rem;
}
[data-v-76cbf9fd] .markdown-main-style .custom-block p.custom-block-title {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 6px;
}
[data-v-76cbf9fd] .markdown-main-style .custom-block.tip {
  background-color: var(--main-info-color-gray);
  border-left-color: var(--main-info-color);
}
[data-v-76cbf9fd] .markdown-main-style .custom-block.tip p {
  color: var(--main-info-color);
}
[data-v-76cbf9fd] .markdown-main-style .custom-block.warning {
  background-color: var(--main-warning-color-gray);
  border-left-color: var(--main-warning-color);
}
[data-v-76cbf9fd] .markdown-main-style .custom-block.warning p {
  color: var(--main-warning-color);
}
[data-v-76cbf9fd] .markdown-main-style .custom-block.danger {
  background-color: var(--main-error-color-gray);
  border-left-color: var(--main-error-color);
}
[data-v-76cbf9fd] .markdown-main-style .custom-block.danger p {
  color: var(--main-error-color);
}
[data-v-76cbf9fd] .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-76cbf9fd] .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-76cbf9fd] .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-76cbf9fd] .markdown-main-style .custom-block.details summary::after {
  content: "+";
  margin-left: auto;
}
[data-v-76cbf9fd] .markdown-main-style .custom-block.details summary:hover {
  color: var(--main-card-background);
  background-color: var(--main-color);
}
[data-v-76cbf9fd] .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-76cbf9fd] .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-76cbf9fd] .markdown-main-style .custom-block.details[open] summary::before {
  transform: rotate(90deg);
}
[data-v-76cbf9fd] .markdown-main-style .custom-block.details[open] summary::after {
  content: "-";
}
[data-v-76cbf9fd] .markdown-main-style .custom-block.details[open] > :last-child {
  border-color: var(--main-color);
}
[data-v-76cbf9fd] .markdown-main-style .custom-block.details:hover summary {
  color: var(--main-card-background);
  background-color: var(--main-color);
}
[data-v-76cbf9fd] .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-76cbf9fd] .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-76cbf9fd] .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-76cbf9fd] .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-76cbf9fd] .markdown-main-style .plugin-tabs .plugin-tabs--content {
  padding: 1rem;
  max-height: 500px;
  overflow: auto;
  animation: show 0.5s forwards;
}
[data-v-76cbf9fd] .markdown-main-style .timeline {
  position: relative;
  padding: 0 0 1rem 26px;
  cursor: pointer;
}
[data-v-76cbf9fd] .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-76cbf9fd] .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-76cbf9fd] .markdown-main-style .timeline .timeline-content > :first-child {
  margin-top: 0;
}
[data-v-76cbf9fd] .markdown-main-style .timeline .timeline-content > :last-child {
  margin-bottom: 0;
}
[data-v-76cbf9fd] .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-76cbf9fd] .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-76cbf9fd] .markdown-main-style .timeline:hover .timeline-title {
  opacity: 1;
  color: var(--main-color);
}
[data-v-76cbf9fd] .markdown-main-style .timeline:hover::before {
  transform: scale(1.2);
}
[data-v-76cbf9fd] .markdown-main-style .radio {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 1rem 0;
}
[data-v-76cbf9fd] .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-76cbf9fd] .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-76cbf9fd] .markdown-main-style .radio .radio-point.checked::after {
  opacity: 1;
}
[data-v-76cbf9fd] .markdown-main-style .radio p {
  margin: 0;
}
[data-v-76cbf9fd] .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-76cbf9fd] .markdown-main-style .card p:first-child {
  margin-top: 0;
}
[data-v-76cbf9fd] .markdown-main-style .card p:last-child {
  margin-bottom: 0;
}
[data-v-76cbf9fd] .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-76cbf9fd] .markdown-main-style .button p,[data-v-76cbf9fd] .markdown-main-style .button a {
  padding: 0;
  margin: 0;
  font-size: 1rem;
  color: var(--main-font-color);
}
[data-v-76cbf9fd] .markdown-main-style .button p::before,[data-v-76cbf9fd] .markdown-main-style .button a::before {
  display: none;
}
[data-v-76cbf9fd] .markdown-main-style .button.primary {
  color: var(--main-card-background);
  background-color: var(--main-color);
}
[data-v-76cbf9fd] .markdown-main-style .button:hover {
  background-color: var(--main-card-border);
}
.page[data-v-76cbf9fd] {
  width: 100%;
  display: flex;
  flex-direction: row;
  animation: fade-up 0.6s 0.1s backwards;
}
.page .page-content[data-v-76cbf9fd] {
  width: 100%;
  transition: width 0.3s;
}
.page .page-content[data-v-76cbf9fd] #main-comment {
  width: 100%;
}
.page .page-content[data-v-76cbf9fd] #main-comment .comment-content .atk-list .atk-list-header {
  margin-bottom: 8px;
}
.page .page-content[data-v-76cbf9fd] #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-76cbf9fd] {
  padding: 1rem 2rem;
}
.page.has-aside[data-v-76cbf9fd] {
  animation: fade-up 0.6s 0.3s backwards;
}
.page.has-aside .page-content[data-v-76cbf9fd] {
  width: calc(100% - 300px);
}
.page.has-aside .main-aside[data-v-76cbf9fd] {
  width: 300px;
  padding-left: 1rem;
}
@media (max-width: 1200px) {
.page .page-content[data-v-76cbf9fd] {
    width: 100% !important;
}
.page .main-aside[data-v-76cbf9fd] {
    display: none;
}
}.post-lists .post-item[data-v-903f072f] {
  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-cover[data-v-903f072f] {
  flex: 0 0 35%;
  overflow: hidden;
  transform: translateZ(0);
}
.post-lists .post-item .post-cover img[data-v-903f072f] {
  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-903f072f] {
  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-903f072f] {
  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-903f072f] {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.post-lists .post-item .post-content .post-category .cat-name .iconfont[data-v-903f072f] {
  opacity: 0.8;
  margin-right: 6px;
  color: var(--main-font-second-color);
}
.post-lists .post-item .post-content .post-category .top[data-v-903f072f] {
  margin-left: 12px;
  color: var(--main-color);
}
.post-lists .post-item .post-content .post-category .top .iconfont[data-v-903f072f] {
  opacity: 0.8;
  color: var(--main-color);
}
.post-lists .post-item .post-content .post-title[data-v-903f072f] {
  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-903f072f] {
  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-903f072f] {
  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-903f072f] {
  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-903f072f] {
  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-903f072f] {
  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-903f072f]:hover {
  color: var(--main-color);
}
.post-lists .post-item .post-content .post-meta .post-tags .tags-name:hover .iconfont[data-v-903f072f] {
  color: var(--main-color);
}
@media (max-width: 768px) {
.post-lists .post-item .post-content .post-meta .post-tags[data-v-903f072f] {
    flex-wrap: nowrap;
}
}
.post-lists .post-item .post-content .post-meta .post-time[data-v-903f072f] {
  opacity: 0.6;
  font-size: 13px;
  white-space: nowrap;
}
.post-lists .post-item.simple[data-v-903f072f] {
  animation: none;
  padding: 0.5rem 1.4rem;
  background-color: var(--main-card-second-background);
  height: auto;
}
.post-lists .post-item[data-v-903f072f]:last-child {
  margin-bottom: 0;
}
.post-lists .post-item:hover .post-cover img[data-v-903f072f] {
  filter: brightness(0.8);
  transform: scale(1.05);
}
.post-lists .post-item:hover .post-content .post-title[data-v-903f072f] {
  color: var(--main-color);
}
.post-lists .post-item[data-v-903f072f]:active {
  transform: scale(0.98);
}
@media (max-width: 768px) {
.post-lists .post-item[data-v-903f072f] {
    flex-direction: column;
    height: auto;
}
.post-lists .post-item .post-cover[data-v-903f072f] {
    flex: none;
    width: 100%;
    height: 200px;
}
}
.post-lists .post-item.cover-left[data-v-903f072f] {
  flex-direction: row;
}
.post-lists .post-item.cover-right[data-v-903f072f] {
  flex-direction: row-reverse;
}
.post-lists .post-item.cover-both[data-v-903f072f]:nth-child(odd) {
  flex-direction: row;
}
.post-lists .post-item.cover-both[data-v-903f072f]:nth-child(even) {
  flex-direction: row-reverse;
}
@media (max-width: 768px) {
.post-lists .post-item.cover-left[data-v-903f072f], .post-lists .post-item.cover-right[data-v-903f072f], .post-lists .post-item.cover-both[data-v-903f072f] {
    flex-direction: column !important;
}
}
.post-lists.layout-grid[data-v-903f072f] {
  display: grid;
  grid-template-columns: repeat(var(--grid-columns, 2), 1fr);
  gap: var(--grid-gap, 1rem);
}
.post-lists.layout-grid .post-item[data-v-903f072f] {
  margin: 0;
  flex-direction: column;
  height: auto;
}
.post-lists.layout-grid .post-item .post-cover[data-v-903f072f] {
  flex: none;
  width: 100%;
  height: 225px;
}
.post-lists.layout-grid .post-item .post-content[data-v-903f072f] {
  flex: 1;
}
@media (max-width: 768px) {
.post-lists.layout-grid[data-v-903f072f] {
    grid-template-columns: 1fr;
}
}.related-post[data-v-433cd30e] {
  margin-top: 1rem;
}
.related-post .title[data-v-433cd30e] {
  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-433cd30e] {
  display: flex;
  align-items: center;
  font-size: 24px;
  font-weight: bold;
}
.related-post .title .name .iconfont[data-v-433cd30e] {
  font-size: 26px;
  font-weight: normal;
  margin-right: 8px;
}
.related-post .title .shuffle[data-v-433cd30e] {
  opacity: 0.6;
  font-size: 14px;
  transition: color 0.3s, opacity 0.3s;
  cursor: pointer;
}
.related-post .title .shuffle[data-v-433cd30e]:hover {
  opacity: 1;
  color: var(--main-color);
}.next-post[data-v-2f85cdbf] {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 20px;
  background-color: var(--main-card-background);
}
.next-post .post-tip[data-v-2f85cdbf] {
  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-2f85cdbf] {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.next-post.fixed[data-v-2f85cdbf] {
  position: fixed;
  right: 20px;
  bottom: 20px;
  opacity: 0;
  z-index: 100;
  width: 300px;
  transform: translateY(180px);
}
.next-post.show[data-v-2f85cdbf] {
  opacity: 1;
  transform: translateY(0);
}
.next-post[data-v-2f85cdbf]: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-2f85cdbf] {
  opacity: 0.8;
  color: var(--main-card-background);
}
@media (max-width: 768px) {
.next-post[data-v-2f85cdbf] {
    display: none;
}
}.reward[data-v-b289a950] {
  position: relative;
  display: flex;
  justify-content: center;
  width: max-content;
  margin: 1rem auto;
  user-select: none;
  cursor: pointer;
}
.reward .reward-btn[data-v-b289a950] {
  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;
}
.reward .reward-btn .iconfont[data-v-b289a950] {
  color: #fff;
  font-weight: normal;
  margin-right: 6px;
}
.reward .reward-btn[data-v-b289a950]:hover {
  box-shadow: 0 0 40px 6px rgba(255, 56, 66, 0.4392156863);
}
.reward-card .thank[data-v-b289a950] {
  display: inline-flex;
  justify-content: center;
  margin-bottom: 1rem;
  width: 100%;
  color: var(--main-color);
  font-weight: bold;
}
.reward-card .qr[data-v-b289a950] {
  display: grid;
  gap: 1.2rem;
  grid-template-columns: 1fr 1fr;
}
.reward-card .qr .qr-img[data-v-b289a950] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.9rem;
  background: var(--main-card-background, #fff);
  border: 1px solid var(--main-card-border, #ececec);
  border-radius: 16px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06);
  transition: transform 0.2s, box-shadow 0.2s;
}
.reward-card .qr .qr-img img[data-v-b289a950] {
  width: 100%;
  max-width: 160px;
  aspect-ratio: 1/1;
  object-fit: contain;
  background: #fff;
  border-radius: 10px;
  padding: 6px;
}
.reward-card .qr .qr-img .tip[data-v-b289a950] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.8rem;
  padding: 0.3rem 0.9rem;
  border-radius: 999px;
  background: var(--main-color-light, #eef3ff);
  color: var(--main-color, #409eff);
  font-size: 0.85rem;
  font-weight: 500;
  white-space: nowrap;
}
.reward-card .qr .qr-img .tip .iconfont[data-v-b289a950] {
  margin-right: 6px;
  font-size: 18px;
}
.reward-card .qr .qr-img[data-v-b289a950]:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12);
}
.reward-card .qr .qr-img:hover .iconfont[data-v-b289a950] {
  color: var(--main-color);
}
.reward-card .all-list[data-v-b289a950] {
  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-b289a950] {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 8px;
  transition: color 0.3s;
}
.reward-card .all-list .tip[data-v-b289a950] {
  text-align: center;
  font-size: 12px;
  opacity: 0.6;
}
.reward-card .all-list:hover .title[data-v-b289a950] {
  color: var(--main-color);
}.copyright[data-v-aa5a716f] {
  position: relative;
  background-color: var(--main-card-second-background);
  padding: 18px;
  margin-top: 2rem;
  overflow: hidden;
}
.copyright .title[data-v-aa5a716f] {
  display: flex;
  flex-direction: column;
}
.copyright .title .post-link[data-v-aa5a716f] {
  margin-top: 2px;
  font-size: 14px;
  opacity: 0.6;
}
.copyright .title .post-link[data-v-aa5a716f]:hover {
  opacity: 1;
}
.copyright .post-meta[data-v-aa5a716f] {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 1rem 0;
}
.copyright .post-meta .meta-item[data-v-aa5a716f] {
  display: flex;
  flex-direction: column;
  margin-right: 2rem;
}
.copyright .post-meta .meta-item .name[data-v-aa5a716f] {
  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-aa5a716f]:hover {
  opacity: 1;
  color: var(--main-color);
}
.copyright .meta-tip[data-v-aa5a716f] {
  opacity: 0.4;
}
.copyright[data-v-aa5a716f]::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-aa5a716f] {
    display: none;
}
.copyright .meta-tip[data-v-aa5a716f] {
    display: inline-block;
    margin-top: 12px;
    font-size: 14px;
}
}.references[data-v-b26056d5] {
  margin: 1rem 0;
  padding: 18px;
  margin-top: 2rem;
  background-color: var(--main-card-second-background);
}
.references .title[data-v-b26056d5] {
  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-b26056d5] {
  margin-right: 4px;
  font-size: 18px;
  color: var(--main-font-second-color);
  opacity: 0.6;
}
.references .list[data-v-b26056d5] {
  display: flex;
  flex-direction: column;
  margin: 0;
  list-style-type: none;
  padding-left: 0.4rem;
}
.references .list .list-item[data-v-b26056d5] {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  width: max-content;
  padding-left: 1rem;
  margin-bottom: 0.4rem;
  overflow: auto;
  transition: color 0.3s;
}
.references .list .list-item .item-title[data-v-b26056d5] {
  padding-bottom: 2px;
}
.references .list .list-item[data-v-b26056d5]:last-child {
  margin-bottom: 0;
}
.references .list .list-item[data-v-b26056d5]::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-b26056d5]::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-b26056d5]:hover {
  color: var(--main-color);
}
.references .list .list-item[data-v-b26056d5]:hover::before {
  background-color: var(--main-color);
}
.references .list .list-item[data-v-b26056d5]:hover::after {
  width: calc(100% - 1rem);
}.article-gpt[data-v-12844241] {
  margin-top: 1.2rem;
  background-color: var(--main-card-second-background);
  user-select: none;
  cursor: auto;
}
.article-gpt .title[data-v-12844241] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.8rem;
  padding: 0 8px;
}
.article-gpt .title .name[data-v-12844241] {
  display: flex;
  align-items: center;
  color: var(--main-color);
  font-weight: bold;
  cursor: pointer;
}
.article-gpt .title .name .icon-robot[data-v-12844241] {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: normal;
  width: 26px;
  height: 26px;
  color: var(--main-card-background);
  background-color: var(--main-color);
  border-radius: 50%;
  margin-right: 8px;
}
.article-gpt .title .name .icon-up[data-v-12844241] {
  font-weight: normal;
  font-size: 12px;
  margin-left: 6px;
  opacity: 0.6;
  color: var(--main-color);
  transform: rotate(90deg);
}
.article-gpt .title .logo[data-v-12844241] {
  padding: 4px 10px;
  font-size: 12px;
  color: var(--main-card-background);
  background-color: var(--main-color);
  border-radius: 25px;
  font-weight: bold;
  cursor: pointer;
}
.article-gpt .title .logo.loading[data-v-12844241] {
  animation: loading 1s infinite;
  cursor: not-allowed;
}
.article-gpt .content[data-v-12844241] {
  cursor: auto;
}
.article-gpt .content .point[data-v-12844241] {
  color: var(--main-color);
  font-weight: bold;
  margin-left: 4px;
  animation: loading 0.8s infinite;
}
.article-gpt .meta[data-v-12844241] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-top: 1rem;
  padding: 0 8px;
  font-size: 12px;
}
.article-gpt .meta .tip[data-v-12844241] {
  opacity: 0.6;
}
.article-gpt .meta .report[data-v-12844241] {
  white-space: nowrap;
  margin-left: 12px;
  opacity: 0.8;
}
[data-v-f497abcf] .markdown-main-style div > h1 {
  font-size: 2rem;
  text-align: center;
  border-bottom: 1px dashed var(--main-color-bg);
  padding-bottom: 1rem;
}
[data-v-f497abcf] .markdown-main-style div > h1 .header-anchor::before {
  display: none;
}
[data-v-f497abcf] .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-f497abcf] .markdown-main-style div > h3 {
  width: fit-content;
  font-size: 1.2rem;
  z-index: 0;
}
[data-v-f497abcf] .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-f497abcf] .markdown-main-style div > h1,[data-v-f497abcf] .markdown-main-style div > h2,[data-v-f497abcf] .markdown-main-style div > h3,[data-v-f497abcf] .markdown-main-style div > h4 {
  position: relative;
  cursor: pointer;
}
[data-v-f497abcf] .markdown-main-style div > h1:hover .header-anchor,[data-v-f497abcf] .markdown-main-style div > h2:hover .header-anchor,[data-v-f497abcf] .markdown-main-style div > h3:hover .header-anchor,[data-v-f497abcf] .markdown-main-style div > h4:hover .header-anchor {
  opacity: 1;
}
[data-v-f497abcf] .markdown-main-style .header-anchor {
  position: absolute;
  left: 0;
  opacity: 0;
  transition: opacity 0.3s;
}
[data-v-f497abcf] .markdown-main-style .header-anchor::before {
  content: "#";
  position: absolute;
  left: -1.3rem;
  color: var(--main-color);
  font-weight: bold;
}
[data-v-f497abcf] .markdown-main-style p {
  font-size: 1.1rem;
}
[data-v-f497abcf] .markdown-main-style p,[data-v-f497abcf] .markdown-main-style ul,[data-v-f497abcf] .markdown-main-style li,[data-v-f497abcf] .markdown-main-style td {
  margin: 1rem 0;
  text-align: left;
  letter-spacing: 0.6px;
  line-height: 2;
}
[data-v-f497abcf] .markdown-main-style p code,[data-v-f497abcf] .markdown-main-style ul code,[data-v-f497abcf] .markdown-main-style li code,[data-v-f497abcf] .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-f497abcf] .markdown-main-style p code:hover,[data-v-f497abcf] .markdown-main-style ul code:hover,[data-v-f497abcf] .markdown-main-style li code:hover,[data-v-f497abcf] .markdown-main-style td code:hover {
  color: var(--main-color);
  background-color: var(--main-color-bg);
}
[data-v-f497abcf] .markdown-main-style p a,[data-v-f497abcf] .markdown-main-style ul a,[data-v-f497abcf] .markdown-main-style li a,[data-v-f497abcf] .markdown-main-style td a {
  position: relative;
  display: inline-flex;
  color: var(--main-color);
}
[data-v-f497abcf] .markdown-main-style p a::before,[data-v-f497abcf] .markdown-main-style ul a::before,[data-v-f497abcf] .markdown-main-style li a::before,[data-v-f497abcf] .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-f497abcf] .markdown-main-style p a:hover::before,[data-v-f497abcf] .markdown-main-style ul a:hover::before,[data-v-f497abcf] .markdown-main-style li a:hover::before,[data-v-f497abcf] .markdown-main-style td a:hover::before {
  height: 100%;
  opacity: 0.2;
  bottom: 0;
  left: -2px;
  right: -2px;
}
[data-v-f497abcf] .markdown-main-style p strong,[data-v-f497abcf] .markdown-main-style ul strong,[data-v-f497abcf] .markdown-main-style li strong,[data-v-f497abcf] .markdown-main-style td strong {
  color: var(--main-color);
}
[data-v-f497abcf] .markdown-main-style img {
  width: 100%;
  border-radius: 12px;
}
[data-v-f497abcf] .markdown-main-style .img-fancybox {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: var(--main-font-color);
}
[data-v-f497abcf] .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-f497abcf] .markdown-main-style .img-fancybox .post-img:hover {
  filter: blur(0) brightness(0.8);
}
[data-v-f497abcf] .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-f497abcf] .markdown-main-style .img-fancybox::before {
  display: none;
}
[data-v-f497abcf] .markdown-main-style .img-fancybox:hover {
  color: var(--main-font-color);
}
[data-v-f497abcf] .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-f497abcf] .markdown-main-style div[class*=language-] .copy,[data-v-f497abcf] .markdown-main-style div[class*=language-] .lang {
  position: absolute;
}
[data-v-f497abcf] .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-f497abcf] .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-f497abcf] .markdown-main-style div[class*=language-] .copy::after {
  content: "\e01c";
  transition: color 0.3s;
}
[data-v-f497abcf] .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-f497abcf] .markdown-main-style div[class*=language-] .copy.copied::before {
  opacity: 1;
  transform: translateX(0);
}
[data-v-f497abcf] .markdown-main-style div[class*=language-] .copy:hover::before,[data-v-f497abcf] .markdown-main-style div[class*=language-] .copy:hover::after {
  color: var(--main-color);
}
[data-v-f497abcf] .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-f497abcf] .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-f497abcf] .markdown-main-style div[class*=language-] .line-numbers-wrapper br {
  display: none;
}
[data-v-f497abcf] .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-f497abcf] .markdown-main-style div[class*=language-] pre code {
  font-family: "Fira Code", var(--main-font-family), monospace;
  font-optical-sizing: auto;
}
[data-v-f497abcf] .markdown-main-style div[class*=language-] pre code .line {
  display: inline-block;
  height: 22px;
}
[data-v-f497abcf] .markdown-main-style div[class*=language-] pre code .line span {
  color: var(--shiki-light);
  transition: color 0.3s;
}
[data-v-f497abcf] .markdown-main-style div[class*=language-] pre code .line.highlighted {
  width: 100%;
  background-color: var(--main-card-border);
  border-radius: 6px;
}
[data-v-f497abcf] .markdown-main-style div[class*=language-] pre code .line:empty {
  height: 17px;
}
[data-v-f497abcf] .markdown-main-style pre {
  width: 100%;
  overflow-y: auto;
  user-select: text;
}
[data-v-f497abcf] .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-f497abcf] .markdown-main-style blockquote p {
  margin: 0.5rem 0;
}
[data-v-f497abcf] .markdown-main-style ul {
  list-style-type: none;
  padding-left: 1rem;
}
[data-v-f497abcf] .markdown-main-style ul li {
  position: relative;
  padding-left: 1.2rem;
  margin: 0.6rem 0;
  overflow: auto;
}
[data-v-f497abcf] .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-f497abcf] .markdown-main-style ul li p:first-child {
  margin-top: 0;
}
[data-v-f497abcf] .markdown-main-style ul li p:last-child {
  margin-bottom: 0;
}
[data-v-f497abcf] .markdown-main-style ol {
  padding-left: 2rem;
}
[data-v-f497abcf] .markdown-main-style ol li::marker {
  color: var(--main-color);
  font-weight: bold;
}
[data-v-f497abcf] .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-f497abcf] .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-f497abcf] .markdown-main-style .table-container table td,[data-v-f497abcf] .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-f497abcf] .markdown-main-style .table-container table thead {
  background-color: var(--main-card-second-background);
}
[data-v-f497abcf] .markdown-main-style .table-container table tbody tr {
  transition: background-color 0.3s;
  cursor: pointer;
}
[data-v-f497abcf] .markdown-main-style .table-container table tbody tr:hover {
  background-color: var(--main-card-second-background);
}
[data-v-f497abcf] .markdown-main-style hr {
  margin: 1rem 0;
  height: 2px;
  border: none;
  background-color: var(--main-card-border);
}
[data-v-f497abcf] .markdown-main-style label {
  cursor: pointer;
}
[data-v-f497abcf] .markdown-main-style mjx-container {
  overflow: auto;
  padding-bottom: 8px;
  font-family: auto;
}
[data-v-f497abcf] .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-f497abcf] .markdown-main-style .custom-block p {
  margin: 0;
  line-height: normal;
  font-size: 0.95rem;
}
[data-v-f497abcf] .markdown-main-style .custom-block p.custom-block-title {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 6px;
}
[data-v-f497abcf] .markdown-main-style .custom-block.tip {
  background-color: var(--main-info-color-gray);
  border-left-color: var(--main-info-color);
}
[data-v-f497abcf] .markdown-main-style .custom-block.tip p {
  color: var(--main-info-color);
}
[data-v-f497abcf] .markdown-main-style .custom-block.warning {
  background-color: var(--main-warning-color-gray);
  border-left-color: var(--main-warning-color);
}
[data-v-f497abcf] .markdown-main-style .custom-block.warning p {
  color: var(--main-warning-color);
}
[data-v-f497abcf] .markdown-main-style .custom-block.danger {
  background-color: var(--main-error-color-gray);
  border-left-color: var(--main-error-color);
}
[data-v-f497abcf] .markdown-main-style .custom-block.danger p {
  color: var(--main-error-color);
}
[data-v-f497abcf] .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-f497abcf] .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-f497abcf] .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-f497abcf] .markdown-main-style .custom-block.details summary::after {
  content: "+";
  margin-left: auto;
}
[data-v-f497abcf] .markdown-main-style .custom-block.details summary:hover {
  color: var(--main-card-background);
  background-color: var(--main-color);
}
[data-v-f497abcf] .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-f497abcf] .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-f497abcf] .markdown-main-style .custom-block.details[open] summary::before {
  transform: rotate(90deg);
}
[data-v-f497abcf] .markdown-main-style .custom-block.details[open] summary::after {
  content: "-";
}
[data-v-f497abcf] .markdown-main-style .custom-block.details[open] > :last-child {
  border-color: var(--main-color);
}
[data-v-f497abcf] .markdown-main-style .custom-block.details:hover summary {
  color: var(--main-card-background);
  background-color: var(--main-color);
}
[data-v-f497abcf] .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-f497abcf] .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-f497abcf] .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-f497abcf] .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-f497abcf] .markdown-main-style .plugin-tabs .plugin-tabs--content {
  padding: 1rem;
  max-height: 500px;
  overflow: auto;
  animation: show 0.5s forwards;
}
[data-v-f497abcf] .markdown-main-style .timeline {
  position: relative;
  padding: 0 0 1rem 26px;
  cursor: pointer;
}
[data-v-f497abcf] .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-f497abcf] .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-f497abcf] .markdown-main-style .timeline .timeline-content > :first-child {
  margin-top: 0;
}
[data-v-f497abcf] .markdown-main-style .timeline .timeline-content > :last-child {
  margin-bottom: 0;
}
[data-v-f497abcf] .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-f497abcf] .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-f497abcf] .markdown-main-style .timeline:hover .timeline-title {
  opacity: 1;
  color: var(--main-color);
}
[data-v-f497abcf] .markdown-main-style .timeline:hover::before {
  transform: scale(1.2);
}
[data-v-f497abcf] .markdown-main-style .radio {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 1rem 0;
}
[data-v-f497abcf] .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-f497abcf] .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-f497abcf] .markdown-main-style .radio .radio-point.checked::after {
  opacity: 1;
}
[data-v-f497abcf] .markdown-main-style .radio p {
  margin: 0;
}
[data-v-f497abcf] .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-f497abcf] .markdown-main-style .card p:first-child {
  margin-top: 0;
}
[data-v-f497abcf] .markdown-main-style .card p:last-child {
  margin-bottom: 0;
}
[data-v-f497abcf] .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-f497abcf] .markdown-main-style .button p,[data-v-f497abcf] .markdown-main-style .button a {
  padding: 0;
  margin: 0;
  font-size: 1rem;
  color: var(--main-font-color);
}
[data-v-f497abcf] .markdown-main-style .button p::before,[data-v-f497abcf] .markdown-main-style .button a::before {
  display: none;
}
[data-v-f497abcf] .markdown-main-style .button.primary {
  color: var(--main-card-background);
  background-color: var(--main-color);
}
[data-v-f497abcf] .markdown-main-style .button:hover {
  background-color: var(--main-card-border);
}
.post[data-v-f497abcf] {
  width: 100%;
  display: flex;
  flex-direction: column;
  animation: fade-up 0.6s 0.1s backwards;
}
.post .post-meta[data-v-f497abcf] {
  padding: 2rem 0 3rem 18px;
  width: 100%;
}
.post .post-meta .meta[data-v-f497abcf] {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.post .post-meta .meta .categories[data-v-f497abcf] {
  margin-right: 12px;
}
.post .post-meta .meta .categories .cat-item[data-v-f497abcf] {
  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-f497abcf] {
  margin-right: 6px;
}
.post .post-meta .meta .categories .cat-item[data-v-f497abcf]:hover {
  color: var(--main-color);
  background-color: var(--main-color-bg);
}
.post .post-meta .meta .categories .cat-item:hover .iconfont[data-v-f497abcf] {
  color: var(--main-color);
}
.post .post-meta .meta .tags[data-v-f497abcf] {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.post .post-meta .meta .tags .tag-item[data-v-f497abcf] {
  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-f497abcf] {
  margin-right: 4px;
  opacity: 0.6;
  font-weight: normal;
}
.post .post-meta .meta .tags .tag-item[data-v-f497abcf]:hover {
  color: var(--main-color);
  background-color: var(--main-color-bg);
}
.post .post-meta .meta .tags .tag-item:hover .iconfont[data-v-f497abcf] {
  color: var(--main-color);
}
.post .post-meta .title[data-v-f497abcf] {
  font-size: 2.2rem;
  line-height: 1.2;
  color: var(--main-font-color);
  margin: 1.4rem 0;
}
.post .post-meta .other-meta[data-v-f497abcf] {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.post .post-meta .other-meta .meta[data-v-f497abcf] {
  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-f497abcf] {
  margin-right: 6px;
  transition: color 0.3s;
}
.post .post-meta .other-meta .meta.date[data-v-f497abcf] {
  padding-left: 0;
}
.post .post-meta .other-meta .meta.hot .iconfont[data-v-f497abcf] {
  font-size: 18px;
}
.post .post-meta .other-meta .meta.hover[data-v-f497abcf] {
  transition: color 0.3s, background-color 0.3s;
  cursor: pointer;
}
.post .post-meta .other-meta .meta.hover[data-v-f497abcf]:hover {
  color: var(--main-color);
  background-color: var(--main-color-bg);
}
.post .post-meta .other-meta .meta.hover:hover .iconfont[data-v-f497abcf] {
  color: var(--main-color);
}
.post .post-content[data-v-f497abcf] {
  width: 100%;
  display: flex;
  flex-direction: row;
  animation: fade-up 0.6s 0.3s backwards;
}
.post .post-content .post-article[data-v-f497abcf] {
  width: calc(100% - 300px);
  padding: 1rem 2.2rem 2.2rem 2.2rem;
  user-select: text;
  cursor: auto;
}
.post .post-content .post-article[data-v-f497abcf]:hover {
  border-color: var(--main-card-border);
}
.post .post-content .post-article .expired[data-v-f497abcf] {
  margin: 1.2rem 0 2rem 0;
  padding: 0.8rem 1.2rem;
  border-left: 6px solid var(--main-warning-color);
  border-radius: 6px 16px 16px 6px;
  user-select: none;
}
.post .post-content .post-article .expired strong[data-v-f497abcf] {
  color: var(--main-warning-color);
}
.post .post-content .post-article .other-meta[data-v-f497abcf] {
  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-f497abcf] {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.post .post-content .post-article .other-meta .all-tags .tag-item[data-v-f497abcf] {
  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-f497abcf] {
  margin-right: 4px;
  opacity: 0.6;
  font-weight: normal;
}
.post .post-content .post-article .other-meta .all-tags .tag-item[data-v-f497abcf]: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-f497abcf] {
  color: var(--main-color);
}
.post .post-content .post-article .other-meta .report[data-v-f497abcf] {
  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-f497abcf] {
  margin-right: 6px;
}
.post .post-content .post-article .other-meta .report[data-v-f497abcf]:hover {
  color: #efefef;
  background-color: var(--main-error-color);
}
.post .post-content .post-article .other-meta .report:hover .iconfont[data-v-f497abcf] {
  color: #efefef;
}
.post .post-content .main-aside[data-v-f497abcf] {
  width: 300px;
  padding-left: 1rem;
}
@media (max-width: 1200px) {
.post .post-content .post-article[data-v-f497abcf] {
    width: 100%;
}
.post .post-content .main-aside[data-v-f497abcf] {
    display: none;
}
}
@media (max-width: 768px) {
.post .post-meta[data-v-f497abcf] {
    padding: 4rem 1.5rem;
}
.post .post-meta .meta[data-v-f497abcf] {
    justify-content: center;
}
.post .post-meta .meta .categories[data-v-f497abcf] {
    margin-right: 0;
}
.post .post-meta .meta .tags[data-v-f497abcf] {
    display: none;
}
.post .post-meta .title[data-v-f497abcf] {
    font-size: 1.6rem;
    text-align: center;
    line-height: 40px;
}
.post .post-meta .other-meta[data-v-f497abcf] {
    justify-content: center;
}
.post .post-content .post-article[data-v-f497abcf] {
    border: none;
    padding: 20px 30px;
}
.post .post-content .post-article .other-meta[data-v-f497abcf] {
    margin: 1rem 0 2rem 0;
    flex-direction: column;
}
.post .post-content .post-article .other-meta .all-tags[data-v-f497abcf] {
    flex-wrap: wrap;
}
.post .post-content .post-article .other-meta .all-tags .tag-item[data-v-f497abcf] {
    margin-top: 12px;
}
.post .post-content .post-article .other-meta .report[data-v-f497abcf] {
    margin-top: 20px;
}
}.pagination[data-v-ff3c878b] {
  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-ff3c878b] {
  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-ff3c878b], .pagination .page-item.next[data-v-ff3c878b] {
  position: absolute;
  width: 80px;
  left: 0;
}
.pagination .page-item.prev .iconfont[data-v-ff3c878b], .pagination .page-item.next .iconfont[data-v-ff3c878b] {
  transform: rotate(180deg);
  transition: color 0.3s, transform 0.3s;
}
.pagination .page-item.prev .page-text[data-v-ff3c878b], .pagination .page-item.next .page-text[data-v-ff3c878b] {
  opacity: 0;
  margin-left: 4px;
  margin-right: -36px;
  transition: opacity 0.3s, margin 0.3s;
}
.pagination .page-item.next[data-v-ff3c878b] {
  left: auto;
  right: 0;
}
.pagination .page-item.next .iconfont[data-v-ff3c878b] {
  transform: rotate(0);
}
.pagination .page-item.next .page-text[data-v-ff3c878b] {
  margin-right: 4px;
  margin-left: -36px;
}
.pagination .page-item[data-v-ff3c878b]:hover {
  border-color: var(--main-color);
  box-shadow: 0 8px 16px -4px var(--main-color-bg);
}
.pagination .page-item:hover .iconfont[data-v-ff3c878b] {
  color: var(--main-color);
}
.pagination .page-item:hover.prev[data-v-ff3c878b], .pagination .page-item:hover.next[data-v-ff3c878b] {
  color: var(--main-color);
}
.pagination .page-item:hover.prev .page-text[data-v-ff3c878b], .pagination .page-item:hover.next .page-text[data-v-ff3c878b] {
  opacity: 1;
  margin-right: 0;
}
.pagination .page-item:hover.next .page-text[data-v-ff3c878b] {
  margin-right: 4px;
  margin-left: 0;
}
.pagination .page-number[data-v-ff3c878b] {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.pagination .page-number .page-item[data-v-ff3c878b] {
  margin: 0 6px;
}
.pagination .page-number .page-item.choose[data-v-ff3c878b] {
  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-ff3c878b] {
  margin: 0 4px;
  transform: translateY(-8px);
  font-size: 22px;
}
.pagination .page-number .fast-jump[data-v-ff3c878b] {
  position: relative;
  margin: 0 6px;
}
.pagination .page-number .fast-jump input[data-v-ff3c878b] {
  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-ff3c878b] {
  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-ff3c878b]:hover {
  color: var(--main-card-background);
  background-color: var(--main-color);
}
.pagination .page-number .fast-jump.focus input[data-v-ff3c878b], .pagination .page-number .fast-jump:hover input[data-v-ff3c878b] {
  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-ff3c878b], .pagination .page-number .fast-jump:hover .iconfont[data-v-ff3c878b] {
  opacity: 0.2;
  pointer-events: none;
}
.pagination .page-number .fast-jump.focus .iconfont.click[data-v-ff3c878b], .pagination .page-number .fast-jump:hover .iconfont.click[data-v-ff3c878b] {
  opacity: 1;
  pointer-events: all;
}
@media (max-width: 768px) {
.pagination .page-number[data-v-ff3c878b] {
    display: none;
}
.pagination .page-item[data-v-ff3c878b]:first-child {
    margin-right: 10px;
}
.pagination .page-item[data-v-ff3c878b]:last-child {
    margin-left: 10px;
}
}.type-bar[data-v-431ed478] {
  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-431ed478] {
  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-431ed478] {
  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-431ed478] {
  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-431ed478] {
  color: var(--main-card-background);
  background-color: var(--main-color);
}
.type-bar .all-type .type-item.choose .num[data-v-431ed478] {
  color: var(--main-color);
}
.type-bar .all-type .type-item.hidden[data-v-431ed478] {
  display: none;
}
.type-bar .all-type .type-item[data-v-431ed478]:hover {
  color: var(--main-card-background);
  background-color: var(--main-color);
}
.type-bar .more-type[data-v-431ed478] {
  display: flex;
  flex-direction: row;
  align-items: center;
  white-space: nowrap;
  margin-right: 4px;
  margin-left: 8px;
}
.type-bar .more-type .iconfont[data-v-431ed478] {
  font-size: 0.9375rem;
  margin-right: 8px;
}
.type-bar .more-type:hover .iconfont[data-v-431ed478] {
  color: var(--main-color);
}.banner[data-v-3875fcbc] {
  height: 300px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  animation: fade-up 0.6s 0.1s backwards;
  transition: height 0.3s;
}
.banner.full[data-v-3875fcbc] {
  opacity: 0;
  height: calc(100vh - 70px);
  padding-bottom: 100px;
  animation: fade-up 0.6s 0.5s forwards;
}
.banner.full .subtitle[data-v-3875fcbc] {
  opacity: 0;
  animation: fade-up-opacity 0.8s 0.5s forwards;
}
.banner .title[data-v-3875fcbc] {
  font-family: "Site Title";
  font-weight: bold;
  font-size: 2.75rem;
}
.banner .subtitle[data-v-3875fcbc] {
  width: 80%;
  font-size: 1.25rem;
  opacity: 0.8;
  animation: fade-up-opacity 0.6s 0.1s backwards;
}
.banner .subtitle .text[data-v-3875fcbc] {
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.banner .icon-up[data-v-3875fcbc] {
  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-3875fcbc] {
    align-items: flex-start;
    height: 240px;
}
.banner .title[data-v-3875fcbc] {
    font-size: 2.25rem;
}
.banner .subtitle[data-v-3875fcbc] {
    height: 50px;
    font-size: 1.125rem;
    margin-left: 8px;
}
.banner .subtitle .text[data-v-3875fcbc] {
    text-align: left;
}
}
.banner-page[data-v-3875fcbc] {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 2rem;
  min-height: 380px;
  background-size: cover;
}
.banner-page .top[data-v-3875fcbc] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2rem;
}
.banner-page .top .title[data-v-3875fcbc] {
  display: flex;
  flex-direction: column;
}
.banner-page .top .title .title-small[data-v-3875fcbc] {
  color: var(--main-font-second-color);
  font-size: 0.875rem;
}
.banner-page .top .title .title-big[data-v-3875fcbc] {
  font-size: 2.25rem;
  font-weight: bold;
  line-height: 1.2;
  margin-top: 12px;
}
.banner-page .footer[data-v-3875fcbc] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-top: auto;
}
.banner-page .footer .footer-left[data-v-3875fcbc] {
  margin-top: auto;
  color: var(--main-font-second-color);
  opacity: 0.8;
}
.banner-page.image[data-v-3875fcbc] {
  color: #fff !important;
}
.banner-page.image .top .title-small[data-v-3875fcbc] {
  color: #fff;
  opacity: 0.6;
}
.banner-page.image .footer .footer-left[data-v-3875fcbc] {
  color: #fff;
}
.banner-page.image[data-v-3875fcbc] .iconfont {
  color: #fff !important;
}
@media (max-width: 1200px) {
.banner-page[data-v-3875fcbc] {
    min-height: 300px;
}
}
@media (max-width: 768px) {
.banner-page[data-v-3875fcbc] {
    min-height: 260px;
}
.banner-page .top-right[data-v-3875fcbc], .banner-page .footer-right[data-v-3875fcbc] {
    display: none;
}
}.home .home-content[data-v-fc8c2fa4] {
  width: 100%;
  display: flex;
  flex-direction: row;
}
.home .home-content .posts-content[data-v-fc8c2fa4] {
  width: calc(100% - 300px);
  transition: width 0.3s;
}
.home .home-content .main-aside[data-v-fc8c2fa4] {
  width: 300px;
  padding-left: 1rem;
}
@media (max-width: 1200px) {
.home .home-content .posts-content[data-v-fc8c2fa4] {
    width: 100%;
}
.home .home-content .main-aside[data-v-fc8c2fa4] {
    display: none;
}
}.not-found-content[data-v-86919074] {
  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-86919074] {
  font-size: 8rem;
  margin: 2rem 0;
  line-height: 1;
}
.not-found-content .title-tip[data-v-86919074] {
  font-size: 2rem;
  opacity: 0.6;
}
.not-found-content .to-home[data-v-86919074] {
  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-86919074]:hover {
  color: var(--main-card-background);
  background-color: var(--main-color);
}.ais-InstantSearch {
  height: 100%;
}
.ais-InstantSearch .ais-SearchBox {
  height: 40px;
  width: 100%;
}
.ais-InstantSearch .ais-SearchBox .ais-SearchBox-input {
  width: 100%;
  outline: none;
  border-radius: 8px;
  font-size: 16px;
  padding: 0.6rem 1rem;
  color: var(--main-font-color);
  font-family: var(--main-font-family);
  border: 1px solid var(--main-card-border);
  background-color: var(--main-card-second-background);
  transition: border-color 0.3s, box-shadow 0.3s;
}
.ais-InstantSearch .ais-SearchBox .ais-SearchBox-input:focus {
  border-color: var(--main-color);
  box-shadow: 0 8px 16px -4px var(--main-color-bg);
}
.ais-InstantSearch .ais-SearchBox .ais-SearchBox-input::-webkit-search-cancel-button {
  display: none;
}
.ais-InstantSearch .ais-SearchBox .ais-SearchBox-loadingIndicator,
.ais-InstantSearch .ais-SearchBox .ais-SearchBox-submit,
.ais-InstantSearch .ais-SearchBox .ais-SearchBox-reset {
  display: none;
}
.ais-InstantSearch .ais-Hits {
  margin-top: 20px;
  min-height: 300px;
  height: 100%;
}
.ais-InstantSearch .ais-Hits .no-result {
  height: 300px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.ais-InstantSearch .ais-Hits .no-result .iconfont {
  font-size: 40px;
  margin-bottom: 12px;
}
.ais-InstantSearch .ais-Hits .no-result .text {
  font-size: 18px;
  opacity: 0.6;
}
.ais-InstantSearch .ais-Hits .search-list .search-item {
  margin-bottom: 12px;
}
.ais-InstantSearch .ais-Hits .search-list .search-item .title {
  display: inline;
  font-size: 16px;
  margin-bottom: 6px;
}
.ais-InstantSearch .ais-Hits .search-list .search-item .anchor {
  margin-top: 6px;
  color: var(--main-font-second-color);
  font-size: 14px;
}
.ais-InstantSearch .ais-Hits .search-list .search-item .anchor::before {
  content: "# ";
}
.ais-InstantSearch .ais-Hits .search-list .search-item .content {
  color: var(--main-font-second-color);
  margin-top: 0.8rem;
  font-size: 12px;
  padding: 8px;
  border-radius: 8px;
}
.ais-InstantSearch .ais-Hits .search-list .search-item p {
  margin: 0;
}
.ais-InstantSearch .ais-Hits .search-list .search-item p mark {
  background-color: transparent;
  color: var(--main-color);
}
.ais-InstantSearch .ais-Hits .search-list .search-item:last-child {
  margin-bottom: 0;
}
.ais-InstantSearch .ais-Pagination {
  margin-top: 20px;
}
.ais-InstantSearch .ais-Pagination .ais-Pagination-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.ais-InstantSearch .ais-Pagination .ais-Pagination-list .ais-Pagination-item {
  margin: 0 4px;
  width: 30px;
  height: 30px;
  border-radius: 8px;
  transition: background-color 0.3s;
  cursor: pointer;
}
.ais-InstantSearch .ais-Pagination .ais-Pagination-list .ais-Pagination-item .ais-Pagination-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.ais-InstantSearch .ais-Pagination .ais-Pagination-list .ais-Pagination-item .ais-Pagination-link:hover {
  color: var(--main-font-color);
}
.ais-InstantSearch .ais-Pagination .ais-Pagination-list .ais-Pagination-item:hover {
  color: var(--main-font-color);
  background-color: var(--main-color);
}
.ais-InstantSearch .ais-Pagination .ais-Pagination-list .ais-Pagination-item:hover .ais-Pagination-link {
  color: var(--main-card-border);
}
.ais-InstantSearch .ais-Pagination .ais-Pagination-list .ais-Pagination-item.ais-Pagination-item--selected {
  font-weight: bold;
  background-color: var(--main-color);
}
.ais-InstantSearch .ais-Pagination .ais-Pagination-list .ais-Pagination-item.ais-Pagination-item--selected .ais-Pagination-link {
  color: var(--main-card-border);
}
.ais-InstantSearch .ais-Pagination .ais-Pagination-list .ais-Pagination-item.ais-Pagination-item--disabled, .ais-InstantSearch .ais-Pagination .ais-Pagination-list .ais-Pagination-item.ais-Pagination-item--nextPage, .ais-InstantSearch .ais-Pagination .ais-Pagination-list .ais-Pagination-item.ais-Pagination-item--lastPage {
  opacity: 0.8;
}
.ais-InstantSearch .ais-Stats {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 20px;
  opacity: 0.8;
  font-size: 14px;
}
.ais-InstantSearch .ais-Stats .power {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 16px;
  opacity: 0.6;
  transition: color 0.3s, opacity 0.3s;
}
.ais-InstantSearch .ais-Stats .power .iconfont {
  margin-right: 4px;
  font-size: 20px;
  transition: color 0.3s;
}
.ais-InstantSearch .ais-Stats .power .name {
  font-weight: bold;
}
.ais-InstantSearch .ais-Stats .power:hover {
  opacity: 1;
  color: var(--main-color);
}
.ais-InstantSearch .ais-Stats .power:hover .iconfont {
  color: var(--main-color);
}
@media (max-width: 512px) {
.ais-InstantSearch .ais-Stats {
    justify-content: center;
}
.ais-InstantSearch .ais-Stats .information {
    display: none;
}
}.mobile-menu[data-v-f34813ac] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 3000;
}
.mobile-menu .menu-mask[data-v-f34813ac] {
  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-f34813ac] {
  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-f34813ac] {
  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-f34813ac] {
  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-f34813ac]:hover {
  background-color: var(--main-color);
}
.mobile-menu .menu-content .close-control:hover .iconfont[data-v-f34813ac] {
  color: var(--main-card-background);
}
.mobile-menu .menu-content .menu-list[data-v-f34813ac] {
  margin-bottom: 20px;
}
.mobile-menu .menu-content .menu-list[data-v-f34813ac]:last-child {
  margin-bottom: 0;
}
.mobile-menu .menu-content .menu-item[data-v-f34813ac] {
  margin-bottom: 12px;
}
.mobile-menu .menu-content .menu-item .link-title[data-v-f34813ac] {
  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-f34813ac] {
  display: grid;
  gap: 12px;
  grid-template-columns: 1fr 1fr;
}
.mobile-menu .menu-content .menu-item .link-child .link-child-btn[data-v-f34813ac] {
  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-f34813ac] {
  margin-right: 6px;
  opacity: 0.6;
}
.mobile-menu .menu-content .menu-item .link-child .link-child-btn .name[data-v-f34813ac] {
  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-f34813ac] {
  opacity: 0.4;
  font-size: 12px;
  margin-bottom: auto;
  margin-left: 4px;
}
.mobile-menu .menu-content .menu-item[data-v-f34813ac]:last-child {
  margin-bottom: 0;
}
.mobile-menu .menu-content hr[data-v-f34813ac] {
  margin: 1rem 0;
  opacity: 0.4;
  border: 1px dashed var(--main-font-second-color);
}
.main-header[data-v-4d0ecec9] {
  position: relative;
  width: 100%;
  height: 60px;
  overflow: hidden;
  z-index: 1000;
  animation: show 0.3s backwards;
}
.main-header .main-nav[data-v-4d0ecec9] {
  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-4d0ecec9]::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-4d0ecec9] {
  background-color: transparent;
  outline: 0px;
}
.main-header .main-nav.top[data-v-4d0ecec9]::after {
  opacity: 0;
}
.main-header .main-nav.top .nav-all .site-menu[data-v-4d0ecec9], .main-header .main-nav.up .nav-all .site-menu[data-v-4d0ecec9] {
  transform: translateY(0);
  opacity: 1;
}
.main-header .main-nav.top .nav-all .site-title[data-v-4d0ecec9], .main-header .main-nav.up .nav-all .site-title[data-v-4d0ecec9] {
  transform: translateY(50px);
  opacity: 0;
}
@media (max-width: 768px) {
.main-header .main-nav.top .nav-center[data-v-4d0ecec9], .main-header .main-nav.up .nav-center[data-v-4d0ecec9] {
    top: -80px;
}
}
.main-header .nav-all[data-v-4d0ecec9] {
  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-4d0ecec9] {
  display: flex;
  flex-direction: row;
  align-items: center;
  min-width: 200px;
}
.main-header .nav-all .left-nav .more-menu[data-v-4d0ecec9] {
  position: relative;
  margin-right: 4px;
}
@media (max-width: 512px) {
.main-header .nav-all .left-nav .more-menu[data-v-4d0ecec9] {
    display: none;
}
}
.main-header .nav-all .left-nav .more-menu .more-card[data-v-4d0ecec9] {
  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-4d0ecec9] {
  margin-top: 0.8rem;
}
.main-header .nav-all .left-nav .more-menu .more-card .more-item[data-v-4d0ecec9]:first-child {
  margin-top: 0;
}
.main-header .nav-all .left-nav .more-menu .more-card .more-item .more-name[data-v-4d0ecec9] {
  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-4d0ecec9] {
  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-4d0ecec9] {
  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-4d0ecec9] {
  width: 22px;
  height: 22px;
  margin-right: 8px;
  font-size: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: inherit;
  flex-shrink: 0;
}
.main-header .nav-all .left-nav .more-menu .more-card .more-item .more-list .more-link .link-icon svg[data-v-4d0ecec9] {
  width: 100%;
  height: 100%;
  fill: currentColor;
}
.main-header .nav-all .left-nav .more-menu .more-card .more-item .more-list .more-link[data-v-4d0ecec9]:hover {
  color: var(--main-card-background);
  background-color: var(--main-color);
}
.main-header .nav-all .left-nav .more-menu .more-card[data-v-4d0ecec9]::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-4d0ecec9]:hover {
  border-color: var(--main-color);
}
.main-header .nav-all .left-nav .more-menu:hover .more-card[data-v-4d0ecec9] {
  opacity: 1;
  transform: scale(1) translateY(0);
  visibility: visible;
}
.main-header .nav-all .left-nav .site-name[data-v-4d0ecec9] {
  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-4d0ecec9]::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-4d0ecec9]:hover::after {
    opacity: 1;
}
.main-header .nav-all .left-nav .site-name[data-v-4d0ecec9]:active {
    transform: scale(0.95);
}
}
.main-header .nav-all .nav-center[data-v-4d0ecec9] {
  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-4d0ecec9] {
  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-4d0ecec9] {
  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-4d0ecec9] {
  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-4d0ecec9] {
  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 16px -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-4d0ecec9]::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-4d0ecec9] {
  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-4d0ecec9] {
  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-4d0ecec9]:hover {
  color: var(--main-card-background);
  background-color: var(--main-color);
  box-shadow: 0 8px 16px -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-4d0ecec9] {
  color: var(--main-card-background);
}
.main-header .nav-all .nav-center .site-menu .menu-item:first-child .link-child[data-v-4d0ecec9]::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-4d0ecec9]::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-4d0ecec9] {
  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-4d0ecec9] {
  transform: translateY(0) scale(1);
  opacity: 1;
  visibility: visible;
}
.main-header .nav-all .nav-center .site-title[data-v-4d0ecec9] {
  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-4d0ecec9]::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-4d0ecec9]:hover::after {
  opacity: 1;
}
.main-header .nav-all .nav-center .site-title[data-v-4d0ecec9]:active {
  transform: scale(0.95);
}
@media (max-width: 768px) {
.main-header .nav-all .nav-center .site-title[data-v-4d0ecec9]::after {
    display: none;
}
}
.main-header .nav-all .right-nav[data-v-4d0ecec9] {
  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-4d0ecec9] {
  margin-left: 0.5rem;
}
.main-header .nav-all .right-nav .menu-btn.mobile[data-v-4d0ecec9] {
  display: none;
}
@media (max-width: 768px) {
.main-header .nav-all .right-nav .menu-btn.mobile[data-v-4d0ecec9] {
    display: flex;
}
.main-header .nav-all .right-nav .menu-btn.pc[data-v-4d0ecec9] {
    display: none;
}
}
.main-header .nav-all .right-nav .to-top[data-v-4d0ecec9] {
  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-4d0ecec9] {
  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-4d0ecec9] {
  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-4d0ecec9] {
  position: absolute;
  color: var(--main-card-background);
  opacity: 0;
  transition: opacity 0.3s;
}
.main-header .nav-all .right-nav .to-top.hidden[data-v-4d0ecec9] {
  width: 0;
  opacity: 0;
  transform: scale(0);
  margin: 0;
}
.main-header .nav-all .right-nav .to-top.long[data-v-4d0ecec9] {
  width: 80px;
}
.main-header .nav-all .right-nav .to-top.long .to-top-btn[data-v-4d0ecec9] {
  width: 70px;
}
.main-header .nav-all .right-nav .to-top:hover .to-top-btn[data-v-4d0ecec9] {
  width: 35px;
  height: 35px;
  background-color: var(--main-color);
}
.main-header .nav-all .right-nav .to-top:hover .to-top-btn .num[data-v-4d0ecec9] {
  opacity: 0;
}
.main-header .nav-all .right-nav .to-top:hover .to-top-btn .icon-up[data-v-4d0ecec9] {
  opacity: 1;
}
.main-header .nav-all .right-nav .to-top:hover.long[data-v-4d0ecec9] {
  width: 80px;
}
.main-header .nav-all .right-nav .to-top:hover.long .to-top-btn[data-v-4d0ecec9] {
  width: 80px;
  height: 35px;
}
.main-header .nav-all .right-nav .to-top[data-v-4d0ecec9]:active {
  transform: scale(0.9);
}
@media (max-width: 768px) {
.main-header .nav-all[data-v-4d0ecec9] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 1rem 1.5rem;
}
.main-header .nav-all .left-nav[data-v-4d0ecec9],
  .main-header .nav-all .right-nav[data-v-4d0ecec9] {
    min-width: auto;
}
.main-header .nav-all .nav-center[data-v-4d0ecec9] {
    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-4d0ecec9] {
    font-size: 15px;
    height: auto;
}
}
.main-header .nav-btn[data-v-4d0ecec9] {
  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-4d0ecec9] {
  font-size: 20px;
  line-height: 1;
  transition: color 0.3s, opacity 0.3s;
}
.main-header .nav-btn[data-v-4d0ecec9]:hover {
  background-color: var(--main-color);
}
.main-header .nav-btn:hover .iconfont[data-v-4d0ecec9] {
  color: var(--main-card-background);
}.control[data-v-5bcc3e12] {
  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-5bcc3e12] {
  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-5bcc3e12] {
  font-size: 18px;
  line-height: 1;
  transition: color 0.3s, opacity 0.3s;
}
.control .close-control[data-v-5bcc3e12]:hover {
  background-color: var(--main-color);
}
.control .close-control:hover .iconfont[data-v-5bcc3e12] {
  color: var(--main-card-background);
}
.control .control-mask[data-v-5bcc3e12] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: var(--main-mask-background);
}
.control .control-content[data-v-5bcc3e12] {
  position: absolute;
  animation: fade-up 0.5s forwards;
}
.control .control-content .menu[data-v-5bcc3e12] {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.control .control-content .menu .menu-item[data-v-5bcc3e12] {
  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-5bcc3e12] {
  font-size: 24px;
  color: var(--main-font-color);
  transition: color 0.3s;
}
.control .control-content .menu .menu-item.open[data-v-5bcc3e12] {
  background-color: var(--main-color);
}
.control .control-content .menu .menu-item.open .iconfont[data-v-5bcc3e12] {
  color: #fff;
}
.control .control-content .menu .menu-item[data-v-5bcc3e12]:hover {
  transform: scale(1.05);
}
.control .control-content .menu .menu-item[data-v-5bcc3e12]:active {
  transform: scale(1);
}.bg-color[data-v-eec0ba05] {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  z-index: -2;
  transition: background-color 0.4s ease;
  background-color: #f5f9fc;
}
.bg-color.dark[data-v-eec0ba05] {
  background-color: #0f1419;
}.mian-layout[data-v-9a7ddc95] {
  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-9a7ddc95] {
  display: none;
}
@media (max-width: 768px) {
.mian-layout[data-v-9a7ddc95] {
    padding: 1rem 1.5rem;
}
.mian-layout.is-post[data-v-9a7ddc95] {
    padding: 0;
}
}
.left-menu[data-v-9a7ddc95] {
  position: fixed;
  left: 20px;
  bottom: 20px;
  z-index: 1002;
  transition: opacity 0.3s, transform 0.3s;
}
.left-menu.hidden[data-v-9a7ddc95] {
  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 {
  --main-color: #3B82F6;
  --main-color-bg: #3B82F633;
  --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: #3B82F6;
  --main-color-bg: #3B82F633;
  --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.hmos {
  --main-font-family: "HarmonyOS_Regular", sans-serif;
}
html.lxgw {
  --main-font-family: "LXGW WenKai Screen", sans-serif;
}
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%);
}

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;
}.about-new[data-v-08d17deb] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1.5rem 4rem;
}
.about-hero[data-v-08d17deb] {
  position: relative;
  width: 100%;
  padding: 1.3rem 1.8rem;
  border-radius: 14px;
  margin: 1rem 0 2rem;
  background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
  border: 1px solid rgba(102, 126, 234, 0.15);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}
.about-hero-left[data-v-08d17deb] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  min-width: 0;
}
.about-hero-title[data-v-08d17deb] {
  margin: 0 0 0.25rem;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 1px;
  color: #3d4451;
}
.about-hero-sub[data-v-08d17deb] {
  margin: 0;
  font-size: 0.9rem;
  color: #6b7280;
}
.about-hero-right[data-v-08d17deb] {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  text-align: right;
  flex-shrink: 0;
}
.about-hero-days[data-v-08d17deb] {
  font-size: 1.6rem;
  font-weight: 700;
  color: #667eea;
  line-height: 1.1;
}
.about-hero-days-label[data-v-08d17deb] {
  font-size: 0.8rem;
  color: #8b95a7;
}
.stats-grid[data-v-08d17deb] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
  margin-bottom: 2rem;
}
@media (max-width: 720px) {
.stats-grid[data-v-08d17deb] {
    grid-template-columns: repeat(2, 1fr);
}
}
.stats-grid .stat-card[data-v-08d17deb] {
  padding: 1.5rem;
  border-radius: 12px;
  text-align: center;
  color: #fff;
  transition: transform 0.2s;
}
.stats-grid .stat-card[data-v-08d17deb]:hover {
  transform: translateY(-4px);
}
.stats-grid .stat-card .stat-icon[data-v-08d17deb] {
  font-size: 2rem;
  margin-bottom: 0.5rem;
}
.stats-grid .stat-card .stat-value[data-v-08d17deb] {
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 1;
}
.stats-grid .stat-card .stat-label[data-v-08d17deb] {
  font-size: 0.85rem;
  opacity: 0.9;
  margin-top: 0.3rem;
}
.stats-grid .stat-card.stat-blue[data-v-08d17deb] {
  background: linear-gradient(135deg, #3b82f6, #1d4ed8);
}
.stats-grid .stat-card.stat-green[data-v-08d17deb] {
  background: linear-gradient(135deg, #10b981, #047857);
}
.stats-grid .stat-card.stat-orange[data-v-08d17deb] {
  background: linear-gradient(135deg, #f59e0b, #d97706);
}
.stats-grid .stat-card.stat-purple[data-v-08d17deb] {
  background: linear-gradient(135deg, #8b5cf6, #6d28d9);
}
.two-col[data-v-08d17deb] {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 2rem;
  margin-bottom: 2rem;
}
@media (max-width: 900px) {
.two-col[data-v-08d17deb] {
    grid-template-columns: 1fr;
}
}
.left-col[data-v-08d17deb], .right-col[data-v-08d17deb] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.info-card[data-v-08d17deb] {
  background: var(--main-card-background);
  border: 1px solid var(--main-card-border);
  border-radius: 12px;
  padding: 1.2rem;
  box-shadow: 0 4px 12px -6px var(--main-border-shadow);
}
.info-card .info-card-header[data-v-08d17deb] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
  padding-bottom: 0.8rem;
  border-bottom: 1px solid var(--main-card-border);
}
.info-card .info-card-header .info-icon[data-v-08d17deb] {
  font-size: 1.2rem;
}
.info-card .info-card-header h3[data-v-08d17deb] {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
  color: var(--main-color);
}
.info-card .info-item[data-v-08d17deb] {
  display: flex;
  align-items: center;
  padding: 0.5rem 0;
  font-size: 0.9rem;
  text-decoration: none;
  color: inherit;
  transition: color 0.2s;
}
.info-card .info-item[data-v-08d17deb]:hover {
  color: var(--main-color);
}
.info-card .info-item .info-label[data-v-08d17deb] {
  width: 4rem;
  flex-shrink: 0;
  color: var(--main-font-second-color);
  font-size: 0.85rem;
}
.info-card .info-item .info-value[data-v-08d17deb] {
  flex: 1;
  word-break: break-all;
}
.block-card[data-v-08d17deb] {
  background: var(--main-card-background);
  border: 1px solid var(--main-card-border);
  border-radius: 12px;
  padding: 1.5rem 1.8rem;
  box-shadow: 0 4px 12px -6px var(--main-border-shadow);
  transition: transform 0.2s, box-shadow 0.2s;
}
.block-card[data-v-08d17deb]:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px -8px var(--main-border-shadow);
}
.block-card .block-header[data-v-08d17deb] {
  display: flex;
  align-items: baseline;
  gap: 0.6rem;
  margin-bottom: 1.2rem;
  padding-bottom: 0.8rem;
  border-bottom: 1px solid var(--main-card-border);
}
.block-card .block-header h3[data-v-08d17deb] {
  margin: 0;
  font-size: 1.15rem;
  font-weight: 600;
  color: var(--main-color);
}
.block-card .block-header .block-subtitle[data-v-08d17deb] {
  font-size: 0.8rem;
  color: var(--main-font-second-color);
}
.skills-grid[data-v-08d17deb] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.2rem;
}
@media (max-width: 720px) {
.skills-grid[data-v-08d17deb] {
    grid-template-columns: 1fr;
}
}
.skills-grid .skill-group-title[data-v-08d17deb] {
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--main-font-second-color);
  margin: 0 0 0.5rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.skills-grid .skill-tags[data-v-08d17deb] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}
.skills-grid .skill-tags .skill-tag[data-v-08d17deb] {
  padding: 0.3rem 0.7rem;
  background: var(--main-color-bg);
  color: var(--main-color);
  border-radius: 6px;
  font-size: 0.82rem;
  font-weight: 500;
  transition: all 0.15s;
}
.skills-grid .skill-tags .skill-tag[data-v-08d17deb]:hover {
  transform: scale(1.05);
}
.projects-grid[data-v-08d17deb] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}
@media (max-width: 720px) {
.projects-grid[data-v-08d17deb] {
    grid-template-columns: 1fr;
}
}
.projects-grid .project-card[data-v-08d17deb] {
  padding: 1.2rem;
  border-radius: 10px;
  background: var(--main-color-bg);
  border-left: 3px solid var(--main-color);
  transition: all 0.2s;
  position: relative;
}
.projects-grid .project-card.blue[data-v-08d17deb] {
  border-left-color: #3b82f6;
}
.projects-grid .project-card.purple[data-v-08d17deb] {
  border-left-color: #8b5cf6;
}
.projects-grid .project-card.orange[data-v-08d17deb] {
  border-left-color: #f59e0b;
}
.projects-grid .project-card.green[data-v-08d17deb] {
  border-left-color: #10b981;
}
.projects-grid .project-card[data-v-08d17deb]:hover {
  transform: translateX(4px);
  box-shadow: 0 4px 12px -6px var(--main-border-shadow);
}
.projects-grid .project-card .project-icon[data-v-08d17deb] {
  font-size: 1.8rem;
  margin-bottom: 0.4rem;
}
.projects-grid .project-card .project-name[data-v-08d17deb] {
  font-size: 1rem;
  font-weight: 600;
  margin: 0 0 0.4rem;
  color: var(--main-color);
}
.projects-grid .project-card .project-desc[data-v-08d17deb] {
  font-size: 0.85rem;
  color: var(--main-font-second-color);
  margin: 0 0 0.6rem;
  line-height: 1.5;
}
.projects-grid .project-card .project-tags[data-v-08d17deb] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
}
.projects-grid .project-card .project-tags .project-tag[data-v-08d17deb] {
  padding: 0.15rem 0.5rem;
  background: var(--main-card-background);
  color: var(--main-font-second-color);
  border-radius: 4px;
  font-size: 0.75rem;
  border: 1px solid var(--main-card-border);
}
.fullwidth[data-v-08d17deb] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-width: 1200px;
}
.interests[data-v-08d17deb] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.interests .interest-tag[data-v-08d17deb] {
  padding: 0.4rem 0.9rem;
  background: linear-gradient(135deg, var(--main-color-bg), transparent);
  color: var(--main-color);
  border-radius: 999px;
  font-size: 0.85rem;
  font-weight: 500;
  border: 1px solid var(--main-card-border);
  transition: all 0.15s;
}
.interests .interest-tag[data-v-08d17deb]:hover {
  transform: scale(1.05);
  box-shadow: 0 2px 8px -4px var(--main-border-shadow);
}
.why-text[data-v-08d17deb] {
  margin: 0 0 0.8rem;
  line-height: 1.8;
  color: var(--main-font-color);
  font-size: 0.95rem;
}
.why-text[data-v-08d17deb]:last-child {
  margin-bottom: 0;
}
.timeline[data-v-08d17deb] {
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
}
.timeline[data-v-08d17deb]::before {
  content: "";
  position: absolute;
  left: 5rem;
  top: 0.5rem;
  bottom: 0.5rem;
  width: 2px;
  background: var(--main-color-bg);
}
.timeline li[data-v-08d17deb] {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 0.5rem 0;
  font-size: 0.9rem;
  position: relative;
}
.timeline li .timeline-time[data-v-08d17deb] {
  width: 4.5rem;
  flex-shrink: 0;
  font-weight: 600;
  color: var(--main-color);
  font-size: 0.85rem;
}
.timeline li .timeline-dot[data-v-08d17deb] {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: var(--main-color);
  flex-shrink: 0;
  position: relative;
  z-index: 1;
  box-shadow: 0 0 0 3px var(--main-card-background);
}
.timeline li .timeline-event[data-v-08d17deb] {
  flex: 1;
  color: var(--main-font-color);
}
@media (max-width: 720px) {
.about-new[data-v-08d17deb] {
    padding: 0 0.6rem 3rem;
}
.about-hero[data-v-08d17deb] {
    padding: 1rem 1.1rem;
    flex-direction: column;
    align-items: flex-start;
}
.about-hero .about-hero-left[data-v-08d17deb] {
    align-items: flex-start;
}
.about-hero .about-hero-right[data-v-08d17deb] {
    align-items: flex-start;
    text-align: left;
}
.about-hero .about-hero-title[data-v-08d17deb] {
    font-size: 1.3rem;
}
.about-hero .about-hero-days[data-v-08d17deb] {
    font-size: 1.4rem;
}
.about-hero .about-hero-sub[data-v-08d17deb] {
    font-size: 0.85rem;
}
.stats-grid[data-v-08d17deb] {
    gap: 0.6rem;
    margin-bottom: 1.2rem;
}
.stats-grid .stat-card[data-v-08d17deb] {
    padding: 1rem 0.5rem;
}
.stats-grid .stat-card .stat-value[data-v-08d17deb] {
    font-size: 1.7rem;
}
.stats-grid .stat-card .stat-icon[data-v-08d17deb] {
    font-size: 1.6rem;
}
.stats-grid .stat-card .stat-label[data-v-08d17deb] {
    font-size: 0.75rem;
}
.two-col[data-v-08d17deb] {
    gap: 1rem;
}
.left-col .info-card[data-v-08d17deb],
  .right-col .block-card[data-v-08d17deb] {
    padding: 1rem;
}
.block-header[data-v-08d17deb] {
    flex-direction: column;
    gap: 0.2rem;
}
.block-header .block-subtitle[data-v-08d17deb] {
    font-size: 0.72rem;
}
.skills-grid[data-v-08d17deb],
  .projects-grid[data-v-08d17deb] {
    grid-template-columns: 1fr;
}
.timeline[data-v-08d17deb]::before {
    left: 1rem;
}
.timeline li[data-v-08d17deb] {
    gap: 0.6rem;
}
.timeline li .timeline-time[data-v-08d17deb] {
    width: 3rem;
    font-size: 0.75rem;
}
.timeline li .timeline-dot[data-v-08d17deb] {
    width: 10px;
    height: 10px;
}
.interests .interest-tag[data-v-08d17deb] {
    font-size: 0.8rem;
    padding: 0.3rem 0.7rem;
}
}.archives[data-v-014da6f4] {
  padding: 2rem;
}
.archives .title[data-v-014da6f4] {
  display: flex;
  margin-bottom: 1rem;
}
.archives .title .name[data-v-014da6f4] {
  margin: 0;
  border-bottom: none;
}
.archives .title .num[data-v-014da6f4] {
  margin-left: 8px;
  font-size: 20px;
  font-weight: bold;
  opacity: 0.6;
}
.archives .archives-list .year-list[data-v-014da6f4] {
  margin-bottom: 2rem;
}
.archives .archives-list .year-list .year[data-v-014da6f4] {
  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-014da6f4]::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-014da6f4] {
  padding: 20px;
  margin-bottom: 1rem;
}
.archives .archives-list .year-list .posts .posts-item .title[data-v-014da6f4] {
  margin-bottom: 16px;
  font-size: 18px;
  font-weight: bold;
  transition: color 0.3s;
}
.archives .archives-list .year-list .posts .posts-item .tags[data-v-014da6f4] {
  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-014da6f4] {
  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-014da6f4] {
  transition: color 0.3s;
}
.archives .archives-list .year-list .posts .posts-item .tags .type-item .iconfont[data-v-014da6f4] {
  margin-right: 2px;
  transition: color 0.3s;
}
.archives .archives-list .year-list .posts .posts-item .tags .type-item:hover .name[data-v-014da6f4],
.archives .archives-list .year-list .posts .posts-item .tags .type-item:hover .iconfont[data-v-014da6f4] {
  color: var(--main-color);
}
.archives .archives-list .year-list .posts .posts-item[data-v-014da6f4]:last-child {
  margin-bottom: 0;
}
.archives .archives-list .year-list .posts .posts-item:hover .title[data-v-014da6f4] {
  color: var(--main-color);
}
.archives .archives-list .year-list[data-v-014da6f4]:last-child {
  margin-bottom: 0;
}.cat-or-tag[data-v-3f864602] {
  min-height: 400px;
}
.cat-or-tag .title[data-v-3f864602] {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cat-or-tag .title .title-name[data-v-3f864602] {
  font-size: 1.875rem;
  margin-bottom: 0;
}
.cat-or-tag .title .title-num[data-v-3f864602] {
  margin-top: 20px;
  font-size: 1.125rem;
  opacity: 0.6;
}
.cat-or-tag .type-lists[data-v-3f864602] {
  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-3f864602] {
  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-3f864602] {
  font-weight: bold;
  transition: color 0.3s;
}
.cat-or-tag .type-lists .type-item .iconfont[data-v-3f864602] {
  margin-right: 8px;
  font-size: 1.25rem;
  opacity: 0.6;
  transition: color 0.3s;
}
.cat-or-tag .type-lists .type-item .num[data-v-3f864602] {
  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-3f864602]:hover {
  transform: scale(1.05);
  background-color: var(--main-color);
}
.cat-or-tag .type-lists .type-item:hover .name[data-v-3f864602],
.cat-or-tag .type-lists .type-item:hover .iconfont[data-v-3f864602] {
  color: var(--main-card-background);
}
.fishpond-container[data-v-6a40703b] {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  padding: 1.5rem 0.5rem 3rem;
  box-sizing: border-box;
}

/* ============ 头部 - 鱼塘氛围 ============ */
.fishpond-header[data-v-6a40703b] {
  text-align: center;
  margin-bottom: 2rem;
  position: relative;
  padding: 2rem 1rem 1.5rem;
  border-radius: 16px;
  background:
    linear-gradient(180deg,
      rgba(102, 126, 234, 0.08) 0%,
      rgba(118, 75, 162, 0.12) 50%,
      rgba(102, 126, 234, 0.05) 100%);
  border: 1px solid rgba(102, 126, 234, 0.15);
  overflow: hidden;
}
.fishpond-water[data-v-6a40703b] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
}
.fishpond-fish[data-v-6a40703b] {
  position: absolute;
  font-size: 1.5rem;
  opacity: 0.4;
  animation: swim-6a40703b 12s linear infinite;
}
.fish-1[data-v-6a40703b] {
  top: 20%;
  left: -50px;
  animation-delay: 0s;
  animation-duration: 14s;
}
.fish-2[data-v-6a40703b] {
  top: 60%;
  left: -50px;
  animation-delay: 4s;
  animation-duration: 18s;
  font-size: 1.2rem;
  opacity: 0.3;
}
.fish-3[data-v-6a40703b] {
  top: 40%;
  left: -50px;
  animation-delay: 8s;
  animation-duration: 16s;
  font-size: 1.8rem;
  opacity: 0.35;
}
@keyframes swim-6a40703b {
0% {
    transform: translateX(0) scaleX(1);
}
49% {
    transform: translateX(calc(100vw + 50px)) scaleX(1);
}
50% {
    transform: translateX(calc(100vw + 50px)) scaleX(-1);
}
100% {
    transform: translateX(0) scaleX(-1);
}
}
.fishpond-header h2[data-v-6a40703b] {
  position: relative;
  font-size: 2rem;
  font-weight: 700;
  margin: 0 0 0.5rem 0;
  background: linear-gradient(135deg, #4a90e2 0%, #667eea 50%, #764ba2 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  line-height: 1.2;
  letter-spacing: 1px;
}
.fishpond-subtitle[data-v-6a40703b] {
  position: relative;
  color: var(--vp-c-text-2);
  margin: 0;
  font-size: 0.95rem;
}

/* ============ 加载 / 错误 ============ */
.fishpond-loading[data-v-6a40703b],
.fishpond-error[data-v-6a40703b] {
  text-align: center;
  padding: 3rem 1rem;
  color: var(--vp-c-text-2);
}
.fishpond-error[data-v-6a40703b] {
  color: #e05a5a;
}
.loading-ripple[data-v-6a40703b] {
  width: 60px;
  height: 60px;
  margin: 0 auto 1rem;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(102, 126, 234, 0.3) 0%, transparent 70%);
  animation: ripple-6a40703b 1.5s ease-out infinite;
}
@keyframes ripple-6a40703b {
0% {
    transform: scale(0.5);
    opacity: 1;
}
100% {
    transform: scale(1.5);
    opacity: 0;
}
}
.retry-btn[data-v-6a40703b] {
  margin-top: 1rem;
  padding: 0.5rem 1.5rem;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  font-size: 0.95rem;
}

/* ============ 统计条 ============ */
.fishpond-stats[data-v-6a40703b] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
  padding: 0.8rem 1rem;
  background: linear-gradient(135deg, rgba(102, 126, 234, 0.06) 0%, rgba(118, 75, 162, 0.06) 100%);
  border: 1px solid rgba(102, 126, 234, 0.15);
  border-radius: 10px;
  font-size: 0.88rem;
  color: var(--vp-c-text-2);
}
.stat-item[data-v-6a40703b] {
  display: flex;
  align-items: center;
  gap: 0.3rem;
}
.stat-icon[data-v-6a40703b] {
  font-size: 1rem;
}
.refresh-btn[data-v-6a40703b] {
  margin-left: auto;
  padding: 0.3rem 0.7rem;
  background: transparent;
  color: var(--vp-c-text-2);
  border: 1px solid var(--vp-c-divider);
  border-radius: 6px;
  cursor: pointer;
  font-size: 0.95rem;
  line-height: 1;
}
.refresh-btn[data-v-6a40703b]:hover {
  background: var(--vp-c-bg);
  color: #667eea;
  border-color: #667eea;
}

/* ============ 排序 ============ */
.fishpond-sort[data-v-6a40703b] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1.2rem;
  font-size: 0.9rem;
  color: var(--vp-c-text-2);
}
.sort-label[data-v-6a40703b] {
  font-weight: 500;
}
.fishpond-sort button[data-v-6a40703b] {
  padding: 0.4rem 0.95rem;
  border: 1px solid var(--vp-c-divider);
  background: transparent;
  border-radius: 6px;
  cursor: pointer;
  font-size: 0.85rem;
  color: var(--vp-c-text-2);
  transition: all 0.2s;
}
.fishpond-sort button[data-v-6a40703b]:hover {
  border-color: #667eea;
  color: #667eea;
}
.fishpond-sort button.active[data-v-6a40703b] {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  border-color: transparent;
  box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}

/* ============ 文章列表 ============ */
.fishpond-list[data-v-6a40703b] {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.fishpond-item[data-v-6a40703b] {
  background: var(--vp-c-bg-soft);
  border: 1px solid var(--vp-c-divider);
  border-radius: 10px;
  transition: all 0.25s ease;
  position: relative;
  overflow: hidden;
}
.fishpond-item[data-v-6a40703b]::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: linear-gradient(180deg, #667eea 0%, #764ba2 100%);
  opacity: 0;
  transition: opacity 0.25s;
}
.fishpond-item[data-v-6a40703b]:hover {
  border-color: rgba(102, 126, 234, 0.4);
  transform: translateX(4px);
  box-shadow: 0 4px 14px rgba(102, 126, 234, 0.12);
}
.fishpond-item[data-v-6a40703b]:hover::before {
  opacity: 1;
}
.fishpond-link[data-v-6a40703b] {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 0.85rem 1rem;
  text-decoration: none;
  color: var(--vp-c-text-1);
  width: 100%;
  box-sizing: border-box;
}
.fishpond-rank[data-v-6a40703b] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #667eea;
  background: rgba(102, 126, 234, 0.1);
  padding: 0.2rem 0.45rem;
  border-radius: 4px;
  flex-shrink: 0;
  min-width: 38px;
  text-align: center;
  font-family: 'SF Mono', Monaco, Consolas, monospace;
}
.fishpond-content[data-v-6a40703b] {
  flex: 1 1 0;
  min-width: 0;
  overflow: hidden;
}
.fishpond-title[data-v-6a40703b] {
  font-size: 0.95rem;
  font-weight: 600;
  margin-bottom: 0.3rem;
  color: var(--vp-c-text-1);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.4;
  transition: color 0.2s;
}
.fishpond-item:hover .fishpond-title[data-v-6a40703b] {
  color: #667eea;
}
.fishpond-meta[data-v-6a40703b] {
  display: flex;
  gap: 0.9rem;
  font-size: 0.8rem;
  color: var(--vp-c-text-2);
  line-height: 1.4;
}
.fishpond-author[data-v-6a40703b],
.fishpond-date[data-v-6a40703b] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  flex-shrink: 0;
}
.author-icon[data-v-6a40703b],
.date-icon[data-v-6a40703b] {
  font-size: 0.85rem;
}
.fishpond-arrow[data-v-6a40703b] {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 0.3rem;
  color: var(--vp-c-text-3);
  font-size: 0.85rem;
  transition: all 0.25s;
}
.arrow-text[data-v-6a40703b] {
  opacity: 0;
  transition: opacity 0.25s;
}
.arrow-icon[data-v-6a40703b] {
  font-size: 1.1rem;
  line-height: 1;
  font-family: Arial, Helvetica, sans-serif;
}
.fishpond-item:hover .fishpond-arrow[data-v-6a40703b] {
  color: #667eea;
}
.fishpond-item:hover .arrow-text[data-v-6a40703b] {
  opacity: 1;
}
.fishpond-empty[data-v-6a40703b] {
  text-align: center;
  padding: 2.5rem 1rem;
  color: var(--vp-c-text-2);
  background: var(--vp-c-bg-soft);
  border-radius: 10px;
  border: 1px dashed var(--vp-c-divider);
  font-size: 0.95rem;
}

/* ====================================================== */
/* ============ 容器 & 全局基础 ============ */
/* ====================================================== */
.hot-container[data-v-c14f6b26] {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 12px 48px;
  min-width: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* ====================================================== */
/* ============ Banner ============ */
/* ====================================================== */
.hot-banner[data-v-c14f6b26] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 28px;
  margin-bottom: 24px;
  background: var(--vp-c-bg-soft);
  border: 1px solid var(--vp-c-divider);
  border-radius: 16px;
  gap: 16px;
}
.hot-banner-left[data-v-c14f6b26] { flex: 1; min-width: 0;
}
.hot-banner-title[data-v-c14f6b26] {
  font-size: 1.5rem;
  font-weight: 800;
  margin: 0 0 2px;
  color: var(--vp-c-text-1);
  letter-spacing: -0.02em;
  line-height: 1.2;
}
.hot-banner-sub[data-v-c14f6b26] {
  font-size: 0.8125rem;
  color: var(--vp-c-text-3);
  margin: 0;
  letter-spacing: 0.02em;
}
.hot-banner-right[data-v-c14f6b26] {
  display: flex;
  align-items: baseline;
  gap: 6px;
  flex-shrink: 0;
}
.hot-banner-num[data-v-c14f6b26] {
  font-size: 2.25rem;
  font-weight: 800;
  background: linear-gradient(135deg, #ff4757, #ff6b6b);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  line-height: 1;
  letter-spacing: -0.03em;
}
.hot-banner-label[data-v-c14f6b26] {
  font-size: 0.875rem;
  color: var(--vp-c-text-3);
  font-weight: 500;
}

/* ====================================================== */
/* ============ 4 列网格 ============ */
/* ====================================================== */
.hot-all-grid[data-v-c14f6b26] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  min-width: 0;
}

/* ====================================================== */
/* ============ 平台卡片 ============ */
/* ====================================================== */
.hot-platform-card[data-v-c14f6b26] {
  background: var(--vp-c-bg-soft);
  border: 1px solid var(--vp-c-divider);
  border-radius: 14px;
  overflow: hidden;
  min-width: 0;
  display: flex;
  flex-direction: column;
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}
.hot-platform-card[data-v-c14f6b26]:hover {
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.10);
  transform: translateY(-2px);
}

/* 平台头部 */
.hot-platform-card-header[data-v-c14f6b26] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 11px 14px 9px;
  background: var(--vp-c-bg);
  min-width: 0;
}
.hot-platform-card-logo[data-v-c14f6b26] {
  width: 28px;
  height: 28px;
  object-fit: contain;
  border-radius: 6px;
  flex-shrink: 0;
}
.hot-platform-card-name[data-v-c14f6b26] {
  flex: 1 1 auto;
  min-width: 0;
  font-size: 1rem;
  font-weight: 700;
  color: var(--vp-c-text-1);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.hot-platform-card-count[data-v-c14f6b26] {
  flex-shrink: 0;
  font-size: 0.6875rem;
  font-weight: 600;
  color: var(--vp-c-text-3);
  background: var(--vp-c-bg-soft);
  border: 1px solid var(--vp-c-divider);
  border-radius: 6px;
  padding: 1px 7px;
  white-space: nowrap;
}
.hot-platform-card-count[data-v-c14f6b26] {
  flex-shrink: 0;
  font-size: 0.6875rem;
  font-weight: 600;
  color: var(--vp-c-text-3);
  background: var(--vp-c-bg-soft);
  border: 1px solid var(--vp-c-divider);
  border-radius: 6px;
  padding: 1px 6px;
  white-space: nowrap;
}

/* ====================================================== */
/* ============ 列表项 ============ */
/* ====================================================== */
.hot-list[data-v-c14f6b26] {
  padding: 6px 0;
  min-width: 0;
  flex: 1;
}
.hot-item[data-v-c14f6b26] {
  display: flex !important;
  align-items: center;
  gap: 10px;
  padding: 9px 16px;
  text-decoration: none;
  color: var(--vp-c-text-1);
  font-size: 0.875rem;
  transition: background 0.15s, padding-left 0.15s;
  min-width: 0;
  border-bottom: 1px solid transparent;
}
.hot-item[data-v-c14f6b26]:last-child { border-bottom: none;
}
.hot-item[data-v-c14f6b26]:hover {
  background: var(--vp-c-bg);
  padding-left: 20px;
}
.hot-item:hover .hot-item-title[data-v-c14f6b26] {
  color: var(--accent, var(--vp-c-brand-1));
}

/* 排名 */
.hot-item-rank[data-v-c14f6b26] {
  display: inline-block !important;
  flex-shrink: 0;
  width: 20px;
  font-size: 0.8125rem;
  font-weight: 700;
  color: var(--vp-c-text-3);
  text-align: center;
  font-family: 'JetBrains Mono', 'Consolas', monospace;
  letter-spacing: -0.02em;
}
.hot-item-rank.rank-top-1[data-v-c14f6b26] { color: #e74c3c;
}
.hot-item-rank.rank-top-2[data-v-c14f6b26] { color: #e67e22;
}
.hot-item-rank.rank-top-3[data-v-c14f6b26] { color: #f39c12;
}

/* 标题 */
.hot-item-title[data-v-c14f6b26] {
  flex: 1 1 auto;
  min-width: 0;
  font-size: 0.875rem;
  color: var(--vp-c-text-1);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.4;
  transition: color 0.15s;
}

/* 热度徽章 */
.hot-item-hot[data-v-c14f6b26] {
  flex-shrink: 0;
  display: inline-block;
  padding: 2px 7px;
  font-size: 0.75rem;
  font-weight: 700;
  border-radius: 5px;
  font-family: 'JetBrains Mono', 'Consolas', monospace;
  white-space: nowrap;
  line-height: 1.4;
  letter-spacing: -0.02em;
  border: 1px solid transparent;
}
.hot-item-hot.hot-mega[data-v-c14f6b26] {
  color: #c0392b;
  background: rgba(231, 76, 60, 0.10);
  border-color: rgba(231, 76, 60, 0.25);
}
.hot-item-hot.hot-high[data-v-c14f6b26] {
  color: #a05e00;
  background: rgba(230, 126, 34, 0.10);
  border-color: rgba(230, 126, 34, 0.25);
}
.hot-item-hot.hot-mid[data-v-c14f6b26] {
  color: #8a6400;
  background: rgba(243, 156, 18, 0.08);
  border-color: rgba(243, 156, 18, 0.20);
}
.hot-item-hot.hot-low[data-v-c14f6b26] {
  color: var(--vp-c-text-3);
  background: var(--vp-c-bg-soft);
  border-color: var(--vp-c-divider);
}

/* ====================================================== */
/* ============ 底部 ============ */
/* ====================================================== */
.hot-footer[data-v-c14f6b26] {
  margin-top: 32px;
  padding: 20px 0 0;
  text-align: center;
  border-top: 1px solid var(--vp-c-divider);
  font-size: 0.8125rem;
  color: var(--vp-c-text-3);
}
.hot-footer p[data-v-c14f6b26] { margin: 0;
}

/* ====================================================== */
/* ============ 加载 / 空状态 ============ */
/* ====================================================== */
.hot-loading[data-v-c14f6b26] {
  padding: 72px 0;
  text-align: center;
  color: var(--vp-c-text-2);
}
.hot-spinner[data-v-c14f6b26] {
  width: 36px;
  height: 36px;
  margin: 0 auto 14px;
  border: 3px solid var(--vp-c-divider);
  border-top-color: var(--vp-c-brand-1);
  border-radius: 50%;
  animation: hot-spin-c14f6b26 0.8s linear infinite;
}
@keyframes hot-spin-c14f6b26 {
to { transform: rotate(360deg);
}
}
.hot-empty[data-v-c14f6b26] {
  padding: 72px 0;
  text-align: center;
  color: var(--vp-c-text-2);
}
.hot-error[data-v-c14f6b26] {
  margin-top: 10px;
  font-size: 0.8125rem;
  color: #c0392b;
  font-family: 'JetBrains Mono', monospace;
  word-break: break-all;
}

/* ====================================================== */
/* ============ 响应式 ============ */
/* ====================================================== */
@media (max-width: 900px) {
.hot-all-grid[data-v-c14f6b26] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px;
}
}
@media (max-width: 768px) {
.hot-container[data-v-c14f6b26] { padding: 0 12px 32px;
}
.hot-banner[data-v-c14f6b26] { padding: 16px 18px; border-radius: 12px;
}
.hot-banner-title[data-v-c14f6b26] { font-size: 1.25rem;
}
.hot-banner-num[data-v-c14f6b26] { font-size: 1.75rem;
}
.hot-item[data-v-c14f6b26] { padding: 6px 12px; font-size: 0.75rem; gap: 6px;
}
.hot-item-title[data-v-c14f6b26] { font-size: 0.75rem;
}
.hot-item-rank[data-v-c14f6b26] { width: 16px; font-size: 0.6875rem;
}
.hot-item-hot[data-v-c14f6b26] { font-size: 0.625rem; padding: 1px 5px;
}
.hot-platform-card-header[data-v-c14f6b26] { padding: 9px 12px;
}
.hot-platform-card-name[data-v-c14f6b26] { font-size: 0.8125rem;
}
.hot-platform-card-logo[data-v-c14f6b26] { width: 18px; height: 18px;
}
.hot-platform-card-count[data-v-c14f6b26] { font-size: 0.625rem;
}
}
@media (max-width: 480px) {
.hot-container[data-v-c14f6b26] { padding: 0 8px 24px;
}
.hot-all-grid[data-v-c14f6b26] { grid-template-columns: minmax(0, 1fr); gap: 10px;
}
.hot-banner[data-v-c14f6b26] { padding: 14px 16px;
}
.hot-banner-num[data-v-c14f6b26] { font-size: 1.5rem;
}
.hot-banner-title[data-v-c14f6b26] { font-size: 1.125rem;
}
.hot-footer[data-v-c14f6b26] { margin-top: 24px; font-size: 0.75rem;
}
}
.link-list .link-type-list[data-v-59fb7f01] {
  margin-top: 2rem;
}
.link-list .link-type-list .title[data-v-59fb7f01] {
  margin-left: 6px;
  margin-bottom: 1.6rem;
}
.link-list .link-type-list .title .name[data-v-59fb7f01] {
  border-bottom: none;
  margin-bottom: 4px;
}
.link-list .link-type-list .title .name .name-count[data-v-59fb7f01] {
  color: var(--main-font-second-color);
}
.link-list .link-type-list .title .tip[data-v-59fb7f01] {
  color: var(--main-font-second-color);
}
.link-list .link-type-list .all-link[data-v-59fb7f01] {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(5, 1fr);
}
.link-list .link-type-list .all-link .link-card[data-v-59fb7f01] {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 90px;
  width: 100%;
  padding: 12px;
}
.link-list .link-type-list .all-link .link-card.loss[data-v-59fb7f01] {
  pointer-events: none;
}
.link-list .link-type-list .all-link .link-card .cover[data-v-59fb7f01] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  min-width: 60px;
  margin-right: 20px;
  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-59fb7f01] {
  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-59fb7f01] {
  opacity: 1;
  filter: blur(0);
}
.link-list .link-type-list .all-link .link-card .data[data-v-59fb7f01] {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.link-list .link-type-list .all-link .link-card .data .name[data-v-59fb7f01] {
  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;
}
.link-list .link-type-list .all-link .link-card .data .desc[data-v-59fb7f01] {
  font-size: 15px;
  margin-top: 4px;
  line-height: 1.2;
  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-v-59fb7f01]: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 .cover[data-v-59fb7f01] {
  margin-right: 6px;
  min-width: 0;
  opacity: 0;
  width: 0;
  height: 0;
}
.link-list .link-type-list .all-link .link-card:hover .data .desc[data-v-59fb7f01] {
  opacity: 0.7;
  color: var(--main-card-background);
}
@media (max-width: 1200px) {
.link-list .link-type-list .all-link[data-v-59fb7f01] {
    grid-template-columns: repeat(4, 1fr);
}
}
@media (max-width: 992px) {
.link-list .link-type-list .all-link[data-v-59fb7f01] {
    grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 768px) {
.link-list .link-type-list .all-link[data-v-59fb7f01] {
    grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 576px) {
.link-list .link-type-list .all-link[data-v-59fb7f01] {
    grid-template-columns: 1fr;
}
}
.no-data[data-v-59fb7f01] {
  text-align: center;
  margin-top: 40px;
  font-size: 1.4rem;
  font-weight: bold;
}.link[data-v-a0da6fdf] {
  margin-bottom: 4rem;
}
.link .banner-page[data-v-a0da6fdf] {
  min-height: auto;
}
.link .banner-page .menu[data-v-a0da6fdf] {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  margin-bottom: auto;
}
.link .banner-page .menu .menu-item[data-v-a0da6fdf] {
  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-a0da6fdf] {
  font-size: 18px;
  margin-right: 8px;
  transition: color 0.3s;
}
.link .banner-page .menu .menu-item.random[data-v-a0da6fdf] {
  color: var(--main-color);
}
.link .banner-page .menu .menu-item.random .iconfont[data-v-a0da6fdf] {
  color: var(--main-color);
}
.link .banner-page .menu .menu-item.add[data-v-a0da6fdf] {
  color: var(--main-card-second-background);
  background-color: var(--main-font-color);
}
.link .banner-page .menu .menu-item.add .iconfont[data-v-a0da6fdf] {
  font-size: 22px;
  margin-right: 6px;
  color: var(--main-card-second-background);
}
.link .banner-page .menu .menu-item[data-v-a0da6fdf]:last-child {
  margin-left: 20px;
}
.link .banner-page .menu .menu-item[data-v-a0da6fdf]: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-a0da6fdf] {
  color: #fff;
}
.link .banner-page .link-group[data-v-a0da6fdf] {
  position: absolute;
  left: 0;
  top: 140px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  overflow: hidden;
}
.link .banner-page .link-group .link-group-item[data-v-a0da6fdf] {
  display: flex;
  flex-direction: column;
}
.link .banner-page .link-group .link-group-item .link-logo[data-v-a0da6fdf] {
  margin-right: 1.2rem;
}
.link .banner-page .link-group .link-group-item .link-logo .link-logo-img[data-v-a0da6fdf] {
  width: 120px;
  height: 120px;
  min-width: 120px;
  border-radius: 50%;
  overflow: hidden;
}
.link .banner-page .link-group .link-group-item .link-logo[data-v-a0da6fdf]:nth-of-type(2n) {
  margin-top: 1.2rem;
  transform: translate(-60px);
}
@media (max-width: 800px) {
.link .banner-page[data-v-a0da6fdf] {
    min-height: auto;
}
.link .banner-page .menu[data-v-a0da6fdf],
  .link .banner-page .link-group[data-v-a0da6fdf] {
    display: none;
}
}
.project[data-v-85c4ed95] {
  /* ============ 紧凑 banner ============ */
}
.project .proj-banner[data-v-85c4ed95] {
  position: relative;
  width: 100%;
  padding: 1.3rem 1.8rem;
  border-radius: 14px;
  margin: 1rem 0 2rem;
  background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
  border: 1px solid rgba(102, 126, 234, 0.15);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}
.project .proj-banner-left[data-v-85c4ed95] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  min-width: 0;
}
.project .proj-banner-title[data-v-85c4ed95] {
  margin: 0 0 0.25rem;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 1px;
  color: #3d4451;
}
.project .proj-banner-sub[data-v-85c4ed95] {
  margin: 0;
  font-size: 0.9rem;
  color: #6b7280;
}
.project .proj-banner-btn[data-v-85c4ed95] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 18px;
  border-radius: 50px;
  background: rgba(102, 126, 234, 0.12);
  color: #667eea;
  text-decoration: none;
  font-size: 0.85rem;
  font-weight: 600;
  border: 1px solid rgba(102, 126, 234, 0.25);
  transition: all 0.2s;
  flex-shrink: 0;
}
.project .proj-banner-btn[data-v-85c4ed95]:hover {
  background: rgba(102, 126, 234, 0.2);
  transform: translateY(-1px);
}
.project .proj-banner-btn .iconfont[data-v-85c4ed95] {
  font-size: 1rem;
}
@media (max-width: 600px) {
.project .proj-banner[data-v-85c4ed95] {
    padding: 1rem 1.2rem;
    flex-direction: column;
    align-items: flex-start;
}
.project .proj-banner-btn[data-v-85c4ed95] {
    margin-top: 0.5rem;
}
}
.project[data-v-85c4ed95] {
  /* ============ 主体内容 ============ */
}
.project .proj-wrap[data-v-85c4ed95] {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: 1.5rem 1rem 3rem;
  box-sizing: border-box;
}
.project .proj-intro[data-v-85c4ed95] {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 1.2rem 1.4rem;
  margin-bottom: 1.8rem;
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(102, 126, 234, 0.08), rgba(118, 75, 162, 0.08));
  border: 1px solid rgba(102, 126, 234, 0.15);
}
.project .proj-intro p[data-v-85c4ed95] {
  margin: 0;
  font-size: 0.95rem;
  line-height: 1.7;
  color: var(--main-font-color, #666);
}
.project .proj-intro .proj-intro-icon[data-v-85c4ed95] {
  font-size: 1.6rem;
  line-height: 1.4;
}
.project .proj-grid[data-v-85c4ed95] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 1.2rem;
}
.project .proj-card[data-v-85c4ed95] {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 1.4rem 1.4rem 1.2rem;
  border-radius: 16px;
  background: var(--main-card-background, #fff);
  border: 1px solid var(--main-card-border, rgba(0, 0, 0, 0.06));
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.project .proj-card[data-v-85c4ed95]:hover {
  transform: translateX(6px);
  box-shadow: 0 6px 24px rgba(102, 126, 234, 0.18);
}
.project .proj-bar[data-v-85c4ed95] {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: linear-gradient(180deg, #667eea, #764ba2);
  opacity: 0;
  transition: opacity 0.3s ease;
}
.proj-card:hover .project .proj-bar[data-v-85c4ed95] {
  opacity: 1;
}
.project .proj-icon[data-v-85c4ed95] {
  font-size: 2rem;
  margin-bottom: 0.6rem;
}
.project .proj-head[data-v-85c4ed95] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 0.5rem;
}
.project .proj-name[data-v-85c4ed95] {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--main-font-color, #222);
}
.project .proj-status[data-v-85c4ed95] {
  flex-shrink: 0;
  font-size: 0.72rem;
  padding: 2px 8px;
  border-radius: 20px;
  font-weight: 600;
}
.project .proj-status.st-live[data-v-85c4ed95] {
  color: #1a7f37;
  background: rgba(26, 127, 55, 0.12);
}
.project .proj-status.st-dev[data-v-85c4ed95] {
  color: #667eea;
  background: rgba(102, 126, 234, 0.12);
}
.project .proj-status.st-maint[data-v-85c4ed95] {
  color: #b26a00;
  background: rgba(178, 106, 0, 0.12);
}
.project .proj-status.st-oss[data-v-85c4ed95] {
  color: #764ba2;
  background: rgba(118, 75, 162, 0.12);
}
.project .proj-desc[data-v-85c4ed95] {
  margin: 0 0 0.8rem;
  font-size: 0.88rem;
  line-height: 1.65;
  color: var(--main-font-second-color, #888);
}
.project .proj-tags[data-v-85c4ed95] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 0.9rem;
}
.project .proj-tag[data-v-85c4ed95] {
  font-size: 0.72rem;
  padding: 2px 9px;
  border-radius: 20px;
  color: #667eea;
  background: rgba(102, 126, 234, 0.1);
}
.project .proj-links[data-v-85c4ed95] {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: auto;
}
.project .proj-link[data-v-85c4ed95] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 0.82rem;
  font-weight: 600;
  color: #667eea;
  text-decoration: none;
  padding: 4px 0;
  transition: color 0.2s, gap 0.2s;
}
.project .proj-link[data-v-85c4ed95]:hover {
  color: #764ba2;
  gap: 8px;
}
.project .proj-link .proj-arrow[data-v-85c4ed95] {
  transition: transform 0.2s;
}
.project .proj-link:hover .proj-arrow[data-v-85c4ed95] {
  transform: translateX(3px);
}
.project .proj-cta[data-v-85c4ed95] {
  margin-top: 2.5rem;
  text-align: center;
  font-size: 0.9rem;
  color: var(--main-font-second-color, #888);
}
.project .proj-cta a[data-v-85c4ed95] {
  color: #667eea;
  text-decoration: none;
}
.project .proj-cta a[data-v-85c4ed95]:hover {
  color: #764ba2;
}
.project[data-v-85c4ed95] {
  /* ============ 移动端适配 ============ */
}
@media (max-width: 720px) {
.project .proj-wrap[data-v-85c4ed95] {
    padding: 0.6rem 0.6rem 3rem;
}
.project .proj-intro[data-v-85c4ed95] {
    padding: 1rem;
    font-size: 0.9rem;
}
.project .proj-grid[data-v-85c4ed95] {
    grid-template-columns: 1fr;
}
.project .proj-card[data-v-85c4ed95] {
    padding: 1rem;
}
.project .proj-head[data-v-85c4ed95] {
    flex-direction: column;
    align-items: flex-start;
}
.project .proj-links[data-v-85c4ed95] {
    flex-direction: column;
    gap: 6px;
}
}
.techshare-container[data-v-9d5ba6f9] {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  padding: 1rem 0.5rem 3rem;
  box-sizing: border-box;
}

/* ===== 紧凑 banner ===== */
.ts-banner[data-v-9d5ba6f9] {
  position: relative;
  width: 100%;
  padding: 1.3rem 1.8rem;
  border-radius: 14px;
  margin-bottom: 2rem;
  background: linear-gradient(135deg, rgba(102, 126, 234, 0.10) 0%, rgba(118, 75, 162, 0.10) 100%);
  border: 1px solid rgba(102, 126, 234, 0.15);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}
.ts-banner-left[data-v-9d5ba6f9] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  min-width: 0;
}
.ts-banner-title[data-v-9d5ba6f9] {
  margin: 0 0 0.25rem;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 1px;
  color: #3d4451;
}
.ts-banner-sub[data-v-9d5ba6f9] {
  margin: 0;
  font-size: 0.88rem;
  color: #6b7280;
}
.ts-banner-right[data-v-9d5ba6f9] {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  text-align: right;
  flex-shrink: 0;
}
.ts-banner-num[data-v-9d5ba6f9] {
  font-size: 1.6rem;
  font-weight: 700;
  color: #667eea;
  line-height: 1.1;
}
.ts-banner-label[data-v-9d5ba6f9] {
  font-size: 0.8rem;
  color: #8b95a7;
}
@media (max-width: 600px) {
.ts-banner[data-v-9d5ba6f9] {
    padding: 1rem 1.2rem;
    flex-direction: column;
    align-items: flex-start;
}
.ts-banner-right[data-v-9d5ba6f9] {
    align-items: flex-start;
    text-align: left;
}
}

/* ===== 数据看板 ===== */
.ts-stats[data-v-9d5ba6f9] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.8rem;
  margin-bottom: 2.5rem;
}
.ts-stat[data-v-9d5ba6f9] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1.2rem 0.5rem;
  background: var(--vp-c-bg-soft);
  border: 1px solid var(--vp-c-divider);
  border-radius: 12px;
  transition: all 0.2s;
}
.ts-stat[data-v-9d5ba6f9]:hover {
  border-color: rgba(102, 126, 234, 0.4);
  transform: translateY(-2px);
}
.ts-stat-num[data-v-9d5ba6f9] {
  font-size: 1.8rem;
  font-weight: 800;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  line-height: 1.2;
}
.ts-stat-label[data-v-9d5ba6f9] {
  font-size: 0.8rem;
  color: var(--vp-c-text-2);
  margin-top: 0.3rem;
}

/* ===== 区块标题 ===== */
.ts-section[data-v-9d5ba6f9] {
  margin-bottom: 2.5rem;
}
.ts-section-title[data-v-9d5ba6f9] {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  font-size: 1.3rem;
  font-weight: 700;
  margin: 0 0 1.2rem;
  color: var(--vp-c-text-1);
}
.ts-section-bar[data-v-9d5ba6f9] {
  width: 4px;
  height: 1.3rem;
  border-radius: 2px;
  background: linear-gradient(180deg, #667eea 0%, #764ba2 100%);
}

/* ===== 标签云 ===== */
.ts-tagcloud[data-v-9d5ba6f9] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  align-items: center;
  padding: 1.2rem;
  background: var(--vp-c-bg-soft);
  border: 1px solid var(--vp-c-divider);
  border-radius: 12px;
}
.ts-tag[data-v-9d5ba6f9] {
  display: inline-flex;
  align-items: baseline;
  gap: 0.2rem;
  text-decoration: none;
  color: var(--vp-c-text-2);
  padding: 0.3rem 0.7rem;
  border-radius: 8px;
  transition: all 0.2s;
  background: rgba(102, 126, 234, 0.05);
}
.ts-tag[data-v-9d5ba6f9]:hover {
  color: #667eea;
  background: rgba(102, 126, 234, 0.12);
  transform: translateY(-2px);
}
.ts-tag-hot[data-v-9d5ba6f9] {
  color: #764ba2;
  font-weight: 600;
}
.ts-tag-count[data-v-9d5ba6f9] {
  font-size: 0.65em;
  color: var(--vp-c-text-3);
}

/* ===== 文章卡片 ===== */
.ts-list[data-v-9d5ba6f9] {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
.ts-card[data-v-9d5ba6f9] {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1.1rem 1.2rem;
  background: var(--vp-c-bg-soft);
  border: 1px solid var(--vp-c-divider);
  border-radius: 12px;
  text-decoration: none;
  color: var(--vp-c-text-1);
  transition: all 0.25s;
  position: relative;
  overflow: hidden;
}
.ts-card[data-v-9d5ba6f9]::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: linear-gradient(180deg, #667eea 0%, #764ba2 100%);
  opacity: 0;
  transition: opacity 0.25s;
}
.ts-card[data-v-9d5ba6f9]:hover {
  border-color: rgba(102, 126, 234, 0.4);
  transform: translateX(4px);
  box-shadow: 0 4px 14px rgba(102, 126, 234, 0.12);
}
.ts-card[data-v-9d5ba6f9]:hover::before {
  opacity: 1;
}
.ts-card-index[data-v-9d5ba6f9] {
  font-size: 1.4rem;
  font-weight: 800;
  color: rgba(102, 126, 234, 0.25);
  font-family: 'SF Mono', Monaco, Consolas, monospace;
  flex-shrink: 0;
  min-width: 2.2rem;
  text-align: center;
}
.ts-card-body[data-v-9d5ba6f9] {
  flex: 1 1 0;
  min-width: 0;
}
.ts-card-title[data-v-9d5ba6f9] {
  font-size: 1.05rem;
  font-weight: 700;
  margin-bottom: 0.35rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: color 0.2s;
}
.ts-card:hover .ts-card-title[data-v-9d5ba6f9] {
  color: #667eea;
}
.ts-card-desc[data-v-9d5ba6f9] {
  font-size: 0.88rem;
  color: var(--vp-c-text-2);
  margin-bottom: 0.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ts-card-meta[data-v-9d5ba6f9] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  font-size: 0.78rem;
  color: var(--vp-c-text-2);
}
.ts-card-tag[data-v-9d5ba6f9] {
  color: #764ba2;
  background: rgba(118, 75, 162, 0.08);
  padding: 0.1rem 0.45rem;
  border-radius: 4px;
}
.ts-card-arrow[data-v-9d5ba6f9] {
  flex-shrink: 0;
  font-size: 1.3rem;
  color: var(--vp-c-text-3);
  transition: all 0.25s;
  font-family: Arial, Helvetica, sans-serif;
}
.ts-card:hover .ts-card-arrow[data-v-9d5ba6f9] {
  color: #667eea;
  transform: translateX(3px);
}
.ts-empty[data-v-9d5ba6f9] {
  text-align: center;
  padding: 2.5rem;
  color: var(--vp-c-text-2);
  background: var(--vp-c-bg-soft);
  border-radius: 12px;
  border: 1px dashed var(--vp-c-divider);
}

/* ===== 移动端全局适配 ===== */
@media (max-width: 720px) {
.techshare-container[data-v-9d5ba6f9] {
    padding: 0.6rem 0.6rem 3rem;
}
.ts-stats[data-v-9d5ba6f9] {
    grid-template-columns: repeat(2, 1fr);
}
.ts-card[data-v-9d5ba6f9] {
    flex-direction: column;
    align-items: flex-start;
    padding: 0.9rem 1rem;
    gap: 0.5rem;
}
.ts-card-index[data-v-9d5ba6f9] {
    font-size: 1.1rem;
}
.ts-card-arrow[data-v-9d5ba6f9] {
    display: none;
}
.ts-tagcloud[data-v-9d5ba6f9] {
    padding: 0.8rem;
    gap: 0.4rem;
}
.ts-tag[data-v-9d5ba6f9] {
    font-size: 0.82rem !important;
    padding: 0.25rem 0.6rem;
}
}
.reward-panel[data-v-d00ba9f9] {
  margin: 1.5rem 0;
  padding: 1.6rem 1.2rem;
  border-radius: 14px;
  background-color: var(--main-card-background, #fff);
  border: 1px solid var(--main-card-border, #ececec);
  text-align: center;
}
.reward-panel .rp-title[data-v-d00ba9f9] {
  font-size: 1.3rem;
  font-weight: bold;
  color: var(--main-color, #409eff);
}
.reward-panel .rp-title .iconfont[data-v-d00ba9f9] {
  margin-right: 6px;
}
.reward-panel .rp-sub[data-v-d00ba9f9] {
  opacity: 0.7;
  margin: 0.4rem 0 1.4rem;
  font-size: 0.95rem;
}
.reward-panel .rp-qr[data-v-d00ba9f9] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.4rem;
  max-width: 340px;
  margin: 0 auto;
}
@media (min-width: 460px) {
.reward-panel .rp-qr[data-v-d00ba9f9] {
    grid-template-columns: 1fr 1fr;
}
}
.reward-panel .rp-item[data-v-d00ba9f9] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.reward-panel .rp-img-wrap[data-v-d00ba9f9] {
  width: 150px;
  height: 150px;
  border-radius: 12px;
  overflow: hidden;
  background-color: var(--main-card-second-background, #f6f6f6);
}
.reward-panel .rp-img-wrap img[data-v-d00ba9f9] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.reward-panel .rp-placeholder[data-v-d00ba9f9] {
  width: 150px;
  height: 150px;
  border: 2px dashed var(--main-color, #409eff);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: var(--main-color, #409eff);
  opacity: 0.6;
}
.reward-panel .rp-placeholder .iconfont[data-v-d00ba9f9] {
  font-size: 2.2rem;
  margin-bottom: 0.5rem;
}
.reward-panel .rp-placeholder span[data-v-d00ba9f9] {
  font-size: 0.8rem;
}
.reward-panel .rp-label[data-v-d00ba9f9] {
  margin-top: 0.6rem;
  font-weight: bold;
}
.reward-panel .rp-label .iconfont[data-v-d00ba9f9] {
  margin-right: 4px;
}