:root {
  --black: #000000;
  --grey: #353038;
  --white: #ffffff;
  --flare: #6340ac;
  --rock: #78876e;
  --galaxy: #261230;
  --space: #30173d;
  --comet: #6f5d6f;
  --cosmic: #de5fe9;
  --sun: #ffac2f;
  --electron: #46ebe1;
  --aurora: #46eb74;
  --constellation: #5f6de9;
  --neutron: #cff3cf;
  --proton: #f6afbc;
  --nebula: #cdcbfb;
  --supernova: #f1aff6;
  --starlight: #f4f4f1;
  --lunar: #fbf2fc;
  --asteroid: #e3cee3;
  --crater: #f0dfdf;
  --imu: #0f4b8a;  
  --imu1: #cea6ff;
  --whitebg: #F8F9FA;
  --blackfg: #1C1C1E; 
  --blackbg: #1A1A1A; 
  --whitefg: #E0E0E0;
}

[data-md-color-scheme="astral-light"] {
  --md-default-bg-color: var(--whitebg); /*主体背景*/
  --md-default-bg-color--light: var(--white); /*导航背景*/
  --md-default-fg-color: var(--blackfg); /*标题*/
  --md-default-fg-color--light: var(--blackbg); /*右侧失焦*/
  /*--md-default-fg-color--lighter: var(--white); /*搜索聚焦*/
  --md-accent-fg-color: var(--imu); /*右侧聚焦，左侧字体*/

  /* 在这里添加主界面 Markdown 正文文字的颜色 */
  --md-typeset-color: var(--blackfg);
}

[data-md-color-scheme="astral-dark"] {
  --md-default-bg-color: var(--blackbg);
  --md-default-bg-color--light: var(--black);
  --md-default-fg-color: var(--whitefg);
  --md-default-fg-color--light: var(--whitebg);
  /*--md-default-fg-color--lighter: var(--black);*/
  --md-accent-fg-color: var(--imu1);

  --md-typeset-color: var(--whitefg);
  --md-typeset-a-color: var(--nebula);
  --md-typeset-mark-color: var(--sun);

  --md-code-fg-color: var(--white);
  --md-code-bg-color: var(--grey);

  --md-code-hl-comment-color: var(--asteroid);
  --md-code-hl-punctuation-color: var(--asteroid);
  --md-code-hl-generic-color: var(--supernova);
  --md-code-hl-variable-color: var(--starlight);
  --md-code-hl-string-color: var(--nebula);
  --md-code-hl-keyword-color: var(--supernova);
  --md-code-hl-operator-color: var(--supernova);
  --md-code-hl-number-color: var(--electron);
  --md-code-hl-special-color: var(--electron);
  --md-code-hl-function-color: var(--neutron);
  --md-code-hl-constant-color: var(--nebula);
  --md-code-hl-name-color: var(--md-code-fg-color);

  --md-typeset-del-color: hsla(6, 90%, 60%, 0.15);
  --md-typeset-ins-color: hsla(150, 90%, 44%, 0.15);

  --md-typeset-table-color: hsla(0, 0%, 100%, 0.12);
  --md-typeset-table-color--light: hsla(0, 0%, 100%, 0.035);

  --color-background: 37 37 38;           /* 搜索面板背景色（对应十六进制 #252526） */                                                          
  --color-foreground: 244 244 241;        /* 面板文字和输入文字颜色（对应十六进制 #f4f4f1） */                                                  
  --color-background-subtle: 53 48 56;     /* 辅助区域及清除按钮 hover 背景色（对应十六进制 #353038） */                                        
  --color-backdrop: 20 18 20;             /* 弹窗背后的模糊遮罩层颜色（对应十六进制 #141214） */       
}

.md-nav__link {
  display: flex;
  align-items: center;
  font-size: 0.65rem;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
}

.md-nav__link .md-nav__icon.md-icon {
  height: 0.7rem;
  width: 0.7rem;
}

/* 抽屉遮罩使用独立的半透明背景，避免与侧边栏底色混在一起 */
.md-overlay {
  background-color: rgba(255, 255, 255, 0.187);
}

/* 隐藏整个底部栏 */                                                                                                                            
.md-footer-meta {                                                                                                                               
  display: none;                                                                                                                                
}

/* 1. 顶部搜索栏按钮（未点击状态）在 astral-light 下的配色 */
[data-md-color-scheme="astral-light"] .md-search__button {                                                                                       
  background-color: rgba(134, 134, 134, 0.119) !important; /* 按钮背景色 */                                                                      
  color: #000000 !important;                              /* 按钮文字和图标颜色 */                                                              
}
/* 2. 顶部搜索栏按钮在悬停（Hover）状态下的配色 */                                                                                              
[data-md-color-scheme="astral-light"] .md-search__button:hover {                                                                                 
  background-color: rgba(35, 35, 35, 0.2) !important;  /* 鼠标悬停时的背景色 */                                                              
  color: #000000 !important;                              /* 鼠标悬停时的文字颜色 */                                                            
}   
/* 3. 顶部搜索栏按钮（未点击状态）在 astral-dark 下的配色 */
[data-md-color-scheme="astral-dark"] .md-search__button {                                                                                       
  background-color: rgba(229, 229, 229, 0.073) !important; /* 按钮背景色 */                                                                      
  color: #ffffff !important;                              /* 按钮文字和图标颜色 */                                                              
}
/* 4. 顶部搜索栏按钮在悬停（Hover）状态下的配色 */                                                                                              
[data-md-color-scheme="astral-dark"] .md-search__button:hover {                                                                                 
  background-color: rgba(255, 255, 255, 0.2) !important;  /* 鼠标悬停时的背景色 */                                                              
  color: #ffffff !important;                              /* 鼠标悬停时的文字颜色 */                                                            
}                                       

/* 左侧目录到顶部导航栏的间距 */                                                                                                                
.md-sidebar--primary {                                                                                                                          
  padding-top: 18px !important; /* 默认 22px，数值越小越靠上，越大越靠下 */                                                                     
}                          

/* 中间主体内容与图片到顶部导航栏的间距 */                                                                                                      
.md-main__inner {                                                                                                                               
  margin-top: 18px !important; /* 默认 30px，数值越小越贴近导航栏，越大间距越宽 */                                                              
}  

/* 右侧大纲到顶部导航栏的间距 */                                                                                                                
.md-sidebar--secondary {                                                                                                                        
  padding-top: 18px !important; /* 默认 22px，数值越小越靠上，越大越靠下 */                                                                     
}