@media (max-width: 991px) {
  html, body, #app { min-width: 0 !important; width: 100%; }
  #app .app-wrapper, #app .main-container, #app .app-main { min-width: 0; max-width: 100%; }
  #app .main-container { margin-left: 0 !important; margin-right: 0 !important; }
  #app .mobile .fixed-header { width: 100%; }
  #app .mobile .sidebar-container { max-width: calc(100vw - 48px); z-index: 1002; }
  #app .drawer-bg { position: fixed; inset: 0; z-index: 1001; }
  #app .navbar { padding: 0 12px; gap: 8px; }
  #app .navbar > .flex { min-width: 0; }
  #app .navbar .vector, #app .navbar .mr-12 { display: none; }
  #app .breadcrumb-container { min-width: 0; overflow: hidden; white-space: nowrap; }
  #app .hamburger-container { flex-shrink: 0; min-width: 44px; }
  #app .tags-view-container { max-width: 100%; min-width: 0; }
  #app .app-container, #app .merchandise, #app .dashboard-editor-container { padding: 12px !important; min-width: 0; }
  #app .el-card, #app .el-card__body { min-width: 0; max-width: 100%; }
  #app .el-card__body { padding: 12px !important; }
  #app .pan-count { height: auto; display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; }
  #app .pan-count .pan-count__traffic { margin: 0; min-width: 0; }
  #app .pan-count .list-item { min-width: 0; height: auto; min-height: 120px; overflow-wrap: anywhere; }
  #app .take-over.active { height: auto; padding-bottom: 12px; }
  #app .take-over-content { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
  #app .take-over-content .take-over-content-item { margin: 0; padding: 8px; text-align: center; min-width: 0; }
  #app .set-boot-steps-content { width: 100%; min-width: 0; }
  #app .set-boot-steps .el-step__title { font-size: 12px; line-height: 18px; overflow-wrap: anywhere; }
  #app .category-content { max-width: 100%; overflow-x: auto; }
  #app .el-table { width: 100% !important; max-width: 100%; }
  #app .el-table__body-wrapper { overflow-x: auto; -webkit-overflow-scrolling: touch; }
  #app .filter-container, #app .el-form--inline { display: flex; flex-wrap: wrap; gap: 8px; }
  #app .el-form-item { max-width: 100%; }
  #app .el-form-item__content { min-width: 0; max-width: 100%; }
  #app .el-input, #app .el-textarea, #app .el-select, #app .el-date-editor { max-width: 100%; }
  #app .merchandise .info .el-input, #app .merchandise .info .el-textarea { width: 100% !important; }
  #app .banner-uploader { width: 100% !important; }
  #app .el-tabs__header { max-width: 100%; }
  #app .el-pagination { display: flex; flex-wrap: wrap; gap: 6px; white-space: normal; }
  #app .el-pagination .el-pager { display: flex; flex-wrap: wrap; }
  #app .el-button { min-height: 40px; white-space: normal; }
  #app img { max-width: 100%; }
  #app .chat-main { width: calc(100vw - 24px); height: calc(100vh - 48px); height: calc(100dvh - 48px); }
  #app .chat-main .iframe { height: 100%; width: 100%; }
  #app .service-box, #app .service-box .bottom { width: 100% !important; max-width: 100%; }
  #app .take-over-content-item-number { font-size: 22px; overflow-wrap: anywhere; }
  .el-dialog { width: calc(100% - 24px) !important; max-width: calc(100vw - 24px); margin-top: 24px !important; }
  .el-dialog__body { padding: 16px 12px; overflow-wrap: anywhere; }
  .el-dialog .el-form, .el-dialog .el-input, .el-dialog .el-select, .el-dialog .el-textarea { max-width: 100%; }
  .el-dialog .el-form-item__label { float: none; display: block; width: auto !important; text-align: left; }
  .el-dialog .el-form-item__content { margin-left: 0 !important; }
  .el-message-box { width: calc(100vw - 24px); }
  .el-message { min-width: 0; max-width: calc(100vw - 24px); }
  #app .wallet-summary, #app .wallet-balances, #app .permission-container > div:first-child { flex-wrap: wrap; gap: 16px; }
  #app .wallet-summary .mx-100 { display: none; }
  #app .wallet-summary .font-36 { font-size: 24px; }
  #app .wallet-summary .permission-icon { width: 48px; height: 48px; }
}
@media(max-width:991px){
#app .app-main-content > .el-card > .el-card__body > div[style*="space-between"],
#app .app-main-content > .el-card > .el-card__body > div[style*="space-between"] > .flex {flex-wrap:wrap;gap:16px;}
#app .app-main-content .mx-100{display:none;}
#app .app-main-content .font-36{font-size:24px;}
#app .app-main-content .permission-icon{width:48px;height:48px;}
}
@media(max-width:991px){
#app .navbar .el-breadcrumb {display:flex;flex-wrap:nowrap;align-items:center;height:50px;line-height:50px;overflow:hidden;}
#app .navbar .el-breadcrumb__item:not(:last-child){display:none;}
#app .navbar .el-breadcrumb__item:last-child{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#app .el-table__header,#app .el-table__body{min-width:760px;}
}
@media(max-width:991px){
#app .buyer-chat-page{display:flex;flex-direction:column;min-width:0;width:100%;height:calc(100vh - 90px);height:calc(100dvh - 90px);}
#app .buyer-chat-page .conversation-panel{width:100%;min-width:0;max-height:28vh;flex:0 0 auto;overflow-y:auto;border-right:0;border-bottom:1px solid #eee;}
#app .buyer-chat-page .message-panel{width:100%;min-width:0;flex:1;min-height:280px;}
#app .buyer-chat-page .conversation-copy{min-width:0;overflow-wrap:anywhere;}
#app .el-button{margin-bottom:6px;}
}
@media(max-width:991px){
#app #u8199{bottom:84px!important;z-index:900!important;}
}

@media (max-width: 991px) {
  #app .mobile .sidebar-container {
    display: flex;
    flex-direction: column;
    height: 100vh;
    height: 100dvh;
  }
  #app .mobile .sidebar-container > :not(.el-scrollbar) { flex-shrink: 0; }
  #app .mobile .sidebar-container > .el-scrollbar {
    flex: 1 1 0;
    min-height: 0;
    height: 0 !important;
  }
  #app .mobile .sidebar-container .scrollbar-wrapper {
    height: 100%;
    margin: 0 !important;
    overflow-y: auto;
    overscroll-behavior-y: contain;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y;
  }
  #app .mobile .sidebar-container .el-menu { height: auto; }
}

@media (max-width: 991px) {
  .seller-route-notice { position: fixed; top: 58px; left: 12px; right: 12px; z-index: 3000; padding: 12px 16px; border-radius: 6px; background: #1671d9; color: #fff; box-shadow: 0 3px 12px #0002; }
  #app .seller-product-cards { border: 0; background: transparent; }
  #app .seller-product-cards::before, #app .seller-product-cards::after { display: none; }
  #app .seller-product-cards .el-table__header-wrapper { width: 100%; }
  #app .seller-product-cards .el-table__header { display: block; width: 100% !important; min-width: 0; }
  #app .seller-product-cards .el-table__header colgroup,
  #app .seller-product-cards .el-table__body colgroup,
  #app .seller-product-cards .el-table__header th:not(:first-child) { display: none; }
  #app .seller-product-cards .el-table__header th:first-child { border: 0; height: 44px; }
  #app .seller-product-cards .el-table__body-wrapper { width: 100%; overflow: visible; }
  #app .seller-product-cards .el-table__body { display: block; width: 100% !important; min-width: 0; }
  #app .seller-product-cards .el-table__body tbody { display: block; }
  #app .seller-product-cards .el-table__body tr { display: grid; grid-template-columns: 88px minmax(0, 1fr); gap: 8px 12px; margin-bottom: 16px; padding: 12px; border: 1px solid #e4e7ed; border-radius: 8px; background: #fff; }
  #app .seller-product-cards .el-table__body td { display: block; grid-column: 1 / -1; border: 0; padding: 4px 0; text-align: left; background: transparent !important; min-width: 0; }
  #app .seller-product-cards td .cell { padding: 0; overflow-wrap: anywhere; word-break: normal; line-height: 1.5; }
  #app .seller-product-cards td::before { content: attr(data-mobile-label); display: block; font-size: 12px; color: #606266; margin-bottom: 4px; }
  #app .seller-product-cards td:first-child { order: -6; min-height: 32px; }
  #app .seller-product-cards td:nth-child(3) { order: -5; grid-column: 1; }
  #app .seller-product-cards td:nth-child(4) { order: -4; grid-column: 2; font-weight: 600; }
  #app .seller-product-cards td:nth-child(7) { order: -3; font-size: 20px; font-weight: 600; }
  #app .seller-product-cards td:last-child { order: -2; }
  #app .seller-product-cards td:nth-child(2) { font-size: 12px; color: #909399; }
  #app .seller-product-cards td:first-child::before,
  #app .seller-product-cards td:nth-child(3)::before,
  #app .seller-product-cards td:nth-child(4)::before { display: none; }
  #app .seller-product-cards .el-image { width: 88px; height: 88px; }
  #app .seller-product-cards .el-image img { width: 100%; height: 100%; object-fit: contain; }
  #app .seller-product-cards .el-checkbox { min-width: 44px; min-height: 32px; display: inline-flex; align-items: center; }
  #app .seller-product-cards .el-table__fixed, #app .seller-product-cards .el-table__fixed-right { display: none; }
  #app .seller-product-cards td:last-child .el-button { min-width: 84px; }
}
@media (max-width: 991px) {
  #app .seller-product-cards .el-table__body td { padding: 4px 0 !important; }
  #app .seller-product-cards td .cell { text-align: left !important; }
  #app .seller-product-cards .el-table__header th:first-child .cell::after { content: '全选 / Select all'; margin-left: 8px; font-weight: normal; }
}