/* 响应式 */
@media (max-width: 768px) {
  .sidebar {
    width: 100%;
    height: auto;
    position: relative;
    border-right: none;
    border-bottom: 1px solid var(--border);
    transform: none !important;
    pointer-events: auto !important;
  }

  .sidebar-edge-toggle,
  .sidebar-expand-handle {
    display: none !important;
  }

  .app-screen.sidebar-collapsed .main {
    margin-left: 0;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  body {
    flex-direction: column;
  }

  .main {
    margin-left: 0;
    padding: 24px 20px 40px;
    width: 100%;
  }

  .page-title {
    font-size: 26px;
  }
}