/* 手机端响应式优化补丁 */
@media screen and (max-width: 768px) {
  /* 基础布局重置为单列流式 */
  body, #root {
    width: 100vw !important;
    overflow-x: hidden !important;
    font-size: 15px !important;
  }
  
  /* 侧边栏/导航栏手机自适应收起或抽屉化 */
  aside, nav, [class*="sidebar"], [class*="Sidebar"] {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    position: relative !important;
    height: auto !important;
  }

  /* 主内容区域撑满屏幕 */
  main, [class*="content"], [class*="Content"], [class*="main"], [class*="Main"] {
    width: 100% !important;
    max-width: 100% !important;
    padding: 12px !important;
    overflow-x: auto !important;
  }

  /* 栅格布局自动换行折叠为单列 */
  [class*="grid"], [class*="Grid"], [class*="layout"], [class*="Layout"], [class*="flex"], [class*="Flex"] {
    flex-direction: column !important;
    grid-template-columns: 1fr !important;
  }

  /* 正文阅读区域字体与行高优化 */
  p, div, article, section, [class*="prose"], [class*="reader"] {
    line-height: 1.75 !important;
    word-break: break-word !important;
  }

  /* 表格横向滚动防撑爆页面 */
  table {
    display: block !important;
    width: 100% !important;
    overflow-x: auto !important;
    white-space: nowrap !important;
  }

  /* 弹窗与抽屉适应手机屏幕 */
  [class*="modal"], [class*="Modal"], [class*="drawer"], [class*="Drawer"], [class*="dialog"] {
    width: 95vw !important;
    max-width: 95vw !important;
    margin: 10px auto !important;
  }
}