@media (max-width: 991px) {
  html.qs-mobile-ready,
  html.qs-mobile-ready body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden !important;
  }

  html.qs-mobile-ready body.qs-nav-open {
    overflow: hidden !important;
  }

  html.qs-mobile-ready .site-wrapper {
    width: 100% !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
  }

  html.qs-mobile-ready .login[data-v-5c3f9812] {
    position: fixed !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    padding: 18px 0 !important;
    overflow-y: auto !important;
    background: linear-gradient(155deg, #2458f4 0, #2458f4 128px, #f3f6fb 128px, #f3f6fb 100%) !important;
    -webkit-overflow-scrolling: touch;
  }

  html.qs-mobile-ready .login .login-box[data-v-5c3f9812] {
    position: relative !important;
    left: auto !important;
    display: flex !important;
    width: 100% !important;
    min-height: 100% !important;
    height: auto !important;
    padding: 74px 14px 24px !important;
    transform: none !important;
    align-items: flex-start !important;
    justify-content: center !important;
  }

  html.qs-mobile-ready .login .login-box .mid[data-v-5c3f9812] {
    width: 100% !important;
    max-width: 440px !important;
    height: auto !important;
    padding: 0 !important;
    border-radius: 16px !important;
    background: transparent !important;
    box-shadow: 0 12px 36px rgba(23, 43, 77, 0.16) !important;
  }

  html.qs-mobile-ready .login .login-box .midBg[data-v-5c3f9812] {
    width: 100% !important;
    height: auto !important;
    padding: 26px 18px 22px !important;
    border-radius: 16px !important;
    background: #fff !important;
  }

  html.qs-mobile-ready .login .login-box .bottom[data-v-5c3f9812] {
    position: relative !important;
    bottom: auto !important;
    width: 100% !important;
    margin-top: 18px !important;
    padding: 0 8px !important;
  }

  html.qs-mobile-ready .login .info[data-v-5c3f9812],
  html.qs-mobile-ready .login .infoButton[data-v-5c3f9812] {
    width: 100% !important;
    max-width: 400px !important;
  }

  html.qs-mobile-ready .login .verify-mask {
    padding: 14px !important;
  }

  html.qs-mobile-ready .login .verifybox {
    width: min(430px, 92vw) !important;
    max-width: 92vw !important;
  }

  html.qs-mobile-ready .site-navbar {
    height: 52px !important;
    z-index: 1035 !important;
  }

  html.qs-mobile-ready .site-navbar__header {
    width: 52px !important;
    height: 52px !important;
    overflow: hidden !important;
  }

  html.qs-mobile-ready .site-navbar__brand {
    display: none !important;
  }

  html.qs-mobile-ready .site-navbar__body,
  html.qs-mobile-ready [data-v-055c3809] .site-navbar__body {
    height: 52px !important;
    min-height: 52px !important;
    margin-left: 52px !important;
    padding-right: 4px !important;
    overflow: hidden !important;
  }

  html.qs-mobile-ready .site-navbar__menu--right {
    float: none !important;
    width: 100% !important;
    justify-content: flex-end !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none;
  }

  html.qs-mobile-ready .site-navbar__menu--right::-webkit-scrollbar {
    display: none;
  }

  html.qs-mobile-ready .site-navbar__menu .searchInput {
    display: none !important;
  }

  html.qs-mobile-ready .site-navbar__menu .el-menu-item,
  html.qs-mobile-ready .site-navbar__menu .el-submenu > .el-submenu__title {
    height: 52px !important;
    line-height: 52px !important;
  }

  html.qs-mobile-ready .site-sidebar {
    top: 52px !important;
    left: 0 !important;
    width: 260px !important;
    max-width: 84vw !important;
    z-index: 1048 !important;
    visibility: hidden;
    transform: translateX(-102%) !important;
    transition: transform 0.22s ease, visibility 0.22s ease !important;
    box-shadow: 8px 0 24px rgba(0, 0, 0, 0.3);
  }

  html.qs-mobile-ready.qs-nav-open .site-sidebar {
    visibility: visible;
    transform: translateX(0) !important;
  }

  html.qs-mobile-ready .site-sidebar__inner {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  html.qs-mobile-ready .site-sidebar__menu.el-menu {
    width: 100% !important;
  }

  html.qs-mobile-ready .site-sidebar .el-menu-item,
  html.qs-mobile-ready .site-sidebar .el-submenu__title {
    min-height: 48px !important;
    line-height: 48px !important;
  }

  html.qs-mobile-ready .site-content__wrapper {
    width: 100% !important;
    min-height: 100vh !important;
    min-height: 100dvh !important;
    margin-left: 0 !important;
    padding-top: 52px !important;
  }

  html.qs-mobile-ready .site-content {
    padding: 8px !important;
  }

  html.qs-mobile-ready .site-content--tabs {
    padding: 48px 0 0 !important;
  }

  html.qs-mobile-ready .site-content > .el-tabs > .el-tabs__header {
    top: 52px !important;
    left: 0 !important;
    right: 0 !important;
    padding: 0 44px 0 6px !important;
    overflow-x: auto !important;
  }

  html.qs-mobile-ready .site-content > .el-tabs > .el-tabs__header .el-tabs__nav-wrap {
    overflow-x: auto !important;
  }

  html.qs-mobile-ready .site-content > .el-tabs > .el-tabs__header .el-tabs__item {
    height: 40px !important;
    line-height: 40px !important;
    padding: 0 11px !important;
    font-size: 13px !important;
  }

  html.qs-mobile-ready .site-content > .el-tabs > .el-tabs__content > .site-tabs__tools {
    top: 52px !important;
    right: 0 !important;
    height: 40px !important;
    line-height: 40px !important;
  }

  html.qs-mobile-ready .el-card__body {
    min-width: 0 !important;
    padding: 8px !important;
  }

  html.qs-mobile-ready .el-dialog {
    width: 94vw !important;
    max-width: 94vw !important;
    margin-top: 5vh !important;
    margin-bottom: 5vh !important;
  }

  html.qs-mobile-ready .el-dialog__header {
    padding: 14px 14px 8px !important;
  }

  html.qs-mobile-ready .el-dialog__body {
    max-height: 72vh;
    max-height: 72dvh;
    padding: 12px !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  html.qs-mobile-ready .el-dialog__footer {
    position: sticky;
    bottom: 0;
    z-index: 2;
    padding: 10px 12px 12px !important;
    background: #fff;
  }

  html.qs-mobile-ready .el-message-box {
    width: 92vw !important;
    max-width: 92vw !important;
  }

  html.qs-mobile-ready .el-form-item__label {
    float: none !important;
    display: block !important;
    width: auto !important;
    padding: 0 0 5px !important;
    line-height: 20px !important;
    text-align: left !important;
  }

  html.qs-mobile-ready .el-form-item__content {
    margin-left: 0 !important;
    min-width: 0 !important;
  }

  html.qs-mobile-ready .el-input,
  html.qs-mobile-ready .el-select,
  html.qs-mobile-ready .el-textarea {
    width: 100% !important;
    max-width: 100% !important;
  }

  html.qs-mobile-ready .el-button {
    min-height: 40px;
    margin: 3px !important;
    padding-left: 13px !important;
    padding-right: 13px !important;
    white-space: normal !important;
  }

  html.qs-mobile-ready .el-table {
    width: 100% !important;
    font-size: 12px !important;
  }

  html.qs-mobile-ready .el-table th,
  html.qs-mobile-ready .el-table td {
    padding: 6px 0 !important;
  }

  html.qs-mobile-ready .el-table .cell {
    line-height: 18px !important;
    word-break: break-word !important;
  }

  html.qs-mobile-ready .el-table__body-wrapper,
  html.qs-mobile-ready .el-table__header-wrapper {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  html.qs-mobile-ready .el-table__header-wrapper {
    scrollbar-width: none;
  }

  html.qs-mobile-ready .el-table__header-wrapper::-webkit-scrollbar {
    display: none;
  }

  html.qs-mobile-ready .el-table__fixed-right {
    box-shadow: -4px 0 10px rgba(0, 0, 0, 0.08);
  }

  html.qs-mobile-ready .avue-crud__menu,
  html.qs-mobile-ready .avue-crud__search .el-form {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 6px !important;
  }

  html.qs-mobile-ready .avue-crud__search .el-form-item {
    width: 100% !important;
    margin-right: 0 !important;
    margin-bottom: 8px !important;
  }

  html.qs-mobile-ready .avue-crud__search .el-form-item__content {
    width: 100% !important;
  }

  html.qs-mobile-ready .avue-crud .el-table .el-table__fixed-right .cell {
    white-space: nowrap !important;
  }

  html.qs-mobile-ready .el-pagination {
    white-space: normal !important;
    padding: 8px 0 !important;
  }

  html.qs-mobile-ready .el-pagination button,
  html.qs-mobile-ready .el-pagination .el-pager li {
    min-width: 32px !important;
    height: 32px !important;
    line-height: 32px !important;
    margin: 2px !important;
  }

  html.qs-mobile-ready .fullscreen-page {
    padding: 52px 4px 8px !important;
    -webkit-overflow-scrolling: touch;
  }

  html.qs-mobile-ready .fullscreen-page .page-close-btn {
    top: 8px !important;
    right: 10px !important;
    width: 40px !important;
    height: 40px !important;
  }

  html.qs-mobile-ready .fullscreen-page .celectSpeac .el-input__inner {
    width: 100% !important;
  }

  html.qs-mobile-ready .fullscreen-page .avue-crud {
    min-width: 0 !important;
  }

  html.qs-mobile-ready .fullscreen-page .avue-crud__box {
    padding: 0 !important;
  }

  html.qs-mobile-ready .fullscreen-page .avue-crud__search {
    padding: 8px !important;
  }

  html.qs-mobile-ready .fullscreen-page .el-table {
    min-width: 0 !important;
  }

  html.qs-mobile-ready .fullscreen-page .el-table__body-wrapper {
    min-height: 200px;
  }

  html.qs-mobile-ready .qs-mobile-menu-btn {
    position: fixed;
    top: 8px;
    left: 7px;
    z-index: 1060;
    display: flex;
    width: 38px;
    height: 36px;
    padding: 8px 7px;
    border: 0;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.14);
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 4px;
    cursor: pointer;
  }

  html.qs-mobile-ready .qs-mobile-menu-btn span {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 2px;
    background: #fff;
    transition: transform 0.2s ease, opacity 0.2s ease;
  }

  html.qs-mobile-ready.qs-nav-open .qs-mobile-menu-btn span:nth-child(1) {
    transform: translateY(6px) rotate(45deg);
  }

  html.qs-mobile-ready.qs-nav-open .qs-mobile-menu-btn span:nth-child(2) {
    opacity: 0;
  }

  html.qs-mobile-ready.qs-nav-open .qs-mobile-menu-btn span:nth-child(3) {
    transform: translateY(-6px) rotate(-45deg);
  }

  html.qs-mobile-ready .qs-nav-backdrop {
    position: fixed;
    top: 52px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    border: 0;
    background: rgba(0, 0, 0, 0.46);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.2s ease, visibility 0.2s ease;
  }

  html.qs-mobile-ready.qs-nav-open .qs-nav-backdrop {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  html.qs-mobile-ready.qs-chat-route .site-content {
    padding: 0 !important;
  }

  html.qs-mobile-ready.qs-chat-route .site-content > .el-card {
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  html.qs-mobile-ready.qs-chat-route .site-content > .el-card > .el-card__body {
    padding: 0 !important;
  }

  html.qs-mobile-ready.qs-chat-route .site-content__wrapper {
    height: 100vh !important;
    height: 100dvh !important;
    min-height: 0 !important;
    max-height: 100vh !important;
    max-height: 100dvh !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  html.qs-mobile-ready.qs-chat-route body.qs-chat-route {
    overflow: hidden !important;
  }

  html.qs-mobile-ready.qs-chat-route .mod-transport {
    height: calc(100vh - 52px) !important;
    height: calc(100dvh - 52px) !important;
    min-height: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  html.qs-mobile-ready.qs-chat-route .mod-transport > .el-container.full-height {
    display: flex !important;
    height: 100% !important;
    min-height: 0 !important;
    flex-direction: column !important;
  }

  html.qs-mobile-ready.qs-chat-route .mod-transport > .el-container > .aside-box {
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    flex: 1 1 100% !important;
    border-right: 0 !important;
  }

  html.qs-mobile-ready.qs-chat-route .mod-transport > .el-container > .el-main {
    display: none !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    flex: 1 1 100% !important;
  }

  html.qs-mobile-ready.qs-chat-route .mod-transport.qs-chat-open > .el-container > .aside-box {
    display: none !important;
  }

  html.qs-mobile-ready.qs-chat-route .mod-transport.qs-chat-open > .el-container > .el-main {
    display: flex !important;
    flex-direction: column !important;
  }

  html.qs-mobile-ready.qs-chat-route.qs-mobile-chat-open .mod-transport > .el-container > .aside-box {
    display: none !important;
  }

  html.qs-mobile-ready.qs-chat-route.qs-mobile-chat-open .mod-transport > .el-container > .el-main {
    display: flex !important;
    flex-direction: column !important;
  }

  html.qs-mobile-ready.qs-chat-route .mod-transport > .el-container > .el-main > div,
  html.qs-mobile-ready.qs-chat-route .mod-transport .ov-hidden.full-height:not(.el-main),
  html.qs-mobile-ready.qs-chat-route .mod-transport .ov-hidden.full-height > .el-container {
    display: flex !important;
    height: 100% !important;
    min-height: 0 !important;
    flex-direction: column !important;
  }

  html.qs-mobile-ready.qs-chat-route .mod-transport .aside-box .header {
    height: 56px !important;
    padding: 0 10px !important;
    flex: 0 0 56px !important;
  }

  html.qs-mobile-ready.qs-chat-route .mod-transport .aside-box .el-scrollbar {
    height: calc(100vh - 108px) !important;
    height: calc(100dvh - 108px) !important;
    max-height: calc(100vh - 108px) !important;
    max-height: calc(100dvh - 108px) !important;
  }

  html.qs-mobile-ready.qs-chat-route .mod-transport .aside-box .talk-item {
    height: 76px !important;
    padding: 6px 10px !important;
  }

  html.qs-mobile-ready.qs-chat-route .mod-transport .main-box {
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    flex: 1 1 auto !important;
    overflow: hidden !important;
  }

  html.qs-mobile-ready.qs-chat-route .mod-transport .footer-box {
    height: calc(92px + env(safe-area-inset-bottom)) !important;
    min-height: calc(92px + env(safe-area-inset-bottom)) !important;
    padding: 8px 6px calc(8px + env(safe-area-inset-bottom)) !important;
    flex: 0 0 auto !important;
    box-sizing: border-box !important;
  }

  html.qs-mobile-ready.qs-chat-route .mod-transport #panel-header {
    flex: 0 0 auto !important;
    height: auto !important;
    min-height: 55px !important;
  }

  html.qs-mobile-ready.qs-chat-route .mod-transport #panel-header .left-2 {
    width: 100% !important;
    max-height: 34vh;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  html.qs-mobile-ready.qs-chat-route .mod-transport #panel-header .left-1 > div {
    padding-left: 40px !important;
    box-sizing: border-box !important;
  }

  html.qs-mobile-ready.qs-chat-route .mod-transport .footer-box .editor-container,
  html.qs-mobile-ready.qs-chat-route .mod-transport .textarea.main-editor {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
  }

  html.qs-mobile-ready.qs-chat-route .mod-transport .textarea.main-editor {
    padding: 0 !important;
    align-items: flex-end !important;
  }

  html.qs-mobile-ready.qs-chat-route .mod-transport .textarea.main-editor > div {
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    flex: 0 0 40px !important;
  }

  html.qs-mobile-ready.qs-chat-route .mod-transport .textarea.main-editor img {
    width: 40px !important;
    height: 40px !important;
  }

  html.qs-mobile-ready.qs-chat-route .mod-transport .textarea.main-editor textarea {
    min-width: 0 !important;
    min-height: 40px !important;
    max-height: 76px !important;
    flex: 1 1 auto !important;
    padding: 9px 8px !important;
    font-size: 16px !important;
    line-height: 22px !important;
    box-sizing: border-box !important;
  }

  html.qs-mobile-ready .qs-chat-back {
    position: fixed;
    top: calc(60px + env(safe-area-inset-top));
    left: 8px;
    z-index: 1038;
    display: none;
    height: 34px;
    padding: 0 11px;
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.95);
    color: #263238;
    font-size: 13px;
    align-items: center;
    gap: 4px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  }

  html.qs-mobile-ready .qs-chat-back span:last-child {
    display: none;
  }

  html.qs-mobile-ready .qs-chat-back span:first-child {
    font-size: 26px;
    line-height: 20px;
  }

  html.qs-mobile-ready .qs-chat-back {
    width: 38px;
    padding: 0;
    border-radius: 50%;
    justify-content: center;
  }

  html.qs-mobile-ready.qs-chat-route.qs-mobile-chat-open .qs-chat-back {
    display: flex;
  }
}