/* 自定义主题样式 - 支持亮色/暗色切换 */
/* 导航栏主题切换按钮 */
.theme-toggle-navbar {
  cursor: pointer;
  transition: all 0.3s ease;
}
.theme-toggle-navbar .theme-toggle-icon {
  font-size: 1.1rem;
  color: #ff9800 !important;
  transition: all 0.3s ease;
}
.theme-toggle-navbar:hover {
  background-color: rgba(255,152,0,0.1) !important;
}
.theme-toggle-navbar:hover .theme-toggle-icon {
  transform: rotate(20deg);
  color: #ffb74d !important;
}
/* 默认暗色主题 */
body,
html[data-theme="dark"] body {
  background-color: #1a1a1a !important;
  color: #e0e0e0 !important;
  transition: background-color 0.3s ease, color 0.3s ease;
}
/* 亮色主题 */
html[data-theme="light"] body {
  background-color: #f5f5f5 !important;
  color: #333 !important;
}
/* 页眉导航栏 */
.navbar {
  background-color: #2d2d2d !important;
  border-bottom: 1px solid #404040;
}
.navbar .navbar-menu .navbar-item {
  color: #b0b0b0 !important;
}
.navbar .navbar-menu .navbar-item:hover {
  color: #fff !important;
  background-color: #404040 !important;
}
/* Logo 文字样式 */
.navbar-brand .navbar-item {
  color: #fff !important;
  font-weight: bold;
}
.navbar-brand .navbar-item span {
  color: #ff9800 !important;
}
/* 主要内容区域 */
.section {
  background-color: #1a1a1a !important;
}
.card,
.card-content {
  background-color: #2d2d2d !important;
  border: 1px solid #404040;
  color: #e0e0e0 !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.3) !important;
}
/* 文章标题 */
.title,
.content h1,
.content h2,
.content h3 {
  color: #fff !important;
}
/* 文章内容 */
.content {
  color: #e0e0e0 !important;
/* 加粗文本在暗色模式下显示为白色，更醒目 */
}
.content p,
.content li,
.content span {
  color: #e0e0e0 !important;
}
.content strong,
.content b {
  color: #fff !important;
  font-weight: 600 !important;
}
.content a {
  color: #4fc3f7 !important;
}
.content a:hover {
  color: #29b6f6 !important;
}
/* 左侧边栏 - 时间归档样式 */
.menu-list a {
  color: #b0b0b0 !important;
  background-color: transparent !important;
  border-radius: 4px;
}
.menu-list a:hover {
  background-color: #404040 !important;
  color: #fff !important;
}
.menu-list a.is-active {
  background-color: #505050 !important;
  color: #fff !important;
}
/* 归档列表项 */
.menu-label {
  color: #909090 !important;
  font-size: 0.85em;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-top: 1.5em;
}
/* 侧边栏小部件 */
.column-left .card,
.column-right .card {
  background-color: #2d2d2d !important;
  margin-bottom: 1.5rem;
}
/* 右侧目录 (TOC) */
.toc .menu-list a {
  padding: 0.5em 0.75em;
  font-size: 0.9em;
  line-height: 1.5;
}
/* Profile 小部件 */
.profile {
  text-align: center;
}
.profile .image {
  margin: 0 auto 1rem;
}
.profile .title,
.profile .subtitle {
  color: #fff !important;
}
/* 标签云 */
.tags .tag {
  background-color: #404040 !important;
  color: #e0e0e0 !important;
}
.tags .tag:hover {
  background-color: #505050 !important;
}
/* 代码块 - 使用暗色主题 */
pre {
  background-color: #1e1e1e !important;
  color: #d4d4d4 !important;
  border: 1px solid #404040;
}
code {
  background-color: transparent !important;
  color: inherit !important;
  border: none !important;
  padding: 0 !important;
}
/* 移除代码高亮库添加的背景色 */
.highlight,
.highlight table,
.highlight tr,
.highlight td {
  background-color: transparent !important;
}
.highlight pre,
.highlight code {
  background-color: transparent !important;
}
.highlight .gutter,
.highlight .code {
  background-color: transparent !important;
}
/* 移除所有代码块内部元素的背景色 */
pre code,
pre code * {
  background-color: transparent !important;
}
.article .highlight {
  background-color: #1e1e1e !important;
}
.content pre {
  background-color: #1e1e1e !important;
}
/* 分隔线 */
hr {
  background-color: #404040 !important;
}
/* 页脚 */
.footer {
  background-color: #2d2d2d !important;
  color: #909090 !important;
  border-top: 1px solid #404040;
}
/* 搜索框 */
.input,
.textarea {
  background-color: #3d3d3d !important;
  border-color: #505050 !important;
  color: #e0e0e0 !important;
}
.input::placeholder,
.textarea::placeholder {
  color: #808080 !important;
}
.input:focus,
.textarea:focus {
  border-color: #ff9800 !important;
}
/* 按钮 */
.button {
  background-color: #404040 !important;
  color: #e0e0e0 !important;
  border: 1px solid #505050;
}
.button:hover {
  background-color: #505050 !important;
  border-color: #606060 !important;
}
/* 分页 */
.pagination .pagination-link,
.pagination .pagination-previous,
.pagination .pagination-next {
  background-color: #404040 !important;
  border-color: #505050 !important;
  color: #e0e0e0 !important;
}
.pagination .pagination-link:hover,
.pagination .pagination-previous:hover,
.pagination .pagination-next:hover {
  background-color: #505050 !important;
}
.pagination .pagination-link.is-current,
.pagination .pagination-previous.is-current,
.pagination .pagination-next.is-current {
  background-color: #ff9800 !important;
  border-color: #ff9800 !important;
}
/* 时间线样式（归档页面） */
.timeline .media {
  background-color: #2d2d2d !important;
  border: 1px solid #404040;
  border-radius: 4px;
  padding: 1rem;
  margin-bottom: 1rem;
}
.timeline .media:hover {
  background-color: #353535 !important;
}
/* 强调色 - 橙色高亮 */
.has-text-primary,
.is-primary {
  color: #ff9800 !important;
}
/* 链接悬停效果 */
a.article-title:hover {
  color: #ff9800 !important;
}
/* 面包屑导航 */
.breadcrumb a {
  color: #b0b0b0 !important;
}
.breadcrumb a:hover {
  color: #fff !important;
}
.breadcrumb li.is-active a {
  color: #ff9800 !important;
}
/* 侧边栏标题 */
.card-header {
  background-color: #353535 !important;
  border-bottom: 1px solid #404040;
}
.card-header .card-header-title {
  color: #fff !important;
}
/* 滚动条样式 */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: #2d2d2d;
}
::-webkit-scrollbar-thumb {
  background: #505050;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #606060;
}
/* Meta 信息 - 隐藏文章元信息 */
.article-meta {
  display: none !important;
}
.level-item {
  color: #909090 !important;
}
.level-item a {
  color: #b0b0b0 !important;
}
.level-item a:hover {
  color: #fff !important;
}
/* 表格样式 */
.table {
  background-color: #2d2d2d !important;
  color: #e0e0e0 !important;
}
.table thead {
  background-color: #353535 !important;
}
.table thead th {
  color: #fff !important;
  border-bottom: 2px solid #505050 !important;
}
.table tbody tr {
  border-bottom: 1px solid #404040;
}
.table tbody tr:hover {
  background-color: #353535 !important;
}
.table tbody td {
  border: none;
  color: #e0e0e0 !important;
}
/* 引用样式 */
blockquote {
  background-color: #353535 !important;
  border-left: 4px solid #ff9800 !important;
  color: #e0e0e0 !important;
}
/* 通知/提示框 */
.notification {
  background-color: #353535 !important;
  color: #e0e0e0 !important;
}
/* 选项卡 */
.tabs a {
  color: #b0b0b0 !important;
  border-bottom-color: #404040 !important;
}
.tabs a:hover {
  color: #fff !important;
  border-bottom-color: #606060 !important;
}
.tabs li.is-active a {
  color: #ff9800 !important;
  border-bottom-color: #ff9800 !important;
}
/* 亮色主题样式 */
html[data-theme="light"] .navbar {
  background-color: #fff !important;
  border-bottom: 1px solid #e0e0e0;
}
html[data-theme="light"] .navbar .navbar-menu .navbar-item {
  color: #666 !important;
}
html[data-theme="light"] .navbar .navbar-menu .navbar-item:hover {
  color: #000 !important;
  background-color: #f5f5f5 !important;
}
html[data-theme="light"] .navbar-brand .navbar-item {
  color: #000 !important;
}
html[data-theme="light"] .section {
  background-color: #f5f5f5 !important;
}
html[data-theme="light"] .card,
html[data-theme="light"] .card-content {
  background-color: #fff !important;
  border: 1px solid #e0e0e0;
  color: #333 !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
}
html[data-theme="light"] .title,
html[data-theme="light"] .content h1,
html[data-theme="light"] .content h2,
html[data-theme="light"] .content h3 {
  color: #000 !important;
}
html[data-theme="light"] .content {
  color: #333 !important;
/* 加粗文本在亮色模式下显示为深黑色 */
}
html[data-theme="light"] .content p,
html[data-theme="light"] .content li,
html[data-theme="light"] .content span {
  color: #333 !important;
}
html[data-theme="light"] .content strong,
html[data-theme="light"] .content b {
  color: #000 !important;
  font-weight: 600 !important;
}
html[data-theme="light"] .content a {
  color: #1976d2 !important;
}
html[data-theme="light"] .content a:hover {
  color: #125ba3 !important;
}
html[data-theme="light"] .menu-list a {
  color: #666 !important;
}
html[data-theme="light"] .menu-list a:hover {
  background-color: #f5f5f5 !important;
  color: #000 !important;
}
html[data-theme="light"] .menu-list a.is-active {
  background-color: #e0e0e0 !important;
  color: #000 !important;
}
html[data-theme="light"] .menu-label {
  color: #888 !important;
}
html[data-theme="light"] .column-left .card,
html[data-theme="light"] .column-right .card {
  background-color: #fff !important;
}
html[data-theme="light"] .tags .tag {
  background-color: #e0e0e0 !important;
  color: #333 !important;
}
html[data-theme="light"] .tags .tag:hover {
  background-color: #d0d0d0 !important;
}
html[data-theme="light"] pre {
  background-color: #e8e8e8 !important;
  color: #333 !important;
  border: 1px solid #d0d0d0;
}
html[data-theme="light"] code {
  background-color: transparent !important;
  color: inherit !important;
  border: none !important;
  padding: 0 !important;
}
html[data-theme="light"] .highlight,
html[data-theme="light"] .highlight table,
html[data-theme="light"] .highlight tr,
html[data-theme="light"] .highlight td {
  background-color: transparent !important;
}
html[data-theme="light"] .highlight pre,
html[data-theme="light"] .highlight code {
  background-color: transparent !important;
}
html[data-theme="light"] .highlight .gutter,
html[data-theme="light"] .highlight .code {
  background-color: transparent !important;
}
html[data-theme="light"] pre code,
html[data-theme="light"] pre code * {
  background-color: transparent !important;
}
html[data-theme="light"] .article .highlight {
  background-color: #e8e8e8 !important;
}
html[data-theme="light"] .content pre {
  background-color: #e8e8e8 !important;
}
html[data-theme="light"] hr {
  background-color: #e0e0e0 !important;
}
html[data-theme="light"] .footer {
  background-color: #fff !important;
  color: #666 !important;
  border-top: 1px solid #e0e0e0;
}
html[data-theme="light"] .input,
html[data-theme="light"] .textarea {
  background-color: #fff !important;
  border-color: #d0d0d0 !important;
  color: #333 !important;
}
html[data-theme="light"] .input::placeholder,
html[data-theme="light"] .textarea::placeholder {
  color: #999 !important;
}
html[data-theme="light"] .input:focus,
html[data-theme="light"] .textarea:focus {
  border-color: #ff9800 !important;
}
html[data-theme="light"] .button {
  background-color: #f5f5f5 !important;
  color: #333 !important;
  border: 1px solid #d0d0d0;
}
html[data-theme="light"] .button:hover {
  background-color: #e0e0e0 !important;
  border-color: #c0c0c0 !important;
}
html[data-theme="light"] .pagination .pagination-link,
html[data-theme="light"] .pagination .pagination-previous,
html[data-theme="light"] .pagination .pagination-next {
  background-color: #fff !important;
  border-color: #d0d0d0 !important;
  color: #333 !important;
}
html[data-theme="light"] .pagination .pagination-link:hover,
html[data-theme="light"] .pagination .pagination-previous:hover,
html[data-theme="light"] .pagination .pagination-next:hover {
  background-color: #f5f5f5 !important;
}
html[data-theme="light"] .pagination .pagination-link.is-current,
html[data-theme="light"] .pagination .pagination-previous.is-current,
html[data-theme="light"] .pagination .pagination-next.is-current {
  background-color: #ff9800 !important;
  border-color: #ff9800 !important;
  color: #fff !important;
}
html[data-theme="light"] .timeline .media {
  background-color: #fff !important;
  border: 1px solid #e0e0e0;
}
html[data-theme="light"] .timeline .media:hover {
  background-color: #f8f8f8 !important;
}
html[data-theme="light"] .breadcrumb a {
  color: #666 !important;
}
html[data-theme="light"] .breadcrumb a:hover {
  color: #000 !important;
}
html[data-theme="light"] .breadcrumb li.is-active a {
  color: #ff9800 !important;
}
html[data-theme="light"] .card-header {
  background-color: #f8f8f8 !important;
  border-bottom: 1px solid #e0e0e0;
}
html[data-theme="light"] .card-header .card-header-title {
  color: #000 !important;
}
html[data-theme="light"] ::-webkit-scrollbar-track {
  background: #f5f5f5;
}
html[data-theme="light"] ::-webkit-scrollbar-thumb {
  background: #c0c0c0;
}
html[data-theme="light"] ::-webkit-scrollbar-thumb:hover {
  background: #a0a0a0;
}
html[data-theme="light"] .article-meta,
html[data-theme="light"] .level-item {
  color: #888 !important;
}
html[data-theme="light"] .article-meta a,
html[data-theme="light"] .level-item a {
  color: #666 !important;
}
html[data-theme="light"] .article-meta a:hover,
html[data-theme="light"] .level-item a:hover {
  color: #000 !important;
}
html[data-theme="light"] .table {
  background-color: #fff !important;
  color: #333 !important;
}
html[data-theme="light"] .table thead {
  background-color: #f8f8f8 !important;
}
html[data-theme="light"] .table thead th {
  color: #000 !important;
  border-bottom: 2px solid #d0d0d0 !important;
}
html[data-theme="light"] .table tbody tr {
  border-bottom: 1px solid #e0e0e0;
}
html[data-theme="light"] .table tbody tr:hover {
  background-color: #f8f8f8 !important;
}
html[data-theme="light"] .table tbody td {
  color: #333 !important;
}
html[data-theme="light"] blockquote {
  background-color: #f8f8f8 !important;
  border-left: 4px solid #ff9800 !important;
  color: #333 !important;
}
html[data-theme="light"] .notification {
  background-color: #f8f8f8 !important;
  color: #333 !important;
}
html[data-theme="light"] .tabs a {
  color: #666 !important;
  border-bottom-color: #e0e0e0 !important;
}
html[data-theme="light"] .tabs a:hover {
  color: #000 !important;
  border-bottom-color: #c0c0c0 !important;
}
html[data-theme="light"] .tabs li.is-active a {
  color: #ff9800 !important;
  border-bottom-color: #ff9800 !important;
}
/* 归档列表优化 */
[data-type="archives"] .menu-list a {
  font-size: 0.9rem !important;
  padding: 0.4rem 0.75rem !important;
}
[data-type="archives"] .menu-list .level-start .level-item {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
[data-type="archives"] .menu-list .level-end {
  flex-shrink: 0;
}
/* 右侧文章目录优化 */
#toc {
  position: sticky;
  top: 1rem;
}
#toc .menu-list {
  max-height: calc(100vh - 200px);
  overflow-y: auto;
/* 嵌套目录缩进 */
}
#toc .menu-list a {
  font-size: 0.9em;
  padding: 0.4em 0.75em;
  line-height: 1.6;
  transition: all 0.2s ease;
}
#toc .menu-list a.is-active {
  background-color: #505050 !important;
  color: #fff !important;
  border-left: 3px solid #505050;
  padding-left: 0.65em;
}
#toc .menu-list .menu-list {
  padding-left: 1rem;
  font-size: 0.95em;
}
html[data-theme="light"] #toc .menu-list a.is-active {
  background-color: #d0d0d0 !important;
  color: #333 !important;
  border-left: 3px solid #d0d0d0;
}
/* 移动端适配 */
@media screen and (max-width: 768px) {
  .navbar-menu {
    background-color: #2d2d2d !important;
  }
  html[data-theme="light"] .navbar-menu {
    background-color: #fff !important;
  }
  .column-left,
  .column-right {
    margin-top: 1rem;
  }
  .theme-toggle-btn {
    width: 45px;
    height: 45px;
    font-size: 18px;
    bottom: 15px;
    right: 15px;
  }
  .archive-toggle {
    display: none;
  }
  #toc {
    position: static;
  }
  #toc .menu-list {
    max-height: 400px;
  }
}