.hero { padding: 48px 24px; background: linear-gradient(90deg,#0aa;background-color:#f5f7fa); }
    .hero .title { font-size: 28px; font-weight:700; }
    .grid { display:flex; gap:20px; flex-wrap:wrap; }
    .feature-card{ flex:1 1 300px; }
    pre.code { background:#0f1720; color:#cfe8ff; padding:12px; border-radius:6px; overflow:auto; }
    footer { padding:24px; text-align:center; color:#999; }
    .stat { text-align:center; }
    
    
@media (max-width: 768px) {
  #desktopCdnX { 
    display: none; /* 电脑版隐藏 */
  }
  /* 手机端显示 */
  #mobileCdnX {
    display: inline-block; 
  }
}

/* 电脑版 Cdn X 名称 */
@media (min-width: 769px) {
  #mobileCdnX {
    display: none; /* 手机端隐藏 */
  }
  #desktopCdnX {
    display: inline-block; /* 电脑版显示 */
  }
}

    /* 手机端菜单按钮 */
#menuBtn {
  position: absolute;
  right: 20px;
  top: 15px;
  font-size: 22px;
  cursor: pointer;
  z-index: 9999;
  display: none; /* 默认隐藏，电脑版也隐藏 */
}

@media (max-width: 768px) {
  #menuBtn {
    display: inline-block; /* 手机端显示 */
  }
}

    /* 手机端垂直菜单 */
    #mobileNav {
      display: none; /* 默认隐藏 */
      position: fixed;
      top: 0;
      left: 0;
      width: 220px;
      height: 100%;
      background-color: #333;
      padding-top: 60px;
      z-index: 1000;
      overflow-y: auto;
    }

    #mobileNav .layui-nav-item a {
      color: #fff;
      padding: 10px 20px;
      display: block;
    }

    #mobileNav .layui-nav-item a:hover {
      background-color: #444;
    }

    @media (max-width: 768px) {
      .layui-nav {
        display: none; /* 顶部导航隐藏 */
      }
      .menu-btn {
        display: block;
      }
    }

    /* 手机端垂直导航菜单样式 */
#mobileNav {
  background-color: #f5f7fa; /* 和电脑版顶部导航一样的灰色背景 */
  padding-top: 60px;
}

/* 菜单项 */
#mobileNav .layui-nav-item a {
  color: #333; /* 字体颜色与电脑版相同 */
  padding: 10px 20px;
  display: block;
  font-weight: 500;
}

/* hover 效果 */
#mobileNav .layui-nav-item a:hover {
  background-color: #e0e0e0; /* 悬浮背景稍微深一点 */
}

/* 展开的子菜单 */
#mobileNav .layui-nav-child dd a {
  color: #333;
  padding-left: 40px; /* 缩进 */
}

#mobileNav .layui-nav-child dd a:hover {
  background-color: #dcdcdc;
}

    #mobileNav .layui-nav-itemed > a,
#mobileNav .layui-nav-itemed > .layui-nav-child {
  background-color: transparent; /* 去掉默认深色背景 */
}