/* Hide post footer hr separator */
.post-footer hr {
  display: block !important;
  order: 1;
}

/* Hide scrollbar but keep scroll functionality */
html, body {
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE/Edge */
}

html::-webkit-scrollbar, body::-webkit-scrollbar {
  display: none; /* Chrome/Safari/Webkit */
}

.flinks-list-footer hr {
  display: none;
}

/* Hide entire site footer */
.footer {
  display: none !important;
}

/* Hide sidebar toggle button */
.sidebar-toggle {
  display: none !important;
}

/* Hide multilingual translate button */
#goto-i18n-translate {
  display: none !important;
}

/* Move tool-buttons to the right side and align with sidebar toggle */
.tool-buttons {
  /* right: 20px !important; */
  /* left: auto !important; */
  bottom: 2rem !important;
}

/* Hide post navigation text (prev/next links) but keep the container */
.post-nav-item a {
  display: none !important;
}

/* Hide entire post-nav section */
.post-nav {
  display: none !important;
}

/* Reorder post footer: hr first, then tags */
.post-footer {
  display: flex !important;
  flex-direction: column !important;
}

.post-footer .post-tags {
  order: 2;
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

/* Align menu to the right */
.main-menu {
  display: flex !important;
  justify-content: flex-end !important;
}

/* Hide logo lines in site title */
.logo-line {
  display: none !important;
}

/* Hide end line tip completely */
.post-footer hr:after,
.flinks-list-footer hr:after {
  display: none !important;
}

.post-tags a:before {
  content: "#";  /* 改成其他图标 */
  margin-right: 2px;
  /* 或者隐藏它 */
  /* display: none; */
}

/* Pagination styles */
.pagination {
  border-top: none !important;
}

.pagination .prev,
.pagination .next,
.pagination .page-number {
  border: 1px solid #ddd !important;
  border-radius: 50% !important;
  width: 2em;
  height: 2em;
  line-height: 2em;
  padding: 0 !important;
  text-align: center;
}

.pagination .page-number.current {
  border-radius: 50% !important;
}

/* Reduce header height */
.header-inner {
  padding-top: 0.4em !important;
  padding-bottom: 0.4em !important;
}

.site-brand-container {
  padding: 0 !important;
}

.site-meta {
  padding: 0.3em 0 !important;
}

.site-title {
  font-size: 1.2em !important;
}

.site-subtitle {
  margin-top: 0.1em !important;
  font-size: 0.85em !important;
}

/* Image caption styles */
figure img {
  margin-bottom: 0 !important;
}

figcaption,
.image-caption {
  margin-top: 0.5em !important;
  font-weight: normal !important;
}

/* ABC music notation styles */
.abc-music .abcjs-title {
  font-size: 0.9em !important;
}

.abc-music .abcjs-subtitle,
.abc-music .abcjs-composer {
  font-size: 0.9em !important;
}

/* Inline code styles - follows VSCode Modern Light/Dark theme */
[data-theme="light"] p > code,
[data-theme="light"] li > code {
  background: #f3f3f3 !important;
  color: #1f1f1f !important;
}

p > code,
li > code {
  background: #2d2d2d !important;
  color: #d4d4d4 !important;
}

/* Code block language label - reduce size and weight, align left */
.highlight .code-header .code-lang {
  font-size: 0.8em !important;
  font-weight: normal !important;
  text-align: left !important;
  padding-left: 0.5em !important;
  font-family: 'consolas', 'monaco', 'courier new', monospace !important;
}

.highlight .code-header .code-lang::before {
  content: "> ";
}

/* Code block light mode - light gray background */
[data-theme="light"] .highlight {
  background: #f5f5f5 !important;
}

[data-theme="light"] .highlight .chroma {
  background: #f5f5f5 !important;
  color: #1f1f1f !important;
}

[data-theme="light"] .highlight .code-header {
  background: #e0e0e0 !important;
  color: #333 !important;
}

[data-theme="light"] .highlight .chroma .lntd:first-child {
  background: #e8e8e8 !important;
}

/* Light mode syntax highlighting - VS Code Light+ inspired */
[data-theme="light"] .highlight .chroma .ln,
[data-theme="light"] .highlight .chroma .lnt { color: #6e7681 !important; }
/* Keyword */ [data-theme="light"] .highlight .chroma .k { color: #0000ff !important; }
/* KeywordConstant */ [data-theme="light"] .highlight .chroma .kc { color: #0000ff !important; }
/* KeywordDeclaration */ [data-theme="light"] .highlight .chroma .kd { color: #0000ff !important; }
/* KeywordNamespace */ [data-theme="light"] .highlight .chroma .kn { color: #af00db !important; }
/* KeywordPseudo */ [data-theme="light"] .highlight .chroma .kp { color: #0000ff !important; }
/* KeywordReserved */ [data-theme="light"] .highlight .chroma .kr { color: #0000ff !important; }
/* KeywordType */ [data-theme="light"] .highlight .chroma .kt { color: #267f99 !important; }
/* NameAttribute */ [data-theme="light"] .highlight .chroma .na { color: #e50000 !important; }
/* NameClass */ [data-theme="light"] .highlight .chroma .nc { color: #267f99 !important; }
/* NameConstant */ [data-theme="light"] .highlight .chroma .no { color: #0070c1 !important; }
/* NameDecorator */ [data-theme="light"] .highlight .chroma .nd { color: #795e26 !important; }
/* NameException */ [data-theme="light"] .highlight .chroma .ne { color: #267f99 !important; }
/* NameFunction */ [data-theme="light"] .highlight .chroma .nf { color: #795e26 !important; }
/* NameOther */ [data-theme="light"] .highlight .chroma .nx { color: #795e26 !important; }
/* NameTag */ [data-theme="light"] .highlight .chroma .nt { color: #800000 !important; }
/* Literal */ [data-theme="light"] .highlight .chroma .l { color: #098658 !important; }
/* LiteralString */ [data-theme="light"] .highlight .chroma .s { color: #a31515 !important; }
/* LiteralStringAffix */ [data-theme="light"] .highlight .chroma .sa { color: #a31515 !important; }
/* LiteralStringBacktick */ [data-theme="light"] .highlight .chroma .sb { color: #a31515 !important; }
/* LiteralStringChar */ [data-theme="light"] .highlight .chroma .sc { color: #a31515 !important; }
/* LiteralStringDelimiter */ [data-theme="light"] .highlight .chroma .dl { color: #a31515 !important; }
/* LiteralStringDoc */ [data-theme="light"] .highlight .chroma .sd { color: #a31515 !important; }
/* LiteralStringDouble */ [data-theme="light"] .highlight .chroma .s2 { color: #a31515 !important; }
/* LiteralStringEscape */ [data-theme="light"] .highlight .chroma .se { color: #ee0000 !important; }
/* LiteralStringHeredoc */ [data-theme="light"] .highlight .chroma .sh { color: #a31515 !important; }
/* LiteralStringInterpol */ [data-theme="light"] .highlight .chroma .si { color: #a31515 !important; }
/* LiteralStringOther */ [data-theme="light"] .highlight .chroma .sx { color: #a31515 !important; }
/* LiteralStringRegex */ [data-theme="light"] .highlight .chroma .sr { color: #811f3f !important; }
/* LiteralStringSingle */ [data-theme="light"] .highlight .chroma .s1 { color: #a31515 !important; }
/* LiteralStringSymbol */ [data-theme="light"] .highlight .chroma .ss { color: #a31515 !important; }
/* LiteralNumber */ [data-theme="light"] .highlight .chroma .m { color: #098658 !important; }
/* LiteralNumberBin */ [data-theme="light"] .highlight .chroma .mb { color: #098658 !important; }
/* LiteralNumberFloat */ [data-theme="light"] .highlight .chroma .mf { color: #098658 !important; }
/* LiteralNumberHex */ [data-theme="light"] .highlight .chroma .mh { color: #098658 !important; }
/* LiteralNumberInteger */ [data-theme="light"] .highlight .chroma .mi { color: #098658 !important; }
/* LiteralNumberIntegerLong */ [data-theme="light"] .highlight .chroma .il { color: #098658 !important; }
/* LiteralNumberOct */ [data-theme="light"] .highlight .chroma .mo { color: #098658 !important; }
/* Operator */ [data-theme="light"] .highlight .chroma .o { color: #000000 !important; }
/* OperatorWord */ [data-theme="light"] .highlight .chroma .ow { color: #0000ff !important; }
/* Comment */ [data-theme="light"] .highlight .chroma .c { color: #008000 !important; }
/* CommentHashbang */ [data-theme="light"] .highlight .chroma .ch { color: #008000 !important; }
/* CommentMultiline */ [data-theme="light"] .highlight .chroma .cm { color: #008000 !important; }
/* CommentSingle */ [data-theme="light"] .highlight .chroma .c1 { color: #008000 !important; }
/* CommentSpecial */ [data-theme="light"] .highlight .chroma .cs { color: #008000 !important; }
/* CommentPreproc */ [data-theme="light"] .highlight .chroma .cp { color: #af00db !important; }
/* CommentPreprocFile */ [data-theme="light"] .highlight .chroma .cpf { color: #a31515 !important; }
/* Generic */ [data-theme="light"] .highlight .chroma .g { color: #1f1f1f !important; }
/* GenericDeleted */ [data-theme="light"] .highlight .chroma .gd { color: #a31515 !important; background-color: #ffeef0 !important; }
/* GenericInserted */ [data-theme="light"] .highlight .chroma .gi { color: #098658 !important; background-color: #e6ffec !important; }
/* Punctuation */ [data-theme="light"] .highlight .chroma .p { color: #1f1f1f !important; }

/* Disable code block expand animation */
.highlight .chroma.hidden-code {
    animation: none !important;
}

/* Header theme toggle button */
.menu-item-theme {
  cursor: pointer;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.menu-item-theme a {
  cursor: pointer;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 100%;
  padding: 0 10px !important;
}

/* Hide the original toggle-theme button in tool-buttons */
.tool-buttons #toggle-theme {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  pointer-events: none !important;
}

/* Tag cloud page styles */
.tag-cloud-tags {
  text-align: left;
}

.tag-cloud-tags a.tag-cloud-item {
  display: inline-block;
  margin: 0;
  padding: 0.3rem 0.6rem;
  font-size: 1rem !important;
  color: var(--text-color) !important;
  text-decoration: none !important;
  border-bottom: none !important;
}

.tag-cloud-tags a.tag-cloud-item:hover {
  text-decoration: underline !important;
}

/* Disable all hover icon animations */
.hvr-icon-pulse,
.hvr-icon {
  animation: none !important;
  transform: none !important;
  transition: none !important;
}

.hvr-icon-pulse:hover .hvr-icon,
.hvr-icon-pulse:focus .hvr-icon,
.hvr-icon-pulse:active .hvr-icon {
  animation: none !important;
  transform: none !important;
}