@media (max-width: 768px) {

  html, body {
    width: 100vw;
    min-width: 0 !important;
    max-width: 100%;
    overflow-x: hidden;
  }
  #app { width: 100vw; min-width: 0 !important; max-width: 100%; }

  /* ================= 登录页 ================= */
  .lb-login[data-v-a257c264] {
    width: 100vw !important;
    max-width: 100% !important;
    min-height: 100vh !important;
    overflow-x: hidden !important;
  }
  .lb-login .login-form[data-v-a257c264] {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding: 64px 24px 0 !important;
  }
  .lb-login .title-container .title[data-v-a257c264] { font-size: 22px !important; margin-bottom: 28px !important; }
  .lb-login .el-input { width: 100% !important; }
  .lb-login .el-form-item__content { margin-left: 0 !important; }
  .lb-login .el-button { width: 100% !important; height: 44px !important; }
  .lb-footer-html { position: static !important; padding: 12px 0; }

  /* ================= 顶部栏 ================= */
  .lb-header[data-v-a48ab954] {
    height: 56px !important;
    z-index: 1000 !important;
  }
  .lb-header .lb-left[data-v-a48ab954] { height: 56px !important; }
  .lb-header .lb-left .logo[data-v-a48ab954] {
    width: 56px !important;
    height: 56px !important;
  }
  .lb-header .lb-left .logo .logo-img[data-v-a48ab954] {
    width: 30px !important;
    height: 30px !important;
  }
  .lb-header .lb-left .admin-title[data-v-a48ab954],
  .lb-header .lb-left .menu-title[data-v-a48ab954] { display: none !important; }
  .lb-header .lb-right[data-v-a48ab954] {
    padding: 0 8px !important;
    flex-wrap: nowrap !important;
    font-size: 0 !important;
  }
  .lb-header .lb-right .notice-item[data-v-a48ab954] {
    margin: 0 !important;
    padding: 0 8px !important;
    height: 56px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 0 !important;
  }
  .lb-header .lb-right .notice-item [class^="el-icon-"],
  .lb-header .lb-right .notice-item [class*=" el-icon-"] { font-size: 21px !important; }
  .lb-header .lb-right .notice-item .iconfont { font-size: 21px !important; }
  .lb-header .lb-right .el-badge { font-size: 0 !important; display: inline-flex; align-items: center; margin: 0 6px; }
  .lb-header .lb-right .el-badge [class^="el-icon-"],
  .lb-header .lb-right .el-badge [class*=" el-icon-"] { font-size: 21px !important; }
  .lb-header .lb-right .el-badge__content { font-size: 10px !important; }
  .lb-header .lb-right .user-name,
  .lb-header .lb-right .ellipsis,
  .lb-header .lb-right .el-dropdown-link { display: none !important; }
  .lb-header .lb-right .el-dropdown { font-size: 0 !important; }
  .lb-header .lb-right .el-dropdown [class^="el-icon-"],
  .lb-header .lb-right .el-dropdown [class*=" el-icon-"] { font-size: 20px !important; }

  /* ================= 手机端导航：左侧主轨 → 顶部横向滑动主导航（第一排） ================= */
  .lb-sidebar {
    position: fixed !important;
    top: 56px !important;
    left: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    width: 100vw !important;
    max-width: 100% !important;
    height: auto !important;
    z-index: 940 !important;
    background: #fff !important;
  }
  /* 主菜单容器：脱离 vuescroll 竖排，变成整条横滑 */
  .lb-sidebar .menu[data-v-367f3366] {
    width: 100% !important;
    height: auto !important;
    position: static !important;
    z-index: 2 !important;
  }
  .lb-sidebar .menu .__vuescroll,
  .lb-sidebar .menu .__panel,
  .lb-sidebar .menu .__view {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    position: static !important;
    transform: none !important;
    overflow: visible !important;
    display: block !important;
    box-sizing: border-box !important;
  }
  .lb-sidebar .menu .__view {
    width: 100% !important;
    -webkit-fit-content: auto !important;
  }
  /* 隐藏 vuescroll 的竖向滚动条轨道 */
  .lb-sidebar .menu .__rail-is-vertical,
  .lb-sidebar .menu .__bar-wrap-is-vertical,
  .lb-sidebar .menu .__bar-is-vertical { display: none !important; }

  .lb-sidebar .menu .menu-top[data-v-367f3366] {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 6px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    background: #fff !important;
    border-bottom: 1px solid #f0f1f5 !important;
    white-space: nowrap !important;
    scrollbar-width: none !important;
    box-sizing: border-box !important;
  }
  .lb-sidebar .menu .menu-top::-webkit-scrollbar { display: none !important; }
  .lb-sidebar .menu .menu-top li[data-v-367f3366] {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 0 !important;
    height: 46px !important;
    line-height: 1 !important;
    padding: 0 12px !important;
    margin: 0 2px !important;
    font-size: 15px !important;
    color: #4a4a4a !important;
    background: transparent !important;
    border-bottom: 2px solid transparent !important;
    border-radius: 0 !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
  }
  .lb-sidebar .menu .menu-top li i[data-v-367f3366] {
    margin-right: 5px !important;
    font-size: 17px !important;
  }
  .lb-sidebar .menu .menu-top li img[data-v-367f3366] {
    width: 18px !important;
    height: 18px !important;
    margin-right: 5px !important;
  }
  .lb-sidebar .menu .menu-top li.menu-active[data-v-367f3366] {
    color: #ff5b66 !important;
    font-weight: 600 !important;
    border-bottom-color: #ff5b66 !important;
    background: transparent !important;
  }

  /* ================= 二/三级导航：旧 44px 横条废弃（三级菜单被裁切），改为浮动入口 + 全屏下拉面板 ================= */
  .lb-sidebar .submenu[data-v-367f3366] { display: none !important; }

  /* 浮动“导航”按钮 */
  #m-nav-fab {
    position: fixed !important;
    right: 12px !important;
    bottom: 70px !important;
    z-index: 1500 !important;
    width: 54px !important;
    height: 54px !important;
    border-radius: 50% !important;
    background: #ff5b66 !important;
    color: #fff !important;
    border: 0 !important;
    box-shadow: 0 4px 14px rgba(0,0,0,.28) !important;
    display: none;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    line-height: 1.1 !important;
  }
  #m-nav-fab.show { display: flex !important; }
  #m-nav-fab .mnb-lines {
    width: 20px !important;
    margin-bottom: 3px !important;
  }
  #m-nav-fab .mnb-lines i {
    display: block !important;
    height: 2px !important;
    background: #fff !important;
    margin: 3px 0 !important;
    border-radius: 1px !important;
  }
  #m-nav-fab .mnb-txt { font-size: 11px !important; color: #fff !important; }

  /* 遮罩 */
  #m-nav-mask {
    position: fixed !important;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0,0,0,.45) !important;
    z-index: 1600 !important;
    display: none;
  }
  #m-nav-mask.open { display: block !important; }

  /* 下拉面板：一级横排 + 二级分组标题 + 三级叶子，全部可达 */
  #m-nav-panel {
    position: fixed !important;
    top: 56px !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: #f5f6f8 !important;
    z-index: 1601 !important;
    display: none;
    flex-direction: column !important;
  }
  #m-nav-panel.open { display: flex !important; }
  #m-nav-panel .mnp-bar {
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    height: 46px !important;
    padding: 0 14px !important;
    background: #fff !important;
    border-bottom: 1px solid #eceef2 !important;
  }
  #m-nav-panel .mnp-title { font-size: 16px !important; font-weight: 600 !important; color: #303133 !important; }
  #m-nav-panel .mnp-close {
    width: 30px !important; height: 30px !important;
    border: 0 !important; background: #f0f1f4 !important; border-radius: 50% !important;
    color: #606266 !important; font-size: 18px !important; line-height: 30px !important;
    text-align: center !important; padding: 0 !important;
  }
  #m-nav-panel .mnp-top {
    flex: 0 0 auto !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    background: #fff !important;
    border-bottom: 1px solid #eceef2 !important;
    padding: 10px !important;
    white-space: nowrap !important;
    scrollbar-width: none !important;
  }
  #m-nav-panel .mnp-top::-webkit-scrollbar { display: none !important; }
  #m-nav-panel .mnp-top .m-chip {
    flex: 0 0 auto !important;
    height: 32px !important;
    line-height: 32px !important;
    padding: 0 15px !important;
    margin-right: 8px !important;
    border-radius: 16px !important;
    font-size: 14px !important;
    color: #4a4a4a !important;
    background: #f0f1f4 !important;
  }
  #m-nav-panel .mnp-top .m-chip.on {
    background: #ff5b66 !important;
    color: #fff !important;
    font-weight: 600 !important;
  }
  #m-nav-panel .mnp-body {
    flex: 1 1 auto !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    padding: 10px 12px 30px !important;
  }
  #m-nav-panel .mnp-empty {
    text-align: center !important;
    color: #909399 !important;
    font-size: 14px !important;
    padding: 40px 0 !important;
  }
  #m-nav-panel .mnp-group {
    background: #fff !important;
    border-radius: 10px !important;
    margin-bottom: 10px !important;
    padding: 12px !important;
  }
  #m-nav-panel .mnp-group h4 {
    margin: 0 0 10px !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #909399 !important;
  }
  #m-nav-panel .mnp-leaves {
    display: flex !important;
    flex-wrap: wrap !important;
  }
  #m-nav-panel .mnp-leaf {
    flex: 0 0 auto !important;
    margin: 0 8px 8px 0 !important;
    padding: 7px 15px !important;
    font-size: 14px !important;
    color: #303133 !important;
    background: #f5f6f8 !important;
    border-radius: 17px !important;
    white-space: nowrap !important;
  }
  #m-nav-panel .mnp-leaf.on {
    background: #ff5b66 !important;
    color: #fff !important;
    font-weight: 600 !important;
  }

  /* ================= 路由切换：手机端去掉 0.2s 淡入淡出，避免 transitionend 丢失导致页面卡死 ================= */
  .fade-enter-active[data-v-7eea53aa],
  .fade-leave-active[data-v-7eea53aa] {
    transition: none !important;
  }

  /* ================= 内容区：顶部横排导航(56+46)之下通栏；有二级导航时由 body.m-subnav-open 再加 44 ================= */
  .home .container[data-v-7eea53aa] {
    margin: 102px 0 0 0 !important;
    padding: 10px !important;
    width: auto !important;
    max-width: 100vw !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
    transition: margin-top .15s ease !important;
  }
  /* 二/三级菜单已移至浮动面板，第二排不再占位，内容区统一 102px */
  .home .container .main[data-v-7eea53aa] {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    min-height: calc(100vh - 56px - 46px) !important;
    overflow-x: hidden !important;
  }
  .home .container .home-footer[data-v-7eea53aa] {
    width: 100% !important;
    height: auto !important;
    min-height: 40px !important;
    padding: 8px 4px !important;
    line-height: 1.6 !important;
    font-size: 12px !important;
  }

  /* 右侧广告位隐藏（由内联宽度控制，强制收窄） */
  .lb-ad { display: none !important; }

  /* ================= 首页数据概况仪表盘 ================= */
  .lb-survey { width: 100% !important; box-sizing: border-box !important; }
  .lb-survey > .page-main {
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 12px !important;
    overflow: visible !important;
  }
  .lb-survey > .page-main[style] { height: auto !important; }
  .lb-survey .flex-between {
    flex-wrap: wrap !important;
    align-items: flex-start !important;
  }
  .lb-survey .flex-between .el-button-group { margin-top: 8px !important; }

  /* 顶部统计卡 + 数据大屏：4 张改为两列网格，不再被裁切 */
  .lb-survey .class-menu-list {
    display: flex !important;
    flex-wrap: wrap !important;
    margin: 0 !important;
    width: 100% !important;
  }
  .lb-survey .class-menu-list .item-child {
    width: 50% !important;
    box-sizing: border-box !important;
    padding: 8px !important;
    margin: 0 !important;
    align-items: center !important;
  }
  .lb-survey .item-icon { width: 40px !important; height: 40px !important; }
  .lb-survey .item-icon .iconfont { font-size: 20px !important; }
  .lb-survey .class-menu-list .c-title { margin-left: 10px !important; }
  .lb-survey .class-menu-list .f-sm-title { font-size: 16px !important; }
  .lb-survey .class-menu-list .f-caption { font-size: 12px !important; line-height: 1.4 !important; }

  /* 图表区：两张图表改为纵向堆叠 */
  .lb-survey .data-count-list {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    height: auto !important;
    width: 100% !important;
  }
  .lb-survey .data-count-list .item-child {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    box-sizing: border-box !important;
    padding: 8px 0 !important;
    align-items: stretch !important;
  }
  /* 打破 echarts 外层“收缩适应内容”的循环，强制整条父链撑满卡片 */
  .lb-survey .f-paragraph {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
  .lb-survey .f-paragraph > div {
    width: 100% !important;
    max-width: 100% !important;
    height: 260px !important;
    box-sizing: border-box !important;
  }
  #sale-echarts, #count-echarts,
  #map-container-box {
    width: 100% !important;
    max-width: 100% !important;
    height: 260px !important;
    min-height: 240px !important;
  }

  /* 底部固定栏避免遮挡内容 */
  .lb-footer[data-v-fc6f095e] { position: static !important; height: auto !important; padding: 6px; }

  /* ================= 弹窗 / 消息框 ================= */
  .el-dialog { width: 92vw !important; margin-top: 6vh !important; }
  .el-dialog__body { padding: 12px 16px !important; max-height: 66vh; overflow-y: auto; -webkit-overflow-scrolling: touch; }
  .el-dialog__header { padding: 12px 16px !important; }
  .el-dialog__footer { padding: 8px 16px 14px !important; }
  .el-message-box { width: 86vw !important; }

  /* ================= 订单等列表页：搜索表单标签在上、输入通栏 ================= */
  .page-search-form {
    width: 100% !important;
    box-sizing: border-box !important;
  }
  .page-search-form .el-form-item {
    display: block !important;
    width: 100% !important;
    margin-right: 0 !important;
    margin-bottom: 14px !important;
  }
  .page-search-form .el-form-item__label {
    float: none !important;
    display: block !important;
    width: auto !important;
    text-align: left !important;
    padding: 0 0 6px !important;
    line-height: 1.5 !important;
  }
  .page-search-form .el-form-item__content {
    margin-left: 0 !important;
    width: 100% !important;
  }
  .page-search-form .el-input,
  .page-search-form .el-select,
  .page-search-form .el-cascader,
  .page-search-form .el-date-editor,
  .page-search-form .el-range-editor,
  .page-search-form .el-input-number {
    width: 100% !important;
  }
  .page-search-form .el-range-editor.el-input__inner { width: 100% !important; }
  .page-search-form .el-range-input { width: 50% !important; font-size: 14px !important; }

  /* ================= 表单 / 输入 ================= */
  .el-form--inline .el-form-item { display: flex !important; margin-right: 0 !important; margin-bottom: 12px !important; width: 100% !important; }
  .el-form--inline .el-form-item__content { flex: 1 !important; }
  .el-form-item { margin-bottom: 14px !important; }
  .el-form-item__label {
    float: none !important;
    display: block !important;
    text-align: left !important;
    padding: 0 0 4px !important;
    line-height: 1.5 !important;
  }
  .el-form-item__content { margin-left: 0 !important; }
  .el-form .el-input,
  .el-form .el-select,
  .el-form .el-cascader,
  .el-form .el-date-editor,
  .el-form .el-input-number,
  .el-form .el-textarea { width: 100% !important; }
  .el-form .el-input-number { width: 160px !important; }
  .el-input__inner { height: 40px !important; line-height: 40px !important; font-size: 16px !important; }
  .el-textarea__inner { font-size: 16px !important; line-height: 1.6 !important; }
  .el-input-number .el-input__inner { padding-left: 38px !important; padding-right: 38px !important; }
  .el-range-editor.el-input__inner { width: 100% !important; }
  .el-range-editor .el-range-input { font-size: 14px !important; }
  .el-select .el-input { width: 100% !important; }

  /* ================= 按钮 ================= */
  .el-button + .el-button { margin-left: 6px; }
  .el-button--mini { padding: 8px 12px; }
  .el-button { border-radius: 4px; }

  /* ================= 表格（横向可滑动，不压缩到不可读） ================= */
  .el-table { width: 100% !important; font-size: 13px; }
  .el-table .cell { white-space: normal; word-break: break-word; line-height: 1.5; }
  .el-table th .cell { white-space: nowrap; }
  .el-table--scrollable-x .el-table__body-wrapper,
  .el-table__body-wrapper { overflow-x: auto; -webkit-overflow-scrolling: touch; }

  /* ================= 分页 ================= */
  .el-pagination { white-space: normal; margin-top: 10px; text-align: center; }
  .el-pagination .el-pagination__jump,
  .el-pagination .el-pagination__sizes,
  .el-pagination .el-pagination__total { display: inline-block; margin: 4px; }
  .el-pagination button,
  .el-pagination .el-pager li { min-width: 32px; height: 32px; line-height: 32px; }

  /* ================= 标签页（横向滚动） ================= */
  .el-tabs__nav-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .el-tabs__nav { white-space: nowrap; }
  .el-tabs__item { max-width: 150px; padding: 0 12px !important; }
  .el-tabs__header { margin-bottom: 12px; }

  /* ================= 卡片 / 栅格 ================= */
  .el-card { margin-bottom: 10px; }
  .el-card__body { padding: 12px !important; }
  .el-row { margin-left: 0 !important; margin-right: 0 !important; }
  .el-col { max-width: 100% !important; flex: 0 0 100% !important; margin-bottom: 12px; }

  /* ================= 单选 / 多选 ================= */
  .el-radio, .el-checkbox { margin-right: 16px; margin-bottom: 8px; line-height: 28px; }
  .el-radio__label, .el-checkbox__label { font-size: 15px; }

  /* ================= 弹出层 / 日期 / 级联 ================= */
  .el-popover.el-popper { max-width: 88vw; }
  .el-popper { max-width: 92vw; }
  .el-picker-panel { max-width: 92vw; }
  .el-date-range-picker { max-width: 94vw; overflow-x: auto; }
  .el-cascader-panel { max-width: 92vw; }
  .el-message { min-width: auto; max-width: 88vw; }
  .el-notification { width: 90vw !important; margin: 0 auto 10px !important; }

  img { max-width: 100%; }

  /* ================= 最终覆盖：列表页搜索表单（最高特异性，保证标签在上、整行通栏） ================= */
  .lb-shop-order-list .page-main,
  .page-main {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding: 12px !important;
  }
  .page-search-form.el-row {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 14px !important;
    box-sizing: border-box !important;
  }
  .page-search-form > form.el-form.el-form--inline {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  .page-search-form > form.el-form.el-form--inline > .el-form-item {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-right: 0 !important;
    margin-bottom: 14px !important;
    box-sizing: border-box !important;
  }
  .page-search-form > form.el-form.el-form--inline > .el-form-item > .el-form-item__label {
    float: none !important;
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    text-align: left !important;
    padding: 0 0 6px !important;
    line-height: 1.5 !important;
  }
  .page-search-form > form.el-form.el-form--inline > .el-form-item > .el-form-item__content {
    display: block !important;
    flex: none !important;
    margin-left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  .page-search-form .el-input,
  .page-search-form .el-select,
  .page-search-form .el-cascader,
  .page-search-form .el-date-editor,
  .page-search-form .el-range-editor,
  .page-search-form .el-input-number,
  .page-search-form .el-input-number.el-input__inner {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  .page-search-form .el-range-editor.el-input__inner { width: 100% !important; }
  .page-search-form .el-range-input { width: 50% !important; font-size: 14px !important; }
  .page-search-form .el-form-item__content .el-button { width: 100% !important; margin-left: 0 !important; }
}