body.single-post .wp-block-post-content img.liuyt-lightbox-item,
body.home .blog-layout-full .wp-block-post-content img.liuyt-lightbox-item,
body.blog .blog-layout-full .wp-block-post-content img.liuyt-lightbox-item {
  cursor: zoom-in;
  transition:
    filter 180ms ease,
    opacity 180ms ease,
    transform 220ms cubic-bezier(0.22, 1, 0.36, 1);
}

body.single-post .wp-block-post-content img.liuyt-lightbox-item:focus-visible,
body.home .blog-layout-full .wp-block-post-content img.liuyt-lightbox-item:focus-visible,
body.blog .blog-layout-full .wp-block-post-content img.liuyt-lightbox-item:focus-visible {
  outline: 2px solid rgba(35, 35, 35, 0.55);
  outline-offset: 0.35rem;
}

@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  body.single-post .wp-block-post-content img.liuyt-lightbox-item:hover,
  body.home .blog-layout-full .wp-block-post-content img.liuyt-lightbox-item:hover,
  body.blog .blog-layout-full .wp-block-post-content img.liuyt-lightbox-item:hover {
    filter: brightness(0.96) saturate(1.02);
    transform: scale(1.006);
  }
}

.liuyt-pswp {
  --pswp-bg: rgb(16 16 16 / 94%);
  --pswp-icon-color: #ffffff;
  --pswp-icon-color-secondary: #1f1f1f;
  --pswp-icon-stroke-color: rgb(0 0 0 / 42%);
  --pswp-root-z-index: 100000;
}

.liuyt-pswp .pswp__bg {
  backdrop-filter: blur(12px);
}

.liuyt-pswp .pswp__img {
  border-radius: 5px;
  box-shadow: 0 22px 70px rgb(0 0 0 / 34%);
}

.liuyt-pswp .pswp__top-bar {
  z-index: 10;
}

.liuyt-pswp .pswp__button {
  opacity: 0.88;
  touch-action: manipulation;
  transition:
    opacity 180ms ease,
    transform 220ms cubic-bezier(0.22, 1, 0.36, 1);
}

.liuyt-pswp .pswp__button:hover {
  opacity: 1;
  transform: translateY(-1px);
}

.liuyt-pswp .pswp__button:focus-visible {
  outline: 2px solid rgb(255 255 255 / 78%);
  outline-offset: -4px;
}

.liuyt-pswp-caption {
  position: absolute;
  right: max(1rem, env(safe-area-inset-right));
  bottom: max(1rem, env(safe-area-inset-bottom));
  left: max(1rem, env(safe-area-inset-left));
  z-index: 1;
  max-width: min(720px, calc(100vw - 2rem));
  margin: 0 auto;
  color: rgb(255 255 255 / 78%);
  font-family: var(--xiaoxiao-font-sans-zh, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif);
  font-size: 0.875rem;
  line-height: 1.55;
  text-align: center;
  text-wrap: pretty;
  pointer-events: none;
}

.liuyt-pswp-caption a {
  color: inherit;
  border-bottom: 1px solid currentColor;
  pointer-events: auto;
}

.liuyt-pswp-caption[hidden] {
  display: none;
}

@media (max-width: 700px) {
  .liuyt-pswp .pswp__img {
    border-radius: 3px;
  }

  .liuyt-pswp-caption {
    bottom: max(0.75rem, env(safe-area-inset-bottom));
    font-size: 0.8125rem;
    line-height: 1.45;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.single-post .wp-block-post-content img.liuyt-lightbox-item,
  body.home .blog-layout-full .wp-block-post-content img.liuyt-lightbox-item,
  body.blog .blog-layout-full .wp-block-post-content img.liuyt-lightbox-item,
  .liuyt-pswp .pswp__button {
    transition: none;
  }

  .liuyt-pswp .pswp__bg {
    backdrop-filter: none;
  }
}