@import url("https://fonts.googleapis.com/css?family=Roboto+Mono|Source+Sans+Pro:300,400,600");
/* 全局重置和基础设置 */
*{-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-text-size-adjust:none;-webkit-touch-callout:none;box-sizing:border-box}
/* --- 核心主题颜色变量 (优化为更柔和的深蓝调色板) --- */
:root {
  --theme-color: #007bff; /* 深蓝 - 主要强调色，更专业柔和 */
  --highlight-color: #00bfff; /* 浅蓝 - 用于高亮，减少霓虹感 */
  --background-color: #1a1a1a; /* 深黑背景，用于基底 */
  --text-color: #f0f0f0; /* 亮白/浅灰，在深背景上突出 */
  --secondary-text-color: #b0b0b0; /* 次要文本颜色 */
  --border-color: #3a3a3a; /* 深边框，用于分隔 */
  --code-bg: #0a0a0a; /* 代码块背景 */
  --table-header-bg: #2a2a2a; /* 表格头部背景 */
  --shadow-small: 1px 1px 0 var(--theme-color); /* 小阴影 */
  --shadow-medium: 3px 3px 0 var(--highlight-color); /* 中等阴影 */
  --shadow-large: 8px 8px 0 var(--highlight-color), 12px 12px 0 var(--background-color); /* 大阴影 */
}
/* 改善加载体验：立即应用基础样式 */
body {
  background-color: var(--background-color);
 
  /* 纹理层叠：
     1. 水平线 (极淡的琥珀色)
     2. 垂直线
  */
  background-image:
    linear-gradient(rgba(255, 176, 0, 0.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 176, 0, 0.07) 1px, transparent 1px);
   
  background-size: 40px 40px; /* 40px 的网格间距 */
  background-attachment: local; /* 网格随页面滚动 */
}
/* 加载时的全屏覆盖 */
body:not(.ready) {
  background-color: #1a1a1a !important;
}
body:not(.ready) * {
  color: #f0f0f0 !important;
}
body:not(.ready){overflow:hidden}
body:not(.ready) .app-nav,body:not(.ready)>nav,body:not(.ready) [data-cloak]{display:none}
/* 加载状态样式 */
div#app{
   font-size:30px;
   font-weight:lighter;
   margin:40vh auto;
   text-align:center;
   color: var(--highlight-color); /* Loading 颜色 */
   /* LOADING: 优化立体阴影的可读性 */
   text-shadow: 2px 2px 0px var(--theme-color), 4px 4px 0px var(--background-color); /* 减小偏移量 */
   background-color: var(--background-color);
   min-height: 100vh;
   display: flex;
   align-items: center;
   justify-content: center;
}
div#app:empty:before{content:"Loading..."}
img.emoji{height:1.2em}
img.emoji,span.emoji{vertical-align:middle}
span.emoji{font-family:Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:1.2em}
/* --- 进度条 (Progress Bar) --- */
.progress{
  background-color: var(--theme-color);
  height:4px; /* 加厚进度条 */
  left:0;
  position:fixed;
  right:0;
  top:0;
  transition:width .2s,opacity .4s;
  width:0;
  z-index:999999;
  /* PROGRESS: 保留立体阴影 */
  box-shadow: 0 4px 0 var(--highlight-color);
  background-color: var(--highlight-color); /* 进度条改为浅蓝 */
}
/* --- 搜索结果高亮 (Search) --- */
.search .search-keyword,.search a:hover{
  color: var(--text-color); /* 搜索结果使用亮文本 */
  /* SEARCH: 优化立体阴影的可读性 */
  text-shadow: 1px 1px 0 var(--theme-color); /* 减小偏移量 */
}
.search .search-keyword{font-style:normal;font-weight:700}
/* --- 主体背景和字体 --- */
body,html{height:100%}
body{
  -moz-osx-font-smoothing:grayscale;
  -webkit-font-smoothing:antialiased;
  color: var(--text-color); /* 亮色文本 */
  /* background-color: var(--background-color); 已在body上方设置 */
  font-family: Roboto Mono, Source Sans Pro, Helvetica Neue, Arial, sans-serif; /* 强调等宽字体 */
  font-size:15px;
  letter-spacing:0.05em; /* 略微拉开字母间距 */
  margin:0;
  overflow-x:hidden
}
img{max-width:100%}
a[disabled]{cursor:not-allowed;opacity:.6}
kbd{
  border:1px solid var(--border-color);
  border-radius:3px;
  display:inline-block;
  font-size:12px!important;
  line-height:12px;
  margin-bottom:3px;
  padding:3px 5px;
  vertical-align:middle;
  background-color: #2a2a2a; /* 黑色立体背景 */
  box-shadow: 2px 2px 0 var(--highlight-color); /* 简单的立体阴影 */
}
li input[type=checkbox]{margin:0 .2em .25em 0;vertical-align:middle}
/* --- 顶部导航栏 (App Nav) --- */
.app-nav{
  margin:25px 60px 0 0;
  position:absolute;
  right:0;
  text-align:right;
  z-index:10;
}
.app-nav.no-badge{margin-right:25px}
.app-nav p{margin:0}
.app-nav>a{margin:0 1rem;padding:5px 0}
.app-nav li,.app-nav ul{display:inline-block;list-style:none;margin:0}
.app-nav a{
  color: inherit;
  font-size:16px;
  text-decoration:none;
  transition:color .3s, text-shadow .3s;
}
.app-nav a.active, .app-nav a:hover{
  color: var(--highlight-color); /* 悬停颜色改为浅蓝 */
  /* NAV LINK: 优化悬停立体阴影，减小模糊感 */
  text-shadow: 1px 1px 0 var(--theme-color); /* 减小偏移量 */
  text-decoration: none; /* 确保导航链接悬停无下划线 */
}
.app-nav a.active{
  border-bottom:2px solid var(--theme-color);
  color: var(--theme-color); /* 激活链接颜色 */
  text-shadow: none; /* 激活时移除阴影，提高清晰度 */
  text-decoration: none;
}
.app-nav li{
  display:inline-block;
  margin:0 1rem;
  padding:5px 0;
  position:relative;
  cursor:pointer;
}
/* 下拉菜单 */
.app-nav li ul{
  background-color: var(--background-color); /* 黑色背景 */
  border:1px solid var(--theme-color); /* 柔和边框 */
  /* DROPDOWN: 保留清晰的单向立体阴影 */
  box-shadow: 4px 4px 0 var(--highlight-color);
  border-radius:4px;
  box-sizing:border-box;
  display:none;
  max-height:calc(100vh - 61px);
  overflow-y:auto;
  padding:10px 0;
  position:absolute;
  right:-15px;
  text-align:left;
  top:100%;
  white-space:nowrap;
}
.app-nav li ul li{display:block;font-size:14px;line-height:1rem;margin:8px 14px;white-space:nowrap}
.app-nav li ul a{display:block;font-size:inherit;margin:0;padding:0}
.app-nav li ul a.active{border-bottom:0}
.app-nav li:hover ul{display:block}
/* --- GitHub Corner --- */
.github-corner{border-bottom:0;position:fixed;right:0;text-decoration:none;top:0;z-index:1}
.github-corner:hover .octo-arm{animation:octocat-wave .56s ease-in-out}
.github-corner svg{
  color: var(--background-color); /* 黑色填充 */
  fill: var(--theme-color); /* 柔和色 */
  height:80px;
  width:80px
}
/* --- 主内容区 (Main Content) --- */
main{display:block;position:relative;width:100vw;height:100%;z-index:0}
main.hidden{display:none}
/* --- 锚点 (Anchor) --- */
.anchor{display:inline-block;text-decoration:none;transition:all .3s}
.anchor span{color: var(--secondary-text-color)}
.anchor:hover{text-decoration:none} /* 移除锚点悬停下划线 */
/* --- 侧边栏 (Sidebar) --- */
.sidebar {
  background: #0e0e0e;
  border-right: 4px solid var(--theme-color); /* 加粗边框以增强立体感，像像素边界 */
  width: 260px;
  height: max-content;
  padding: 48px 0 80px;
  /* position: fixed; */
  top: 0; bottom: 0; left: 0;
  z-index: 20;
  overflow-y: auto;
  transition: opacity 0.3s ease, visibility 0.3s ease; /* 添加过渡避免闪烁 */
  box-shadow: var(--shadow-large); /* 使用大阴影增强立体感，像磁带未来主义风格的3D像素效果 */
  /* 添加像素网格背景，匹配磁带未来主页的复古像素感 */
  background-image:
    linear-gradient(rgba(0, 191, 255, 0.05) 1px, transparent 1px), /* 浅蓝水平像素线 */
    linear-gradient(90deg, rgba(0, 191, 255, 0.05) 1px, transparent 1px); /* 浅蓝垂直像素线 */
  background-size: 20px 20px; /* 更小的网格间距，增强像素化感觉 */
  background-attachment: local;
}
/* 标题 */
.sidebar > h1 {
  margin: 0 32px 2.8rem;
  font-size: 1.8rem;
  font-weight: 700;
  color: var(--highlight-color);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  border-bottom: 4px solid var(--theme-color); /* 加粗分隔线，像像素边框 */
  padding-bottom: 12px;
  text-shadow: var(--shadow-small); /* 添加小阴影增强立体像素感 */
}
/* 导航链接基础状态 */
.sidebar .sidebar-nav li a {
  display: block;
  padding: 14px 34px;
  color: var(--secondary-text-color);
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.04em;
  transition: all 0.25s ease;
  border-bottom: 2px solid transparent; /* 添加透明底边框准备过渡 */
}
/* Hover：变色 + 轻微左缩进 + 像素阴影 */
.sidebar .sidebar-nav li a:hover {
  color: var(--highlight-color);
  background: rgba(0, 123, 255, 0.15); /* 极淡高亮背景 */
  padding-left: 38px; /* 轻微左缩进 */
  box-shadow: var(--shadow-medium); /* 中等阴影增强立体像素感 */
  border-bottom: 2px solid var(--highlight-color); /* 像素化底边框 */
}
/* 当前页面（激活态）：蓝色底 + 白字 + 像素阴影 */
.sidebar .sidebar-nav li.active > a {
  color: #ffffff;
  background: var(--theme-color);
  font-weight: 600;
  padding-left: 38px;
  box-shadow: var(--shadow-medium); /* 中等阴影增强立体感 */
  border-bottom: 2px solid var(--highlight-color); /* 像素化底边框 */
  transform: translateX(4px); /* 轻微位移像像素偏移 */
}
/* 子菜单 */
.app-sub-sidebar {
  margin-left: 20px;
  padding-left: 20px;
  border-left: 2px solid rgba(0, 191, 255, 0.3); /* 加粗线条，像像素边界 */
}
.app-sub-sidebar li a {
  padding: 10px 34px;
  color: #888;
  font-weight: 500;
  font-size: 14px;
  border-bottom: 1px solid transparent; /* 准备过渡 */
}
.app-sub-sidebar li a:hover {
  color: var(--highlight-color);
  background: rgba(0, 191, 255, 0.1);
  padding-left: 38px;
  box-shadow: var(--shadow-small); /* 小阴影增强像素感 */
  border-bottom: 1px solid var(--highlight-color);
}
.app-sub-sidebar li.active > a {
  color: #fff;
  background: var(--theme-color);
  padding-left: 38px;
  box-shadow: var(--shadow-small);
  border-bottom: 1px solid var(--highlight-color);
}
/* 滚动条 – 增强像素感，粗糙化 */
.sidebar::-webkit-scrollbar { width: 8px; } /* 加粗滚动条，像像素块 */
.sidebar::-webkit-scrollbar-track { background: transparent; }
.sidebar::-webkit-scrollbar-thumb {
  background: var(--theme-color);
  border-radius: 0; /* 移除圆角，像方形像素 */
}
.sidebar::-webkit-scrollbar-thumb:hover {
  background: var(--highlight-color);
}
/*移动端汉堡菜单 */
/* .sidebar-toggle {
  background: #0a0a0a;
  border-top: 3px solid var(--theme-color);
  padding: 22px 30px;
}
.sidebar-toggle span {
  background: var(--highlight-color);
  height: 4px;
  width: 36px;
  display: block;
  margin: 8px 0;
  border-radius: 2px;
} */
.sidebar-toggle {
  display: none;
}
/* --- 内容区 (Content) --- */
.content{
  padding-top:60px;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:300px;
  transition:left .25s ease
}
.markdown-section{margin:0 auto;max-width:80%;padding:30px 15px 40px;position:relative}
.markdown-section>*{box-sizing:border-box;font-size:inherit}
.markdown-section>:first-child{margin-top:0!important}
.markdown-section hr{border:none;border-bottom:1px solid var(--border-color);margin:2em 0}
.markdown-section iframe{border:1px solid var(--border-color);width:1px;min-width:100%}
/* --- 表格 (Table) --- */
.markdown-section table{
  border-collapse:collapse;
  border-spacing:0;
  display:block;
  margin-bottom:1rem;
  overflow:auto;
  width:100%;
  box-shadow: var(--shadow-medium); /* 立体感 */
  border: 1px solid var(--theme-color);
}
.markdown-section th{
  font-weight:700;
  background-color: var(--table-header-bg); /* 表头深色 */
  color: var(--highlight-color);
}
.markdown-section td,.markdown-section th{
  border:1px solid var(--border-color);
  padding:6px 13px
}
.markdown-section tr{border-top:1px solid #444}
.markdown-section p.tip,.markdown-section tr:nth-child(2n){background-color:#222} /* 斑马条纹背景 */
/* --- 提示框 (Tip Box) --- */
.markdown-section p.tip{
  background-color: #002a4d; /* 深蓝背景，与主题色搭配 */
  border-bottom-right-radius:2px;
  border-left:4px solid var(--theme-color); /* 深蓝边框 */
  border-top-right-radius:2px;
  margin:2em 0;
  padding:12px 24px 12px 30px;
  position:relative;
  color: var(--text-color);
  /* TIP BOX: 立体感阴影 */
  box-shadow: 4px 4px 0 var(--highlight-color);
}
.markdown-section p.tip:before{
  background-color: var(--theme-color);
  border-radius:100%;
  color: var(--background-color);
  content:"!";
  font-family:Dosis,Source Sans Pro,Helvetica Neue,Arial,sans-serif;
  font-size:14px;
  font-weight:700;
  left:-12px;
  line-height:20px;
  position:absolute;
  height:20px;
  width:20px;
  text-align:center;
  top:14px;
  /* TIP ICON: 保持清晰的圆形强调 */
  box-shadow: 2px 2px 0 var(--highlight-color);
}
.markdown-section p.tip code{background-color:#444}
.markdown-section p.tip em{color: var(--highlight-color)}
/* --- 警告框 (Warn Box) --- */
.markdown-section p.warn{
  background:rgba(0, 191, 255, .1); /* 浅蓝半透明背景 */
  border: 1px dashed var(--highlight-color); /* 虚线边框 */
  border-radius:2px;
  padding:1rem;
  /* WARN BOX: 立体感阴影 */
  box-shadow: -4px -4px 0 var(--theme-color);
}
.markdown-section ul.task-list>li{list-style-type:none}
/* --- 标题和文本样式 (Headings and Text) --- */
.markdown-section h1,.markdown-section h2,.markdown-section h3,.markdown-section h4,.markdown-section strong{
  color: var(--highlight-color);
  font-weight:600;
  /* HEADINGS: 减小立体阴影偏移量，提高清晰度 */
  text-shadow: 1.5px 1.5px 0 var(--theme-color); /* 从 3px 减到 1.5px */
}
.markdown-section a{
  color: var(--theme-color);
  font-weight:600;
  text-decoration: none; /* 移除默认下划线 */
  transition: color .3s, text-shadow .3s;
}
.markdown-section a:hover {
    color: var(--highlight-color);
    text-decoration: none; /* 悬停时也移除下划线 */
    /* LINK HOVER: 保持硬朗的立体阴影 */
    text-shadow: 1px 1px 0 var(--theme-color); /* 增加到 1px 偏移量 */
}
.markdown-section h1{font-size:2.5rem;margin:0 0 1rem}
.markdown-section h2{font-size:2rem;margin:45px 0 .8rem;border-bottom: 2px solid var(--border-color);} /* 添加分隔线 */
.markdown-section h3{font-size:1.75rem;margin:40px 0 .6rem}
.markdown-section h4{font-size:1.5rem}
.markdown-section h5{font-size:1.25rem}
.markdown-section h6{color:#aaa;font-size:1rem}
.markdown-section figure,.markdown-section p{margin:1.2em 0}
.markdown-section ol,.markdown-section p,.markdown-section ul{line-height:1.8rem;word-spacing:.05rem}
.markdown-section ol,.markdown-section ul{padding-left:1.5rem}
/* --- 引用块 (Blockquote) --- */
.markdown-section blockquote{
  border-left:8px solid var(--theme-color); /* 更厚的边框 */
  color: var(--secondary-text-color);
  margin:2em 0;
  padding-left:20px;
  background-color: #222;
  /* BLOCKQUOTE: 保留硬朗立体阴影 */
  box-shadow: 6px 6px 0 var(--highlight-color);
}
.markdown-section blockquote p{font-weight:600;margin-left:0}
.markdown-section iframe{margin:1em 0}
.markdown-section em{color: var(--theme-color); font-style: normal;} /* 强调色 */
/* --- 代码块 (Code and Pre) --- */
.markdown-section code,.markdown-section output:after,.markdown-section pre{font-family:Roboto Mono,Monaco,courier,monospace}
.markdown-section code,.markdown-section pre{
  background-color: var(--code-bg);
  /* CODE BLOCK BORDER: 边框改为强调色，硬朗化 */
  border: 2px solid var(--theme-color);
}
.markdown-section output,.markdown-section pre{margin:1.2em 0;position:relative}
.markdown-section output,.markdown-section pre>code{border-radius:2px;display:block}
.markdown-section output:after,.markdown-section pre>code{-moz-osx-font-smoothing:initial;-webkit-font-smoothing:initial}
.markdown-section code{
  border-radius:2px;
  color: var(--highlight-color); /* 浅蓝色行内代码 */
  margin:0 2px;
  padding:3px 5px;
  white-space:pre-wrap;
  background-color: #2a2a2a; /* 略浅的黑色背景 */
  /* INLINE CODE: 减小立体阴影偏移量，提高清晰度 */
  box-shadow: 1px 1px 0 var(--theme-color); /* 从 2px 减到 1px */
}
.markdown-section>:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) code{font-size:.9rem}
.markdown-section pre{
  padding:0 1.4rem;
  line-height:1.5rem;
  overflow:auto;
  word-wrap:normal;
  /* CODE BLOCK SHADOW: 保持硬朗、深度的立体阴影，这通常对代码块可读性影响较小 */
  box-shadow: var(--shadow-large);
}
/* 自定义代码块滚动条样式，与主题风格一致 */
.markdown-section pre::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.markdown-section pre::-webkit-scrollbar-thumb {
  background: var(--theme-color);
  border-radius: 4px;
}
.markdown-section pre::-webkit-scrollbar-thumb:hover {
  background: var(--highlight-color);
}
.markdown-section pre::-webkit-scrollbar-track {
  background: var(--background-color);
}
.markdown-section pre>code{
  color: var(--text-color);
  font-size:.9rem;
  padding:2.2em 5px;
  line-height:inherit;
  margin:0 2px;
  max-width:inherit;
  overflow:inherit;
  white-space:inherit;
}
.markdown-section output{padding:1.7rem 1.4rem;border:1px dotted var(--highlight-color)}
.markdown-section output>:first-child{margin-top:0}
.markdown-section output>:last-child{margin-bottom:0}
.markdown-section code:after,.markdown-section code:before,.markdown-section output:after,.markdown-section output:before{letter-spacing:.05rem}
.markdown-section output:after,.markdown-section pre:after{
  color: var(--theme-color);
  font-size:.7rem;
  font-weight:600;
  height:15px;
  line-height:15px;
  padding:5px 10px 0;
  position:absolute;
  right:0;
  text-align:right;
  top:0;
  content:attr(data-lang);
  /* CODE LABEL: 优化立体阴影的可读性 */
  text-shadow: 0.5px 0.5px 0 var(--highlight-color); /* 减小偏移量 */
}
/* --- PrismJS 语法高亮配色 (Token Colors) --- */
.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#858585} /* 灰色评论 */
.token.namespace{opacity:.7}
.token.boolean,.token.number{color: var(--highlight-color)} /* 浅蓝色数字/布尔值 */
.token.punctuation{color: var(--secondary-text-color)}
.token.property{color: #fce669} /* 亮黄色属性 */
.token.tag{color: var(--theme-color)} /* 深蓝标签 */
.token.string{color: #79ff79} /* 亮绿色字符串 */
.token.selector{color: #99ffff} /* 浅蓝选择器 */
.token.attr-name{color: var(--theme-color)}
.language-css .token.string,.style .token.string,.token.entity,.token.url{color: #99ffff}
.token.attr-value,.token.control,.token.directive,.token.unit{color: var(--highlight-color)}
.token.function,.token.keyword{color: #f7a072} /* 亮橙色关键字/函数 */
.token.atrule,.token.regex,.token.statement{color: #99ffff}
.token.placeholder,.token.variable{color: var(--theme-color)}
.token.deleted{text-decoration:line-through}
.token.inserted{border-bottom:1px dotted var(--highlight-color);text-decoration:none}
.token.italic{font-style:italic}
.token.bold,.token.important{font-weight:700}
.token.important{color: var(--theme-color)}
.token.entity{cursor:help}
code .token{-moz-osx-font-smoothing:initial;-webkit-font-smoothing:initial;min-height:1.5rem;position:relative;left:auto}
/* --- Cover Section (封面) --- */
section.cover{position:relative;background-color: var(--background-color);align-items:center;background-position:50%;background-repeat:repeat;background-size:40px 40px;min-height:100vh;width:100%;display:none;
  background-image: linear-gradient(rgba(255, 176, 0, 0.07) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 176, 0, 0.07) 1px, transparent 1px);
}
section.cover.show{display:flex}
section.cover.has-mask .mask{opacity:.4;position:absolute;top:0;bottom:0;width:100%;
  background-image: linear-gradient(rgba(255, 176, 0, 0.1) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 176, 0, 0.1) 1px, transparent 1px);
  background-size: 40px 40px;
} /* 进一步降低蒙版不透明度，提高小文字清晰度 */
section.cover .cover-main{flex:1;margin:0 16px;text-align:center;position:relative}
section.cover a{color:inherit}
section.cover a,section.cover a:hover{text-decoration:none}
section.cover p{line-height:1.5rem;margin:1em 0}
section.cover h1{
  color: var(--theme-color);
  font-size:3.5rem; /* 更大的标题 */
  font-weight:300;
  margin:.625rem 0 2.5rem;
  position:relative;
  text-align:center;
  /* COVER H1: 进一步减小立体阴影，提高清晰度 */
  text-shadow: 2px 2px 0 var(--highlight-color), 4px 4px 0 var(--background-color); /* 减小偏移量 */
}
section.cover h1 a{display:block}
section.cover h1 small{bottom:-.4375rem;font-size:1rem;position:absolute;text-shadow: 1px 1px 0 var(--theme-color);} /* 添加阴影提高清晰度 */
section.cover blockquote{
  font-size:1.5rem;
  text-align:center;
  color: var(--highlight-color);
  /* COVER BLOCKQUOTE: 优化立体阴影的可读性 */
  text-shadow: 1px 1px 0 var(--theme-color); /* 减小偏移量 */
}
section.cover ul{line-height:1.8;list-style-type:none;margin:1em auto;max-width:500px;padding:0}
section.cover ul li{color: var(--text-color);text-shadow: 1px 1px 0 var(--theme-color);} /* 提高列表文字清晰度 */
section.cover .cover-main>p:last-child a{
  border-radius:0; /* 移除圆角，采用硬边 */
  border:2px solid var(--theme-color); /* 边框加厚 */
  box-sizing:border-box;
  color: var(--theme-color);
  display:inline-block;
  font-size:1.1rem;
  letter-spacing:.1rem;
  margin:.5rem 1rem;
  padding:.75em 2rem;
  text-decoration:none;
  transition:all .15s ease, box-shadow .15s ease;
  /* COVER BUTTON (HOLLOW): 立体感阴影 */
  box-shadow: 5px 5px 0 var(--highlight-color);
}
section.cover .cover-main>p:last-child a:last-child{
  background-color: var(--theme-color);
  color: var(--background-color);
  /* COVER BUTTON (FILLED): 立体感阴影 */
  box-shadow: 5px 5px 0 var(--highlight-color);
}
section.cover .cover-main>p:last-child a:last-child:hover{
  color: var(--background-color);
  opacity:1;
  /* COVER BUTTON (FILLED) HOVER: 强化立体阴影 */
  box-shadow: 8px 8px 0 var(--highlight-color);
}
section.cover .cover-main>p:last-child a:hover{
  color: var(--highlight-color);
  border-color: var(--highlight-color);
  /* COVER BUTTON (HOLLOW) HOVER: 强化立体阴影 */
  box-shadow: 8px 8px 0 var(--theme-color);
}
section.cover blockquote>p>a{
  border-bottom:2px solid var(--theme-color);
  transition:color .3s;
  text-decoration: none; /* 移除下划线 */
}
section.cover blockquote>p>a:hover{
  color: var(--theme-color);
  text-decoration: none; /* 移除下划线 */
}
/* --- 响应式调整 (Responsive Adjustments) --- */
@media screen and (max-width:768px){
  /* 移动端导航栏调整 */
  .app-nav {
    margin: 25px 20px 0 0;
    font-size: 14px;
  }
  .app-nav li {
    margin: 0 0.5rem;
  }
  /* 侧边栏在移动端隐藏 */
  .sidebar {
    transform: translateX(-100%);
  }
  body.close .sidebar {
    transform: translateX(0);
  }
  /* 内容区调整 */
  .content {
    left: 0;
    padding-top: 50px;
  }
  .markdown-section {
    max-width: 95%;
    padding: 20px 10px 30px;
  }
  /* 表格在移动端可滚动 */
  .markdown-section table {
    font-size: 14px;
  }
  /* 封面页面调整 */
  section.cover h1 {
    font-size: 2.5rem;
  }
  section.cover blockquote {
    font-size: 1.2rem;
  }
  /* 代码块调整 */
  .markdown-section pre {
    padding: 0 0.8rem;
  }
  .markdown-section pre>code {
    font-size: 0.8rem;
    padding: 1.5em 5px;
  }
  /* 侧边栏切换按钮 */
  body.close .sidebar-toggle{
    background-color: var(--background-color);
  }
}
@media screen and (max-width:480px){
  /* 小屏幕进一步调整 */
  .markdown-section h1 {
    font-size: 2rem;
  }
  .markdown-section h2 {
    font-size: 1.6rem;
  }
  .markdown-section h3 {
    font-size: 1.4rem;
  }
  /* 封面按钮调整 */
  section.cover .cover-main>p:last-child a {
    display: block;
    margin: 0.5rem auto;
    width: 200px;
  }
}