@charset "UTF-8";
@layer solitude.settings, solitude.tokens, solitude.base, solitude.motion, solitude.layout, solitude.components, solitude.pages, solitude.shortcodes, solitude.integrations;

/* ns-hugo-vars:hugo:vars */
@layer solitude.settings {
  :root {
    --solitude-code-font-family:
      ui-monospace,
      SFMono-Regular,
      Menlo,
      monospace;
    --solitude-code-font-size: 16px;
    --solitude-font-family:
      system-ui,
      -apple-system,
      BlinkMacSystemFont,
      "Segoe UI",
      sans-serif;
    --solitude-font-size: 16px;
    --solitude-nav-hover-dark: #1b1c20;
    --solitude-nav-hover-light: #ffffff;
    --solitude-theme-dark: #2e7ddc;
    --solitude-theme-light: #0099ff;
  }
}

/* ns-hugo-imp:D:\桌面\hugoBlog\blog\themes\Solitude\assets\css\solitude\foundation\tokens.css */
@layer solitude.tokens {
  :root {
    color-scheme: light;
    --efu-white: #fff;
    --efu-white-op: rgba(255,255,255,0.2);
    --efu-black: #000;
    --efu-black-op: rgba(0,0,0,0.2);
    --efu-none: rgba(0,0,0,0);
    --efu-gray: #999;
    --efu-gray-op: rgba(153,153,153,0.169);
    --efu-cyan: #00bcd4;
    --efu-cyan-op: rgba(0,188,212,0.169);
    --efu-vip: #e5a80d;
    --efu-speed: #57bd6a;
    --efu-main: var(--efu-theme);
    --efu-main-op: var(--efu-theme-op);
    --efu-main-op-deep: var(--efu-theme-op-deep);
    --efu-main-op-light: var(--efu-theme-op-light);
    --efu-main-none: var(--efu-theme-none);
    --efu-shadow-theme: 0 8px 12px -3px var(--efu-theme-op);
    --efu-shadow-blackdeep: 0 2px 16px -3px rgba(0,0,0,0.15);
    --efu-shadow-main: 0 8px 12px -3px var(--efu-main-op);
    --efu-shadow-blue: 0 8px 12px -3px rgba(40,109,234,0.2);
    --efu-shadow-white: 0 8px 12px -3px rgba(255,255,255,0.2);
    --efu-shadow-black: 0 0 12px 4px rgba(0,0,0,0.05);
    --efu-shadow-yellow: 0px 38px 77px -26px rgba(255,201,62,0.12);
    --efu-shadow-red: 0 8px 12px -3px rgba(238,125,121,0.212);
    --efu-shadow-green: 0 8px 12px -3px rgba(135,238,121,0.212);
    --efu-logo-color:
      linear-gradient(
        215deg,
        #4584ff 0%,
        #cf0db9 100%);
    --efu-snackbar-time: 5s;
    --global-font-size: 14px;
    --global-bg: #fff;
    --hr-border: #97bcfb;
    --hr-before-color: #6ea2f9;
    --search-bg: #f6f8fa;
    --search-input-color: #4c4948;
    --search-result-title: #4c4948;
    --preloader-bg: #37474f;
    --preloader-color: #fff;
    --tab-border-color: #f0f0f0;
    --tab-botton-bg: #f0f0f0;
    --tab-botton-color: #1f2d3d;
    --tab-button-hover-bg: #dcdcdc;
    --tab-button-active-bg: #fff;
    --sidebar-bg: #f6f8fa;
    --btn-hover-color: #ff7242;
    --btn-color: #fff;
    --btn-bg: var(--efu-main);
    --text-bg-hover: #f6f8fa;
    --light-grey: #eee;
    --text-highlight-color: #1f2d3d;
    --blockquote-color: #6a737d;
    --blockquote-bg: rgba(73,177,245,0.1);
    --reward-pop: #f5f5f5;
    --toc-link-color: #666261;
    --card-box-shadow: 0 3px 8px 6px rgba(7,17,27,0.06);
    --card-hover-box-shadow: 0 3px 8px 6px rgba(7,17,27,0.15);
    --offset: 0px;
    --hlscrollbar-bg: #121212;
    --gap: 0.5rem;
    --radius: 12px;
    --efu-music: var(--efu-main);
    --efu-dock-width: 300px;
    --efu-dock-right: 60px;
    --efu-dock-bottom: 20px;
    --efu-space-1: 4px;
    --efu-space-2: 8px;
    --efu-space-3: 12px;
    --efu-space-4: 16px;
    --efu-space-5: 24px;
    --efu-space-6: 32px;
    --efu-radius-sm: 8px;
    --efu-radius-md: 12px;
    --efu-radius-lg: 14px;
    --efu-radius-pill: 999px;
    --efu-border-strong: color-mix(in srgb, var(--efu-card-border) 72%, var(--efu-fontcolor));
    --efu-focus-ring: 0 0 0 3px color-mix(in srgb, var(--efu-theme) 22%, transparent);
    --efu-motion-fast: 180ms cubic-bezier(0.2, 0.7, 0.2, 1);
    --efu-font-size: var(--solitude-font-size, 16px);
    --efu-code-font-size: var(--solitude-code-font-size, 16px);
    --efu-font-family: var(--solitude-font-family, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
    --efu-code-font-family: var(--solitude-code-font-family, ui-monospace, SFMono-Regular, Menlo, monospace);
  }
  [data-theme=dark] {
    color-scheme: dark;
    --efu-theme: var(--solitude-theme-dark, #ffc848);
    --efu-theme-op: color-mix(in srgb, var(--efu-theme) 14%, transparent);
    --efu-theme-op-deep: color-mix(in srgb, var(--efu-theme) 87%, transparent);
    --efu-theme-op-light: color-mix(in srgb, var(--efu-theme) 5%, transparent);
    --efu-theme-none: color-mix(in srgb, var(--efu-theme) 0%, transparent);
    --efu-nav-hover-text: var(--solitude-nav-hover-dark, #1b1c20);
    --efu-blue: #0084ff;
    --efu-red: #ff3842;
    --efu-pink: #d44040;
    --efu-green: #3e9f50;
    --efu-purple: #7a60d2;
    --efu-yellow: #ffc93e;
    --efu-yellow-op: rgba(255,201,62,0.188);
    --efu-orange: #ff953e;
    --efu-fontcolor: #f7f7fa;
    --efu-reverse: #fff;
    --efu-maskbg: rgba(0,0,0,0.6);
    --efu-maskbgdeep: rgba(0,0,0,0.85);
    --efu-hovertext: #0a84ff;
    --efu-ahoverbg: #fff;
    --efu-lighttext: var(--efu-theme);
    --efu-secondtext: #a1a2b8;
    --efu-scrollbar: rgba(200,200,223,0.4);
    --efu-card-btn-bg: #30343f;
    --efu-post-blockquote-bg: #000;
    --efu-post-tabs-bg: #121212;
    --efu-secondbg: #30343f;
    --efu-secondbg-bg: #21232a;
    --efu-shadow-nav: 0 5px 20px 0px rgba(28,28,28,0.4);
    --efu-card-bg: #1b1c20;
    --efu-card-bg-op: var(--efu-white-op);
    --efu-card-bg-none: rgba(29,27,38,0);
    --efu-shadow-lightblack: 0 5px 12px -5px rgba(102,68,68,0);
    --efu-shadow-light2black: 0 5px 12px -5px rgba(102,68,68,0);
    --efu-card-border: #3d3d3f;
    --efu-shadow-border: 0 8px 16px -4px rgba(0,0,0,0.314);
    --efu-shadow-glass: 0 5px 100px -5px rgba(0,0,0,0.55);
    --efu-shadow-glass-inset:
      rgba(255,255,255,0.9) 1.1px 2.2px 0.5px -1.8px inset,
      rgba(255,255,255,0.9) -1px -2.2px 0.5px -1.8px inset,
      rgba(0,0,0,0.1) 2px 3px 2px 0 inset;
    --style-border: 1px solid var(--efu-card-border);
    --style-border-always: 1px solid var(--efu-card-border);
    --style-border-hover: 1px solid var(--efu-theme);
    --style-border-hover-always: 1px solid var(--efu-theme);
    --style-border-dashed: 1px dashed var(--efu-theme-op);
    --style-border-forever: 2px solid var(--efu-lighttext);
    --efu-hl-bg: #1c1e1e;
    --efu-hltools-bg: #454a50;
    --efu-background: #18171d;
  }
  [data-theme=light] {
    color-scheme: light;
    --efu-theme: var(--solitude-theme-light, #425aef);
    --efu-theme-op: color-mix(in srgb, var(--efu-theme) 14%, transparent);
    --efu-theme-op-deep: color-mix(in srgb, var(--efu-theme) 87%, transparent);
    --efu-theme-op-light: color-mix(in srgb, var(--efu-theme) 5%, transparent);
    --efu-theme-none: color-mix(in srgb, var(--efu-theme) 0%, transparent);
    --efu-nav-hover-text: var(--solitude-nav-hover-light, #fff);
    --efu-blue: #425aef;
    --efu-red: #f04a63;
    --efu-pink: #ff7c7c;
    --efu-green: #57bd6a;
    --efu-yellow: #c28b00;
    --efu-yellow-op: rgba(217,156,0,0.102);
    --efu-orange: #e38100;
    --efu-purple: #7a60d2;
    --efu-fontcolor: #363636;
    --efu-reverse: #000;
    --efu-maskbg: rgba(255,255,255,0.6);
    --efu-maskbgdeep: rgba(255,255,255,0.85);
    --efu-hovertext: var(--efu-main);
    --efu-ahoverbg: #f7f7fa;
    --efu-lighttext: var(--efu-main);
    --efu-secondtext: rgba(60,60,67,0.8);
    --efu-scrollbar: rgba(60,60,67,0.4);
    --efu-card-btn-bg: #edf0f7;
    --efu-post-blockquote-bg: #fafcff;
    --efu-post-tabs-bg: #f2f5f8;
    --efu-secondbg: #f7f7f9;
    --efu-secondbg-bg: var(--efu-secondbg);
    --efu-shadow-nav: 0 5px 12px -5px rgba(102,68,68,0.05);
    --efu-card-bg: #fff;
    --efu-card-bg-op: var(--efu-black-op);
    --efu-card-bg-none: rgba(255,255,255,0);
    --efu-shadow-lightblack: 0 5px 12px -5px rgba(102,68,68,0);
    --efu-shadow-light2black: 0 5px 12px -5px rgba(102,68,68,0);
    --efu-card-border: #e3e8f7;
    --efu-shadow-border: 0 8px 16px -4px rgba(44,45,48,0.047);
    --efu-shadow-glass: 0 5px 100px -5px rgba(140,140,140,0.55);
    --efu-shadow-glass-inset: 0 1px 2px rgba(255,255,255,0.7) inset;
    --style-border: 1px solid var(--efu-card-border);
    --style-border-always: 1px solid var(--efu-card-border);
    --style-border-hover: 1px solid var(--efu-main);
    --style-border-hover-always: 1px solid var(--efu-main);
    --style-border-dashed: 1px dashed var(--efu-theme-op);
    --style-border-forever: 2px solid var(--efu-main);
    --efu-navbg: var(--efu-theme-op);
    --efu-hl-bg: #fff;
    --efu-hltools-bg: #e7e7e7;
    --efu-background: #f7f9fe;
  }
  @media screen and (max-width: 768px) {
    :root {
      --style-border: 0px solid var(--efu-none);
      --style-border-hover: 0px solid var(--efu-main);
    }
  }
}

/* ns-hugo-imp:D:\桌面\hugoBlog\blog\themes\Solitude\assets\css\solitude\foundation\base.css */
@layer solitude.base {
  .snackbar-container {
    transition: .5s;
    font-size: 14px;
    position: fixed;
    align-items: center;
    line-height: 22px;
    padding: 18px 24px;
    bottom: -100px;
    top: -100px;
    opacity: 0;
    z-index: 9999;
    background: var(--efu-lighttext) !important;
    color: var(--efu-card-bg);
    border-radius: 0;
    display: flex;
    justify-content: center;
    max-width: none;
    min-width: 100%;
    margin: 0;
    left: 0;
    height: 60px;
    transform: none;
  }
  .snackbar-container p {
    color: var(--efu-card-bg) !important;
    font-weight: 700 !important;
    text-align: center;
    font-size: .8rem !important;
    display: flex;
    justify-content: center;
  }
  .snackbar-container .action {
    display: inline-block;
    font-size: inherit;
    margin: 0 0 0 24px;
    min-width: min-content;
    cursor: pointer;
    color: var(--efu-card-bg) !important;
    background: var(--efu-lighttext) !important;
    padding: 4px 6px;
    font-weight: 700;
    border-radius: 8px;
    transition: .3s;
    border: var(--style-border);
  }
  .snackbar-container .action:hover {
    background: var(--efu-card-bg) !important;
    color: var(--efu-lighttext) !important;
  }
  .snackbar-container:after {
    position: absolute;
    width: 0;
    height: 100%;
    left: 0;
    top: 0;
    background: var(--efu-white);
    opacity: .1;
    content: "";
    animation: snackbar-progress var(--efu-snackbar-time) linear forwards;
    pointer-events: none;
  }
  .snackbar-pos.top-center,
  .snackbar-pos.top-left {
    bottom: auto;
    top: 0;
    left: 0;
  }
  .snackbar-pos.top-right {
    bottom: auto;
    top: 0;
    right: 0;
  }
  .limit-more-line,
  .article-container figure.gallery-group p,
  .article-container figure.gallery-group .gallery-group-name {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
  }
  body {
    position: relative;
    min-height: 100%;
    background: var(--efu-background);
    color: var(--efu-fontcolor);
    font-size: var(--efu-font-size);
    font-family: var(--efu-font-family);
    line-height: 2;
    -webkit-tap-highlight-color: transparent;
    margin: 0;
  }
  * {
    box-sizing: border-box;
  }
  html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    height: 100%;
    font-size: 20px;
    overflow-y: overlay;
  }
  main {
    display: block;
  }
  *::-webkit-scrollbar {
    width: 12px;
    height: 6px;
  }
  *::-webkit-scrollbar-thumb {
    background: var(--scrollbar-color);
    opacity: 0.5;
    border-radius: 8px;
    cursor: pointer;
    border: 2px solid var(--efu-background);
  }
  *::-webkit-scrollbar-thumb:hover {
    background: var(--efu-lighttext);
    display: block;
  }
  *::-webkit-scrollbar-track {
    background-color: transparent;
  }
  ::-webkit-scrollbar-thumb {
    background: var(--efu-card-border);
    opacity: 0.5;
    border-radius: 8px;
    cursor: pointer;
    border: 2px solid var(--efu-background);
  }
  ::-webkit-scrollbar-thumb:hover {
    background: var(--efu-main);
    opacity: 1;
    display: block !important;
  }
  ::-webkit-scrollbar-track {
    background-color: var(--efu-none);
  }
  img[data-lazy-src]:not(.loaded) {
    filter: blur(8px) brightness(1);
  }
  img[data-lazy-src].error {
    filter: none;
  }
  ::selection {
    background: var(--efu-main);
    color: var(--efu-white);
  }
  h1 {
    font-size: 2em;
    margin: 0.67em 0;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    padding-top: 0;
    padding-left: 0;
    font-weight: 700;
    position: relative;
    margin: 0.5rem 0;
    color: var(--efu-fontcolor);
  }
  hr {
    margin: 0.5rem 0;
    border: 1px dashed var(--efu-theme-op);
  }
  a {
    color: var(--efu-fontcolor);
    text-decoration: none;
    transition: all 0.3s ease 0s;
    overflow-wrap: break-word;
    -webkit-user-drag: none;
  }
  abbr[title] {
    border-bottom: none;
    text-decoration: underline dotted;
  }
  b,
  strong {
    font-weight: bolder;
  }
  code,
  kbd,
  samp,
  pre {
    font-family: var(--efu-code-font-family);
    font-size: var(--efu-code-font-size);
  }
  small {
    font-size: 80%;
  }
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  button,
  input,
  optgroup,
  select,
  textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
  }
  button,
  input {
    overflow: visible;
  }
  input::placeholder {
    color: var(--efu-gray);
  }
  button,
  select {
    text-transform: none;
  }
  [type=button],
  [type=reset],
  [type=submit],
  button {
    appearance: button;
  }
  fieldset {
    padding: 0.35em 0.75em 0.625em;
  }
  legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
  }
  progress {
    vertical-align: baseline;
  }
  textarea {
    overflow: auto;
  }
  [type=checkbox],
  [type=radio] {
    box-sizing: border-box;
    padding: 0;
  }
  [type=number]::-webkit-inner-spin-button,
  [type=number]::-webkit-outer-spin-button {
    height: auto;
  }
  [type=search] {
    appearance: textfield;
    outline-offset: -2px;
  }
  [type=search]::-webkit-search-decoration {
    appearance: none;
  }
  input[type=checkbox] + label::before,
  input[type=radio] + label::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 1px solid #999;
    background-color: #fff;
    margin-right: 5px;
    vertical-align: middle;
  }
  ::-webkit-file-upload-button {
    appearance: button;
    font: inherit;
  }
  summary {
    display: list-item;
  }
  template {
    display: none;
  }
  [hidden] {
    display: none;
  }
  input::placeholder {
    color: var(--efu-fontcolor);
  }
  .table-wrap {
    overflow-x: scroll;
    margin: 0 0 1rem;
  }
  table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    empty-cells: show;
  }
  @media screen and (max-width: 768px) {
    table {
      display: block;
      overflow-x: auto;
    }
    table::-webkit-scrollbar {
      display: none;
    }
  }
  table thead {
    background: var(--efu-secondbg);
  }
  table td,
  table th {
    padding: 0.3rem 0.6rem;
    border: var(--style-border-always);
    vertical-align: middle;
    min-width: 100px;
  }
  button {
    padding: 0;
    outline: 0;
    border: none;
    color: var(--efu-fontcolor);
    background: 0 0;
    cursor: pointer;
  }
  img {
    border-style: none;
    max-width: 100%;
    transition: all 0.2s ease 0s;
    -webkit-user-drag: none;
  }
  img:not([src]),
  img[src=""] {
    opacity: 0;
  }
  .img-alt {
    font-size: 12px;
    margin: 0;
    margin-top: 8px;
    color: var(--efu-secondtext);
  }
  .is-center {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: row;
    align-items: center;
  }
  iframe {
    border-radius: 12px;
  }
  .copy-true {
    -webkit-user-select: all;
    user-select: all;
  }
  .pull-left {
    float: left;
  }
  .pull-right {
    float: right;
  }
  blockquote {
    border: var(--style-border-always);
    background-color: var(--efu-secondbg);
    color: var(--efu-secondtext);
    border-radius: 8px;
    margin: 0.5rem 0;
    padding: 0.5rem 0.8rem;
  }
  li,
  ul {
    list-style: none;
    display: block;
    margin: 0;
    padding: 0;
  }
  [data-theme=dark] img {
    filter: brightness(1);
  }
  a.extend .next {
    right: 0;
  }
  a.extend .prev {
    left: 0;
  }
  b,
  strong {
    color: var(--efu-lighttext);
  }
  .button--animated {
    border-radius: 8px;
    transition: 0.3s;
    position: relative;
  }
  i.solitude {
    font-size: 20px;
    line-height: 1;
    font-synthesis: style;
  }
  #body-wrap {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    justify-content: space-between;
  }
  .layout {
    display: flex;
    margin: 0 auto;
    padding: 0 1.5rem;
    width: 100%;
    max-width: 1200px;
  }
}

/* ns-hugo-imp:D:\桌面\hugoBlog\blog\themes\Solitude\assets\css\solitude\foundation\animations.css */
@layer solitude.motion {
  @keyframes barrageIn {
    0% {
      transform: translateY(20px);
      opacity: 0;
    }
    100% {
      transform: translateY(0);
      opacity: 1;
    }
  }
  @keyframes barrageOut {
    0% {
      transform: translateY(0);
      opacity: 1;
    }
    100% {
      transform: translateY(20px);
      opacity: 0;
    }
  }
  @keyframes barrageSurfaceIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @keyframes barrageSurfaceOut {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  @keyframes scroll-down-effect {
    0% {
      top: 0;
      opacity: 0.4;
    }
    50% {
      top: -16px;
      opacity: 1;
    }
    100% {
      top: 0;
      opacity: 0.4;
    }
  }
  @keyframes header-effect {
    0% {
      opacity: 0;
      transform: translateY(-50px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  @keyframes headerNoOpacity {
    0% {
      transform: translateY(-50px);
    }
    100% {
      transform: translateY(0);
    }
  }
  @keyframes bottom-top {
    0% {
      opacity: 0;
      margin-top: 50px;
    }
    100% {
      opacity: 1;
      margin-top: 0;
    }
  }
  @keyframes titlescale {
    0% {
      opacity: 0;
      transform: scale(0.7);
    }
    100% {
      opacity: 1;
      transform: scale(1);
    }
  }
  @keyframes search_close {
    0% {
      transform: translateY(0);
      opacity: 1;
    }
    100% {
      transform: translateY(20px);
      opacity: 0;
    }
  }
  @keyframes to_show {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @keyframes to_hide {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  @keyframes ribbon_to_show {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 0.6;
    }
  }
  @keyframes avatar_turn_around {
    0% {
      transform: rotate(0);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  @keyframes sub_menus {
    0% {
      opacity: 0;
      transform: translateY(10px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  @keyframes donate_effcet {
    0% {
      opacity: 0;
      transform: translateY(-20px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  @keyframes announ_animation {
    0%, 100% {
      transform: scale(1);
    }
    50% {
      transform: scale(1.2);
      filter: blur(20px);
    }
  }
  @keyframes sidebarItem {
    0% {
      transform: translateX(200px);
    }
    100% {
      transform: translateX(0);
    }
  }
  @keyframes st-spin {
    0% {
      transform: rotate(0);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  @keyframes code-expand-key {
    0% {
      opacity: 0.6;
    }
    50% {
      opacity: 0.1;
    }
    100% {
      opacity: 0.6;
    }
  }
  @keyframes slide-in {
    from {
      transform: translateY(20px);
      opacity: 0;
    }
    to {
      transform: translateY(0);
      opacity: 1;
    }
  }
  @keyframes slide-in-op {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  @keyframes more-btn-move {
    0%, 100% {
      transform: translateX(0);
    }
    50% {
      transform: translateX(3px);
    }
  }
  @keyframes toc-open {
    0% {
      transform: scale(0.7);
    }
    100% {
      transform: scale(1);
    }
  }
  @keyframes toc-close {
    0% {
      transform: scale(1);
    }
    100% {
      transform: scale(0.7);
    }
  }
  @keyframes configure-clockwise {
    0% {
      transform: rotate(0);
    }
    25% {
      transform: rotate(90deg);
    }
    50% {
      transform: rotate(180deg);
    }
    75% {
      transform: rotate(270deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  @keyframes configure-xclockwise {
    0% {
      transform: rotate(45deg);
    }
    25% {
      transform: rotate(-45deg);
    }
    50% {
      transform: rotate(-135deg);
    }
    75% {
      transform: rotate(-225deg);
    }
    100% {
      transform: rotate(-315deg);
    }
  }
  @keyframes tabshow {
    0% {
      transform: translateY(15px);
    }
    100% {
      transform: translateY(0);
    }
  }
  @keyframes snackbar-progress {
    from {
      width: 0;
    }
    to {
      width: 100%;
    }
  }
  @keyframes move-forever {
    0% {
      transform: translate3d(-90px, 0, 0);
    }
    100% {
      transform: translate3d(85px, 0, 0);
    }
  }
  @keyframes rowup {
    from {
      transform: translateY(0);
    }
    to {
      transform: translateY(-50%);
    }
  }
  @keyframes rowleft {
    from {
      transform: translateX(0);
    }
    to {
      transform: translateX(-50%);
    }
  }
  @keyframes rowleft-quarter {
    from {
      transform: translateX(-25%);
    }
    to {
      transform: translateX(-75%);
    }
  }
  @keyframes gradient {
    0% {
      background-position: 0 50%;
    }
    50% {
      background-position: 100% 50%;
    }
    100% {
      background-position: 0 50%;
    }
  }
  @keyframes commonTipsIn {
    0% {
      top: -50px;
      opacity: 0;
    }
    100% {
      top: -60px;
      opacity: 1;
    }
  }
  @keyframes commonTriangleIn {
    0% {
      transform: translate(-50%, -36px);
      opacity: 0;
    }
    100% {
      transform: translate(-50%, -46px);
      opacity: 1;
    }
  }
  @keyframes owoIn {
    0% {
      transform: translate(0, -95%);
      opacity: 0;
    }
    100% {
      transform: translate(0, -105%);
      opacity: 1;
    }
  }
  @keyframes light_tag {
    0% {
      transform: skewx(0);
      left: -150px;
    }
    99% {
      transform: skewx(-25deg);
      left: 50px;
    }
  }
  @keyframes floating {
    0% {
      transform: translate(0, -4px);
    }
    50% {
      transform: translate(0, 4px);
    }
    100% {
      transform: translate(0, -4px);
    }
  }
  @keyframes flink-skeleton {
    0% {
      background-position: 200% 0;
    }
    100% {
      background-position: -200% 0;
    }
  }
  @keyframes capsuleCoverSpin {
    from {
      transform: rotate(0deg) scale(1.1);
    }
    to {
      transform: rotate(360deg) scale(1.1);
    }
  }
  @keyframes capsulePlayingShadow {
    0%, 100% {
      box-shadow: 0 0 12px -6px var(--efu-none);
    }
    50% {
      box-shadow: 0 0 12px -3px var(--efu-music);
    }
  }
}

/* ns-hugo-imp:D:\桌面\hugoBlog\blog\themes\Solitude\assets\css\solitude\layout\shell.css */
@layer solitude.layout {
  @media screen and (max-width: 768px) {
    .layout {
      padding: 0;
    }
  }
  .layout#content-inner {
    position: relative;
    max-width: 1400px;
    flex-grow: 1;
  }
  .post .layout#content-inner {
    margin-top: 16px;
  }
  @media screen and (max-width: 768px) {
    .post .layout#content-inner {
      margin-top: 0;
    }
  }
  .layout.hide-aside > div:first-child {
    width: 100%;
  }
  .layout > div:first-child {
    width: calc(100% - 300px);
  }
  .hide-aside .layout > div:first-child {
    width: 100%;
  }
  @media screen and (max-width: 1200px) {
    .layout > div:first-child {
      width: 100%;
    }
  }
  .layout > #post,
  .layout #category,
  .layout #tag,
  .layout #archive {
    align-self: flex-start;
    animation: slide-in 0.6s 0.1s backwards;
    position: relative;
  }
  @media screen and (max-width: 768px) {
    .layout > #post,
    .layout #category,
    .layout #tag,
    .layout #archive {
      box-shadow: none;
      border: none;
      padding: 0 1rem;
    }
  }
  .layout > #post {
    padding: 0;
  }
  .show {
    opacity: 1 !important;
    pointer-events: all !important;
  }
  span.tags-punctuation i {
    font-weight: bold;
    font-size: 12px;
    transition: none;
    margin-right: 2px;
    opacity: 0.4;
  }
  #post-info span.tags-punctuation i {
    font-size: 14px;
    line-height: 32px;
  }
  .custom-tooltip {
    display: none;
  }
  @media (hover: hover) {
    .custom-tooltip {
      display: flex;
      position: fixed;
      z-index: 9999;
      max-width: 200px;
      padding: 8px 12px;
      color: var(--efu-fontcolor);
      background: var(--efu-maskbgdeep);
      border: var(--style-border-always);
      border-radius: 12px;
      box-shadow: var(--efu-shadow-border);
      font-size: 14px;
      font-weight: 400;
      line-height: 1.3;
      text-align: center;
      white-space: pre-wrap;
      overflow-wrap: break-word;
      pointer-events: none;
      opacity: 0;
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
      transition: opacity 0.15s, backdrop-filter 0s;
    }
  }
  .article-container {
    overflow-wrap: break-word;
  }
  @media screen and (max-width: 768px) {
    .article-container {
      overflow: hidden;
    }
  }
  .post .article-container {
    padding: 1rem 2rem;
  }
  @media screen and (max-width: 768px) {
    .post .article-container {
      padding: 0.5rem 0.5rem 1rem 0.5rem;
    }
  }
  .article-container iframe {
    border-radius: 12px;
    margin: 0 0 1rem;
  }
  .article-container a {
    color: var(--efu-fontcolor);
    border-radius: 4px 4px 0 0;
    border-bottom: 2px dotted var(--efu-lighttext);
    font-weight: 700;
  }
  .article-container a.fancybox {
    border-bottom: none;
  }
  .article-container .table-wrap {
    margin: 1rem 0;
    border-radius: 8px;
    overflow-x: scroll;
  }
  .article-container a.headerlink {
    opacity: 0.08;
    position: absolute;
    right: 0;
    padding: 0;
    border: none;
    border-radius: 8px;
    line-height: 1;
    font-size: 0.8rem;
  }
  #page .article-container a.headerlink {
    display: none;
  }
  .article-container a.headerlink::before {
    content: "\f0c1";
    font-family: "FontAwesome";
    cursor: pointer;
  }
  .article-container a.headerlink:hover {
    border-bottom: none;
    box-shadow: none;
    background: var(--efu-none);
    color: var(--efu-lighttext);
    opacity: 1;
  }
  .article-container p {
    font-size: 0.9rem;
    line-height: 1.7;
    font-weight: 400;
    margin: 0.5rem 0;
    text-align: justify;
    letter-spacing: 0.6px;
  }
  .article-container p a:not(.fancybox) {
    text-decoration: none;
    border: none;
    color: var(--efu-theme);
    font-weight: 700;
    padding: 0 4px;
    background:
      linear-gradient(
        to top,
        var(--efu-theme-op),
        var(--efu-theme-op)) no-repeat bottom/100% 0.1em;
    transition: all 0.2s;
  }
  .article-container p a:not(.fancybox):hover {
    border-radius: 4px;
    background-size: 100% 100%;
  }
  .article-container blockquote p {
    padding: 0;
    margin: 0;
    font-size: 15px;
  }
  .article-container code:not([class*=language-]) {
    color: var(--efu-fontcolor);
    padding: 0.4em;
    border-radius: 4px;
    font-size: 12px;
    background: var(--efu-card-bg);
    line-height: 1.5;
    box-shadow: var(--efu-shadow-border);
    border: var(--style-border);
  }
  .article-container img:not(.post_bg) {
    border-radius: 12px;
    object-fit: cover;
    display: block;
    margin: 0.8rem auto;
    max-width: 90%;
    max-height: 450px;
  }
  .article-container ul,
  .article-container ol {
    padding: 0;
    margin-top: 0.4rem;
    list-style: none;
    counter-reset: li 0;
  }
  .article-container ul li:before,
  .article-container ol li:before {
    position: absolute;
    top: 0;
    left: 0;
    color: var(--efu-fontcolor);
    transition: all 0.3s ease-out 0s;
    background: var(--efu-lighttext);
  }
  .article-container ul li:not(.tab),
  .article-container ol li:not(.tab) {
    position: relative;
    margin: 0.2rem 0;
  }
  .article-container ul li:not(.tab) p,
  .article-container ol li:not(.tab) p {
    margin: 0;
  }
  .article-container ul > li:not(.tab) {
    padding: 0.2em 0.2em 0.2em 1.4em;
  }
  .article-container ul > li:not(.tab):before {
    top: 0.78em;
    width: 0.42em;
    height: 0.42em;
    border-radius: 0.42em;
    background: 0 0;
    border: 0.21em solid var(--efu-lighttext);
    content: "";
    line-height: 0.42em;
  }
  .article-container ol > li:before {
    margin-top: 0.65em;
    width: 1.45em;
    height: 1.45em;
    border-radius: 0.725em;
    text-align: center;
    font-size: 0.85em;
    color: var(--efu-white);
    line-height: 1.45em;
  }
  .article-container ol ul li {
    line-height: 1.7;
  }
  .article-container ol > li:not(.tab) {
    padding: 0.2em 0.2em 0.2em 1.8em;
  }
  .article-container ol > li:before {
    content: counter(li);
    counter-increment: li 1;
  }
  .article-container ol > li > ol > li:before {
    content: counter(li, lower-alpha);
    counter-increment: li;
  }
  .article-container ol > li > ol > li > ol > li:before {
    content: counter(li, lower-roman);
    counter-increment: li;
  }
  .article-container.post-content h1,
  .article-container.post-content h2,
  .article-container.post-content h3,
  .article-container.post-content h4 {
    padding-right: 1rem;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    transition: all 0.2s ease-out 0s;
  }
  .article-container.post-content h1 {
    font-size: 1.5rem;
    line-height: 1.3;
  }
  .article-container.post-content h2 {
    font-size: 1.3rem;
    line-height: 1.3;
    border-top: 1px dashed var(--efu-theme-op);
    padding-top: 1rem;
  }
  .article-container.post-content h3,
  .article-container.post-content h4 {
    font-size: 1.1rem;
    line-height: 1.3;
  }
  .article-container hr {
    display: flex;
    position: relative;
    margin: 0.5rem 0;
    border-width: 0;
    border-top: 1px dashed var(--efu-theme-op);
  }
  .article-sort-title {
    font-weight: 700;
    font-size: 2em;
  }
  .article-sort-title sup {
    margin-left: 4px;
    font-size: 16px;
    font-weight: 700;
    opacity: 0.4;
    top: -1em;
  }
  .article-sort .article-sort-item {
    position: relative;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin: 0 0 1rem 0;
    transition: all 0.2s ease-in-out 0s;
    overflow: hidden;
  }
  .article-sort .article-sort-item.year {
    font-size: 0.8rem;
    color: var(--efu-secondtext);
    margin: 0 0 0.2rem 0;
  }
  .article-sort .article-sort-item .article-sort-item-img {
    border-radius: 12px;
    min-width: 151px;
    min-height: 80px;
    background: var(--efu-secondbg);
    overflow: hidden;
    width: 80px;
    height: 80px;
  }
  @media screen and (max-width: 768px) {
    .article-sort .article-sort-item .article-sort-item-img {
      min-width: 80px;
    }
  }
  .article-sort .article-sort-item .article-sort-item-img img {
    width: 100%;
    height: 100%;
    transition: all 0.6s ease 0s;
    object-fit: cover;
  }
  .article-sort .article-sort-item .article-sort-item-info {
    padding: 0 0.8rem;
    display: flex;
    flex-direction: column;
    -webkit-box-flex: 1;
    flex: 1 1 0;
  }
  .article-sort .article-sort-item .article-sort-item-info a {
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .article-sort .article-sort-item .article-sort-item-info a:hover {
    color: var(--efu-theme);
  }
  .article-sort .article-sort-item .article-sort-item-info .article-sort-item-title {
    color: var(--efu-fontcolor);
    font-size: 1.1em;
    transition: all 0.3s ease 0s;
    line-height: 1.3;
    -webkit-line-clamp: 1;
    order: 0;
    font-weight: 700;
  }
  @media screen and (max-width: 768px) {
    .article-sort .article-sort-item .article-sort-item-info .article-sort-item-title {
      -webkit-line-clamp: 2;
    }
  }
  .article-sort .article-sort-item .article-sort-item-info .article-sort-item-tags {
    margin-top: 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    font-size: 0.7rem;
    display: flex;
  }
  .article-sort .article-sort-item .article-sort-item-info .article-sort-item-tags a {
    color: var(--efu-fontcolor);
  }
  .article-sort .article-sort-item .article-sort-item-info .article-sort-item-tags a:hover {
    color: var(--efu-theme);
  }
  .article-sort .article-sort-item .article-sort-item-info .article-sort-item-tags a .tags-punctuation {
    font-size: 12px;
    margin-right: 1px;
  }
  .article-sort .article-sort-item .article-sort-item-info .article-sort-item-tags .article-meta__tags {
    margin-right: 8px;
    padding: 0 0.2rem 0 0;
    color: var(--efu-fontcolor);
  }
  #aside-content {
    display: flex;
    flex-direction: column;
    gap: var(--gap);
    animation: slide-in 0.6s 0.3s backwards;
    z-index: 10;
    order: 2;
  }
  .hide-aside #aside-content {
    display: none;
  }
}

/* ns-hugo-imp:D:\桌面\hugoBlog\blog\themes\Solitude\assets\css\solitude\layout\footer.css */
@layer solitude.layout {
  #footer #footer_deal i {
    font-size: 0.8rem;
    line-height: 0.9rem;
    height: 0.9rem;
  }
  #footer #footer_deal .deal_link {
    display: flex;
    margin: 1rem 27px;
    color: var(--efu-card-bg);
    border-radius: 3rem;
    width: 32px;
    height: 32px;
    background: var(--efu-fontcolor);
    justify-content: center;
    align-items: center;
    transition: 0.3s;
  }
  #footer #footer_deal .deal_link:hover {
    color: var(--efu-white);
    background: var(--efu-main);
    transform: scale(1.1);
  }
  #footer #footer_deal .footer_mini_logo {
    width: 50px;
    height: 50px;
    padding: 0;
    border: 0;
    background: transparent;
    margin: 0 1rem;
    cursor: pointer;
    transition: cubic-bezier(0, 0, 0, 1.29) 0.5s;
    -webkit-user-select: none;
    user-select: none;
    border-radius: 50px;
    overflow: hidden;
  }
  @media screen and (max-width: 768px) {
    #footer #footer_deal .footer_mini_logo {
      display: none;
    }
  }
  #footer #footer_deal .footer_mini_logo:hover {
    transform: scale(1.2);
  }
  #footer #st-footer {
    display: flex;
    flex-direction: row;
    width: 100%;
    max-width: 1200px;
    justify-content: space-evenly;
    flex-wrap: wrap;
    margin: 1rem auto 3rem;
    padding: 0 1rem;
  }
  #footer #st-footer .footer-links {
    display: flex;
    flex-direction: column;
  }
  #footer #st-footer .footer-item {
    font-size: 0.8rem;
    line-height: 0.8rem;
    color: var(--efu-fontcolor);
    margin-right: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 120px;
    cursor: pointer;
    padding: 8px;
    border-radius: 12px;
  }
  #footer #st-footer .footer-item:hover {
    color: var(--efu-theme);
    background: var(--efu-main-op-light);
  }
  [data-theme=dark] #footer #st-footer .footer-item:hover {
    background: var(--efu-theme-op);
  }
  #footer #st-footer .footer-group {
    min-width: 120px;
  }
  #footer #st-footer .footer-title-group {
    display: flex;
    align-items: center;
    margin: 0.5rem 0 0.7rem 8px;
  }
  #footer #st-footer .footer-title-group a {
    margin-left: 8px;
  }
  #footer #st-footer .footer-title-group a:hover i {
    color: var(--efu-main);
    opacity: 1;
  }
  #footer #st-footer .footer-title-group i {
    line-height: 1;
    color: var(--efu-secondtext);
    transition: 0.3s;
    font-size: 16px;
    opacity: 0.6;
  }
  #footer #st-footer .footer-title-group .footer-title {
    margin: 0;
  }
  #footer #st-footer .footer-title {
    color: var(--efu-secondtext);
    font-size: 0.8rem;
    margin-left: 8px;
  }
  #footer #st-footer .random-friends-btn {
    display: flex;
    margin-left: 8px;
  }
  #footer-bar {
    color: var(--efu-fontcolor);
    margin-top: 1rem;
    background: var(--efu-secondbg);
    display: flex;
    overflow: hidden;
    z-index: 1;
    transition: 0.3s;
    border-top: var(--style-border-always);
  }
  #footer-bar .footer-bar-links {
    display: flex;
    justify-content: space-between;
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
    flex-wrap: wrap;
    align-items: center;
    line-height: 1;
    padding: 1rem 1.5rem;
  }
  @media screen and (max-width: 768px) {
    #footer-bar .footer-bar-links {
      justify-content: center;
      gap: 8px;
    }
  }
  #footer-bar .footer-bar-left {
    display: flex;
    gap: 8px;
    flex-direction: column;
  }
  @media screen and (max-width: 768px) {
    #footer-bar .footer-bar-left {
      align-items: center;
    }
  }
  #footer-bar .footer-bar-left .copyright {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  #footer-bar .footer-bar-left .copyright .footer-bar-link {
    margin: 0;
  }
  #footer-bar .footer-bar-left .beian-group {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
  }
  @media screen and (max-width: 768px) {
    #footer-bar .footer-bar-left .beian-group {
      justify-content: center;
    }
  }
  #footer-bar .footer-bar-left .beian-group a:hover {
    background: 0 0;
    color: var(--efu-main);
  }
  #footer-bar .footer-bar-left .beian-group .beian-icon {
    height: 14px;
    min-width: 13px;
    min-height: 14px;
  }
  #footer-bar .footer-bar-left .beian-group .footer-bar-link {
    font-size: 12px;
    font-weight: 400;
    color: var(--efu-secondtext);
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 4px;
  }
  #footer-bar .footer-bar-link {
    margin: 0 4px;
    color: var(--efu-fontcolor);
    font-size: 0.8rem;
    font-weight: 700;
    white-space: nowrap;
    padding: 8px;
    border-radius: 32px;
    line-height: 1;
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }
}

/* ns-hugo-imp:D:\桌面\hugoBlog\blog\themes\Solitude\assets\css\solitude\layout\navigation.css */
@layer solitude.layout {
  #footer-bar .footer-bar-link .author-avatar {
    width: 20px;
    border-radius: 20px;
    min-height: 20px;
    min-width: 20px;
  }
  #footer-bar .footer-bar-link i {
    font-size: 14px;
  }
  #footer-bar .footer-bar-link img {
    height: 20px;
  }
  #footer-bar .footer-bar-link:hover {
    color: var(--efu-theme);
    background: var(--efu-main-op);
  }
  #footer-bar .footer-bar-right {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
  }
  #footer-bar > div > div.footer-bar-left > span {
    margin-right: 1rem;
  }
  #page-header {
    position: relative;
    width: 100%;
    transition: all 0.5s ease 0s;
    display: flex;
    justify-content: center;
  }
  #page-header.not-top-img {
    height: 60px;
    background: 0 center;
  }
  #page-header.not-top-img #nav {
    transition: 0.3s;
    background:
      linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0.3),
        var(--efu-none));
  }
  #page-header.not-top-img #nav a {
    color: var(--efu-fontcolor);
  }
  #page-header.not-top-img #nav a:hover {
    color: var(--efu-nav-hover-text);
  }
  #page-header:not(.nav-fixed) #nav {
    background: var(--efu-none);
    transition: 0.3s;
  }
  @media screen and (max-width: 768px) {
    #page-header:not(.nav-fixed) #nav {
      transition: 0s;
    }
  }
  .post #page-header:not(.nav-fixed) #nav #nav-right .nav-button .console_switchbutton label i {
    background: var(--efu-white);
  }
  #page-header #site-title {
    margin: 0;
    color: var(--efu-white);
    font-size: 1.85em;
  }
  @media screen and (min-width: 768px) {
    #page-header #site-title {
      font-size: 2.85em;
    }
  }
  #page-header #nav {
    z-index: 100;
    box-shadow: none;
    transition: 0.3s;
    display: flex;
    justify-content: center;
    -webkit-user-select: none;
    user-select: none;
  }
  @media screen and (max-width: 768px) {
    #page-header #nav {
      transition: 0s;
    }
  }
  @media screen and (max-width: 1400px) {
    #page-header #nav {
      padding: 0;
    }
  }
  #page-header #nav a:hover span.solitude {
    opacity: 0;
  }
  @media screen and (max-width: 768px) {
    #page-header #nav a:hover span.solitude {
      opacity: 1;
    }
  }
  #page-header #nav #nav-group {
    max-width: 1400px;
    width: 100%;
    display: flex;
    position: relative;
    padding: 0 1.5rem;
    align-items: center;
  }
  @media screen and (max-width: 768px) {
    #page-header #nav #nav-group {
      width: 100%;
      display: flex;
      position: relative;
      padding: 0 12px;
    }
  }
  #page-header #nav #nav-right {
    position: absolute;
    right: 0;
    z-index: 102;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-right: 1.5rem;
    overflow: hidden;
    padding: 4px;
    gap: 6px;
    border: var(--style-border);
    border-color: var(--efu-none);
    border-radius: 99px;
    transition:
      box-shadow 0.3s,
      border-color 0.3s,
      backdrop-filter 0.3s,
      background-color 0.3s,
      width 0.3s,
      max-width 0.3s,
      height 0.3s,
      max-height 0.3s,
      padding 0.3s,
      margin 0.3s;
  }
  @media screen and (min-width: 768px) {
    #page-header #nav #nav-right::before {
      content: "";
      position: absolute;
      inset: 0;
      border-radius: inherit;
      background:
        linear-gradient(
          to bottom,
          var(--efu-maskbg),
          var(--efu-maskbgdeep));
      opacity: 0;
      transition: opacity 0.3s;
      pointer-events: none;
    }
    #page-header #nav #nav-right > * {
      position: relative;
      z-index: 1;
    }
  }
  @media screen and (max-width: 768px) {
    #page-header #nav #nav-right {
      margin-right: 12px;
    }
  }
  #page-header #nav #nav-right div {
    padding: 0;
    margin-left: 0;
  }
  #page-header #nav #nav-right .nav-button {
    margin-left: 0;
    cursor: pointer;
  }
  #page-header #nav #nav-right .nav-button a {
    height: 35px;
    width: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
  }
  #page-header #nav #nav-right .nav-button a i {
    font-size: 22px;
    line-height: 1;
  }
  #page-header #nav #nav-right .nav-button a.totopbtn {
    width: 30px;
    height: 30px;
    border-radius: 40px;
    background: var(--efu-fontcolor);
    color: var(--efu-card-bg);
    position: absolute;
    top: 2px;
    right: 2px;
    transition: 0.3s;
  }
  #page-header #nav #nav-right .nav-button a.console_switchbutton {
    padding: 10px 7.5px;
  }
  #page-header #nav #nav-right .nav-button a.console_switchbutton:hover label i {
    background: var(--efu-card-bg);
  }
  #page-header #nav #nav-right .nav-button a.console_switchbutton:hover label .left {
    width: 0.5rem;
    height: 0.3rem;
  }
  #page-header #nav #nav-right .nav-button a.console_switchbutton:hover label .center {
    width: 0.5rem;
    height: 0.3rem;
  }
  #page-header #nav #nav-right .nav-button a.console_switchbutton:hover label .right {
    width: 0.3rem;
    height: 100%;
  }
  #page-header #nav #nav-right .nav-button a.console_switchbutton label {
    display: flex;
    position: relative;
    width: 100%;
    height: 100%;
    cursor: pointer;
  }
  #page-header #nav #nav-right .nav-button a.console_switchbutton label i {
    transition: all 0.3s;
    position: absolute;
    border-radius: 12px;
    background: var(--efu-fontcolor);
  }
  #page-header #nav #nav-right .nav-button a.console_switchbutton label i.left {
    top: 0;
    width: 100%;
    height: 0.3rem;
  }
  #page-header #nav #nav-right .nav-button a.console_switchbutton label i.center {
    bottom: 0;
    width: 0.3rem;
    height: 0.3rem;
  }
  #page-header #nav #nav-right .nav-button a.console_switchbutton label i.right {
    right: 0;
    bottom: 0;
    width: 0.5rem;
    height: 0.3rem;
  }
  #page-header #nav #nav-right .nav-button.long a.totopbtn {
    width: 70px;
  }
  #page-header.nav-fixed #nav {
    position: fixed;
    top: 0;
    transition: 0.3s;
    box-shadow: none;
    background: var(--efu-none);
    outline: 1px solid var(--efu-none);
  }
  #page-header.nav-fixed #nav #blog_name {
    box-shadow: var(--efu-shadow-border);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
  }
  #page-header.nav-fixed #nav #nav-right {
    box-shadow: var(--efu-shadow-glass);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
  }
  #page-header.nav-fixed #nav #nav-right::before {
    opacity: 1;
  }
  [data-theme=dark] #page-header.nav-fixed #nav #nav-right {
    border-color: var(--efu-none);
    box-shadow: var(--efu-shadow-glass-inset);
  }
  #page-header.nav-fixed #nav #blog_name {
    background:
      linear-gradient(
        to bottom,
        var(--efu-maskbg),
        var(--efu-maskbgdeep));
  }
  [data-theme=dark] #page-header.nav-fixed #nav #blog_name {
    box-shadow: var(--efu-shadow-glass-inset);
  }
  @media screen and (min-width: 900px) {
    #page-header.nav-fixed #nav #menus {
      z-index: 100;
    }
  }
  #page-header.nav-fixed #nav #menus > div.menus_items {
    transition:
      top 0.3s,
      transform 0.3s,
      opacity 0.3s,
      box-shadow 0.3s,
      backdrop-filter 0.3s,
      background-color 0.3s;
    height: 44px;
    margin: auto 0;
  }
  #page-header.nav-fixed #nav #menus[style*="padding-right: 300px;"] .menus_items {
    transform: translateX(-150px);
  }
  @media screen and (min-width: 900px) {
    #page-header.nav-fixed #nav #page-name {
      z-index: 101;
      top: 8px;
      transform: scale(1);
      opacity: 1;
      max-width: calc(100dvw - 420px);
      pointer-events: auto;
      border-radius: 99px;
      box-shadow: var(--efu-shadow-glass);
      -webkit-backdrop-filter: blur(20px);
      backdrop-filter: blur(20px);
    }
    [data-theme=dark] #page-header.nav-fixed #nav #page-name {
      box-shadow: var(--efu-shadow-glass-inset);
    }
    #page-header.nav-fixed #nav #page-name::before {
      opacity: 1;
    }
  }
  @media screen and (min-width: 900px) {
    #page-header.nav-fixed #nav #page-name-text {
      display: inline;
      opacity: 1;
      transition: 0.3s;
      line-height: 1;
      max-width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
  }
  @media screen and (min-width: 900px) {
    #page-header.nav-fixed #nav #page-name-text:hover:after {
      opacity: 1;
      line-height: 36px;
    }
  }
  @media screen and (min-width: 900px) {
    #page-header.nav-fixed #nav div.menus_items {
      transition: 0.15s;
      position: relative;
      top: -60px;
      transform: scale(0);
      opacity: 0;
    }
  }
  @media screen and (min-width: 900px) {
    #page-header.nav-fixed.nav-visible #nav #page-name {
      z-index: 100;
      top: 60px;
      transform: scale(0);
      opacity: 0;
      pointer-events: none;
      transition: 0.15s;
    }
  }
  @media screen and (min-width: 900px) {
    #page-header.nav-fixed.nav-visible #nav #page-name-text {
      display: inline;
      transition: 0.15s;
    }
  }
  @media screen and (min-width: 900px) {
    #page-header.nav-fixed.nav-visible #nav div.menus_items {
      opacity: 1;
      transition: 0.15s;
      position: relative;
      top: 0;
      transform: scale(1);
      border-radius: 99px;
      box-shadow: var(--efu-shadow-glass);
      -webkit-backdrop-filter: blur(20px);
      backdrop-filter: blur(20px);
      background:
        linear-gradient(
          to bottom,
          var(--efu-maskbg),
          var(--efu-maskbgdeep));
    }
  }
  @media screen and (min-width: 900px) {
    #page-header.nav-fixed.nav-visible #nav #menus {
      z-index: 101;
    }
  }
  @media screen and (max-width: 768px) {
    #page-header.nav-fixed #travellings_button {
      opacity: 0;
    }
  }
  #page-header.no-top-img {
    margin-bottom: 0;
  }
  #page-header.nav-at-top #percent {
    transition: 0.3s;
  }
  #page-header.nav-at-top #nav-right #nav-totop {
    width: 0;
    transform: scale(0);
    margin-left: 0;
    overflow: hidden;
    transition: 0.3s;
  }
  #page-header.nav-at-top:not(.not-top-img) #nav #menus > .menus_items > .menus_item:hover > .site-page {
    background: var(--efu-none);
    box-shadow: none;
    color: var(--efu-white);
  }
  #nav {
    padding: 0;
    position: absolute;
    top: 0;
    z-index: 10;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    height: 60px;
    font-size: 1.3em;
    opacity: 0;
    transition: all 0.5s ease 0s;
    outline: 1px solid var(--efu-none);
    justify-content: space-between;
  }
  @media screen and (max-width: 768px) {
    #nav {
      padding: 0;
    }
  }
  #nav.show {
    top: 0;
    transition: 0.2s;
    position: fixed;
    opacity: 1;
    filter: none;
  }
  #nav #toggle-menu {
    display: none;
    padding: 0;
    vertical-align: top;
    width: 35px;
    height: 35px;
  }
  @media screen and (max-width: 768px) {
    #nav #toggle-menu {
      display: inline-block;
    }
    #nav #toggle-menu .site-page {
      width: 35px;
      height: 35px;
      padding: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 40px;
    }
  }
  #nav #toggle-menu:hover {
    color: var(--efu-white);
  }
  #nav #site-name {
    padding: 0;
    transition: 0.3s;
    display: flex;
    height: 35px;
    min-width: 50px;
    justify-content: center;
    align-items: center;
    border-radius: 40px;
    cursor: pointer;
  }
  @media (hover: hover) {
    #nav #site-name:hover i,
    #nav #site-name:hover span,
    #nav #site-name:hover img {
      color: var(--efu-nav-hover-text);
      transition: 0.3s;
    }
  }
  @media screen and (min-width: 900px) {
    #nav #site-name:hover i,
    #nav #site-name:hover span,
    #nav #site-name:hover img {
      opacity: 0;
    }
  }
  @media screen and (min-width: 900px) {
    #nav #site-name:hover i.fas.fa-home {
      opacity: 1;
    }
  }
  #nav #site-name i.fas.fa-home {
    opacity: 0;
    position: absolute;
    display: flex;
    z-index: 1;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    line-height: 1;
    color: var(--efu-nav-hover-text);
  }
  #nav #site-name span.title {
    letter-spacing: normal;
    font-size: 1rem;
    font-weight: 700;
    padding: 0 5px;
    line-height: 2rem;
  }
  @media screen and (max-width: 768px) {
    #nav #site-name span.title {
      padding-left: 8px;
    }
  }
  #nav #blog_name {
    flex-wrap: nowrap;
    height: 44px;
    display: flex;
    align-items: center;
    z-index: 102;
    position: absolute;
    left: 1.5rem;
    padding: 2px 6px;
    border: var(--style-border-always);
    border-color: var(--efu-none);
    border-radius: 99px;
    transition:
      box-shadow 0.3s,
      border-color 0.3s,
      backdrop-filter 0.3s,
      background-color 0.3s,
      width 0.3s,
      max-width 0.3s,
      height 0.3s,
      max-height 0.3s,
      padding 0.3s,
      margin 0.3s;
  }
  @media screen and (max-width: 768px) {
    #nav #blog_name {
      left: 12px;
      padding: 0;
    }
  }
  #nav a {
    transition: 0.3s;
    color: var(--efu-white);
    padding: 0.3rem 0.4rem 0;
    border-radius: 8px;
  }
  #nav a:hover {
    background: var(--efu-white-op);
    transition: 0.3s;
    color: var(--efu-white);
  }
  @media screen and (max-width: 768px) {
    #nav a:hover {
      background: var(--efu-none);
      box-shadow: none;
      transition: 0.3s;
      color: var(--efu-fontcolor);
    }
  }
  #nav #menus {
    display: flex;
    justify-content: center;
    width: 100%;
    position: absolute;
    height: 60px;
    left: 0;
    margin: 0;
    transform: translateZ(0);
  }
  @media screen and (max-width: 768px) {
    #nav #menus {
      display: none;
    }
  }
  #nav .menus_items {
    position: relative;
    width: fit-content;
    text-align: center;
    left: 0;
    right: 0;
    top: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 8px;
    padding: 0 4px;
    height: 44px;
    margin: auto 0;
    border-radius: 99px;
    box-sizing: border-box;
    transform: scale(1);
    opacity: 1;
    transition:
      top 0.5s,
      transform 0.5s,
      opacity 0.5s,
      box-shadow 0.5s,
      backdrop-filter 0.5s,
      background-color 0.5s;
  }
  #nav .menus_items .menus_item {
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: auto;
    position: relative;
  }
  #nav .menus_items .menus_item .menus_item_child {
    padding: 6px 3.5px;
    border-radius: 100px;
    background-color: var(--efu-maskbgdeep);
    box-shadow: var(--efu-shadow-black);
    border: var(--style-border);
    transition: 0.3s;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    top: 35px;
    position: absolute;
    margin-top: 8px;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transform: translateY(-10px) scale(0.8);
  }
  #nav .menus_items .menus_item .menus_item_child li {
    display: inline-flex;
    list-style: none;
    border-radius: 5px;
    margin: 0 4px;
  }
  #page-header #nav .menus_items .menus_item .menus_item_child li a {
    letter-spacing: 0;
    display: flex;
    align-items: center;
    border-radius: 100px;
    padding: 0.3rem 0.8rem;
    width: 100%;
    color: var(--efu-fontcolor);
  }
  #page-header #nav .menus_items .menus_item .menus_item_child li a:hover {
    background: var(--efu-lighttext);
    color: var(--efu-nav-hover-text);
    box-shadow: var(--efu-shadow-main);
    margin: 0 auto;
    transform: scale(1);
    padding: 0.3rem 1rem;
  }
  #page-header #nav .menus_items .menus_item .menus_item_child li a i:not(.fa-brands) {
    font-size: 22px;
    margin-right: 8px;
    line-height: 1;
  }
  #nav .menus_items .menus_item .menus_item_child::before {
    position: absolute;
    top: -8px;
    left: 0;
    width: 100%;
    height: 20px;
    content: "";
  }
  #nav .menus_items .menus_item .menus_item_child:before {
    top: -10px;
  }
  #nav .menus_items .menus_item:first-child .menus_item_child::after {
    position: absolute;
    top: -60px;
    left: 0;
    width: 50%;
    height: 60px;
    content: "";
  }
  #nav .menus_items .menus_item:last-child .menus_item_child::after {
    position: absolute;
    top: -60px;
    right: 0;
    width: 50%;
    height: 60px;
    content: "";
  }
  #nav .menus_items .menus_item:hover > .site-page {
    background: var(--efu-main);
    color: var(--efu-nav-hover-text);
    box-shadow: var(--efu-shadow-main);
  }
  #nav .menus_items .menus_item:hover .menus_item_child {
    display: block;
    border: var(--style-border-hover);
    box-shadow: var(--efu-shadow-main);
    opacity: 1;
    pointer-events: all;
    transform: translateY(0) scale(1);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
  }
  #nav .menus_items .menus_item:hover i.expand {
    transform: rotate(180deg);
  }
  #nav .menus_items .menus_item i.expand {
    padding: 4px;
    transition: transform 0.3s ease 0s;
  }
  #nav #search-button {
    display: inline;
    padding: 0 0.4rem;
  }
  #nav .site-page {
    position: relative;
    padding-bottom: 0.3rem;
    font-size: 0.78em;
    cursor: pointer;
  }
  @media screen and (min-width: 900px) {
    #nav .back-home-button:hover {
      box-shadow: var(--efu-shadow-main);
      cursor: pointer;
    }
  }
  @media screen and (min-width: 900px) {
    #nav #page-name-text {
      display: inline;
      font-weight: 700;
      padding: 4px 8px;
      opacity: 0;
      transition: 0.1s;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      position: relative;
      text-align: center;
      cursor: pointer;
      top: 0;
      font-size: 0.9rem;
      animation-timing-function: ease-in;
      -webkit-animation-timing-function: ease-in;
    }
  }
  @media screen and (min-width: 900px) {
    #nav #page-name-text:hover {
      color: var(--efu-lighttext) !important;
      background: var(--efu-none);
      box-shadow: none;
    }
  }
  @media screen and (max-width: 899px) {
    #nav #page-name-mask {
      display: none !important;
    }
  }
  #site-logo {
    width: 121px;
  }
  #nav-totop {
    position: relative;
    width: 35px;
    height: 35px;
    display: flex;
    opacity: 0;
    border-radius: 40px;
    transition: all 0.3s ease-in-out;
    align-items: center;
  }
  #nav-totop.long {
    width: 80px;
  }
  #nav-totop .totopbtn {
    padding: 0;
  }
  #nav-totop .totopbtn i {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px !important;
    opacity: 0;
    margin: 0;
    padding: 0;
  }
  #nav-totop:hover .totopbtn {
    background: var(--efu-lighttext);
  }
  #nav-totop:hover .totopbtn i {
    opacity: 1;
    color: var(--efu-card-bg);
    transition: 0.3s;
  }
  #nav-totop:hover #percent {
    opacity: 0;
    font-weight: 700;
  }
  #nav-totop:not(.long):hover .totopbtn {
    transform: scale(1.167);
    transform-origin: center center;
  }
  #nav-totop #percent {
    font-size: 12px;
    border-radius: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s;
    white-space: nowrap;
  }
  .nav-fixed #nav-totop #percent,
  .page #nav-totop #percent {
    font-size: 12px;
    border-radius: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s;
    white-space: nowrap;
  }
  #page-header:not(.nav-at-top) #nav-totop {
    opacity: 1;
  }
  [data-theme=dark] #page-header #nav #nav-right #nav-totop a.totopbtn {
    --glass-radial-start: var(--efu-main);
    --glass-radial-middle: color-mix(in srgb, var(--efu-main) 80%, transparent);
    --glass-radial-end: transparent;
    background:
      radial-gradient(
        ellipse at 50% 110%,
        var(--glass-radial-start) 33%,
        var(--glass-radial-middle) 66%,
        var(--glass-radial-end) 100%);
  }
  [data-theme=dark] #page-header #nav #nav-right #nav-totop:hover a.totopbtn {
    background:
      radial-gradient(
        ellipse at 50% 110%,
        var(--glass-radial-start) 33%,
        var(--glass-radial-middle) 90%,
        var(--glass-radial-end) 100%);
  }
  .back-home-button {
    display: flex;
    width: 35px;
    height: 35px;
    padding: 0 !important;
    align-items: center;
    justify-content: center;
    margin-right: 4px;
    transition: 0.3s;
    border-radius: 40px;
  }
  @media screen and (min-width: 768px) {
    .back-home-button {
      position: relative;
    }
  }
  @media screen and (max-width: 768px) {
    .back-home-button {
      display: none;
    }
  }
  .back-home-button .back-home-button-icon {
    width: 19px;
    height: 19px;
  }
  .back-home-button:hover {
    background: var(--efu-main);
    color: var(--efu-nav-hover-text);
  }
  .back-home-button:hover .back-menu-list-groups,
  .back-home-button:focus-within .back-menu-list-groups {
    display: flex;
    opacity: 1;
    top: 55px;
    pointer-events: auto;
    left: 1.5rem;
    transform: scale(1);
  }
  @media screen and (min-width: 768px) {
    .back-home-button:hover .back-menu-list-groups,
    .back-home-button:focus-within .back-menu-list-groups {
      left: 0;
    }
  }
  @media screen and (max-width: 768px) {
    .back-home-button:hover .back-menu-list-groups,
    .back-home-button:focus-within .back-menu-list-groups {
      padding-bottom: 8px;
      box-shadow: var(--efu-shadow-border);
      left: 0;
    }
  }
  .back-home-button .back-menu-list-group {
    display: flex;
    flex-direction: column;
  }
  .back-home-button .back-menu-list-group .back-menu-list-title {
    margin: 8px 0 0 16px;
    transition: 0.3s;
  }
  .back-home-button .back-menu-list-group:hover .back-menu-list-title {
    color: var(--efu-lighttext);
  }
  .back-home-button .back-menu-list-groups {
    position: absolute;
    top: 45px;
    transform: scale(0.8);
    transform-origin: top left;
    left: 1.5rem;
    background-color: var(--efu-maskbgdeep);
    border-radius: 12px;
    border: var(--style-border);
    flex-direction: column;
    font-size: 12px;
    color: var(--efu-secondtext);
    box-shadow: var(--efu-shadow-border);
    transition: 0.3s;
    opacity: 0;
    pointer-events: none;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
  }
  .back-home-button .back-menu-list-groups::before {
    position: absolute;
    right: 0;
    bottom: 100%;
    left: 0;
    height: 20px;
    content: "";
  }
  @media screen and (min-width: 768px) {
    .back-home-button .back-menu-list-groups {
      left: 0;
      background-color: var(--efu-card-bg);
      backdrop-filter: none;
      -webkit-backdrop-filter: none;
    }
  }
  @media screen and (max-width: 768px) {
    .back-home-button .back-menu-list-groups {
      left: 0;
    }
  }
  .back-home-button .back-menu-list-groups:hover {
    border: var(--style-border-hover);
  }
  .back-home-button .back-menu-list .back-menu-item {
    width: 150px;
  }
  @media screen and (min-width: 768px) {
    .back-home-button .back-menu-list .back-menu-item {
      gap: 8px;
    }
    .back-home-button .back-menu-list .back-menu-item .back-menu-item-text {
      margin-left: 0;
    }
  }
  .nav-fixed #nav a {
    color: var(--efu-fontcolor);
    transition: 0.3s;
  }
  .nav-fixed #nav a:hover {
    background: var(--efu-lighttext);
    color: var(--efu-nav-hover-text);
    transition: 0.3s;
  }
  @media screen and (min-width: 900px) {
    .nav-fixed #nav #site-name:hover {
      background: var(--efu-lighttext);
    }
  }
  .nav-fixed #nav .back-home-button {
    color: var(--efu-fontcolor);
  }
  .nav-fixed #nav .back-home-button:hover {
    background: var(--efu-lighttext);
    color: var(--efu-nav-hover-text);
  }
  .nav-fixed #nav .menus_item:hover >, .nav-fixed #nav .menus_item:hover a.site-page {
    background-color: var(--efu-lighttext);
  }
  @media screen and (min-width: 768px) {
    .nav-fixed #nav .menus_item:hover >, .nav-fixed #nav .menus_item:hover a.site-page {
      background-color: var(--efu-main);
    }
  }
  .post .post-bg .back-home-button {
    color: var(--efu-white);
  }
  .post .post-bg .back-home-button:hover {
    background: var(--efu-white-op);
    color: var(--efu-white);
    cursor: pointer;
  }
  .post #page-header #nav .menus_item_child .site-page.child:hover {
    color: var(--efu-card-bg);
  }
  @media screen and (min-width: 900px) {
    .post #nav #site-name:hover {
      align-items: center;
    }
  }
  .post #nav #site-name i.fas.fa-home {
    color: var(--efu-white);
  }
  .post .nav-fixed #nav #site-name i.fas.fa-home {
    color: var(--efu-card-bg);
  }
  @media screen and (min-width: 900px) {
    .post .not-top-img #nav a:hover {
      background: var(--efu-lighttext);
    }
  }
  .back-menu-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 340px;
    justify-content: space-between;
  }
  .back-menu-list::before {
    position: absolute;
    top: -15px;
    left: 0;
    width: 100%;
    height: 20px;
    content: "";
  }
  .back-menu-item {
    display: flex;
    align-items: center;
    margin: 4px 8px;
    padding: 4px 8px;
  }
  #nav .back-menu-item {
    padding: 4px 8px;
  }
  #nav .back-menu-item:hover {
    background: var(--efu-lighttext);
  }
  .back-menu-item:hover {
    background: var(--efu-lighttext);
  }
  .back-menu-item:hover .back-menu-item-text {
    color: var(--efu-nav-hover-text);
  }
  .back-menu-item .back-menu-item-icon {
    width: 24px;
    height: 24px;
    border-radius: 8px;
    background: var(--efu-none);
  }
  .back-menu-item .back-menu-item-text {
    font-size: 16px;
    transition: 0.3s;
    margin-left: 0.5rem;
    color: var(--efu-fontcolor);
  }
  @media screen and (max-width: 768px) {
    .back-menu-item .back-menu-item-text {
      font-size: 14px;
    }
  }
  .page #nav a:hover {
    color: var(--efu-nav-hover-text);
    background: var(--efu-main);
    transition: 0.3s;
    box-shadow: var(--efu-shadow-main);
  }
  .page #nav #site-name:hover i {
    color: var(--efu-nav-hover-text);
  }
  @media screen and (min-width: 768px) {
    .page .menus_item:hover > a.site-page {
      color: var(--efu-nav-hover-text) !important;
      background: var(--efu-main);
      box-shadow: var(--efu-shadow-main);
    }
  }
  .error #nav a:hover {
    background: var(--efu-main);
  }
  @media screen and (max-width: 768px) {
    .error #nav #site-name i {
      color: var(--efu-fontcolor);
    }
  }
  #menus > div.menus_items > div > a {
    max-width: 10rem;
    padding-left: 12px;
    padding-right: 12px;
    font-weight: 700;
    padding-top: 0;
    padding-bottom: 0;
    height: 35px;
    line-height: 35px;
    border-radius: 40px;
    letter-spacing: 0;
  }
  #menus > div.menus_items > div > a > span {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  @media screen and (min-width: 900px) {
    #page-name {
      align-items: center;
      display: flex;
      border-radius: 12px;
      height: 44px;
      position: absolute;
      top: 62px;
      left: 0;
      right: 0;
      margin: auto;
      justify-content: center;
      animation-timing-function: ease-out;
      transform: scale(1.1);
      width: fit-content;
      padding: 0 12px;
      opacity: 0;
      pointer-events: none;
      transition:
        top 0.3s,
        transform 0.3s,
        opacity 0.3s,
        box-shadow 0.3s,
        border-color 0.3s,
        backdrop-filter 0.3s;
    }
    #page-name::before {
      content: "";
      position: absolute;
      inset: 0;
      border-radius: inherit;
      background:
        linear-gradient(
          to bottom,
          var(--efu-maskbg),
          var(--efu-maskbgdeep));
      opacity: 0;
      transition: opacity 0.3s;
      pointer-events: none;
    }
    #page-name > * {
      position: relative;
      z-index: 1;
    }
  }
  @media screen and (min-width: 900px) {
    #page-name-mask {
      width: 100%;
      height: 60px;
      position: absolute;
      left: 0;
      pointer-events: none;
    }
  }
  @media screen and (min-width: 900px) {
    #page-header.nav-fixed #menus > .menus_items:hover,
    #page-header.nav-fixed #page-name:hover {
      transform: scale(1.05);
    }
  }
  #page-header.console-open #nav {
    z-index: 10000;
  }
  #page-header.console-open #nav #nav-right #nav-console .console_switchbutton.console-open label i {
    width: 100%;
    height: 0.2rem;
    top: calc(50% - 0.1rem);
    bottom: auto;
    left: 0;
    right: auto;
  }
  #page-header.console-open #nav #nav-right #nav-console .console_switchbutton.console-open label i.left {
    transform: rotate(45deg);
  }
  #page-header.console-open #nav #nav-right #nav-console .console_switchbutton.console-open label i.center {
    opacity: 0;
    transform: scale(0);
  }
  #page-header.console-open #nav #nav-right #nav-console .console_switchbutton.console-open label i.right {
    transform: rotate(-45deg);
  }
  @media screen and (max-width: 768px) {
    #nav-console {
      display: none;
    }
  }
  span.tags-punctuation {
    display: flex;
    align-items: center;
  }
  .bber-reply {
    cursor: pointer;
    margin: 0 4px;
  }
  .bber-reply:hover,
  .bber-reply:focus-visible {
    color: var(--efu-main);
  }
  .post-tips {
    color: var(--efu-gray);
    font-size: 14px;
    position: absolute;
    bottom: 1rem;
    left: 2rem;
  }
  @media screen and (max-width: 768px) {
    .post-tips {
      left: 1rem;
    }
  }
  .post-tips a {
    color: var(--efu-gray);
    border: none;
    margin: 0 4px;
  }
  .post-tips a:hover {
    color: var(--efu-main);
  }
  #pagination:not(.pagination-post) {
    width: 100%;
    overflow: visible;
  }
  #pagination:not(.pagination-post) .pagination {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-align: center;
  }
  #pagination:not(.pagination-post) .page-number:focus-visible,
  #pagination:not(.pagination-post) .extend:focus-visible,
  #pagination:not(.pagination-post) #toPageText:focus-visible {
    outline: 2px solid var(--efu-theme);
    outline-offset: 2px;
  }
  @media screen and (min-width: 769px) {
    #pagination:not(.pagination-post) .page-number {
      display: block;
      flex: 0 0 40px;
      width: 40px;
      min-width: 40px;
      height: 40px;
      margin: 0;
      padding: 0;
      color: var(--efu-fontcolor);
      line-height: 38px;
      background: var(--efu-card-bg);
      border: var(--style-border);
      border-radius: 99px;
      box-shadow: var(--efu-shadow-border);
      cursor: pointer;
      transition: 0.3s;
    }
    #pagination:not(.pagination-post) .page-number:hover {
      color: var(--efu-theme);
      border-color: var(--efu-theme);
      box-shadow: var(--efu-shadow-main);
    }
    #pagination:not(.pagination-post) .page-number.current {
      color: var(--efu-nav-hover-text);
      background: var(--efu-theme);
      border-color: var(--efu-theme);
      box-shadow: var(--efu-shadow-theme);
      cursor: default;
    }
    #pagination:not(.pagination-post) .page-number.current:hover {
      color: var(--efu-nav-hover-text);
      background: var(--efu-theme);
      border-color: var(--efu-theme);
      box-shadow: var(--efu-shadow-theme);
    }
    #pagination:not(.pagination-post) .space {
      display: block;
      flex: 0 0 16px;
      width: 16px;
      height: 40px;
      margin: 0;
      color: var(--efu-fontcolor);
      line-height: 32px;
    }
    #pagination:not(.pagination-post) a.extend.next,
    #pagination:not(.pagination-post) a.extend.prev {
      position: absolute;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 80px;
      min-width: 80px;
      height: 40px;
      margin: 0;
      padding: 0;
      color: var(--efu-fontcolor);
      line-height: 38px;
      background: var(--efu-card-bg);
      border: var(--style-border);
      border-radius: 99px;
      box-shadow: var(--efu-shadow-border);
      overflow: hidden;
      transition: 0.3s;
    }
    #pagination:not(.pagination-post) a.extend.next i,
    #pagination:not(.pagination-post) a.extend.prev i {
      transition: 0.3s;
    }
    #pagination:not(.pagination-post) a.extend:hover {
      color: var(--efu-theme);
      background: var(--efu-card-bg);
      border-color: var(--efu-theme);
      box-shadow: var(--efu-shadow-main);
    }
    #pagination:not(.pagination-post) a.extend.prev {
      left: 0;
    }
    #pagination:not(.pagination-post) a.extend.prev .pagination_tips_prev {
      margin-right: -32px;
      opacity: 0;
      transition: 0.3s ease-out;
    }
    #pagination:not(.pagination-post) a.extend.prev:hover .pagination_tips_prev {
      margin-right: 2px;
      opacity: 1;
      white-space: nowrap;
    }
    #pagination:not(.pagination-post) a.extend.next {
      right: 0;
    }
    #pagination:not(.pagination-post) a.extend.next .pagination_tips_next {
      margin-left: -32px;
      opacity: 0;
      transition: 0.3s ease-out;
    }
    #pagination:not(.pagination-post) a.extend.next:hover .pagination_tips_next {
      margin-left: 2px;
      opacity: 1;
      white-space: nowrap;
    }
    #pagination:not(.pagination-post) .toPageGroup {
      position: relative;
      display: flex;
      flex: 0 0 40px;
      width: 40px;
      height: 40px;
      margin: 0;
    }
    #pagination:not(.pagination-post) .toPageGroup input {
      width: 40px;
      height: 40px;
      padding-left: 12px;
      color: var(--efu-fontcolor);
      font-size: 16px;
      background: var(--efu-secondbg);
      border: var(--style-border-always);
      border-radius: 99px;
      outline: none;
      transition: 0.3s;
    }
    #pagination:not(.pagination-post) .toPageGroup input:focus {
      width: 100px;
      border-color: var(--efu-theme);
    }
    #pagination:not(.pagination-post) .toPageGroup:hover input {
      width: 100px;
      border-color: var(--efu-theme);
    }
    #pagination:not(.pagination-post) .toPageGroup a#toPageButton {
      position: absolute;
      top: 0;
      right: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 40px;
      height: 40px;
      color: var(--efu-fontcolor);
      background: var(--efu-card-bg);
      border: var(--style-border-always);
      border-radius: 99px;
      cursor: text;
      pointer-events: none;
      transition: 0.3s;
    }
    #pagination:not(.pagination-post) .toPageGroup a#toPageButton.haveValue {
      cursor: pointer;
      pointer-events: auto;
    }
    #pagination:not(.pagination-post) .toPageGroup a#toPageButton.haveValue:hover {
      color: var(--efu-nav-hover-text);
      background: var(--efu-theme);
      opacity: 1;
    }
    #pagination:not(.pagination-post) .toPageGroup:hover a#toPageButton,
    #pagination:not(.pagination-post) .toPageGroup:focus-within a#toPageButton {
      top: 5px;
      right: 4px;
      width: 30px;
      height: 30px;
      background: var(--efu-card-bg);
      border-color: transparent;
      border-radius: 99px;
      opacity: 0.2;
    }
  }
  @media screen and (max-width: 768px) {
    #pagination:not(.pagination-post) {
      margin: 0;
    }
    #pagination:not(.pagination-post) .pagination {
      gap: 10px;
      margin: 0;
    }
    #pagination:not(.pagination-post) .pagination .extend {
      position: static;
      display: flex;
      flex: 1 1 0;
      align-items: center;
      justify-content: center;
      width: 100%;
      min-width: 0;
      height: 50px;
      margin: 0;
      padding: 0;
      color: var(--efu-fontcolor);
      line-height: 50px;
      background: var(--efu-card-bg);
      border: var(--style-border-always);
      border-radius: 12px;
      box-shadow: var(--efu-shadow-border);
    }
    #pagination:not(.pagination-post) .pagination .extend:hover {
      color: var(--efu-nav-hover-text);
      background: var(--efu-theme);
      border-color: var(--efu-theme);
    }
    #pagination:not(.pagination-post) .pagination .extend i {
      display: none;
    }
    #pagination:not(.pagination-post) .page-number,
    #pagination:not(.pagination-post) .space,
    #pagination:not(.pagination-post) .toPageGroup {
      display: none;
    }
  }
  @media screen and (max-width: 768px) {
    #category #recent-posts,
    #tag #recent-posts {
      padding: 0;
    }
  }
  @media screen and (min-width: 768px) {
    #tag-page-tags + #recent-posts {
      margin-top: calc(64px - 0.5rem);
    }
  }
  .recent-post-item {
    box-shadow: var(--efu-shadow-light2black);
    display: flex;
    align-items: center;
    animation: slide-in 0.6s 0.4s backwards;
    transition: all 0.3s ease 0s;
    overflow: hidden;
    height: fit-content;
    background: var(--efu-card-bg);
    border-radius: 12px;
    cursor: pointer;
    border: var(--style-border);
  }
  @media screen and (max-width: 1300px) {
    .recent-post-item {
      margin-bottom: 0.5rem;
    }
  }
}

/* ns-hugo-imp:D:\桌面\hugoBlog\blog\themes\Solitude\assets\css\solitude\components\aside-console.css */
@layer solitude.components {
  @media screen and (min-width: 1200px) {
    #aside-content {
      width: 300px;
    }
  }
  @media screen and (min-width: 1200px) {
    #aside-content {
      padding-left: 15px;
    }
  }
  @media screen and (max-width: 1199px) {
    #aside-content .card-widget:not(#card-toc) {
      display: none;
    }
  }
  #aside-content .card-widget {
    border-radius: var(--radius);
    transition: all 0.3s;
    overflow: hidden;
    background: var(--efu-card-bg);
    box-shadow: var(--efu-shadow-black);
    border: var(--style-border);
    -webkit-user-select: none;
    user-select: none;
  }
  #aside-content .card-widget .item-headline {
    padding-bottom: 0;
    margin-left: 8px;
    font-size: 1em;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 5px;
  }
  #aside-content .card-widget .item-headline i {
    font-size: 18px;
  }
  #aside-content .card-widget .card-content {
    padding: 1rem 1.2rem;
    min-height: 320px;
    height: 320px;
    position: relative;
    -webkit-user-select: none;
    user-select: none;
    display: flex;
    flex-direction: column;
    gap: var(--gap);
  }
  .card-info {
    position: relative;
    --profile-card-text-color: var(--efu-card-bg);
  }
  .card-info::before {
    background:
      linear-gradient(
        -25deg,
        var(--current-banner-theme, var(--efu-main)),
        var(--current-banner-theme-op-deep, var(--efu-main-op-deep)));
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    content: "";
    transition: background 0.2s;
  }
  .card-info:hover .avatar,
  .card-info:hover .sticker {
    transform: scale(0);
  }
  .card-info:hover .description {
    opacity: 1;
  }
  .card-info .sayhi {
    width: fit-content;
    font-size: 12px;
    background: var(--efu-white-op);
    border-radius: var(--radius);
    cursor: pointer;
    min-width: 100px;
    padding: 2px 10px;
    color: var(--efu-white);
    transition: all 0.3s;
  }
  [data-theme=dark] .card-info .sayhi {
    background: var(--efu-black);
  }
  .card-info .sayhi:hover {
    background: var(--efu-white);
    color: var(--efu-main);
    transform: scale(1.1);
    transition: all 0.3s;
  }
  [data-theme=dark] .card-info .sayhi:hover {
    background: var(--efu-black);
    color: var(--efu-white);
  }
  .card-info .avatar {
    width: 118px;
    height: 118px;
    min-width: 118px;
    min-height: 118px;
    right: calc(50% - 59px);
    top: 90px;
    position: absolute;
    transition: cubic-bezier(0.69, 0.39, 0, 1.21) 0.3s;
    transform-origin: bottom;
  }
  .card-info .avatar > img {
    border-radius: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: 5px solid var(--efu-card-bg);
    overflow: hidden;
  }
  .card-info .avatar .sticker {
    position: absolute;
    bottom: 2px;
    right: 2px;
    width: 33px;
    height: 33px;
    line-height: 34px;
    z-index: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s ease-out 0.2s;
    background: var(--efu-white);
    border-radius: 50%;
  }
  .card-info .avatar .sticker-emoji {
    font-size: 21px;
    line-height: 1;
  }
  .card-info .avatar .sticker-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
  }
  .card-info .description {
    width: 100%;
    opacity: 0;
    transition: 0.3s;
    color: var(--profile-card-text-color);
    display: flex;
    flex-direction: column;
    line-height: 1.5;
    gap: var(--gap);
  }
  .card-info .bottom-group {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 1rem;
    display: flex;
    justify-content: space-between;
  }
  .card-info .bottom-group .left {
    flex: 1;
    min-width: 0;
  }
  .card-info .bottom-group .left .name {
    font-weight: 700;
    color: var(--profile-card-text-color);
    font-size: 20px;
    line-height: 1;
    margin-bottom: 5px;
    transition: color 0.2s;
  }
  .card-info .bottom-group .left .desc {
    font-size: 12px;
    color: var(--profile-card-text-color);
    opacity: 0.6;
    line-height: 1;
    transition: color 0.2s;
  }
  .card-info .bottom-group .social-icons {
    flex: 1;
    display: flex;
    justify-content: flex-end;
    gap: 5px;
  }
  .card-info .bottom-group .social-icons .social-icon {
    color: var(--efu-fontcolor);
    cursor: pointer;
    display: flex;
    flex: 0 0 40px;
    transition: all 0.3s;
  }
  .card-info .bottom-group .social-icons .social-icon:hover {
    transform: scale(1.1);
  }
  .card-info .bottom-group .social-icons .social-icon:hover i {
    color: var(--efu-main);
    background: var(--efu-white);
  }
  .card-info .bottom-group .social-icons .social-icon i {
    background: var(--efu-white-op);
    color: var(--efu-white);
    flex: 0 0 40px;
    font-size: 1rem;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease 0s;
    padding: 8px;
    border-radius: 32px;
  }
  [data-theme=dark] .card-info .bottom-group .social-icons .social-icon i {
    background: var(--efu-black);
    color: var(--efu-white);
  }
  #body-wrap.post #aside-content .card-info .description,
  #body-wrap.post #aside-content .card-info .bottom-group .name,
  #body-wrap.post #aside-content .card-info .bottom-group .desc {
    color: var(--efu-white);
  }
  .card-webinfo {
    padding: 0.5rem 1rem;
  }
  .webinfo-item {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    -webkit-user-select: none;
    user-select: none;
    font-size: 14px;
  }
  .card-tag-cloud {
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 5px;
  }
  #aside-content .card-tag-cloud {
    max-height: 360px;
  }
  #aside-content .card-tag-cloud.all-tags {
    max-height: none;
  }
  #aside-content .card-tag-cloud.all-tags::after {
    display: none;
  }
  #aside-content .card-tag-cloud.is-overflowing::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 150px;
    background-image:
      linear-gradient(
        to top,
        var(--efu-card-bg),
        transparent);
    pointer-events: none;
  }
  .card-tag-cloud a {
    color: var(--efu-fontcolor);
    padding: 0 0.3rem;
    font-size: 0.8rem;
    border-radius: 8px;
    transition: 0.3s;
  }
  .card-tag-cloud a:hover {
    background: var(--efu-lighttext);
    color: var(--efu-card-bg);
    box-shadow: var(--efu-shadow-theme);
  }
  .card-tag-cloud a sup {
    opacity: 0.6;
    margin-left: 2px;
  }
  #card-toc:hover .toc-content .toc-link:not(.active) span {
    filter: blur(0);
    opacity: 1;
  }
  @media screen and (min-width: 901px) {
    #card-toc {
      right: 0;
      padding: 0.5rem;
    }
  }
  @media screen and (max-width: 1200px) {
    #card-toc {
      position: fixed;
      right: 3rem;
      bottom: 1rem;
      z-index: 100;
      max-width: 380px;
      max-height: calc(100% - 60px);
      width: calc(100% - 80px);
      transition: transform 0.3s;
      transform: scale(0);
      transform-origin: right bottom;
      padding: 0.5rem;
    }
    #card-toc.open {
      transform: scale(1);
    }
  }
  #card-toc .toc-content {
    overflow-y: auto;
    max-height: calc(100vh - 300px);
  }
  #card-toc .toc-content * > .toc-item > .toc-child {
    margin-left: 10px;
    transition: display 0.3s ease-in-out 0s;
    padding-left: 10px;
  }
  #card-toc .toc-content ol {
    margin: 0;
    padding-left: 0.4rem;
  }
  #card-toc .toc-content olul {
    list-style: none;
  }
  #card-toc .toc-content > ol {
    padding-left: 0;
  }
  #card-toc .toc-content .toc-child {
    display: none;
  }
  #card-toc .toc-content .toc-child .toc-child {
    display: none;
  }
  #card-toc .toc-content .toc-child .toc-child.active {
    display: block;
  }
  #card-toc .toc-content .toc-item.active > .toc-child {
    display: block;
  }
  #card-toc .toc-content .toc-item.active .toc-link {
    opacity: 1;
  }
  #card-toc .toc-content .toc-link {
    transition: all 0.2s;
    line-height: 24px;
    padding: 8px;
    color: var(--efu-secondtext);
    min-height: 40px;
    display: flex;
    align-items: center;
  }
  #card-toc .toc-content .toc-link.active {
    background-color: var(--efu-card-bg);
    color: var(--efu-lighttext);
    font-weight: 700;
    font-size: 20px;
  }
  #card-toc .toc-content .toc-link:not(.active) span {
    opacity: 0.6;
    cursor: pointer;
    filter: blur(1px);
    transition: 0.3s;
  }
  .sticky_layout {
    position: sticky;
    top: 60px;
    transition: top 0s;
    display: flex;
    flex-direction: column;
    gap: var(--gap);
  }
  .card-recent-post {
    padding: 0.5rem;
  }
  .card-recent-post .aside-list .aside-list-item {
    padding: 2px 6px 8px 6px;
    border-radius: 12px;
    transition: 0.3s;
    margin: 4px 0;
    cursor: pointer;
    display: flex;
    align-items: flex-start;
  }
  .card-recent-post .aside-list .aside-list-item:hover {
    background: var(--efu-main);
    color: var(--efu-white);
    box-shadow: var(--efu-shadow-main);
  }
  .card-recent-post .aside-list .aside-list-item:hover .content a {
    color: var(--efu-white);
  }
  .card-recent-post .aside-list .aside-list-item .thumbnail {
    border-radius: 8px;
    border: var(--style-border);
    display: flex;
    align-items: center;
    overflow: hidden;
    width: 2.1em;
    height: 2.1em;
    margin-top: 4px;
  }
  .card-recent-post .aside-list .aside-list-item .thumbnail img {
    width: 140%;
    height: 140%;
    transition: all 0.6s ease;
    object-fit: cover;
  }
  .card-recent-post .aside-list .aside-list-item .content {
    flex: 1;
    padding-left: 10px;
    word-break: break-all;
    display: flex;
    flex-direction: column;
  }
  .card-recent-post .aside-list .aside-list-item .content .title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    font-weight: 700;
    margin: 4px 0;
    font-size: 95%;
    line-height: 1.3;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .card-recent-post .aside-list .aside-list-item .content .categories {
    font-size: 12px;
    font-weight: 700;
    opacity: 0.6;
    line-height: 1;
  }
  .card-recent-comment {
    --recent-comment-avatar-size: 40px;
    --recent-comment-author-size: 13px;
    --recent-comment-body-size: 14px;
    --recent-comment-meta-size: 12px;
    --recent-comment-row-gap: 10px;
    --recent-comment-row-radius: var(--efu-radius-md);
    --recent-comment-row-padding: var(--efu-space-3);
  }
  .card-recent-comment .item-headline {
    min-height: 48px;
    margin: 0;
    padding: var(--efu-space-1) var(--efu-space-2) 0 var(--efu-space-3);
    gap: var(--efu-space-2);
  }
  .card-recent-comment .recent-comment-more {
    width: 40px;
    height: 40px;
    margin-left: auto;
    border-radius: var(--efu-radius-pill);
    color: var(--efu-secondtext);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition:
      color var(--efu-motion-fast),
      background-color var(--efu-motion-fast),
      box-shadow var(--efu-motion-fast);
  }
  .card-recent-comment .recent-comment-more i {
    font-size: 14px;
  }
  .card-recent-comment .recent-comment-more:hover {
    color: var(--efu-lighttext);
    background: color-mix(in srgb, var(--efu-main) 9%, var(--efu-card-bg));
  }
  .card-recent-comment .recent-comment-more:focus-visible {
    outline: none;
    color: var(--efu-lighttext);
    background: color-mix(in srgb, var(--efu-main) 9%, var(--efu-card-bg));
    box-shadow: var(--efu-focus-ring);
  }
  .card-recent-comment .aside-list {
    padding: 0 var(--efu-space-1) var(--efu-space-2);
  }
  .card-recent-comment .aside-list[aria-busy=true],
  .card-recent-comment .aside-list:has(.comment-status) {
    min-height: 104px;
    display: grid;
    place-items: center;
    padding: var(--efu-space-3);
  }
  .card-recent-comment .comment-loading {
    color: var(--efu-secondtext);
    font-size: var(--recent-comment-meta-size);
    display: inline-flex;
    align-items: center;
    gap: var(--efu-space-2);
  }
  .card-recent-comment .comment-loading::before {
    content: "";
    width: 14px;
    height: 14px;
    border: 2px solid var(--efu-main-op);
    border-top-color: var(--efu-main);
    border-radius: 50%;
    animation: st-spin 0.8s linear infinite;
  }
  .card-recent-comment .aside-list-item {
    width: 100%;
    min-width: 0;
    padding: var(--recent-comment-row-padding);
    border-radius: var(--recent-comment-row-radius);
    color: var(--efu-fontcolor);
    display: flex;
    align-items: flex-start;
    gap: var(--recent-comment-row-gap);
    position: relative;
    transition:
      color var(--efu-motion-fast),
      background-color var(--efu-motion-fast),
      box-shadow var(--efu-motion-fast);
  }
  .card-recent-comment .aside-list-item + .aside-list-item {
    border-top: 1px solid color-mix(in srgb, var(--efu-card-border) 70%, transparent);
  }
  .card-recent-comment .aside-list-item:hover,
  .card-recent-comment .aside-list-item:focus-visible {
    color: var(--efu-fontcolor);
    background: color-mix(in srgb, var(--efu-main) 9%, var(--efu-card-bg));
  }
  .card-recent-comment .aside-list-item:focus-visible {
    outline: none;
    box-shadow: var(--efu-focus-ring);
  }
  .card-recent-comment .aside-list-item .thumbnail {
    width: var(--recent-comment-avatar-size);
    height: var(--recent-comment-avatar-size);
    flex: 0 0 var(--recent-comment-avatar-size);
    margin-top: 2px;
    border: var(--style-border-always);
    border-radius: 50%;
    overflow: hidden;
    background: var(--efu-secondbg);
  }
  .card-recent-comment .aside-list-item .thumbnail img {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: inherit;
    object-fit: cover;
    transition: transform var(--efu-motion-fast);
  }
  .card-recent-comment .aside-list-item:hover .thumbnail img,
  .card-recent-comment .aside-list-item:focus-visible .thumbnail img {
    transform: scale(1.06);
  }
  .card-recent-comment .aside-list-item .content {
    min-width: 0;
    flex: 1;
    display: grid;
    gap: var(--efu-space-1);
  }
  .card-recent-comment .comment-meta {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: var(--efu-space-2);
    line-height: 1.35;
  }
  .card-recent-comment .comment-author {
    min-width: 0;
    flex: 1;
    overflow: hidden;
    color: var(--efu-fontcolor);
    font-size: var(--recent-comment-author-size);
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .card-recent-comment .datetime {
    flex: none;
    color: var(--efu-secondtext);
    font-size: var(--recent-comment-meta-size);
    white-space: nowrap;
  }
  .card-recent-comment .comment {
    color: var(--efu-fontcolor);
    font-size: var(--recent-comment-body-size);
    line-height: 1.45;
    word-break: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  .card-recent-comment .comment-source {
    min-width: 0;
    color: var(--efu-secondtext);
    font-size: var(--recent-comment-meta-size);
    line-height: 1.4;
    display: flex;
    align-items: center;
    gap: var(--efu-space-1);
    transition: color var(--efu-motion-fast);
  }
  .card-recent-comment .comment-source i {
    width: 14px;
    flex: none;
    color: var(--efu-lighttext);
    font-size: 11px;
    text-align: center;
  }
  .card-recent-comment .comment-source span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .card-recent-comment .aside-list-item:hover .comment-source,
  .card-recent-comment .aside-list-item:focus-visible .comment-source {
    color: var(--efu-lighttext);
  }
  @media (prefers-reduced-motion: reduce) {
    .card-recent-comment .comment-loading::before {
      animation: none;
    }
    .card-recent-comment .aside-list-item .thumbnail img {
      transition: none;
    }
  }
  #more-tags-btn {
    transition: 0.3s;
    width: 100%;
    text-align: center;
    background: var(--efu-secondbg);
    color: var(--efu-fontcolor);
    border-radius: 8px;
    display: flex;
    justify-content: center;
    font-size: 14px;
    padding: 4px 0;
    border: var(--style-border-always);
    box-shadow: var(--efu-shadow-border);
    cursor: pointer;
  }
  #more-tags-btn:hover {
    background: var(--efu-main);
  }
  #console {
    display: flex;
    position: fixed;
    width: 100dvw;
    height: 100dvh;
    top: 0;
    left: 0;
    z-index: 9999;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    opacity: 0;
    transition: 0.3s ease-out;
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
  }
  #console.show {
    opacity: 1;
    pointer-events: all;
  }
  #console.show .console-card-group {
    transform: translateY(0);
    opacity: 1;
    transition-delay: 0.1s;
  }
  #console.show .button-group {
    transform: translateY(0);
    opacity: 1;
    transition-delay: 0.2s;
  }
  #console.show .console-content > * {
    pointer-events: auto;
  }
  #console.show .console-mask {
    backdrop-filter: saturate(180%) blur(20px);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    animation: 0.6s ease 0s 1 normal none running to_show;
  }
  #console .console-content {
    display: flex;
    position: relative;
    width: 100%;
    max-width: calc(100% - 32px);
    max-height: 800px;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    pointer-events: none;
  }
  #console .recent-comment-more {
    display: flex;
    align-items: center;
    margin-left: auto;
  }
  #console .recent-comment-more:hover {
    color: var(--efu-main);
  }
  #console .console-card-group {
    display: flex;
    width: 100%;
    height: 800px;
    max-height: calc(100dvh - 180px);
    justify-content: center;
    align-items: center;
    gap: 8px;
    opacity: 0;
    transform: translateY(20px);
    transition: 0.3s;
  }
  @media screen and (max-width: 768px) {
    #console .console-card-group {
      display: none;
    }
  }
  #console .console-card-group-left {
    width: 40%;
    max-width: 550px;
    height: 100%;
  }
  @media screen and (max-width: 900px) {
    #console .console-card-group-left {
      display: none;
    }
  }
  #console .console-card-group-right {
    display: flex;
    width: 60%;
    max-width: 899px;
    height: 100%;
    flex-direction: column;
    justify-content: center;
  }
  @media screen and (max-width: 900px) {
    #console .console-card-group-right {
      width: 100%;
    }
  }
  #console .console-card {
    display: flex;
    padding: 32px 36px 36px;
    flex-direction: column;
    gap: 24px;
    background: var(--efu-maskbgdeep);
    border-radius: 12px;
    box-shadow: var(--efu-shadow-glass);
  }
  #console .console-card.tags {
    height: calc(100% - 163px);
  }
  #console .console-card.tags:only-child {
    height: 100%;
  }
  @media screen and (max-height: 800px) {
    #console .console-card.tags {
      height: 100%;
    }
  }
  #console .console-card.tags .card-tag-cloud {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    gap: 8px;
    overflow-y: auto;
    scrollbar-width: none;
  }
  #console .console-card.tags .card-tag-cloud::-webkit-scrollbar {
    display: none;
  }
  #console .console-card.tags .card-tag-cloud a {
    padding: 2px 8px;
    color: var(--efu-fontcolor);
    background: var(--efu-card-bg);
    border: var(--style-border);
    border-radius: 8px;
    font-size: 14px;
    font-weight: 700;
    transition: 0.3s;
  }
  #console .console-card.tags .card-tag-cloud a:hover {
    color: var(--efu-white);
    background: var(--efu-main);
  }
  #console .console-card.tags .card-tag-cloud a sup {
    opacity: 0.6;
  }
  #console .console-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background: var(--efu-maskbg);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform: translateZ(0);
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transition: backdrop-filter 0.3s, -webkit-backdrop-filter 0.3s;
  }
  #console .author-content-item-tips {
    margin-bottom: 8px;
    opacity: 0.8;
    font-size: 10px;
  }
  #console .author-content-item-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 28px;
    font-weight: 700;
    line-height: 1;
  }
  #console .aside-list {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 24px;
  }
  #console .button-group {
    display: flex;
    width: fit-content;
    justify-content: center;
    gap: 8px;
    opacity: 0;
    transform: translateY(20px);
    transition: 0.3s;
  }
  #console .button-group .console-btn-item {
    width: 80px;
    height: 40px;
    cursor: pointer;
    transition: 0.3s;
  }
  #console .button-group .console-btn-item :is(span, button) {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    color: var(--efu-fontcolor);
    background:
      linear-gradient(
        to bottom,
        var(--efu-maskbg),
        var(--efu-maskbgdeep));
    border: var(--style-border);
    border-radius: 60px;
    box-shadow: var(--efu-shadow-glass);
    cursor: pointer;
    font: inherit;
    transition: 0.3s;
  }
  #console .button-group .console-btn-item :is(span, button) i {
    font-size: 16px;
  }
  [data-theme=dark] #console .button-group .console-btn-item :is(span, button).darkmode_switchbutton {
    color: var(--efu-white);
    background: var(--efu-orange);
  }
  #console .button-group .console-btn-item.on :is(span, button) {
    color: var(--efu-white);
    background: var(--efu-orange);
  }
  #console .button-group .console-btn-item:hover :is(span, button),
  #console .button-group .console-btn-item :is(span, button):focus-visible {
    color: var(--efu-white);
    background: var(--efu-main);
  }
  #console .console-card.history {
    height: 154px;
    margin-top: 8px;
    padding: 0;
    background: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
  }
  @media screen and (max-height: 800px) {
    #console .console-card.history {
      display: none;
    }
  }
  #console .console-card.history .item-headline {
    display: none;
  }
  #console .console-card.history .card-archive-list {
    display: flex;
    height: 154px;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: space-between;
    gap: 8px;
  }
  #console .console-card.history .card-archive-list li.item {
    height: 72px;
    flex: 1 1 calc(25% - 6px);
  }
  #console .console-card.history .card-archive-list a {
    display: flex;
    height: 100%;
    padding: 8px 16px;
    flex-direction: column;
    align-content: space-between;
    color: var(--efu-fontcolor);
    background:
      linear-gradient(
        to bottom,
        var(--efu-maskbg),
        var(--efu-maskbgdeep));
    border: var(--style-border);
    border-radius: 8px;
    box-shadow: var(--efu-shadow-glass);
    transition: 0.3s;
  }
  #console .console-card.history .card-archive-list a:hover {
    color: var(--efu-white);
    background: var(--efu-main);
    cursor: pointer;
  }
  #console .console-card.history .card-archive-list a .date {
    opacity: 0.6;
    font-size: 14px;
  }
  #console .console-card.history .card-archive-list a .count-group {
    display: flex;
    flex-direction: row;
  }
  #console .console-card.history .card-archive-list a .count-group .count {
    width: auto;
    margin-right: 2px;
    text-align: left;
    font-size: 18px;
    font-weight: 700;
    line-height: 0.9;
  }
  #console .console-card.history .card-archive-list a .count-group .unit {
    width: auto;
    text-align: left;
    font-size: 14px;
    font-weight: 700;
  }
  #console #card-newest-comments {
    height: 100%;
  }
  @media screen and (max-width: 1300px) {
    #console #consoleMusic,
    #console #consoleCommentBarrage {
      display: none;
    }
  }
  @media screen and (max-height: 800px) {
    #console #consoleMusic,
    #console #consoleCommentBarrage {
      display: none;
    }
  }
  @media screen and (max-width: 768px) {
    #console #consoleHideAside {
      display: none;
    }
  }
  #footer {
    position: relative;
    background:
      linear-gradient(
        180deg,
        var(--efu-card-bg-none) 0,
        var(--efu-card-bg) 25%);
    display: flex;
    flex-direction: column;
    margin-top: 0.5rem;
  }
  @media screen and (max-width: 768px) {
    #footer {
      margin-top: 0;
    }
  }
  #footer:before {
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    z-index: -1;
  }
  #footer #footer_deal {
    justify-content: center;
    display: flex;
    padding-top: 2rem;
    align-items: center;
  }
  @media screen and (max-width: 768px) {
    #footer #footer_deal {
      flex-wrap: wrap;
      flex-direction: row;
    }
  }
}

/* ns-hugo-imp:D:\桌面\hugoBlog\blog\themes\Solitude\assets\css\solitude\components\keyboard.css */
@layer solitude.components {
  #keyboard-tips {
    --keyboard-panel-inline: 20px;
    --keyboard-panel-top: 80px;
    --keyboard-key-group-width: 90px;
    position: fixed;
    top: var(--keyboard-panel-top);
    left: var(--keyboard-panel-inline);
    z-index: 999;
    display: flex;
    max-width: calc(100vw - (var(--keyboard-panel-inline) * 2));
    max-height: calc(100dvh - var(--keyboard-panel-top) - 20px);
    padding: 20px;
    overflow: auto;
    flex-direction: column;
    color: var(--efu-fontcolor);
    background: var(--efu-maskbgdeep);
    border: var(--style-border);
    border-radius: 12px;
    box-shadow: var(--efu-shadow-border);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateZ(0);
    backdrop-filter: saturate(180%) blur(20px);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    transition: opacity 0.3s, visibility 0s linear 0.3s;
  }
  #keyboard-tips.show {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.1s;
  }
  #keyboard-tips .keyboardTitle {
    color: var(--efu-secondtext);
    font-size: 12px;
    line-height: 1;
  }
  #keyboard-tips .keyboardList {
    display: flex;
    margin-top: 8px;
    flex-direction: column;
  }
  #keyboard-tips .keyboardItem {
    display: grid;
    min-width: 0;
    margin-top: 4px;
    grid-template-columns: var(--keyboard-key-group-width) minmax(0, 1fr);
    align-items: center;
  }
  #keyboard-tips .keyGroup {
    display: flex;
    width: var(--keyboard-key-group-width);
    align-items: center;
  }
  #keyboard-tips .key {
    display: inline-flex;
    height: 24px;
    margin-right: 4px;
    padding: 0.2em 0.4em;
    overflow: hidden;
    align-items: center;
    color: var(--efu-fontcolor);
    background: var(--efu-card-bg);
    border: var(--style-border);
    border-color: var(--efu-secondtext);
    border-bottom-width: 2px;
    border-radius: 0.25rem;
    box-shadow: var(--efu-shadow-border);
    font-family: inherit;
    font-size: 0.875em;
    font-weight: 500;
    line-height: 1;
    white-space: nowrap;
  }
  #keyboard-tips .keyContent {
    min-width: 0;
    line-height: 1.5;
    overflow-wrap: anywhere;
  }
  @media screen and (max-width: 480px) {
    #keyboard-tips {
      --keyboard-panel-inline: 12px;
      --keyboard-panel-top: 72px;
      max-height: calc(100dvh - var(--keyboard-panel-top) - 12px);
      padding: 16px;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    #keyboard-tips,
    #keyboard-tips.show {
      transition: none;
    }
  }
}

/* ns-hugo-imp:D:\桌面\hugoBlog\blog\themes\Solitude\assets\css\solitude\components\post-feed.css */
@layer solitude.components {
  @media screen and (max-width: 768px) {
    .recent-post-item {
      border-radius: 12px;
      border: var(--style-border-always);
      box-shadow: var(--efu-shadow-border);
      display: block;
      position: relative;
      clip-path: inset(0 0 0 0 round 12px);
    }
  }
  .recent-post-item:hover {
    box-shadow: var(--efu-shadow-main);
    border: var(--style-border-hover);
  }
  .recent-post-item:hover .post_cover img.post_bg {
    transform: scale(1.03);
    transition: 0.3s ease-in-out;
    filter: brightness(0.85);
  }
  .recent-post-item:hover .recent-post-info-top .article-title {
    color: var(--efu-theme);
  }
  .recent-post-item .post_cover {
    position: relative;
    transition: 1s;
    width: 100%;
    overflow: hidden;
    height: 100%;
  }
  @media screen and (min-width: 1300px) {
    .recent-post-item .post_cover {
      height: 225px;
    }
  }
  @media screen and (max-width: 1300px) {
    .recent-post-item .post_cover {
      width: 75%;
      display: flex;
      height: 220px;
    }
  }
  @media screen and (max-width: 768px) {
    .recent-post-item .post_cover {
      width: 100%;
      height: 170px;
      border-radius: 5px 8px 0 0;
    }
  }
  .recent-post-item .post_cover a {
    min-width: 100%;
    min-height: 100%;
  }
  .recent-post-item .post_cover img.post_bg {
    width: 100%;
    height: 100%;
    transition: all 0.6s ease 0s;
    object-fit: cover;
  }
  @media screen and (max-width: 1300px) {
    .recent-post-item .post_cover img.post_bg {
      min-width: 100%;
      -webkit-backface-visibility: hidden;
      -webkit-transform-style: preserve-3d;
      min-height: 100%;
      -webkit-user-select: none;
      user-select: none;
    }
  }
  @media screen and (max-width: 768px) {
    .recent-post-item .post_cover img.post_bg {
      border-radius: 12px 12px 0 0;
    }
  }
  .recent-post-item > .recent-post-info {
    height: 100%;
    width: 100%;
    padding: 18px 32px 18px 32px;
    cursor: pointer;
    position: relative;
    display: flex;
    overflow: hidden;
    flex-direction: column;
    gap: 16px;
    justify-content: space-between;
  }
  @media screen and (min-width: 1300px) {
    .recent-post-item > .recent-post-info {
      min-height: 165px;
    }
  }
  .recent-post-item > .recent-post-info span.tags-punctuation {
    transition: 0.3s;
  }
  .recent-post-item > .recent-post-info span.tags-punctuation:hover {
    color: var(--efu-main);
  }
  .recent-post-item > .recent-post-info .recent-post-info-top {
    position: relative;
    transition: 0.3s;
    width: 100%;
  }
  .recent-post-item > .recent-post-info .recent-post-info-top .article-title {
    line-height: 30px;
    margin-top: 0;
    font-weight: 700;
    margin-bottom: 0;
    width: 100%;
    transition: 0.3s;
    font-size: 1rem;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
  }
  .recent-post-item > .recent-post-info .recent-post-info-top .recent-post-info-top-tips {
    display: flex;
    -webkit-user-select: none;
    user-select: none;
  }
  .recent-post-item > .recent-post-info .recent-post-info-top .recent-post-info-top-tips > .sticky-warp {
    display: flex;
    position: relative;
    margin-right: 8px;
    justify-content: center;
    align-items: center;
    font-size: 0.5rem;
  }
  .recent-post-item > .recent-post-info .recent-post-info-top .recent-post-info-top-tips > .sticky-warp i {
    font-size: 0.5rem;
    margin-right: 3px;
  }
  .recent-post-item > .recent-post-info .recent-post-info-top .recent-post-info-top-tips .original {
    display: flex;
    color: var(--efu-secondtext);
    font-size: 0.5rem;
    position: relative;
    margin-right: 8px;
  }
  .recent-post-item > .recent-post-info .recent-post-info-top .recent-post-info-top-tips .unvisited-post {
    display: flex;
    color: color-mix(in srgb, var(--efu-secondtext) 82%, transparent);
    font-size: 0.5rem;
    position: relative;
  }
  .recent-post-item > .recent-post-info .recent-post-info-top .recent-post-info-top-tips .original.latest-post {
    color: color-mix(in srgb, var(--efu-secondtext) 82%, transparent);
  }
  .recent-post-item > .recent-post-info .recent-post-info-top .recent-post-info-top-tips .unvisited-post:visited {
    color: var(--efu-card-bg);
  }
  .article-meta-wrap {
    --post-card-commenter-size: 28px;
    --post-card-commenter-overlap: -8px;
    color: var(--efu-fontcolor);
    font-size: 0.7rem;
    -webkit-user-select: none;
    user-select: none;
    position: relative;
    transition: 0.3s;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    min-height: var(--post-card-commenter-size);
    width: 100%;
    left: 0;
    white-space: nowrap;
  }
  .article-meta-wrap > [hidden] {
    display: none;
  }
  .post-card-commenters {
    display: flex;
    align-items: center;
    min-width: 0;
    isolation: isolate;
  }
  .post-card-commenter,
  .post-card-commenter-more {
    width: var(--post-card-commenter-size);
    height: var(--post-card-commenter-size);
    box-sizing: border-box;
    border: 2px solid var(--efu-card-bg);
    border-radius: 999px;
    background: var(--efu-secondbg);
  }
  .post-card-commenter {
    position: relative;
    display: block;
    flex: 0 0 var(--post-card-commenter-size);
    overflow: hidden;
    transition: transform 0.2s ease;
  }
  .post-card-commenter + .post-card-commenter {
    margin-inline-start: var(--post-card-commenter-overlap);
  }
  .post-card-commenter:hover {
    z-index: 2;
    transform: translateY(-2px);
  }
  .post-card-commenter img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    object-fit: cover;
  }
  .post-card-commenter-more {
    display: grid;
    place-items: center;
    min-width: var(--post-card-commenter-size);
    width: auto;
    margin-inline-start: 4px;
    padding-inline: 5px;
    color: var(--efu-secondtext);
    font-size: 0.65rem;
    font-weight: 600;
    line-height: 1;
  }
  .article-meta-wrap > .article-meta {
    margin: 0 8px 0 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
  }
  .article-meta-wrap > .article-meta > .article-meta__tags {
    margin-right: 8px;
    padding: 0 0.2rem 0 0;
    color: var(--efu-fontcolor);
  }
  .article-meta-wrap > .post-meta-date {
    flex: 0 0 auto;
    margin-inline-start: 12px;
    right: 0;
    text-align: right;
  }
  .article-meta-wrap > .post-meta-date i {
    display: none;
  }
  .article-meta-wrap .article-meta__separator {
    display: none;
  }
  .article-meta-wrap a:hover {
    background-color: var(--efu-none);
    color: var(--efu-lighttext);
    cursor: pointer;
    border-radius: 4px;
  }
  .article-meta-wrap i {
    margin: 0 0.4rem 0 0;
  }
  .article-meta-wrap .sticky {
    color: var(--efu-fontcolor);
  }
  @media screen and (max-width: 768px) {
    .article-meta-wrap {
      --post-card-commenter-size: 26px;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .post-card-commenter {
      transition: none;
    }
    .post-card-commenter:hover {
      transform: none;
    }
  }
  #recent-posts {
    position: relative;
  }
  @media screen and (min-width: 1300px) {
    #recent-posts {
      display: flex;
      flex-wrap: wrap;
      gap: 0.5rem;
      transition: width 0.3s;
    }
  }
  @media screen and (max-width: 768px) {
    #recent-posts {
      padding: 0 1rem;
    }
  }
  @media screen and (min-width: 1300px) {
    #recent-posts > .recent-post-item {
      flex-direction: column;
      width: 100%;
      flex: 1 1 40%;
      max-width: 50%;
      box-shadow: var(--efu-shadow-border);
    }
  }
  #sidebar {
    background: var(--efu-maskbg);
  }
  #sidebar #menu-mask {
    position: fixed;
    z-index: 1003;
    display: none;
    width: 100%;
    height: 100%;
    background: var(--efu-none);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    transform: translateZ(0);
    animation: 0.6s ease 0s 1 normal none running to_show;
  }
  #sidebar #sidebar-menus {
    position: fixed;
    top: 16px;
    right: 8px;
    overflow: hidden;
    width: 300px;
    max-width: 90vw;
    height: calc(100% - 32px);
    background: var(--efu-maskbgdeep);
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    z-index: 1004;
    border: var(--style-border-always);
    padding-bottom: 44px;
    border-radius: 12px;
    transform-origin: top right;
    transform: scale(0.9);
    opacity: 0;
    pointer-events: none;
    scrollbar-width: none;
  }
  #sidebar #sidebar-menus::-webkit-scrollbar {
    display: none;
  }
  @media screen and (min-width: 768px) {
    #sidebar #sidebar-menus {
      display: none;
    }
  }
  @media screen and (max-width: 768px) {
    #sidebar #sidebar-menus .back-menu-list-groups .back-menu-list .back-menu-item {
      width: calc(50% - 16px);
    }
    #sidebar #sidebar-menus .back-menu-list-groups .back-menu-list .back-menu-item:hover {
      background: var(--efu-lighttext);
    }
    #sidebar #sidebar-menus .menus_items li .site-page {
      font-weight: 400;
    }
    #sidebar #sidebar-menus .menus_items li .site-page:hover {
      background: var(--efu-main) !important;
      color: var(--efu-white);
    }
    #sidebar #sidebar-menus .menus_items li .site-page span:hover {
      color: var(--efu-white);
    }
  }
  .site-data {
    display: flex;
    width: calc(100% - 32px);
    justify-content: space-between;
    margin: 18px 16px 12px;
    padding: 8px 16px;
    gap: 12px;
    background: var(--efu-card-bg);
    border: var(--style-border-always);
    border-radius: 8px;
  }
  .site-data .data-item {
    display: flex;
    justify-content: flex-start;
    margin-right: 0;
    min-width: 0;
  }
  .site-data .data-item .data-item-link > a {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .site-data .data-item .data-item-link .length-num {
    color: var(--efu-fontcolor);
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
  }
  .site-data .data-item .data-item-link .headline {
    font-size: 12px;
    color: var(--efu-secondtext);
    white-space: nowrap;
  }
  #sidebar #sidebar-menus .menus_items {
    padding: 0 16px;
  }
  #sidebar #sidebar-menus .menus_items .site-page {
    position: relative;
    display: block;
    padding: 0;
    color: var(--efu-fontcolor);
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
  }
  #sidebar #sidebar-menus .menus_items .menus_item > .site-page {
    display: flex;
    font-size: 12px;
    color: var(--efu-secondtext);
  }
  #sidebar #sidebar-menus .menus_items .expand {
    position: absolute;
    top: 0.78em;
    right: 0.4rem;
    transition: transform 0.3s ease 0s;
  }
  #sidebar #sidebar-menus .menus_items .expand.hide {
    transform: rotate(90deg) !important;
  }
  #sidebar #sidebar-menus .menus_items .menus_item_child {
    margin: 0 -4px;
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  #sidebar #sidebar-menus .menus_items .menus_item_child .site-page.child {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 8px;
    border-radius: 8px;
    border: var(--style-border-always);
    background: var(--efu-card-bg);
  }
  #sidebar #sidebar-menus .menus_items .menus_item_child li {
    width: calc(50% - 8px);
    margin: 4px;
  }
  #sidebar #sidebar-menus .menus_items .menus_item_child .site-page.child span {
    line-height: 1;
    margin-top: 8px;
  }
  #sidebar #sidebar-menus > hr {
    display: none;
  }
  #sidebar #sidebar-menus.open {
    transform: scale(1);
    opacity: 1;
    pointer-events: auto;
    overflow: hidden auto;
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    backdrop-filter: blur(20px) saturate(180%);
  }
  #sidebar #sidebar-menus .back-menu-list-groups {
    padding: 0 16px;
  }
  #sidebar #sidebar-menus .back-menu-list-groups .back-menu-list-title {
    font-size: 12px;
    color: var(--efu-secondtext);
  }
  #sidebar #sidebar-menus .back-menu-list-groups .back-menu-list {
    width: calc(100% + 16px);
    justify-content: flex-start;
    margin: 0 -8px;
  }
  #sidebar #sidebar-menus .back-menu-list-groups .back-menu-list .back-menu-item {
    background: var(--efu-card-bg);
    border: var(--style-border-always);
    border-radius: 8px;
  }
  #sidebar #sidebar-menus .back-home-button {
    display: none;
  }
  #sidebar #sidebar-menus > .author-avatar {
    padding: 1.3rem 1.5rem 0;
    text-align: center;
  }
  #sidebar #sidebar-menus > .author-avatar img {
    width: 110px;
    height: 110px;
    border-radius: 70px;
    transition: all 0.5s ease 0s;
  }
  #sidebar #sidebar-menus > .author-avatar img:hover {
    transform: rotate(360deg);
  }
  #sidebar #sidebar-menus hr {
    margin: 1rem auto;
  }
  #sidebar #sidebar-menus .card-tag-cloud {
    padding: 0 16px;
    display: flex;
    white-space: nowrap;
    flex-direction: row;
    gap: 0.5rem;
    flex-wrap: wrap;
  }
  #sidebar #sidebar-menus .card-tag-cloud a {
    color: var(--efu-fontcolor);
    padding: 2px 8px 2px 12px;
    border-radius: 8px;
    border: var(--style-border-always);
    background: var(--efu-card-bg);
    font-size: 14px !important;
  }
  #sidebar #sidebar-menus .card-tag-cloud a:hover {
    background: var(--efu-main);
    color: var(--efu-white);
  }
  #sidebar #sidebar-menus .card-tag-cloud a sup {
    opacity: 0.6;
    margin-left: 4px;
  }
  #sidebar #sidebar-menus span.sidebar-menu-item-title {
    font-size: 12px;
    color: var(--efu-secondtext);
    margin-left: 16px;
  }
  #sidebar #sidebar-menus .sidebar-menu-item {
    display: flex;
    flex-direction: column;
    padding: 0 16px;
    margin-bottom: 6px;
  }
  #sidebar #sidebar-menus .sidebar-menu-item span.darkmode_switchbutton {
    padding: 4px 8px;
    cursor: pointer;
    transition: all 0.5s ease 0s;
  }
  #sidebar #sidebar-menus .sidebar-menu-item span.darkmode_switchbutton:hover {
    background: var(--efu-main);
    color: var(--efu-white);
  }
  [data-theme=dark] #sidebar #sidebar-menus .sidebar-menu-item span.darkmode_switchbutton {
    background: var(--efu-orange);
    color: var(--efu-white);
  }
  #sidebar #sidebar-menus .sidebar-menu-item span.menu-child {
    width: 100%;
    background: var(--efu-card-bg);
    border-radius: 8px;
    border: var(--style-border-always);
    display: flex;
    align-items: center;
    font-size: 14px;
  }
  #sidebar #sidebar-menus .sidebar-menu-item span.menu-child i {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #sidebar #sidebar-menus .sidebar-menu-item span.menu-child span {
    margin-left: 10px;
  }
  #sidebar #sidebar-menus .webinfo {
    padding: 0 16px;
    display: flex;
    white-space: nowrap;
    flex-direction: column;
  }
  #sidebar #sidebar-menus .webinfo .webinfo-item {
    justify-content: space-between;
  }
  #sidebar #sidebar-menus .menus_items .site-page span:hover {
    color: var(--efu-fontcolor);
  }
  #sidebar #toggle-sidebar {
    bottom: 80px;
  }
  #home_top {
    width: 100%;
  }
  .home-main-flow {
    display: flex;
    flex: 1 0 auto;
    flex-direction: column;
    width: 100%;
  }
  .home-main-flow > #home_top {
    order: 1;
  }
  .home-main-flow > .home-category-bar {
    order: 2;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto 0.5rem;
    padding: 0 1.5rem;
    flex-shrink: 0;
    animation: slide-in 0.6s 0.3s backwards;
  }
  .home-main-flow > .layout--home {
    order: 3;
  }
  .layout#content-inner.layout--home {
    flex-direction: column;
    align-items: stretch;
    margin-top: 0;
  }
  .home-layout-row {
    display: flex;
    width: 100%;
  }
  .home-layout-row > #home {
    width: calc(100% - 300px);
  }
  .hide-aside .home-layout-row > #home {
    width: 100%;
  }
  @media screen and (max-width: 1200px) {
    .home-layout-row > #home {
      width: 100%;
    }
  }
  @media screen and (max-width: 1200px) {
    .home-layout-row {
      display: block;
    }
  }
  @media (max-width: 768px) {
    .home-main-flow > .home-category-bar {
      order: 1;
      margin: 0.5rem auto;
      padding: 0;
    }
    .home-main-flow > #home_top {
      order: 2;
    }
    .layout#content-inner.layout--home {
      order: 3;
      padding: 0;
    }
  }
  #home_center {
    max-width: 1400px;
    width: 100%;
    margin: 0.5rem auto;
    padding: 0 30px;
    -webkit-user-select: none;
    user-select: none;
  }
  .home-center-content {
    width: 100%;
    display: flex;
    height: 340px;
    overflow: hidden;
    background: var(--efu-card-bg);
    border: var(--style-border-always);
    border-radius: 12px;
    box-shadow: var(--efu-shadow-border);
    animation: slide-in 0.6s 0.1s backwards;
  }
  .home-center-left {
    flex: 1;
    position: relative;
    height: 100%;
    min-width: 0;
    overflow: hidden;
  }
}

/* ns-hugo-imp:D:\桌面\hugoBlog\blog\themes\Solitude\assets\css\solitude\components\comments-share.css */
@layer solitude.components {
  @media screen and (max-width: 900px) {
    .author-content-item .card-content .banner-button-group {
      right: 1rem;
      bottom: 1rem;
    }
    .author-content-item .card-content .banner-button-group .banner-button {
      background: 0 0;
      color: var(--efu-white);
      padding: 0;
      width: 30px;
      height: 30px;
    }
    .author-content-item .card-content .banner-button-group .banner-button i {
      margin-right: 0;
      font-size: 1.5rem;
    }
    .author-content-item .card-content .banner-button-text {
      display: none;
    }
  }
  .switch_message {
    display: flex;
    justify-content: center;
    margin: 1rem 0;
    gap: 0.5rem;
  }
  .switch_message button {
    background-color: var(--efu-main);
    border: var(--style-border-always);
    border-radius: 50px;
    color: var(--efu-card-bg);
    padding: 0.5rem 1rem;
    transition: background-color 0.3s;
  }
  #barrage {
    display: flex;
    justify-content: center;
    width: 100%;
    height: calc(100% - 60px);
    position: fixed;
    left: 0;
    top: 60px;
    z-index: 1;
    pointer-events: none;
  }
  #barrage .default-style {
    pointer-events: all;
    cursor: pointer;
    font-size: 16px;
    border-radius: 100px;
    overflow: hidden;
  }
  #barrage .default-style a {
    background-color: rgba(0, 0, 0, 0.5);
    transition: 0.3s;
    color: #eee;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px 16px 6px 6px;
    text-decoration: none;
    border-bottom: none;
  }
  #barrage .default-style a:hover {
    background-color: rgba(0, 0, 0, 0.7);
  }
  #barrage .default-style img {
    pointer-events: none;
    height: 30px;
    width: 30px;
    margin: 0 5px 0 0 !important;
    border-radius: 50% !important;
  }
  #barrage .default-style p {
    line-height: 1;
    pointer-events: none;
    margin: 0 !important;
    max-width: 300px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  #barrage.hide {
    z-index: -1;
    opacity: 0;
  }
  #page h1.page-title {
    margin: 0.4rem 1rem 1rem;
    text-align: center;
  }
  #page {
    background: 0 0;
    border: none;
    padding: 0;
    box-shadow: none;
    min-height: calc(100vh - 464px);
  }
  @media screen and (max-width: 768px) {
    #page {
      padding: 0 1rem;
    }
  }
  #page > div:not(.author-content-item),
  #page > #about-page {
    animation: slide-in 0.6s 0.2s backwards;
  }
  @media screen and (min-width: 768px) {
    > div:nth-child(1) > a::before {
      height: 24px;
      width: 44px;
      content: "";
      background-size: 38px 24px;
      position: absolute;
      top: 0;
      left: 0;
    }
    > a:nth-child(0) > i {
      padding-right: 8px;
    }
  }
  @media screen and (min-width: 768px) {
    .needEndHide.hide {
      bottom: -200px !important;
      opacity: 0;
    }
  }
  @media screen and (max-width: 768px) {
    .needEndHide {
      display: none !important;
    }
  }
  .comment-barrage {
    position: fixed;
    right: var(--efu-dock-right, 20px);
    bottom: var(--efu-dock-bottom, 20px);
    width: var(--efu-dock-width, 300px);
    padding: 0;
    z-index: 1001;
    pointer-events: auto;
    transition: all 0.3s ease;
    -webkit-user-select: none;
    user-select: none;
  }
  @media screen and (max-width: 768px) {
    .comment-barrage {
      display: none !important;
    }
  }
  .comment-barrage .comment-barrage-item {
    position: absolute;
    right: 0;
    bottom: 0;
    min-width: var(--efu-dock-width, 300px);
    max-width: var(--efu-dock-width, 300px);
    width: fit-content;
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
    color: var(--efu-fontcolor);
    animation: barrageIn 0.6s cubic-bezier(0.42, 0, 0.3, 1.11);
    overflow: visible;
  }
  .comment-barrage .comment-barrage-item.out {
    pointer-events: none;
    animation: barrageOut 0.6s cubic-bezier(0.42, 0, 0.3, 1.11) forwards;
  }
  .comment-barrage .comment-barrage-item.out .efu-dock-surface {
    animation: barrageSurfaceOut 0.6s cubic-bezier(0.42, 0, 0.3, 1.11) forwards;
  }
  .comment-barrage .comment-barrage-item .efu-dock-surface {
    min-width: var(--efu-dock-width, 300px);
    max-width: var(--efu-dock-width, 300px);
    min-height: 80px;
    max-height: 150px;
    padding: 8px 14px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: var(--efu-maskbgdeep);
    border: var(--style-border);
    border-radius: 8px;
    box-shadow: var(--efu-shadow-border);
    backdrop-filter: saturate(180%) blur(20px);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    animation: barrageSurfaceIn 0.6s cubic-bezier(0.42, 0, 0.3, 1.11);
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
  }
  .comment-barrage .comment-barrage-item:hover .efu-dock-surface {
    border: var(--style-border-hover);
    box-shadow: var(--efu-shadow-main);
  }
  .comment-barrage .comment-barrage-item .barrageHead {
    height: 30px;
    padding: 0 0 6px;
    line-height: 30px;
    font-size: 12px;
    border-bottom: var(--style-border);
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 700;
  }
  .comment-barrage .comment-barrage-item .barrageUser {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 8px;
  }
  .comment-barrage .comment-barrage-item .barrageAvatar {
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
    margin: 0;
    border-radius: 50%;
    object-fit: cover;
    background: var(--efu-secondbg);
  }
  .comment-barrage .comment-barrage-item .barrageNick {
    min-width: 0;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .comment-barrage .comment-barrage-item .barrageActions {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 6px;
  }
  .comment-barrage .comment-barrage-item .barrageTitle {
    appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    border: 0;
    color: var(--efu-fontcolor);
    background: var(--efu-secondbg);
    line-height: 1;
    height: 22px;
    padding: 0 8px;
    border-radius: 4px;
    font: inherit;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.3s ease, color 0.3s ease;
  }
  .comment-barrage .comment-barrage-item .barrageTitle:hover,
  .comment-barrage .comment-barrage-item .barrageTitle:focus-visible {
    background: var(--efu-lighttext);
    color: var(--efu-card-bg);
  }
  .comment-barrage .comment-barrage-item .comment-barrage-close {
    appearance: none;
    width: 22px;
    height: 22px;
    margin: 0;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--efu-secondtext);
    background: transparent;
    border: 0;
    border-radius: 4px;
    cursor: pointer;
    line-height: 1;
    transition: color 0.3s ease, background 0.3s ease;
  }
  .comment-barrage .comment-barrage-item .comment-barrage-close:hover,
  .comment-barrage .comment-barrage-item .comment-barrage-close:focus-visible {
    color: var(--efu-lighttext);
    background: var(--efu-secondbg);
  }
  .comment-barrage .comment-barrage-item .comment-barrage-close .solitude {
    color: currentColor;
    font-size: 14px;
  }
  .comment-barrage .comment-barrage-item .barrageContent {
    width: 100%;
    height: calc(100% - 30px);
    max-height: 48px;
    margin: 0;
    padding: 8px 0 0;
    display: -webkit-box;
    overflow: hidden;
    color: var(--efu-fontcolor);
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.3;
    text-decoration: none;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .comment-barrage .comment-barrage-item .barrageContent:hover,
  .comment-barrage .comment-barrage-item .barrageContent:focus-visible {
    color: var(--efu-lighttext);
  }
  .comment-barrage .comment-barrage-item .barrageContent::-webkit-scrollbar {
    width: 4px;
    height: 0;
  }
  .comment-barrage .comment-barrage-item .barrageContent::-webkit-scrollbar-button {
    display: none;
  }
  .social-share {
    display: flex;
    justify-content: center;
    height: 40px;
    margin: 0.5rem auto;
    gap: 0.5rem;
    flex-wrap: wrap;
  }
  .social-share .social-share-ico {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    border: var(--style-border);
    cursor: pointer;
    transition: 0.3s;
  }
  @media screen and (max-width: 768px) {
    .social-share .social-share-ico:nth-child(n+6) {
      display: none;
    }
  }
  .social-share .social-share-ico:hover {
    color: #fff;
  }
  .social-share .icon-qq {
    color: #56b6e7;
    border-color: #56b6e7;
  }
  .social-share .icon-qq:hover {
    background-color: #56b6e7;
  }
  .social-share .icon-weibo {
    color: #d44040;
    border-color: #d44040;
  }
  .social-share .icon-weibo:hover {
    background-color: #d44040;
  }
  .social-share .icon-facebook {
    color: #415dc9;
    border-color: #415dc9;
  }
  .social-share .icon-facebook:hover {
    background-color: #415dc9;
  }
  .social-share .icon-telegram {
    color: #56b6e7;
    border-color: #56b6e7;
  }
  .social-share .icon-telegram:hover {
    background-color: #56b6e7;
  }
  .social-share .icon-linkedin {
    color: #0077b5;
    border-color: #0077b5;
  }
  .social-share .icon-linkedin:hover {
    background-color: #0077b5;
  }
  .social-share .icon-whatsapp {
    color: #25d366;
    border-color: #25d366;
  }
  .social-share .icon-whatsapp:hover {
    background-color: #25d366;
  }
  .social-share .icon-link {
    color: #425aef;
    border-color: #425aef;
  }
  .social-share .icon-link:hover {
    background-color: #425aef;
  }
  .social-share .icon-qrcode {
    position: relative;
    color: #000;
    border-color: #000;
  }
  @media screen and (max-width: 900px) {
    .social-share .icon-qrcode {
      display: none;
    }
  }
  .social-share .icon-qrcode:hover {
    background-color: #000;
  }
  .social-share .icon-qrcode:hover .share-main {
    display: flex;
  }
  .social-share .icon-qrcode .share-main {
    display: none;
    position: absolute;
    bottom: 1.7rem;
    z-index: 100;
    padding-bottom: 15px;
  }
  .social-share .icon-qrcode .share-main-all {
    padding: 12px;
    border-radius: 12px;
    background: var(--efu-background);
    animation: donate_effcet 0.3s 0.1s ease both;
    flex-direction: column;
    border: var(--style-border-always);
  }
  .social-share .icon-qrcode .share-main-all .reward-dec {
    font-size: 0.6rem;
    color: var(--efu-fontcolor) !important;
    text-align: center;
  }
  .social-share #qrcode {
    width: 150px;
    height: 150px;
    min-width: 150px;
    min-height: 150px;
    background: var(--efu-white);
    padding: 8px;
    border-radius: 8px;
    margin-bottom: 8px;
    border: var(--style-border-always);
  }
  .social-share #qrcode img {
    width: 132px;
    height: 132px;
  }
  #post .post-copyright {
    --post-copyright-inline-margin: 2rem;
    box-sizing: border-box;
    position: relative;
    margin: 80px var(--post-copyright-inline-margin) 30px;
    padding: 34px 12px 20px;
    overflow: visible;
    background: var(--efu-secondbg);
    border: var(--style-border-always);
    border-radius: 12px;
    transition: border-color 0.3s ease, background-color 0.3s ease;
  }
  #post .post-copyright .post-copyright__author_img {
    position: absolute;
    top: -33px;
    left: 50%;
    z-index: 1;
    width: 66px;
    height: 66px;
    overflow: hidden;
    background: var(--efu-card-bg);
    border: var(--style-border-always);
    border-radius: 50%;
    box-shadow: var(--efu-shadow-main);
    transform: translateX(-50%);
  }
  #post .post-copyright .post-copyright__author_img img {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform 0.3s ease;
  }
  #post .post-copyright .post-copyright__author_img_front {
    z-index: 2;
  }
  #post .post-copyright .post-copyright__author_img--layered .post-copyright__author_img_front {
    object-fit: contain;
  }
  #post .post-copyright .post-copyright__author_img:hover .post-copyright__author_img_front,
  #post .post-copyright .post-copyright__author_img:focus-visible .post-copyright__author_img_front {
    transform: scale(1.08);
  }
  #post .post-copyright .post-copyright__author_img:focus-visible {
    outline: 2px solid var(--efu-main);
    outline-offset: 3px;
  }
  #post .post-copyright .post-copyright__author_name {
    margin-top: 16px;
    color: var(--efu-fontcolor);
    font-size: 22px;
    font-weight: 700;
    line-height: 22px;
    text-align: center;
    overflow-wrap: anywhere;
  }
  #post .post-copyright .post-copyright__author_desc {
    margin: 4px 10px 0;
    color: var(--efu-secondtext);
    font-size: 15px;
    line-height: 30px;
    text-align: center;
    overflow-wrap: anywhere;
  }
  #post .post-copyright .post-tools {
    display: flex;
    width: 100%;
    min-height: 40px;
    margin-top: 8px;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    -webkit-user-select: none;
    user-select: none;
  }
  #post .post-copyright .post-copyright__share-button:focus-visible {
    outline: 2px solid var(--efu-main);
    outline-offset: 2px;
  }
  #post .post-copyright .post-copyright__share {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
  }
  #post .post-copyright .post-copyright__share-button {
    width: 40px;
    height: 40px;
    margin: 0;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    appearance: none;
    background: var(--efu-card-bg);
    border: var(--style-border-always);
    border-radius: 20px;
    color: var(--efu-fontcolor);
    font: inherit;
    text-decoration: none;
    cursor: pointer;
    transition:
      color 0.2s ease,
      background-color 0.2s ease,
      transform 0.2s ease;
  }
  #post .post-copyright .post-copyright__share-button:hover {
    color: var(--efu-white);
    background: var(--efu-main);
    transform: translateY(-2px);
  }
  #post .post-copyright .post-copyright__notice {
    margin: 20px 0 10px;
    display: flex;
    justify-content: center;
    color: var(--efu-secondtext);
    font-size: 15px;
    line-height: 30px;
    text-align: center;
  }
  #post .post-copyright .post-copyright-info {
    max-width: 100%;
    overflow: visible;
    overflow-wrap: anywhere;
  }
  #post .post-copyright .post-copyright__notice a {
    padding: 1px 4px;
    border-radius: 4px;
    color: var(--efu-fontcolor);
    font-weight: 700;
    text-decoration: none;
    word-break: break-word;
  }
  #post .post-copyright .post-copyright__notice a:hover {
    color: var(--efu-white);
    background: var(--efu-main);
  }
  @media screen and (max-width: 768px) {
    #post .post-copyright {
      --post-copyright-inline-margin: 0.5rem;
      padding: 34px 12px 20px;
    }
    #post .post-copyright .post-copyright__notice {
      font-size: 13px;
      line-height: 26px;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    #post .post-copyright .post-copyright__author_img img,
    #post .post-copyright .post-copyright__share-button {
      transition: none;
    }
  }
  .post #page-header.post-bg {
    height: 24rem;
    background-color: var(--efu-background);
    transition: 0.6s;
    overflow: hidden;
  }
  .post #page-header.post-bg::before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: var(--efu-main);
    content: "";
    opacity: 1;
    transition: 0.3s;
  }
  @media screen and (max-width: 768px) {
    .post #page-header.post-bg {
      z-index: 1;
      height: 30rem;
      margin-bottom: -12px;
      background-color: var(--efu-main) !important;
      transition: 0s;
    }
    .post #page-header.post-bg::before {
      z-index: 1;
      height: 100%;
      background:
        linear-gradient(
          to bottom,
          rgba(0, 0, 0, 0.16),
          transparent 45%,
          var(--efu-main) 100%);
    }
  }
  .post .post-cover-aside {
    --post-cover-glow-x: 50%;
    --post-cover-glow-y: 50%;
    --post-cover-glow-opacity: 0;
    --post-cover-img-x: 0px;
    --post-cover-img-y: 0px;
    --post-cover-rotate-x: 0deg;
    --post-cover-rotate-y: 0deg;
    --post-cover-scale: 1;
    position: absolute;
    top: 50%;
    right: calc((100vw - 1400px) / 2 + 30px);
    z-index: 11;
    display: block;
    width: 300px;
    aspect-ratio: 16/9;
    overflow: hidden;
    border-radius: 16px;
    box-shadow: var(--efu-shadow-border);
    transform: translate3d(0, -50%, 0) perspective(900px) rotateX(var(--post-cover-rotate-x)) rotateY(var(--post-cover-rotate-y)) scale3d(var(--post-cover-scale), var(--post-cover-scale), 1);
    transform-style: preserve-3d;
    transition: transform 0.18s ease-out, box-shadow 0.18s ease-out;
  }
  .post .post-cover-aside::before,
  .post .post-cover-aside::after {
    position: absolute;
    inset: 0;
    border-radius: inherit;
    content: "";
    opacity: var(--post-cover-glow-opacity);
    pointer-events: none;
    transition: opacity 0.18s ease-out;
  }
  .post .post-cover-aside::before {
    padding: 2px;
    background:
      radial-gradient(
        circle at var(--post-cover-glow-x) var(--post-cover-glow-y),
        #fff,
        rgba(255, 255, 255, 0.7) 20%,
        rgba(255, 255, 255, 0.1) 46%,
        rgba(255, 255, 255, 0) 62%);
    transform: translateZ(26px);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
  }
  .post .post-cover-aside::after {
    background:
      radial-gradient(
        circle at var(--post-cover-glow-x) var(--post-cover-glow-y),
        rgba(255, 255, 255, 0.22),
        rgba(255, 255, 255, 0.08) 22%,
        rgba(255, 255, 255, 0) 55%);
    mix-blend-mode: screen;
    transform: translateZ(25px);
  }
  .post .post-cover-aside:hover {
    --post-cover-glow-opacity: 1;
    --post-cover-scale: 1.035;
    box-shadow: var(--efu-shadow-main);
  }
  @media screen and (max-width: 1200px) {
    .post .post-cover-aside {
      display: none;
    }
  }
  .post .post-cover-aside .post-cover-aside-link {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 0;
  }
  .post .post-cover-aside .post-cover-aside-img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    object-fit: cover;
    transform: translate3d(var(--post-cover-img-x), var(--post-cover-img-y), 24px) scale(1.08);
    transition: transform 0.18s ease-out;
  }
  @media screen and (max-width: 768px) {
    .post .post-cover-aside {
      inset: 0;
      z-index: 0;
      display: block;
      width: 100%;
      height: 100%;
      aspect-ratio: auto;
      border-radius: 0;
      box-shadow: none;
      transform: none;
    }
    .post .post-cover-aside::before,
    .post .post-cover-aside::after {
      display: none;
    }
    .post .post-cover-aside .post-cover-aside-link {
      pointer-events: none;
    }
    .post .post-cover-aside .post-cover-aside-img {
      border-radius: 0;
      object-position: center;
      transform: none;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .post .post-cover-aside {
      transition: none;
    }
    .post .post-cover-aside::before,
    .post .post-cover-aside::after,
    .post .post-cover-aside .post-cover-aside-img {
      transition: none;
    }
    .post .post-cover-aside:hover {
      --post-cover-scale: 1;
    }
  }
  .post #post-info {
    position: absolute;
    top: 14px;
    z-index: 10;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 16px;
    width: 100%;
    max-width: 1400px;
    height: calc(100% - 30px);
    margin: 0 auto;
    padding: 0 30px;
    color: var(--efu-white);
    animation: slide-in 0.6s 0s backwards;
  }
  @media screen and (max-width: 768px) {
    .post #post-info {
      top: auto;
      right: 0;
      bottom: 0;
      left: 0;
      align-items: center;
      justify-content: normal;
      gap: 0;
      width: 100%;
      max-width: none;
      height: fit-content;
      margin: 0;
      padding: 7rem 1rem 60px;
      background-image:
        linear-gradient(
          to bottom,
          transparent,
          var(--efu-main));
      text-align: center;
    }
    .post #post-info::after {
      position: absolute;
      bottom: 0;
      left: 0;
      z-index: 0;
      width: 100%;
      height: 200%;
      box-shadow: 0 -214px 287px 45px var(--efu-main-op) inset;
      content: "";
    }
  }
  .post #post-info #post-firstinfo,
  .post #post-info .post-title,
  .post #post-info #post-meta {
    width: calc(100% - 300px - 80px);
    max-width: none;
    margin-left: 40px;
  }
  @media screen and (max-width: 1200px) {
    .post #post-info #post-firstinfo,
    .post #post-info .post-title,
    .post #post-info #post-meta {
      width: calc(100% - 80px);
    }
  }
  .post #post-info .post-title {
    display: -webkit-box;
    height: calc(2 * 1.38em);
    min-height: calc(2 * 1.38em);
    margin-top: 4px;
    margin-bottom: 8px;
    padding: 0;
    overflow: hidden;
    color: var(--efu-white);
    font-size: 42px;
    font-weight: 700;
    line-height: 1.38;
    text-align: left;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
}

/* ns-hugo-imp:D:\桌面\hugoBlog\blog\themes\Solitude\assets\css\solitude\pages\home.css */
@layer solitude.pages {
  .home-center-banner {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  .home-center-banner-item {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 2rem;
    opacity: 0;
    visibility: hidden;
    cursor: pointer;
    background-color: var(--efu-card-bg);
    transition: none;
  }
  .home-center-banner-item.active {
    opacity: 1;
    visibility: visible;
    z-index: 1;
  }
  .home-center-banner-item.has-banner-cover {
    padding: 0;
  }
  .home-center-banner-item.has-banner-cover .home-center-cover {
    width: 100%;
    max-width: 100%;
    height: 100%;
  }
  .home-center-banner-item.has-banner-cover .home-center-cover-img {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    -webkit-mask-image: none;
    mask-image: none;
  }
  .home-center-banner-item:focus-visible {
    outline: 2px solid var(--efu-white);
    outline-offset: -3px;
  }
  .home-center-cover {
    width: 80%;
    max-width: 80%;
    flex-shrink: 0;
    overflow: visible;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .home-center-cover-img {
    max-width: 100%;
    width: auto;
    height: auto;
    max-height: 100%;
    object-fit: contain;
    border-radius: 0;
    filter: blur(0);
    -webkit-mask-image:
      radial-gradient(
        ellipse 60% 60% at center,
        #000 0,
        rgba(0, 0, 0, 0.8) 30%,
        rgba(0, 0, 0, 0.4) 50%,
        transparent 80%);
    mask-image:
      radial-gradient(
        ellipse 60% 60% at center,
        #000 0,
        rgba(0, 0, 0, 0.8) 30%,
        rgba(0, 0, 0, 0.4) 50%,
        transparent 80%);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    transition: filter 0.5s ease;
  }
  .home-center-mask {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    width: 100%;
    height: 120px;
    background:
      linear-gradient(
        to top,
        var(--home-center-theme, var(--efu-theme)) 0,
        transparent 100%);
    -webkit-backdrop-filter: blur(16px) saturate(1.2);
    backdrop-filter: blur(16px) saturate(1.2);
    -webkit-mask-image:
      linear-gradient(
        to top,
        #000 0,
        transparent 100%);
    mask-image:
      linear-gradient(
        to top,
        #000 0,
        transparent 100%);
    pointer-events: none;
  }
  .home-center-title {
    position: absolute;
    left: 32px;
    bottom: 32px;
    z-index: 10;
    width: 80%;
    max-width: 80%;
    text-align: left;
    pointer-events: none;
  }
  .home-center-title a {
    display: -webkit-box;
    overflow: hidden;
    color: var(--efu-white);
    font-size: 28px;
    font-weight: 700;
    line-height: 1.4;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    pointer-events: auto;
    transition: color 0.3s;
  }
  .home-center-title a:hover {
    color: var(--efu-white);
  }
  .home-center-title-tag {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-top: 2px;
    color: var(--efu-white);
    font-size: 12px;
    line-height: 24px;
    opacity: 0.8;
    text-shadow: 0 2px 20px rgba(0, 0, 0, 0.15);
  }
  .home-center-title-tag i {
    font-size: 12px;
  }
  .home-center-indicators {
    display: none;
  }
  .home-center-indicator {
    display: block;
    width: 8px;
    height: 8px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.4);
    cursor: pointer;
    transition: 0.3s;
  }
  .home-center-indicator.active {
    width: 24px;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.9);
  }
  .home-center-right {
    display: flex;
    flex-shrink: 0;
    flex-direction: column;
    width: 30%;
    height: 100%;
    background: var(--current-theme, var(--efu-theme));
    transition: background-color 0.2s;
  }
  .home-center-list {
    display: flex;
    flex: 1;
    flex-direction: column;
  }
  .home-center-item {
    display: flex;
    align-items: center;
    gap: 15px;
    max-height: 20%;
    padding: 16px;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.12);
    transition: 0.2s;
  }
  .home-center-item:hover {
    background: rgba(0, 0, 0, 0.06);
  }
  .home-center-item.active {
    background: rgba(255, 255, 255, 0.14);
  }
  .home-center-item-icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 36px;
    min-width: 36px;
    height: 36px;
    overflow: hidden;
    border-radius: 8px;
    background: var(--efu-card-bg);
  }
  .home-center-item-icon::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    border: var(--style-border-always);
    border-width: 2px;
    border-radius: 8px;
    box-shadow: var(--efu-shadow-white);
    opacity: 0.2;
    pointer-events: none;
  }
  .home-center-item-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .home-center-item-title {
    flex: 1;
    min-width: 0;
    overflow: hidden;
  }
  .home-center-item-title a {
    display: -webkit-box;
    overflow: hidden;
    color: var(--efu-white);
    font-size: 16px;
    line-height: 1.5;
    opacity: 0.85;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    transition: color 0.2s;
  }
  .home-center-item-title a:hover,
  .home-center-item-title a:focus-visible {
    color: var(--efu-white);
  }
  @media (max-width: 768px) {
    #home_center {
      margin: 0 auto 0.5rem;
      padding: 0 1rem;
    }
    .home-center-content {
      flex-direction: column;
      height: auto;
      border-radius: 12px;
    }
    .home-center-left {
      width: 100%;
    }
    .home-center-banner {
      display: flex;
      height: auto;
      aspect-ratio: 1.9 / 1;
      overflow-x: auto;
      overflow-y: hidden;
      scroll-snap-type: x mandatory;
      scrollbar-width: none;
      -webkit-overflow-scrolling: touch;
    }
    .home-center-banner::-webkit-scrollbar {
      display: none;
    }
    .home-center-banner-item {
      position: relative;
      min-width: 100%;
      width: 100%;
      flex-shrink: 0;
      padding: 16px;
      opacity: 1;
      visibility: visible;
      scroll-snap-align: start;
    }
    .home-center-banner-item.has-banner-cover .home-center-cover-img {
      object-position: 70% center;
    }
    .home-center-title {
      left: 16px;
      bottom: 16px;
      width: calc(100% - 32px);
      max-width: calc(100% - 32px);
    }
    .home-center-title a {
      font-size: 18px;
      pointer-events: none;
    }
    .home-center-title-tag {
      display: none;
    }
    .home-center-indicators {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      gap: 6px;
      margin-top: 8px;
      pointer-events: none;
    }
    .home-center-indicator {
      width: 6px;
      height: 6px;
      pointer-events: auto;
    }
    .home-center-indicator.active {
      width: 20px;
    }
    .home-center-right {
      display: none;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .home-center-content,
    .home-center-cover-img,
    .home-center-indicator,
    .home-center-item {
      animation: none;
      transition: none;
    }
  }
  #category-bar {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    white-space: nowrap;
    background: transparent;
    border: 0;
    border-radius: 0;
    -webkit-user-select: none;
    user-select: none;
    transition: 0.3s;
  }
  .category-bar-items {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    height: auto;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    scrollbar-width: none;
  }
  .category-bar-items::-webkit-scrollbar {
    display: none;
  }
  .category-bar-item a {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    min-height: 38px;
    padding: 8px 18px;
    overflow: hidden;
    color: var(--efu-fontcolor);
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    background: var(--efu-card-bg);
    border: var(--style-border-always);
    border-radius: 999px;
    transition: 0.3s;
  }
  .category-bar-item a:hover {
    color: var(--efu-white);
    background: var(--efu-main);
  }
  .category-bar-item.select a {
    color: var(--efu-card-bg);
    background: var(--efu-main);
    border-color: var(--efu-main);
    box-shadow: var(--efu-shadow-main);
  }
  .category-bar-link-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
  }
  .category-bar-link-icon i {
    font-size: 13px;
  }
  .category-bar-more-group {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    gap: 6px;
  }
  .category-bar-next {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 38px;
    min-width: 38px;
    height: 38px;
    min-height: 38px;
    padding: 0;
    overflow: hidden;
    color: var(--efu-fontcolor);
    background: var(--efu-card-bg);
    border: var(--style-border-always);
    border-radius: 50%;
    cursor: pointer;
    transition: 0.3s;
  }
  .category-bar-next i {
    font-size: 14px;
  }
  .category-bar-more {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 8px 18px;
    overflow: hidden;
    color: var(--efu-fontcolor);
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    background: var(--efu-card-bg);
    border: var(--style-border-always);
    border-radius: 999px;
    transition: 0.3s;
  }
  .category-bar-next:hover,
  .category-bar-more:hover {
    color: var(--efu-white);
    background: var(--efu-main);
  }
  [data-theme=dark] .home-category-bar .category-bar-item:not(.select) a::after,
  [data-theme=dark] .home-category-bar .category-bar-more::after,
  [data-theme=dark] .home-category-bar .category-bar-next::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 50%;
    border-radius: inherit;
    background:
      linear-gradient(
        to bottom,
        var(--current-banner-theme, var(--efu-theme)) 0,
        transparent 100%);
    opacity: 0.3;
    pointer-events: none;
  }
  @media (max-width: 768px) {
    .home-category-bar {
      position: static;
      width: 100%;
      margin: 0;
      padding: 0;
      background: transparent;
    }
    .home-main-flow > .home-category-bar {
      margin: 0 auto 0.5rem;
    }
    #category-bar {
      height: auto;
      margin: 0;
      padding: 0;
      background: transparent;
      border: 0;
    }
    .category-bar-items {
      width: 100%;
      gap: 6px;
      padding: 0 1rem;
      flex-wrap: nowrap;
      scroll-padding-inline: 1rem;
      overscroll-behavior-inline: contain;
    }
    .category-bar-item a {
      flex-shrink: 0;
      min-height: 38px;
      padding: 8px 18px;
      color: var(--efu-fontcolor);
      font-size: 14px;
      background: var(--efu-card-bg);
      border-radius: 50px;
      box-shadow: none;
    }
    .category-bar-item.select a {
      color: var(--efu-white);
      background: var(--efu-main);
      border-color: var(--efu-main);
      box-shadow: none;
    }
    .category-bar-next,
    .category-bar-more {
      display: none;
    }
  }
  #home {
    order: 1;
  }
  #page {
    order: 1;
  }
  .hot-tip {
    display: flex;
    color: var(--efu-red);
    font-size: 0.5rem;
    position: relative;
    margin-right: 8px;
    align-items: center;
    gap: 1px;
  }
  .hot-tip i {
    font-size: 10px;
    margin-right: 2px;
  }
  .layout#content-inner.layout--category {
    flex-direction: column;
    align-items: stretch;
    gap: 0.5rem;
  }
  .layout#content-inner.layout--category > .home-category-bar {
    width: 100%;
    max-width: 100%;
    align-self: stretch;
    flex-shrink: 0;
    animation: slide-in 0.6s 0.3s backwards;
  }
  .layout#content-inner.layout--category > .home-layout-row {
    display: flex;
    align-items: stretch;
    gap: 0.5rem;
    width: 100%;
  }
  @media screen and (max-width: 1200px) {
    .layout#content-inner.layout--category > .home-layout-row {
      gap: 0;
    }
  }
  .layout#content-inner.layout--category > .home-layout-row > #category {
    flex: 1;
    min-width: 0;
    width: auto;
  }
  #category #category-bar {
    padding: 0.4rem 0.6rem;
    border: none;
    height: auto;
    border: var(--style-border);
    box-shadow: none;
  }
  @media screen and (max-width: 768px) {
    #category #category-bar {
      border-radius: 0;
      background: var(--efu-background);
      position: -webkit-sticky;
      position: sticky;
      z-index: 1;
      padding: 0;
      height: 50px;
      margin-top: 0;
      align-items: center;
    }
  }
  #page .category-lists {
    padding: 1rem 0 1.5rem;
  }
  @media screen and (max-width: 768px) {
    #page .category-lists {
      padding: 0;
    }
  }
  #page .category-lists ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    margin-top: 0.4rem;
    padding: 0 0 0 1rem;
    list-style: none;
    counter-reset: li 0;
  }
  #page .category-lists ul ul {
    padding-left: 0.2rem;
  }
  #page .category-lists ul li {
    position: relative;
    margin: 0.3rem 0;
    padding: 4px 16px;
    width: 200px;
    border-radius: 12px;
    background: var(--efu-card-bg);
    border: var(--style-border-always);
  }
  #page .category-lists ul li::before {
    display: none;
    position: absolute;
    left: 0;
    cursor: pointer;
    transition: all 0.3s ease-out 0s;
    top: 0.7em;
    width: 0.43em;
    height: 0.43em;
    border: 0.215em solid #307af6;
    border-radius: 0.43em;
    background: 0 0;
    content: "";
  }
  #page .category-lists ul li:hover::before {
    border-color: #ff7242;
  }
  #page .category-lists .category-title {
    font-size: 2.57em;
  }
  @media screen and (max-width: 768px) {
    #page .category-lists .category-title {
      font-size: 2em;
    }
  }
}

/* ns-hugo-imp:D:\桌面\hugoBlog\blog\themes\Solitude\assets\css\solitude\pages\taxonomy-archives.css */
@layer solitude.pages {
  #page .category-lists .tag-cloud-list {
    gap: 1rem;
  }
  #page .category-lists .tag-cloud-list a {
    display: flex;
    width: fit-content;
    color: var(--efu-fontcolor);
    font-size: 1.4em;
    padding: 0.2em 0.5em;
    background: var(--efu-card-bg);
    border-radius: 12px;
    border: var(--style-border-always);
    box-shadow: var(--efu-shadow-border);
    align-items: center;
    transition: all 0.3s ease 0s;
  }
  @media screen and (max-width: 768px) {
    #page .category-lists .tag-cloud-list a {
      zoom: 0.85;
    }
  }
  #page .category-lists .tag-cloud-list a span.tags-punctuation {
    transition: none;
  }
  #page .category-lists .tag-cloud-list a:hover,
  #page .category-lists .tag-cloud-list a:focus-visible {
    background: var(--efu-main) !important;
    box-shadow: var(--efu-shadow-blue);
    color: var(--efu-white) !important;
    border: var(--style-border-hover);
  }
  #page .category-lists .tag-cloud-list a:hover span.tagsPageCount,
  #page .category-lists .tag-cloud-list a:focus-visible span.tagsPageCount {
    color: var(--efu-lighttext);
  }
  #page .category-lists .tag-cloud-list a:hover span.tags-punctuation,
  #page .category-lists .tag-cloud-list a:focus-visible span.tags-punctuation {
    color: inherit;
  }
  span.tagsPageCount {
    background: var(--efu-secondbg);
    padding: 4px 4px;
    border-radius: 8px;
    color: var(--efu-secondtext);
    line-height: 1;
    text-align: center;
    min-width: 35px;
    display: inline-block;
    font-size: 1rem;
    margin-left: 4px;
  }
  @media screen and (max-width: 768px) {
    #tag {
      padding: 0 1rem;
    }
  }
  #tag #tag-page-tags {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    max-height: 44px;
    overflow: hidden;
    background: var(--efu-card-bg);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    transition: 0.1s ease-out;
    border-radius: 12px;
    border: var(--style-border-always);
  }
  @media screen and (max-width: 768px) {
    #tag #tag-page-tags {
      display: none;
    }
  }
  #tag #tag-page-tags:hover {
    max-height: 1000px;
    transition: 0.3s ease-out;
    background: var(--efu-maskbgdeep);
  }
  #tag #tag-page-tags a {
    padding: 0.1rem 0.5rem;
    margin: 0.25rem 0.25rem;
    line-height: 1.6;
    border-radius: 8px;
    color: var(--efu-fontcolor) !important;
    border: var(--style-border-always);
    display: flex;
    align-items: center;
    background: var(--efu-card-bg);
    transition: all 0.3s ease-out 0s;
  }
  #tag #tag-page-tags a.select {
    order: -1;
    color: var(--efu-card-bg) !important;
    background: var(--efu-theme);
    box-shadow: var(--efu-shadow-theme);
  }
  #tag #tag-page-tags a:hover {
    color: var(--efu-white) !important;
    background: var(--efu-theme);
    box-shadow: var(--efu-shadow-theme);
  }
  #tag #tag-page-tags a.select .tagsPageCount {
    background: var(--efu-card-bg);
    color: var(--efu-lighttext);
  }
  .layout.layout--archive {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }
  .layout.layout--archive > .home-category-bar {
    width: 100%;
    max-width: 100%;
    flex-shrink: 0;
  }
  .archive-layout-row {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    width: 100%;
  }
  .archive-layout-row > #page {
    flex: 1;
    min-width: 0;
    width: auto;
    padding: 0;
  }
  .archive-page-shell {
    overflow: hidden;
    margin-top: 0;
    background: var(--efu-card-bg);
    border: var(--style-border);
    border-radius: 20px;
    box-shadow: var(--efu-shadow-border);
  }
  .archive-page-section {
    padding: 18px 24px;
  }
  .archive-page-section + .archive-page-section {
    border-top: var(--style-border);
  }
  .archive-page-section-toolbar {
    padding-top: 14px;
    padding-bottom: 14px;
  }
  .archive-page-section-list {
    padding: 0;
  }
  .archive-page-toolbar,
  .archive-page-years {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .archive-page-toolbar::-webkit-scrollbar,
  .archive-page-years::-webkit-scrollbar {
    display: none;
  }
  .archive-page-toolbar {
    justify-content: space-between;
    gap: 16px;
  }
  .archive-page-years {
    gap: 10px;
  }
  #archives-year-filter-list {
    display: contents;
  }
  .archive-year-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    min-height: 32px;
    padding: 6px 16px;
    color: var(--efu-fontcolor);
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    background: var(--efu-secondbg);
    border: 0;
    border-radius: 999px;
    cursor: pointer;
    transition: 0.3s;
  }
  .archive-year-button:hover {
    color: var(--efu-main);
  }
  .archive-year-button:focus-visible {
    outline: 2px solid var(--efu-theme);
    outline-offset: 2px;
  }
  .archive-year-button.is-active {
    color: var(--efu-card-bg);
    background: var(--efu-main);
    box-shadow: var(--efu-shadow-main);
  }
  .archive-page-list {
    display: grid;
    gap: 0;
  }
  .archive-page-item {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 22px 24px;
    color: var(--efu-fontcolor);
    border-bottom: var(--style-border);
    transition: 0.3s;
  }
  .archive-page-item:last-child {
    border-bottom: 0;
  }
  .archive-page-item:hover {
    color: var(--efu-fontcolor);
    background: var(--efu-secondbg);
  }
  .archive-page-item:focus-visible {
    color: var(--efu-fontcolor);
    background: var(--efu-secondbg);
    outline: 2px solid var(--efu-theme);
    outline-offset: -2px;
  }
  .archive-page-thumb {
    position: relative;
    flex-shrink: 0;
    width: 151px;
    min-width: 151px;
    height: 80px;
    overflow: hidden;
    background: var(--efu-secondbg);
    border-radius: 12px;
  }
  .archive-page-thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
  }
  .archive-page-thumb.is-fallback img {
    display: none;
  }
  .archive-page-item:hover .archive-page-thumb img,
  .archive-page-item:focus-visible .archive-page-thumb img {
    transform: scale(1.04);
  }
  .archive-page-thumb-fallback {
    position: absolute;
    inset: 0;
    display: none;
    align-items: center;
    justify-content: center;
    color: var(--efu-secondtext);
    font-size: 20px;
    font-weight: 800;
  }
  .archive-page-thumb.is-fallback .archive-page-thumb-fallback {
    display: flex;
  }
  .archive-page-item-main {
    flex: 1;
    min-width: 0;
  }
  .archive-page-item-title {
    display: -webkit-box;
    overflow: hidden;
    margin-bottom: 8px;
    color: var(--efu-fontcolor);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.5;
    word-break: break-word;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .archive-page-item-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    color: var(--efu-secondtext);
    font-size: 14px;
  }
  .archive-page-item-category {
    font-weight: 700;
  }
  .archive-page-item-arrow {
    flex-shrink: 0;
    color: var(--efu-secondtext);
    font-size: 14px;
  }
  .archive-page-item-arrow i.solitude {
    font-size: 14px;
  }
  .archive-page-state {
    padding: 32px 20px;
    color: var(--efu-secondtext);
    font-weight: 600;
    text-align: center;
  }
  .archive-page-section-pagination {
    padding-top: 14px;
  }
  .archive-page-section-pagination:empty {
    display: none;
  }
  .archive-page-section-pagination nav#pagination {
    width: 100%;
    margin: 0;
  }
  .archive-page-section-pagination .pagination {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
  }
  .archive-page-section-pagination .archive-page-number {
    display: block;
    flex: 0 0 40px;
    width: 40px;
    min-width: 40px;
    height: 40px;
    padding: 0;
    color: var(--efu-fontcolor);
    line-height: 38px;
    background: var(--efu-card-bg);
    border: var(--style-border);
    border-radius: 99px;
    box-shadow: var(--efu-shadow-border);
    cursor: pointer;
    transition: 0.3s;
  }
  .archive-page-section-pagination .archive-page-number:hover {
    color: var(--efu-theme);
    border-color: var(--efu-theme);
    box-shadow: var(--efu-shadow-main);
  }
  .archive-page-section-pagination .archive-page-number.is-current {
    color: var(--efu-nav-hover-text);
    background: var(--efu-theme);
    border-color: var(--efu-theme);
    box-shadow: var(--efu-shadow-theme);
    cursor: default;
  }
  .archive-page-section-pagination .archive-page-number.is-current:hover {
    color: var(--efu-nav-hover-text);
    background: var(--efu-theme);
    border-color: var(--efu-theme);
    box-shadow: var(--efu-shadow-theme);
  }
  .archive-page-section-pagination .archive-page-extend {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    min-width: 80px;
    height: 40px;
    padding: 0;
    color: var(--efu-fontcolor);
    line-height: 38px;
    background: var(--efu-card-bg);
    border: var(--style-border);
    border-radius: 99px;
    box-shadow: var(--efu-shadow-border);
    cursor: pointer;
    overflow: hidden;
    transition: 0.3s;
  }
  .archive-page-section-pagination .archive-page-extend.prev {
    left: 0;
  }
  .archive-page-section-pagination .archive-page-extend.next {
    right: 0;
  }
  .archive-page-section-pagination .archive-page-extend:hover:not(:disabled) {
    color: var(--efu-theme);
    background: var(--efu-card-bg);
    border-color: var(--efu-theme);
    box-shadow: var(--efu-shadow-main);
  }
  .archive-page-section-pagination .archive-page-extend:disabled {
    opacity: 0.35;
    pointer-events: none;
  }
  .archive-page-section-pagination .archive-page-extend span {
    max-width: 0;
    opacity: 0;
    overflow: hidden;
    white-space: nowrap;
    transition: 0.3s;
  }
  .archive-page-section-pagination .archive-page-extend.prev:hover span {
    max-width: 48px;
    margin-left: 4px;
    opacity: 1;
  }
  .archive-page-section-pagination .archive-page-extend.next:hover span {
    max-width: 48px;
    margin-right: 4px;
    opacity: 1;
  }
  .archive-page-section-pagination .archive-page-space {
    display: block;
    flex: 0 0 16px;
    width: 16px;
    height: 40px;
    color: var(--efu-fontcolor);
    line-height: 32px;
  }
  .archive-page-section-pagination button:focus-visible {
    outline: 2px solid var(--efu-theme);
    outline-offset: 2px;
  }
  @media (max-width: 1200px) {
    .archive-layout-row {
      flex-direction: column;
    }
    .archive-layout-row > #page,
    .archive-layout-row > #aside-content {
      width: 100%;
    }
  }
  @media (max-width: 768px) {
    .layout.layout--archive {
      gap: 8px;
      padding: 0;
    }
    .archive-layout-row {
      width: 100%;
    }
    .archive-layout-row > #page {
      width: 100%;
      padding: 0;
    }
    .archive-page-shell {
      margin: 0 16px;
      border-radius: 12px;
    }
    .archive-page-section-toolbar,
    .archive-page-section-pagination {
      padding-left: 12px;
      padding-right: 12px;
    }
    .archive-page-toolbar {
      gap: 0;
    }
    .archive-page-years {
      width: 100%;
      gap: 6px;
    }
    .archive-year-button {
      background: transparent;
    }
    .archive-year-button.is-active {
      color: var(--efu-white);
      background: var(--efu-main);
      box-shadow: none;
    }
    .archive-page-item {
      gap: 12px;
      padding: 18px 12px;
    }
    .archive-page-item:hover {
      background: transparent;
    }
    .archive-page-item:focus-visible {
      background: transparent;
    }
    .archive-page-thumb {
      width: 80px;
      min-width: 80px;
      height: 80px;
    }
    .archive-page-item-title {
      margin-bottom: 6px;
      font-size: 14px;
      line-height: 1.4;
    }
    .archive-page-item-meta {
      gap: 5px;
      font-size: 12px;
    }
    .archive-page-item-arrow {
      display: none;
    }
    .archive-page-section-pagination .pagination {
      gap: 10px;
    }
    .archive-page-section-pagination .archive-page-number,
    .archive-page-section-pagination .archive-page-space {
      display: none;
    }
    .archive-page-section-pagination .archive-page-extend {
      position: static;
      display: flex;
      flex: 1 1 0;
      width: 100%;
      min-width: 0;
      height: 50px;
      margin: 0;
      padding: 0;
      color: var(--efu-fontcolor);
      line-height: 50px;
      background: var(--efu-card-bg);
      border: var(--style-border-always);
      border-radius: 12px;
      box-shadow: var(--efu-shadow-border);
    }
    .archive-page-section-pagination .archive-page-extend:hover:not(:disabled) {
      color: var(--efu-nav-hover-text);
      background: var(--efu-theme);
      border-color: var(--efu-theme);
    }
    .archive-page-section-pagination .archive-page-extend:disabled {
      display: none;
    }
    .archive-page-section-pagination .archive-page-extend i {
      display: none;
    }
    .archive-page-section-pagination .archive-page-extend span {
      display: inline;
      max-width: none;
      margin: 0;
      opacity: 1;
      overflow: visible;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .archive-year-button,
    .archive-page-item,
    .archive-page-thumb img,
    .archive-page-section-pagination button {
      transition: none;
    }
  }
  #body-wrap.error {
    --efu-theme: #3498db;
    --efu-main: #3498db;
    --efu-theme-op: rgba(52, 152, 219, 0.169);
    --efu-theme-op-deep: rgba(52, 152, 219, 0.867);
    --efu-theme-none: rgba(52, 152, 219, 0);
    --btn-bg: #3498db;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 50px 1rem 1rem;
    position: relative;
  }
  @media screen and (max-width: 768px) {
    #body-wrap.error {
      padding-top: 0;
    }
  }
  #body-wrap.error #error-wrap {
    display: flex;
    justify-content: center;
    margin: 0 1rem;
    width: 100%;
    position: relative;
  }
  #body-wrap.error #error-wrap .error-content {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 0 1rem;
    height: 18rem;
    max-width: 800px;
    background: var(--efu-card-bg);
    transition: all 0.3s ease 0s;
    border: var(--style-border-always);
    position: relative;
    width: 100%;
    box-shadow: none;
    border-radius: 12px;
  }
  @media screen and (max-width: 768px) {
    #body-wrap.error #error-wrap .error-content {
      flex-direction: column;
      margin: 0;
      height: 25rem;
      width: 100%;
    }
  }
  #body-wrap.error #error-wrap .error-content .error-img {
    flex: 1 1 0;
    height: 100%;
    width: 600px;
    border-radius: 8px 0 0 8px;
    background-color: var(--efu-main);
    background-position: center;
    background-size: cover;
  }
  @media screen and (max-width: 768px) {
    #body-wrap.error #error-wrap .error-content .error-img {
      flex: 1 1 0;
      width: 100%;
      border-radius: 12px;
    }
  }
  #body-wrap.error #error-wrap .error-content .error-info {
    flex: 1 1 0;
    padding: 0.5rem;
    text-align: center;
    font-size: 14px;
    font-family:
      PingFang SC,
      Hiragino Sans GB,
      Microsoft YaHei,
      sans-serif;
  }
  @media screen and (max-width: 768px) {
    #body-wrap.error #error-wrap .error-content .error-info {
      width: 100%;
      padding-bottom: 2rem;
    }
  }
  #body-wrap.error #error-wrap .error-content .error-info .error_title {
    font-size: 9em;
    line-height: 1;
  }
  @media screen and (max-width: 768px) {
    #body-wrap.error #error-wrap .error-content .error-info .error_title {
      font-size: 4rem;
    }
  }
  #body-wrap.error #error-wrap .error-content .error-info .error_subtitle {
    word-break: break-word;
    font-size: 1.6em;
    -webkit-line-clamp: 2;
  }
  #body-wrap.error #error-wrap .error-content .error-info a {
    display: inline-block;
    margin-top: 0.5rem;
    padding: 0.3rem 1.5rem;
    background: var(--btn-bg);
    color: var(--btn-color);
  }
  #body-wrap.error #error-wrap .error-content .error-info a:hover,
  #body-wrap.error #error-wrap .error-content .error-info a:focus-visible {
    background: var(--efu-theme);
  }
  #body-wrap.error .aside-list a:focus-visible {
    outline: 2px solid var(--efu-theme);
    outline-offset: 3px;
  }
  #body-wrap.error #error-wrap .error-content .error-info a i {
    font-size: 16px;
    padding-right: 0.3rem;
  }
  #body-wrap.error .aside-list {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin: 1rem;
    max-width: 100%;
  }
  @media screen and (max-width: 768px) {
    #body-wrap.error .aside-list {
      padding-top: 0;
      margin: 0;
    }
  }
  #body-wrap.error .aside-list .aside-list-group {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 800px;
    margin: 0 auto;
    justify-content: space-between;
  }
  #body-wrap.error .aside-list .aside-list-item {
    padding: 0.5rem 0;
    width: 49%;
  }
  #body-wrap.error .aside-list .aside-list-item img {
    width: 100%;
    object-fit: cover;
    border-radius: 12px;
  }
  #body-wrap.error .aside-list .aside-list-item .thumbnail {
    overflow: hidden;
    width: 100%;
    height: 200px;
    background: var(--efu-card-bg);
    display: flex;
  }
  @media screen and (max-width: 768px) {
    #body-wrap.error .aside-list .aside-list-item .thumbnail {
      height: 100px;
    }
  }
  #body-wrap.error .aside-list .aside-list-item .content .title {
    -webkit-line-clamp: 2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-height: 1.5;
    justify-content: center;
    align-items: flex-end;
    align-content: center;
    padding-top: 0.5rem;
    font-size: 16px;
    font-weight: 700;
  }
  #body-wrap.error .aside-list .aside-list-item .content time {
    display: none;
  }
  div.console_recentcomments {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    min-height: 100px;
    width: 100%;
    overflow-y: scroll;
    scrollbar-width: none;
  }
  .comment-card {
    position: relative;
    width: calc(100% / 3 - 8px);
    background: var(--efu-card-bg);
    border-radius: 12px;
    border: var(--style-border-always);
    padding: 14px;
    cursor: pointer;
    transition: 0.3s;
    overflow: hidden;
    gap: 0.5rem;
    display: flex;
    flex-direction: column;
  }
  .console-card .comment-card {
    width: calc(100% / 2 - 4px);
    min-width: 140px;
    min-height: calc(100% / 3 - 6px);
  }
  @media screen and (max-width: 1200px) {
    .console-card .comment-card {
      width: 100%;
    }
  }
  @media screen and (max-width: 1300px) {
    .comment-card {
      min-width: 100%;
    }
  }
  @media screen and (max-width: 768px) {
    .comment-card {
      width: 100%;
    }
  }
  .comment-card:hover {
    border-color: var(--style-border-hover-always);
  }
  .comment-info {
    display: flex;
    align-items: center;
    gap: 8px;
    border-bottom: var(--style-border-always);
    padding-bottom: 8px;
  }
  .comment-info div {
    display: flex;
    flex-direction: column;
    line-height: 1.5;
  }
  .comment-article,
  .comment-content {
    transition: 0.3s;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.7;
    font-size: 14px;
  }
  .comment-title {
    font-size: 12px;
    color: var(--efu-secondtext);
    margin-top: auto;
    transition: 0.3s;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-height: 1;
    opacity: 0.6;
    padding-top: 8px;
  }
  .comment-title i {
    font-size: 12px;
    line-height: 12px;
  }
  .console_recentcomments .comment-info img {
    width: 30px;
    height: 30px;
    object-fit: cover;
    border-radius: 30px;
    margin: 0;
  }
  span.comment-user {
    font-weight: 700;
  }
  time.comment-time {
    font-size: 12px;
    color: var(--efu-secondtext);
    margin-left: auto;
  }
  body[data-type=music] #page-header #nav a {
    color: var(--efu-white);
  }
  body[data-type=music] #page-header.not-top-img #nav .back-home-button {
    color: var(--efu-white);
  }
  body[data-type=music] #page-header #nav #nav-right .nav-button a.console_switchbutton label i {
    background: var(--efu-white);
  }
  body[data-type=music] #page-header #nav #nav-right .nav-button a.console_switchbutton:hover label i {
    background: var(--efu-card-bg);
  }
  body[data-type=music] .page .layout#content-inner {
    background: none;
  }
}

/* ns-hugo-imp:D:\桌面\hugoBlog\blog\themes\Solitude\assets\css\solitude\pages\music.css */
body[data-type=music] {
  --music-shell-max: 1040px;
  --music-cover-size: 300px;
  --music-left-max: 332px;
  --music-column-gap: 40px;
  --music-nav-offset: 60px;
  --music-control-bottom: 50px;
  --music-white: var(--efu-white);
  --music-white-op: var(--efu-white-op);
  --music-black-op: var(--efu-black-op);
}
body[data-type=music] #page {
  padding: 0;
  overflow: hidden;
  background: transparent;
  border: 0;
  box-shadow: none;
}
body[data-type=music] #footer,
body[data-type=music] #nav-music,
body[data-type=music] #aside-content {
  display: none;
}
body[data-type=music] .page .layout#content-inner {
  max-width: none;
  background: none;
}
#Music-bg {
  position: fixed;
  top: -50%;
  left: -50%;
  z-index: -999;
  display: none;
  width: 200%;
  height: 200%;
  background-color: rgb(13, 13, 13);
  background-position: 0 0;
  background-size: 40%;
  opacity: 0;
  transition: opacity 0.6s, background-image 0.6s;
}
#Music-bg::before {
  position: fixed;
  top: -50%;
  left: -50%;
  z-index: -998;
  width: 200%;
  height: 200%;
  content: "";
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(200px);
  -webkit-backdrop-filter: blur(200px);
  transform: translateZ(0);
}
#Music-bg.show {
  opacity: 1;
}
#Music-page {
  position: relative;
  width: 100%;
  max-width: var(--music-shell-max);
  height: calc(100vh - 170px);
  height: calc(100dvh - 170px);
  margin: auto;
  overflow: hidden;
}
#Music-page meting-js {
  display: block;
  width: 100%;
  height: 100%;
}
#Music-page .aplayer,
#Music-page .aplayer * {
  box-sizing: content-box;
}
#Music-page meting-js .aplayer {
  display: flex;
  width: 100%;
  height: 100%;
  margin: 0;
  overflow: visible;
  flex-direction: row;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
#Music-page .aplayer-left {
  display: flex;
  flex: 0 0 min(40%, var(--music-left-max));
  flex-direction: column;
  align-items: center;
  width: 40%;
  max-width: var(--music-left-max);
  height: 100%;
  gap: 24px;
}
#Music-page .aplayer.aplayer-withlrc .aplayer-pic,
#Music-page .aplayer .aplayer-pic {
  position: relative;
  z-index: 1;
  display: block;
  float: none;
  flex: 0 0 auto;
  width: var(--music-cover-size);
  height: var(--music-cover-size);
  margin-top: 8px;
  background-size: cover;
  border-radius: 12px;
  transform: scale(0.9);
  transition: transform 0.3s, box-shadow 0.3s;
}
#Music-page .aplayer.is-playing .aplayer-pic {
  transform: scale(1);
  box-shadow: var(--efu-shadow-black);
}
#Music-page .aplayer .aplayer-list {
  flex: 1 1 0;
  width: 100%;
  min-width: 200px;
  height: 100%;
  max-height: none !important;
  overflow: hidden;
  background: transparent;
  border: 0;
  box-shadow: none;
}
#Music-page .aplayer-list ol {
  height: 100%;
  max-height: 100% !important;
  overflow-y: auto;
  scrollbar-color: var(--music-white-op) transparent;
  scrollbar-width: thin;
}
#Music-page .aplayer-list ol::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
#Music-page .aplayer-list ol::-webkit-scrollbar-thumb {
  border: 0;
  border-radius: 3px;
  background-color: var(--music-white-op);
}
#Music-page .aplayer-list ol::-webkit-scrollbar-thumb:hover {
  background-color: #ccc;
}
#Music-page .aplayer-list ol::-webkit-scrollbar-track {
  background: transparent;
}
#Music-page .aplayer-list ol > li {
  color: var(--music-white);
  font-size: 14px;
  border-top: 0;
  opacity: 0.6;
}
#Music-page .aplayer-list ol > li:hover {
  background: var(--music-black-op);
  border-radius: 6px;
}
#Music-page .aplayer-list ol > li.aplayer-list-light {
  display: flex;
  height: 60px;
  flex-direction: column;
  background: var(--music-black-op);
  border-radius: 6px;
  opacity: 1;
}
#Music-page .aplayer-list ol > li.aplayer-list-light .aplayer-list-index,
#Music-page .aplayer-list ol > li.aplayer-list-light .aplayer-list-cur {
  display: none;
}
#Music-page .aplayer-list ol > li span {
  color: var(--music-white);
}
#Music-page .aplayer-list ol > li span.aplayer-list-title,
#Music-page .aplayer-list ol > li .aplayer-list-index {
  line-height: 32px;
}
#Music-page .aplayer-list ol > li.aplayer-list-light .aplayer-list-title {
  margin-top: 8px;
  overflow: hidden;
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#Music-page .aplayer-list ol > li span.aplayer-list-author {
  max-width: 40%;
  overflow: hidden;
  line-height: 32px;
  text-overflow: ellipsis;
  white-space: nowrap;
  opacity: 0.6;
}
#Music-page .aplayer-list ol > li.aplayer-list-light span.aplayer-list-author {
  max-width: 100%;
}
#Music-page .aplayer-body {
  position: relative;
  flex: 1 1 0;
  width: 70%;
  min-width: 0;
  height: 100%;
  overflow: visible;
}
#Music-page .aplayer.aplayer-withlrc .aplayer-info,
#Music-page .aplayer .aplayer-info {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
}
#Music-page .aplayer-info .aplayer-music {
  display: none;
  height: auto;
  margin: 15px;
  text-align: center;
}
#Music-page .aplayer-info .aplayer-music .aplayer-author,
#Music-page .aplayer-info .aplayer-music .aplayer-title {
  color: var(--music-white);
  font-size: 2rem;
  font-weight: 700;
}
#Music-page .aplayer-info .aplayer-lrc {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  overflow-x: hidden;
  overflow-y: scroll;
  mask-image:
    linear-gradient(
      to bottom,
      transparent,
      #000 10%,
      #000 90%,
      transparent);
  -webkit-mask-image:
    linear-gradient(
      to bottom,
      transparent,
      #000 10%,
      #000 90%,
      transparent);
  scrollbar-width: none;
  -ms-overflow-style: none;
}
#Music-page .aplayer-info .aplayer-lrc::-webkit-scrollbar {
  display: none;
}
#Music-page .aplayer .aplayer-lrc::after,
#Music-page .aplayer .aplayer-lrc::before {
  display: none;
}
#Music-page .aplayer .aplayer-lrc .aplayer-lrc-contents {
  position: relative;
  display: flex;
  width: 90%;
  margin-left: 16px;
  padding: 200px 20px 600px;
  flex-direction: column;
  gap: 20px;
  transform: none !important;
  transition: none !important;
}
#Music-page .aplayer-info .aplayer-lrc p {
  position: relative;
  height: auto !important;
  min-height: 0;
  margin: 0;
  padding: 8px !important;
  overflow: visible;
  color: var(--music-white);
  font-size: 36px;
  font-weight: 700;
  line-height: 1.38 !important;
  text-align: left;
  white-space: normal;
  word-break: break-all;
  overflow-wrap: break-word;
  border-radius: 8px;
  opacity: 0.3;
  filter: blur(2px);
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  text-shadow: 0 2px 0 transparent;
  transition:
    all 0.9s cubic-bezier(0.56, 0.17, 0.22, 0.76),
    height 0.3s ease,
    background 0.3s ease,
    max-height 0.3s ease;
}
#Music-page .aplayer-info .aplayer-lrc p:hover {
  background: rgba(255, 255, 255, 0.28);
}
#Music-page .aplayer-info .aplayer-lrc p.aplayer-lrc-current {
  height: auto;
  max-height: 200px;
  white-space: normal;
  text-overflow: clip;
  text-shadow: 0 2px 16px rgba(255, 255, 255, 0.58);
  opacity: 1;
  filter: blur(0);
  transform: translateZ(0);
  transition:
    all 0.3s cubic-bezier(0.56, 0.17, 0.22, 0.76),
    text-shadow 8s 4s ease-in,
    height 0.3s ease,
    max-height 0.3s ease,
    opacity 0.3s ease;
}
#Music-page .aplayer-info .aplayer-lrc p.aplayer-lrc-current:first-child {
  text-shadow: 0 2px 16px transparent;
}
#Music-page .aplayer-info .aplayer-lrc p.aplayer-lrc-current:hover {
  background: rgba(255, 255, 255, 0.11);
}
@media screen and (min-width: 769px) {
  #Music-page .aplayer-info .aplayer-lrc:hover p {
    filter: blur(0);
  }
}
#Music-page .aplayer-info .aplayer-controller {
  position: fixed;
  right: 0;
  bottom: var(--music-control-bottom);
  left: 0;
  z-index: 70;
  display: flex;
  width: 100%;
  max-width: var(--music-shell-max);
  height: 16px;
  margin: auto;
  padding: 0;
  align-items: center;
}
#Music-page .aplayer-info .aplayer-controller .aplayer-bar-wrap {
  height: 16px;
  margin: 0 150px;
  padding: 4px 0;
}
#Music-page .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar,
#Music-page .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-loaded,
#Music-page .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-played {
  height: 8px;
  border-radius: 8px;
}
#Music-page .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar,
#Music-page .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-loaded {
  background: var(--music-white-op);
}
#Music-page .aplayer-info .aplayer-controller .aplayer-played {
  background: var(--music-white) !important;
}
#Music-page .aplayer-info .aplayer-controller .aplayer-thumb {
  width: 16px !important;
  height: 16px !important;
  background: var(--music-white) !important;
  transform: none;
}
#Music-page .aplayer-info .aplayer-time {
  position: absolute;
  bottom: 24px;
  display: flex;
  width: 100%;
  height: 0;
  padding: 0;
  justify-content: flex-end;
  color: var(--music-white);
}
#Music-page .aplayer-info .aplayer-time .aplayer-time-inner {
  margin-top: -8px;
  margin-right: 18px;
}
#Music-page .aplayer-info .aplayer-time .aplayer-icon-back,
#Music-page .aplayer-info .aplayer-time .aplayer-icon-forward,
#Music-page .aplayer-info .aplayer-time .aplayer-icon-play {
  position: absolute;
  display: inline;
}
#Music-page .aplayer-info .aplayer-time .aplayer-icon-back {
  left: 0;
}
#Music-page .aplayer-info .aplayer-time .aplayer-icon-play {
  left: 40px;
}
#Music-page .aplayer-info .aplayer-time .aplayer-icon-forward {
  left: 80px;
}
#Music-page .aplayer-info .aplayer-time .aplayer-icon {
  width: 26px;
  height: 26px;
  margin-left: 15px;
}
#Music-page .aplayer-info .aplayer-time .aplayer-icon-menu {
  display: none;
}
#Music-page .aplayer-info .aplayer-time .aplayer-icon path {
  fill: var(--music-white);
  opacity: 0.8;
}
#Music-page .aplayer-info .aplayer-time .aplayer-icon.aplayer-icon-loop {
  margin-right: 7px;
}
#Music-page .aplayer-info .aplayer-time .aplayer-volume-wrap::before {
  position: absolute;
  bottom: -6px;
  left: 3px;
  width: 28px;
  height: 150px;
  padding: 8px;
  content: "";
}
#Music-page .aplayer-volume-wrap:hover .aplayer-volume-bar-wrap {
  width: 30px;
  height: 120px;
  border-radius: 40px;
}
#Music-page .aplayer-volume-wrap .aplayer-volume-bar-wrap {
  width: 30px;
}
#Music-page .aplayer-volume-wrap .aplayer-volume-bar-wrap .aplayer-volume-bar {
  left: 0;
  width: 100%;
  height: 100%;
}
#Music-page .aplayer-volume-wrap .aplayer-volume-bar-wrap .aplayer-volume {
  width: 100%;
  background: var(--music-white) !important;
}
#Music-page .aplayer-icon:focus-visible,
#Music-page .aplayer-button:focus-visible,
#Music-page .aplayer-list li:focus-visible {
  outline: 3px solid var(--efu-main);
  outline-offset: 3px;
}
.Music-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 10;
  color: var(--music-white, var(--efu-white));
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 768px) {
  body[data-type=music] .page .layout#content-inner {
    z-index: auto;
    padding: 0;
  }
  #Music-page {
    position: fixed;
    top: var(--music-nav-offset);
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    max-width: none;
    height: auto;
    margin: 0;
  }
  #Music-page meting-js .aplayer {
    display: block;
    width: 100%;
    height: 100%;
  }
  #Music-page .aplayer-left {
    display: contents;
  }
  #Music-page .aplayer.aplayer-withlrc .aplayer-pic,
  #Music-page .aplayer .aplayer-pic {
    display: none;
  }
  #Music-page .aplayer-body {
    position: fixed;
    top: var(--music-nav-offset);
    right: 0;
    left: 0;
    width: 100%;
    height: calc(100vh - 260px);
    height: calc(100dvh - 260px);
    margin: auto;
    overflow: hidden;
  }
  #Music-page .aplayer-info .aplayer-lrc {
    height: calc(100vh - 160px);
    height: calc(100dvh - 160px);
    min-height: 100%;
    margin-top: 0;
    overflow: inherit;
    mask-image:
      linear-gradient(
        to bottom,
        #000,
        #000,
        #000,
        #000,
        transparent,
        transparent);
    -webkit-mask-image:
      linear-gradient(
        to bottom,
        #000,
        #000,
        #000,
        #000,
        transparent,
        transparent);
  }
  #Music-page .aplayer .aplayer-lrc .aplayer-lrc-contents {
    width: calc(100% - 40px);
    margin-left: 0;
  }
  #Music-page .aplayer-info .aplayer-lrc p {
    font-size: 32px;
  }
  #Music-page .aplayer-info .aplayer-controller {
    bottom: calc(120px + env(safe-area-inset-bottom, 0px));
    width: 100%;
  }
  #Music-page .aplayer-info .aplayer-controller .aplayer-bar-wrap {
    margin: 0 32px;
  }
  #Music-page .aplayer-info .aplayer-time {
    bottom: -40px;
    align-items: center;
  }
  #Music-page .aplayer-info .aplayer-time .aplayer-time-inner {
    position: absolute;
    width: 100%;
    margin-top: -60px;
    margin-right: 4px;
  }
  #Music-page .aplayer-info .aplayer-time .aplayer-dtime {
    position: absolute;
    right: 30px;
  }
  #Music-page .aplayer-info .aplayer-time .aplayer-ptime {
    position: absolute;
    left: 44px;
  }
  #Music-page .aplayer-info .aplayer-time .aplayer-icon-back {
    right: 110px;
    margin: auto;
  }
  #Music-page .aplayer-info .aplayer-time .aplayer-icon-play {
    right: 0;
    left: 0;
    width: 56px;
    height: 56px;
    margin: auto;
  }
  #Music-page .aplayer-info .aplayer-time .aplayer-icon-forward {
    right: 0;
    left: 110px;
    margin: auto;
  }
  #Music-page .aplayer-info .aplayer-time .aplayer-icon-order {
    position: absolute;
    left: 22px;
    width: 24px;
    height: 24px;
    opacity: 0.4;
  }
  #Music-page .aplayer-info .aplayer-time .aplayer-icon-loop {
    position: absolute;
    right: 25px;
    width: 24px;
    height: 24px;
    opacity: 0.4;
  }
  #Music-page .aplayer-info .aplayer-time .aplayer-icon-menu {
    position: absolute;
    top: -100px;
    right: 30px;
    display: inline;
    width: 24px;
    height: 24px;
    opacity: 0.4;
  }
  #Music-page .aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap {
    left: -66px;
    display: none;
  }
  #Music-page .aplayer-info .aplayer-music {
    position: fixed;
    top: calc(100vh - 178px - env(safe-area-inset-bottom, 0px));
    top: calc(100dvh - 178px - env(safe-area-inset-bottom, 0px));
    left: 0;
    display: flex;
    height: 21px;
    max-width: calc(100vw - 110px);
    margin: 0 0 0 32px;
    align-items: center;
    overflow: hidden;
    line-height: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
    opacity: 0.6;
  }
  #Music-page .aplayer-info .aplayer-music .aplayer-title,
  #Music-page .aplayer-info .aplayer-music .aplayer-author {
    max-width: calc(100vw - 176px);
    margin: 0;
    overflow: hidden;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  #Music-page .aplayer-info .aplayer-music .aplayer-author {
    margin-left: 4px;
  }
  #Music-page .aplayer .aplayer-list {
    position: fixed;
    top: var(--music-nav-offset);
    left: 0;
    z-index: 1003;
    display: block;
    width: 100vw;
    max-width: 100vw;
    height: calc(100vh - 300px);
    height: calc(100dvh - 300px);
    max-height: calc(100vh - 300px) !important;
    max-height: calc(100dvh - 300px) !important;
    padding: 15px 0;
    background: var(--efu-card-bg);
    border-radius: 0 0 16px 16px;
    transition: top 0.3s;
  }
  #Music-page .aplayer .aplayer-list.aplayer-list-hide {
    top: -100% !important;
    display: block;
    max-height: calc(100dvh - 300px) !important;
  }
  #Music-page .aplayer-list ol {
    height: 100%;
    max-height: 100% !important;
    padding: 0 16px;
  }
  #Music-page .aplayer-list ol > li {
    display: flex;
    margin: 0;
  }
  #Music-page .aplayer-list ol > li span {
    color: var(--efu-fontcolor);
  }
  #Music-page .aplayer-list ol > li span.aplayer-list-title {
    display: -webkit-box;
    width: auto;
    max-width: 55%;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  #Music-page .aplayer-list ol > li span.aplayer-list-author {
    right: 10px;
    display: -webkit-box;
    width: auto;
    max-width: 35%;
    margin-left: auto;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  #Music-page .aplayer-list ol > li.aplayer-list-light {
    height: 52px;
    padding: 5px 20px;
    justify-content: center;
    background: var(--efu-main);
    border-radius: 10px;
  }
  #Music-page .aplayer-list ol > li.aplayer-list-light .aplayer-list-title {
    margin-top: 4px;
  }
  #Music-page .aplayer-list ol > li.aplayer-list-light span {
    color: var(--music-white);
  }
  #Music-page .aplayer-list ol > li.aplayer-list-light span.aplayer-list-author {
    right: 15px;
    max-width: 100%;
    margin-left: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  #Music-bg,
  #Music-page .aplayer-pic,
  #Music-page .aplayer-lrc p,
  #Music-page .aplayer-list {
    transition: none !important;
  }
  #Music-page .aplayer.aplayer-withlrc .aplayer-pic,
  #Music-page .aplayer .aplayer-pic,
  #Music-page .aplayer.is-playing .aplayer-pic {
    transform: none;
  }
}

/* ns-hugo-imp:D:\桌面\hugoBlog\blog\themes\Solitude\assets\css\solitude\pages\links-equipment.css */
@layer solitude.pages {
  #equipment {
    margin-top: 26px;
  }
  #equipment .equipment-item .equipment-item-title {
    line-height: 1;
  }
  #equipment .equipment-item + .equipment-item .equipment-item-title {
    margin-top: 40px;
  }
  #equipment .equipment-item .equipment-item-description {
    line-height: 1;
    margin: 4px 0 20px;
    color: var(--efu-secondtext);
  }
  #equipment .equipment-item .equipment-item-content {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 -8px;
  }
  #equipment .equipment-item .equipment-item-content-item {
    width: calc(25% - 12px);
    min-height: 400px;
    position: relative;
    margin: 8px 6px;
    overflow: hidden;
    border: var(--style-border-always);
    border-radius: 16px;
    background: var(--efu-card-bg);
    box-shadow: var(--efu-shadow-border);
    -webkit-user-select: none;
    user-select: none;
  }
  @media screen and (max-width: 1200px) {
    #equipment .equipment-item .equipment-item-content-item {
      width: calc(50% - 12px);
    }
  }
  @media screen and (max-width: 768px) {
    #equipment .equipment-item .equipment-item-content-item {
      width: 100%;
    }
  }
  #equipment .equipment-item .equipment-item-content-item .equipment-item-content-item-cover {
    width: 100%;
    height: 200px;
    background: var(--efu-secondbg);
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #equipment .equipment-item .equipment-item-content-item .equipment-item-content-item-cover .equipment-item-content-item-image {
    object-fit: contain;
    width: auto;
    height: auto;
    max-width: 64%;
    max-height: 64%;
  }
  #equipment .equipment-item:not(:first-child) .equipment-item-content-item .equipment-item-content-item-cover .equipment-item-content-item-image {
    max-width: 48%;
    max-height: 48%;
  }
  #equipment .equipment-item .equipment-item-content-item .equipment-item-content-item-info {
    padding: 8px 16px 16px 16px;
    margin-top: 12px;
  }
  #equipment .equipment-item .equipment-item-content-item .equipment-item-content-item-info .equipment-item-content-item-name {
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 8px;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: fit-content;
  }
  #equipment .equipment-item .equipment-item-content-item .equipment-item-content-item-info .equipment-item-content-item-name:hover,
  #equipment .equipment-item .equipment-item-content-item .equipment-item-content-item-info .equipment-item-content-item-name:focus-visible {
    color: var(--efu-vip);
    cursor: pointer;
  }
  #equipment .equipment-item .equipment-item-content-item .equipment-item-content-item-info .equipment-item-content-item-specification {
    font-size: 12px;
    color: var(--efu-secondtext);
    line-height: 1;
    margin-bottom: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  #equipment .equipment-item .equipment-item-content-item .equipment-item-content-item-info .equipment-item-content-item-description {
    line-height: 20px;
    color: var(--efu-secondtext);
    height: 60px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-size: 14px;
  }
  #equipment .equipment-item .equipment-item-content-item .equipment-item-content-item-info .equipment-item-content-item-toolbar {
    display: flex;
    justify-content: space-between;
    position: absolute;
    bottom: 12px;
    left: 0;
    width: 100%;
    padding: 0 16px;
  }
  #equipment .equipment-item .equipment-item-content-item .equipment-item-content-item-info .equipment-item-content-item-toolbar .equipment-item-content-item-link {
    font-size: 12px;
    background: var(--efu-gray-op);
    padding: 4px 8px;
    border-radius: 8px;
    cursor: pointer;
  }
  #equipment .equipment-item .equipment-item-content-item .equipment-item-content-item-info .equipment-item-content-item-toolbar .equipment-item-content-item-link:hover {
    background: var(--efu-main);
    color: var(--efu-white);
  }
  .flink#banners {
    margin-bottom: 0.5rem;
  }
  body[data-type=links] {
    overflow-x: clip;
  }
  .tags-group-title {
    font-size: 14px;
    color: var(--efu-card-bg);
    background: var(--efu-lighttext);
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    border-radius: 120px;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: 0.3s;
  }
  .flink .tags-group-icon:hover .tags-group-title,
  body[data-type=links] .flink .tags-group-icon:focus-visible .tags-group-title {
    opacity: 1;
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
  }
  body[data-type=links] .flink .tags-group-icon:focus-visible {
    outline: 3px solid var(--efu-theme-op);
    outline-offset: 4px;
  }
  .flink .tags-group-all.nowrapMove .tags-group-wrapper {
    animation: rowleft 120s linear infinite;
  }
  .flink.article-container {
    margin-top: 1rem;
  }
  .friend-links-status {
    min-height: 96px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: var(--efu-secondtext);
    text-align: center;
  }
  .friend-links-status.is-error {
    flex-direction: column;
  }
  .friend-links-status.is-compact {
    min-height: 0;
    align-items: flex-start;
  }
  .friend-links-status button {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 12px;
    border: var(--style-border-always);
    border-radius: 8px;
    color: var(--efu-fontcolor);
    background: var(--efu-card-bg);
    cursor: pointer;
  }
  .friend-links-status button:hover {
    color: var(--efu-white);
    border-color: var(--efu-main);
    background: var(--efu-main);
  }
  .flink-loading-skeleton {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1rem;
    padding: 1rem 0;
  }
  .flink-loading-item {
    height: 120px;
    border-radius: 8px;
    opacity: 0.3;
    background:
      linear-gradient(
        90deg,
        var(--efu-card-bg) 25%,
        var(--efu-secondtext) 50%,
        var(--efu-card-bg) 75%);
    background-size: 200% 100%;
    animation: flink-skeleton 1.5s ease-in-out infinite;
  }
  .flink.article-container .power_title_bar {
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  .flink.article-container .power_title_bar .title-h2-a-right {
    margin-left: auto;
    font-size: 14px;
    color: var(--efu-secondtext);
  }
  .flink.article-container .power_title_bar .title-h2-a-right a {
    padding: 0;
    border-bottom: none;
    color: var(--efu-secondtext);
    font-weight: 700;
    line-height: 1;
  }
  .flink.article-container .power_title_bar .title-h2-a-right a:hover {
    color: var(--efu-lighttext);
    background: transparent;
  }
  .flink.article-container .flink-normal-title-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
  }
  .flink.article-container .flink-normal-title-content {
    min-width: 0;
    flex: 1;
  }
  .flink.article-container .flink-normal-title-content .flink-desc {
    margin: 0;
  }
  .flink.article-container .flink-normal-scroll-controls {
    display: flex;
    flex-shrink: 0;
    gap: 10px;
  }
  .flink.article-container .flink-normal-sort-btn,
  .flink.article-container .flink-normal-scroll-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 44px;
    border: var(--style-border-always);
    border-radius: 99px;
    color: var(--efu-fontcolor);
    background: var(--efu-card-bg);
    box-shadow: var(--efu-shadow-border);
    cursor: pointer;
    transition: 0.3s;
  }
  .flink.article-container .flink-normal-sort-btn:hover,
  .flink.article-container .flink-normal-scroll-btn:hover {
    color: var(--efu-card-bg);
    border-color: var(--efu-lighttext);
    background: var(--efu-lighttext);
  }
  .flink.article-container .flink-normal-sort-btn {
    min-width: 108px;
    padding: 0 14px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
  }
  .flink.article-container .flink-normal-scroll-btn {
    width: 44px;
    flex-shrink: 0;
    font-size: 18px;
    line-height: 1;
  }
  .flink.article-container .flink-list.normal-five-row-horizontal {
    --flink-breakout-side-gap: calc(max((100vw - 1400px) / 2, 0px) + 2rem - 12px);
    display: grid;
    grid-auto-flow: column;
    grid-template-rows: repeat(5, 90px);
    grid-auto-columns: minmax(260px, 320px);
    gap: 12px;
    justify-content: flex-start;
    align-content: start;
    width: 100vw;
    margin: 1rem calc(50% - 50vw);
    padding: 0 var(--flink-breakout-side-gap) 10px;
    overflow-x: auto;
    overflow-y: hidden;
    box-sizing: border-box;
    scrollbar-width: none;
    scroll-padding-inline: var(--flink-breakout-side-gap);
  }
  .flink.article-container .flink-list.normal-five-row-horizontal::-webkit-scrollbar {
    display: none;
  }
  .flink.article-container .flink-list.normal-five-row-horizontal > .flink-list-item {
    width: auto;
    height: 90px;
    margin: 0;
    float: none;
  }
  .flink.article-container .flink-list.normal-five-row-horizontal > .flink-list-item > a {
    display: flex;
    height: 100%;
  }
  @media screen and (max-width: 768px) {
    .flink.article-container .flink-list.normal-five-row-horizontal {
      width: 100%;
      margin: 1rem 0;
      padding: 0 0 10px;
    }
    .flink.article-container .flink-list.normal-five-row-horizontal > .flink-list-item {
      width: auto;
      height: 90px;
    }
    .flink.article-container .flink-list.normal-five-row-horizontal > .flink-list-item > a {
      flex-direction: row;
    }
    .flink.article-container .flink-list.normal-five-row-horizontal > .flink-list-item > a .flink-item-name {
      width: auto;
      padding: 0;
      text-align: left;
      font-size: 19px;
    }
    .flink.article-container .flink-list.normal-five-row-horizontal > .flink-list-item > a .flink-item-desc {
      display: -webkit-box;
    }
    .flink.article-container .flink-list.normal-five-row-horizontal > .flink-list-item .flink-item-info {
      width: calc(100% - 90px);
      align-items: flex-start;
    }
  }
  @media screen and (max-width: 768px) {
    .flink.article-container .flink-normal-scroll-btn {
      display: none;
    }
  }
  .article-container .flink-desc {
    margin: 0;
    color: var(--efu-secondtext);
  }
  .article-container .site-card-tag {
    position: absolute;
    top: 0;
    left: 0;
    padding: 4px 8px;
    background-color: var(--efu-blue);
    box-shadow: var(--efu-shadow-blue);
    color: var(--efu-white);
    z-index: 1;
    border-radius: 0 0 12px 0;
    transition: 0.3s;
    font-size: 0.6rem;
    overflow: hidden;
  }
  .article-container .site-card-tag .light {
    cursor: pointer;
    position: absolute;
    top: 0;
    width: 100px;
    height: 50px;
    background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
    animation: light_tag 4s both infinite;
  }
  .article-container .site-card-tag.vip {
    background-color: var(--efu-vip);
  }
  .article-container .site-card-tag.speed {
    background-color: var(--efu-speed);
  }
  .article-container .site-card-group {
    padding: 20px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: -8px;
    align-items: stretch;
  }
  .article-container .site-card-group .site-card {
    margin: 8px;
    display: block;
    line-height: 1.4;
    border: var(--style-border);
    border-radius: 12px;
    transition: 0.3s;
    transition-timing-function: ease-in-out;
    overflow: hidden;
    height: 200px;
    position: relative;
    width: calc(100% / 7 - 16px);
    background: var(--efu-card-bg);
    box-shadow: var(--efu-shadow-border);
  }
  @media screen and (max-width: 1200px) {
    .article-container .site-card-group .site-card {
      width: calc(20% - 16px);
    }
  }
  @media screen and (max-width: 1024px) {
    .article-container .site-card-group .site-card {
      width: calc(25% - 16px);
    }
  }
  @media screen and (max-width: 768px) {
    .article-container .site-card-group .site-card {
      width: calc(100% / 3 - 16px);
    }
  }
  @media screen and (max-width: 600px) {
    .article-container .site-card-group .site-card {
      width: calc(100% / 2 - 16px);
    }
  }
  .article-container .site-card-group .site-card .img {
    border-radius: 0;
    height: 120px;
    width: 100%;
    display: flex;
    border: none;
    padding: 0;
    transition: all 0.3s ease 0s;
    overflow: hidden;
  }
  .article-container .site-card-group .site-card .img img {
    border-radius: 0;
    transform: scale(1.03);
    transition: 0.3s;
    margin: 0;
    max-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .article-container .site-card-group .site-card .img-alt {
    display: none;
  }
  .article-container .site-card-group .site-card .info {
    display: flex;
    border: none;
    padding: 0.5rem;
    width: 100%;
    height: 90px;
    margin: 0;
    border-radius: 0 0 12px 12px;
  }
  .article-container .site-card-group .site-card .info img {
    border-radius: 32px;
    transition: all 0.3s ease-out;
    margin: 2px 8px 0 0;
    width: 20px;
    height: 20px;
    min-width: 20px;
    min-height: 20px;
    transform: scale(1.1);
    background: var(--efu-secondbg);
  }
  .article-container .site-card-group .site-card .info .site-card-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .article-container .site-card-group .site-card .info .site-card-text .title {
    color: var(--efu-fontcolor);
    text-align: left;
    font-weight: 600;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
    transition: all 0.3s ease 0s;
  }
  .article-container .site-card-group .site-card .info .site-card-text .desc {
    font-size: 0.7rem;
    color: var(--efu-fontcolor);
    opacity: 0.7;
    transition: all 0.3s;
    text-align: left;
    overflow-wrap: break-word;
    line-height: 1.2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
  }
  .article-container .site-card-group .site-card:hover,
  body[data-type=links] .article-container .site-card-group .site-card:focus-within {
    border: var(--style-border-hover);
    box-shadow: var(--efu-shadow-main);
    background: var(--efu-main);
  }
  .article-container .site-card-group .site-card:hover .site-card-tag,
  body[data-type=links] .article-container .site-card-group .site-card:focus-within .site-card-tag {
    left: -60px;
  }
  .article-container .site-card-group .site-card:hover .img,
  body[data-type=links] .article-container .site-card-group .site-card:focus-within .img {
    transform: scale(1);
    filter: brightness(0.3);
    border-radius: 12px;
    background: var(--efu-lighttext);
    background: var(--efu-main);
  }
  @media screen and (min-width: 768px) {
    .article-container .site-card-group .site-card:hover .img,
    body[data-type=links] .article-container .site-card-group .site-card:focus-within .img {
      height: 80px;
    }
    .article-container .site-card-group .site-card:hover .img img,
    body[data-type=links] .article-container .site-card-group .site-card:focus-within .img img {
      transform: scale(1.1);
    }
  }
  .article-container .site-card-group .site-card:hover a,
  body[data-type=links] .article-container .site-card-group .site-card:focus-within a {
    color: var(--efu-white);
    background: var(--efu-main);
    box-shadow: var(--efu-shadow-main);
  }
  .article-container .site-card-group .site-card:hover .info,
  body[data-type=links] .article-container .site-card-group .site-card:focus-within .info {
    height: 120px;
    background-color: var(--efu-theme);
  }
  .article-container .site-card-group .site-card:hover .info img,
  body[data-type=links] .article-container .site-card-group .site-card:focus-within .info img {
    width: 0;
    height: 0;
    opacity: 0;
    min-width: 0;
    min-height: 0;
  }
  .article-container .site-card-group .site-card:hover .info .title,
  body[data-type=links] .article-container .site-card-group .site-card:focus-within .info .title {
    color: var(--efu-white);
  }
  .article-container .site-card-group .site-card:hover .info .desc,
  body[data-type=links] .article-container .site-card-group .site-card:focus-within .info .desc {
    color: var(--efu-white);
    text-align: left;
    -webkit-line-clamp: 4;
    width: 100%;
  }
  .article-container .flink-list {
    padding: 0;
    margin: 0.5rem -6px 1rem -6px;
    overflow-x: hidden;
    text-align: center;
  }
  .article-container .flink-list.mini > .flink-list-item {
    height: 60px;
  }
  .article-container .flink-list.mini > .flink-list-item a img {
    width: 30px;
    height: 30px;
    min-width: 30px;
    min-height: 30px;
  }
  .article-container .flink-list.mini > .flink-list-item a .flink-item-desc {
    display: none;
  }
  .article-container .flink-list-item {
    margin: 6px 6px;
    transition: 0.3s;
    border-radius: 12px;
    transition-timing-function: ease-in-out;
    position: relative;
    width: calc(20% - 12px);
    border: var(--style-border-always);
    box-shadow: var(--efu-shadow-border);
    background: var(--efu-card-bg);
    display: flex;
    float: left;
    overflow: hidden;
    height: 90px;
    line-height: 17px;
    transform: translateZ(0);
  }
  @media screen and (max-width: 1200px) {
    .article-container .flink-list-item {
      width: calc(25% - 12px);
    }
  }
  @media screen and (max-width: 1024px) {
    .article-container .flink-list-item {
      width: calc(33.3333% - 12px);
    }
  }
  @media screen and (max-width: 768px) {
    .article-container .flink-list-item {
      width: calc(50% - 12px);
      height: 120px;
    }
    .article-container .flink-list-item a {
      flex-direction: column;
    }
  }
  .article-container .flink-list-item a {
    display: flex;
    width: 100%;
    height: 100%;
    border: none;
    align-items: center;
  }
  .article-container .flink-list-item a .img-alt {
    display: none;
  }
  .article-container .flink-list-item a img {
    border-radius: 32px;
    margin: 15px 20px 15px 15px;
    transition: 0.3s;
    background: var(--efu-background);
    min-width: 60px;
    min-height: 60px;
    float: left;
    width: 60px;
    height: 60px;
  }
  .article-container .flink-list-item a .flink-item-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: calc(100% - 90px);
    height: fit-content;
    padding: 0 4px;
  }
  @media screen and (max-width: 768px) {
    .article-container .flink-list-item a .flink-item-info {
      align-items: center;
      width: 100%;
    }
    .article-container .flink-list-item a .flink-item-info .flink-item-name {
      padding: 0;
      width: 100%;
      text-align: center;
      font-size: 14px;
    }
    .article-container .flink-list-item a .flink-item-info .flink-item-desc {
      display: none;
    }
  }
  .article-container .flink-list-item a .flink-item-info span {
    transition: 0.3s;
  }
  .article-container .flink-list-item a .flink-item-name {
    text-align: left;
    font-size: 19px;
    line-height: 20px;
    color: var(--efu-fontcolor);
    display: block;
    padding: 0 10px 0 0;
    font-weight: 700;
    max-width: calc(100% - 12px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .article-container .flink-list-item a .flink-item-desc {
    white-space: normal;
    padding: 5px 10px 16px 0;
    color: var(--efu-fontcolor);
    text-align: left;
    height: 40px;
    text-overflow: ellipsis;
    opacity: 0.7;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 0.93em;
  }
  .article-container .flink-list-item:hover,
  body[data-type=links] .article-container .flink-list-item:focus-within {
    background: var(--efu-theme);
  }
  .article-container .flink-list-item:hover .site-card-tag,
  body[data-type=links] .article-container .flink-list-item:focus-within .site-card-tag {
    left: -50px;
  }
  .article-container .flink-list-item:hover a,
  body[data-type=links] .article-container .flink-list-item:focus-within a {
    background: 0 0;
  }
  .article-container .flink-list-item:hover a img,
  body[data-type=links] .article-container .flink-list-item:focus-within a img {
    transition: 0.6s;
    width: 0;
    height: 0;
    opacity: 0;
    margin: 5px;
    min-width: 0;
    min-height: 0;
  }
  .article-container .flink-list-item:hover .flink-item-info,
  body[data-type=links] .article-container .flink-list-item:focus-within .flink-item-info {
    min-width: calc(100% - 20px);
  }
  .article-container .flink-list-item:hover .flink-item-info .flink-item-name,
  body[data-type=links] .article-container .flink-list-item:focus-within .flink-item-info .flink-item-name {
    color: var(--efu-card-bg);
  }
  .article-container .flink-list-item:hover .flink-item-info .flink-item-desc,
  body[data-type=links] .article-container .flink-list-item:focus-within .flink-item-info .flink-item-desc {
    color: var(--efu-card-bg);
    overflow: hidden;
    width: 100%;
  }
  div#banners {
    display: flex;
    width: 100%;
    background: var(--efu-card-bg);
    border: var(--style-border-always);
    border-radius: 12px;
    overflow: hidden;
    position: relative;
    box-shadow: var(--efu-shadow-border);
    flex-direction: column;
    transition: 0.3s;
    will-change: transform;
    animation: slide-in 0.6s 0.1s backwards;
  }
  #home_top div#banners {
    height: 100%;
  }
  @media screen and (max-width: 1200px) {
    #home_top div#banners {
      height: calc(328px + 0.5rem);
    }
  }
  :not(.flink)div#banners:hover {
    box-shadow: var(--efu-shadow-main);
  }
  div#banners .banner-button-group {
    position: absolute;
    right: 2rem;
    top: 2rem;
    display: flex;
  }
  @media screen and (max-width: 768px) {
    div#banners .banner-button-group {
      display: none;
    }
  }
  div#banners .banner-button {
    padding: 8px 12px;
    min-height: 50px;
    background: var(--efu-fontcolor);
    border-radius: 12px;
    color: var(--efu-card-bg);
    display: flex;
    align-items: center;
    z-index: 1;
    transition: 0.3s;
    cursor: pointer;
    box-shadow: var(--efu-shadow-black);
    font: inherit;
    line-height: 32px;
  }
  div#banners .banner-button.secondary {
    background: var(--efu-secondbg);
    border: var(--style-border-always);
    color: var(--efu-lighttext);
    margin-right: 1rem;
    box-shadow: var(--efu-shadow-border);
  }
  div#banners .banner-button:hover,
  body[data-type=links] div#banners .banner-button:focus-visible {
    background: var(--efu-theme);
    color: var(--efu-white);
  }
  body[data-type=links] div#banners .banner-button:focus-visible {
    outline: 3px solid var(--efu-theme-op);
    outline-offset: 3px;
  }
  div#banners .banner-button i {
    margin-right: 8px;
    font-size: 1rem;
  }
  .banners-title {
    top: 2.6rem;
    left: 2rem;
    position: absolute;
    display: flex;
    flex-direction: column;
  }
  .banners-title-big {
    font-size: 36px;
    line-height: 1;
    font-weight: 700;
    margin-bottom: 8px;
  }
  .banners-title-small {
    font-size: 12px;
    line-height: 1;
    color: var(--efu-secondtext);
    margin-top: 8px;
    margin-bottom: 0.5rem;
    margin-left: 2px;
  }
  .flink .banners-title {
    top: 1.5rem;
  }
  div#banners .bannerText {
    font-size: 4rem;
    line-height: 4rem;
    font-weight: 700;
  }
  .tags-group-all {
    display: flex;
  }
  @media screen and (max-width: 600px) {
    #home_top .tags-group-all {
      opacity: 0.06;
      filter: blur(8px);
      z-index: -1;
    }
  }
  .tags-group-all.nowrapMove {
    padding-bottom: 2rem;
  }
  .tags-group-all.nowrapMove .tags-group-wrapper {
    margin-top: 7rem;
    animation: rowleft-quarter 30s linear infinite;
    display: flex;
  }
  @media screen and (max-width: 768px) {
    .tags-group-all.nowrapMove .tags-group-wrapper {
      margin-top: 7.5rem;
    }
  }
  .tags-group-all.nowrapMove .tags-group-icon {
    border-radius: 50%;
  }
  .tags-group-all.nowrapMove .tags-group-icon img {
    min-width: 100%;
    min-height: 100%;
    border-radius: 50%;
    object-fit: cover;
  }
  .tags-group-all .tags-group-icon-pair {
    margin-left: 1rem;
    -webkit-user-select: none;
    user-select: none;
  }
  .tags-group-all .tags-group-icon-pair a img {
    border-radius: 50%;
  }
  .tags-group-icon {
    position: relative;
    width: 120px;
    height: 120px;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 66px;
    font-weight: 700;
    box-shadow: var(--efu-shadow-blackdeep);
  }
  @media screen and (max-width: 768px) {
    .flink .tags-group-icon {
      width: 70px;
      height: 70px;
    }
  }
  .tags-group-icon:nth-child(even) {
    margin-top: 1rem;
    transform: translate(-60px);
  }
  .tags-group-icon img {
    width: 60%;
  }
  .author-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    gap: 0.5rem;
  }
  @media screen and (max-width: 768px) {
    .author-content {
      margin-top: 0;
      flex-direction: column;
    }
  }
  @media screen and (max-width: 1300px) {
    .author-content .author-content-item {
      animation: slide-in 0.6s 0s backwards;
    }
  }
  @media screen and (max-width: 768px) {
    .author-content .author-content-item {
      width: 100% !important;
      padding: 1rem;
    }
  }
  .author-content.author-content-item.sharePage {
    height: 19rem;
    background-size: cover;
    color: var(--efu-white);
    overflow: hidden;
    margin-top: 0;
    margin-bottom: 12px;
  }
  .author-content.author-content-item.sharePage::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: var(--efu-black);
    opacity: 0.3;
    z-index: 1;
    top: 0;
    left: 0;
  }
  .author-content-item {
    flex: 4;
    border-radius: 12px;
    background: var(--efu-card-bg);
    border: var(--style-border-always);
    box-shadow: var(--efu-shadow-border);
    position: relative;
    overflow: hidden;
    padding: 1rem 2rem;
  }
  .author-content-item.single {
    width: 100%;
  }
  .author-content-item .author-content-item-title {
    font-size: 36px;
    font-weight: 700;
    line-height: 1;
  }
  .author-content-item .author-content-item-tips {
    opacity: 0.8;
    font-size: 0.6rem;
    margin-bottom: 0.5rem;
  }
  .author-content-item .content-bottom {
    margin-top: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .author-content-item .content-bottom .icon-group {
    display: flex;
  }
  .author-content-item .content-bottom .icon-group i {
    display: inline-block;
    width: 22px;
    height: 18px;
    margin-right: 0.5rem;
  }
  .author-content-item .card-content {
    position: absolute;
    width: 100%;
    z-index: 2;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    padding: 1rem 2rem;
  }
  @media screen and (max-width: 768px) {
    .author-content-item .card-content {
      padding: 1rem;
    }
  }
  .author-content-item .card-content .author-content-item-title {
    margin-bottom: 0.5rem;
  }
  .author-content-item .card-content .banner-button-group {
    position: absolute;
    bottom: 1rem;
    right: 2rem;
  }
  .author-content-item .card-content .banner-button-group .banner-button {
    height: 40px;
    padding: 0.5rem 0.7rem;
    border-radius: 20px;
    justify-content: center;
    background: var(--efu-black-op);
    color: var(--efu-white);
    display: flex;
    align-items: center;
    z-index: 1;
    transition: 0.3s;
    cursor: pointer;
    backdrop-filter: saturate(180%) blur(20px);
    -webkit-backdrop-filter: blur(20px);
    transform: translateZ(0);
  }
  .author-content-item .card-content .banner-button-group .banner-button:hover {
    background: var(--efu-main);
    color: var(--efu-card-bg);
  }
  .author-content-item .card-content .banner-button-group .banner-button i {
    margin-right: 8px;
    font-size: 22px;
  }
}

/* ns-hugo-imp:D:\桌面\hugoBlog\blog\themes\Solitude\assets\css\solitude\pages\post.css */
@layer solitude.pages {
  @media screen and (max-width: 768px) {
    .post #post-info .post-title {
      z-index: 1;
      width: 100%;
      height: auto;
      min-height: 0;
      margin: 0.2rem auto !important;
      font-size: 1.2rem;
      line-height: 1.2;
      text-align: center;
      -webkit-line-clamp: 3;
    }
  }
  .post #post-info #post-meta {
    display: flex;
    color: var(--efu-white);
    font-size: 95%;
    -webkit-user-select: none;
    user-select: none;
    transition: 0.3s;
  }
  @media screen and (max-width: 768px) {
    .post #post-info #post-meta {
      z-index: 1;
      align-items: center;
      justify-content: center;
      width: 100%;
      margin-left: 0;
      font-size: 90%;
    }
  }
  .post #post-info #post-meta a {
    color: inherit;
    text-decoration: none;
    transition: 0.3s;
  }
  .post #post-info #post-meta i {
    margin-right: 4px;
    font-size: 16px;
    line-height: 1;
  }
  .post #post-info #post-meta .meta-secondline {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
  }
  @media screen and (max-width: 768px) {
    .post #post-info #post-meta .meta-secondline {
      justify-content: center;
      width: 100%;
      text-align: center;
    }
  }
  .post #post-info #post-meta .meta-secondline > span:not(.post-meta-separator),
  .post #post-info #post-meta .meta-secondline > a.post-meta-pv {
    display: inline-flex;
    align-items: center;
    box-sizing: border-box;
    height: 32px;
    margin: 0;
    padding: 0 0.5rem;
    border-radius: 99px;
    background: var(--efu-white-op);
    color: var(--efu-white);
    line-height: 1;
    opacity: 1;
    transition: background 0.3s ease-out, color 0.3s ease-out;
  }
  @media screen and (max-width: 768px) {
    .post #post-info #post-meta .meta-secondline > span:not(.post-meta-separator),
    .post #post-info #post-meta .meta-secondline > a.post-meta-pv {
      line-height: 1.5;
    }
  }
  .post #post-info #post-meta .meta-secondline > span:not(.post-meta-separator):hover,
  .post #post-info #post-meta .meta-secondline > a.post-meta-pv:hover {
    background: var(--efu-white);
    color: var(--efu-main);
  }
  .post #post-info #post-meta .meta-secondline > span:not(.post-meta-separator):hover a,
  .post #post-info #post-meta .meta-secondline > a.post-meta-pv:hover a {
    color: inherit;
  }
  .post #post-info #post-meta .meta-secondline .post-meta-separator {
    display: none;
  }
  .post #post-info #post-meta .meta-secondline .post-meta-commentcount {
    cursor: pointer;
  }
  .post #post-info #post-meta .meta-secondline .word-count {
    font-weight: 800;
  }
  .post #post-info #post-firstinfo {
    display: flex;
    color: var(--efu-white);
    text-align: left;
    white-space: nowrap;
    -webkit-user-select: none;
    user-select: none;
  }
  @media screen and (max-width: 768px) {
    .post #post-info #post-firstinfo {
      z-index: 1;
      align-items: center;
      justify-content: center;
      width: 100%;
      margin: 0 auto;
      text-align: center;
      white-space: normal;
    }
  }
  .post #post-info #post-firstinfo .meta-firstline {
    display: flex;
    align-items: center;
    height: 32px;
  }
  @media screen and (max-width: 768px) {
    .post #post-info #post-firstinfo .meta-firstline {
      flex-wrap: wrap;
      justify-content: center;
      width: fit-content;
      max-width: 100%;
      height: auto;
      margin: 0 auto 0.4rem;
    }
  }
  .post #post-info #post-firstinfo .meta-firstline .post-meta-original,
  .post #post-info #post-firstinfo .meta-firstline span.post-meta-categories {
    height: 32px;
    border-radius: 99px;
    background: var(--efu-white-op);
    line-height: 32px;
    transition: 0.3s;
  }
  .post #post-info #post-firstinfo .meta-firstline .post-meta-original {
    display: flex;
    width: auto;
    margin: 0;
    padding: 0 0.5rem;
    color: var(--efu-white);
    font-size: 0.7rem;
    font-weight: 700;
  }
  .post #post-info #post-firstinfo .meta-firstline .post-meta-original:hover {
    background: var(--efu-white);
    color: var(--efu-main);
  }
  .post #post-info #post-firstinfo .meta-firstline span.post-meta-categories {
    margin-left: 8px;
  }
  .post #post-info #post-firstinfo .meta-firstline span.post-meta-categories:hover {
    background: var(--efu-white);
  }
  .post #post-info #post-firstinfo .meta-firstline span.post-meta-categories:hover a.post-meta-categories {
    color: var(--efu-main);
  }
  .post #post-info #post-firstinfo .meta-firstline span.post-meta-categories a.post-meta-categories {
    display: flex;
    width: 100%;
    height: 100%;
    padding: 0 0.5rem;
    color: var(--efu-white);
    font-size: 0.7rem;
  }
  .post #post-info #post-firstinfo .meta-firstline .tag_share {
    margin-left: 1rem;
  }
  @media screen and (max-width: 768px) {
    .post #post-info #post-firstinfo .meta-firstline .tag_share {
      display: none;
    }
  }
  .post #post-info #post-firstinfo .meta-firstline .tag_share .post-meta__tag-list {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  .post #post-info #post-firstinfo .meta-firstline .tag_share .post-meta__tag-list::-webkit-scrollbar {
    display: none;
  }
  .post #post-info #post-firstinfo .meta-firstline .tag_share .post-meta__tag-list .post-meta__tags {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-right: 8px;
    padding: 0 8px 0 4px;
    border-radius: 99px;
    color: var(--efu-white);
    opacity: 0.8;
  }
  .post #post-info #post-firstinfo .meta-firstline .tag_share .post-meta__tag-list .post-meta__tags:hover {
    background: var(--efu-white-op);
    color: var(--efu-white);
    opacity: 1;
  }
  #post #post-info {
    position: unset;
    height: auto;
    padding: 1rem 2rem;
    border-radius: 12px 12px 0 0;
    background: var(--efu-hovertext);
  }
  @media screen and (min-width: 768px) {
    #post #post-info {
      min-height: 250px;
    }
  }
  .relatedPosts {
    margin: 1.5rem 2rem 0;
    -webkit-user-select: none;
    user-select: none;
  }
  #post > .relatedPosts:last-child {
    margin-bottom: 2rem;
  }
  .relatedPosts .headline {
    display: flex;
    align-items: center;
    min-height: 32px;
    margin-bottom: 1rem;
    color: var(--efu-fontcolor);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
  }
  .relatedPosts .headline > i {
    flex: 0 0 auto;
    font-size: 20px;
  }
  .relatedPosts .headline > span {
    min-width: 0;
    margin-right: auto;
    margin-left: 10px;
  }
  .relatedPosts-random {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    margin-left: 16px;
    padding: 2px 12px;
    border: var(--style-border);
    border-radius: 999px;
    background: var(--efu-card-bg);
    color: var(--efu-fontcolor);
    font: inherit;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;
    white-space: nowrap;
    cursor: pointer;
    transition:
      color 0.2s ease,
      background-color 0.2s ease,
      border-color 0.2s ease;
  }
  .relatedPosts-random:hover,
  .relatedPosts-random:focus-visible {
    border-color: var(--efu-theme);
    background: var(--efu-theme);
    color: var(--efu-white);
  }
  .relatedPosts-random:focus-visible {
    outline: 3px solid var(--efu-theme-op);
    outline-offset: 2px;
  }
  .relatedPosts-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .relatedPosts .relatedPosts-item {
    position: relative;
    overflow: hidden;
    min-width: 0;
    border: var(--style-border);
    border-radius: 12px;
    background: var(--efu-card-bg);
    transition:
      border-color 0.25s ease,
      background-color 0.25s ease,
      box-shadow 0.25s ease;
  }
  .relatedPosts .relatedPosts-item .cover {
    display: block;
    flex: 0 0 45%;
    width: 45%;
    max-width: 45%;
    height: 198px;
    min-width: 0;
    object-fit: cover;
    border-radius: 11px;
    transition: transform 0.35s ease, filter 0.35s ease;
  }
  .relatedPosts .relatedPosts-item .content {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: flex-start;
    width: auto;
    min-width: 0;
    min-height: 198px;
    padding: 20px;
  }
  .relatedPosts .relatedPosts-item .content .date {
    display: none;
  }
  .relatedPosts .relatedPosts-item .content .title {
    display: -webkit-box;
    overflow: hidden;
    color: var(--efu-fontcolor);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
    text-align: left;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    transition: color 0.25s ease;
  }
  .relatedPosts .relatedPosts-item > a {
    display: flex;
    width: 100%;
    height: 100%;
  }
  .relatedPosts-link {
    color: inherit;
  }
  .relatedPosts > .relatedPosts-list > .relatedPosts-item:hover,
  .relatedPosts > .relatedPosts-list > .relatedPosts-item:focus-within {
    border: var(--style-border-hover);
    box-shadow: var(--efu-shadow-border);
  }
  .relatedPosts > .relatedPosts-list > .relatedPosts-item:hover .cover,
  .relatedPosts > .relatedPosts-list > .relatedPosts-item:focus-within .cover {
    filter: brightness(1.05);
    transform: scale(1.02);
  }
  .relatedPosts > .relatedPosts-list > .relatedPosts-item:hover .title,
  .relatedPosts > .relatedPosts-list > .relatedPosts-item:focus-within .title {
    color: var(--efu-theme);
  }
  .relatedPosts-link:focus-visible {
    outline: 3px solid var(--efu-theme);
    outline-offset: -3px;
  }
  @media screen and (max-width: 768px) {
    .relatedPosts {
      margin: 1rem 0.5rem 0;
    }
    #post > .relatedPosts:last-child {
      margin-bottom: 1rem;
    }
    .relatedPosts .headline {
      align-items: flex-start;
      margin-bottom: 0.75rem;
      font-size: 14px;
    }
    .relatedPosts .headline > i {
      margin-top: 1px;
      font-size: 17px;
    }
    .relatedPosts .headline > span {
      margin-left: 8px;
    }
    .relatedPosts-random {
      min-height: 30px;
      margin-left: 10px;
      padding-inline: 10px;
      font-size: 12px;
    }
    .relatedPosts-list {
      gap: 8px;
    }
    .relatedPosts .relatedPosts-item .cover {
      width: 38%;
      max-width: 38%;
      height: 112px;
      border-radius: 11px;
    }
    .relatedPosts .relatedPosts-item .content {
      min-height: 112px;
      padding: 12px 14px;
    }
    .relatedPosts .relatedPosts-item .content .title {
      font-size: 14px;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .relatedPosts .relatedPosts-item,
    .relatedPosts .relatedPosts-item .cover,
    .relatedPosts .relatedPosts-item .content .title,
    .relatedPosts-random {
      transition: none;
    }
  }
  #post .post-tools {
    display: flex;
    width: 100%;
    justify-content: center;
    margin-top: 8px;
    flex-wrap: wrap;
    -webkit-user-select: none;
    user-select: none;
  }
  #post .post-tools .post-tools-left {
    white-space: nowrap;
    display: flex;
    gap: 0.5rem;
    text-overflow: ellipsis;
    justify-content: center;
    flex-wrap: wrap;
  }
  .post-reward {
    position: relative;
    text-align: center;
    display: flex;
    justify-content: center;
  }
  .post-reward:hover > .reward-main {
    display: block;
  }
  @media screen and (min-width: 768px) {
    .post-reward:hover > .reward-main {
      display: flex;
      justify-content: left;
    }
  }
  .post-reward:hover .reward-button {
    color: var(--efu-white);
    background: var(--efu-theme);
    box-shadow: none;
  }
  .post-reward .reward-button {
    background: var(--efu-red);
    color: var(--efu-white);
    padding: 0 16px;
    height: 40px;
    border-radius: 8px;
    line-height: 39px;
    box-shadow: var(--efu-shadow-red);
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all 0.4s ease 0s;
  }
  .post-reward .reward-button i {
    margin-right: 4px;
  }
  .post-reward .reward-button:hover {
    background-color: var(--efu-theme);
  }
  .post-reward .reward-main {
    animation: 0.3s ease 0.1s 1 normal both running donate_effcet;
    position: absolute;
    bottom: 40px;
    left: -96px;
    z-index: 100;
    display: none;
    padding: 0 0 15px;
    width: fit-content;
  }
  .post-reward .reward-main .reward-all {
    margin: 0;
    padding: 0.8rem;
    border-radius: 12px;
    background: var(--efu-card-bg);
    border: var(--style-border-always);
    display: flex;
    box-shadow: var(--efu-shadow-border);
    flex-direction: column;
    align-items: center;
  }
  .post-reward .reward-main .reward-all::before {
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 100%;
    height: 20px;
    content: "";
  }
  .post-reward .reward-main .reward-all .reward-title {
    font-weight: 700;
    color: var(--efu-red);
    text-wrap: wrap;
  }
  .post-reward .reward-main .reward-all .reward-group {
    display: flex;
    margin-top: 0.5rem;
  }
  .post-reward .reward-main .reward-all .reward-group .reward-item {
    display: inline-block;
    padding: 0 8px;
    list-style-type: none;
    vertical-align: top;
  }
  .post-reward .reward-main .reward-all .reward-group .reward-item img {
    width: 130px;
    height: 130px;
  }
  .post-reward .reward-main .reward-all .reward-group .reward-item .post-qr-code-desc {
    padding-top: 0.4rem;
    width: 130px;
    color: var(--efu-gray);
    margin-top: -8px;
    margin-bottom: 8px;
  }
  .post-reward .reward-main .reward-all .reward-group .reward-item .post-qr-code-img {
    box-shadow: var(--efu-shadow-lightblack);
    border-radius: 12px;
    border: var(--style-border-always);
    image-rendering: pixelated;
  }
  .post-reward .reward-main .reward-all .reward-main-btn {
    background: var(--efu-secondbg);
    color: var(--efu-fontcolor);
    display: flex;
    flex-direction: column;
    border-radius: 12px;
    padding: 4px 0;
    border: var(--style-border-always);
    width: 100%;
  }
  .post-reward .reward-main .reward-all .reward-main-btn:hover {
    color: var(--efu-white);
    background: var(--efu-red);
    background-image: url(/img/flower.gif);
    box-shadow: var(--efu-shadow-red);
  }
  .post-reward .reward-main .reward-all .reward-main-btn .reward-text {
    margin-bottom: 0;
    font-weight: 700;
  }
  .post-reward .reward-main .reward-all .reward-main-btn .reward-dec {
    font-size: 0.6rem;
    text-wrap: wrap;
  }
  #post .post-tools-right {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 2rem;
  }
  @media screen and (max-width: 768px) {
    #post .post-tools-right {
      padding: 0 0.5rem;
    }
  }
  #post .post-tools-right .tag_share .post-meta__tag-list {
    display: flex;
    padding: 0;
    width: 100%;
    flex-wrap: wrap;
    flex-direction: row;
  }
  #post .post-tools-right .tag_share .post-meta__tag-list a {
    margin-bottom: 8px;
    margin-right: 8px;
  }
  #post .post-tools-right .tag_share .post-meta__tag-list .post-meta__tags {
    background: var(--efu-card-bg);
    border: var(--style-border-always);
    color: var(--efu-fontcolor);
    border-radius: var(--efu-radius-pill);
    display: flex;
    align-items: center;
    white-space: nowrap;
    height: 32px;
    padding: 0 0.6rem;
    width: fit-content;
    font-size: 0.85em;
    font-weight: 600;
    transition:
      color var(--efu-motion-fast),
      background-color var(--efu-motion-fast),
      border-color var(--efu-motion-fast),
      box-shadow var(--efu-motion-fast);
  }
  #post .post-tools-right .tag_share .post-meta__tag-list .post-meta__tags:hover,
  #post .post-tools-right .tag_share .post-meta__tag-list .post-meta__tags:focus-visible {
    background: var(--efu-lighttext);
    box-shadow: var(--efu-shadow-main);
    color: var(--efu-white);
  }
  #post .post-tools-right .tag_share .post-meta__tag-list .post-meta__tags:focus-visible {
    outline: none;
    box-shadow: var(--efu-shadow-main), var(--efu-focus-ring);
  }
  #post .post-tools-right .tag_share .post-meta__tag-list .post-meta__tags:hover span.tagsPageCount,
  #post .post-tools-right .tag_share .post-meta__tag-list .post-meta__tags:focus-visible span.tagsPageCount {
    color: var(--efu-lighttext);
    background: var(--efu-maskbgdeep);
    transition: color var(--efu-motion-fast), background-color var(--efu-motion-fast);
  }
  #post .post-tools-right .tag_share .post-meta__tag-list .post-meta__tags span.tags-punctuation {
    font-size: 12px;
    margin-right: 1px;
    display: flex;
    align-items: center;
  }
  #post .post-tools-right .tag_share .post-meta__tag-list .post-meta__tags .tagsPageCount,
  #tag-page-tags .tagsPageCount {
    padding: 2px;
    background: var(--efu-fontcolor);
    border: var(--style-border-always);
    min-width: 22.5px;
    display: inline-block;
    border-radius: var(--efu-radius-pill);
    text-align: center;
    font-size: 0.6rem;
    color: var(--efu-card-bg);
    margin-left: 4px;
  }
  #post #pagination {
    width: auto;
    overflow: hidden;
    position: inherit;
    border: var(--style-border-always);
  }
  #post #pagination div:only-child.next-post,
  #post #pagination div:only-child.prev-post {
    width: 100%;
  }
  #post #pagination div:only-child.next-post a {
    border-left: 0;
  }
  #post #pagination div:only-child.prev-post a {
    border-right: 0;
  }
  @media screen and (min-width: 1300px) {
    #post #pagination {
      position: fixed;
      width: 300px;
      bottom: -100px;
      right: 20px;
      z-index: 12;
      height: fit-content;
      transition: cubic-bezier(0.42, 0, 0.3, 1.11) 0.3s;
      border: var(--style-border);
      border-radius: 12px;
      overflow: hidden;
      cursor: pointer;
      opacity: 0;
    }
  }
  @media screen and (max-width: 768px) {
    #post #pagination {
      border-radius: 12px;
      border: var(--style-border-always);
      box-shadow: var(--efu-shadow-border);
    }
  }
  #post #pagination.pagination-post {
    margin: 0 2rem 1rem;
    background: var(--efu-card-bg);
  }
  @media screen and (min-width: 768px) {
    #post #pagination.pagination-post {
      border-radius: 12px;
    }
  }
  #post #pagination .next-post,
  #post #pagination .prev-post,
  #post #pagination .next-post.pull-right,
  #post #pagination .prev-post.pull-left {
    background: var(--efu-secondbg);
  }
  @media screen and (min-width: 1300px) {
    #post #pagination .next-post,
    #post #pagination .prev-post,
    #post #pagination .next-post.pull-right,
    #post #pagination .prev-post.pull-left {
      background: var(--efu-maskbgdeep);
      -webkit-backdrop-filter: blur(5px);
      backdrop-filter: blur(5px);
      transform: translateZ(0);
    }
  }
  @media screen and (max-width: 768px) {
    #post #pagination .next-post,
    #post #pagination .prev-post,
    #post #pagination .next-post.pull-right,
    #post #pagination .prev-post.pull-left {
      background: var(--efu-card-bg);
    }
  }
  @media screen and (min-width: 1300px) {
    #post #pagination .next-post.pull-full,
    #post #pagination .prev-post.pull-full {
      width: 100%;
    }
  }
  @media screen and (min-width: 1300px) {
    #post #pagination .prev-post.pull-left {
      display: none;
    }
  }
  @media screen and (max-width: 768px) {
    #post #pagination .prev-post.pull-left {
      border-bottom: var(--style-border-always);
    }
  }
  @media screen and (min-width: 1300px) {
    #post #pagination .next-post.pull-right {
      width: 100%;
    }
  }
  #post #pagination .next-post,
  #post #pagination .prev-post {
    width: 50%;
  }
  @media screen and (min-width: 1300px) {
    #post #pagination .next-post,
    #post #pagination .prev-post {
      text-align: left;
      position: relative;
    }
  }
  @media screen and (max-width: 768px) {
    #post #pagination .next-post,
    #post #pagination .prev-post {
      width: 100%;
    }
  }
  #post #pagination .next-post .label,
  #post #pagination .prev-post .label {
    color: var(--efu-fontcolor);
    text-transform: uppercase;
    font-size: 90%;
  }
  @media screen and (min-width: 1300px) {
    #post #pagination .next-post .label,
    #post #pagination .prev-post .label {
      color: var(--efu-fontcolor);
      font-weight: 700;
      font-size: 12px;
      margin-bottom: 0.5rem;
      border-bottom: var(--style-border);
      line-height: 1;
      padding-bottom: 0.5rem;
    }
  }
  @media screen and (max-width: 768px) {
    #post #pagination .next-post .label,
    #post #pagination .prev-post .label {
      text-align: left;
    }
  }
  #post #pagination .next-post a,
  #post #pagination .prev-post a {
    position: relative;
    display: block;
    overflow: hidden;
    height: 150px;
  }
  @media screen and (min-width: 768px) {
    #post #pagination .next-post a:hover,
    #post #pagination .prev-post a:hover {
      background: var(--efu-main);
    }
    #post #pagination .next-post a:hover div,
    #post #pagination .prev-post a:hover div {
      color: var(--efu-white);
    }
  }
  @media screen and (max-width: 768px) {
    #post #pagination .next-post a:hover,
    #post #pagination .prev-post a:hover {
      background: var(--efu-none);
    }
  }
  #post #pagination .prev-post .pagination-info {
    text-align: left;
  }
  @media screen and (min-width: 768px) {
    #post #pagination .prev-post a {
      border-right: var(--efu-main-op);
      border-right-width: 0.5px;
      border-right-style: solid;
    }
  }
  @media screen and (min-width: 1300px) {
    #post #pagination .prev-post a {
      border: none;
      height: fit-content;
      padding: 0.5rem 0;
    }
  }
  #post #pagination .next-post .pagination-info {
    text-align: right;
  }
  @media screen and (min-width: 1300px) {
    #post #pagination .next-post .pagination-info {
      text-align: left;
    }
  }
  @media screen and (min-width: 768px) {
    #post #pagination .next-post a {
      border-left: var(--efu-main-op);
      border-left-width: 0.5px;
      border-left-style: solid;
      display: flex;
      align-items: flex-start;
      height: 150px;
    }
  }
  @media screen and (min-width: 1300px) {
    #post #pagination .next-post a {
      border: none;
      height: fit-content;
      padding: 0.5rem 0;
    }
  }
  #post #pagination .pagination-info {
    position: absolute;
    top: 50%;
    padding: 1rem 2rem;
    width: 100%;
    transform: translate(0, -50%);
  }
  @media screen and (min-width: 768px) {
    #post #pagination .pagination-info {
      padding: 1rem 1.5rem 1rem 1.5rem;
      position: relative;
      display: flex;
      top: 0;
      transform: none;
      flex-direction: column;
      justify-content: center;
      margin: auto;
      height: 100%;
    }
  }
  @media screen and (min-width: 1300px) {
    #post #pagination .pagination-info {
      padding: 0.5rem 1rem;
      transform: none;
    }
  }
  #post #pagination .next_info,
  #post #pagination .prev_info {
    color: var(--efu-fontcolor);
    font-weight: 700;
    -webkit-line-clamp: 2;
    white-space: normal;
    line-height: 1.3;
    font-size: 0.9rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 10px;
  }
  @media screen and (min-width: 1300px) {
    #post #pagination .next_info,
    #post #pagination .prev_info {
      font-size: 14px;
      font-weight: 400;
      margin-bottom: 0;
    }
  }
  @media screen and (max-width: 768px) {
    #post #pagination .next_info,
    #post #pagination .prev_info {
      text-align: left;
    }
  }
  @media screen and (min-width: 1300px) {
    #post #pagination.show-window {
      bottom: 20px;
      opacity: 1;
    }
  }
  #post {
    border: var(--style-border);
    border-radius: var(--radius);
    box-shadow: var(--efu-shadow-border);
    background: var(--efu-card-bg);
  }
}

/* ns-hugo-imp:D:\桌面\hugoBlog\blog\themes\Solitude\assets\css\solitude\pages\about.css */
@layer solitude.pages {
  #page:has(#about-page) {
    padding-top: 10px;
  }
  #content-inner:has(#about-page) {
    padding-right: 30px;
    padding-left: 30px;
  }
  #about-page {
    width: 100%;
    max-width: 1340px;
    margin: 0 auto;
  }
  #about-page .about-page-title {
    margin: 60px 0 64px;
    color: var(--efu-fontcolor);
    font-size: 48px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -.04em;
    text-align: center;
  }
  #about-page .author-page-content {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  #about-page .author-content,
  #about-page .about-row {
    display: flex;
    width: 100%;
    gap: 10px;
    margin: 0;
  }
  #about-page .author-content-item {
    position: relative;
    flex: none;
    min-width: 0;
    margin: 0;
    padding: 20px 40px;
    overflow: hidden;
    color: var(--efu-fontcolor);
    background: var(--efu-card-bg);
    border: var(--style-border-always);
    border-radius: 12px;
    box-shadow: var(--efu-shadow-border);
    isolation: isolate;
  }
  #about-page .author-content-item > :not(.about-pointer-glow) {
    position: relative;
    z-index: 2;
  }
  #about-page .about-pointer-glow {
    position: absolute;
    z-index: 1;
    width: 260px;
    height: 260px;
    pointer-events: none;
    opacity: 0;
    border-radius: 50%;
    background:
      radial-gradient(
        circle,
        color-mix(in srgb, var(--efu-theme) 20%, transparent) 0,
        transparent 68%);
    transform: translate(-50%, -50%);
    transition: opacity .25s ease;
  }
  #about-page .about-glow-host:hover .about-pointer-glow {
    opacity: 1;
  }
  #about-page .author-content-item:focus-visible {
    outline: 2px solid var(--efu-theme);
    outline-offset: -3px;
  }
  #about-page .author-content-item-tips {
    margin: 0 0 10px;
    color: var(--efu-secondtext);
    font-size: 12px;
    font-weight: 400;
    line-height: 24px;
  }
  #about-page .author-content-item-title,
  #about-page h2 {
    margin: 0;
    font-size: 36px;
    font-weight: 700;
    line-height: 1;
  }
  #about-page .author-content-item-title {
    margin-bottom: 10px;
  }
  #about-page .about-card-copy {
    margin: 0;
    color: var(--efu-secondtext);
    font-size: 16px;
    font-weight: 600;
  }
  #about-page .about-card-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    min-height: 42px;
    padding: .65rem 1rem;
    color: var(--efu-white);
    font-weight: 700;
    background: var(--efu-main);
    border: 0;
    border-radius: 12px;
    cursor: pointer;
    transition: transform .2s ease, background .2s ease;
  }
  #about-page .about-card-button:hover,
  #about-page .about-card-button:focus-visible {
    color: var(--efu-white);
    background: var(--efu-theme);
    transform: translateY(-2px);
    outline: 3px solid color-mix(in srgb, var(--efu-theme) 30%, transparent);
    outline-offset: 2px;
  }
  #about-page .about-row--intro > :first-child {
    width: calc((100% - 10px) * .5624);
  }
  #about-page .about-row--intro > :last-child {
    width: calc((100% - 10px) * .4376);
  }
  #about-page .about-row--intro > * {
    height: 206px;
  }
  #about-page .about-row--skills-career > * {
    width: calc(50% - 5px);
    height: 450px;
  }
  #about-page .about-row--personality-photo > :first-child {
    width: calc((100% - 10px) * .5868);
  }
  #about-page .about-row--personality-photo > :last-child {
    width: calc((100% - 10px) * .4132);
  }
  #about-page .about-row--personality-photo > * {
    height: 240px;
  }
  #about-page .about-row--values > * {
    width: calc(50% - 5px);
    height: 200px;
  }
  #about-page .about-row--interests > * {
    width: calc(50% - 5px);
    height: 300px;
  }
  #about-page .about-row--stats-profile > * {
    width: calc((100% - 20px) / 3);
    height: 380px;
  }
  #about-page .about-intro-card,
  #about-page .about-pursuit-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  #about-page .about-intro-card {
    color: #fff;
    background:
      linear-gradient(
        120deg,
        #5b27ff 0,
        #00d4ff 100%);
    background-size: 200%;
  }
  #about-page .about-intro-card .about-card-copy {
    color: rgba(255, 255, 255, .82);
  }
  #about-page .about-intro-card h2 {
    margin: .4rem 0;
    color: #fff;
    font-size: 36px;
  }
  #about-page .about-intro-card .inline-word {
    color: #fff;
    text-shadow: 0 4px 16px rgba(20, 34, 126, .3);
  }
  #about-page .about-pursuit-card {
    background: var(--efu-card-bg);
  }
  #about-page .about-pursuit-card h2 {
    display: flex;
    flex-direction: column;
    font-size: 36px;
  }
  #about-page .about-word-mask {
    position: relative;
    display: block;
    height: 1.2em;
    overflow: hidden;
    color: var(--efu-theme);
  }
  #about-page [data-about-word] {
    position: absolute;
    inset: 0;
    opacity: 0;
    transform: translateY(70%);
    transition: opacity .45s ease, transform .45s cubic-bezier(.2, .8, .2, 1);
  }
  #about-page [data-about-word][data-show] {
    opacity: 1;
    transform: translateY(0);
  }
  #about-page [data-about-word][data-up] {
    opacity: 0;
    transform: translateY(-70%);
  }
  #about-page .about-card-flow {
    display: flex;
    height: 100%;
    flex-direction: column;
  }
  #about-page .skills {
    outline: none;
  }
  #about-page .skills-style-group {
    position: relative;
    display: block;
    flex: 0 0 300px;
    width: 100%;
    height: 300px;
    min-height: 0;
    margin: 0;
    overflow: visible;
  }
  #about-page .skills-marquee {
    display: grid;
    width: 100%;
    gap: 20px;
    margin-top: 40px;
  }
  #about-page .skills-marquee-track {
    display: flex;
    width: max-content;
    animation: about-skills-marquee 60s linear infinite;
  }
  #about-page .skills-marquee-track:nth-child(2) {
    margin-left: -70px;
    animation-direction: reverse;
  }
  #about-page .skills-marquee-set {
    display: flex;
    gap: 20px;
    padding-right: 20px;
  }
  #about-page .skills-marquee-icon {
    display: grid;
    width: 120px;
    height: 120px;
    place-items: center;
    flex: 0 0 auto;
    color: #fff;
    font-size: 60px;
    background: color-mix(in srgb, var(--skill-color) 72%, #fff);
    border-radius: 30px;
  }
  #about-page .skills-marquee-icon i {
    display: grid;
    width: 72px;
    height: 72px;
    place-items: center;
    border-radius: 8px;
  }
  #about-page .skills-marquee-icon img {
    width: 66px;
    height: 66px;
    object-fit: contain;
  }
  #about-page .skills-list {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    display: flex;
    width: 100%;
    height: 300px;
    align-content: flex-start;
    flex-wrap: wrap;
    margin: 10px 0 0;
    padding: 0;
    overflow: hidden;
    list-style: none;
    opacity: 0;
    scrollbar-width: none;
    transition: opacity .25s ease;
  }
  #about-page .skills-list::-webkit-scrollbar {
    display: none;
  }
  #about-page .skill-info {
    display: flex;
    height: 50px;
    align-items: center;
    gap: 0;
    min-width: 0;
    margin: 10px 10px 0 0;
    padding: 8px 12px 8px 8px;
    background: transparent;
    border: var(--style-border-always);
    border-radius: 40px;
  }
  #about-page .skill-icon {
    display: grid;
    width: 32px;
    height: 32px;
    place-items: center;
    flex: 0 0 auto;
    margin-right: 8px;
    color: #fff;
    font-size: 16px;
    background: var(--skill-color);
    border-radius: 50%;
  }
  #about-page .skill-icon img {
    width: 22px;
    height: 22px;
    object-fit: contain;
  }
  #about-page .skill-name {
    overflow: hidden;
    font-size: 16px;
    font-weight: 700;
    line-height: 32px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  #about-page .skill-info--more {
    height: 50px;
    padding: 8px 0;
    font-size: 20px;
    background: transparent;
    border-color: transparent;
  }
  @media (hover: hover) {
    #about-page .skills:hover .skills-marquee {
      opacity: 0;
    }
    #about-page .skills:hover .skills-list {
      opacity: 1;
    }
  }
  #about-page .skills:focus-visible .skills-marquee {
    opacity: 0;
  }
  #about-page .skills:focus-visible .skills-list {
    opacity: 1;
  }
  #about-page .skills-marquee {
    transition: opacity .25s ease;
  }
  @keyframes about-skills-marquee {
    to {
      transform: translateX(-50%);
    }
  }
  #about-page .careers {
    --career-track-inset: 64px;
    background: var(--efu-card-bg);
  }
  #about-page .careers-summary {
    display: grid;
    gap: 10px;
    margin: 22px 0 0;
    padding: 0;
    list-style: none;
    color: var(--efu-secondtext);
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
  }
  #about-page .careers-summary li {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 12px;
  }
  #about-page .careers-summary span {
    width: 16px;
    height: 16px;
    flex: 0 0 auto;
    background: var(--career-color);
    border-radius: 50%;
  }
  #about-page .career-timeline {
    position: absolute;
    right: -40px;
    bottom: -8px;
    left: -40px;
    height: 170px;
  }
  #about-page .career-track-label {
    position: absolute;
    top: 6px;
    left: calc(var(--career-track-inset) + 8px);
    margin: 0;
    color: var(--career-track-color);
    font-size: 18px;
    font-weight: 900;
    line-height: 24px;
    letter-spacing: .02em;
  }
  #about-page .career-timeline-axis {
    position: absolute;
    z-index: 0;
    top: 48px;
    right: 0;
    left: 0;
    height: 4px;
    background: color-mix(in srgb, var(--efu-fontcolor) 88%, transparent);
  }
  #about-page .career-track {
    position: absolute;
    z-index: 2;
    top: 34px;
    right: var(--career-track-inset);
    left: var(--career-track-inset);
    height: 32px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    list-style: none;
    background: color-mix(in srgb, var(--efu-fontcolor) 9%, transparent);
    border-radius: 999px;
    box-shadow: 0 7px 15px color-mix(in srgb, var(--career-track-color) 18%, transparent);
  }
  #about-page .career-event {
    position: absolute;
    top: 0;
    bottom: 0;
    left: var(--career-left);
    width: var(--career-width);
    outline: none;
  }
  #about-page .career-event-bar {
    display: block;
    width: 100%;
    height: 100%;
    background: var(--career-color);
    transition: filter .2s ease, box-shadow .2s ease;
  }
  #about-page .career-event--point {
    top: 50%;
    bottom: auto;
    width: 14px;
    height: 14px;
    transform: translate(-50%, -50%);
  }
  #about-page .career-event--point .career-event-bar {
    border: 3px solid var(--efu-card-bg);
    border-radius: 50%;
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--career-color) 24%, transparent);
  }
  #about-page .career-event:focus-visible {
    z-index: 3;
  }
  #about-page .career-event:focus-visible .career-event-bar {
    filter: saturate(1.15) brightness(1.08);
    box-shadow: inset 0 0 0 3px color-mix(in srgb, #fff 68%, transparent), 0 0 0 3px color-mix(in srgb, var(--career-color) 30%, transparent);
  }
  #about-page .career-timeline-tick {
    position: absolute;
    z-index: 1;
    top: 48px;
    width: 4px;
    height: 45px;
    background: color-mix(in srgb, var(--efu-fontcolor) 88%, transparent);
    border-radius: 0 0 3px 3px;
  }
  #about-page .career-timeline-tick--start {
    left: var(--career-track-inset);
  }
  #about-page .career-timeline-tick--end {
    right: var(--career-track-inset);
  }
  #about-page .career-timeline-years {
    position: absolute;
    z-index: 1;
    top: 108px;
    right: var(--career-track-inset);
    left: var(--career-track-inset);
    color: var(--efu-fontcolor);
    font-size: 18px;
    font-weight: 800;
    line-height: 1;
    font-variant-numeric: tabular-nums;
  }
  #about-page .career-timeline-years span {
    position: absolute;
    white-space: nowrap;
    transform: translateX(-50%);
  }
  #about-page .career-timeline-years span:first-child {
    left: 0;
  }
  #about-page .career-timeline-years span:last-child {
    right: 0;
    transform: translateX(50%);
  }
  @media (hover: hover) {
    #about-page .career-event:hover {
      z-index: 3;
    }
    #about-page .career-event:hover .career-event-bar {
      filter: saturate(1.12) brightness(1.08);
      box-shadow: inset 0 0 0 2px color-mix(in srgb, #fff 42%, transparent);
    }
  }
  #about-page .personalities {
    display: flex;
    flex-direction: column;
  }
  #about-page .personality-type {
    margin: 0;
    color: var(--personality-color);
    font-size: 36px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: normal;
  }
  #about-page .personalities > .personality-image {
    position: absolute;
    z-index: 1;
    right: 55px;
    bottom: -48px;
    width: 240px;
    height: 240px;
    object-fit: contain;
    object-position: right bottom;
    pointer-events: none;
    transition: transform 2s cubic-bezier(.13, .45, .21, 1.02);
  }
  #about-page .personalities:hover > .personality-image,
  #about-page .personalities:focus-within > .personality-image {
    transform: translateY(-22px) rotate(-8deg) scale(.92);
  }
  #about-page .personalities > .personality-link {
    position: absolute;
    bottom: 26px;
    left: 40px;
    color: var(--efu-fontcolor);
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    text-decoration: none;
  }
  #about-page .personalities > .personality-link:hover,
  #about-page .personalities > .personality-link:focus-visible {
    color: var(--personality-color, #56ad83);
  }
  #about-page .myphoto {
    padding: 0;
  }
  #about-page .myphoto > .author-content-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform .6s cubic-bezier(.2, .8, .2, 1), filter .3s ease;
  }
  #about-page .myphoto > .myphoto-badge {
    position: absolute;
    z-index: 3;
    right: 18px;
    bottom: 18px;
    width: 50px;
    height: 50px;
    object-fit: cover;
    background: #191a1e;
    border: 1px solid var(--efu-border-strong);
    border-radius: 50%;
    box-shadow: 0 4px 14px rgba(0, 0, 0, .32);
    transition: border-color .3s ease;
  }
  #about-page .myphoto:hover > .author-content-img,
  #about-page .myphoto:focus-within > .author-content-img {
    filter: saturate(1.08);
    transform: scale(1.04);
  }
  #about-page .maxim,
  #about-page .buff {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  #about-page .maxim {
    background: var(--efu-card-bg);
  }
  #about-page .maxim h2,
  #about-page .buff h2 {
    display: flex;
    flex-direction: column;
  }
  #about-page .maxim h2 span:first-child {
    color: var(--efu-secondtext);
  }
  #about-page .maxim h2 span:last-child {
    color: var(--efu-fontcolor);
  }
  #about-page .buff {
    color: #fff;
    background:
      linear-gradient(
        120deg,
        #ff27e8 0,
        #ff8000 100%);
  }
  #about-page .buff .author-content-item-tips {
    color: rgba(255, 255, 255, .72);
  }
  #about-page .buff h2,
  #about-page .buff strong {
    color: #fff;
  }
  #about-page .interest-card {
    color: #fff;
    background: #222;
  }
  #about-page .interest-card::before {
    position: absolute;
    z-index: 0;
    inset: 0;
    content: "";
    background: var(--interest-background) center top/cover no-repeat;
    transition: transform .5s ease, filter .5s ease;
  }
  #about-page .interest-card::after {
    position: absolute;
    z-index: 1;
    inset: 0;
    content: "";
    pointer-events: none;
    box-shadow: inset 0 -69px 203px 11px color-mix(in srgb, var(--interest-color) 24%, #0d0806 76%);
  }
  #about-page .interest-card--media::after {
    box-shadow: inset 0 -69px 203px 11px #0e0e0e;
  }
  #about-page .interest-card:hover::before,
  #about-page .interest-card:focus-within::before {
    filter: saturate(1.2);
    transform: scale(1.06);
  }
  #about-page .interest-card-content {
    display: flex;
    height: 100%;
    flex-direction: column;
    align-items: stretch;
    padding: 0;
  }
  #about-page .interest-card .author-content-item-tips {
    color: rgba(255, 255, 255, .7);
  }
  #about-page .interest-card .author-content-item-title {
    display: flex;
    max-width: none;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    color: #fff;
    font-size: 36px;
    line-height: 1.06;
    text-shadow: 0 2px 12px rgba(0, 0, 0, .45);
  }
  #about-page .interest-card .author-content-item-title > span {
    display: block;
  }
  #about-page .interest-card--media .author-content-item-title {
    display: block;
  }
  #about-page .interest-mode-image {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    object-fit: cover;
    border-radius: 8px;
  }
  #about-page .interest-card-footer {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: auto;
  }
  #about-page .interest-subtitle,
  #about-page .interest-right-text {
    margin: 0;
    color: rgba(255, 255, 255, .9);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
  }
  #about-page .interest-subtitle {
    min-width: 0;
    max-width: none;
    flex: 1;
  }
  #about-page .interest-right-text {
    margin-left: auto;
    white-space: nowrap;
  }
  #about-page .interest-heroes {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  #about-page .interest-heroes li {
    position: relative;
    z-index: calc(100 - var(--hero-index));
    margin-left: -10px;
    transition: opacity .2s ease, transform .2s ease;
  }
  #about-page .interest-heroes li:first-child {
    margin-left: 0;
  }
  #about-page .interest-heroes li:hover,
  #about-page .interest-heroes li:focus-within {
    z-index: 3;
    transform: translateY(-6px) scale(1.08);
  }
  #about-page .interest-heroes img {
    display: block;
    width: 40px;
    height: 40px;
    object-fit: cover;
    background: color-mix(in srgb, var(--interest-color) 32%, #151515);
    border: 2px solid color-mix(in srgb, var(--interest-color) 76%, #fff 24%);
    border-radius: 50%;
    box-shadow: var(--efu-shadow-border);
  }
  #about-page .interest-card .about-card-button {
    position: relative;
    min-height: 40px;
    margin-left: auto;
    padding: 8px 12px;
    flex: 0 0 auto;
    font-size: 14px;
    line-height: 24px;
    background: rgba(255, 255, 255, .16);
    border-radius: 999px;
    white-space: nowrap;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
  }
  #about-page .interest-card .about-card-button::after {
    position: absolute;
    inset: -2px;
    content: "";
  }
  @media (hover: hover) {
    #about-page .interest-heroes:hover li {
      opacity: .2;
    }
    #about-page .interest-heroes:hover li:hover {
      opacity: 1;
    }
  }
  #about-page .about-statistics {
    color: #fff;
    background: #20305a;
  }
  #about-page .about-statistics::before {
    position: absolute;
    z-index: 0;
    inset: 0;
    content: "";
    background:
      linear-gradient(
        150deg,
        rgba(31, 55, 130, .94),
        rgba(33, 81, 164, .62)),
      var(--statistics-background, none) center/cover;
    transition: transform .45s ease;
  }
  #about-page .about-statistics:hover::before {
    transform: scale(1.05);
  }
  #about-page .about-statistics .author-content-item-tips {
    color: rgba(255, 255, 255, .7);
  }
  #about-page .about-statistics-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    margin: 16px 0;
  }
  #about-page .about-statistics-list div {
    padding: 10px 12px;
    background: rgba(255, 255, 255, .12);
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 12px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
  }
  #about-page .about-statistics-list dt {
    color: rgba(255, 255, 255, .68);
    font-size: 12px;
    line-height: 18px;
  }
  #about-page .about-statistics-list dd {
    margin: 2px 0 0;
    font-size: 20px;
    font-weight: 800;
    line-height: 26px;
  }
  #about-page .about-statistics .about-card-button {
    min-height: 40px;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 24px;
    background: rgba(255, 255, 255, .18);
  }
  #about-page .about-statistics script {
    display: none;
  }
  #about-page .about-map {
    display: flex;
    flex-direction: column;
  }
  #about-page .author-content-item > .about-map-visual {
    position: absolute;
    z-index: 0;
    inset: 0;
  }
  #about-page .about-map-visual::after {
    position: absolute;
    z-index: 0;
    inset: 0;
    content: "";
    background:
      linear-gradient(
        180deg,
        var(--efu-card-bg) 2%,
        transparent 45%,
        color-mix(in srgb, var(--efu-card-bg) 70%, transparent) 100%);
  }
  #about-page .about-map-visual--abstract {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    padding-bottom: 34px;
    color: var(--efu-theme);
    background:
      radial-gradient(
        circle at 72% 58%,
        color-mix(in srgb, var(--efu-theme) 24%, transparent) 0 7px,
        transparent 8px),
      repeating-radial-gradient(
        circle at 72% 58%,
        color-mix(in srgb, var(--efu-theme) 15%, transparent) 0 1px,
        transparent 2px 36px),
      linear-gradient(
        135deg,
        color-mix(in srgb, var(--efu-theme) 12%, var(--efu-card-bg)),
        var(--efu-card-bg) 68%);
  }
  #about-page .about-map-visual--abstract::before {
    position: absolute;
    top: 44%;
    left: 72%;
    width: 118px;
    height: 118px;
    content: "";
    border: 1px solid color-mix(in srgb, var(--efu-theme) 35%, transparent);
    border-radius: 50%;
    transform: translate(-50%, -50%);
  }
  #about-page .about-map-visual--abstract > * {
    position: relative;
    z-index: 1;
  }
  #about-page .about-map-visual--abstract i {
    color: color-mix(in srgb, var(--efu-theme) 88%, #fff);
    font-size: 64px;
    filter: drop-shadow(0 12px 22px color-mix(in srgb, var(--efu-theme) 30%, transparent));
  }
  #about-page .about-map-visual--abstract span {
    color: var(--efu-secondtext);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .2em;
  }
  #about-page .about-map-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s ease, filter .5s ease;
  }
  #about-page .about-map-image--dark {
    display: none;
  }
  [data-theme=dark] #about-page .about-map-image--light {
    display: none;
  }
  [data-theme=dark] #about-page .about-map-image--dark {
    display: block;
  }
  #about-page .about-map:hover .about-map-image {
    filter: saturate(1.2);
    transform: scale(1.14);
  }
  #about-page .about-map:hover .author-content-item-title,
  #about-page .about-map:focus-within .author-content-item-title {
    opacity: 0;
    transform: translateY(-10px);
  }
  #about-page .about-map .author-content-item-title {
    transition: opacity .3s ease, transform .3s ease;
  }
  #about-page .about-profile {
    background: var(--efu-card-bg);
  }
  #about-page .about-profile-list {
    display: grid;
    gap: .7rem;
    margin: 1.4rem 0 0;
  }
  #about-page .about-profile-list div {
    display: grid;
    grid-template-columns: 26px auto minmax(0, 1fr);
    align-items: center;
    gap: .5rem;
    padding: .7rem .8rem;
    background: var(--efu-background);
    border-radius: 12px;
  }
  #about-page .about-profile-list i {
    color: var(--efu-theme);
    text-align: center;
  }
  #about-page .about-profile-list dt {
    color: var(--efu-secondtext);
    font-size: .78rem;
  }
  #about-page .about-profile-list dd {
    min-width: 0;
    margin: 0;
    overflow-wrap: anywhere;
    font-size: .82rem;
    font-weight: 800;
    line-height: 1.35;
    text-align: right;
  }
  #about-page .about-story {
    width: 100%;
    min-height: 422px;
    height: auto;
    background: var(--efu-card-bg);
  }
  #about-page .about-story .author-content-item-title {
    max-width: 780px;
    font-size: 36px;
  }
  #about-page .about-story-content {
    margin-top: 16px;
    color: var(--efu-fontcolor);
    font-size: 16px;
    line-height: 32px;
  }
  #about-page .about-story-content p {
    margin: 16px 0;
  }
  #about-page .about-story-content strong {
    color: #e8b84a;
  }
  @media (max-width: 768px) {
    #content-inner:has(#about-page) {
      padding-right: 0;
      padding-left: 0;
    }
    #page:has(#about-page) {
      margin-top: 20px;
      padding: 0 20px;
    }
    #about-page {
      width: 100%;
      max-width: 350px;
    }
    #about-page .about-page-title {
      margin: 60px 0 64px;
      font-size: 40px;
    }
    #about-page .about-row {
      flex-direction: column;
    }
    #about-page .about-row > * {
      width: 100% !important;
    }
    #about-page .author-content-item {
      padding: 20px;
      border-radius: 12px;
    }
    #about-page .about-row--intro > :first-child {
      height: 200px;
    }
    #about-page .about-row--intro > :last-child {
      height: 206px;
    }
    #about-page .about-row--skills-career > :first-child {
      height: 450px;
    }
    #about-page .about-row--skills-career > :last-child {
      height: 450px;
    }
    #about-page .about-row--personality-photo > :first-child {
      height: 300px;
    }
    #about-page .about-row--personality-photo > :last-child {
      height: 220px;
    }
    #about-page .about-row--values > :first-child {
      height: 152px;
    }
    #about-page .about-row--values > :last-child {
      height: 260px;
    }
    #about-page .about-row--interests > * {
      height: 300px;
    }
    #about-page .about-row--stats-profile > :first-child {
      height: 380px;
    }
    #about-page .about-row--stats-profile > :nth-child(2) {
      height: 240px;
    }
    #about-page .about-row--stats-profile > :nth-child(3) {
      height: 340px;
    }
    #about-page .about-intro-card h2 {
      font-size: 36px;
    }
    #about-page .about-pursuit-card h2 {
      font-size: 36px;
    }
    #about-page .skills-style-group {
      margin: 0;
    }
    #about-page .skills-list {
      overflow: auto;
    }
    #about-page .skill-info {
      height: 46px;
      margin: 8px 8px 0 0;
      padding: 6px 10px 6px 6px;
    }
    #about-page .skill-name {
      font-size: 14px;
    }
    #about-page .careers {
      --career-track-inset: 36px;
    }
    #about-page .careers-summary {
      gap: 8px;
      margin-top: 18px;
      font-size: 13px;
      line-height: 20px;
    }
    #about-page .careers-summary li {
      gap: 9px;
    }
    #about-page .careers-summary span {
      width: 13px;
      height: 13px;
    }
    #about-page .career-timeline {
      right: -20px;
      bottom: -5px;
      left: -20px;
      height: 156px;
    }
    #about-page .career-track-label {
      top: 8px;
      left: calc(var(--career-track-inset) + 6px);
      font-size: 16px;
    }
    #about-page .career-timeline-axis {
      top: 61px;
      height: 3px;
    }
    #about-page .career-track {
      top: 49px;
      height: 27px;
    }
    #about-page .career-timeline-tick {
      top: 61px;
      width: 3px;
      height: 39px;
    }
    #about-page .career-timeline-years {
      top: 108px;
      font-size: 16px;
    }
    #about-page .personality-type {
      font-size: 36px;
    }
    #about-page .personalities::before {
      right: -12%;
      bottom: -12px;
      width: 72%;
      height: 62%;
    }
    #about-page .personalities > .personality-image {
      right: 0;
      bottom: 0;
      width: 100%;
      height: 72%;
    }
    #about-page .personalities > .personality-image--avatar {
      right: 12px;
      bottom: 12px;
      width: 58%;
      height: 58%;
    }
    #about-page .personalities > .personality-link {
      right: auto;
      bottom: 20px;
      left: 20px;
      max-width: 165px;
      padding: 5px 9px;
      color: #f5f5f7;
      background: rgba(25, 26, 30, .76);
      border-radius: 8px;
    }
    #about-page .myphoto {
      padding: 0;
    }
    #about-page .myphoto > .author-content-img {
      object-position: center;
    }
    #about-page .myphoto > .myphoto-badge {
      right: 14px;
      bottom: 14px;
      width: 46px;
      height: 46px;
    }
    #about-page .interest-card-content {
      padding: 0;
    }
    #about-page .interest-card .author-content-item-title {
      max-width: 100%;
      font-size: 32px;
    }
    #about-page .interest-card-footer {
      gap: .75rem;
    }
    #about-page .interest-card .about-card-button {
      min-height: 44px;
    }
    #about-page .interest-right-text {
      font-size: 14px;
    }
    #about-page .interest-heroes li {
      margin-left: -9px;
    }
    #about-page .interest-heroes img,
    #about-page .interest-mode-image {
      width: 36px;
      height: 36px;
    }
    #about-page .interest-mode-image {
      flex-basis: 36px;
    }
    #about-page .about-story {
      min-height: 0;
      height: auto;
    }
    #about-page .about-story .author-content-item-title {
      font-size: 36px;
    }
    #about-page .about-story-content {
      font-size: 16px;
      line-height: 32px;
    }
    #about-page .about-map-visual--abstract {
      padding-bottom: 26px;
    }
    #about-page .about-map-visual--abstract i {
      font-size: 52px;
    }
    #about-page .about-profile-list {
      margin-top: 1rem;
    }
    #about-page .about-profile-list div {
      padding: .58rem .65rem;
    }
    #about-page .about-profile-list dd {
      font-size: .76rem;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    #about-page *,
    #about-page *::before,
    #about-page *::after {
      scroll-behavior: auto !important;
      animation-duration: .01ms !important;
      animation-iteration-count: 1 !important;
      transition-duration: .01ms !important;
    }
    #about-page .skills-marquee-track {
      transform: translateX(0);
    }
  }
}

/* ns-hugo-imp:D:\桌面\hugoBlog\blog\themes\Solitude\assets\css\solitude\shortcodes\text-status.css */
@layer solitude.shortcodes {
  .article-container .solitude-tag,
  .article-container .solitude-tag::before,
  .article-container .solitude-tag::after,
  .article-container .solitude-tag *,
  .article-container .solitude-tag *::before,
  .article-container .solitude-tag *::after {
    box-sizing: border-box;
  }
  .article-container .solitude-tag {
    color: var(--efu-fontcolor);
    font-family: inherit;
  }
  .article-container .solitude-tag :where(button, a, summary) {
    -webkit-tap-highlight-color: transparent;
  }
  .article-container .tag-plugin-error {
    border-color: var(--efu-red);
  }
  .article-container .tag-plugin-error[role=alert] {
    margin: var(--efu-space-4) 0;
    padding: var(--efu-space-3) var(--efu-space-4);
    border: 1px solid var(--efu-red);
    border-radius: var(--efu-radius-md);
    background: color-mix(in srgb, var(--efu-red) 9%, var(--efu-card-bg));
    color: var(--efu-red);
  }
  .article-container .solitude-tag.tag-text.left {
    text-align: left;
  }
  .article-container .solitude-tag.tag-text.center {
    text-align: center;
  }
  .article-container .solitude-tag.tag-text.right {
    text-align: right;
  }
  .article-container .solitude-tag.tag-text.small {
    font-size: 0.78em;
  }
  .article-container .solitude-tag.tag-text.h1 {
    font-size: clamp(2rem, 5vw, 2.5rem);
    line-height: 1.15;
  }
  .article-container .solitude-tag.tag-text.h2 {
    font-size: clamp(1.5rem, 4vw, 1.75rem);
    line-height: 1.2;
  }
  .article-container .solitude-tag.tag-text.h3 {
    font-size: 1.375rem;
    line-height: 1.25;
  }
  .article-container .solitude-tag.tag-text.h4 {
    font-size: 1.125rem;
    line-height: 1.35;
  }
  .article-container .solitude-tag.tag-text.large {
    font-size: 1.5rem;
    line-height: 1.3;
  }
  .article-container .solitude-tag.tag-text.huge {
    font-size: clamp(2.5rem, 8vw, 4rem);
    line-height: 1.1;
  }
  .article-container .solitude-tag.tag-text.ultra {
    font-size: clamp(3rem, 12vw, 6rem);
    line-height: 1;
  }
  .article-container p.solitude-tag.tag-paragraph {
    margin: var(--efu-space-3) 0;
  }
  .article-container mark.solitude-tag.hl-label {
    --tag-label-color: var(--efu-theme);
    display: inline-flex;
    align-items: center;
    margin: 0 2px;
    padding: 3px 9px;
    border: 1px solid color-mix(in srgb, var(--tag-label-color) 22%, transparent);
    border-radius: var(--efu-radius-pill);
    background: color-mix(in srgb, var(--tag-label-color) 9%, var(--efu-card-bg));
    color: var(--tag-label-color);
    font-size: 0.78em;
    font-weight: 700;
    line-height: 1.55;
    vertical-align: 0.08em;
  }
  .article-container mark.solitude-tag.hl-label.blue {
    --tag-label-color: var(--efu-blue);
  }
  .article-container mark.solitude-tag.hl-label.pink {
    --tag-label-color: var(--efu-pink);
  }
  .article-container mark.solitude-tag.hl-label.red {
    --tag-label-color: var(--efu-red);
  }
  .article-container mark.solitude-tag.hl-label.purple {
    --tag-label-color: var(--efu-purple);
  }
  .article-container mark.solitude-tag.hl-label.orange {
    --tag-label-color: var(--efu-orange);
  }
  .article-container mark.solitude-tag.hl-label.green {
    --tag-label-color: var(--efu-green);
  }
  .article-container .solitude-tag.tag-choice {
    --tag-choice-color: var(--efu-theme);
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: var(--efu-space-2) 0;
    color: var(--efu-fontcolor);
    font-size: inherit;
  }
  .article-container .solitude-tag.tag-choice.red {
    --tag-choice-color: var(--efu-red);
  }
  .article-container .solitude-tag.tag-choice.green {
    --tag-choice-color: var(--efu-green);
  }
  .article-container .solitude-tag.tag-choice.yellow {
    --tag-choice-color: var(--efu-yellow);
  }
  .article-container .solitude-tag.tag-choice.cyan {
    --tag-choice-color: var(--efu-cyan, #1bcdfc);
  }
  .article-container .solitude-tag.tag-choice.blue {
    --tag-choice-color: var(--efu-blue);
  }
  .article-container .solitude-tag.tag-choice input {
    appearance: none;
    position: relative;
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    margin: 3px 0 0;
    border: 2px solid color-mix(in srgb, var(--tag-choice-color) 82%, var(--efu-border-strong));
    background: var(--efu-card-bg);
    box-shadow: 0 1px 2px rgba(32, 38, 52, 0.08);
    pointer-events: none;
  }
  .article-container .solitude-tag.tag-choice input:checked {
    background: var(--tag-choice-color);
  }
  .article-container .solitude-tag.tag-choice input[type=checkbox] {
    border-radius: 5px;
  }
  .article-container .solitude-tag.tag-choice input[type=checkbox]::after {
    position: absolute;
    top: 2px;
    left: 5px;
    width: 5px;
    height: 9px;
    border: solid var(--efu-white);
    border-width: 0 2px 2px 0;
    content: "";
    opacity: 0;
    transform: rotate(45deg) scale(0.7);
  }
  .article-container .solitude-tag.tag-choice input[type=checkbox]:checked::after {
    opacity: 1;
    transform: rotate(45deg) scale(1);
  }
  .article-container .solitude-tag.tag-choice input[type=radio] {
    border-radius: 50%;
  }
  .article-container .solitude-tag.tag-choice input[type=radio]::after {
    position: absolute;
    inset: 3px;
    border-radius: 50%;
    background: var(--efu-white);
    content: "";
    opacity: 0;
    transform: scale(0.5);
  }
  .article-container .solitude-tag.tag-choice input[type=radio]:checked::after {
    opacity: 1;
    transform: scale(1);
  }
  .article-container .solitude-tag.tag-choice.minus input[type=checkbox]:checked::after {
    top: 7px;
    left: 3px;
    width: 9px;
    height: 2px;
    border: 0;
    background: var(--efu-white);
    transform: none;
  }
  .article-container .solitude-tag.tag-choice.plus input[type=checkbox]:checked::before,
  .article-container .solitude-tag.tag-choice.plus input[type=checkbox]:checked::after,
  .article-container .solitude-tag.tag-choice.times input[type=checkbox]:checked::before,
  .article-container .solitude-tag.tag-choice.times input[type=checkbox]:checked::after {
    position: absolute;
    top: 7px;
    left: 3px;
    width: 9px;
    height: 2px;
    border: 0;
    background: var(--efu-white);
    content: "";
    opacity: 1;
  }
  .article-container .solitude-tag.tag-choice.plus input[type=checkbox]:checked::before {
    transform: rotate(90deg);
  }
  .article-container .solitude-tag.tag-choice.plus input[type=checkbox]:checked::after {
    transform: none;
  }
  .article-container .solitude-tag.tag-choice.times input[type=checkbox]:checked::before {
    transform: rotate(45deg);
  }
  .article-container .solitude-tag.tag-choice.times input[type=checkbox]:checked::after {
    transform: rotate(-45deg);
  }
  .article-container .solitude-tag.tag-choice .tag-choice-content {
    min-width: 0;
    line-height: 1.65;
  }
  .article-container .solitude-tag.tag-choice .tag-choice-content p {
    display: inline;
    margin: 0;
    font-size: inherit;
  }
  .article-container kbd.solitude-tag.keyboard-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    min-height: 26px;
    margin: 0 var(--efu-space-1);
    padding: 2px var(--efu-space-2);
    border: 1px solid var(--efu-card-border);
    border-color: var(--efu-border-strong);
    border-bottom-width: 2px;
    border-radius: var(--efu-radius-sm);
    background: var(--efu-secondbg);
    box-shadow: 0 1px 2px rgba(32, 38, 52, 0.08);
    color: var(--efu-fontcolor);
    font-family: inherit;
    font-size: 0.76em;
    font-weight: 700;
    line-height: 1;
    vertical-align: 0.08em;
  }
  .article-container .solitude-tag.spoiler {
    display: inline;
    padding: 0 3px;
    border-radius: 4px;
    cursor: help;
    outline: none;
    transition:
      filter var(--efu-motion-fast),
      background-color var(--efu-motion-fast),
      color var(--efu-motion-fast);
  }
  .article-container .solitude-tag.spoiler:focus-visible,
  .article-container .solitude-tag.bubble .bubble-content:focus-visible {
    outline: 2px solid var(--efu-theme);
    outline-offset: 3px;
  }
  .article-container .solitude-tag.spoiler.blur-text {
    filter: blur(4px);
    -webkit-user-select: none;
    user-select: none;
  }
  .article-container .solitude-tag.spoiler.blur-text:hover,
  .article-container .solitude-tag.spoiler.blur-text:focus {
    filter: blur(0);
    -webkit-user-select: auto;
    user-select: auto;
  }
  .article-container .solitude-tag.spoiler.block-text {
    background: var(--efu-fontcolor);
    color: transparent;
    -webkit-user-select: none;
    user-select: none;
  }
  .article-container .solitude-tag.spoiler.block-text:hover,
  .article-container .solitude-tag.spoiler.block-text:focus {
    background: var(--efu-theme-op);
    color: inherit;
    -webkit-user-select: auto;
    user-select: auto;
  }
  .article-container .solitude-tag.bubble {
    position: relative;
    display: inline-flex;
    max-width: 100%;
    font-size: inherit;
  }
  .article-container .solitude-tag.bubble .bubble-content {
    border-radius: 3px;
    color: var(--efu-theme);
    font-weight: 700;
    text-decoration: underline dotted;
    text-decoration-thickness: 1.5px;
    text-underline-offset: 3px;
    cursor: help;
    outline: none;
  }
  .article-container .solitude-tag.bubble .bubble-content:hover + .bubble-notation,
  .article-container .solitude-tag.bubble .bubble-content:focus + .bubble-notation {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, 0);
  }
  .article-container .solitude-tag.bubble .bubble-notation {
    position: absolute;
    top: calc(100% + 9px);
    left: 50%;
    z-index: 20;
    width: max-content;
    max-width: min(80vw, 320px);
    padding: 7px 10px;
    border: 1px solid var(--efu-card-border);
    border-radius: var(--efu-radius-sm);
    background: var(--efu-secondbg-bg);
    box-shadow: var(--efu-shadow-border);
    color: var(--efu-fontcolor);
    font-size: 0.78rem;
    font-weight: 600;
    line-height: 1.45;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translate(-50%, -4px);
    transition:
      opacity var(--efu-motion-fast),
      transform var(--efu-motion-fast),
      visibility var(--efu-motion-fast);
  }
  .article-container .solitude-tag.bubble .bubble-notation::before {
    position: absolute;
    bottom: 100%;
    left: 50%;
    border: 6px solid transparent;
    border-bottom-color: var(--efu-secondbg-bg);
    content: "";
    transform: translateX(-50%);
  }
}

/* ns-hugo-imp:D:\桌面\hugoBlog\blog\themes\Solitude\assets\css\solitude\shortcodes\disclosure.css */
@layer solitude.shortcodes {
  .article-container aside.solitude-tag.note {
    --tag-note-color: var(--efu-theme);
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin: var(--efu-space-4) 0;
    min-height: 60px;
    padding: 14px var(--efu-space-4);
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--tag-note-color) 30%, var(--efu-card-border));
    border-radius: var(--efu-radius-md);
    background: color-mix(in srgb, var(--tag-note-color) 6%, var(--efu-card-bg));
    color: var(--efu-fontcolor);
    box-shadow: 0 4px 16px color-mix(in srgb, var(--tag-note-color) 7%, transparent);
    font-size: 0.9rem;
    line-height: 1.65;
  }
  .article-container aside.solitude-tag.note.info,
  .article-container aside.solitude-tag.note.blue {
    --tag-note-color: var(--efu-blue);
  }
  .article-container aside.solitude-tag.note.danger,
  .article-container aside.solitude-tag.note.red {
    --tag-note-color: var(--efu-red);
  }
  .article-container aside.solitude-tag.note.primary,
  .article-container aside.solitude-tag.note.purple {
    --tag-note-color: var(--efu-purple);
  }
  .article-container aside.solitude-tag.note.warning {
    --tag-note-color: var(--efu-yellow);
  }
  .article-container aside.solitude-tag.note.success,
  .article-container aside.solitude-tag.note.green {
    --tag-note-color: var(--efu-green);
  }
  .article-container aside.solitude-tag.note.orange {
    --tag-note-color: var(--efu-orange);
  }
  .article-container aside.solitude-tag.note.default {
    --tag-note-color: var(--efu-secondtext);
  }
  .article-container aside.solitude-tag.note.simple {
    background: var(--efu-card-bg);
    box-shadow: none;
  }
  .article-container aside.solitude-tag.note.modern {
    box-shadow: var(--efu-shadow-border);
  }
  .article-container aside.solitude-tag.note.flat {
    box-shadow: none;
  }
  .article-container aside.solitude-tag.note.disabled {
    --tag-note-color: var(--efu-secondtext);
  }
  .article-container aside.solitude-tag.note .note-icon {
    display: flex;
    flex: 0 0 30px;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border: 1px solid color-mix(in srgb, var(--tag-note-color) 22%, transparent);
    border-radius: 50%;
    background: color-mix(in srgb, var(--tag-note-color) 8%, var(--efu-card-bg));
    color: var(--tag-note-color);
    font-size: 0.88rem;
  }
  .article-container aside.solitude-tag.note > :not(.note-icon) {
    min-width: 0;
  }
  .article-container aside.solitude-tag.note :is(h2, h3, h4, h5, h6, p) {
    margin: 0;
    color: inherit;
    font-size: inherit;
    line-height: inherit;
  }
  .article-container aside.solitude-tag.note a {
    color: var(--tag-note-color);
  }
  .article-container details.solitude-tag.tag-fold {
    display: block;
    margin: var(--efu-space-4) 0;
    overflow: clip;
    border: 1px solid var(--efu-card-border);
    border-radius: var(--efu-radius-md);
    background: var(--efu-card-bg);
    box-shadow: 0 4px 14px rgba(44, 52, 68, 0.035);
    transition:
      border-color var(--efu-motion-fast),
      box-shadow var(--efu-motion-fast),
      background-color var(--efu-motion-fast);
  }
  .article-container details.solitude-tag.tag-fold:hover,
  .article-container details.solitude-tag.tag-fold:focus-within,
  .article-container details.solitude-tag.tag-fold[open] {
    border-color: color-mix(in srgb, var(--efu-theme) 42%, var(--efu-card-border));
    box-shadow: var(--efu-shadow-border);
  }
  .article-container details.solitude-tag.tag-fold[open] .tag-fold-summary {
    border-bottom: 1px solid var(--efu-card-border);
    background: color-mix(in srgb, var(--efu-theme) 5%, var(--efu-card-bg));
  }
  .article-container details.solitude-tag.tag-fold[open] .tag-fold-icon::after {
    transform: translate(-50%, -50%) rotate(0);
  }
  .article-container details.solitude-tag.tag-fold .tag-fold-summary {
    position: static;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--efu-space-3);
    width: 100%;
    min-height: 52px;
    margin: 0;
    padding: 10px var(--efu-space-4);
    border: 0;
    background: var(--efu-card-bg);
    box-shadow: none;
    color: var(--efu-fontcolor);
    font-size: 0.92rem;
    font-weight: 700;
    cursor: pointer;
    list-style: none;
    transition: background-color var(--efu-motion-fast), color var(--efu-motion-fast);
  }
  .article-container details.solitude-tag.tag-fold .tag-fold-summary::-webkit-details-marker {
    display: none;
  }
  .article-container details.solitude-tag.tag-fold .tag-fold-summary:hover {
    background: var(--efu-secondbg);
    color: var(--efu-theme);
  }
  .article-container details.solitude-tag.tag-fold .tag-fold-summary:focus-visible {
    outline: 0;
    box-shadow: inset var(--efu-focus-ring);
  }
  .article-container details.solitude-tag.tag-fold .tag-fold-title {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .article-container details.solitude-tag.tag-fold .tag-fold-icon {
    position: relative;
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: var(--efu-theme-op);
  }
  .article-container details.solitude-tag.tag-fold .tag-fold-icon::before,
  .article-container details.solitude-tag.tag-fold .tag-fold-icon::after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 9px;
    height: 2px;
    border-radius: 2px;
    background: var(--efu-theme);
    content: "";
    transform: translate(-50%, -50%);
    transition: transform var(--efu-motion-fast);
  }
  .article-container details.solitude-tag.tag-fold .tag-fold-icon::after {
    transform: translate(-50%, -50%) rotate(90deg);
  }
  .article-container details.solitude-tag.tag-fold .tag-fold-content {
    padding: var(--efu-space-4);
  }
  .article-container details.solitude-tag.tag-fold .tag-fold-content > :first-child,
  .article-container .solitude-tag.tag-hide .tag-hide-content > :first-child {
    margin-top: 0;
  }
  .article-container details.solitude-tag.tag-fold .tag-fold-content > :last-child,
  .article-container .solitude-tag.tag-hide .tag-hide-content > :last-child {
    margin-bottom: 0;
  }
  .article-container .solitude-tag.tag-hide {
    --tag-hide-color: var(--efu-theme);
    margin: var(--efu-space-3) 0;
  }
  .article-container .solitude-tag.tag-hide.tag-hide-inline {
    display: inline-flex;
    align-items: baseline;
    gap: 6px;
    margin: 0 3px;
  }
  .article-container .solitude-tag.tag-hide.tag-hide-block,
  .article-container .solitude-tag.tag-hide.tag-hide-toggle {
    padding: var(--efu-space-3);
    border: 1px solid var(--efu-card-border);
    border-radius: var(--efu-radius-md);
    background: var(--efu-card-bg);
    box-shadow: 0 4px 14px rgba(44, 52, 68, 0.035);
  }
  .article-container .solitude-tag.tag-hide.tag-hide-block .tag-hide-content,
  .article-container .solitude-tag.tag-hide.tag-hide-toggle .tag-hide-content {
    display: block;
    margin-top: var(--efu-space-3);
    padding: var(--efu-space-3) var(--efu-space-1) var(--efu-space-1);
    border-top: 1px solid var(--efu-card-border);
    color: var(--efu-secondtext);
  }
  .article-container .solitude-tag.tag-hide .tag-hide-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 8px 14px;
    border: 1px solid color-mix(in srgb, var(--tag-hide-color) 34%, var(--efu-card-border));
    border-radius: var(--efu-radius-md);
    background: color-mix(in srgb, var(--tag-hide-color) 7%, var(--efu-card-bg));
    color: var(--tag-hide-color);
    font: inherit;
    font-size: 0.86rem;
    font-weight: 700;
    line-height: 1.2;
    cursor: pointer;
    transition:
      background-color var(--efu-motion-fast),
      border-color var(--efu-motion-fast),
      box-shadow var(--efu-motion-fast);
  }
  .article-container .solitude-tag.tag-hide .tag-hide-button::after {
    margin-left: var(--efu-space-2);
    content: "\ff0b";
    font-size: 0.85em;
  }
  .article-container .solitude-tag.tag-hide .tag-hide-button[aria-expanded=true]::after {
    content: "\2212";
  }
  .article-container .solitude-tag.tag-hide .tag-hide-button:hover {
    border-color: var(--tag-hide-color);
    background: color-mix(in srgb, var(--tag-hide-color) 11%, var(--efu-card-bg));
  }
  .article-container .solitude-tag.tag-hide .tag-hide-button:focus-visible {
    outline: 0;
    box-shadow: var(--efu-focus-ring);
  }
  .article-container .solitude-tag.tag-hide .tag-hide-content[hidden] {
    display: none !important;
  }
}

/* ns-hugo-imp:D:\桌面\hugoBlog\blog\themes\Solitude\assets\css\solitude\shortcodes\actions.css */
@layer solitude.shortcodes {
  .article-container a.solitude-tag.tag-button {
    --tag-button-color: var(--efu-theme);
    --tag-button-background: var(--efu-secondbg);
    --tag-button-border: var(--efu-card-border);
    --tag-button-text: var(--tag-button-color);
    --tag-button-soft: color-mix(in srgb, var(--tag-button-color) 14%, transparent);
    --tag-button-icon-background: var(--efu-theme-op);
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 44px;
    margin: var(--efu-space-2) var(--efu-space-2) var(--efu-space-2) 0;
    padding: 7px 14px;
    overflow: hidden;
    border: 1px solid var(--tag-button-border);
    border-radius: var(--efu-radius-lg);
    background: var(--tag-button-background);
    box-shadow: 0 2px 8px rgba(44, 45, 48, 0.06);
    color: var(--tag-button-text);
    font-size: 0.82rem;
    font-weight: 650;
    line-height: 1.2;
    text-decoration: none;
    isolation: isolate;
    transition:
      border-color var(--efu-motion-fast),
      background var(--efu-motion-fast),
      color var(--efu-motion-fast),
      transform var(--efu-motion-fast),
      box-shadow var(--efu-motion-fast);
  }
  .article-container a.solitude-tag.tag-button::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    right: 10px;
    left: 10px;
    height: 1px;
    background: rgba(255, 255, 255, 0.55);
    opacity: 0;
    pointer-events: none;
    transition: opacity var(--efu-motion-fast);
  }
  .article-container a.solitude-tag.tag-button.has-icon {
    padding: 6px 14px 6px 7px;
  }
  .article-container a.solitude-tag.tag-button i {
    display: flex;
    flex: 0 0 28px;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    margin: 0;
    border: 0;
    border-radius: var(--efu-radius-sm);
    background: var(--tag-button-icon-background);
    color: inherit;
    font-size: 0.78rem;
    transition: background var(--efu-motion-fast), transform var(--efu-motion-fast);
  }
  .article-container a.solitude-tag.tag-button span {
    min-width: 0;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .article-container a.solitude-tag.tag-button:hover {
    border-color: var(--tag-button-color);
    border-radius: var(--efu-radius-lg);
    background: var(--efu-card-bg);
    box-shadow: 0 6px 16px var(--tag-button-soft);
    transform: translateY(-1px);
  }
  .article-container a.solitude-tag.tag-button:hover::before {
    opacity: 1;
  }
  .article-container a.solitude-tag.tag-button:hover i {
    transform: translateY(-1px);
  }
  .article-container a.solitude-tag.tag-button:active {
    border-radius: var(--efu-radius-lg);
    box-shadow: 0 2px 6px rgba(44, 45, 48, 0.08);
    transform: translateY(0);
  }
  .article-container a.solitude-tag.tag-button:active i {
    transform: translateY(0);
  }
  .article-container a.solitude-tag.tag-button:focus-visible,
  .article-container a.solitude-tag.tag-link:focus-visible,
  .article-container .solitude-tag.repo-card a:focus-visible,
  .article-container .solitude-tag.card_box a:focus-visible,
  .article-container .solitude-tag.tag-series a:focus-visible,
  .article-container .solitude-tag.tag-flink a:focus-visible {
    outline: 0;
    box-shadow: var(--efu-focus-ring);
  }
  .article-container a.solitude-tag.tag-button:focus-visible {
    border-radius: var(--efu-radius-lg);
    outline: 3px solid var(--tag-button-soft);
    outline-offset: 3px;
    box-shadow: none;
  }
  .article-container a.solitude-tag.tag-button.is-icon-only {
    width: 44px;
    min-width: 44px;
    padding: 7px;
    aspect-ratio: 1;
  }
  .article-container a.solitude-tag.tag-button.blue {
    --tag-button-color: var(--efu-blue);
  }
  .article-container a.solitude-tag.tag-button.pink {
    --tag-button-color: var(--efu-pink);
  }
  .article-container a.solitude-tag.tag-button.red {
    --tag-button-color: var(--efu-red);
  }
  .article-container a.solitude-tag.tag-button.purple {
    --tag-button-color: var(--efu-purple);
  }
  .article-container a.solitude-tag.tag-button.orange {
    --tag-button-color: var(--efu-orange);
  }
  .article-container a.solitude-tag.tag-button.green {
    --tag-button-color: var(--efu-green);
  }
  .article-container a.solitude-tag.tag-button:is(.blue, .pink, .red, .purple, .orange, .green):not(.outline) {
    --tag-button-background: var(--tag-button-color);
    --tag-button-border: var(--tag-button-color);
    --tag-button-text: var(--efu-white);
    --tag-button-icon-background: rgba(255, 255, 255, 0.14);
  }
  .article-container a.solitude-tag.tag-button:is(.blue, .pink, .red, .purple, .orange, .green):not(.outline):hover {
    background: var(--tag-button-color);
    box-shadow: 0 6px 16px var(--tag-button-soft);
    filter: brightness(1.04);
  }
  .article-container a.solitude-tag.tag-button.outline {
    --tag-button-background: var(--efu-card-bg);
    --tag-button-border: var(--tag-button-color);
    --tag-button-text: var(--tag-button-color);
    --tag-button-icon-background: var(--efu-secondbg);
    box-shadow: none;
  }
  .article-container a.solitude-tag.tag-button.outline:hover {
    background: var(--tag-button-soft);
    box-shadow: 0 4px 12px var(--tag-button-soft);
    filter: none;
  }
  .article-container a.solitude-tag.tag-button.block {
    display: flex;
    width: 100%;
    margin-right: 0;
  }
  .article-container a.solitude-tag.tag-button.center {
    margin-inline: auto;
  }
  .article-container a.solitude-tag.tag-button.right {
    margin-right: 0;
    margin-left: auto;
  }
  .article-container a.solitude-tag.tag-button.larger {
    min-height: 48px;
    padding-inline: 17px;
    font-size: 0.88rem;
  }
  .article-container a.solitude-tag.tag-button.larger.has-icon {
    padding: 7px 17px 7px 8px;
  }
  .article-container a.solitude-tag.tag-button.larger i {
    flex-basis: 32px;
    width: 32px;
    height: 32px;
    font-size: 0.84rem;
  }
  .article-container a.solitude-tag.tag-link {
    display: block;
    margin: var(--efu-space-4) 0;
    padding: 14px var(--efu-space-4);
    overflow: hidden;
    border: 1px solid var(--efu-card-border);
    border-radius: var(--efu-radius-md);
    background: var(--efu-card-bg);
    box-shadow: 0 4px 16px rgba(44, 52, 68, 0.04);
    color: var(--efu-fontcolor);
    font-size: inherit;
    font-weight: 400;
    text-decoration: none;
    transition:
      border-color var(--efu-motion-fast),
      background-color var(--efu-motion-fast),
      box-shadow var(--efu-motion-fast);
  }
  .article-container a.solitude-tag.tag-link:hover {
    border-color: color-mix(in srgb, var(--efu-theme) 42%, var(--efu-card-border));
    background: var(--efu-secondbg);
    box-shadow: var(--efu-shadow-border);
  }
  .article-container a.solitude-tag.tag-link:hover .tag-link-bottom > i {
    color: var(--efu-theme);
    transform: translateX(3px);
  }
  .article-container a.solitude-tag.tag-link .tag-link-tips {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 6px;
    color: var(--efu-secondtext);
    font-size: 0.72rem;
    font-weight: 600;
  }
  .article-container a.solitude-tag.tag-link .tag-link-bottom {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--efu-space-3);
  }
  .article-container a.solitude-tag.tag-link .tag-link-bottom > i {
    color: var(--efu-secondtext);
    transition: color var(--efu-motion-fast), transform var(--efu-motion-fast);
  }
  .article-container a.solitude-tag.tag-link .tag-link-left {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: var(--efu-radius-md);
    border: 1px solid color-mix(in srgb, var(--efu-blue) 18%, transparent);
    background: color-mix(in srgb, var(--efu-blue) 8%, var(--efu-card-bg));
    color: var(--efu-blue);
  }
  .article-container a.solitude-tag.tag-link .tag-link-left i {
    margin: 0;
    color: inherit;
    font-size: 1rem;
  }
  .article-container a.solitude-tag.tag-link .tag-link-right {
    min-width: 0;
  }
  .article-container a.solitude-tag.tag-link .tag-link-title {
    overflow: hidden;
    color: var(--efu-fontcolor);
    font-size: 0.96rem;
    font-weight: 750;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .article-container a.solitude-tag.tag-link .tag-link-sitename {
    display: -webkit-box;
    margin-top: 2px;
    overflow: hidden;
    color: var(--efu-secondtext);
    font-size: 0.8rem;
    line-height: 1.45;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
}

/* ns-hugo-imp:D:\桌面\hugoBlog\blog\themes\Solitude\assets\css\solitude\shortcodes\media.css */
@layer solitude.shortcodes {
  .article-container .solitude-tag.video-container,
  .article-container .solitude-tag.tag-video {
    position: relative;
    display: block;
    width: 100%;
    margin: var(--efu-space-4) 0;
    overflow: hidden;
    border: 1px solid var(--efu-card-border);
    border-radius: var(--efu-radius-md);
    background: #0d0e12;
  }
  .article-container .solitude-tag.video-container {
    aspect-ratio: 16 / 9;
  }
  .article-container .solitude-tag.video-container iframe,
  .article-container .solitude-tag.tag-video video {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 100%;
    margin: 0;
    border: 0;
    border-radius: 0;
  }
  .article-container .solitude-tag.tag-video video {
    height: auto;
  }
  .article-container .solitude-tag.tag-audio {
    display: flex;
    align-items: center;
    gap: var(--efu-space-3);
    margin: var(--efu-space-4) 0;
    padding: 10px var(--efu-space-3);
    border: 1px solid var(--efu-card-border);
    border-radius: var(--efu-radius-md);
    background: var(--efu-card-bg);
    box-shadow: 0 4px 16px rgba(44, 52, 68, 0.04);
    font-size: inherit;
  }
  .article-container .solitude-tag.tag-audio .tag-media-icon {
    display: flex;
    flex: 0 0 36px;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: 1px solid color-mix(in srgb, var(--efu-theme) 18%, transparent);
    border-radius: var(--efu-radius-sm);
    background: color-mix(in srgb, var(--efu-theme) 7%, var(--efu-card-bg));
    color: var(--efu-theme);
    font-size: 0.9rem;
  }
  .article-container .solitude-tag.tag-audio audio {
    width: 100%;
    min-width: 0;
    height: 40px;
  }
  .article-container .solitude-tag.tag-videos {
    --tag-video-columns: 2;
    display: grid;
    grid-template-columns: repeat(var(--tag-video-columns), minmax(0, 1fr));
    align-items: start;
    gap: var(--efu-space-3);
    margin: var(--efu-space-4) 0;
  }
  .article-container .solitude-tag.tag-videos[data-columns="1"] {
    --tag-video-columns: 1;
  }
  .article-container .solitude-tag.tag-videos[data-columns="3"] {
    --tag-video-columns: 3;
  }
  .article-container .solitude-tag.tag-videos[data-columns="4"] {
    --tag-video-columns: 4;
  }
  .article-container .solitude-tag.tag-videos > video {
    display: block;
    width: 100%;
    margin: 0;
    overflow: hidden;
    border: 1px solid var(--efu-card-border);
    border-radius: var(--efu-radius-md);
    background: #0d0e12;
  }
  .article-container .solitude-tag.tag-image-wrap {
    display: block;
    margin: var(--efu-space-4) 0;
  }
  .article-container img.solitude-tag.tag-image {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    border: 0;
    border-radius: var(--efu-radius-md);
    box-shadow: var(--efu-shadow-border);
  }
  .article-container .solitude-tag.tag-image-wrap figcaption {
    margin-top: var(--efu-space-2);
    color: var(--efu-secondtext);
    font-size: 12px;
    text-align: center;
  }
  .article-container img.solitude-tag.inline-img {
    display: inline-block;
    width: auto;
    max-width: 100%;
    margin: 0 var(--efu-space-1);
    border: 0;
    border-radius: var(--efu-radius-sm);
    box-shadow: none;
    object-fit: cover;
    vertical-align: -0.2em;
  }
  .article-container .solitude-tag.chartjs-container,
  .article-container .solitude-tag.abc-music-sheet,
  .article-container .solitude-tag.tag-mermaid {
    display: flex;
    flex-direction: column;
    gap: var(--efu-space-3);
    margin: var(--efu-space-4) 0;
    padding: var(--efu-space-4);
    overflow-x: auto;
    border: 1px solid var(--efu-card-border);
    border-radius: var(--efu-radius-md);
    background: var(--efu-card-bg);
    box-shadow: 0 4px 18px rgba(44, 52, 68, 0.04);
    color: var(--efu-fontcolor);
    scrollbar-width: thin;
  }
  .article-container .solitude-tag.chartjs-container.chartjs-abreast {
    flex-direction: row;
    align-items: center;
  }
  .article-container .solitude-tag.chartjs-container.chartjs-abreast .chartjs-desc {
    flex: 0 1 34%;
  }
  .article-container .solitude-tag.chartjs-container.chartjs-abreast .chartjs-wrap {
    flex: 1 1 66%;
  }
  .article-container .solitude-tag.chartjs-container .chartjs-wrap {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
  }
  .article-container .solitude-tag.chartjs-container .chartjs-desc {
    min-width: 0;
    padding: var(--efu-space-3);
    border-radius: var(--efu-radius-md);
    border: 1px solid var(--efu-card-border);
    background: var(--efu-secondbg);
    color: var(--efu-secondtext);
    font-size: 0.82rem;
    line-height: 1.65;
  }
  .article-container .solitude-tag.abc-music-sheet {
    min-height: 120px;
  }
  .article-container .solitude-tag.abc-music-sheet svg,
  .article-container .solitude-tag.tag-mermaid svg {
    display: block;
    max-width: 100%;
    margin: 0 auto;
  }
  .article-container .solitude-tag.abc-music-sheet.tag-plugin-error {
    white-space: pre-wrap;
  }
  .article-container .solitude-tag.tag-typeit {
    display: block;
    margin: var(--efu-space-3) 0;
    color: var(--efu-theme);
    font-weight: 700;
  }
}

/* ns-hugo-imp:D:\桌面\hugoBlog\blog\themes\Solitude\assets\css\solitude\shortcodes\collections.css */
@layer solitude.shortcodes {
  .article-container .solitude-tag.repo-card {
    position: relative;
    display: grid;
    grid-template-rows: auto auto 1fr auto;
    gap: var(--efu-space-2);
    min-height: 148px;
    margin: var(--efu-space-4) 0;
    padding: 18px;
    overflow: hidden;
    border: 1px solid var(--efu-card-border);
    border-radius: var(--efu-radius-lg);
    background: var(--efu-card-bg);
    box-shadow: 0 4px 18px rgba(44, 52, 68, 0.045);
    transition: border-color var(--efu-motion-fast), box-shadow var(--efu-motion-fast);
  }
  .article-container .solitude-tag.repo-card:hover,
  .article-container .solitude-tag.repo-card:focus-within {
    border-color: color-mix(in srgb, var(--efu-theme) 38%, var(--efu-card-border));
    box-shadow: var(--efu-shadow-main);
  }
  .article-container .solitude-tag.repo-card .repo-card-header,
  .article-container .solitude-tag.repo-card .repo-card-footer,
  .article-container .solitude-tag.repo-card .repo-gist {
    display: flex;
    align-items: center;
  }
  .article-container .solitude-tag.repo-card .repo-card-header,
  .article-container .solitude-tag.repo-card .repo-card-footer {
    justify-content: space-between;
    gap: var(--efu-space-3);
  }
  .article-container .solitude-tag.repo-card .repo-provider,
  .article-container .solitude-tag.repo-card .repo-status {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--efu-secondtext);
    font-size: 0.72rem;
    font-weight: 700;
  }
  .article-container .solitude-tag.repo-card .repo-provider {
    text-transform: uppercase;
    letter-spacing: 0.06em;
  }
  .article-container .solitude-tag.repo-card .repo-status {
    padding: 3px 8px;
    border-radius: var(--efu-radius-pill);
    border: 1px solid var(--efu-card-border);
    background: var(--efu-secondbg);
  }
  .article-container .solitude-tag.repo-card .repo-language {
    display: block;
    width: 26px;
    height: 26px;
    margin: 0;
    border-radius: var(--efu-radius-sm);
    object-fit: contain;
  }
  .article-container .solitude-tag.repo-card .repo-language[hidden] {
    display: none !important;
  }
  .article-container .solitude-tag.repo-card a.repo-title {
    display: block;
    width: fit-content;
    max-width: 100%;
    overflow: hidden;
    border: 0;
    color: var(--efu-fontcolor);
    font-size: 1.08rem;
    font-weight: 800;
    line-height: 1.3;
    text-overflow: ellipsis;
    text-decoration: none;
    white-space: nowrap;
  }
  .article-container .solitude-tag.repo-card a.repo-title:hover {
    color: var(--efu-theme);
  }
  .article-container .solitude-tag.repo-card p.repo-desc {
    display: -webkit-box;
    margin: 0;
    overflow: hidden;
    color: var(--efu-secondtext);
    font-size: 0.84rem;
    line-height: 1.6;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .article-container .solitude-tag.repo-card .repo-gist {
    gap: var(--efu-space-3);
    color: var(--efu-secondtext);
    font-size: 0.78rem;
  }
  .article-container .solitude-tag.repo-card .repo-gist > span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
  }
  .article-container .solitude-tag.repo-card .repo-gist i {
    color: var(--efu-theme);
  }
  .article-container .solitude-tag.repo-card[aria-busy=true] .repo-title,
  .article-container .solitude-tag.repo-card[aria-busy=true] .repo-desc {
    border-radius: 4px;
    color: transparent;
    background:
      linear-gradient(
        90deg,
        var(--efu-secondbg),
        var(--efu-theme-op),
        var(--efu-secondbg));
    background-size: 200% 100%;
    animation: tag-repo-loading 1.4s ease infinite;
  }
  .article-container .solitude-tag.repo-card[aria-busy=true] .repo-title {
    width: 38%;
  }
  .article-container .solitude-tag.repo-card[aria-busy=true] .repo-desc {
    width: 72%;
  }
  .article-container .solitude-tag.repo-card.tag-plugin-error .repo-status {
    color: var(--efu-red);
  }
  @keyframes tag-repo-loading {
    from {
      background-position: 100% 0;
    }
    to {
      background-position: -100% 0;
    }
  }
  .article-container .solitude-tag.card_box {
    position: relative;
    display: grid;
    grid-template-columns: minmax(132px, 42%) minmax(0, 1fr);
    width: 100%;
    min-height: 190px;
    max-width: 680px;
    margin: var(--efu-space-4) auto;
    overflow: hidden;
    border: 1px solid var(--efu-card-border);
    border-radius: var(--efu-radius-lg);
    background: var(--efu-secondbg);
    box-shadow: var(--efu-shadow-border);
    color: var(--efu-fontcolor);
    isolation: isolate;
    transition: border-color var(--efu-motion-fast), box-shadow var(--efu-motion-fast);
  }
  .article-container .solitude-tag.card_box .card_cover {
    min-width: 0;
    margin: var(--efu-space-3);
    margin-right: 0;
    border-radius: calc(var(--efu-radius-lg) - 4px);
    background-color: var(--efu-secondbg-bg);
    background-position: center;
    background-size: cover;
  }
  .article-container .solitude-tag.card_box:hover,
  .article-container .solitude-tag.card_box:focus-within {
    border-color: color-mix(in srgb, var(--efu-theme) 38%, var(--efu-card-border));
    box-shadow: var(--efu-shadow-main);
  }
  .article-container .solitude-tag.card_box .card_body {
    display: flex;
    min-width: 0;
    padding: 22px;
    flex-direction: column;
  }
  .article-container .solitude-tag.card_box .card_top {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
    color: var(--efu-secondtext);
    font-size: 0.76rem;
    font-weight: 700;
    line-height: 1.4;
  }
  .article-container .solitude-tag.card_box .card_tag {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .article-container .solitude-tag.card_box .card_mask {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: space-between;
    min-height: 0;
    color: inherit;
  }
  .article-container .solitude-tag.card_box .card_content {
    display: flex;
    min-width: 0;
    margin-top: var(--efu-space-2);
    flex-direction: column;
    gap: 6px;
  }
  .article-container .solitude-tag.card_box a.card_action {
    position: relative;
    z-index: 1;
    display: inline-flex;
    flex: 0 0 44px;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid var(--efu-border-strong);
    border-radius: 50%;
    background: transparent;
    color: var(--efu-secondtext);
    font-size: 0.82rem;
    text-decoration: none;
    transition:
      border-color var(--efu-motion-fast),
      background-color var(--efu-motion-fast),
      color var(--efu-motion-fast),
      transform var(--efu-motion-fast);
  }
  .article-container .solitude-tag.card_box a.card_action::after {
    position: absolute;
    z-index: -1;
    inset: -100vh -100vw;
    content: "";
  }
  .article-container .solitude-tag.card_box a.card_action:hover,
  .article-container .solitude-tag.card_box a.card_action:focus-visible {
    border-color: var(--efu-theme);
    background: var(--efu-theme);
    color: var(--efu-nav-hover-text);
    transform: translateX(2px);
  }
  .article-container .solitude-tag.card_box.no-cover {
    display: block;
    min-height: 145px;
    padding-left: 4px;
    border-color: var(--efu-card-border);
    background: var(--efu-secondbg);
    color: var(--efu-fontcolor);
  }
  .article-container .solitude-tag.card_box.no-cover::before {
    position: absolute;
    top: 22px;
    bottom: 22px;
    left: 22px;
    width: 3px;
    border-radius: var(--efu-radius-pill);
    background: var(--efu-blue);
    content: "";
  }
  .article-container .solitude-tag.card_box.no-cover .card_body {
    min-height: inherit;
    padding-left: 42px;
  }
  .article-container .solitude-tag.card_box .card_footer {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--efu-space-3);
    margin-top: var(--efu-space-3);
  }
  .article-container .solitude-tag.card_box .card_title {
    display: -webkit-box;
    overflow: hidden;
    color: var(--efu-fontcolor);
    font-size: clamp(1.08rem, 2.3vw, 1.35rem);
    font-weight: 760;
    line-height: 1.28;
    overflow-wrap: anywhere;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .article-container .solitude-tag.card_box .card_description {
    display: -webkit-box;
    overflow: hidden;
    color: var(--efu-secondtext);
    font-size: 0.82rem;
    line-height: 1.55;
    overflow-wrap: anywhere;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .article-container .solitude-tag.card_box .card_rating {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    color: var(--efu-yellow);
    font-size: 0.9rem;
  }
  .article-container .solitude-tag.tag-series {
    display: grid;
    gap: var(--efu-space-1);
    margin: var(--efu-space-4) 0;
    padding: var(--efu-space-2);
    border: 1px solid var(--efu-card-border);
    border-radius: var(--efu-radius-md);
    background: var(--efu-card-bg);
    box-shadow: 0 4px 16px rgba(44, 52, 68, 0.035);
    list-style: none;
    counter-reset: series-item;
  }
  .article-container .solitude-tag.tag-series li {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    align-items: center;
    gap: var(--efu-space-2);
    margin: 0;
    padding: var(--efu-space-2);
    border-radius: var(--efu-radius-sm);
    counter-increment: series-item;
    transition: background-color var(--efu-motion-fast);
  }
  .article-container .solitude-tag.tag-series li::before {
    position: static;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    margin: 0;
    border: 0;
    border-radius: var(--efu-radius-sm);
    background: var(--efu-theme-op);
    color: var(--efu-theme);
    content: counter(series-item);
    font-size: 0.72rem;
    font-weight: 800;
  }
  .article-container .solitude-tag.tag-series li:hover,
  .article-container .solitude-tag.tag-series li:focus-within {
    background: var(--efu-secondbg);
  }
  .article-container .solitude-tag.tag-series a {
    overflow: hidden;
    border: 0;
    color: var(--efu-fontcolor);
    font-size: 0.84rem;
    font-weight: 650;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .article-container .solitude-tag.tag-series a:hover {
    color: var(--efu-theme);
  }
  .article-container .solitude-tag.tag-flink .flink-name {
    margin-top: var(--efu-space-5);
    color: var(--efu-fontcolor);
    font-size: 1.05rem;
    font-weight: 750;
  }
  .article-container .solitude-tag.tag-flink .flink-desc {
    margin: var(--efu-space-1) 0 var(--efu-space-3);
    color: var(--efu-secondtext);
    font-size: 0.84rem;
  }
  .article-container .solitude-tag.tag-flink .flink-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--efu-space-3);
    margin: 0;
    padding: 0;
  }
  .article-container .solitude-tag.tag-flink .flink-list-item {
    position: relative;
    display: flex;
    width: auto;
    height: 90px;
    margin: 0;
    overflow: hidden;
    border: var(--style-border-always);
    border-radius: 12px;
    background: var(--efu-card-bg);
    box-shadow: var(--efu-shadow-border);
    line-height: 17px;
    transform: translateZ(0);
    transition:
      background-color 0.3s ease-in-out,
      border-color 0.3s ease-in-out,
      box-shadow 0.3s ease-in-out;
  }
  .article-container .solitude-tag.tag-flink .flink-list-item:hover,
  .article-container .solitude-tag.tag-flink .flink-list-item:focus-within {
    background: var(--efu-theme);
  }
  .article-container .solitude-tag.tag-flink .flink-list-item a {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    border-radius: inherit;
    background: transparent;
    color: var(--efu-fontcolor);
    text-decoration: none;
  }
  .article-container .solitude-tag.tag-flink .flink-list-item a img {
    display: block;
    float: none;
    width: 60px;
    min-width: 60px;
    height: 60px;
    min-height: 60px;
    margin: 15px 20px 15px 15px;
    border-radius: 32px;
    background: var(--efu-background);
    object-fit: cover;
    opacity: 1;
    transition:
      width 0.6s,
      min-width 0.6s,
      height 0.6s,
      min-height 0.6s,
      margin 0.6s,
      opacity 0.3s;
  }
  .article-container .solitude-tag.tag-flink .flink-item-info,
  .article-container .solitude-tag.tag-flink .flink-list-item:hover .flink-item-info,
  .article-container .solitude-tag.tag-flink .flink-list-item:focus-within .flink-item-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: calc(100% - 95px);
    min-width: 0;
    height: fit-content;
    padding: 0 4px;
    text-align: left;
    transition: min-width 0.3s;
  }
  .article-container .solitude-tag.tag-flink .flink-list-item a .flink-item-info .flink-item-name,
  .article-container .solitude-tag.tag-flink .flink-list-item:hover a .flink-item-info .flink-item-name,
  .article-container .solitude-tag.tag-flink .flink-list-item:focus-within a .flink-item-info .flink-item-name {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    overflow: hidden;
    color: var(--efu-fontcolor);
    font-size: 19px;
    font-weight: 700;
    line-height: 20px;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: color 0.3s;
  }
  .article-container .solitude-tag.tag-flink .flink-list-item a .flink-item-info .flink-item-desc,
  .article-container .solitude-tag.tag-flink .flink-list-item:hover a .flink-item-info .flink-item-desc,
  .article-container .solitude-tag.tag-flink .flink-list-item:focus-within a .flink-item-info .flink-item-desc {
    display: -webkit-box;
    width: 100%;
    height: 40px;
    padding: 5px 10px 0 0;
    overflow: hidden;
    color: var(--efu-fontcolor);
    font-size: 0.93em;
    line-height: 1.35;
    opacity: 0.7;
    text-align: left;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    transition: color 0.3s;
  }
  .article-container .solitude-tag.tag-flink .flink-list-item:hover a img,
  .article-container .solitude-tag.tag-flink .flink-list-item:focus-within a img {
    width: 0;
    min-width: 0;
    height: 0;
    min-height: 0;
    margin: 5px;
    opacity: 0;
  }
  .article-container .solitude-tag.tag-flink .flink-list-item:hover .flink-item-info,
  .article-container .solitude-tag.tag-flink .flink-list-item:focus-within .flink-item-info {
    min-width: calc(100% - 20px);
  }
  .article-container .solitude-tag.tag-flink .flink-list-item:hover .flink-item-name,
  .article-container .solitude-tag.tag-flink .flink-list-item:focus-within .flink-item-name,
  .article-container .solitude-tag.tag-flink .flink-list-item:hover .flink-item-desc,
  .article-container .solitude-tag.tag-flink .flink-list-item:focus-within .flink-item-desc {
    color: var(--efu-card-bg);
    opacity: 1;
  }
  .article-container .solitude-tag.tag-timeline {
    --tag-timeline-color: var(--efu-theme);
    position: relative;
    margin: var(--efu-space-4) 0;
  }
  .article-container .solitude-tag.tag-timeline.red {
    --tag-timeline-color: var(--efu-red);
  }
  .article-container .solitude-tag.tag-timeline.green {
    --tag-timeline-color: var(--efu-green);
  }
  .article-container .solitude-tag.tag-timeline.blue {
    --tag-timeline-color: var(--efu-blue);
  }
  .article-container .solitude-tag.tag-timeline.purple {
    --tag-timeline-color: var(--efu-purple);
  }
  .article-container .solitude-tag.tag-timeline.orange {
    --tag-timeline-color: var(--efu-orange);
  }
  .article-container .solitude-tag.tag-timeline .timeline-item,
  .article-container .solitude-tag.tag-timenode {
    position: relative;
    margin-left: 10px;
    padding: 0 0 var(--efu-space-4) 28px;
    border-left: 1px dashed var(--efu-border-strong);
  }
  .article-container .solitude-tag.tag-timeline .timeline-item:last-child {
    padding-bottom: 0;
    border-left-color: transparent;
  }
  .article-container .solitude-tag.tag-timeline .timeline-item.headline {
    padding-bottom: var(--efu-space-3);
    border-left-color: transparent;
  }
  .article-container .solitude-tag.tag-timeline .timeline-item-title,
  .article-container .solitude-tag.tag-timenode .meta {
    position: relative;
    min-height: 24px;
    color: var(--efu-fontcolor);
    font-size: 0.9rem;
    font-weight: 750;
    line-height: 1.5;
  }
  .article-container .solitude-tag.tag-timeline .timeline-item:not(.headline) .timeline-item-title::before,
  .article-container .solitude-tag.tag-timenode .meta::before {
    position: absolute;
    top: 5px;
    left: -36px;
    width: 12px;
    height: 12px;
    border: 3px solid var(--efu-card-bg);
    border-radius: 50%;
    background: var(--tag-timeline-color, var(--efu-theme));
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--tag-timeline-color, var(--efu-theme)) 22%, transparent);
    content: "";
  }
  .article-container .solitude-tag.tag-timeline .timeline-item-title p,
  .article-container .solitude-tag.tag-timenode .meta p {
    margin: 0;
  }
  .article-container .solitude-tag.tag-timeline .timeline-item.headline .item-circle {
    color: var(--tag-timeline-color);
    font-size: 1.05rem;
  }
  .article-container .solitude-tag.tag-timeline .timeline-item-content,
  .article-container .solitude-tag.tag-timeline .body,
  .article-container .solitude-tag.tag-timenode .body {
    margin-top: var(--efu-space-2);
    padding: var(--efu-space-3) var(--efu-space-4);
    border: 1px solid var(--efu-card-border);
    border-radius: var(--efu-radius-md);
    background: var(--efu-card-bg);
    box-shadow: 0 4px 14px rgba(44, 52, 68, 0.035);
    color: var(--efu-secondtext);
  }
  .article-container .solitude-tag.tag-gallery {
    --tag-gallery-rest-shadow: none;
    --tag-gallery-hover-shadow: var(--efu-shadow-border);
    --tag-gallery-hover-lift: -2px;
    display: grid;
    grid-auto-flow: dense;
    gap: var(--efu-space-3);
    margin: var(--efu-space-4) 0;
  }
  .article-container .solitude-tag.tag-gallery.is-masonry-ready {
    grid-auto-rows: 1px;
    align-items: start;
  }
  .article-container .solitude-tag.tag-gallery[data-columns="2"] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .article-container .solitude-tag.tag-gallery[data-columns="3"] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .article-container .solitude-tag.tag-gallery .tag-gallery-item,
  .article-container .solitude-tag.tag-gallery .gallery-item {
    display: inline-block;
    position: relative;
    z-index: 0;
    width: 100%;
    min-height: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: var(--tag-gallery-rest-shadow);
    transition: box-shadow var(--efu-motion-fast), transform var(--efu-motion-fast);
  }
  .article-container .solitude-tag.tag-gallery .gallery-item > a {
    display: block;
    border-radius: 0;
    outline: none;
    cursor: zoom-in;
  }
  .article-container .solitude-tag.tag-gallery .gallery-item:hover,
  .article-container .solitude-tag.tag-gallery .gallery-item:focus-within {
    z-index: 1;
    box-shadow: var(--tag-gallery-hover-shadow);
    transform: translateY(var(--tag-gallery-hover-lift));
  }
  .article-container .solitude-tag.tag-gallery .gallery-item:has(> a:focus-visible) {
    outline: 2px solid var(--efu-theme);
    outline-offset: 3px;
  }
  .article-container .solitude-tag.tag-gallery .gallery-item img {
    display: block;
    width: 100%;
    margin: 0;
    border-radius: 0;
  }
  .article-container figure.solitude-tag.tag-gallery-group {
    width: min(100%, 480px);
    height: 250px;
    margin: var(--efu-space-4) 0;
    border-radius: var(--efu-radius-lg);
    box-shadow: var(--efu-shadow-border);
  }
  .article-container figure.solitude-tag.tag-gallery-group:focus-within {
    outline: 2px solid var(--efu-theme);
    outline-offset: 2px;
  }
  .article-container .solitude-tag.tag-tabs {
    position: relative;
    margin: var(--efu-space-4) 0;
    overflow: hidden;
    border: 1px solid var(--efu-card-border);
    border-radius: var(--efu-radius-lg);
    background: var(--efu-card-bg);
    box-shadow: 0 6px 20px color-mix(in srgb, var(--efu-fontcolor) 5%, transparent);
  }
  .article-container .solitude-tag.tag-tabs .nav-tabs {
    display: flex;
    gap: var(--efu-space-1);
    margin: 0;
    padding: var(--efu-space-1) var(--efu-space-2) 0;
    overflow-x: auto;
    overflow-y: hidden;
    border: 0;
    border-bottom: 1px solid var(--efu-card-border);
    border-radius: 0;
    background: color-mix(in srgb, var(--efu-secondbg) 64%, var(--efu-card-bg));
    flex-wrap: nowrap;
    overscroll-behavior-inline: contain;
    scroll-padding-inline: var(--efu-space-2);
    scroll-snap-type: inline proximity;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
  }
  .article-container .solitude-tag.tag-tabs .nav-tabs .tab {
    flex: 0 0 auto;
    margin: 0;
    border-radius: var(--efu-radius-sm);
    background: transparent;
    list-style: none;
    scroll-snap-align: start;
  }
  .article-container .solitude-tag.tag-tabs .nav-tabs .tab::before {
    display: none;
  }
  .article-container .solitude-tag.tag-tabs .nav-tabs .tab button {
    position: relative;
    min-height: 44px;
    padding: 0 var(--efu-space-4);
    border: 0;
    border-radius: var(--efu-radius-sm) var(--efu-radius-sm) 0 0;
    background: transparent;
    color: var(--efu-secondtext);
    font: inherit;
    font-size: 0.82rem;
    font-weight: 650;
    cursor: pointer;
    transition: color var(--efu-motion-fast), background-color var(--efu-motion-fast);
    white-space: nowrap;
  }
  .article-container .solitude-tag.tag-tabs .nav-tabs .tab.active button {
    background: color-mix(in srgb, var(--efu-theme) 7%, transparent);
    box-shadow: none;
    color: var(--efu-theme);
  }
  .article-container .solitude-tag.tag-tabs .nav-tabs .tab.active {
    background: transparent;
  }
  .article-container .solitude-tag.tag-tabs .nav-tabs .tab button::after {
    position: absolute;
    right: var(--efu-space-3);
    bottom: -1px;
    left: var(--efu-space-3);
    height: 2px;
    border-radius: var(--efu-radius-pill);
    background: var(--efu-theme);
    content: "";
    transform: scaleX(0);
    transform-origin: center;
    transition: transform var(--efu-motion-fast);
  }
  .article-container .solitude-tag.tag-tabs .nav-tabs .tab.active button::after {
    transform: scaleX(1);
  }
  @media (hover: hover) {
    .article-container .solitude-tag.tag-tabs .nav-tabs .tab:not(.active) button:hover {
      background: color-mix(in srgb, var(--efu-theme) 5%, transparent);
      color: var(--efu-fontcolor);
    }
  }
  .article-container .solitude-tag.tag-tabs .nav-tabs .tab button:focus-visible {
    outline: 0;
    box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--efu-theme) 52%, transparent);
  }
  .article-container .solitude-tag.tag-tabs .tab-contents {
    padding: var(--efu-space-5);
    border: 0;
    border-radius: 0;
    background: var(--efu-card-bg);
  }
  .article-container .solitude-tag.tag-tabs .tab-item-content {
    transform: none;
  }
  .article-container .solitude-tag.tag-tabs .tab-item-content.active {
    animation: tag-tab-panel-in var(--efu-motion-fast);
  }
  .article-container .solitude-tag.tag-tabs .tab-item-content[hidden] {
    display: none !important;
  }
  .article-container .solitude-tag.tag-tabs .tab-item-content > :first-child {
    margin-top: 0;
  }
  .article-container .solitude-tag.tag-tabs .tab-item-content > :last-child {
    margin-bottom: 0;
  }
  @keyframes tag-tab-panel-in {
    from {
      transform: translateY(4px);
      opacity: 0.72;
    }
    to {
      transform: translateY(0);
      opacity: 1;
    }
  }
}

/* ns-hugo-imp:D:\桌面\hugoBlog\blog\themes\Solitude\assets\css\solitude\shortcodes\responsive.css */
@layer solitude.shortcodes {
  .article-container .solitude-tag.red {
    color: var(--efu-red);
  }
  .article-container .solitude-tag.green {
    color: var(--efu-green);
  }
  .article-container .solitude-tag.blue {
    color: var(--efu-blue);
  }
  .article-container .solitude-tag.yellow {
    color: var(--efu-yellow);
  }
  .article-container .solitude-tag.pink {
    color: var(--efu-pink);
  }
  .article-container .solitude-tag.purple {
    color: var(--efu-purple);
  }
  .article-container .solitude-tag.orange {
    color: var(--efu-orange);
  }
  .article-container .solitude-tag .bg-red {
    background: var(--efu-red);
    color: var(--efu-white);
  }
  .article-container .solitude-tag .bg-green {
    background: var(--efu-green);
    color: var(--efu-white);
  }
  .article-container .solitude-tag .bg-blue {
    background: var(--efu-blue);
    color: var(--efu-white);
  }
  .article-container .solitude-tag .bg-yellow {
    background: var(--efu-yellow);
    color: var(--efu-black);
  }
  .article-container .solitude-tag .bg-pink {
    background: var(--efu-pink);
    color: var(--efu-white);
  }
  .article-container .solitude-tag .bg-purple {
    background: var(--efu-purple);
    color: var(--efu-white);
  }
  .article-container .solitude-tag .bg-orange {
    background: var(--efu-orange);
    color: var(--efu-white);
  }
  .article-container .solitude-tag.block {
    display: flex;
  }
  .article-container .solitude-tag.center {
    margin-inline: auto;
  }
  .article-container .solitude-tag.right {
    margin-left: auto;
  }
  @media screen and (max-width: 900px) {
    .article-container .solitude-tag.tag-videos[data-columns="4"] {
      --tag-video-columns: 2;
    }
    .article-container .solitude-tag.tag-flink .flink-list {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media screen and (max-width: 768px) {
    .article-container details.solitude-tag.tag-fold .tag-fold-summary,
    .article-container details.solitude-tag.tag-fold .tag-fold-content,
    .article-container .solitude-tag.tag-tabs .tab-contents,
    .article-container .solitude-tag.chartjs-container,
    .article-container .solitude-tag.abc-music-sheet {
      padding-inline: var(--efu-space-3);
    }
    .article-container .solitude-tag.tag-hide.tag-hide-block,
    .article-container .solitude-tag.tag-hide.tag-hide-toggle {
      padding: var(--efu-space-2);
    }
    .article-container .solitude-tag.tag-audio {
      padding: var(--efu-space-2);
    }
    .article-container .solitude-tag.tag-audio .tag-media-icon {
      display: none;
    }
    .article-container .solitude-tag.tag-videos,
    .article-container .solitude-tag.tag-videos[data-columns] {
      grid-template-columns: 1fr;
    }
    .article-container .solitude-tag.repo-card {
      padding: var(--efu-space-4);
    }
    .article-container .solitude-tag.chartjs-container.chartjs-abreast {
      flex-direction: column;
    }
    .article-container .solitude-tag.chartjs-container .chartjs-wrap {
      width: 100% !important;
    }
    .article-container .solitude-tag.tag-gallery[data-columns="3"] {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media screen and (max-width: 600px) {
    .article-container {
      --efu-radius-md: 11px;
      --efu-radius-lg: 12px;
    }
    .article-container aside.solitude-tag.note {
      gap: 10px;
      min-height: 56px;
      padding: var(--efu-space-3);
    }
    .article-container aside.solitude-tag.note .note-icon {
      flex-basis: 28px;
      width: 28px;
      height: 28px;
    }
    .article-container a.solitude-tag.tag-button {
      display: flex;
      width: 100%;
      min-height: 48px;
      margin-right: 0;
    }
    .article-container a.solitude-tag.tag-button i {
      flex-basis: 32px;
      width: 32px;
      height: 32px;
    }
    .article-container .solitude-tag.tag-flink .flink-list {
      grid-template-columns: 1fr;
    }
    .article-container .solitude-tag.tag-gallery[data-columns] {
      grid-template-columns: 1fr;
    }
    .article-container figure.solitude-tag.tag-gallery-group {
      width: 100%;
      height: 220px;
    }
    .article-container a.solitude-tag.tag-link {
      padding: var(--efu-space-3);
    }
    .article-container a.solitude-tag.tag-link .tag-link-bottom {
      grid-template-columns: 38px minmax(0, 1fr) auto;
      gap: var(--efu-space-2);
    }
    .article-container a.solitude-tag.tag-link .tag-link-tips {
      margin-bottom: var(--efu-space-2);
    }
    .article-container a.solitude-tag.tag-link .tag-link-left {
      width: 38px;
      height: 38px;
    }
    .article-container .solitude-tag.card_box {
      grid-template-columns: minmax(116px, 38%) minmax(0, 1fr);
      width: 100% !important;
      min-height: 176px;
    }
    .article-container .solitude-tag.card_box .card_cover {
      margin: 10px;
      margin-right: 0;
    }
    .article-container .solitude-tag.card_box .card_body {
      padding: var(--efu-space-4);
    }
    .article-container .solitude-tag.card_box.no-cover {
      min-height: 140px;
    }
    .article-container .solitude-tag.card_box.no-cover::before {
      top: var(--efu-space-4);
      bottom: var(--efu-space-4);
      left: var(--efu-space-4);
    }
    .article-container .solitude-tag.card_box.no-cover .card_body {
      padding-left: 34px;
    }
    .article-container .solitude-tag.tag-tabs .nav-tabs {
      padding-inline: var(--efu-space-1);
    }
    .article-container .solitude-tag.tag-tabs .nav-tabs .tab button {
      min-height: 44px;
      padding-inline: var(--efu-space-3);
    }
    .article-container .solitude-tag.tag-timeline .timeline-item,
    .article-container .solitude-tag.tag-timenode {
      margin-left: 7px;
      padding-left: 22px;
    }
    .article-container .solitude-tag.tag-timeline .timeline-item:not(.headline) .timeline-item-title::before,
    .article-container .solitude-tag.tag-timenode .meta::before {
      left: -29px;
    }
    .article-container .solitude-tag.tag-timeline .timeline-item-content,
    .article-container .solitude-tag.tag-timeline .body,
    .article-container .solitude-tag.tag-timenode .body {
      padding: var(--efu-space-3);
    }
  }
  [data-theme=dark] .article-container .solitude-tag :where(audio, video) {
    color-scheme: dark;
  }
  @media (prefers-reduced-motion: reduce) {
    .article-container .solitude-tag,
    .article-container .solitude-tag::before,
    .article-container .solitude-tag::after,
    .article-container .solitude-tag * {
      scroll-behavior: auto !important;
      transition-duration: 0.01ms !important;
      animation-duration: 0.01ms !important;
      animation-iteration-count: 1 !important;
    }
  }
}

/* ns-hugo-imp:D:\桌面\hugoBlog\blog\themes\Solitude\assets\css\solitude\integrations\hugo.css */
@layer solitude.integrations {
  [hidden] {
    display: none !important;
  }
  .page-title-wrap {
    margin-bottom: 1.5rem;
  }
  .page-title-wrap .page-title {
    margin-bottom: 0.5rem;
  }
  .solitude-tag.tag-image-wrap {
    margin: 1rem 0;
  }
  .solitude-tag.tag-image-wrap figcaption {
    color: var(--efu-secondtext);
    font-size: 12px;
    text-align: center;
  }
  .gallery-container[data-columns="2"] {
    column-count: 2;
    column-gap: 0.75rem;
  }
  .gallery-container[data-columns="3"] {
    column-count: 3;
    column-gap: 0.75rem;
  }
  .chartjs-container .chartjs-wrap {
    min-height: 18rem;
    max-width: 100%;
    margin-inline: auto;
  }
  .comment-empty,
  .docsearch-unavailable {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-height: 8rem;
    color: var(--efu-secondtext);
  }
  .code-block {
    --code-block-bg: var(--code-block-light-theme-bg, var(--efu-hl-bg));
    position: relative;
    contain: paint;
    margin: 0.5em 0;
    border: 0;
    border-radius: 0.5em;
    background: var(--code-block-bg);
    color: var(--efu-fontcolor);
  }
  :root:not([data-theme=dark]) .code-block[data-code-light-theme=github-light] {
    --code-block-bg: #f1f2f4;
  }
  [data-theme=dark] .code-block {
    --code-block-bg: var(--code-block-dark-theme-bg, var(--efu-hl-bg));
  }
  [data-theme=dark] .code-block[data-code-dark-theme=github-dark] {
    --code-block-bg: #202327;
  }
  .code-block__toolbar {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 3;
    display: flex;
    justify-content: flex-end;
    height: 0;
    padding: 0 1em;
    pointer-events: none;
  }
  .code-block__language {
    height: 0;
    color: inherit;
    font-size: 0.85em;
    line-height: 1.4;
    opacity: 0.4;
    text-transform: lowercase;
    transform: translateY(0.2em);
    transition: opacity 0.2s ease;
  }
  .code-block__copy {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.2em 1em;
    appearance: none;
    border: 0;
    border-radius: 0 0 0 0.5em;
    background: var(--code-block-bg);
    color: inherit;
    cursor: pointer;
    font: inherit;
    line-height: 1.4;
    opacity: 0;
    pointer-events: auto;
    transition: opacity 0.2s ease;
  }
  .code-block:hover .code-block__language,
  .code-block:focus-within .code-block__language {
    opacity: 0;
  }
  .code-block:hover .code-block__copy,
  .code-block:focus-within .code-block__copy,
  .code-block__copy:hover,
  .code-block__copy:focus-visible {
    opacity: 0.55;
  }
  .code-block__copy:hover,
  .code-block__copy:focus-visible {
    opacity: 1;
  }
  .code-block__copy:focus-visible,
  .code-block__expand:focus-visible,
  .code-block :is(pre, code):focus-visible {
    outline: 2px solid var(--efu-main);
    outline-offset: -2px;
  }
  .code-block__copy[data-copy-state=success] {
    color: var(--efu-green);
  }
  .code-block__copy[data-copy-state=error] {
    color: var(--efu-red);
  }
  .code-block__viewport {
    min-width: 0;
    background: var(--code-block-bg);
  }
  .article-container .code-block pre {
    font-family: var(--efu-code-font-family);
    font-size: 0.85em;
    line-height: 1.4;
    tab-size: 3;
  }
  .article-container .code-block code {
    font: inherit;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    color: inherit;
  }
  .code-block pre {
    width: 100%;
    margin: 0;
    overflow: auto;
    border: 0;
    border-radius: 0;
  }
  .code-block__fallback {
    box-sizing: border-box;
    padding: 16px;
    background: var(--code-block-bg);
    color: var(--efu-fontcolor);
    white-space: pre;
  }
  .code-block__fallback code {
    display: block;
    width: max-content;
    min-width: 100%;
    padding: 0;
    background: transparent;
    color: inherit;
  }
  .code-block .shiki {
    box-sizing: border-box;
    padding: 16px;
    background-color: var(--code-block-bg, var(--shiki-light-bg, var(--efu-hl-bg))) !important;
    color: var(--shiki-light, var(--efu-fontcolor));
  }
  .code-block .shiki code {
    display: block;
    width: max-content;
    min-width: 100%;
  }
  .code-block .shiki .line {
    display: inline;
    padding: 0;
  }
  [data-theme=dark] .code-block .shiki,
  [data-theme=dark] .code-block .shiki span {
    color: var(--shiki-dark, inherit);
    font-style: var(--shiki-dark-font-style, inherit);
    font-weight: var(--shiki-dark-font-weight, inherit);
    text-decoration: var(--shiki-dark-text-decoration, inherit);
  }
  [data-theme=dark] .code-block .shiki {
    background-color: var(--code-block-bg, var(--shiki-dark-bg, var(--efu-hl-bg))) !important;
  }
  [data-theme=dark] .code-block .shiki span {
    background-color: transparent !important;
  }
  .code-block--line-numbers .shiki code {
    counter-reset: code-line;
  }
  .code-block--line-numbers .shiki {
    padding-right: 16px;
    padding-left: 4em;
  }
  .code-block--line-numbers .shiki .line::before {
    position: fixed;
    left: 0;
    z-index: 1;
    box-sizing: border-box;
    width: 4em;
    padding-right: 1em;
    background-color: var(--code-block-bg, var(--shiki-light-bg, var(--efu-hl-bg)));
    color: var(--efu-secondtext);
    content: counter(code-line);
    counter-increment: code-line;
    text-align: right;
    -webkit-user-select: none;
    user-select: none;
  }
  .code-block--line-numbers .shiki .line {
    padding: 0;
  }
  [data-theme=dark] .code-block--line-numbers .shiki .line::before {
    background-color: var(--code-block-bg, var(--shiki-dark-bg, var(--efu-hl-bg)));
  }
  .code-block.is-collapsible:not(.is-expanded) .code-block__viewport {
    max-height: var(--code-block-max-height, 360px);
    overflow: hidden;
  }
  .code-block__expand {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    width: 100%;
    height: 56px;
    padding: 0 0 9px;
    appearance: none;
    border: 0;
    background:
      linear-gradient(
        to bottom,
        transparent,
        var(--code-block-bg) 72%);
    color: var(--efu-main);
    cursor: pointer;
    font-family: inherit;
    font-size: 12px;
    font-weight: 600;
  }
  .code-block__expand[hidden] {
    display: none;
  }
  .code-block__expand:hover {
    color: var(--efu-theme);
    text-decoration: underline;
    text-underline-offset: 3px;
  }
  @media (max-width: 768px) {
    .code-block {
      max-width: 100%;
    }
    .code-block__copy {
      min-width: 44px;
      min-height: 36px;
      padding-right: 12px;
      padding-left: 12px;
    }
    .code-block .shiki {
      padding-right: 12px;
    }
    .code-block__fallback {
      padding-right: 12px;
      padding-left: 12px;
    }
  }
  @media (hover: none) {
    .code-block__language {
      opacity: 0;
    }
    .code-block__copy {
      opacity: 0.55;
    }
  }
  @media (max-width: 768px) {
    .gallery-container[data-columns] {
      column-count: 1;
    }
    .chartjs-container .chartjs-wrap {
      min-height: 14rem;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
      scroll-behavior: auto !important;
      animation-duration: 0.01ms !important;
      animation-iteration-count: 1 !important;
      transition-duration: 0.01ms !important;
    }
  }
}

/* ns-hugo-imp:D:\桌面\hugoBlog\blog\themes\Solitude\assets\css\solitude\integrations\syntax.css */
@layer solitude.integrations {
  .post-radius-bottom {
    border-radius: var(--radius) var(--radius) 0 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 10px;
    background: var(--efu-background);
    z-index: 2;
    pointer-events: none;
  }
  @media screen and (max-width: 768px) {
    .post #page-header.post-bg .post-radius-bottom {
      z-index: 12;
      height: 12px;
      background: var(--efu-card-bg);
    }
  }
  figure.highlight .highlight-tools .copy-button {
    right: 1.7rem;
  }
  figure.highlight .highlight-tools:after {
    position: absolute;
    left: 14px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #fc625d;
    -webkit-box-shadow: 20px 0 #fdbc40, 40px 0 #35cd4b;
    box-shadow: 20px 0 #fdbc40, 40px 0 #35cd4b;
    content: " ";
  }
  figure.highlight .highlight-tools .expand {
    right: 0;
  }
  figure.highlight .highlight-tools .expand + .code-lang {
    left: 75px;
  }
  figure.highlight .highlight-tools.closed .expand {
    transform: rotate(90deg);
  }
  figure.highlight table::-webkit-scrollbar {
    color: var(--efu-secondbg);
    height: 6px;
    background: var(--efu-hl-bg);
    border-radius: 6px;
    display: initial;
  }
  figure.highlight .keyword,
  figure.highlight .attr,
  figure.highlight .variable,
  figure.highlight .literal,
  figure.highlight .property {
    color: #00f;
  }
  figure.highlight .number {
    color: #098658;
  }
  figure.highlight .string {
    color: #a31515;
  }
  figure.highlight .built_in,
  figure.highlight .title,
  figure.highlight .params,
  figure.highlight .name {
    color: #795e26;
  }
  figure.highlight .emphasis {
    color: #0451a5;
  }
  figure.highlight .addition {
    color: #35cd4b;
  }
  figure.highlight .deletion {
    color: #f00;
  }
  [data-theme=dark] figure.highlight .keyword,
  [data-theme=dark] figure.highlight .attr,
  [data-theme=dark] figure.highlight .variable,
  [data-theme=dark] figure.highlight .property {
    color: #569cd6;
  }
  [data-theme=dark] figure.highlight .number {
    color: #b5cea8;
  }
  [data-theme=dark] figure.highlight .string {
    color: #ce9178;
  }
  [data-theme=dark] figure.highlight .built_in,
  [data-theme=dark] figure.highlight .title,
  [data-theme=dark] figure.highlight .params {
    color: #dcdcaa;
  }
  [data-theme=dark] figure.highlight .emphasis {
    color: #6a9955;
  }
  [data-theme=dark] figure.highlight .addition {
    color: #35cd4b;
  }
  [data-theme=dark] figure.highlight .deletion {
    color: #f00;
  }
  figure pre {
    margin: 0;
    padding: 8px 0;
    border: none;
  }
  figure table {
    display: block;
    border: none;
    overflow-y: hidden;
    overflow-x: auto;
  }
  figure table td {
    padding: 0;
    border: none;
    height: 100%;
  }
  figure table td.gutter {
    opacity: 0.6;
    -webkit-user-select: none;
    user-select: none;
    min-width: initial;
  }
  figure table td.gutter pre {
    overflow: auto;
    line-height: 1.6;
    margin: 0;
    padding: 8px 0.5rem;
    border: none;
    color: var(--efu-secondtext);
    background: var(--efu-secondbg);
    border-right: var(--style-border-always);
    text-align: center;
  }
  figure table td.code {
    width: 100%;
    display: flex;
    position: relative;
  }
  figure table td.code pre {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    width: 100%;
  }
  figure .line.marked {
    background-color: rgba(97, 97, 97, 0.314);
  }
  figure:hover {
    box-shadow: var(--efu-shadow-border-hover);
  }
  figure .copy-btn {
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 10;
    color: var(--efu-fontcolor);
    cursor: pointer;
    transition: all 0.2s ease 0s;
  }
  figure .copy-btn:hover {
    color: var(--efu-lighttext);
  }
  figure.highlight {
    background-color: var(--efu-hl-bg);
    color: var(--efu-fontcolor);
    border: var(--style-border-always);
    overflow: hidden;
    border-radius: 8px 8px 4px 4px;
    position: relative;
    margin: 0.5rem 0 0.5rem;
    padding: 0;
    line-height: 1.6;
  }
  figure.highlight .highlight-tools {
    position: relative;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    overflow: hidden;
    min-height: 1.2rem;
    border-radius: 8px 8px 0 0;
    height: 2.15em;
    font-size: 16px;
    background: var(--efu-hltools-bg);
    border-bottom: var(--style-border-always);
    color: var(--efu-fontcolor);
  }
  figure.highlight .highlight-tools.closed .expand {
    transition: all 0.3s ease 0s;
  }
  figure.highlight .highlight-tools.closed ~ * {
    display: none;
  }
  figure.highlight .highlight-tools .copy-button {
    position: absolute;
    cursor: pointer;
    transition: color 0.2s;
    font-size: 18px;
  }
  figure.highlight .highlight-tools .copy-button:hover {
    color: var(--efu-main);
  }
  figure.highlight .highlight-tools .expand {
    position: absolute;
    padding: 0.4rem 0.3rem;
    cursor: pointer;
    transition: transform 0.3s ease 0s;
  }
  figure.highlight .highlight-tools .code-lang {
    text-transform: capitalize;
    position: absolute;
    font-weight: 700;
    font-size: 1.15em;
    -webkit-user-select: none;
    user-select: none;
  }
  figure.highlight .highlight-tools .caption {
    position: absolute;
    right: 3.5rem;
    font-size: 14px;
    color: var(--efu-secondtext);
  }
  @media screen and (max-width: 768px) {
    figure.highlight .highlight-tools .caption {
      display: none;
    }
  }
  figure.highlight .code-expand-btn {
    background: var(--efu-hltools-bg);
    transition: 0.3s;
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    transform: translateZ(0);
    border-top: var(--style-border-always);
    position: absolute;
    bottom: 0;
    z-index: 1;
    width: 100%;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32px;
  }
  figure.highlight .code-expand-btn i {
    color: var(--efu-fontcolor);
    line-height: 1;
    animation: 1.2s ease 0s infinite normal none running code-expand-key;
  }
  figure.highlight .code-expand-btn:hover {
    background: var(--efu-main);
  }
  figure.highlight .code-expand-btn:hover i {
    color: var(--efu-white);
  }
  figure.highlight .code-expand-btn.expand-done {
    display: none;
  }
  figure.highlight .code-expand-btn:not(.expand-done) ~ table,
  figure.highlight .code-expand-btn:not(.expand-done) ~ pre {
    overflow: hidden;
    height: 200px;
  }
  html.search-open {
    overflow: hidden;
  }
}

/* ns-hugo-imp:D:\桌面\hugoBlog\blog\themes\Solitude\assets\css\solitude\integrations\search.css */
@layer solitude.integrations {
  .search-dialog {
    position: fixed;
    inset: 0;
    z-index: 1001;
    display: none;
    margin: auto;
    padding: 1rem;
    width: 30rem;
    height: fit-content;
    max-height: 90dvh;
    overflow: hidden;
    box-shadow: var(--efu-shadow-lightblack);
    background: var(--efu-card-bg);
    border: var(--style-border);
    border-radius: 12px;
    transition: 0.3s;
    animation: slide-in 0.6s ease 0s 1 normal none running;
    gap: 16px;
    flex-direction: column;
  }
  .search-dialog:hover {
    border: var(--style-border-hover);
    box-shadow: var(--efu-shadow-theme);
  }
  .search-dialog .search-dialog-title {
    color: var(--efu-main);
    font-size: 1.4em;
    font-weight: 700;
    line-height: 1;
  }
  .search-dialog .search-close-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    margin-left: 4px;
    padding: 4px;
    color: var(--efu-gray);
    background: transparent;
    border: 0;
    border-radius: 50%;
    font-size: 1.4em;
    line-height: 1;
    cursor: pointer;
    transition: color 0.2s ease-in-out, background 0.2s ease-in-out;
  }
  .search-dialog .search-close-button:hover {
    color: var(--efu-main);
    background: var(--efu-main-op);
  }
  .search-dialog .search-wrap {
    display: flex;
    min-height: 0;
    overflow: hidden;
    flex-direction: column;
    gap: 16px;
  }
  .search-dialog .search-box {
    position: relative;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
  }
  .search-dialog .search-box input {
    width: 100%;
    height: 44px;
    padding: 0.25rem 0.7rem;
    outline: 0;
    color: var(--efu-fontcolor);
    background: var(--efu-secondbg);
    border: var(--style-border);
    border-radius: 12px;
    caret-color: var(--efu-theme);
  }
  .search-dialog .search-box input:focus {
    border: var(--style-border-hover);
  }
  .search-dialog .search-box input::placeholder {
    color: var(--efu-gray);
    opacity: 0.8;
  }
  .search-dialog #search-suggestions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }
  .search-dialog #search-suggestions[hidden] {
    display: none;
  }
  .search-dialog #search-suggestions .tag-list {
    min-height: 30px;
    padding: 3px 8px;
    color: var(--efu-fontcolor);
    background: transparent;
    border: var(--style-border-always);
    border-radius: 8px;
    line-height: 1.2;
    cursor: pointer;
    transition:
      color 0.2s ease-in-out,
      background 0.2s ease-in-out,
      border-color 0.2s ease-in-out;
  }
  .search-dialog #search-suggestions .tag-list:hover,
  .search-dialog #search-suggestions .tag-list:focus-visible {
    color: var(--efu-white);
    background: var(--efu-main);
    border-color: var(--efu-main);
    outline: 0;
  }
  .search-dialog #search-results {
    display: flex;
    max-height: calc(90dvh - 250px);
    min-height: 0;
    margin: 0;
    padding: 0;
    overflow-y: auto;
    flex: 1;
    flex-direction: column;
    list-style: none;
  }
  .search-dialog #search-results[hidden] {
    display: none;
  }
  .search-dialog #search-results .search-result-item {
    width: 100%;
    padding-left: 0;
    font-weight: 700;
    line-height: 1.5;
  }
  .search-dialog #search-results .search-result-item .search-result-title {
    display: block;
    position: relative;
    width: 100%;
    padding: 3px 0;
    overflow: hidden;
    color: var(--efu-fontcolor);
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: color 0.2s ease-in-out;
  }
  .search-dialog #search-results .search-result-item .search-result-title:hover {
    color: var(--efu-hovertext);
  }
  .search-dialog #search-results .search-result-item .search-result-title em {
    color: var(--efu-theme);
    font-style: normal;
  }
  .search-dialog #search-results .search-result-empty,
  .search-dialog #search-results .search-result-error,
  .search-dialog #search-results .search-result-loading {
    color: var(--efu-secondtext);
  }
  .search-dialog #search-pagination:empty {
    display: none;
  }
  .search-dialog #search-pagination .pagination-list {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .search-dialog #search-pagination .pagination-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.2rem;
    height: 1.2rem;
    padding: 0;
    color: var(--efu-fontcolor);
    background: transparent;
    border: 0;
    border-radius: 4px;
    cursor: pointer;
  }
  .search-dialog #search-pagination .pagination-button:hover {
    color: var(--efu-main);
  }
  .search-dialog #search-pagination .pagination-button.select {
    color: var(--efu-white);
    background: var(--efu-main);
    cursor: default;
  }
  .search-dialog #search-tips {
    width: 100%;
    color: var(--efu-secondtext);
  }
  .search-dialog #search-tips:empty {
    display: none;
  }
  .search-dialog #search-tips .search-result-count {
    color: var(--efu-gray);
    font-size: 12px;
  }
  .search-dialog #search-tips .search-result-count b {
    color: var(--efu-main);
  }
  .search-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  #search-mask {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: none;
    background: var(--efu-maskbgdeep);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    transform: translateZ(0);
  }
  @media screen and (max-width: 767px) {
    .search-dialog {
      inset: 0;
      width: 100vw;
      height: var(--search-height, 100dvh);
      max-height: none;
      margin: 0;
      border: 0;
      border-radius: 0;
    }
    .search-dialog:hover {
      border: 0;
      box-shadow: var(--efu-shadow-lightblack);
    }
    .search-dialog .search-wrap {
      flex: 1;
    }
    .search-dialog #search-results {
      max-height: none;
      flex: 1;
    }
  }
  .article-container figure.gallery-group {
    position: relative;
    overflow: hidden;
    margin: 0;
    width: calc(50% - 8px);
    height: 250px;
    border-radius: 8px;
    background: var(--efu-black);
    -webkit-transform: translate3d(0, 0, 0);
  }
  @media screen and (max-width: 600px) {
    .article-container figure.gallery-group {
      width: calc(100% - 8px);
    }
  }
  .article-container figure.gallery-group:hover img {
    opacity: 0.4;
    transform: translate3d(0, 0, 0);
  }
  .article-container figure.gallery-group:hover .gallery-group-name::after {
    transform: translate3d(0, 0, 0);
  }
  .article-container figure.gallery-group:hover p {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .article-container figure.gallery-group img {
    position: relative;
    margin: 0;
    max-width: none;
    width: calc(100% + 20px);
    height: 250px;
    backface-visibility: hidden;
    opacity: 0.8;
    transition: all 0.3s, filter 375ms ease-in 0.2s;
    transform: translate3d(-10px, 0, 0);
    object-fit: cover;
    border: none;
  }
  .article-container figure.gallery-group figcaption {
    position: absolute;
    top: 0;
    left: 0;
    padding: 30px;
    width: 100%;
    height: 100%;
    color: var(--efu-white);
    text-transform: uppercase;
    backface-visibility: hidden;
  }
  .article-container figure.gallery-group figcaption > a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    opacity: 0;
  }
  .article-container figure.gallery-group p {
    margin: 0;
    padding: 8px 0 0;
    letter-spacing: 1px;
    font-size: 1.1em;
    line-height: 1.5;
    opacity: 0;
    transition: opacity 0.35s, transform 0.35s;
    transform: translate3d(100%, 0, 0);
    -webkit-line-clamp: 4;
  }
  .article-container figure.gallery-group .gallery-group-name {
    position: relative;
    margin: 0;
    padding: 8px 0;
    font-weight: bold;
    font-size: 1.65em;
    line-height: 1.5;
    -webkit-line-clamp: 2;
  }
  .article-container figure.gallery-group .gallery-group-name:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: var(--efu-white);
    content: "";
    transition: transform 0.35s;
    transform: translate3d(-100%, 0, 0);
  }
  .article-container .gallery-group-main {
    overflow: auto;
    display: flex;
    gap: 0.5rem;
    margin-top: 0.5rem;
    flex-wrap: wrap;
  }
  .article-container .gallery-item:not(.tag-gallery-item) {
    min-height: 5rem;
    width: 24.97%;
    padding: 4px;
    position: relative;
  }
  @media screen and (max-width: 1200px) {
    .article-container .gallery-item:not(.tag-gallery-item) {
      width: 32.97%;
    }
  }
  @media screen and (max-width: 768px) {
    .article-container .gallery-item:not(.tag-gallery-item) {
      width: 49.97%;
    }
  }
  .article-container .gallery-item:not(.tag-gallery-item) img {
    max-width: 100%;
    border-radius: 0;
    margin: 0;
  }
  .waterfall {
    opacity: 0;
    transition: 0.3s;
  }
  .waterfall.show {
    opacity: 1;
  }
  .mermaid {
    display: flex;
    justify-content: center;
  }
  .mermaid text {
    fill: var(--efu-fontcolor) !important;
  }
}

/* ns-hugo-imp:D:\桌面\hugoBlog\blog\themes\Solitude\assets\css\solitude\integrations\comments.css */
#post-comment .comment-head .comment-headline {
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
  font-size: 20px;
}
#post-comment .comment-head #comment-switch {
  display: inline-block;
  float: right;
  margin: 0.1rem auto 0;
  padding: 0.2rem 0.8rem;
  width: max-content;
  border-radius: 5px;
  background: #f6f8fa;
}
#post-comment .comment-head #comment-switch .first-comment {
  color: #307af6;
}
#post-comment .comment-head #comment-switch .second-comment {
  color: #ff7242;
}
#post-comment .comment-head #comment-switch .switch-btn {
  position: relative;
  display: inline-block;
  margin: -4px 0.4rem 0;
  width: 42px;
  height: 22px;
  border-radius: 34px;
  background-color: #307af6;
  vertical-align: middle;
  cursor: pointer;
  transition: all 0.4s ease;
}
#post-comment .comment-head #comment-switch .switch-btn::before {
  position: absolute;
  bottom: 4px;
  left: 4px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: #fff;
  content: "";
  transition: all 0.4s ease;
}
#post-comment .comment-head #comment-switch .switch-btn.move {
  background-color: #ff7242;
}
#post-comment .comment-head #comment-switch .switch-btn.move::before {
  transform: translateX(20px);
}
.post-comment {
  background: var(--efu-card-bg);
}
.comment-status {
  display: flex;
  min-height: 80px;
  align-items: center;
  justify-content: center;
  color: var(--efu-secondtext);
  text-align: center;
}
.comment-status.is-error {
  color: var(--efu-red);
}
.post #post-comment {
  padding: 0 2rem 0.5rem;
}
@media screen and (max-width: 768px) {
  .post #post-comment {
    padding: 0 0.5rem 0.5rem;
  }
}
#post-comment > div.comment-head > div.comment-privacy {
  display: block;
  justify-content: space-between;
  margin-left: 8px;
  font-size: 13px;
}
#post-comment > div.comment-head > div.comment-privacy a:hover {
  color: var(--efu-main);
}
#post-comment blockquote {
  background: var(--efu-secondbg);
  border: var(--style-border);
  box-shadow: none;
  margin: 0 0 0.5rem;
  font-size: 0.6rem;
  color: var(--efu-secondtext);
  border-radius: 8px;
}
#post-comment.move .comment-head .count span:first-child {
  display: none;
}
#post-comment.move .comment-head .count span:last-child {
  display: inline-block;
}
#post-comment.move #switch-btn::before {
  transform: translateX(20px);
}
#post-comment.move .comment-wrap > div:first-child {
  display: none;
}
#post-comment.move .comment-wrap > div:last-child {
  display: block;
  animation: 0.5s ease 0s 1 normal none running tabshow;
}
#post-comment .comment-head {
  font-size: 0.8em;
  margin: 0.5rem 0;
  position: relative;
}
#post-comment .comment-head .count span:last-child {
  display: none;
}
#post-comment .comment-head .comment-switch {
  display: inline-block;
  float: right;
  margin: 2px auto 0;
  padding: 4px 16px;
  width: max-content;
  -webkit-user-select: none;
  user-select: none;
}
#post-comment .comment-head .comment-switch #switch-btn {
  position: relative;
  display: inline-block;
  margin: 0 8px 0;
  width: 42px;
  height: 22px;
  border-radius: 34px;
  background-color: var(--efu-main);
  vertical-align: middle;
  cursor: pointer;
  transition: 0.4s;
  border: var(--style-border-always);
}
#post-comment .comment-head .comment-switch #switch-btn::before {
  position: absolute;
  bottom: 3px;
  left: 4px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: #fff;
  content: "";
  transition: 0.4s;
}
#post-comment .comment-wrap > div:last-child {
  display: none;
}
#post-comment .comment-wrap > div:first-child {
  animation: 0.5s ease 0s 1 normal none running tabshow;
}
#post-comment .comment-wrap > div:first-child:last-child {
  display: block;
}
#owo-big {
  position: fixed;
  align-items: center;
  background-color: var(--efu-card-bg);
  border: var(--style-border-always);
  border-radius: 10px;
  z-index: 9999;
  max-width: 142px;
  display: none;
  transform: translate(0, -105%);
  overflow: hidden;
  animation: owoIn 0.3s cubic-bezier(0.42, 0, 0.3, 1.11);
  padding: 1rem;
}
@media screen and (max-width: 768px) {
  #owo-big {
    display: none !important;
  }
}
#vcomment.valine-theme-style .vcount {
  display: none !important;
}
#vcomment.valine-theme-style .vpreview-btn {
  display: none;
}
#vcomment.valine-theme-style .vemoji-btn {
  position: absolute;
  bottom: 4.5px;
  left: 50px;
}
#vcomment.valine-theme-style .vpanel {
  display: flex;
  flex-direction: column;
  position: relative;
}
#vcomment.valine-theme-style .vemojis {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  max-width: 500px;
  color: #4a4a4a;
  border: 1px solid rgba(144, 147, 153, 0.31);
  top: 6.7rem;
  z-index: 1000;
  animation: 0.3s ease 0.1s 1 normal both running donate_effcet;
  width: 500px;
  border: var(--style-border-always);
  border-radius: 8px !important;
  overflow: hidden;
  background-color: var(--efu-maskbg);
  -webkit-backdrop-filter: saturate(180%) blur(10px);
  backdrop-filter: saturate(180%) blur(10px);
  transform: translateZ(0);
  overflow-y: auto;
  padding: 10px;
}
@media screen and (max-width: 768px) {
  #vcomment.valine-theme-style .vemojis {
    max-width: 300px;
  }
}
#vcomment.valine-theme-style .vwrap {
  flex: 1;
  display: flex;
  border: none !important;
  padding: 0;
  overflow: inherit;
  flex-direction: column-reverse;
  margin-bottom: 0;
}
#vcomment.valine-theme-style .vwrap .vheader {
  display: flex;
  margin: 0.5rem 0;
  position: relative;
  width: calc(100% - 5.5rem);
  gap: 0.5rem;
}
@media screen and (max-width: 768px) {
  #vcomment.valine-theme-style .vwrap .vheader {
    flex-direction: column;
  }
}
#vcomment.valine-theme-style .vwrap .vheader input {
  border-radius: 12px;
  width: calc((100% - 1rem) / 3);
  flex: 1;
  position: relative;
  font-size: 13px;
  background: var(--efu-secondbg);
  border: var(--style-border-always);
  padding: 6px 10px;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  #vcomment.valine-theme-style .vwrap .vheader input {
    width: 100%;
  }
}
#vcomment.valine-theme-style .vquote .vcard {
  background: var(--efu-card-bg);
  border: none;
  border-top: var(--style-border-dashed);
  border-radius: 12px;
  transition: 0.3s;
  padding: 1rem 0 0;
  margin-top: 0;
  box-shadow: none;
}
#vcomment.valine-theme-style .vreply-wrapper .vrow .vcol:first-child {
  bottom: 78px;
}
@media screen and (max-width: 768px) {
  #vcomment.valine-theme-style .vreply-wrapper .vrow .vcol:first-child {
    bottom: 164px;
  }
}
#vcomment.valine-theme-style .vreply-wrapper .vrow .vcol.text-right:not(.vctrl) {
  bottom: 31px;
}
@media screen and (max-width: 768px) {
  #vcomment.valine-theme-style .vreply-wrapper .vrow .vcol.text-right:not(.vctrl) {
    bottom: 117px;
  }
}
#vcomment.valine-theme-style .vreply-wrapper .cancel-reply {
  display: flex !important;
  flex-direction: row;
  justify-content: center;
  margin: 0;
}
#vcomment.valine-theme-style .vreply-wrapper .cancel-reply-btn {
  position: inherit;
}
#vcomment.valine-theme-style .vrow {
  padding: 0;
}
#vcomment.valine-theme-style .vrow .vcol {
  position: absolute;
}
#vcomment.valine-theme-style .vrow .vcol:first-child {
  bottom: 56px;
  left: 20px;
  width: auto;
}
@media screen and (max-width: 768px) {
  #vcomment.valine-theme-style .vrow .vcol:first-child {
    bottom: 141px;
  }
}
#vcomment.valine-theme-style .vrow .vcol.text-right:not(.vctrl) {
  bottom: 9px;
  right: 0;
  transition: 0.3s;
  border: 0 solid var(--efu-main);
  width: 5rem;
  margin-left: 0.5rem;
  border-radius: 12px;
  height: 34px;
}
@media screen and (max-width: 768px) {
  #vcomment.valine-theme-style .vrow .vcol.text-right:not(.vctrl) {
    bottom: 94px;
  }
}
#vcomment.valine-theme-style .vrow .vcol.text-right:not(.vctrl) button {
  background-color: var(--efu-fontcolor);
  width: 100%;
  height: 100%;
  color: var(--efu-card-bg);
  border-radius: 12px;
  opacity: 0.2;
}
@media screen and (max-width: 768px) {
  #vcomment.valine-theme-style .vrow .vcol.text-right:not(.vctrl) button {
    height: 119px;
  }
}
#vcomment.valine-theme-style .vrow .vcol svg {
  width: 18px;
  height: 18px;
}
#vcomment.valine-theme-style #veditor {
  display: block;
  padding: 16px 16px 40px 16px;
  line-height: 1.5;
  width: 100%;
  font-size: 14px;
  background: var(--efu-secondbg);
  color: var(--efu-fontcolor);
  border-radius: 12px;
  min-height: 121px;
  border: var(--style-border-always);
}
#vcomment.valine-theme-style #veditor:focus {
  border: var(--style-border-hover-always);
  box-shadow: var(--efu-shadow-main);
}
#vcomment.valine-theme-style .vcard {
  margin-top: 0;
  margin-bottom: 0.5rem;
  background: var(--efu-card-bg);
  transition: 0.3s;
  border-radius: 12px;
  padding: 0;
  padding-top: 0.5rem;
  border: none;
  border-top: var(--style-border-dashed);
  display: flex;
  flex-direction: row;
  word-break: break-all;
}
@media screen and (max-width: 768px) {
  #vcomment.valine-theme-style .vcard {
    padding: 1rem;
    border: var(--style-border-always);
    box-shadow: var(--efu-shadow-border);
  }
}
#vcomment.valine-theme-style .vcard .vimg {
  width: 32px;
  height: 32px;
  border-radius: 32px;
  cursor: pointer;
  margin-right: 16px;
}
#vcomment.valine-theme-style .vcard .vimg:hover {
  transform: rotate(360deg);
}
#vcomment.valine-theme-style .vcard .vh {
  flex: 1;
  padding: 0;
  border: 0;
  overflow: visible;
}
#vcomment.valine-theme-style .vcard .vh .vhead {
  display: flex;
  align-items: center;
  gap: 5px;
}
#vcomment.valine-theme-style .vcard .vnick {
  font-size: 1rem;
  line-height: 32px;
  margin-right: 0;
}
#vcomment.valine-theme-style .vcard .vsys {
  background: var(--efu-card-bg);
  border: var(--style-border-always);
  padding: 3px 5px;
  border-radius: 8px;
  color: var(--efu-secondtext);
  display: inline;
  font-size: 0.5rem;
}
#vcomment.valine-theme-style .vcard .vat {
  display: flex;
  align-items: center;
  color: var(--efu-lighttext);
  padding: 3px 12px;
  transition: all 0.3s;
  border-radius: 8px;
  background-color: var(--efu-secondbg);
  border: var(--style-border-always);
  position: absolute;
  right: 0;
  bottom: 18px;
}
#vcomment.valine-theme-style .vcard .vat:hover {
  background-color: var(--efu-lighttext);
  color: var(--efu-card-bg);
}
#vcomment.valine-theme-style .vquote {
  border-left: none;
}
#vcomment.valine-theme-style .vicon.actived {
  fill: var(--efu-main);
}
#page #vcomment.valine-theme-style .vcard {
  padding: 1rem 1rem 1.5rem;
  border: var(--style-border);
  border-top: var(--style-border);
  box-shadow: var(--efu-shadow-border);
}

/* ns-hugo-imp:D:\桌面\hugoBlog\blog\themes\Solitude\assets\css\solitude\integrations\music-dock.css */
#nav-music {
  --capsule-title-max-width: 120px;
  --capsule-author-max-width: 160px;
  --capsule-metadata-max-width: min(280px, calc(100vw - 104px));
  --capsule-lyrics-max-width: 230px;
  --capsule-scrub-position: 0%;
  --capsule-scrub-thumb-size: 10px;
  --capsule-scrub-tooltip-gap: 8px;
  display: flex;
  align-items: center;
  position: fixed;
  left: 20px;
  bottom: 20px;
  z-index: 12;
  width: fit-content;
  max-width: calc(100vw - 40px);
  overflow: visible;
  isolation: isolate;
  cursor: pointer;
  border-radius: 40px;
  transform-origin: left bottom;
  transition:
    box-shadow 0.3s,
    opacity 0.26s ease-out,
    transform 0.44s cubic-bezier(0.16, 1.22, 0.3, 1);
  box-shadow: var(--efu-shadow-border);
}
#nav-music.needEndHide.hide {
  bottom: 20px !important;
  opacity: 0;
  pointer-events: none;
  transform: translate3d(0, calc(100% + 28px), 0) scale(0.96);
  transition-duration: 0.24s;
  transition-timing-function: cubic-bezier(0.55, 0, 1, 0.45);
}
#nav-music .music-capsule-hitarea {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 40px;
  cursor: pointer;
  touch-action: pan-y;
}
#nav-music .music-capsule-hitarea:focus-visible {
  outline: 2px solid var(--efu-white);
  outline-offset: -3px;
}
#nav-music .music-progress-tooltip {
  position: absolute;
  bottom: calc(100% + var(--capsule-scrub-tooltip-gap));
  left: clamp(38px, var(--capsule-scrub-position), calc(100% - 38px));
  z-index: 4;
  min-width: max-content;
  padding: 4px 9px;
  color: var(--efu-fontcolor);
  background: color-mix(in srgb, var(--efu-card-bg) 86%, transparent);
  border: var(--style-border-always);
  border-radius: var(--efu-radius-pill, 999px);
  box-shadow: var(--efu-shadow-border);
  backdrop-filter: saturate(180%) blur(14px);
  -webkit-backdrop-filter: saturate(180%) blur(14px);
  font-size: 12px;
  font-variant-numeric: tabular-nums;
  line-height: 20px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, 4px) scale(0.96);
  transition: opacity 0.18s ease, transform 0.18s ease;
}
#nav-music .music-progress-status {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
#nav-music.scrubbing,
#nav-music.scrubbing .music-capsule-hitarea {
  cursor: ew-resize;
}
#nav-music.scrubbing .music-progress-tooltip {
  opacity: 1;
  transform: translate(-50%, 0) scale(1);
}
#nav-music,
#nav-music div,
#nav-music span {
  -webkit-user-select: none;
  user-select: none;
}
#nav-music .aplayer-button {
  display: none;
}
#nav-music #nav-music-hoverTips {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  gap: 4px;
  color: var(--efu-white);
  background: color-mix(in srgb, var(--efu-music) 50%, transparent);
  border-radius: 40px;
  opacity: 0;
  pointer-events: none;
  transition:
    opacity 0.22s ease,
    background 0.3s ease,
    width 0.34s cubic-bezier(0.4, 0, 0.2, 1),
    padding 0.34s cubic-bezier(0.4, 0, 0.2, 1);
}
#nav-music #nav-music-hoverTips .music-control-btn {
  display: none;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  color: var(--efu-white);
  background: transparent;
  border: 0;
  font-size: 16px;
  line-height: 44px;
  opacity: 0.8;
  pointer-events: auto;
  cursor: pointer;
  transition: opacity 0.2s, transform 0.2s;
}
#nav-music #nav-music-hoverTips .music-control-btn:hover,
#nav-music #nav-music-hoverTips .music-control-btn:focus-visible {
  opacity: 1;
}
#nav-music #nav-music-hoverTips .music-control-btn:active {
  transform: scale(0.85);
}
#nav-music #nav-music-hoverTips .music-control-btn:focus-visible {
  outline: 2px solid var(--efu-white);
  outline-offset: -3px;
  border-radius: 20px;
}
#nav-music:is(:hover, :focus-within) #nav-music-hoverTips {
  opacity: 1;
}
#nav-music.scrubbing #nav-music-hoverTips {
  opacity: 0;
  pointer-events: none;
}
#nav-music.scrubbing #nav-music-hoverTips .music-control-btn {
  pointer-events: none;
}
#nav-music:not(.playing):is(:hover, :focus-within) #nav-music-hoverTips {
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
#nav-music:not(.playing):is(:hover, :focus-within) #music-play {
  display: flex;
}
#nav-music.playing {
  animation: capsulePlayingShadow 5s linear infinite;
}
#nav-music.stretch #nav-music-hoverTips {
  left: auto;
  right: 0;
  width: 180px;
  padding-right: 20px;
  justify-content: flex-end;
  background:
    linear-gradient(
      to left,
      var(--efu-music) 60%,
      transparent);
}
#nav-music.playing:is(:hover, :focus-within) #music-prev,
#nav-music.playing:is(:hover, :focus-within) #music-pause,
#nav-music.playing:is(:hover, :focus-within) #music-next {
  display: flex;
}
#nav-music.collapsing #nav-music-hoverTips {
  left: auto;
  right: 0;
  width: 180px;
  padding-right: 20px;
  justify-content: flex-end;
  background:
    linear-gradient(
      to left,
      var(--efu-music) 60%,
      transparent);
  opacity: 0;
  pointer-events: none;
}
#nav-music.collapsing {
  animation: capsulePlayingShadow 5s linear infinite;
  animation-play-state: paused;
}
#nav-music.collapsing:is(:hover, :focus-within) #music-prev,
#nav-music.collapsing:is(:hover, :focus-within) #music-pause,
#nav-music.collapsing:is(:hover, :focus-within) #music-next {
  display: flex;
  opacity: 0;
  transform: scale(0.9);
}
#nav-music.collapsing #music-play {
  display: none !important;
}
#nav-music .aplayer {
  display: block;
  position: relative;
  width: fit-content;
  min-width: 122px;
  max-width: calc(100vw - 40px);
  height: 46px;
  max-height: 46px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  color: var(--efu-fontcolor);
  background:
    linear-gradient(
      to bottom,
      var(--efu-maskbg),
      var(--efu-maskbgdeep));
  border: var(--style-border);
  border-radius: 60px;
  box-shadow: var(--efu-shadow-glass-inset);
  backdrop-filter: saturate(180%) blur(20px);
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  transform: translateZ(0);
  transition:
    background 0.28s,
    border-color 0.28s,
    box-shadow 0.28s;
}
#nav-music .aplayer,
#nav-music .aplayer * {
  box-sizing: border-box;
}
#nav-music .aplayer .aplayer-notice,
#nav-music .aplayer .aplayer-miniswitcher,
#nav-music .aplayer .aplayer-list {
  display: none;
}
#nav-music .aplayer .aplayer-body {
  display: flex;
  align-items: center;
  position: relative;
  width: auto;
  height: 46px;
  min-height: 46px;
  max-height: 46px;
  padding: 8px 16px 8px 8px;
  overflow: hidden;
  border-radius: 60px;
}
#nav-music .aplayer .aplayer-pic {
  position: relative;
  z-index: 1;
  float: none;
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  margin: 0;
  pointer-events: none;
  border: var(--style-border-always);
  border-radius: 40px;
  transform: rotate(0deg) scale(1);
  transition:
    transform 0.28s,
    box-shadow 0.28s,
    border-color 0.28s;
  animation: capsuleCoverSpin 24s linear infinite;
  animation-play-state: paused;
}
#nav-music .aplayer .aplayer-info {
  display: flex;
  align-items: center;
  align-self: center;
  position: static;
  flex: 0 0 auto;
  width: max-content;
  max-width: var(--capsule-metadata-max-width);
  height: 30px;
  min-height: 30px;
  margin: 0 0 0 10px;
  padding: 0;
  overflow: visible;
  color: var(--efu-fontcolor);
  border: 0 !important;
  transition: max-width 0.28s, color 0.28s;
}
#nav-music .aplayer .aplayer-info .aplayer-music {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
  flex: 0 1 auto;
  min-width: 0;
  max-width: var(--capsule-metadata-max-width);
  height: 30px;
  min-height: 30px;
  margin: 0;
  padding: 0;
  line-height: 30px;
  overflow: hidden;
}
#nav-music .aplayer .aplayer-info .aplayer-music .aplayer-title {
  display: block;
  flex: 0 1 auto;
  min-width: 0;
  max-width: var(--capsule-title-max-width);
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  color: var(--efu-fontcolor);
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  transition: color 0.28s;
}
#nav-music .aplayer .aplayer-info .aplayer-music .aplayer-author {
  display: block;
  flex: 0 1 auto;
  min-width: 0;
  max-width: var(--capsule-author-max-width);
  height: 30px;
  margin-left: 8px;
  overflow: hidden;
  color: var(--efu-fontcolor);
  font-size: 14px;
  line-height: 30px;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: color 0.28s;
}
#nav-music .aplayer .aplayer-info .aplayer-music .aplayer-author:empty {
  display: none;
  margin-left: 0;
}
#nav-music .aplayer .aplayer-info .aplayer-controller {
  display: block;
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
}
#nav-music .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
#nav-music .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar {
  position: relative;
  width: 100%;
  height: 100%;
  background: transparent;
  opacity: 0;
  transition: opacity 0.3s;
}
#nav-music .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-loaded {
  display: none;
}
#nav-music .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  background-color: var(--efu-white) !important;
  opacity: 0.15;
  transition: opacity 0.18s ease;
}
#nav-music .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played::after {
  position: absolute;
  top: 50%;
  right: calc(var(--capsule-scrub-thumb-size) / -2);
  width: var(--capsule-scrub-thumb-size);
  height: var(--capsule-scrub-thumb-size);
  content: "";
  background: var(--efu-white);
  border: 2px solid color-mix(in srgb, var(--efu-music) 72%, var(--efu-white));
  border-radius: 50%;
  box-shadow: 0 2px 8px color-mix(in srgb, var(--efu-black) 28%, transparent);
  opacity: 0;
  transform: translateY(-50%) scale(0.7);
  transition: opacity 0.18s ease, transform 0.18s ease;
}
#nav-music .aplayer .aplayer-info .aplayer-time {
  display: none;
}
#nav-music .aplayer .aplayer-lrc {
  display: block;
  flex-shrink: 0;
  width: var(--capsule-lyrics-max-width);
  max-width: 0;
  height: 18px;
  min-height: 18px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  opacity: 0;
  will-change:
    max-width,
    margin-left,
    opacity;
  transition:
    max-width 0.34s cubic-bezier(0.4, 0, 0.2, 1),
    margin-left 0.34s cubic-bezier(0.4, 0, 0.2, 1),
    opacity 0.16s ease;
}
#nav-music .aplayer .aplayer-lrc:after,
#nav-music .aplayer .aplayer-lrc:before {
  display: none;
}
#nav-music .aplayer .aplayer-lrc .aplayer-lrc-contents {
  width: 100%;
}
#nav-music .aplayer .aplayer-lrc p {
  width: 100%;
  height: 16px !important;
  min-height: 16px;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  color: var(--efu-white);
  font-size: 14px;
  line-height: 16px !important;
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  opacity: 0.35;
  filter: none;
}
#nav-music .aplayer .aplayer-lrc p.aplayer-lrc-current {
  color: var(--efu-white);
  border: 0;
  opacity: 1;
  filter: none;
}
#nav-music:not(.playing):hover .aplayer {
  color: var(--efu-white);
  background: color-mix(in srgb, var(--efu-music) 78%, transparent);
  border-color: var(--efu-music);
}
#nav-music:not(.playing):hover .aplayer .aplayer-info,
#nav-music:not(.playing):hover .aplayer .aplayer-title,
#nav-music:not(.playing):hover .aplayer .aplayer-author {
  color: var(--efu-white);
}
#nav-music.playing .aplayer {
  color: var(--efu-white);
  background: var(--efu-music);
  border-color: var(--efu-music);
  box-shadow: var(--efu-shadow-glass-inset), 0 0 26px color-mix(in srgb, var(--efu-music) 42%, transparent);
}
#nav-music.playing .aplayer .aplayer-pic {
  border-color: var(--efu-card-bg);
  box-shadow: 0 0 14px var(--efu-card-bg);
  animation-play-state: running;
}
#nav-music.stretch .aplayer .aplayer-info {
  max-width: min(332px, calc(100vw - 120px));
}
#nav-music.playing .aplayer .aplayer-info {
  color: var(--efu-white);
}
#nav-music.playing .aplayer .aplayer-title,
#nav-music.playing .aplayer .aplayer-author {
  color: var(--efu-white) !important;
}
#nav-music.playing .aplayer .aplayer-bar {
  opacity: 1;
}
#nav-music.scrubbing .aplayer .aplayer-bar {
  opacity: 1;
}
#nav-music.scrubbing .aplayer .aplayer-played {
  opacity: 0.32;
}
#nav-music.scrubbing .aplayer .aplayer-played::after {
  opacity: 1;
  transform: translateY(-50%) scale(1);
}
#nav-music.stretch .aplayer .aplayer-lrc {
  max-width: var(--capsule-lyrics-max-width);
  margin-left: 12px;
  opacity: 1;
}
@media (max-width: 480px) {
  #nav-music {
    --capsule-title-max-width: min(110px, 28vw);
    --capsule-author-max-width: min(140px, 36vw);
    --capsule-lyrics-max-width: min(120px, 30vw);
  }
}
@layer solitude.components {
  @media screen and (max-width: 768px) {
    body:not([data-type=music]) #nav-music.needEndHide,
    body:not([data-type=music]) #nav-music.needEndHide.hide {
      display: flex !important;
    }
  }
}
@media (hover: none) {
  #nav-music.playing #nav-music-hoverTips {
    opacity: 1;
  }
  #nav-music.playing #nav-music-hoverTips #music-prev,
  #nav-music.playing #nav-music-hoverTips #music-pause,
  #nav-music.playing #nav-music-hoverTips #music-next {
    display: flex;
  }
  #nav-music.collapsing #nav-music-hoverTips #music-prev,
  #nav-music.collapsing #nav-music-hoverTips #music-pause,
  #nav-music.collapsing #nav-music-hoverTips #music-next {
    display: flex;
    opacity: 0;
    transform: scale(0.9);
  }
}
@media (prefers-reduced-motion: reduce) {
  #nav-music.needEndHide {
    transition-duration: 0.01ms;
  }
  #nav-music .aplayer .aplayer-pic {
    animation: none;
  }
  #nav-music .music-progress-tooltip,
  #nav-music #nav-music-hoverTips,
  #nav-music .aplayer .aplayer-lrc,
  #nav-music .aplayer .aplayer-played,
  #nav-music .aplayer .aplayer-played::after {
    transition: none;
  }
}

/* ns-hugo-imp:D:\桌面\hugoBlog\blog\themes\Solitude\assets\css\solitude\integrations\rightside.css */
@layer solitude.integrations {
  .aplayer-thumb {
    width: 0 !important;
    height: 0 !important;
  }
  #rightside {
    position: fixed;
    right: -2.5rem;
    bottom: 20px;
    z-index: 1000;
    opacity: 0;
    transition: opacity 0.3s, transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  }
  #rightside.needEndHide {
    display: block !important;
  }
  #rightside.hide.needEndHide {
    bottom: 0 !important;
    transform: none !important;
  }
  #rightside .rs_show,
  #rightside .rs_hide {
    width: 46px;
    padding: 2px;
    overflow: hidden;
    background:
      linear-gradient(
        to bottom,
        var(--efu-maskbg),
        var(--efu-maskbgdeep));
    border: var(--style-border);
    border-radius: 24px;
    box-shadow: var(--efu-shadow-glass-inset), var(--efu-shadow-border);
    backdrop-filter: saturate(180%) blur(20px);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    transform: translateZ(0);
  }
  #rightside .rs_show {
    display: flex;
    flex-direction: column;
    position: relative;
  }
  #rightside button {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    color: var(--efu-fontcolor);
    background: transparent;
    border: 0;
    border-radius: 20px;
    font-size: 16px;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    transition:
      color 0.2s,
      background 0.2s,
      transform 0.2s,
      box-shadow 0.2s;
  }
  #rightside button:hover,
  #rightside button:focus-visible {
    color: var(--efu-white);
    background: var(--efu-main);
    box-shadow: 0 4px 12px var(--efu-main-op);
  }
  #rightside button:active {
    transform: scale(0.88);
  }
  #rightside button:focus-visible {
    outline: 2px solid var(--efu-main);
    outline-offset: -2px;
  }
  #rightside button i,
  #rightside button span {
    position: relative;
    z-index: 1;
    pointer-events: none;
  }
  #rightside button i {
    font-size: 16px;
    transition: transform 0.25s;
  }
  #rightside button.pc {
    display: flex;
  }
  @media screen and (max-width: 1200px) {
    #rightside button.pc {
      display: none;
    }
  }
  #rightside button.mobile {
    display: none;
  }
  @media screen and (max-width: 1200px) {
    #rightside button.mobile {
      display: flex;
    }
  }
  #rightside button.barrage span {
    font-size: 12px;
    font-weight: 600;
  }
  #rightside button.translate {
    font-size: 14px;
    font-weight: 600;
  }
  #rightside button.config:hover i,
  #rightside button.config:focus-visible i {
    transform: rotate(90deg);
  }
  #rightside .rs_hide {
    display: flex;
    flex-direction: column-reverse;
    position: absolute;
    right: 0;
    bottom: calc(100% + 8px);
    opacity: 0;
    pointer-events: none;
    transform: translateX(58px) scale(0.96);
    transform-origin: right bottom;
    transition: opacity 0.25s, transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  }
  #rightside .rs_hide.show {
    opacity: 1;
    pointer-events: auto;
    transform: translateX(0) scale(1);
  }
  [data-theme=dark] #rightside .rs_show,
  [data-theme=dark] #rightside .rs_hide {
    border-color: var(--efu-none);
    box-shadow: var(--efu-shadow-glass-inset), 0 8px 20px -8px rgba(0, 0, 0, 0.55);
  }
  @media screen and (max-width: 768px) {
    #rightside {
      bottom: 15px;
    }
    #rightside .rs_show,
    #rightside .rs_hide {
      width: 44px;
    }
    #rightside button {
      flex-basis: 38px;
      width: 38px;
      height: 38px;
      border-radius: 19px;
      font-size: 14px;
    }
  }
  .pace {
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
    z-index: 2000;
    position: fixed;
    margin: auto;
    top: 4px;
    left: 0;
    right: 0;
    height: 8px;
    border-radius: 8px;
    width: 4rem;
    background: var(--efu-secondbg);
    border: var(--style-border);
    overflow: hidden;
  }
  .pace.pace-inactive {
    opacity: 0;
    transition: 0.3s;
    top: -8px;
  }
  .pace.pace-inactive .pace-progress {
    opacity: 0;
    transition: 0.3s ease-in;
  }
  .pace .pace-progress {
    box-sizing: border-box;
    transform: translate3d(0, 0, 0);
    max-width: 200px;
    z-index: 2000;
    display: block;
    position: absolute;
    top: 0;
    right: 100%;
    height: 100%;
    width: 100%;
    background: var(--efu-logo-color);
    animation: gradient 2s ease infinite;
    background-size: 200%;
  }
}

/* ns-hugo-imp:D:\桌面\hugoBlog\blog\themes\Solitude\assets\css\solitude\integrations\right-menu.css */
@layer solitude.integrations {
  #rightMenu {
    --right-menu-width: 9rem;
    --right-menu-shell-padding: 0 0.25rem;
    --right-menu-group-padding: 0.35rem 0.3rem;
    --right-menu-row-height: 2rem;
    --right-menu-row-gap: 0.25rem;
    --right-menu-row-padding: 0.25rem 0;
    --right-menu-icon-size: 1.5rem;
    --right-menu-icon-gap: 0.5rem;
    --right-menu-radius: var(--efu-radius-md);
    --right-menu-item-radius: var(--efu-radius-sm);
    --right-menu-accent: var(--solitude-theme-dark, #ffc848);
    --right-menu-surface: rgba(0, 0, 0, 0.85);
    --right-menu-foreground: #f7f7fa;
    --right-menu-border: #3d3d3f;
    --right-menu-divider: color-mix(in srgb, var(--right-menu-accent) 14%, transparent);
    position: fixed;
    top: 10%;
    left: 10%;
    z-index: 99994;
    display: none;
    box-sizing: border-box;
    width: max-content;
    min-width: var(--right-menu-width);
    max-width: calc(100vw - 24px);
    height: fit-content;
    padding: var(--right-menu-shell-padding);
    color: var(--right-menu-foreground);
    -webkit-user-select: none;
    user-select: none;
    background: var(--right-menu-surface);
    border: 1px solid var(--right-menu-border);
    border-radius: var(--right-menu-radius);
    box-shadow: 0 0 12px 4px rgba(0, 0, 0, 0.05);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    transform: translateZ(0);
    transition: border-color var(--efu-motion-fast), box-shadow var(--efu-motion-fast);
  }
  body[data-right-menu=false] #rightMenu,
  body[data-right-menu=false] #rightmenu-mask {
    display: none !important;
  }
  #rightMenu:hover {
    border-color: var(--right-menu-accent);
    box-shadow: 0 8px 12px -3px color-mix(in srgb, var(--right-menu-accent) 14%, transparent);
  }
  #rightMenu .rightMenu-group {
    padding: var(--right-menu-group-padding);
  }
  #rightMenu .rightMenu-group.rightMenu-small {
    display: flex;
    justify-content: space-between;
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
  }
  #rightMenu .rightMenu-group.rightMenu-small .rightMenu-item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    min-height: 30px;
    padding: 0;
    line-height: 30px;
    border-radius: var(--right-menu-item-radius);
  }
  #rightMenu .rightMenu-group.rightMenu-small .rightMenu-item i {
    flex-basis: auto;
    width: auto;
    margin: 0;
  }
  #rightMenu .rightMenu-group.rightMenu-line .rightMenu-item {
    display: flex;
  }
  #rightMenu .rightMenu-item {
    box-sizing: border-box;
    width: 100%;
    min-height: var(--right-menu-row-height);
    margin: var(--right-menu-row-gap) 0;
    padding: var(--right-menu-row-padding);
    align-items: center;
    color: inherit;
    font: inherit;
    font-size: 0.8rem;
    font-weight: 400;
    text-align: left;
    cursor: pointer;
    background: none;
    border: 0;
    border-radius: var(--right-menu-item-radius);
    transition:
      color var(--efu-motion-fast),
      background-color var(--efu-motion-fast),
      box-shadow var(--efu-motion-fast);
  }
  #rightMenu .rightMenu-item:hover,
  #rightMenu .rightMenu-item:focus-visible {
    color: #1d1e22;
    background-color: var(--right-menu-accent);
    box-shadow: none;
  }
  #rightMenu .rightMenu-item:focus-visible {
    outline: 0;
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--right-menu-accent) 44%, transparent), 0 0 0 2px color-mix(in srgb, var(--right-menu-accent) 18%, transparent);
  }
  #rightMenu .rightMenu-small .rightMenu-item:hover,
  #rightMenu .rightMenu-small .rightMenu-item:focus-visible {
    color: #1d1e22;
    background-color: var(--right-menu-accent);
    box-shadow: 0 8px 20px color-mix(in srgb, var(--right-menu-accent) 22%, transparent);
  }
  #rightMenu .rightMenu-item i {
    display: inline-block;
    flex: 0 0 var(--right-menu-icon-size);
    width: var(--right-menu-icon-size);
    margin: 0 var(--right-menu-icon-gap) 0 0;
    padding: 0;
    line-height: var(--right-menu-icon-size);
    text-align: center;
  }
  #rightMenu .rightMenu-item span {
    min-width: 0;
    max-width: 14rem;
    overflow: hidden;
    line-height: 1.5rem;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  #rightMenu .rightMenu-line {
    border-top: 1px dashed var(--right-menu-divider);
  }
  @media (prefers-reduced-motion: reduce) {
    #rightMenu,
    #rightMenu .rightMenu-item {
      transition: none;
    }
  }
  #rightmenu-mask {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99993;
    display: none;
    width: 100vw;
    height: 100vh;
    margin: 0 !important;
    background: transparent;
  }
}

/* ns-hugo-imp:D:\桌面\hugoBlog\blog\themes\Solitude\assets\css\solitude\integrations\overrides.css */
.card-info .bottom-group .social-icons .social-icon i {
  display: flex;
}

/* <stdin> */
/*# sourceMappingURL=solitude.css.map */