/* ============================================================
   管理后台 移动端适配 v4 (2026-08-31, 持久版 - nginx注入)
   无遮罩 / 无悬浮层 / 无JS注入 —— 纯静态布局
   顶部菜单 = 严格 2 列网格 + 单元格溢出裁剪，不可能重叠
   仅限 max-width:1024px，不影响电脑端
   ============================================================ */
@media (max-width: 1024px) {
  .el-container { flex-direction: column !important; height: auto !important; min-height: 100vh; }
  .el-aside { width: 100% !important; max-width: 100% !important; flex: none !important; overflow: visible !important; }
  .sidebar-header { text-align: center !important; padding: 14px 0 !important; }
  .el-aside .el-menu { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 2px !important; border-right: none !important; }
  .el-aside .el-menu > .el-menu-item,
  .el-aside .el-menu > .el-sub-menu { min-width: 0 !important; max-width: 100% !important; width: auto !important; margin: 0 !important; padding: 0 4px !important; overflow: hidden !important; white-space: nowrap !important; text-overflow: ellipsis !important; display: flex !important; align-items: center !important; justify-content: center !important; height: 52px !important; }
  .el-aside .el-menu > .el-menu-item .el-icon,
  .el-aside .el-menu > .el-sub-menu .el-icon { margin-right: 4px !important; flex: none !important; }
  .el-aside .el-menu > .el-sub-menu .el-sub-menu__title { display: flex !important; align-items: center !important; justify-content: center !important; height: 52px !important; padding: 0 4px !important; overflow: hidden !important; white-space: nowrap !important; text-overflow: ellipsis !important; }
  .el-aside .el-menu .el-menu--inline { grid-column: 1 / -1 !important; display: grid !important; grid-template-columns: repeat(2, 1fr) !important; width: 100% !important; }
  .el-aside .el-menu--inline .el-menu-item { min-width: 0 !important; max-width: 100% !important; padding: 0 8px !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
  .el-header { padding: 0 12px !important; }
  .el-main { padding: 10px !important; }
  .el-table { min-width: 0 !important; }
  .el-table__body-wrapper { overflow-x: auto !important; -webkit-overflow-scrolling: touch; }
  .el-card, .el-dialog { width: 100% !important; max-width: 100% !important; }
  .el-dialog { margin: 5vh auto 0 !important; }
  .el-form-item { margin-bottom: 14px !important; }
  .el-row { margin-left: 0 !important; margin-right: 0 !important; }
  .el-col { float: none !important; flex: none !important; width: 100% !important; max-width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; }
  .el-button { min-height: 40px; }
  .el-input__inner, .el-select, .el-input-number { min-height: 40px !important; font-size: 16px; }
}