/* 全局样式 */
			* {
				margin: 0;
				padding: 0;
				box-sizing: border-box;
				font-family: 'Microsoft Yahei', Arial, sans-serif;
			}

			body {
				color: #333;
				line-height: 1.6;
				background-color: #f9fff9;
			}

			/* 导航栏样式 */
			nav {
				width: 100%;
				background-color: #81C784;
				padding: 1rem 2rem;
				position: relative;
				box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
				
				top: 0px;
				z-index: 1000;
			}

			.nav-container {
				display: flex;
				justify-content: space-between;
				align-items: center;
				max-width: 1200px;
				margin: 0 auto;
			}

			.logo {
				color: white;
				font-size: 1.5rem;
				font-weight: bold;
			}

			.nav-links {
				display: flex;
				gap: 2rem;
				list-style: none;
			}

			.nav-links a {
				color: white;
				text-decoration: none;
				font-weight: 500;
				transition: color 0.3s;
			}

			.nav-links a:hover {
				color: #e8f5e9;
			}

			.hamburger {
				/* display: none; */
				flex-direction: column;
				gap: 5px;
				cursor: pointer;

			}

			.hamburger span {
				width: 25px;
				height: 3px;
				background-color: white;
				border-radius: 3px;
			}

			/* 主要内容样式 */
			main {
				max-width: 1100px;
				margin: 1rem auto;
				padding: 0 0.5rem;
			}

			section {
				margin-bottom: 3rem;
				background-color: white;
				padding: 1rem;
				border-radius: 8px;
				box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
			}

			h2 {
				color: #a06f43;
				margin-bottom: 1.5rem;
				font-size: 1.8rem;
				border-bottom: 2px solid #81C784;
				padding-bottom: 0.5rem;
			}

			h3 {
				color: #388E3C;
				margin: 1.2rem 0 0.8rem;
				font-size: 1.3rem;
			}
			/* 二级标题样式（阶段划分） */
			h2 {

				background-color: #e3f2fd;
				/* 浅蓝背景 */
				padding: 5px 25px;
				border-left: 6px solid #3498db;
				/* 左侧彩色边框 */
				border-radius: 0 8px 8px 0;
				/* 右侧圆角 */
				box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
				margin: 0px 0 25px 0;

				color: #2c3e50;
				margin-bottom: 1.5rem;
				font-size: 1.8rem;
				border-bottom: 2px solid #81C784;
				padding-bottom: 0.5rem;
			}

			h3 {
				color: #388E3C;
				margin: 1.2rem 0 0.8rem;
				font-size: 1.3rem;
			}

			/* 三级标题样式（模块分类） */
			h3 {
				color: #2980b9;
				background-color: #f1f8ff;
				/* 更浅的蓝色背景 */
				padding: 5px 10px;
				border-left: 4px solid #2980b9;
				border-radius: 0 6px 6px 0;
				margin: 30px 10px 20px 10px;
				font-size: 1.3em;
			}

			/* 四级标题样式（具体知识点） */
			h4 {
				color: #16a085;
				background-color: #f0fff4;
				/* 浅绿背景 */
				padding: 5px;

				border-radius: 10px;
				margin: 15px 10px 0px 10px;
				font-size: 1.1em;
			}

			h5 {
				font-size: 1em;
			}

			p {
				margin-bottom: 1rem;
				color: #555;
				font-size: 1rem;
			}

			section h3 {
				border-bottom: 0px solid #81C784;
			}

			/* 响应式设计 */
			@media (max-width: 768px) {
				.nav-links {
					position: absolute;
					top: 100%;
					left: 0;
					right: 0;
					background-color: #81C784;
					flex-direction: column;
					gap: 1rem;
					padding: 1rem 2rem;
					display: none;
				}

				.nav-links.active {
					display: flex;
				}

				.hamburger {
					display: flex;
				}

				h2 {
					font-size: 1.6rem;
				}

				h3 {
					font-size: 1.2rem;
				}

				section {
					padding: 1rem;
				}
			}

			/* 文本容器样式 */
			.text-container {
				max-width: 1100px;
				margin: 20px auto;
				margin-top: 0px;
				padding: 10px;
				border: 1px dashed #ccc;

				background-color: #fff;
				border-radius: 8px;
				line-height: 1.6;
				color: #333;
			}

			/* 按钮样式（模拟链接效果） */
			.toggle-btn {
				background: none;
				border: none;
				color: #007bff;
				cursor: pointer;
				padding: 0;
				font-size: 14px;
				margin-top: 8px;
				display: inline-block;
				float: right
			}

			.toggle-btn:hover {
				text-decoration: underline;
			}

			.box2 {

				
				margin: 20px auto;
				margin-top: 0px;
				padding: 10px;
				border: 1px solid #ddd;
				background-color: #f9fff9;
				border-radius: 5px;
			}

			.jian_ge {
				border-bottom: 0px dashed #ddd;
			}

			.box2 ul {
				margin-top: 0px;
				padding-left:10px;
			}

			.box2 li {
				list-style: none;
				border-bottom: 1px dashed;
				margin-bottom: 10px;
				padding: 10px 10px 10px 0px
			}

			.box2 li p {
				margin: 0
			}

			.more {

				text-align: right;
			}

			.box3 {

				
				margin: 20px auto;
				margin-top: 0px;
				padding: 10px;
				border: 1px solid #ddd;
				background-color: #f9fff9;
				border-radius: 5px;
			}

			.box3 li {
				list-style: none;
				border-bottom: 0px dashed;
				margin-bottom: 10px;

			}

			.box4 {

			
				margin: 20px auto;
				margin-top: 0px;
				padding: 10px;
				border: 1px solid #ddd;
				background-color: #f9fff9;
				border-radius: 5px;
			}

			.box4 li {
				list-style: none;
				border-bottom: 1px dashed;
				margin-bottom: 10px;

			}

			.list_1 li {
				list-style: none;
				border-bottom: 1px dashed;
				margin-bottom: 10px;
			}
	
			/* 响应式表格容器 */
			.table-container {
				overflow-x: auto;
				/* 小屏幕横向滚动 */
				-webkit-overflow-scrolling: touch;
				/* 优化移动端滚动体验 */
				background-color: white;
				border-radius: 8px;
				box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
			}

			table {
				width: 100%;

				border-collapse: collapse;
			}

			th,
			td {
				padding: 12px 15px;
				text-align: left;
				border-bottom: 1px solid #eee;
			}

			th {
				padding: 0px 8px;
				background-color: #81C784;
				color: white;
				font-weight: bold;
				font-size: 1rem;
				text-align: center;
			}

			td {
					padding: 12px 15px;
				font-size: 0.95rem;
				color: #333;
			}

			/* 分类名称高亮 */
			.category {
				font-weight: 600;
				color: #2980b9;
			}

			/* 移动端行悬停优化 */
			tr:hover {
				background-color: #f9f9f9;
			}

			/* 小屏幕下调整字体和内边距 */
			@media (max-width: 768px) {
				body {
					padding: 10px;
					line-height: 1.7;
				}

				h1 {
					font-size: 1.3rem;
					margin-bottom: 15px;
				}

				th,
				td {
					padding: 0px 8px;
					font-size: 0.9rem;
				}
			}
		
		        /* 原有样式保持不变，新增以下返回顶部按钮样式 */
		        /* 返回顶部按钮基础样式 */
		        #back-to-top {
		            position: fixed;
		            bottom: 30px;
		            right: 30px;
		            width: 50px;
		            height: 50px;
		            border-radius: 50%;
		            background-color: #3498db;
		            color: white;
		            border: none;
		            cursor: pointer;
		            font-size: 20px;
		            display: none; /* 默认隐藏 */
		            align-items: center;
		            justify-content: center;
		            box-shadow: 0 2px 10px rgba(0,0,0,0.2);
		            transition: opacity 0.3s, transform 0.3s;
		            z-index: 9999; /* 确保在最上层 */
		        }
		        /* 按钮悬停效果 */
		        #back-to-top:hover {
		            background-color: #2980b9;
		            transform: scale(1.1);
		        }
		        /* 按钮显示时的动画 */
		        #back-to-top.show {
		            display: flex;
		            opacity: 1;
		        }
		        /* 小屏幕适配 */
		        @media (max-width: 768px) {
		            #back-to-top {
		                bottom: 20px;
		                right: 20px;
		                width: 40px;
		                height: 40px;
		                font-size: 16px;
		            }
		        }
		    /* 目录样式 */
		           .toc {
		               list-style: none;
		               padding-left: 0;
		               font-family: Arial, sans-serif;
		               line-height: 1.8;
		           }
		           .toc-level-2 {
		               list-style: none;
		               padding-left: 20px;
		           }
		           .toc-level-3 {
		               list-style: none;
		               padding-left: 40px;
		           }
		           .toc a {
		               text-decoration: none;
		               color: #2c3e50;
		           }
		           .toc a:hover {
		               color: #3498db;
		               text-decoration: underline;
		           }
				   /* 全局样式重置 */
				   * {
				       margin: 0;
				       padding: 0;
				       box-sizing: border-box;
				       font-family: Arial, sans-serif;
				   }
				   
				   /* 页面整体 Flex 布局 */
				   .container {
				       display: flex;
				       height: 90vh; /* 占满视口高度 */
				       overflow: hidden; /* 隐藏容器溢出内容 */
				   }
				   
				   /* 左侧目录栏 */
				   .sidebar {
				       width: 400px;
				       background-color: #f5f5f5;
				       border-right: 1px solid #ddd;
				       padding: 20px;
				       overflow-y: auto; /* 目录过长时显示滚动条 */
				   }
				   .sidebar h2 {
				       font-size: 18px;
				       margin-bottom: 20px;
				       color: #333;
				   }
				   .sidebar ul {
				       list-style: none;
				   }
				   .sidebar li {
				       margin: 0px 0;
				   }
				   .sidebar a {
				       display: block;
				       padding: 1px 0px;
				       text-decoration: none;
				       color: #555;
				       border-radius: 4px;
				       transition: background-color 0.2s;
				   }
				   .sidebar a:hover {
				       background-color: #e0e0e0;
				   }
				   .sidebar a.active {
				       background-color: #2196F3;
				       color: white;
				   }
				   
				   /* 右侧内容区 */
				   .content {
				       flex: 1; /* 占据剩余空间 */
				       padding: 40px;
				       overflow-y: auto; /* 内容过长时显示滚动条 */
				       scroll-behavior: smooth; /* 平滑滚动（需浏览器支持） */
				   }
				   .content section {
				       margin-bottom: 80px; /* 段落间距 */
				       padding: 20px;
				       border-radius: 8px;
				       background-color: white;
				       box-shadow: 0 2px 4px rgba(0,0,0,0.1);
				   }
				   .content h3 {
				       font-size: 24px;
				       margin-bottom: 15px;
				       color: #2196F3;
				   }
				   .content p {
				       line-height: 1.8;
				       color: #444;
				   }