@media only screen and (max-width: 768px) {
  .main-layout .nav[data-v-4b8392b9] {
    --side-padding: 12px;
    grid-template-columns: 48px minmax(0, 1fr) auto !important;
    height: 64px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .main-layout .sider[data-v-4b8392b9] {
    top: 64px !important;
    bottom: 0 !important;
    height: auto !important;
    z-index: 999;
  }

  .main-layout .sider[data-v-4b8392b9] .n-layout-sider-scroll-container {
    padding-top: 8px !important;
    box-sizing: border-box;
  }

  .main-layout .content[data-v-4b8392b9] {
    padding: 12px !important;
  }
}

@supports (height: 100dvh) {
  @media only screen and (max-width: 768px) {
    .main-layout .sider[data-v-4b8392b9] {
      height: auto !important;
    }
  }
}