/* 全局设置 */
 * {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
   font-family: "Microsoft YaHei", sans-serif;
 }

 a {
   color: #e8e8f0;
   text-decoration: none;
 }

 /* 全局暗色背景 */
 body {
   background-color: #0c0c14;
   color: #e8e8f0;
   min-height: 100vh;
 }

 /* 顶部容器 */
 header {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 16px 40px;
   background: linear-gradient(180deg, #151224 0%, rgba(12, 12, 20, 0) 100%);
   position: sticky;
   top: 0;
   z-index: 999;
 }

 /* 左侧Logo */
 .logo {
   font-size: 26px;
   font-weight: bold;
   background: linear-gradient(135deg, #8b6bff, #40b8ff, #ffd770);
   -webkit-background-clip: text;
   background-clip: text;
   color: transparent;
   letter-spacing: 2px;
 }

 /* 导航栏容器 */
 nav ul {
   display: flex;
   gap: 8px;
   list-style: none;
 }

 /* 通用导航按钮样式 */
 .nav-item {
   padding: 10px 18px;
   font-size: 15px;
   border-radius: 6px;
   cursor: pointer;
   transition: all 0.3s ease;
   color: #b8b8d0;
   border: 1px solid transparent;
 }

 /* ========== 【指南专属差异化样式】 ========== */
 .nav-item.guide-tag {
   color: #ffebaa;
   font-weight: 600;
 }

 /* 导航hover效果 */
 .nav-item:hover {
   background: rgba(130, 90, 240, 0.18);
   color: #e0d0ff;
 }

 /* ========== 【当前页面激活高亮】紫蓝柔光，和指南金色区分 ========== */
 .nav-item.active {
   background: linear-gradient(135deg, rgba(110, 70, 220, 0.22), rgba(60, 160, 255, 0.12));
   border: 1px solid rgba(140, 100, 255, 0.4);
   color: #d8c8ff;
   box-shadow: 0 0 8px rgba(120, 80, 240, 0.2);
   /* 取消金色元素，纯紫蓝体系 */
 }

 /* 当指南同时是当前激活页时，融合两套风格但依然层次分明 */
 .nav-item.guide-tag.active {
   box-shadow: 0 0 14px rgba(255, 210, 100, 0.3), 0 0 8px rgba(120, 80, 240, 0.2);
 }