/* About Page - 修复左侧异常显示 */

/* 确保移动端菜单在PC端不显示 */

  .mobile-menu,
  .mobile-nav {
    display: none !important;
    visibility: hidden !important;
  }


/* 确保About页面占据全宽，没有左侧偏移 */
/* 原为 body { overflow-x: hidden !important }：
   该规则会阻止极窄窗口下画布的横向滚动（内容被切却无法查看）。
   现已由 #app-scale 容器控制版式，无需再限制 body，
   横向滚动交给 style.css 中的 body { overflow-x: auto }。 */

.about {
  width: 100% !important;
  max-width: calc(100 * var(--vw)) !important;
  overflow-x: hidden !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
}

/* 隐藏可能的layui侧边栏 */
.layui-side {
  display: none !important;
}

/* 确保主体内容不受侧边栏影响 */
.layui-body {
  left: 0 !important;
}