/*---------------------------------      根变量 & 全局样式     ---------------------------------*/

:root {
  /* 主题色 */
  --pfds-primary: #34495e;
  --pfds-primary-light: #916400;
  --pfds-primary-dark: #2c3e50;

  /* 背景色 */
  --pfds-bg: #ffffff;
  --pfds-bg-alt: #f8f8f8;
  --pfds-bg-sidebar: #f1f1f1;

  /* 文字颜色 */
  --pfds-text: #2c3e50;
  --pfds-text-light: #7f8c8d;
  --pfds-text-lighter: #95a5a6;

  /* 边框颜色 */
  --pfds-border: #e1e4e8;
  --pfds-divider: #d1d5da;

  /* 阴影 */
  --pfds-shadow: rgba(0, 0, 0, 0.1);
  --pfds-shadow-hover: rgba(0, 0, 0, 0.15);

  /* 其他 */
  --pfds-radius: 8px;
  --pfds-radius-small: 4px;
  --pfds-transition: all 0.2s ease;

  /* 布局 */
  --pfds-sidebar-width: 250px;
  --pfds-content-max-width: 960px;
  --pfds-header-height: 55px;
  --pfds-pre-declaration-height: 30px;

  /* 字体 */
  --x-font-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;

  /* 主题切换按钮 */
  --pfds-switch-height: 2em;
  --pfds-switch-width: 4.25em;
  --pfds-switch-transition: 0.3s;
  --pfds-switch-timing: cubic-bezier(0.65,0,0.35,1);

  /* 搜索模态框 */
  --pfds-modal-width: 600px;
  --pfds-modal-max-width: 90vw;
  --pfds-modal-max-height: 80vh;
}

/* 深色主题变量 */
body.dark-theme {
  /* 背景色 */
  --pfds-bg: #111111;
  --pfds-bg-alt: #111111;
  --pfds-bg-sidebar: #111111;

  /* 文字颜色 */
  --pfds-text: #e0e0e0;
  --pfds-text-light: #aaaaaa;
  --pfds-text-lighter: #888888;

  /* 边框颜色 */
  --pfds-border: #3d3d3d;
  --pfds-divider: #444444;

  /* 阴影 */
  --pfds-shadow: rgba(0, 0, 0, 0.3);
  --pfds-shadow-hover: rgba(0, 0, 0, 0.5);

  /* 主题色保持不变 */
  --pfds-primary: #34495e;
  --pfds-primary-light: #41b38a;
  --pfds-primary-dark: #2c3e50;
}

* {
  border: 0;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html,
body {
  height: 100%;
  width: 100%;
  overflow: hidden; /* 禁用全局滚动 */
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  background-color: var(--pfds-bg);
  color: var(--pfds-text);
  line-height: 1.6;
  display: flex;
  flex-direction: column;
}

/*---------------------------------      头部样式     ---------------------------------*/

.pfds-header {
  width: 100%;
  height: var(--pfds-header-height);
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  position: relative;
  z-index: 1000;
  padding: 0 24px;
}

/* 浅色主题下的头部 */
.pfds-header {
  background-color: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--pfds-border);
  box-shadow: 0 2px 4px var(--pfds-shadow);
}

/* 深色主题下的头部 */
body.dark-theme .pfds-header {
  background-color: rgba(17, 17, 17, 0.7);
  border-bottom: 1px solid var(--pfds-border);
  box-shadow: 0 2px 4px var(--pfds-shadow);
}

/*---------------------------------      头部左侧区域     ---------------------------------*/

.pfds-header-left {
  display: flex;
  align-items: center;
}

.pfds-header-logo {
  display: flex;
  align-items: center;
}

.pfds-logo {
  display: flex;
  align-items: center;
}

.pfds-logo a {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: var(--pfds-text);
  font-weight: 600;
  font-size: 18px;
  transition: color var(--pfds-transition);
}

.pfds-logo a:hover {
  color: var(--pfds-primary-light);
}

.pfds-logo img {
  height: 32px;
  width: 32px;
  margin-right: 10px;
}

.pfds-logo i[class^="icon-"] {
  font-size: 24px;
  margin-right: 10px;
  width: 24px;
  height: 24px;
}

/*---------------------------------      头部右侧区域     ---------------------------------*/

.pfds-header-right {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* 头部链接 */
.pfds-header-link {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  padding: 6px 12px;
  border-radius: 4px;
  transition: all var(--pfds-transition);
  color: var(--pfds-text-light);
  font-size: 14px;
}

/* 普通文本链接悬停效果 - 只改变颜色 */
.pfds-header-link:not(.pfds-header-link-with-icon):hover {
  background-color: transparent;
  color: var(--pfds-primary-light);
}

/* 图标链接悬停效果 - 直接变为绿色字体，无背景变化 */
.pfds-header-link-with-icon:hover {
  background-color: transparent;
  color: var(--pfds-primary-light);
}

.pfds-header-link i[class^="icon-"] {
  width: 20px;
  height: 20px;
  margin-right: 6px;
}

/* 头部下拉菜单 */
.pfds-header-dropdown {
  position: relative;
  display: inline-block;
  /* 增加触发区域 */
  padding: 15px 5px;
  margin: -15px -5px;
}

.pfds-header-dropdown-title {
  display: block;
  padding: 6px 12px;
  border-radius: 4px;
  cursor: pointer;
  color: var(--pfds-text-light);
  font-size: 14px;
  transition: all var(--pfds-transition); /* 修改为所有属性过渡 */
}

.pfds-header-dropdown:hover .pfds-header-dropdown-title {
  /* 移除背景色，只改变字体颜色 */
  color: var(--pfds-primary-light);
}

body.dark-theme .pfds-header-dropdown:hover .pfds-header-dropdown-title {
  /* 移除背景色，只改变字体颜色 */
  color: var(--pfds-primary-light);
}

.pfds-header-dropdown-content {
  display: none;
  position: absolute;
  right: 0;
  background-color: #ffffff; /* 使用纯色背景 */
  min-width: 120px; /* 统一宽度 */
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1); /* 使用纯色阴影 */
  border-radius: var(--pfds-radius-small);
  z-index: 1001; /* 提高z-index值确保不会被遮挡 */
  padding: 4px 0;
  border: 1px solid var(--pfds-border);
  top: 100%; /* 确保下拉菜单在标题下方 */
  /* 移除顶部边距 */
  margin-top: 0;
  /* 移除额外的触发区域padding */
  padding-top: 0;
  padding-bottom: 0;
}

.pfds-multilingual-dropdown {
  display: none;
  position: absolute;
  right: 0;
  background-color: #ffffff;
  min-width: 120px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
  border-radius: var(--pfds-radius-small);
  z-index: 1001;
  padding: 4px 0;
  border: 1px solid var(--pfds-border);
  top: 100%;
  /* 移除顶部边距 */
  margin-top: 0;
  /* 移除额外的触发区域padding */
  padding-top: 0;
  padding-bottom: 0;
}

.pfds-header-dropdown:hover .pfds-header-dropdown-content {
  display: block;
}

.pfds-header-dropdown-content a {
  color: var(--pfds-text);
  padding: 6px 16px;
  text-decoration: none;
  display: block;
  font-size: 14px;
  transition: all var(--pfds-transition); /* 修改为所有属性过渡 */
}

.pfds-header-dropdown-content a:hover {
  /* 移除背景色，只改变字体颜色 */
  color: var(--pfds-primary-light);
}

body.dark-theme .pfds-header-dropdown-content {
  background-color: #1a1a1a; /* 使用纯色背景 */
  border-color: var(--pfds-border);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3); /* 使用纯色阴影 */
}

body.dark-theme .pfds-header-dropdown-content a:hover {
  /* 移除背景色，只改变字体颜色 */
  color: var(--pfds-primary-light);
}

/* 多语言切换 */
.pfds-multilingual {
  position: relative;
  display: inline-block;
  /* 增加触发区域 */
  padding: 15px 5px;
  margin: -15px -5px;
}

.pfds-multilingual-toggle {
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 6px 12px;
  border-radius: 4px;
  transition: all var(--pfds-transition);
  color: var(--pfds-text-light);
  font-size: 14px;
}

.pfds-multilingual-toggle:hover {
  /* 移除背景色，只改变字体颜色 */
  color: var(--pfds-primary-light);
}

body.dark-theme .pfds-multilingual-toggle:hover {
  /* 移除背景色，只改变字体颜色 */
  color: var(--pfds-primary-light);
}

.pfds-multilingual-icon {
  margin-left: 4px;
  font-size: 12px;
  transition: transform var(--pfds-transition);
}

.pfds-multilingual-dropdown {
  display: none;
  position: absolute;
  right: 0;
  background-color: #ffffff;
  min-width: 120px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
  border-radius: var(--pfds-radius-small);
  z-index: 1001;
  padding: 4px 0;
  border: 1px solid var(--pfds-border);
  top: 100%;
  /* 减小顶部边距 */
  margin-top: 2px;
  /* 移除额外的触发区域padding */
  padding-top: 0;
  padding-bottom: 0;
}

.pfds-multilingual-dropdown a {
  color: var(--pfds-text);
  padding: 6px 16px;
  text-decoration: none;
  display: block;
  font-size: 14px;
  transition: all var(--pfds-transition);
}

.pfds-multilingual-dropdown a:hover {
  /* 移除背景色，只改变字体颜色 */
  color: var(--pfds-primary-light);
}

body.dark-theme .pfds-multilingual-dropdown {
  background-color: #1a1a1a;
  border-color: var(--pfds-border);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
}

body.dark-theme .pfds-multilingual-dropdown a:hover {
  /* 移除背景色，只改变字体颜色 */
  color: var(--pfds-primary-light);
}

/* 头部分割线 */
.pfds-header-divider {
  width: 1px;
  height: 24px;
  background-color: var(--pfds-divider);
}

/* 头部搜索区域 */
.pfds-header-search {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 6px 12px;
  border-radius: 4px;
  transition: background-color var(--pfds-transition);
}

.pfds-header-search:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

body.dark-theme .pfds-header-search:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

.pfds-header-search i[class^="icon-"] {
  font-size: 16px;
  margin-right: 6px;
  width: 16px;
  height: 16px;
}

.pfds-header-search-text {
  font-size: 14px;
  color: var(--pfds-text-light);
}

/*---------------------------------      手机端汉堡菜单样式     ---------------------------------*/

.pfds-hamburger {
  display: none;
  flex-direction: column;
  justify-content: space-between;
  width: 24px;
  height: 18px;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  z-index: 1001;
}

.pfds-hamburger span {
  width: 100%;
  height: 2px;
  background-color: var(--pfds-text);
  transition: all 0.3s ease-in-out;
  border-radius: 1px;
}

.pfds-hamburger.active span:nth-child(1) {
  transform: translateY(8px) rotate(45deg);
}

.pfds-hamburger.active span:nth-child(2) {
  opacity: 0;
}

.pfds-hamburger.active span:nth-child(3) {
  transform: translateY(-8px) rotate(-45deg);
}

/* 手机端遮罩层 */
.pfds-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999;
}

/*---------------------------------      响应式设计     ---------------------------------*/

/* 正常屏幕PC (≥1401px) */
@media (min-width: 1401px) {
  .pfds-header {
    padding: 0 12%;
  }

  .pfds-content-wrapper {
    padding: 0 12%;
  }
  
  /* 在桌面端隐藏移动端搜索区域 */
  .pfds-mobile-search {
    display: none;
  }
}

/* 小屏幕PC (980px - 1400px) */
@media (min-width: 980px) and (max-width: 1400px) {
  .pfds-header {
    padding: 0 0 0 24px;
  }

  .pfds-content-wrapper {
    padding: 0 0 0 24px;
  }
  
  /* 在桌面端隐藏移动端搜索区域 */
  .pfds-mobile-search {
    display: none;
  }
}

/* 手机和平板 (<980px) */
@media (max-width: 979px) {
  .pfds-header {
    padding: 0 16px;
  }
  
  /* 隐藏头部右侧区域中的搜索按钮和其他元素 */
  .pfds-header-right > * {
    display: none;
  }
  
  /* 只显示汉堡菜单按钮 */
  .pfds-hamburger {
    display: flex;
  }
  
  .pfds-layout {
    flex-direction: column;
  }

  .pfds-sidebar {
    width: 100%;
    padding: 20px 0;
    border-right: none;
    border-bottom: 1px solid var(--pfds-border);
  }

  .pfds-content {
    flex-direction: column;
  }

  .pfds-content-main {
    padding-bottom: 24px;
  }

  .pfds-content-nav {
    width: 100%;
    padding: 24px 0 0 0;
    border-left: none;
    border-top: 1px solid var(--pfds-border);
  }

  /* 在移动端隐藏侧边栏和内容导航 */
  .pfds-sidebar,
  .pfds-content-nav {
    display: none;
  }

  .pfds-sidebar.pfds-mobile-visible,
  .pfds-content-nav.pfds-mobile-visible {
    display: block;
  }
  
  /* 确保页面导航在移动端始终隐藏 */
  #pfds-contentNavList {
    display: none;
  }
  
  /* 移动端侧边栏显示样式 */
  .pfds-sidebar.show {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 80%;
    height: 100%;
    z-index: 1001;
    background-color: var(--pfds-bg-sidebar);
    box-shadow: 2px 0 8px rgba(0, 0, 0, 0.1);
    overflow-y: auto;
    padding: 20px 0;
  }
  
  /* 移动端遮罩层样式 */
  .pfds-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
  }
  
  /* 移动端侧边栏中的搜索区域 */
  .pfds-mobile-search {
    padding: 0 20px 15px 20px;
    border-bottom: 1px solid var(--pfds-border);
    margin-bottom: 15px;
  }
  
  .pfds-mobile-search .pfds-header-search {
    display: flex;
    width: 100%;
    padding: 10px 15px;
    background-color: rgba(0, 0, 0, 0.03);
    border-radius: 6px;
  }
  
  body.dark-theme .pfds-mobile-search .pfds-header-search {
    background-color: rgba(255, 255, 255, 0.05);
  }
  
  .pfds-mobile-search .pfds-header-search:hover {
    background-color: rgba(0, 0, 0, 0.05);
  }
  
  body.dark-theme .pfds-mobile-search .pfds-header-search:hover {
    background-color: rgba(255, 255, 255, 0.1);
  }
  
  .pfds-mobile-search .pfds-header-search i[class^="icon-"] {
    font-size: 18px;
    margin-right: 10px;
  }
  
  .pfds-mobile-search .pfds-header-search-text {
    font-size: 16px;
  }
}

/*---------------------------------      预声明区域样式     ---------------------------------*/

.pfds-pre-declaration {
  height: var(--pfds-pre-declaration-height);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  position: relative;
  flex-shrink: 0; /* 防止预声明区域被压缩 */
}

/* 浅色主题下的预声明区域 */
.pfds-pre-declaration {
  background: linear-gradient(135deg, rgba(108, 108, 108, 0.95), rgba(25, 25, 25, 0.15), rgba(108, 108, 108, 0.95));
  color: #333333;
}

/* 深色主题下的预声明区域 */
body.dark-theme .pfds-pre-declaration {
  background: linear-gradient(135deg,#111111, #2f2f2f, #111111, rgba(96, 96, 96, 0.84), #111111);
  color: #ffffff;

}

/* 预声明区域关闭按钮 */
.pfds-pre-declaration-close {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  background: transparent;
  border: none;
  font-size: 20px;
  cursor: pointer;
  color: #666666;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: background-color 0.2s ease;
}

.pfds-pre-declaration-close:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

body.dark-theme .pfds-pre-declaration-close {
  color: #999999;
}

body.dark-theme .pfds-pre-declaration-close:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

/*---------------------------------      多语言选择样式     ---------------------------------*/

.pfds-multilingual {
  position: relative;
  display: inline-block;
}

.pfds-multilingual-toggle {
  display: flex;
  align-items: center;
  padding: 6px 12px;
  border-radius: 4px;
  cursor: pointer;
  color: var(--pfds-text-light);
  font-size: 14px;
  transition: all var(--pfds-transition); /* 修改为所有属性过渡 */
}

.pfds-multilingual-toggle:hover {
  background-color: rgba(0, 0, 0, 0.05); /* 添加悬停背景色 */
  color: var(--pfds-primary-light);
}

body.dark-theme .pfds-multilingual-toggle:hover {
  background-color: rgba(255, 255, 255, 0.1); /* 深色主题下的悬停背景色 */
}

.pfds-multilingual-icon {
  margin-left: 4px;
  font-size: 12px;
  transition: transform var(--pfds-transition);
}

.pfds-multilingual:hover .pfds-multilingual-icon {
  transform: rotate(180deg);
}

.pfds-multilingual-dropdown {
  display: none;
  position: absolute;
  right: 0;
  background-color: #ffffff; /* 使用纯色背景 */
  min-width: 110px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1); /* 使用纯色阴影 */
  border-radius: var(--pfds-radius-small);
  z-index: 1000; /* 提高z-index值确保不会被遮挡 */
  padding: 4px 0;
  border: 1px solid var(--pfds-border);
  top: 100%; /* 确保下拉菜单在标题下方 */
}

.pfds-multilingual:hover .pfds-multilingual-dropdown {
  display: block;
}

.pfds-multilingual-option {
  color: var(--pfds-text);
  padding: 6px 16px;
  text-decoration: none;
  display: block;
  font-size: 14px;
  transition: all var(--pfds-transition); /* 修改为所有属性过渡 */
}

.pfds-multilingual-option:hover {
  color: var(--pfds-primary-light);
}

body.dark-theme .pfds-multilingual-dropdown {
  background-color: #1a1a1a; /* 使用纯色背景 */
  border-color: var(--pfds-border);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3); /* 使用纯色阴影 */
}

body.dark-theme .pfds-multilingual-option:hover {
  color: var(--pfds-primary-light);
}

/*---------------------------------      主题切换按钮样式     ---------------------------------*/

.pfds-theme-toggle {
  display: flex;
  align-items: center;
}

.pfds-theme-toggle__label {
  overflow: hidden;
  margin-inline-end: 0.75em;
  position: absolute;
  width: 1px;
  height: 1px;
}

.pfds-theme-toggle__button {
  -webkit-tap-highlight-color: transparent;
  background-color: transparent;
  border-radius: 1em; /* 改为半圆形 */
  box-shadow: 0 0 0 0.125em hsla(223, 90%, 50%, 0);
  cursor: pointer;
  outline: transparent;
  width: var(--pfds-switch-width);
  height: var(--pfds-switch-height);
  -webkit-appearance: none;
  appearance: none;
  z-index: 1;
  transition: box-shadow calc(var(--pfds-switch-transition) / 2);
}

.pfds-theme-toggle__button:focus-visible {
  box-shadow: 0 0 0 0.125em hsla(223, 90%, 50%, 1);
}

.pfds-theme-toggle__button,
.pfds-theme-toggle__button-wrap {
  display: block;
  position: relative;
}

.pfds-theme-toggle__button-wrap {
  box-shadow: 0 0.0625em 0.0625em hsl(223, 10%, 65%) inset,
              0 -0.0625em 0.0625em hsl(223, 10%, 87.5%) inset,
              0 0.25em 0.25em hsl(223, 10%, 70%) inset;
  border-radius: 1em; /* 改为半圆形 */
  width: var(--pfds-switch-width);
  height: var(--pfds-switch-height);
  transition: box-shadow var(--pfds-switch-transition);
}

.pfds-theme-toggle__inner,
.pfds-theme-toggle__options,
.pfds-theme-toggle__options:before,
.pfds-theme-toggle__options:after,
.pfds-theme-toggle__shadow {
  position: absolute;
}

.pfds-theme-toggle__inner,
.pfds-theme-toggle__options {
  background-color: hsl(223, 10%, 90%);
}

.pfds-theme-toggle__inner {
  box-shadow: 0 -0.125em 0.25em hsl(223, 10%, 80%) inset;
  border-radius: 0.875em; /* 调整为半圆形 */
  display: block;
  perspective: 20em;
  inset: 0.25em;
  transition: background-color var(--pfds-switch-transition),
              box-shadow var(--pfds-switch-transition);
}

.pfds-theme-toggle__options {
  border-radius: inherit;
  box-shadow: 0 0 1px white inset;
  display: flex;
  justify-content: space-around;
  font-size: 0.75em;
  line-height: 2;
  width: 100%;
  height: 100%;
  transform: translateX(-0.125rem) rotateY(-15deg);
  transition: background-color var(--pfds-switch-transition),
              box-shadow var(--pfds-switch-transition),
              transform var(--pfds-switch-transition) var(--pfds-switch-timing);
}

.pfds-theme-toggle__options:before,
.pfds-theme-toggle__options:after {
  content: "";
  display: block;
  top: 0;
  width: 45%;
  height: 100%;
  transition: opacity var(--pfds-switch-transition) var(--pfds-switch-timing);
}

.pfds-theme-toggle__options:before {
  border-radius: 0.875em 0 0 0.875em; /* 调整为半圆形 */
  box-shadow: 0 1px 0.0625rem hsla(223, 10%, 10%, 0.7) inset,
              0.125rem 0.25rem 0.25rem hsla(223, 10%, 10%, 0.3) inset;
  mask-image: linear-gradient(-90deg, hsla(223, 10%, 90%, 0), hsl(223, 10%, 90%));
  left: 0;
}

.pfds-theme-toggle__options:after {
  border-radius: 0 0.875em 0.875em 0; /* 调整为半圆形 */
  box-shadow: 0 1px 0.0625rem hsla(223, 10%, 10%, 0.7) inset,
              -0.125rem 0.25rem 0.25rem hsla(223, 10%, 10%, 0.3) inset;
  mask-image: linear-gradient(90deg, hsla(223, 10%, 90%, 0), hsl(223, 10%, 90%));
  right: 0;
  opacity: 0;
}

.pfds-theme-toggle__option-label {
  color: var(--pfds-text);
  font-weight: 500;
  text-align: center;
  width: 100%;
  text-shadow: 0 -1px 0 hsl(223, 10%, 40%), 0 1px 0 white;
  transition: color var(--pfds-switch-transition),
              text-shadow var(--pfds-switch-transition);
}

.pfds-theme-toggle__option-label:last-child {
  color: hsl(223, 10%, 60%);
}

.pfds-theme-toggle__option-sep {
  background-color: hsl(223, 10%, 75%);
  box-shadow: 1px 0 0 white;
  width: 1px;
  min-width: 1px;
  margin: auto 0;
  height: 0.75rem;
  transition: background-color var(--pfds-switch-transition),
              box-shadow var(--pfds-switch-transition);
}

.pfds-theme-toggle__shadow {
  border-radius: 0.375em 1em 0.375em 0.375em/0.375em 0.875em 0.125em 0.375em; /* 调整为半圆形 */
  box-shadow: 0 0 0 0.125em hsla(223, 10%, 10%, 0.7);
  display: block;
  top: 0.375em;
  left: 0.375em;
  width: 1.5em;
  height: 1em;
  transform: rotate(0);
  transform-origin: 1em 0.375em;
  transition: box-shadow var(--pfds-switch-transition) var(--pfds-switch-timing),
              transform var(--pfds-switch-transition) var(--pfds-switch-timing);
  z-index: -1;
}

.pfds-theme-toggle__shadow + .pfds-theme-toggle__shadow {
  border-radius: 1em 0.375em 0.375em 0.375em/0.875em 0.375em 0.375em 0.125em; /* 调整为半圆形 */
  box-shadow: 0 0 0.25em 0.125em hsla(223, 10%, 10%, 0.7);
  right: 0.375em;
  left: auto;
  transform: rotate(7.5deg);
  transform-origin: 0.5em 0.375em;
}

/* 浅色主题状态 */
.pfds-theme-toggle__button[aria-labelledby="light"] .pfds-theme-toggle__options {
  transform: translateX(0.125rem) rotateY(15deg);
}

.pfds-theme-toggle__button[aria-labelledby="light"] .pfds-theme-toggle__options:before {
  opacity: 0;
}

.pfds-theme-toggle__button[aria-labelledby="light"] .pfds-theme-toggle__options:after {
  opacity: 1;
}

.pfds-theme-toggle__button[aria-labelledby="light"] .pfds-theme-toggle__option-label:first-child {
  color: hsl(223, 10%, 60%);
}

.pfds-theme-toggle__button[aria-labelledby="light"] .pfds-theme-toggle__option-label:last-child {
  color: var(--pfds-text);
}

.pfds-theme-toggle__button[aria-labelledby="light"] .pfds-theme-toggle__shadow {
  box-shadow: 0 0 0.25em 0.125em hsla(223, 10%, 10%, 0.7);
  transform: rotate(-7.5deg);
}

.pfds-theme-toggle__button[aria-labelledby="light"] .pfds-theme-toggle__shadow + .pfds-theme-toggle__shadow {
  box-shadow: 0 0 0 0.125em hsla(223, 10%, 10%, 0.7);
  transform: rotate(0);
}

/* 深色主题状态 */
.pfds-theme-toggle__button[aria-labelledby="dark"] .pfds-theme-toggle__options {
  transform: translateX(-0.125rem) rotateY(-15deg);
}

.pfds-theme-toggle__button[aria-labelledby="dark"] .pfds-theme-toggle__options:before {
  opacity: 1;
}

.pfds-theme-toggle__button[aria-labelledby="dark"] .pfds-theme-toggle__options:after {
  opacity: 0;
}

.pfds-theme-toggle__button[aria-labelledby="dark"] .pfds-theme-toggle__option-label:first-child {
  color: var(--pfds-text);
}

.pfds-theme-toggle__button[aria-labelledby="dark"] .pfds-theme-toggle__option-label:last-child {
  color: hsl(223, 10%, 60%);
}

.pfds-theme-toggle__button[aria-labelledby="dark"] .pfds-theme-toggle__shadow {
  box-shadow: 0 0 0 0.125em hsla(223, 10%, 10%, 0.7);
  transform: rotate(0);
}

.pfds-theme-toggle__button[aria-labelledby="dark"] .pfds-theme-toggle__shadow + .pfds-theme-toggle__shadow {
  box-shadow: 0 0 0.25em 0.125em hsla(223, 10%, 10%, 0.7);
  transform: rotate(7.5deg);
}

/* 深色主题下的主题切换按钮 */
body.dark-theme .pfds-theme-toggle__button {
  box-shadow: 0 0 0 0.125em hsla(223, 90%, 70%, 0);
}

body.dark-theme .pfds-theme-toggle__button:focus-visible {
  box-shadow: 0 0 0 0.125em hsla(223, 90%, 70%, 1);
}

body.dark-theme .pfds-theme-toggle__button-wrap {
  box-shadow: 0 0.0625em 0.0625em hsl(223, 10%, 5%) inset,
              0 -0.0625em 0.0625em hsl(223, 10%, 27.5%) inset,
              0 0.25em 0.25em hsl(223, 10%, 20%) inset;
}

body.dark-theme .pfds-theme-toggle__inner,
body.dark-theme .pfds-theme-toggle__options {
  background-color: hsl(223, 10%, 30%);
}

body.dark-theme .pfds-theme-toggle__inner {
  box-shadow: 0 -0.125em 0.25em hsl(223, 10%, 20%) inset;
}

body.dark-theme .pfds-theme-toggle__options {
  box-shadow: 0 0 1px hsl(223, 10%, 50%) inset;
}

body.dark-theme .pfds-theme-toggle__option-label {
  text-shadow: 0 -1px 0 hsl(223, 10%, 10%), 0 1px 0 hsl(223, 10%, 50%);
}

body.dark-theme .pfds-theme-toggle__option-label:first-child {
  color: var(--pfds-text);
}

body.dark-theme .pfds-theme-toggle__option-label:last-child {
  color: hsl(223, 10%, 20%);
}

body.dark-theme .pfds-theme-toggle__option-sep {
  background-color: hsl(223, 10%, 20%);
  box-shadow: 1px 0 0 hsl(223, 10%, 50%);
}

body.dark-theme .pfds-theme-toggle__button[aria-labelledby="light"] .pfds-theme-toggle__option-label:first-child {
  color: hsl(223, 10%, 20%);
}

body.dark-theme .pfds-theme-toggle__shadow,
body.dark-theme .pfds-theme-toggle__button[aria-labelledby="dark"] .pfds-theme-toggle__shadow + .pfds-theme-toggle__shadow {
  box-shadow: 0 0 0 0.125em hsla(223, 10%, 10%, 0.9);
}

body.dark-theme .pfds-theme-toggle__shadow + .pfds-theme-toggle__shadow,
body.dark-theme .pfds-theme-toggle__button[aria-labelledby="light"] .pfds-theme-toggle__shadow {
  box-shadow: 0 0 0.25em 0.125em hsla(223, 10%, 10%, 0.9);
}

/*---------------------------------      搜索模态框样式     ---------------------------------*/

.pfds-modal-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000;
  justify-content: center;
  align-items: center;
}

.pfds-modal {
  background-color: var(--pfds-bg);
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
  width: var(--pfds-modal-width);
  max-width: var(--pfds-modal-max-width);
  max-height: var(--pfds-modal-max-height);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.pfds-modal-header {
  display: none; /* 隐藏标题和关闭按钮 */
}

.pfds-modal-content {
  padding: 0;
  flex: 1;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  /* 隐藏滚动条但保持滚动功能 - Webkit浏览器 */
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}

/* 隐藏滚动条 - Webkit 浏览器 */
.pfds-modal-content::-webkit-scrollbar {
  width: 6px;
}

.pfds-modal-content::-webkit-scrollbar-track {
  background: transparent;
}

.pfds-modal-content::-webkit-scrollbar-thumb {
  background-color: transparent;
  border-radius: 3px;
  transition: background-color 0.3s ease;
}

.pfds-modal-content:hover::-webkit-scrollbar-thumb {
  background-color: var(--pfds-text-light);
}

/* 搜索头部 - 大搜索框 */
.pfds-search-header {
  padding: 24px;
  border-bottom: 1px solid var(--pfds-border);
}

.pfds-search-input-large {
  width: 100%;
  padding: 14px 16px;
  border: 1px solid var(--pfds-border);
  border-radius: 8px;
  font-size: 16px;
  outline: none;
  transition: all 0.3s ease;
  background-color: var(--pfds-bg);
  color: var(--pfds-text);
  box-sizing: border-box;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.pfds-search-input-large:focus {
  border-color: var(--pfds-primary-light);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* 搜索主体 - 搜索结果 */
.pfds-search-body {
  flex: 1;
  overflow-y: auto;
  padding: 0 24px 24px 24px;
  /* 隐藏滚动条但保持滚动功能 - Firefox */
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}

/* 隐藏滚动条 - Firefox */
.pfds-search-body::-webkit-scrollbar {
  width: 6px;
}

.pfds-search-body::-webkit-scrollbar-track {
  background: transparent;
}

.pfds-search-body::-webkit-scrollbar-thumb {
  background-color: transparent;
  border-radius: 3px;
  transition: background-color 0.3s ease;
}

.pfds-search-body:hover::-webkit-scrollbar-thumb {
  background-color: var(--pfds-text-light);
}

.pfds-search-results {
  margin-top: 16px;
}

/* 搜索结果分组标题 */
.pfds-search-section {
  padding: 12px 0 8px 0;
  font-weight: 600;
  font-size: 13px;
  color: var(--pfds-primary-light);
  border-top: 1px solid var(--pfds-border);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.pfds-search-section:first-child {
  border-top: none;
  padding-top: 0;
}

/* 搜索结果项 */
.pfds-search-item {
  background-color: var(--pfds-bg-alt);
  padding: 1rem 1.2rem 1rem 2rem;
  margin-bottom: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  border-left: 3px solid transparent;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.pfds-search-item:last-child {
  margin-bottom: 0;
}

.pfds-search-item:hover {
  background-color: rgba(68, 177, 142, 0.05);
  border-left-color: var(--pfds-primary-light);
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
}

.pfds-search-item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(68, 177, 142, 0.05) 0%, transparent 10%);
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 0;
  pointer-events: none;
}

.pfds-search-item:hover::before {
  opacity: 1;
}

.pfds-search-item:hover::after {
  content: '▶';
  position: absolute;
  left: 0.8rem;
  top: 50%;
  transform: translateY(-50%);
  color: var(--pfds-primary-light);
  font-size: 0.8rem;
  z-index: 1;
}

.pfds-search-path {
  font-size: 1rem;
  color: var(--pfds-text);
  margin: 0;
  position: relative;
  z-index: 1;
  font-weight: 500;
  padding-left: 1.2rem;
}

.pfds-search-path::before {
  content: '•';
  position: absolute;
  left: 0;
  top: 0;
  color: var(--pfds-primary-light);
  font-size: 1.4rem;
  line-height: 1.2rem;
}

.pfds-search-content {
  font-size: 0.85rem;
  color: var(--pfds-text-light);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  z-index: 1;
  padding-left: 1.2rem;
  margin: 0.4rem 0 0;
  line-height: 1.5;
}

.pfds-search-empty {
  padding: 40px 0;
  text-align: center;
  color: var(--pfds-text-light);
  font-size: 1rem;
}

/* 搜索展开按钮 */
.pfds-search-toggle {
  color: var(--pfds-primary-light);
  cursor: pointer;
  font-size: 13px;
  text-align: right;
  padding: 8px 0;
  margin-top: 8px;
  font-weight: 500;
  border-top: 1px dashed var(--pfds-border);
}

.pfds-search-toggle:hover {
  text-decoration: underline;
}

/* 高亮匹配文本 */
.pfds-search-item em {
  background: rgba(68, 177, 142, 0.3);
  font-style: normal;
  padding: 0 3px;
  border-radius: 3px;
  color: inherit;
  font-weight: 500;
}

body.dark-theme .pfds-search-item em {
  background: rgba(68, 177, 142, 0.5);
  color: inherit;
}

/* 高亮匹配元素 */
.pfds-highlight {
  background: rgba(68, 177, 142, 0.5) !important;
  transition: background 0.3s;
}

body.dark-theme .pfds-highlight {
  background: rgba(68, 177, 142, 0.7) !important;
  color: #fff;
}

/* 搜索尾部 */
.pfds-search-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
  border-top: 1px solid var(--pfds-border);
  font-size: 12px;
  color: var(--pfds-text-light);
  background-color: var(--pfds-bg-alt);
}

/* 搜索范围选择器 */
.pfds-search-scope-container {
  flex: 1;
  max-width: 200px;
}

.pfds-search-scope-select {
  padding: 8px 14px;
  border: 1px solid var(--pfds-border);
  border-radius: 20px; /* 半圆线框矩形 */
  background-color: var(--pfds-bg);
  color: var(--pfds-text);
  font-size: 13px;
  outline: none;
  transition: all 0.3s ease;
  width: 100%;
  box-sizing: border-box;
  cursor: pointer;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.pfds-search-scope-select:focus {
  border-color: var(--pfds-primary-light);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}

.pfds-search-scope-select:hover {
  border-color: var(--pfds-primary-light);
}

/* 搜索信息 */
.pfds-search-info {
  margin-left: 16px;
  white-space: nowrap;
  font-weight: 500;
}

/* 深色主题下的模态框 */
body.dark-theme .pfds-modal {
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
  background-color: #1a1a1a;
}

body.dark-theme .pfds-modal-header {
  border-bottom: 1px solid var(--pfds-border);
}

body.dark-theme .pfds-search-input-large {
  background-color: #1a1a1a;
  color: var(--pfds-text);
  border-color: var(--pfds-border);
}

body.dark-theme .pfds-search-input-large:focus {
  border-color: var(--pfds-primary-light);
}

body.dark-theme .pfds-search-scope-select {
  background-color: #1a1a1a;
  color: var(--pfds-text);
  border-color: var(--pfds-border);
}

body.dark-theme .pfds-search-scope-select:focus {
  border-color: var(--pfds-primary-light);
}

body.dark-theme .pfds-modal-close:hover {
  color: var(--pfds-text);
}

body.dark-theme .pfds-search-item {
  background-color: #2a2a2a;
}

body.dark-theme .pfds-search-item:hover {
  background-color: rgba(68, 177, 142, 0.1);
}

body.dark-theme .pfds-search-footer {
  background-color: #2a2a2a;
}

/*---------------------------------      布局样式     ---------------------------------*/

/* 主容器 */
.pfds-main-container {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

/* 内容包装器 */
.pfds-content-wrapper {
  flex: 1;
  display: flex;
  min-height: 0;
}

/* 主布局容器 */
.pfds-layout {
  display: flex;
  flex: 1;
  min-height: 0;
}

/* 侧边栏 */
.pfds-sidebar {
  width: var(--pfds-sidebar-width);
  background-color: var(--pfds-bg-sidebar);
  overflow-y: hidden; /* 防止侧边栏本身出现滚动条 */
  flex-shrink: 0;
  border-right: none; /* 移除侧边栏右侧分割线 */
  display: flex;
  flex-direction: column;
}

/* 侧边栏内容区 - 上方95% */
.pfds-sidebar-content {
  flex: 0 0 95%;
  padding: 20px 0;
  /* Firefox 滚动条样式 */
  scrollbar-width: thin;
  scrollbar-color: var(--pfds-text-light) rgba(0, 0, 0, 0.1);
  /* 强制显示滚动条 */
  overflow-y: scroll;
}

/* 侧边栏底部区域 - 下方5% */
.pfds-sidebar-footer {
  flex: 0 0 5%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: var(--pfds-text-lighter);
  padding: 8px 0;
}

/* 美化"本文档由PFDS驱动"部分 */
.pfds-sidebar-footer::before {
  content: "本文档由PFDS驱动";
  display: inline-block;
  padding: 4px 12px;
  border: 1px solid var(--pfds-border);
  border-radius: 16px;
  background-color: var(--pfds-bg);
}

/* 主内容区 */
.pfds-main {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

/* 内容区域 */
.pfds-content {
  flex: 1;
  display: flex;
  overflow: hidden;
}

/* 主内容 */
.pfds-content-main {
  flex: 1;
  overflow-y: auto;
  padding: 24px; /* 为中心内容区增加内边距确保美观 */
  font-weight: 400; /* 稍微增加字体粗细 */
}

/* 内容导航 */
.pfds-content-nav {
  width: 220px;
  padding: 16px 0 16px 16px;
  overflow-y: auto;
  border-left: none; /* 移除全页面分割线 */
}

/* 内容导航标题 */
.pfds-content-nav::before {
  content: "本页目录";
  color: var(--pfds-primary-light);
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 12px;
}

.pfds-content-nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.pfds-content-nav > ul {
  padding: 0;
}

.pfds-content-nav ul ul {
  padding-left: 20px; /* 维持子列表的缩进 */
}

.pfds-content-nav li {
  margin: 0;
  border-left: none; /* 确保所有li元素都没有左边框 */
}

.pfds-content-nav > ul > li {
  border-left: none; /* 一级标题不显示左边框 */
}

.pfds-content-nav a {
  display: block;
  padding: 4px 8px;
  color: var(--pfds-text-light);
  text-decoration: none;
  font-size: 0.85rem;
  transition: all 0.2s ease;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 新增样式以确保二级及以下标题线条与一级标题左对齐 */
.pfds-content-nav ul ul a {
  padding-left: 8px; /* 保持与一级标题相同的左边距 */
  border-left: 1px solid var(--pfds-border); /* 统一线条厚度 */
}

.pfds-content-nav a:hover {
  color: var(--pfds-primary-light);
  background-color: transparent;
}

/* 添加激活状态样式 */
.pfds-content-nav a.active {
  color: var(--pfds-primary-light);
  font-weight: 600;
  border-left: 2px solid var(--pfds-primary-light);
  padding-left: 6px;
}

.pfds-content-nav ul ul a.active {
  padding-left: 6px;
}

body.dark-theme .pfds-content-nav a:hover {
  color: var(--pfds-primary-light);
  background-color: transparent;
}

.pfds-content-nav .tree-symbol {
  display: none; /* 隐藏树状符号 */
}

.pfds-content-nav-empty {
    padding: 12px;
    color: var(--pfds-text-lighter);
    font-size: 0.85rem;
    text-align: center;
}

/* 编译时间样式 */
.pfds-compile-time {
    margin-top: 24px;
    padding: 12px;
    font-size: 0.8rem;
    color: var(--pfds-text-lighter);
    text-align: center;
    border-top: 1px solid var(--pfds-border);
}

/* 页面底部导航样式 */
.page-divider {
    margin: 40px 0 10px 0;
    border: 0;
    height: 1px;
    background: var(--pfds-border);
}

.page-navigation {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 20px 0;
}

.nav-link {
    display: flex;
    align-items: center;
    padding: 8px 0;
    color: var(--pfds-text);
    text-decoration: none;
    font-size: 0.9rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.nav-link:hover:not(.disabled) {
    color: var(--pfds-primary-light);
}

.nav-link.disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.nav-link.prev-link {
    margin-right: auto;
}

.nav-link.next-link {
    margin-left: auto;
}

.nav-text {
    margin: 0 5px;
}

.update-time {
    text-align: right;
    font-size: 0.8rem;
    color: var(--pfds-text-lighter);
    margin-top: 5px;
}

/* 为页面内容添加底部内边距，防止内容被遮挡 */
.page-content {
    padding-bottom: 280px;
}

/*---------------------------------      返回顶部按钮样式     ---------------------------------*/

.pfds-back-to-top {
  position: sticky;
  bottom: 20px;
  right: 20px;
  float: right;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background-color: var(--pfds-bg);
  color: var(--pfds-text);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  box-shadow: 0 2px 10px var(--pfds-shadow);
  z-index: 100;
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.3s ease;
  border: none;
  outline: none;
  margin-top: calc(100vh - 90px);
  filter: drop-shadow(0 0 4px rgba(65, 179, 138, 0.5));
}

.pfds-back-to-top.visible {
  opacity: 1;
  transform: translateY(0);
}

.pfds-back-to-top:hover {
  transform: translateY(-3px);
  box-shadow: 0 4px 15px var(--pfds-shadow-hover);
  filter: drop-shadow(0 0 8px var(--pfds-primary-light));
}

.pfds-back-to-top:active {
  transform: translateY(-1px);
}

.pfds-back-to-top .progress-container {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.pfds-back-to-top .progress-bg {
  position: absolute;
  width: 85%;
  height: 85%;
  border-radius: 50%;
  background-color: var(--pfds-bg-alt);
  z-index: 1;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
}

.pfds-back-to-top .progress-ring {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: 2;
}

.pfds-back-to-top .progress-ring svg {
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}

.pfds-back-to-top .progress-ring circle {
  fill: none;
  stroke-width: 2.5;
  stroke-linecap: round;
  stroke: var(--pfds-primary-light);
  stroke-dasharray: 120;
  stroke-dashoffset: 120;
  transition: stroke-dashoffset 0.3s ease;
  filter: drop-shadow(0 0 2px var(--pfds-primary-light));
}

.pfds-back-to-top .progress-text {
  position: relative;
  font-size: 13px;
  font-weight: bold;
  z-index: 3;
  color: var(--pfds-text);
  text-shadow: 0 0 2px var(--pfds-bg);
}

/*---------------------------------      滚动条样式     ---------------------------------*/

/* 左侧侧边栏滚动条样式 - 始终显示 */
.pfds-sidebar-content {
  /* Firefox 滚动条样式 */
  scrollbar-width: thin;
  scrollbar-color: var(--pfds-text-light) rgba(0, 0, 0, 0.1);
  /* 强制显示滚动条 */
  overflow-y: scroll;
}

/* 中心内容区和右侧侧栏滚动条样式 - 隐藏滚动条 */
.pfds-content-main,
.pfds-content-nav {
  /* Firefox 滚动条样式 */
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
  /* 隐藏滚动条但保持滚动功能 */
  overflow-y: auto;
}

/* Webkit 浏览器滚动条样式 */
.pfds-sidebar-content::-webkit-scrollbar {
  width: 6px;
  -webkit-appearance: none;
  appearance: none;
}

.pfds-content-main::-webkit-scrollbar,
.pfds-content-nav::-webkit-scrollbar {
  width: 6px;
  -webkit-appearance: none;
  appearance: none;
}

.pfds-sidebar-content::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.05);
  border-radius: 3px;
}

.pfds-content-main::-webkit-scrollbar-track,
.pfds-content-nav::-webkit-scrollbar-track {
  background: transparent;
}

.pfds-sidebar-content::-webkit-scrollbar-thumb,
.pfds-content-main::-webkit-scrollbar-thumb,
.pfds-content-nav::-webkit-scrollbar-thumb {
  background-color: var(--pfds-text-light);
  border-radius: 3px;
  min-height: 20px;
}

/* 隐藏内容区和导航区的滚动条（Webkit浏览器） */
.pfds-content-main::-webkit-scrollbar-thumb,
.pfds-content-nav::-webkit-scrollbar-thumb {
  background-color: transparent;
}

.pfds-content-main::-webkit-scrollbar-thumb:hover,
.pfds-content-nav::-webkit-scrollbar-thumb:hover {
  background-color: transparent;
}

.pfds-content-main:hover::-webkit-scrollbar-thumb,
.pfds-content-nav:hover::-webkit-scrollbar-thumb {
  background-color: var(--pfds-text-light);
  transition: background-color 0.3s ease;
}

/* 深色主题滚动条样式 */
body.dark-theme .pfds-sidebar-content {
  scrollbar-color: var(--pfds-text-light) rgba(255, 255, 255, 0.05);
}

body.dark-theme .pfds-content-main,
body.dark-theme .pfds-content-nav {
  scrollbar-color: transparent transparent;
}

body.dark-theme .pfds-sidebar-content::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 3px;
}

body.dark-theme .pfds-content-main::-webkit-scrollbar-track,
body.dark-theme .pfds-content-nav::-webkit-scrollbar-track {
  background: transparent;
}

body.dark-theme .pfds-sidebar-content::-webkit-scrollbar-thumb,
body.dark-theme .pfds-content-main::-webkit-scrollbar-thumb,
body.dark-theme .pfds-content-nav::-webkit-scrollbar-thumb {
  background-color: var(--pfds-text-light);
  min-height: 20px;
}

body.dark-theme .pfds-content-main::-webkit-scrollbar-thumb,
body.dark-theme .pfds-content-nav::-webkit-scrollbar-thumb {
  background-color: transparent;
}

body.dark-theme .pfds-content-main:hover::-webkit-scrollbar-thumb,
body.dark-theme .pfds-content-nav:hover::-webkit-scrollbar-thumb {
  background-color: var(--pfds-text-light);
}

/*---------------------------------      响应式设计     ---------------------------------*/

/* 正常屏幕PC (≥1401px) */
@media (min-width: 1401px) {
  .pfds-header {
    padding: 0 12%;
  }

  .pfds-content-wrapper {
    padding: 0 12%;
  }
  
  /* 在桌面端隐藏移动端搜索区域 */
  .pfds-mobile-search {
    display: none;
  }
}

/* 小屏幕PC (980px - 1400px) */
@media (min-width: 980px) and (max-width: 1400px) {
  .pfds-header {
    padding: 0 0 0 24px;
  }

  .pfds-content-wrapper {
    padding: 0 0 0 24px;
  }
  
  /* 在桌面端隐藏移动端搜索区域 */
  .pfds-mobile-search {
    display: none;
  }
}

/* 手机和平板 (<980px) */
@media (max-width: 979px) {
  .pfds-header {
    padding: 0 16px;
  }

  .pfds-layout {
    flex-direction: column;
  }

  .pfds-sidebar {
    width: 100%;
    padding: 20px 0;
    border-right: none;
    border-bottom: 1px solid var(--pfds-border);
  }

  .pfds-content {
    flex-direction: column;
  }

  .pfds-content-main {
    padding-bottom: 24px;
  }

  .pfds-content-nav {
    width: 100%;
    padding: 24px 0 0 0;
    border-left: none;
    border-top: 1px solid var(--pfds-border);
  }

  /* 在移动端隐藏侧边栏和内容导航 */
  .pfds-sidebar,
  .pfds-content-nav {
    display: none;
  }

  .pfds-sidebar.pfds-mobile-visible,
  .pfds-content-nav.pfds-mobile-visible {
    display: block;
  }
  
  /* 确保页面导航在移动端始终隐藏 */
  #pfds-contentNavList {
    display: none;
  }
}

/*---------------------------------      导航样式     ---------------------------------*/

/* 导航容器 */
.pfds-nav {
  margin: 0;
  padding: 0;
  width: 100%; /* 确保导航容器占满侧边栏宽度 */
}

.pfds-nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%; /* 确保列表占满导航容器宽度 */
}

/* 导航分组 */
.pfds-nav .pfds-nav-group {
  margin-bottom: 0;
  width: 100%; /* 确保分组占满宽度 */
}

/* 导航分组标题 - 与普通导航项保持一致 */
.pfds-nav .pfds-nav-group-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  color: var(--pfds-text-light);
  font-size: 0.85rem; /* 与dark-1.css保持一致 */
  font-weight: normal; /* 与dark-1.css保持一致 */
  text-decoration: none;
  cursor: pointer;
  transition: all 0.2s ease;
  width: 100%;
  background: transparent;
  border: none;
  text-align: left; /* 确保文字水平显示 */
  border-left: 3px solid transparent; /* 添加左侧边框用于选中状态 */
}

.pfds-nav .pfds-nav-group-toggle:hover {
  color: var(--pfds-primary-light);
  background-color: rgba(0, 0, 0, 0.05);
}

body.dark-theme .pfds-nav .pfds-nav-group-toggle:hover {
  background-color: rgba(255, 255, 255, 0.05);
}

/* 导航分组标题激活状态 - 只显示绿色竖线，不显示背景色 */
.pfds-nav .pfds-nav-group-toggle.pfds-active {
  color: var(--pfds-primary-light);
  border-left-color: var(--pfds-primary-light); /* 使用绿色竖线表示激活状态 */
  font-weight: normal; /* 保持字体粗细一致 */
  background-color: transparent; /* 不显示背景色 */
}

/* 导航分组图标 - 使用icon-left图标 */
.pfds-nav .pfds-toggle-icon {
  transition: transform 0.2s ease;
  font-size: 12px;
  width: 12px;
  height: 12px;
}

.pfds-nav .pfds-toggle-icon.pfds-active {
  transform: rotate(90deg);
}

/* 导航分组内容 */
.pfds-nav .pfds-nav-group-content {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.3s ease;
  width: 100%; /* 确保内容占满宽度 */
}

.pfds-nav .pfds-nav-group-content.pfds-active {
  max-height: 9999px;
}

/* 导航项 */
.pfds-nav .pfds-nav-item {
  margin: 0;
  width: 100%; /* 确保导航项占满宽度 */
}

/* 导航链接 */
.pfds-nav a {
  display: block;
  padding: 8px 12px;
  color: var(--pfds-text-light);
  text-decoration: none;
  font-size: 0.85rem; /* 与dark-1.css保持一致 */
  font-weight: normal; /* 与dark-1.css保持一致 */
  transition: all 0.2s ease;
  cursor: pointer;
  width: 100%; /* 确保链接占满宽度 */
  text-align: left; /* 确保文字水平显示 */
  white-space: nowrap; /* 防止文字换行 */
  overflow: hidden; /* 防止内容溢出 */
  text-overflow: ellipsis; /* 文字溢出显示省略号 */
  border-left: 3px solid transparent; /* 添加左侧边框用于选中状态 */
}

.pfds-nav a:hover {
  color: var(--pfds-primary-light);
  background-color: rgba(0, 0, 0, 0.05);
}

body.dark-theme .pfds-nav a:hover {
  background-color: rgba(255, 255, 255, 0.05);
}

/* 激活状态的导航链接 - 使用绿色竖线和背景色表示激活状态 */
.pfds-nav a.pfds-active {
  color: var(--pfds-primary-light);
  border-left-color: var(--pfds-primary-light);
  background-color: rgba(68, 177, 142, 0.1);
  font-weight: normal; /* 保持字体粗细一致 */
}

/* 子菜单项缩进 */
.pfds-nav .pfds-nav-group-content .pfds-nav-item a {
  padding-left: 24px;
}

/*---------------------------------      列表样式优化     ---------------------------------*/

.pfds-content-main ul,
.pfds-content-main ol {
  padding-left: 20px;
  margin: 16px 0;
  line-height: 1.8;
}

.pfds-content-main li {
  margin: 8px 0;
  color: var(--pfds-text);
}

.pfds-content-main ul li::marker {
  color: var(--pfds-text-light);
}

.pfds-content-main ol li::marker {
  color: var(--pfds-text-light);
}

/*---------------------------------      页面内容动画     ---------------------------------*/

.page-content {
    display: none;
    opacity: 0;
    transform: translateX(20px);
    animation: fadeIn 0.5s ease forwards;
}

.page-content.active {
    display: block;
    opacity: 1;
    transform: translateX(0);
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateX(20px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/*---------------------------------      内容导航样式     ---------------------------------*/

.pfds-content-nav {
    display: none; /* 默认隐藏内容导航 */
}

.pfds-content-nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.pfds-content-nav > ul {
    padding: 0;
}

.pfds-content-nav ul ul {
    padding-left: 0;
}

.pfds-content-nav li {
    margin: 0;
}

.pfds-content-nav a {
  display: block;
  padding: 4px 8px;
  color: var(--pfds-text-light);
  text-decoration: none;
  font-size: 0.85rem;
  transition: all 0.2s ease;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pfds-content-nav a:hover {
  color: var(--pfds-primary-light);
  background-color: transparent;
}

body.dark-theme .pfds-content-nav a:hover {
  color: var(--pfds-primary-light);
  background-color: transparent;
}

.pfds-content-nav .tree-symbol {
  display: none; /* 隐藏树状符号 */
}

.pfds-content-nav-empty {
    padding: 12px;
    color: var(--pfds-text-lighter);
    font-size: 0.85rem;
    text-align: center;
}

/* 编译时间样式 */
.pfds-compile-time {
    margin-top: 24px;
    padding: 12px;
    font-size: 0.8rem;
    color: var(--pfds-text-lighter);
    text-align: center;
    border-top: 1px solid var(--pfds-border);
}

/* 自动生成的图标样式 */

.icon-github {
    display: inline-block;
    background-image: url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyB0PSIxNzUzMTE0NzI1MTg4IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwNDkgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjMyMTEiIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIj48cGF0aCBkPSJNNTI0Ljk3OTMzMiAwQzIzNC42NzYxOTEgMCAwIDIzNC42NzYxOTEgMCA1MjQuOTc5MzMyYzAgMjMyLjA2ODY3OCAxNTAuMzY2NTk3IDQyOC41MDEzNDIgMzU4Ljk2NzY1NiA0OTguMDM1MDI4IDI2LjA3NTEzMiA1LjIxNTAyNiAzNS42MzYwMTQtMTEuMjk5MjI0IDM1LjYzNjAxNC0yNS4yMDU5NjEgMC0xMi4xNjgzOTUtMC44NjkxNzEtNTMuODg4NjA3LTAuODY5MTcxLTk3LjM0NzE2MS0xNDYuMDIwNzQxIDMxLjI5MDE1OS0xNzYuNDQxNzI5LTYyLjU4MDMxOC0xNzYuNDQxNzI5LTYyLjU4MDMxOC0yMy40Njc2MTktNjAuODQxOTc2LTU4LjIzNDQ2Mi03Ni40ODcwNTUtNTguMjM0NDYzLTc2LjQ4NzA1NS00Ny44MDQ0MDktMzIuMTU5MzMgMy40NzY2ODQtMzIuMTU5MzMgMy40NzY2ODUtMzIuMTU5MzMgNTMuMDE5NDM2IDMuNDc2Njg0IDgwLjgzMjkxIDUzLjg4ODYwNyA4MC44MzI5MSA1My44ODg2MDcgNDYuOTM1MjM4IDc5Ljk2MzczOSAxMjIuNTUzMTIyIDU3LjM2NTI5MSAxNTIuOTc0MTEgNDMuNDU4NTU0IDQuMzQ1ODU1LTMzLjg5NzY3MiAxOC4yNTI1OTMtNTcuMzY1MjkxIDMzLjAyODUwMS03MC40MDI4NTctMTE2LjQ2ODkyNS0xMi4xNjgzOTUtMjM5LjAyMjA0Ny01Ny4zNjUyOTEtMjM5LjAyMjA0Ny0yNTkuMDEyOTgyIDAtNTcuMzY1MjkxIDIwLjg2MDEwNi0xMDQuMzAwNTI5IDUzLjg4ODYwNy0xNDAuODA1NzE1LTUuMjE1MDI2LTEzLjAzNzU2Ni0yMy40Njc2MTktNjYuOTI2MTczIDUuMjE1MDI3LTEzOS4wNjczNzIgMCAwIDQ0LjMyNzcyNS0xMy45MDY3MzcgMTQ0LjI4MjM5OSA1My44ODg2MDcgNDEuNzIwMjEyLTExLjI5OTIyNCA4Ni45MTcxMDgtMTcuMzgzNDIyIDEzMS4yNDQ4MzMtMTcuMzgzNDIyczg5LjUyNDYyMSA2LjA4NDE5OCAxMzEuMjQ0ODMzIDE3LjM4MzQyMkM3NTYuMTc4ODM5IDIwMy4zODYwMzIgODAwLjUwNjU2NCAyMTcuMjkyNzcgODAwLjUwNjU2NCAyMTcuMjkyNzdjMjguNjgyNjQ2IDcyLjE0MTIgMTAuNDMwMDUzIDEyNi4wMjk4MDYgNS4yMTUwMjYgMTM5LjA2NzM3MiAzMy44OTc2NzIgMzYuNTA1MTg1IDUzLjg4ODYwNyA4My40NDA0MjQgNTMuODg4NjA3IDE0MC44MDU3MTUgMCAyMDEuNjQ3NjktMTIyLjU1MzEyMiAyNDUuOTc1NDE1LTIzOS44OTEyMTggMjU5LjAxMjk4MiAxOS4xMjE3NjQgMTYuNTE0MjUxIDM1LjYzNjAxNCA0Ny44MDQ0MDkgMzUuNjM2MDE1IDk3LjM0NzE2MSAwIDcwLjQwMjg1Ny0wLjg2OTE3MSAxMjYuODk4OTc4LTAuODY5MTcyIDE0NC4yODIzOTkgMCAxMy45MDY3MzcgOS41NjA4ODIgMzAuNDIwOTg4IDM1LjYzNjAxNSAyNS4yMDU5NjEgMjA4LjYwMTA1OS02OS41MzM2ODYgMzU4Ljk2NzY1Ni0yNjUuOTY2MzUgMzU4Ljk2NzY1NS00OTguMDM1MDI4QzEwNDkuOTU4NjYzIDIzNC42NzYxOTEgODE0LjQxMzMwMSAwIDUyNC45NzkzMzIgMHoiIGZpbGw9IiM4YThhOGEiIHAtaWQ9IjMyMTIiPjwvcGF0aD48cGF0aCBkPSJNMTk5LjA0MDE3NyA3NTMuNTcxMzI2Yy0wLjg2OTE3MSAyLjYwNzUxMy01LjIxNTAyNiAzLjQ3NjY4NC04LjY5MTcxMSAxLjczODM0MnMtNi4wODQxOTgtNS4yMTUwMjYtNC4zNDU4NTUtNy44MjI1NGMwLjg2OTE3MS0yLjYwNzUxMyA1LjIxNTAyNi0zLjQ3NjY4NCA4LjY5MTcxMS0xLjczODM0MnM1LjIxNTAyNiA1LjIxNTAyNiA0LjM0NTg1NSA3LjgyMjU0eiBtLTYuOTUzMzY5LTQuMzQ1ODU2TTIxOS45MDAyODMgNzc3LjAzODk0NWMtMi42MDc1MTMgMi42MDc1MTMtNy44MjI1NCAwLjg2OTE3MS0xMC40MzAwNTMtMi42MDc1MTQtMy40NzY2ODQtMy40NzY2ODQtNC4zNDU4NTUtOC42OTE3MTEtMS43MzgzNDItMTEuMjk5MjI0IDIuNjA3NTEzLTIuNjA3NTEzIDYuOTUzMzY5LTAuODY5MTcxIDEwLjQzMDA1MyAyLjYwNzUxNCAzLjQ3NjY4NCA0LjM0NTg1NSA0LjM0NTg1NSA5LjU2MDg4MiAxLjczODM0MiAxMS4yOTkyMjR6IG0tNS4yMTUwMjYtNS4yMTUwMjdNMjQwLjc2MDM4OSA4MDcuNDU5OTMyYy0zLjQ3NjY4NCAyLjYwNzUxMy04LjY5MTcxMSAwLTExLjI5OTIyNC00LjM0NTg1NS0zLjQ3NjY4NC00LjM0NTg1NS0zLjQ3NjY4NC0xMC40MzAwNTMgMC0xMi4xNjgzOTUgMy40NzY2ODQtMi42MDc1MTMgOC42OTE3MTEgMCAxMS4yOTkyMjQgNC4zNDU4NTUgMy40NzY2ODQgNC4zNDU4NTUgMy40NzY2ODQgOS41NjA4ODIgMCAxMi4xNjgzOTV6IG0wIDBNMjY5LjQ0MzAzNCA4MzcuMDExNzQ5Yy0yLjYwNzUxMyAzLjQ3NjY4NC04LjY5MTcxMSAyLjYwNzUxMy0xMy45MDY3MzctMS43MzgzNDItNC4zNDU4NTUtNC4zNDU4NTUtNi4wODQxOTgtMTAuNDMwMDUzLTIuNjA3NTEzLTEzLjAzNzU2NiAyLjYwNzUxMy0zLjQ3NjY4NCA4LjY5MTcxMS0yLjYwNzUxMyAxMy45MDY3MzcgMS43MzgzNDIgNC4zNDU4NTUgMy40NzY2ODQgNS4yMTUwMjYgOS41NjA4ODIgMi42MDc1MTMgMTMuMDM3NTY2eiBtMCAwTTMwOC41NTU3MzMgODUzLjUyNmMtMC44NjkxNzEgNC4zNDU4NTUtNi45NTMzNjkgNi4wODQxOTgtMTMuMDM3NTY2IDQuMzQ1ODU1LTYuMDg0MTk4LTEuNzM4MzQyLTkuNTYwODgyLTYuOTUzMzY5LTguNjkxNzExLTEwLjQzMDA1MyAwLjg2OTE3MS00LjM0NTg1NSA2Ljk1MzM2OS02LjA4NDE5OCAxMy4wMzc1NjYtNC4zNDU4NTUgNi4wODQxOTggMS43MzgzNDIgOS41NjA4ODIgNi4wODQxOTggOC42OTE3MTEgMTAuNDMwMDUzeiBtMCAwTTM1MS4xNDUxMTYgODU3LjAwMjY4NGMwIDQuMzQ1ODU1LTUuMjE1MDI2IDcuODIyNTQtMTEuMjk5MjI0IDcuODIyNTQtNi4wODQxOTggMC0xMS4yOTkyMjQtMy40NzY2ODQtMTEuMjk5MjI0LTcuODIyNTRzNS4yMTUwMjYtNy44MjI1NCAxMS4yOTkyMjQtNy44MjI1NGM2LjA4NDE5OCAwIDExLjI5OTIyNCAzLjQ3NjY4NCAxMS4yOTkyMjQgNy44MjI1NHogbTAgME0zOTEuMTI2OTg2IDg1MC4wNDkzMTVjMC44NjkxNzEgNC4zNDU4NTUtMy40NzY2ODQgOC42OTE3MTEtOS41NjA4ODIgOS41NjA4ODItNi4wODQxOTggMC44NjkxNzEtMTEuMjk5MjI0LTEuNzM4MzQyLTEyLjE2ODM5NS02LjA4NDE5Ny0wLjg2OTE3MS00LjM0NTg1NSAzLjQ3NjY4NC04LjY5MTcxMSA5LjU2MDg4MS05LjU2MDg4MiA2LjA4NDE5OC0wLjg2OTE3MSAxMS4yOTkyMjQgMS43MzgzNDIgMTIuMTY4Mzk2IDYuMDg0MTk3eiBtMCAwIiBmaWxsPSIjOGE4YThhIiBwLWlkPSIzMjEzIj48L3BhdGg+PC9zdmc+');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 20px;
    height: 20px;
}
.icon-copy {
    display: inline-block;
    background-image: url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyB0PSIxNzUzMTMyODMzNDc2IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9Ijc3NTMiIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIj48cGF0aCBkPSJNODg5LjE3MzMzMyAzNC4xMzMzMzNoLTU4MC4yNjY2NjZjLTU0LjYxMzMzMyAwLTEwMC42OTMzMzMgNDQuMzczMzMzLTEwMC42OTMzMzQgMTAwLjY5MzMzNHYxMDkuMjI2NjY2YzAgMTguNzczMzMzIDE1LjM2IDM0LjEzMzMzMyAzNC4xMzMzMzQgMzQuMTMzMzM0czM0LjEzMzMzMy0xNS4zNiAzNC4xMzMzMzMtMzQuMTMzMzM0VjEzNC44MjY2NjdjMC0xOC43NzMzMzMgMTUuMzYtMzQuMTMzMzMzIDM0LjEzMzMzMy0zNC4xMzMzMzRoNTgwLjI2NjY2N2MxOC43NzMzMzMgMCAzNC4xMzMzMzMgMTUuMzYgMzQuMTMzMzMzIDM0LjEzMzMzNHY1ODAuMjY2NjY2YzAgMTguNzczMzMzLTE1LjM2IDM0LjEzMzMzMy0zNC4xMzMzMzMgMzQuMTMzMzM0aC0xMTAuOTMzMzMzYy0xOC43NzMzMzMgMC0zNC4xMzMzMzMgMTUuMzYtMzQuMTMzMzM0IDM0LjEzMzMzM3MxNS4zNiAzNC4xMzMzMzMgMzQuMTMzMzM0IDM0LjEzMzMzM2gxMTAuOTMzMzMzYzU0LjYxMzMzMyAwIDEwMC42OTMzMzMtNDQuMzczMzMzIDEwMC42OTMzMzMtMTAwLjY5MzMzM1YxMzYuNTMzMzMzYy0xLjcwNjY2Ny01OC4wMjY2NjctNDYuMDgtMTAyLjQtMTAyLjQtMTAyLjR6IiBmaWxsPSIjNTE1MTUxIiBwLWlkPSI3NzU0Ij48L3BhdGg+PHBhdGggZD0iTTcxNS4wOTMzMzMgMjQyLjM0NjY2N2gtNjE0LjRDNjMuMTQ2NjY3IDI0Mi4zNDY2NjcgMzQuMTMzMzMzIDI3My4wNjY2NjcgMzQuMTMzMzMzIDMwOC45MDY2Njd2NjE0LjRDMzQuMTMzMzMzIDk1OS4xNDY2NjcgNjQuODUzMzMzIDk4OS44NjY2NjcgMTAwLjY5MzMzMyA5ODkuODY2NjY3aDYxNC40YzM3LjU0NjY2NyAwIDY2LjU2LTMwLjcyIDY2LjU2LTY2LjU2di02MTQuNGMwLTM3LjU0NjY2Ny0yOS4wMTMzMzMtNjYuNTYtNjYuNTYtNjYuNTZ6IiBmaWxsPSIjNTE1MTUxIiBwLWlkPSI3NzU1Ij48L3BhdGg+PC9zdmc+');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 20px;
    height: 20px;
}
.icon-search {
    display: inline-block;
    background-image: url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyB0PSIxNzU4MDQ1NjE0MzQ2IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjI2NzciIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIj48cGF0aCBkPSJNNzg4LjczNiA3MzQuNzg0bDE2Mi40MjIgMTYyLjg5MWMxNC40NTMgMTQuNDY5IDE0LjQ1MyAzOC41NjMgMCA1My4wMTYtMTQuNDY5IDE0LjcwMy0zOC41NjMgMTQuNzAzLTUzLjAxNiAwLjIzNGwtMTYyLjg5LTE2Mi42NDFjLTMxLjU2MyAyNi4wMTYtNjYuOTg0IDQ3LjcwMy0xMDUuNTQ3IDYzLjYwOS00OC40MzggMjAtMTAxLjQzOCAzMS4wOTQtMTU3LjM0NCAzMS4wOTQtNTUuMTg4IDAtMTA3Ljk1My0xMS4wOTQtMTU2LjM5MS0zMS4wOTQtNTAuNTk0LTIxLjQzOC05NS42NTYtNTEuMzI4LTEzMy40ODQtODkuMTU2LTM4LjA3OC0zNy44MjgtNjguNDM4LTgzLjEyNS04OS4xNTYtMTMzLjI1bC0wLjk2OS0xLjY4OEM3My4wOCA1NzkuMzYyIDYyLjAwMiA1MjcuMDgxIDYyLjAwMiA0NzIuODYyYzAtNTUuOTA2IDExLjA3OC0xMDguNjcyIDMxLjMyOC0xNTcuMzU5IDIwLjcxOS01MC4zNTkgNTEuMzEzLTk1Ljg5MSA4OS4xNTYtMTMzLjQ4NCA3NC4yMDMtNzMuNzM0IDE3Ni44NTktMTE5Ljc2NiAyODkuODc1LTExOS43NjYgNTUuOTA2IDAgMTA4LjkwNiAxMC42MDkgMTU3LjM0NCAzMC4zNTkgNTAuMzU5IDIxLjQ1MyA5NS45MDYgNTEuMzI4IDEzMy4yNSA4OS40MDZsMi4xNzIgMi4xNzJjMzYuODc1IDM2Ljg1OSA2Ni41MTYgODEuNjg4IDg2Ljc1IDEzMS4zMTNsMC45NjkgMS42ODhjMTkuNzUgNDguMjAzIDMwLjM1OSAxMDAuNDg0IDMwLjM1OSAxNTUuNjcyIDAgNTQuNzAzLTExLjA5NCAxMDguNDM4LTMxLjMyOCAxNTYuNjI1LTE1LjY1NiAzOC4zMTItMzcuMTA5IDczLjczNC02My4xNDEgMTA1LjI5NnpNNjAxLjAzMyAxNjIuNTAzYy0zOS4yODEtMTYuMzkxLTgyLjY1Ni0yNS41NDctMTI4LjY3Mi0yNS41NDctOTIuMjk3IDAtMTc2LjE0MSAzNy44MjgtMjM2Ljg3NSA5OC41NDctMzAuODQ0IDMwLjM3NS01NS45MDYgNjcuNzE5LTcyLjc2NiAxMDguNDM4LTE2LjM5MSAzOS41MTYtMjUuMjk3IDgyLjQwNi0yNS4yOTcgMTI4LjkyMiAwIDQ0LjMyOCA4LjkwNiA4Ni45ODQgMjQuNTc4IDEyNS43ODFsMC43MTkgMS45MjJjMTYuODU5IDQwLjk2OSA0MS45MjIgNzguMDc4IDcyLjc2NiAxMDkuMTU2IDMwLjg0NCAzMC4zNTkgNjguMjAzIDU1LjQyMiAxMDguOTIyIDcyLjUzMSAzOS41MTYgMTYuMTQxIDgyLjg5MSAyNS4zMTMgMTI3Ljk1MyAyNS4zMTMgNDUuNzgxIDAgODguOTA2LTkuMTcyIDEyOC42NzItMjUuMzEzIDQwLjcxOS0xNi44NTkgNzcuMzQ0LTQxLjQzOCAxMDcuOTUzLTcyLjA0N2wwLjQ4NC0wLjQ4NGgwLjIzNGMzMC44NDQtMzEuMDc4IDU1LjkwNi02OC4xODggNzMuMDE2LTEwOS4xNTYgMTYuMTQxLTM5LjUxNiAyNS4yOTctODIuMTcyIDI1LjI5Ny0xMjcuNzAzIDAtNDQuODI4LTguOTA2LTg3Ljk1My0yNC41NzgtMTI2Ljk4NGwtMC43MTktMS40NTNjLTE2LjYyNS00MC40ODQtNDEuMjAzLTc2Ljg1OS03MS4wNzgtMTA3LjQ2OWwtMi4xNzItMS40NTNjLTMxLjA5My0zMS41NjQtNjcuMjM0LTU2LjE0Mi0xMDguNDM3LTczLjAwMXoiIGZpbGw9IiM4YThhOGEiIHAtaWQ9IjI2NzgiPjwvcGF0aD48L3N2Zz4=');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 20px;
    height: 20px;
}
.icon-fold {
    display: inline-block;
    background-image: url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyB0PSIxNzU4MDkxMzc1MTYwIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjExMzc0IiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHBhdGggZD0iTTk0Mi4xIDQxSDY1Ny45Yy0yMC40IDAtMzkuNSAxMy44LTQyLjkgMzQtNC4zIDI1LjYgMTUuNSA0OCA0MC40IDQ4aDIyNS4zYzExLjMgMCAyMC41IDkuMiAyMC41IDIwLjV2MjIyLjhjMCAyMC40IDEzLjggMzkuNSAzNCA0Mi45IDI1LjYgNC4zIDQ4LTE1LjUgNDgtNDAuNFY4MS45Qzk4MyA1OS40IDk2NC42IDQxIDk0Mi4xIDQxek0zNjguNiA5MDEuMUgxNDMuNGMtMTEuMyAwLTIwLjUtOS4yLTIwLjUtMjAuNVY2NTcuOWMwLTIwLjQtMTMuOC0zOS41LTM0LTQyLjktMjUuNi00LjMtNDggMTUuNS00OCA0MC40djI4Ni43YzAgMjIuNSAxOC40IDQxIDQxIDQxaDI4NC4yYzIwLjQgMCAzOS41LTEzLjggNDIuOS0zNCA0LjMtMjUuNi0xNS41LTQ4LTQwLjQtNDh6TTQyNC41IDQwNGMwLTAuMi0wLjEtMC41LTAuMS0wLjd2LTIwNGMwLTIyLjUtMTguNC00MS00MS00MS0yMi41IDAtNDEgMTguNC00MSA0MXYxMDUuOEwxNTEuOCAxMTQuM2MtMTUuOS0xNS45LTQyLTE1LjktNTcuOSAwLTE1LjkgMTUuOS0xNS45IDQyIDAgNTcuOUwyODQuNiAzNjNIMTc4LjhjLTIyLjUgMC00MSAxOC40LTQxIDQxIDAgMjIuNSAxOC40IDQxIDQxIDQxaDIwNGMwLjIgMCAwLjUgMC4xIDAuNyAwLjEgOCAwIDE1LjUtMi40IDIxLjgtNi41IDAuMi0wLjIgMC41LTAuMyAwLjgtMC40IDIuMy0xLjUgNC40LTMuMiA2LjMtNS4yIDEuOS0xLjkgMy43LTQuMSA1LjItNi4zIDAuMi0wLjIgMC4zLTAuNSAwLjQtMC43IDQuMS02LjUgNi41LTE0IDYuNS0yMnpNNzM5LjQgNjgxLjVoMTA1LjhjMjIuNSAwIDQxLTE4LjQgNDEtNDEgMC0yMi41LTE4LjQtNDEtNDEtNDFoLTIwNGMtMC4yIDAtMC41LTAuMS0wLjctMC4xLTguMSAwLTE1LjUgMi40LTIxLjkgNi41LTAuMiAwLjEtMC41IDAuMi0wLjcgMC40LTIuMyAxLjUtNC40IDMuMi02LjMgNS4yLTEuOSAxLjktMy43IDQuMS01LjIgNi4zLTAuMSAwLjItMC4yIDAuNS0wLjQgMC43LTQuMSA2LjQtNi41IDEzLjgtNi41IDIxLjkgMCAwLjIgMC4xIDAuNSAwLjEgMC43djIwNGMwIDIyLjUgMTguNCA0MSA0MSA0MSAyMi41IDAgNDEtMTguNCA0MS00MVY3MzkuNGwxOTAuNyAxOTAuN2MxNS45IDE1LjkgNDIgMTUuOSA1Ny45IDBzMTUuOS00MiAwLTU3LjlMNzM5LjQgNjgxLjV6IiBwLWlkPSIxMTM3NSIgZmlsbD0iIzcwNzA3MCI+PC9wYXRoPjwvc3ZnPg==');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 20px;
    height: 20px;
}
.icon-left {
    display: inline-block;
    background-image: url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyB0PSIxNzU4MDk3MjU0MTA1IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjEyNTQ0IiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHBhdGggZD0iTTc2MS4wNTU1NTcgNTMyLjEyODA0N2MwLjUxMjYxOS0wLjk5MjU1NSAxLjM0MzQ3NS0xLjgyMzQxMSAxLjc5MjQ0Ny0yLjg0ODY0OSA4LjgwMDUzOC0xOC4zMDQ2MzYgNS45MTkyMDQtNDAuNzAzMzQ2LTkuNjY0MDc3LTU1LjQyNDgwOEwzOTkuOTM1OTIzIDEzOS43NDM3OThjLTE5LjI2NDUwNy0xOC4yMDgzMDUtNDkuNjMxMTc5LTE3LjM0NDc2NS02Ny44NzIxNjggMS44ODg3NzgtMTguMjA4MzA1IDE5LjI2NDUwNy0xNy4zNzU3MjkgNDkuNjMxMTc5IDEuODg4Nzc4IDY3Ljg3MjE2OGwzMTYuOTYwNDA5IDI5OS44MzkyNjlMMzM1LjE5OTY3NyA4MTMuNjMxNzE2Yy0xOS4wNzE4NDUgMTguMzk5MjQ3LTE5LjY0ODExMiA0OC43Njc2MzktMS4yNDcxNDQgNjcuODcyMTY4IDkuNDA3NzY4IDkuNzkxMzcyIDIxLjk4NDE0MiAxNC42ODg3NzggMzQuNTYwNTE2IDE0LjY4ODc3OCAxMi4wMDAxMDggMCAyNC4wMDAyMTUtNC40NzkzOTggMzMuMzExNjUyLTEzLjQzOTkxNGwzNTAuMDQ4NDM0LTMzNy4zNzU3MjljMC42NzI1OTgtMC42NzI1OTggMC45MjcxODctMS41OTk3ODUgMS41OTk3ODUtMi4zMDMzNDYgMC41MTI2MTktMC40Nzk5MzUgMS4wNTYyMDItMC44MzI1NzYgMS41NjcxMDEtMS4zNDM0NzVDNzU3Ljc1OTY1NiA1MzguODc5ODI4IDc1OS4xOTk0NjIgNTM1LjM5MTI2NSA3NjEuMDU1NTU3IDUzMi4xMjgwNDd6IiBmaWxsPSIjOGE4YThhIiBwLWlkPSIxMjU0NSI+PC9wYXRoPjwvc3ZnPg==');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 15px;
    height: 15px;
}
.icon-right {
    display: inline-block;
    background-image: url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyB0PSIxNzU4MTE1OTc4OTU1IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjE4NDciIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIj48cGF0aCBkPSJNNDUyLjM3NDM1MSAxMS43NjUxMjUgMTkuMTA3NzY2IDQ0OS4wOTMzNmMtMC42NDY5ODggMC42NDY5ODgtMC44NjI2NTEgMS41MDk2NC0xLjQwMTgwOCAyLjE1NjYyOC0wLjEwNzgzMSAwLjEwNzgzMS0wLjQzMTMyNiAwLjIxNTY2My0wLjUzOTE1NyAwLjMyMzQ5NC0xNS40MTk4OTEgMTUuNTI3NzIyLTE1LjMxMjA2IDQwLjY1MjQ0IDAuMjE1NjYzIDU2LjA3MjMzMWw0MzcuMjU2MzQ3IDQzMy4yNjY1ODVjMTUuNTI3NzIyIDE1LjQxOTg5MSA0MC41NDQ2MDggMTUuMzEyMDYgNTUuOTY0NDk5LTAuMjE1NjYzIDcuNTg0MTQyLTcuNjkxOTc0IDExLjQzMDEyOS0xNy44NjQwNjkgMTEuNDMwMTI5LTI3LjkyODMzNCAwLTEwLjE3MjA5Ni0zLjk1MzgxOC0yMC40MTYwNzktMTEuNzUzNjIzLTI4LjE0Mzk5N0wxMDAuOTUxODAzIDQ3OC45NjI2NTlsNDA3LjYwMjcxMS00MTEuNDQ4Njk3YzcuNTg0MTQyLTcuNjkxOTc0IDExLjQzMDEyOS0xNy43NTYyMzggMTEuNDMwMTI5LTI3LjkyODMzNCAwLTEwLjI3OTkyNy0zLjk1MzgxOC0yMC40MTYwNzktMTEuNzUzNjIzLTI4LjE0Mzk5N0M0OTIuOTE4OTYtMy45NzgyNiA0NjcuNzk0MjQyLTMuNzYyNTk3IDQ1Mi4zNzQzNTEgMTEuNzY1MTI1TDQ1Mi4zNzQzNTEgMTEuNzY1MTI1eiIgZmlsbD0iIzhhOGE4YSIgcC1pZD0iMTg0OCI+PC9wYXRoPjwvc3ZnPg==');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 15px;
    height: 15px;
}

/* PMD 语法样式 */
/* pmd/styles.css */
/* PMD 语法样式表 */

/* 通知框基础样式 */
.pmd-notification {
    padding: 12px 16px;
    margin: 8px 0;
    border-radius: 4px;
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(0, 0, 0, 0.1);
    color: #333;
}

/* 深色主题下的通知框 */
body.dark-theme .pmd-notification {
    background-color: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #ddd;
}

/* 圆角通知框 */
.pmd-notification-rounded {
    border-radius: 8px;
}

/* 带边框的提示框 */
.pmd-notification-bordered {
    border-left: 4px solid #41b38a;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

/* 深色主题下的带边框提示框 */
body.dark-theme .pmd-notification-bordered {
    border: 1px solid rgba(255, 255, 255, 0.1);
}

/* 自定义样式提示框 */
.pmd-notification-custom {
    color: #fff;
}

/* 标题 */
.pmd-heading {
    font-weight: bold;
    margin: 8px 0 4px 0;
}

.pmd-h1 {
    font-size: 2em;
}

.pmd-h2 {
    font-size: 1.5em;
}

.pmd-h3 {
    font-size: 1.17em;
}

.pmd-h4 {
    font-size: 1em;
}

.pmd-h5 {
    font-size: 0.83em;
}

.pmd-h6 {
    font-size: 0.67em;
}

/* 分割线 */
.pmd-thematic-break {
    border: none;
    border-top: 1px solid #ddd;
    margin: 8px 0;
}

/* 双分割线样式 */
.pmd-thematic-break.pmd-thematic-break-double {
  height: 6px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background: transparent;
  margin: 1.5em 0;
}

/* 虚线分割线样式 */
.pmd-thematic-break.pmd-thematic-break-dotted {
  border: none;
  height: 1px;
  background: radial-gradient(circle, #aaa 30%, transparent 30%) 0 0;
  background-size: 10px 1px;
  margin: 1.5em 0;
}

/* 带文字的分割线 */
.pmd-thematic-break.pmd-thematic-break-with-text {
  display: flex;
  align-items: center;
  border: none;
  margin: 1.5em 0;
}

.pmd-thematic-break.pmd-thematic-break-with-text:before,
.pmd-thematic-break.pmd-thematic-break-with-text:after {
  content: "";
  flex: 1;
  height: 1px;
  background-color: #ddd;
}

.pmd-thematic-break.pmd-thematic-break-with-text.pmd-thematic-break-double:before,
.pmd-thematic-break.pmd-thematic-break-with-text.pmd-thematic-break-double:after {
  height: 6px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background: transparent;
}

.pmd-thematic-break.pmd-thematic-break-with-text.pmd-thematic-break-dotted:before,
.pmd-thematic-break.pmd-thematic-break-with-text.pmd-thematic-break-dotted:after {
  height: 1px;
  background: radial-gradient(circle, #aaa 30%, transparent 30%) 0 0;
  background-size: 10px 1px;
}

.pmd-thematic-break-text {
  padding: 0 15px;
  background-color: #fff;
  color: #666;
  font-size: 0.9em;
  white-space: nowrap;
}

/* 文本样式 */
.pmd-em {
  font-style: italic;
}

.pmd-strong {
  font-weight: bold;
}

.pmd-del {
  text-decoration: line-through;
}

/* 列表样式 */
.pmd-ul,
.pmd-ol {
  margin: 8px 0;
  padding-left: 20px;
}

.pmd-ul {
  list-style-type: disc;
}

.pmd-ol {
  list-style-type: decimal;
}

/* 修改无序列表第一级为圆形 */
.pmd-ul {
  list-style-type: circle;
}

/* 第二级无序列表使用空心圆 */
.pmd-ul .pmd-ul {
  list-style-type: circle;
}

/* 第三级无序列表使用方块 */
.pmd-ul .pmd-ul .pmd-ul {
  list-style-type: square;
}

.pmd-ol .pmd-ol {
  list-style-type: lower-alpha;
}

.pmd-ol .pmd-ol .pmd-ol {
  list-style-type: lower-roman;
}

.pmd-li {
  margin: 4px 0;
  line-height: 1.5;
}

/* 链接样式 */
.pmd-link {
  color: #0066cc;
  text-decoration: none;
}

.pmd-link:hover {
  text-decoration: underline;
}

/* 深色主题下的链接样式 */
body.dark-theme .pmd-link {
  color: #66b3ff;
}

/* 图片样式 */
.pmd-image {
  max-width: 100%;
  height: auto;
  display: inline-block;
  margin: 4px 0;
}

.pmd-image.with-title {
  cursor: help;
}

/* 代码块样式 - 优化美观性 */
.pmd-codeblock {
  border-radius:5px; /* 简写圆角 */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  position: relative;
  overflow: hidden;
  font-family: 'Fira Code', 'Consolas', monospace;
  font-size: 0.95rem;
  line-height: 1.5;
  border: 1px solid rgba(0, 0, 0, 0.1); /* 增加线框 */
}


.pmd-codeblock code {
  display: block;
  padding: 16px 20px;
  overflow-x: auto;
  background-color: #f8f9fa;
  color: #212529;
  white-space: pre-wrap;
  word-wrap: break-word;
  word-break: break-all;
}

/* 深色主题下的代码块 */
body.dark-theme .pmd-codeblock {
  border: 1px solid rgba(198, 22, 22, 0.1);
}


body.dark-theme .pmd-codeblock code {
  background-color: #2d2d2d;
  color: #f8f8f2;
}

/* 浅色主题下的代码块 */
body.light-theme .pmd-codeblock {
  border: 1px solid rgba(0, 0, 0, 0.1);
}


body.light-theme .pmd-codeblock code {
  background-color: #f8f9fa;
  color: #212529;
}

/* 代码块语言标签 */
.pmd-code-lang-label {
  position: absolute;
  top: 8px;
  right: 60px;
  font-size: 0.8rem;
  background: rgba(0, 0, 0, 0.05);
  color: #666;
  padding: 4px 8px;
  border-radius: 4px;
  text-transform: uppercase;
  z-index: 99;
  pointer-events: none;
}

body.dark-theme .pmd-code-lang-label {
  background: rgba(255, 255, 255, 0.1);
  color: #aaa;
}

body.light-theme .pmd-code-lang-label {
  background: rgba(0, 0, 0, 0.05);
  color: #666;
}

/* 代码块复制按钮 */
.pmd-code-copy-button {
  position: absolute;
  top: 8px;
  right: 16px;
  background: rgba(0, 0, 0, 0.05);
  border: none;
  border-radius: 4px;
  color: #666;
  cursor: pointer;
  font-size: 0.8rem;
  padding: 4px 8px;
  z-index: 99;
  transition: all 0.2s ease;
}

.pmd-code-copy-button:hover {
  background: rgba(0, 0, 0, 0.1);
  color: #000;
}

body.dark-theme .pmd-code-copy-button {
  background: rgba(255, 255, 255, 0.1);
  color: #aaa;
}

body.dark-theme .pmd-code-copy-button:hover {
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
}

body.light-theme .pmd-code-copy-button {
  background: rgba(0, 0, 0, 0.05);
  color: #666;
}

body.light-theme .pmd-code-copy-button:hover {
  background: rgba(0, 0, 0, 0.1);
  color: #000;
}

/* 内联代码样式 */
.pmd-inline-code {
  padding: 2px 6px;
  border-radius: 4px;
  font-family: 'Fira Code', 'Consolas', monospace;
  font-size: 0.9em;
  background-color: rgba(0, 0, 0, 0.07);
  color: #212529;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

body.dark-theme .pmd-inline-code {
  background-color: rgba(255, 255, 255, 0.1);
  color: #f8f8f2;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

body.light-theme .pmd-inline-code {
  background-color: rgba(0, 0, 0, 0.07);
  color: #212529;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

/* 表格样式 */
.pmd-table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-size: 14px;
  border: 1px solid #333;
  display: table;
  background-color: #1e1e1e; /* 深色背景 */
  color: #e6e6e6; /* 浅色文字 */
  border-radius: 5px; /* 圆角 */
  overflow: hidden; /* 确保圆角显示 */
}

.pmd-table th,
.pmd-table td {
  padding: 12px 16px;
  border: 1px solid #333;
  text-align: left;
  display: table-cell;
}

.pmd-table th {
  background-color: #2d2d2d; /* 略亮一点的表头背景 */
  color: #ffffff;
  font-weight: bold;
  border-bottom: 1px solid #444;
}

.pmd-table th[align="center"],
.pmd-table td[align="center"] {
  text-align: center;
}

.pmd-table th[align="right"],
.pmd-table td[align="right"] {
  text-align: right;
}

.pmd-table tr {
  transition: background-color 0.2s ease;
  display: table-row;
}

.pmd-table tr:hover {
  background-color: #2a2a2a; /* 鼠标悬停时稍微变亮 */
}

.pmd-table tr:nth-child(even) {
  background-color: #242424;
}

/* 浅色主题下的表格样式 */
body.light-theme .pmd-table {
  background-color: #ffffff;
  color: #212529;
  border: 1px solid #e9ecef;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}

body.light-theme .pmd-table th,
body.light-theme .pmd-table td {
  border: 1px solid #e9ecef;
}

body.light-theme .pmd-table th {
  background-color: #f8f9fa;
  color: #212529;
  border-bottom: 1px solid #dee2e6;
}

body.light-theme .pmd-table tr:hover {
  background-color: #f8f9fa;
}

body.light-theme .pmd-table tr:nth-child(even) {
  background-color: #f8f9fa;
}

/* GitHub Dark Theme 代码高亮样式 */
.pmd-codeblock .hljs {
  color: #c9d1d9;
  background: #2d2d2d;
}

.pmd-codeblock .hljs-doctag,
.pmd-codeblock .hljs-keyword,
.pmd-codeblock .hljs-meta .hljs-keyword,
.pmd-codeblock .hljs-template-tag,
.pmd-codeblock .hljs-template-variable,
.pmd-codeblock .hljs-type,
.pmd-codeblock .hljs-variable.language_ {
  color: #ff7b72;
}

.pmd-codeblock .hljs-title,
.pmd-codeblock .hljs-title.class_,
.pmd-codeblock .hljs-title.class_.inherited__,
.pmd-codeblock .hljs-title.function_ {
  color: #d2a8ff;
}

.pmd-codeblock .hljs-attr,
.pmd-codeblock .hljs-attribute,
.pmd-codeblock .hljs-literal,
.pmd-codeblock .hljs-meta,
.pmd-codeblock .hljs-number,
.pmd-codeblock .hljs-operator,
.pmd-codeblock .hljs-selector-attr,
.pmd-codeblock .hljs-selector-class,
.pmd-codeblock .hljs-selector-id,
.pmd-codeblock .hljs-variable {
  color: #79c0ff;
}

.pmd-codeblock .hljs-meta .hljs-string,
.pmd-codeblock .hljs-regexp,
.pmd-codeblock .hljs-string {
  color: #a5d6ff;
}

.pmd-codeblock .hljs-built_in,
.pmd-codeblock .hljs-symbol {
  color: #ffa657;
}

.pmd-codeblock .hljs-code,
.pmd-codeblock .hljs-comment,
.pmd-codeblock .hljs-formula {
  color: #8b949e;
}

.pmd-codeblock .hljs-name,
.pmd-codeblock .hljs-quote,
.pmd-codeblock .hljs-selector-pseudo,
.pmd-codeblock .hljs-selector-tag {
  color: #7ee787;
}

.pmd-codeblock .hljs-subst {
  color: #c9d1d9;
}

.pmd-codeblock .hljs-section {
  color: #1f6feb;
  font-weight: 700;
}

.pmd-codeblock .hljs-bullet {
  color: #f2cc60;
}

.pmd-codeblock .hljs-emphasis {
  color: #c9d1d9;
  font-style: italic;
}

.pmd-codeblock .hljs-strong {
  color: #c9d1d9;
  font-weight: 700;
}

.pmd-codeblock .hljs-addition {
  color: #aff5b4;
  background-color: #033a16;
}

.pmd-codeblock .hljs-deletion {
  color: #ffdcd7;
  background-color: #67060c;
}

/* 浅色主题下的代码高亮样式 */
body.light-theme .pmd-codeblock .hljs {
  color: #212529;
  background: #f8f9fa;
}

body.light-theme .pmd-codeblock .hljs-doctag,
body.light-theme .pmd-codeblock .hljs-keyword,
body.light-theme .pmd-codeblock .hljs-meta .hljs-keyword,
body.light-theme .pmd-codeblock .hljs-template-tag,
body.light-theme .pmd-codeblock .hljs-template-variable,
body.light-theme .pmd-codeblock .hljs-type,
body.light-theme .pmd-codeblock .hljs-variable.language_ {
  color: #d73a49;
}

body.light-theme .pmd-codeblock .hljs-title,
body.light-theme .pmd-codeblock .hljs-title.class_,
body.light-theme .pmd-codeblock .hljs-title.class_.inherited__,
body.light-theme .pmd-codeblock .hljs-title.function_ {
  color: #6f42c1;
}

body.light-theme .pmd-codeblock .hljs-attr,
body.light-theme .pmd-codeblock .hljs-attribute,
body.light-theme .pmd-codeblock .hljs-literal,
body.light-theme .pmd-codeblock .hljs-meta,
body.light-theme .pmd-codeblock .hljs-number,
body.light-theme .pmd-codeblock .hljs-operator,
body.light-theme .pmd-codeblock .hljs-selector-attr,
body.light-theme .pmd-codeblock .hljs-selector-class,
body.light-theme .pmd-codeblock .hljs-selector-id,
body.light-theme .pmd-codeblock .hljs-variable {
  color: #005cc5;
}

body.light-theme .pmd-codeblock .hljs-meta .hljs-string,
body.light-theme .pmd-codeblock .hljs-regexp,
body.light-theme .pmd-codeblock .hljs-string {
  color: #032f62;
}

body.light-theme .pmd-codeblock .hljs-built_in,
body.light-theme .pmd-codeblock .hljs-symbol {
  color: #e36209;
}

body.light-theme .pmd-codeblock .hljs-code,
body.light-theme .pmd-codeblock .hljs-comment,
body.light-theme .pmd-codeblock .hljs-formula {
  color: #6a737d;
}

body.light-theme .pmd-codeblock .hljs-name,
body.light-theme .pmd-codeblock .hljs-quote,
body.light-theme .pmd-codeblock .hljs-selector-pseudo,
body.light-theme .pmd-codeblock .hljs-selector-tag {
  color: #22863a;
}

body.light-theme .pmd-codeblock .hljs-subst {
  color: #212529;
}

body.light-theme .pmd-codeblock .hljs-section {
  color: #005cc5;
  font-weight: 700;
}

body.light-theme .pmd-codeblock .hljs-bullet {
  color: #735c0f;
}

body.light-theme .pmd-codeblock .hljs-emphasis {
  color: #212529;
  font-style: italic;
}

body.light-theme .pmd-codeblock .hljs-strong {
  color: #212529;
  font-weight: 700;
}

body.light-theme .pmd-codeblock .hljs-addition {
  color: #22863a;
  background-color: #f0fff4;
}

body.light-theme .pmd-codeblock .hljs-deletion {
  color: #b31d28;
  background-color: #ffeef0;
}

/* 任务列表样式 */
.pmd-task-list {
  list-style: none;
  padding-left: 0;
  margin: 16px 0;
}

.pmd-task-list-item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 8px;
  padding-left: 8px;
}

.pmd-task-list-item.completed {
  opacity: 0.7;
}

.pmd-task-list-item-checkbox {
  margin-right: 12px;
  margin-top: 4px;
  appearance: none;
  width: 16px;
  height: 16px;
  border: 2px solid #666;
  border-radius: 3px;
  position: relative;
  cursor: not-allowed;
  background-color: transparent;
}

.pmd-task-list-item-checkbox:checked {
  background-color: #4caf50;
  border-color: #4caf50;
}

.pmd-task-list-item-checkbox:checked::after {
  content: '';
  position: absolute;
  left: 4px;
  top: 1px;
  width: 4px;
  height: 8px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.pmd-task-list-item-content {
  flex: 1;
  padding-top: 2px;
}

/* 浅色主题下的任务列表样式 */
body.light-theme .pmd-task-list-item-checkbox {
  border-color: #999;
}

body.light-theme .pmd-task-list-item-checkbox:checked {
  background-color: #4caf50;
  border-color: #4caf50;
}

body.light-theme .pmd-task-list-item.completed {
  opacity: 0.6;
}

/* 深色主题下的任务列表样式 */
body.dark-theme .pmd-task-list-item-checkbox {
  border-color: #888;
}

body.dark-theme .pmd-task-list-item-checkbox:checked {
  background-color: #4caf50;
  border-color: #4caf50;
}

/* 折叠块样式 - 现代化设计 */
.pmd-collapse-block {
    margin: 16px 0;
}

.pmd-collapse-header {
    padding: 16px 20px;
    background: #f8f8f8; /* 浅灰色背景确保可见性 */
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    user-select: none;
    transition: all 0.3s ease;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.pmd-collapse-header:hover {
    background: #eaeaea; /* 悬停时更深的背景色 */
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.pmd-collapse-title {
    font-weight: 500;
    color: #333;
    flex-grow: 1;
    text-align: left;
    font-size: 1rem;
}

.pmd-collapse-toggle {
    transition: transform 0.3s ease;
    color: #666;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
}

.pmd-collapse-toggle i {
    transition: transform 0.3s ease;
}

.pmd-collapse-content {
    overflow: hidden;
    transition: all 0.3s ease;
}

.pmd-collapse-inner {
    padding: 20px;
    background: #ffffff; /* 使用纯白色背景 */
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-top: none;
    border-radius: 0 0 8px 8px;
    margin-top: -1px;
    color: #333; /* 深灰色文字确保可读性 */
    line-height: 1.6;
}

/* 深色主题适配 */
@media (prefers-color-scheme: dark) {
    .pmd-collapse-header {
        background: #2d2d2d; /* 深色背景 */
        color: #eee;
        border: 1px solid rgba(255, 255, 255, 0.1);
    }

    .pmd-collapse-header:hover {
        background: #3d3d3d; /* 悬停时更亮的背景色 */
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    }

    .pmd-collapse-title {
        color: #eee;
    }

    .pmd-collapse-toggle {
        color: #ccc;
    }

    .pmd-collapse-inner {
        background: #1e1e1e; /* 深色背景 */
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-top: none;
        color: #eee; /* 浅色文字确保可读性 */
    }
}

/* 明确指定浅色主题下的样式 */
body.light-theme .pmd-collapse-header {
    background: #f8f8f8;
    color: #333;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

body.light-theme .pmd-collapse-title {
    color: #333;
}

body.light-theme .pmd-collapse-toggle {
    color: #666;
}

body.light-theme .pmd-collapse-inner {
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-top: none;
    color: #333;
}

/* 明确指定深色主题下的样式 */
body.dark-theme .pmd-collapse-header {
    background: #2d2d2d;
    color: #eee;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

body.dark-theme .pmd-collapse-header:hover {
    background: #3d3d3d;
}

body.dark-theme .pmd-collapse-title {
    color: #eee;
}

body.dark-theme .pmd-collapse-toggle {
    color: #ccc;
}

body.dark-theme .pmd-collapse-inner {
    background: #1e1e1e;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-top: none;
    color: #eee;
}

body.dark-theme .pmd-heading {
    color: #ddd;
}

body.dark-theme .pmd-thematic-break {
    border-top-color: #555;
}

/* 深色主题下的双分割线 */
body.dark-theme .pmd-thematic-break.pmd-thematic-break-double {
  border-top-color: #555;
  border-bottom-color: #555;
}

body.dark-theme .pmd-thematic-break.pmd-thematic-break-with-text:before,
body.dark-theme .pmd-thematic-break.pmd-thematic-break-with-text:after {
  background-color: #555;
}

body.dark-theme .pmd-thematic-break.pmd-thematic-break-with-text.pmd-thematic-break-double:before,
body.dark-theme .pmd-thematic-break.pmd-thematic-break-with-text.pmd-thematic-break-double:after {
  border-top-color: #555;
  border-bottom-color: #555;
  background: transparent;
}

body.dark-theme .pmd-thematic-break.pmd-thematic-break-dotted {
  background: radial-gradient(circle, #555 30%, transparent 30%) 0 0;
  background-size: 10px 1px;
}

body.dark-theme .pmd-thematic-break.pmd-thematic-break-with-text.pmd-thematic-break-dotted:before,
body.dark-theme .pmd-thematic-break.pmd-thematic-break-with-text.pmd-thematic-break-dotted:after {
  background: radial-gradient(circle, #555 30%, transparent 30%) 0 0;
  background-size: 10px 1px;
}

body.dark-theme .pmd-thematic-break-text {
  background-color: #111;
  color: #aaa;
}

body.dark-theme .pmd-notification code {
    background-color: #444;
}

body.dark-theme .pmd-notification a {
    color: #66b3ff;
}

body.dark-theme .pmd-notification blockquote {
    border-left-color: #666;
    background-color: #333;
    color: #aaa;
}

body.dark-theme .pmd-notification-custom {
    border-color: rgba(100, 100, 100, 0.8);
}

/* 内部链接样式 */
.pmd-internal-link {
  color: #2196F3;
  text-decoration: none;
  border-bottom: 1px dashed #2196F3;
  transition: all 0.3s ease;
}

.pmd-internal-link:hover {
  color: #1976D2;
  border-bottom: 1px solid #1976D2;
  background-color: rgba(33, 150, 243, 0.1);
}

.pmd-internal-link:active {
  color: #0D47A1;
}

/* 浅色主题下的内部链接样式 */
body.light-theme .pmd-internal-link {
  color: #1E88E5;
  border-bottom: 1px dashed #1E88E5;
}

body.light-theme .pmd-internal-link:hover {
  color: #1565C0;
  border-bottom: 1px solid #1565C0;
  background-color: rgba(30, 136, 229, 0.1);
}

body.light-theme .pmd-internal-link:active {
  color: #0D47A1;
}

/* 深色主题下的内部链接样式 */
body.dark-theme .pmd-internal-link {
  color: #64B5F6;
  border-bottom: 1px dashed #64B5F6;
}

body.dark-theme .pmd-internal-link:hover {
  color: #42A5F5;
  border-bottom: 1px solid #42A5F5;
  background-color: rgba(100, 181, 246, 0.15);
}

body.dark-theme .pmd-internal-link:active {
  color: #1E88E5;
}

/* 通知框中的内部链接样式 */
.pmd-notification .pmd-internal-link,
.pmd-notification-notice .pmd-internal-link,
.pmd-notification-tip .pmd-internal-link,
.pmd-notification-warning .pmd-internal-link,
.pmd-notification-danger .pmd-internal-link,
.pmd-notification-custom .pmd-internal-link {
  color: #2196F3;
  border-bottom: 1px dashed #2196F3;
}

.pmd-notification .pmd-internal-link:hover,
.pmd-notification-notice .pmd-internal-link:hover,
.pmd-notification-tip .pmd-internal-link:hover,
.pmd-notification-warning .pmd-internal-link:hover,
.pmd-notification-danger .pmd-internal-link:hover,
.pmd-notification-custom .pmd-internal-link:hover {
  color: #1976D2;
  border-bottom: 1px solid #1976D2;
  background-color: rgba(33, 150, 243, 0.1);
}

/* 深色主题下通知框中的内部链接样式 */
body.dark-theme .pmd-notification .pmd-internal-link,
body.dark-theme .pmd-notification-notice .pmd-internal-link,
body.dark-theme .pmd-notification-tip .pmd-internal-link,
body.dark-theme .pmd-notification-warning .pmd-internal-link,
body.dark-theme .pmd-notification-danger .pmd-internal-link,
body.dark-theme .pmd-notification-custom .pmd-internal-link {
  color: #64B5F6;
  border-bottom: 1px dashed #64B5F6;
}

body.dark-theme .pmd-notification .pmd-internal-link:hover,
body.dark-theme .pmd-notification-notice .pmd-internal-link:hover,
body.dark-theme .pmd-notification-tip .pmd-internal-link:hover,
body.dark-theme .pmd-notification-warning .pmd-internal-link:hover,
body.dark-theme .pmd-notification-danger .pmd-internal-link:hover,
body.dark-theme .pmd-notification-custom .pmd-internal-link:hover {
  color: #42A5F5;
  border-bottom: 1px solid #42A5F5;
  background-color: rgba(100, 181, 246, 0.15);
}

/* 任务列表中的内部链接样式 */
.pmd-task-list-item-content .pmd-internal-link {
  color: #2196F3;
  border-bottom: 1px dashed #2196F3;
}

.pmd-task-list-item-content .pmd-internal-link:hover {
  color: #1976D2;
  border-bottom: 1px solid #1976D2;
  background-color: rgba(33, 150, 243, 0.1);
}

body.dark-theme .pmd-task-list-item-content .pmd-internal-link {
  color: #64B5F6;
  border-bottom: 1px dashed #64B5F6;
}

body.dark-theme .pmd-task-list-item-content .pmd-internal-link:hover {
  color: #42A5F5;
  border-bottom: 1px solid #42A5F5;
  background-color: rgba(100, 181, 246, 0.15);
}

/* 列表中的内部链接样式 */
.pmd-ul li .pmd-internal-link,
.pmd-ol li .pmd-internal-link {
  color: #2196F3;
  border-bottom: 1px dashed #2196F3;
}

.pmd-ul li .pmd-internal-link:hover,
.pmd-ol li .pmd-internal-link:hover {
  color: #1976D2;
  border-bottom: 1px solid #1976D2;
  background-color: rgba(33, 150, 243, 0.1);
}