@media (max-width: 760px) {
  html,
  body,
  #app,
  .layout-container {
    width: 100%;
    min-width: 0;
  }

  .layout-container > .sidebar-desktop {
    width: 56px !important;
    min-width: 56px !important;
    flex: 0 0 56px !important;
    overflow-x: hidden !important;
  }

  .sidebar-desktop .sidebar,
  .sidebar-desktop .sidebar-header,
  .sidebar-desktop .sidebar-menu,
  .sidebar-desktop .sidebar-footer {
    width: 56px !important;
    min-width: 56px !important;
  }

  .sidebar-desktop .sidebar-header {
    height: 58px;
    padding: 14px 8px !important;
    text-align: center;
  }

  .sidebar-desktop .sidebar-header::after {
    content: "数";
    color: #fff;
    font-size: 20px;
    font-weight: 700;
  }

  .sidebar-desktop .logo,
  .sidebar-desktop .sub-title,
  .sidebar-desktop .menu-group-label,
  .sidebar-desktop .el-menu-item > span,
  .sidebar-desktop .sidebar-footer span {
    display: none !important;
  }

  .sidebar-desktop .el-menu-item {
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    margin: 3px 6px !important;
    padding: 0 14px !important;
    justify-content: center;
  }

  .sidebar-desktop .sidebar-footer {
    padding: 6px !important;
  }

  .sidebar-desktop .logout-btn {
    width: 44px !important;
    min-width: 44px !important;
    padding: 8px !important;
  }

  .layout-container > .el-container {
    width: calc(100% - 56px) !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
  }

  .main-content {
    width: 100% !important;
    min-width: 0 !important;
    padding: 8px !important;
    overflow-x: hidden !important;
  }

  .legend2-behavior {
    width: 100% !important;
    min-width: 0 !important;
    padding: 8px !important;
    gap: 8px !important;
  }

  .legend2-behavior .page-header h2 {
    font-size: 22px !important;
    line-height: 1.25;
  }

  .legend2-behavior .page-header p {
    font-size: 12px;
    line-height: 1.5;
  }

  .legend2-behavior .dashboard-iframe {
    width: 100% !important;
    min-width: 0 !important;
  }
}