@media (max-width: 1023px) {
  .mcsog-sidebar__backdrop {
    display: block;
  }

  

  .mcsog-sidebar.mcsog-is-open,
  .mcsog-app.mcsog-is-nav-open .mcsog-sidebar,
  .mcsog-app.mcsog-is-drawer-open .mcsog-sidebar {
    z-index: 60;
  }

  .mcsog-app {
    grid-template-columns: minmax(0, 1fr);
    min-height: 100svh;
  }

  .mcsog-sidebar {
    display: none;
    gap: var(--mcsog-sp-12);
    padding: var(--mcsog-sp-12) var(--mcsog-sp-8);
    align-items: stretch;
  }

  .mcsog-nav-group__label {
    justify-content: center;
    padding: var(--mcsog-sp-8) 0 var(--mcsog-sp-4);
    font-size: 0;
  }

  .mcsog-nav-item {
    justify-content: center;
    padding: var(--mcsog-sp-6);
  }

  .mcsog-nav-item__text {
    display: none;
  }

  .mcsog-nav-item--active::before {
    display: none;
  }

  .mcsog-sidebar.mcsog-is-open,
  .mcsog-sidebar.mcsog-is-drawer-open,
  .mcsog-app.mcsog-is-nav-open .mcsog-sidebar,
  .mcsog-app.mcsog-is-drawer-open .mcsog-sidebar {
    display: flex;
    position: fixed;
    top: var(--mcsog-topbar-h);
    left: 0;
    bottom: 0;
    width: var(--mcsog-sidebar-w);
    height: auto;
    padding: var(--mcsog-sp-16) var(--mcsog-sp-12);
    align-items: stretch;
    box-shadow: var(--mcsog-shadow-3);
    z-index: 70;
  }

  .mcsog-sidebar.mcsog-is-open .mcsog-nav-group__label,
  .mcsog-sidebar.mcsog-is-drawer-open .mcsog-nav-group__label,
  .mcsog-app.mcsog-is-nav-open .mcsog-nav-group__label,
  .mcsog-app.mcsog-is-drawer-open .mcsog-nav-group__label {
    justify-content: flex-start;
    padding: var(--mcsog-sp-8) var(--mcsog-sp-10) var(--mcsog-sp-4);
    font-size: var(--mcsog-fs-12);
  }

  .mcsog-sidebar.mcsog-is-open .mcsog-nav-item,
  .mcsog-sidebar.mcsog-is-drawer-open .mcsog-nav-item,
  .mcsog-app.mcsog-is-nav-open .mcsog-nav-item,
  .mcsog-app.mcsog-is-drawer-open .mcsog-nav-item {
    justify-content: flex-start;
    padding: var(--mcsog-sp-6) var(--mcsog-sp-10);
  }

  .mcsog-sidebar.mcsog-is-open .mcsog-nav-item__text,
  .mcsog-sidebar.mcsog-is-drawer-open .mcsog-nav-item__text,
  .mcsog-app.mcsog-is-nav-open .mcsog-nav-item__text,
  .mcsog-app.mcsog-is-drawer-open .mcsog-nav-item__text {
    display: inline;
  }

  .mcsog-topbar {
    padding: 0 var(--mcsog-sp-16);
    gap: var(--mcsog-sp-12);
  }

  .mcsog-topbar__title {
    font-size: var(--mcsog-fs-14);
  }

  .mcsog-view {
    padding: var(--mcsog-sp-20) var(--mcsog-sp-16) var(--mcsog-sp-40);
  }

  .mcsog-grid,
  .mcsog-grid--3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .mcsog-quick-nav {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .mcsog-footer__cols {
    gap: var(--mcsog-sp-16);
  }

  .mcsog-hero {
    grid-template-columns: minmax(0, 1fr);
    padding: var(--mcsog-sp-28) var(--mcsog-sp-28) var(--mcsog-sp-20);
  }

  .mcsog-hero__inner {
    gap: var(--mcsog-sp-24);
  }

  .mcsog-hero__cta {
    column-gap: var(--mcsog-sp-16);
  }

  .mcsog-hero__stats .mcsog-stat-grid {
    gap: var(--mcsog-sp-16);
  }

  .mcsog-hero__stats .mcsog-stat__num {
    font-size: var(--mcsog-fs-28);
  }

  .mcsog-hero__stats .mcsog-stat__label {
    font-size: var(--mcsog-fs-11);
  }

  .mcsog-hero__stats .mcsog-stat-sync {
    font-size: var(--mcsog-fs-10);
    white-space: normal;
  }

  .mcsog-stat-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--mcsog-sp-16);
  }

  .mcsog-prose {
    max-width: none;
  }
}

@media (max-width: 639px) {

  .mcsog-nav-group__toggle {
    display: none;
  }

  .mcsog-app {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: calc(var(--mcsog-topbar-h) + env(safe-area-inset-top)) minmax(calc(100vh - var(--mcsog-topbar-h) - env(safe-area-inset-top)), 1fr) auto;
    grid-template-rows: calc(var(--mcsog-topbar-h) + env(safe-area-inset-top)) minmax(calc(100svh - var(--mcsog-topbar-h) - env(safe-area-inset-top)), 1fr) auto;
    grid-template-areas:
      "topbar"
      "view"
      "footer";
    min-height: 100svh;
  }

  .mcsog-topbar {
    height: calc(var(--mcsog-topbar-h) + env(safe-area-inset-top));
    padding: env(safe-area-inset-top) calc(var(--mcsog-sp-16) + env(safe-area-inset-right)) 0 calc(var(--mcsog-sp-16) + env(safe-area-inset-left));
    gap: var(--mcsog-sp-8);
  }

  .mcsog-topbar__title {
    display: none;
  }

  .mcsog-topbar__actions {
    margin-left: 0;
  }

  .mcsog-topbar__search-btn {
    max-width: none;
    flex: 0 0 auto;
    width: auto;
    min-width: var(--mcsog-icon-40);
    margin-left: auto;
    gap: 0;
    padding: 0;
    border: 0;
    background: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    color: var(--mcsog-text-2);
    justify-content: center;
  }

  .mcsog-topbar__search-btn-label,
  .mcsog-topbar__search-btn-hint {
    display: none;
  }

  .mcsog-topbar__actions .mcsog-locale-switch,
  .mcsog-sidebar__head-actions .mcsog-locale-switch {
    display: flex;
    gap: 0;
    padding: 0;
    border: 0;
    background: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }

  .mcsog-topbar__actions .mcsog-locale-switch__group,
  .mcsog-sidebar__head-actions .mcsog-locale-switch__group {
    display: none;
  }

  .mcsog-topbar__actions .mcsog-locale-switch__toggle,
  .mcsog-sidebar__head-actions .mcsog-locale-switch__toggle {
    display: flex;
    color: var(--mcsog-text-2);
    background: none;
    box-shadow: none;
  }

  .mcsog-topbar__actions .mcsog-locale-switch__toggle .mcsog-icon,
  .mcsog-sidebar__head-actions .mcsog-locale-switch__toggle .mcsog-icon {
    width: var(--mcsog-icon-20);
    height: var(--mcsog-icon-20);
    display: block;
  }

  .mcsog-topbar__actions .mcsog-locale-switch__toggle:hover,
  .mcsog-topbar__actions .mcsog-locale-switch__toggle:active,
  .mcsog-sidebar__head-actions .mcsog-locale-switch__toggle:hover,
  .mcsog-sidebar__head-actions .mcsog-locale-switch__toggle:active {
    color: var(--mcsog-text-1);
    background: none;
  }

  

  .mcsog-topbar__inner {
    gap: var(--mcsog-sp-8);
  }

  .mcsog-search__hint {
    display: none;
  }

  .mcsog-sidebar,
  .mcsog-sidebar.mcsog-is-open,
  .mcsog-sidebar.mcsog-is-drawer-open,
  .mcsog-app.mcsog-is-nav-open .mcsog-sidebar,
  .mcsog-app.mcsog-is-drawer-open .mcsog-sidebar {
    position: fixed;
    top: calc(var(--mcsog-topbar-h) + env(safe-area-inset-top));
    left: 0;
    bottom: 0;
    width: min(84vw, var(--mcsog-sidebar-w));
    height: auto;
    padding: var(--mcsog-sp-16) var(--mcsog-sp-12) calc(var(--mcsog-sp-16) + env(safe-area-inset-bottom));
    align-items: stretch;
    transform: translateX(-100%);
    transition: transform var(--mcsog-dur-base) var(--mcsog-ease-out);
    box-shadow: var(--mcsog-shadow-3);
    z-index: 70;
  }

  .mcsog-sidebar.mcsog-is-open,
  .mcsog-sidebar.mcsog-is-drawer-open,
  .mcsog-app.mcsog-is-nav-open .mcsog-sidebar,
  .mcsog-app.mcsog-is-drawer-open .mcsog-sidebar {
    transform: translateX(0);
  }

  .mcsog-nav-group__label {
    justify-content: flex-start;
    padding: var(--mcsog-sp-8) var(--mcsog-sp-10) var(--mcsog-sp-4);
    font-size: var(--mcsog-fs-12);
  }

  .mcsog-nav-item {
    justify-content: flex-start;
    min-height: var(--mcsog-icon-44);
    padding: var(--mcsog-sp-6) var(--mcsog-sp-10);
  }

  .mcsog-nav-item__text {
    display: block;
  }

  .mcsog-nav-item--active::before {
    display: block;
  }

  .mcsog-bottom-nav {
    display: flex;
    position: fixed;
    left: 0;
    right: 0;
    bottom: var(--mcsog-vv-bottom, 0px);
    z-index: 45;
    align-items: stretch;
    height: var(--mcsog-bottomnav-h);
    padding-bottom: env(safe-area-inset-bottom, 0px);
    background-color: var(--mcsog-bg-card);
    border-top: var(--mcsog-stroke-1) solid var(--mcsog-line-1);
    box-shadow: var(--mcsog-shadow-2);
  }

  .mcsog-bottom-nav__item {
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--mcsog-sp-2);
    min-height: var(--mcsog-icon-44);
    color: var(--mcsog-text-3);
    font-size: var(--mcsog-fs-11);
    transition: color var(--mcsog-dur-fast) var(--mcsog-ease-out);
  }

  .mcsog-bottom-nav__item:hover,
  .mcsog-bottom-nav__item.mcsog-is-active {
    color: var(--mcsog-text-1);
  }

  .mcsog-bottom-nav__item.mcsog-is-active .mcsog-icon {
    color: var(--mcsog-brand-link);
  }

  .mcsog-bottom-nav__inner {
    display: flex;
    flex: 1 1 auto;
    align-items: stretch;
    width: 100%;
  }

  .mcsog-bottom-nav__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--mcsog-icon-20);
    height: var(--mcsog-icon-20);
  }

  .mcsog-bottom-nav__label {
    font-size: var(--mcsog-fs-11);
    line-height: 1.1;
    white-space: nowrap;
  }

  .mcsog-article__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .mcsog-article__grid > .mcsog-toc {
    grid-column: 1;
    grid-row: 1;
    position: static;
  }

  .mcsog-article__grid > .mcsog-prose {
    grid-column: 1;
    grid-row: 2;
  }

  .mcsog-view {
    padding: var(--mcsog-sp-16) calc(var(--mcsog-sp-16) + env(safe-area-inset-left)) calc(var(--mcsog-bottomnav-h) + var(--mcsog-sp-32) + env(safe-area-inset-bottom)) calc(var(--mcsog-sp-16) + env(safe-area-inset-right));
  }

  .mcsog-grid,
  .mcsog-grid--2,
  .mcsog-grid--3 {
    grid-template-columns: minmax(0, 1fr);
  }

  .mcsog-col-span-2 {
    grid-column: span 1;
  }

  .mcsog-quick-nav {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--mcsog-sp-8);
  }

  .mcsog-quick-nav__item {
    min-height: var(--mcsog-sp-80);
    padding: var(--mcsog-sp-12) var(--mcsog-sp-6);
  }

  .mcsog-hero {
    padding: var(--mcsog-sp-20) var(--mcsog-sp-20) var(--mcsog-sp-16);
    border-radius: var(--mcsog-r-12);
  }

  .mcsog-hero__title {
    font-size: var(--mcsog-fs-24);
  }

  .mcsog-hero__sub {
    font-size: var(--mcsog-fs-14);
  }

  .mcsog-hero__cta .mcsog-btn {
    flex: 1 1 auto;
  }

  .mcsog-hero__cta {
    grid-template-columns: minmax(0, 1fr);
    row-gap: var(--mcsog-sp-12);
  }

  .mcsog-hero__stats {
    justify-self: start;
    margin-right: 0;
    text-align: left;
  }

  .mcsog-hero__stats .mcsog-stat-grid {
    justify-content: start;
    gap: var(--mcsog-sp-12);
  }

  .mcsog-hero__stats .mcsog-stat {
    align-items: flex-start;
  }

  .mcsog-hero__stats .mcsog-stat__num {
    font-size: var(--mcsog-fs-28);
  }

  .mcsog-hero__stats .mcsog-stat-sync {
    justify-content: flex-start;
    white-space: normal;
  }

  .mcsog-hero__stats .mcsog-stat-sync__crawl {
    justify-content: flex-start;
  }

  .mcsog-stat-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--mcsog-sp-8);
  }

  .mcsog-stat__num {
    font-size: var(--mcsog-fs-24);
  }

  .mcsog-stat__label {
    font-size: var(--mcsog-fs-11);
  }

  .mcsog-section-head__zh {
    font-size: var(--mcsog-fs-18);
  }

  .mcsog-btn,
  .mcsog-download-btn {
    min-height: var(--mcsog-icon-44);
  }

  .mcsog-toc {
    position: static;
    max-height: none;
    overflow-y: visible;
    margin-bottom: var(--mcsog-sp-16);
  }

  .mcsog-prose {
    line-height: var(--mcsog-lh-long);
  }

  .mcsog-prose pre {
    padding: var(--mcsog-sp-12);
    font-size: var(--mcsog-fs-13);
  }

  .mcsog-prose table,
  .mcsog-table {
    display: block;
    width: 100%;
    border: 0;
  }

  .mcsog-prose thead,
  .mcsog-table thead {
    display: none;
  }

  .mcsog-prose tbody,
  .mcsog-table tbody {
    display: block;
  }

  .mcsog-prose tbody tr,
  .mcsog-table tbody tr {
    display: block;
    margin-bottom: var(--mcsog-sp-12);
    border: var(--mcsog-stroke-1) solid var(--mcsog-line-1);
    border-radius: var(--mcsog-r-8);
    background-color: var(--mcsog-bg-card);
    overflow: hidden;
  }

  .mcsog-prose td,
  .mcsog-table td {
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
    gap: var(--mcsog-sp-12);
    border: 0;
    border-bottom: var(--mcsog-stroke-1) solid var(--mcsog-line-1);
    text-align: left;
  }

  .mcsog-prose tbody td:last-child,
  .mcsog-table tbody td:last-child {
    border-bottom: 0;
  }

  .mcsog-prose td::before,
  .mcsog-table td::before {
    content: attr(data-label);
    flex: 0 0 auto;
    font-weight: var(--mcsog-fw-600);
    color: var(--mcsog-text-1);
    text-align: left;
  }

  .mcsog-prose td:not([data-label])::before,
  .mcsog-table td:not([data-label])::before {
    display: none;
  }

  .mcsog-footer {
    padding: var(--mcsog-sp-24) calc(var(--mcsog-sp-16) + env(safe-area-inset-right)) calc(var(--mcsog-sp-24) + env(safe-area-inset-bottom)) calc(var(--mcsog-sp-16) + env(safe-area-inset-left));
  }

  .mcsog-footer__top {
    flex-direction: column;
    gap: var(--mcsog-sp-24);
  }

  .mcsog-footer__brand {
    flex: 0 0 auto;
    margin-top: 0;
  }

  .mcsog-footer__cols {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--mcsog-sp-16);
    flex: none;
    width: 100%;
  }

  .mcsog-footer__records {
    flex-direction: column;
    align-items: flex-start;
  }

  .mcsog-footer__social {
    margin-left: 0;
  }

  .mcsog-modal {
    width: 100%;
    max-height: 82vh;
    border-radius: var(--mcsog-r-16) var(--mcsog-r-16) 0 0;
  }

  .mcsog-modal-root {
    align-items: flex-end;
    padding: 0;
  }

  .mcsog-toast-root {
    left: calc(var(--mcsog-sp-16) + env(safe-area-inset-left));
    right: calc(var(--mcsog-sp-16) + env(safe-area-inset-right));
    bottom: calc(var(--mcsog-bottomnav-h) + var(--mcsog-sp-16) + env(safe-area-inset-bottom));
    transform: none;
  }

  .mcsog-locale-switch__item {
    min-width: var(--mcsog-icon-32);
  }
}
@media (max-width: 639px) {
  .mcsog-edit-bar {
    left: var(--mcsog-sp-8);
    right: var(--mcsog-sp-8);
    bottom: calc(var(--mcsog-bottomnav-h) + env(safe-area-inset-bottom) + var(--mcsog-sp-8));
    transform: none;
    max-width: none;
    justify-content: flex-start;
  }

  .mcsog-edit-overlay {
    padding: 0;
  }

  .mcsog-edit-sheet {
    width: 100%;
    height: 100%;
    max-height: none;
    border-radius: 0;
  }

  .mcsog-edit-sheet__body {
    padding: var(--mcsog-sp-12);
  }

  .mcsog-edit-textarea--doc {
    min-height: 52vh;
  }
}
@media (max-width: 600px) {
  .mcsog-loader__bar {
    width: 8px;
  }

  .mcsog-loader__percent {
    left: 16px;
    font-size: 1.3rem;
  }

  .mcsog-loader__label {
    top: 28px;
    left: 16px;
    font-size: 0.6rem;
  }
}

@media (max-width: 400px) {
  .mcsog-loader__bar {
    width: 6px;
  }

  .mcsog-loader__percent {
    left: 12px;
    font-size: 1.15rem;
  }

  .mcsog-loader__label {
    top: 24px;
    left: 12px;
    font-size: 0.55rem;
  }
}

@media (max-width: 639px) {
  .mcsog-view > .mcsog-stub:only-child,
  .mcsog-view > .mcsog-page-body:has(.mcsog-stub) {
    min-height: calc(100vh - var(--mcsog-topbar-h) - var(--mcsog-bottomnav-h) - var(--mcsog-sp-48) - env(safe-area-inset-bottom));
    min-height: calc(100svh - var(--mcsog-topbar-h) - var(--mcsog-bottomnav-h) - var(--mcsog-sp-48) - env(safe-area-inset-bottom));
  }

  .mcsog-stub {
    padding: var(--mcsog-sp-40) var(--mcsog-sp-16);
  }
}

@media (max-width: 639px) {
  .mcsog-toast {
    width: auto;
    min-width: 0;
    max-width: calc(100vw - var(--mcsog-sp-24));
    font-size: var(--mcsog-fs-13);
  }

  .mcsog-announce {
    align-items: flex-end;
    padding: 0;
  }

  .mcsog-announce__card {
    width: 100%;
    border-radius: var(--mcsog-r-16) var(--mcsog-r-16) 0 0;
    padding: var(--mcsog-sp-20) var(--mcsog-sp-16) calc(var(--mcsog-sp-20) + env(safe-area-inset-bottom));
  }

  .mcsog-announce__actions {
    flex-direction: column;
  }

  .mcsog-announce__actions .mcsog-btn {
    width: 100%;
    justify-content: center;
  }
}

.astrbot-ask-btn {
  z-index: 80 !important;
  max-width: calc(100vw - var(--mcsog-sp-32)) !important;
}

@media (max-width: 639px) {
  .astrbot-ask-btn {
    padding: var(--mcsog-sp-8) var(--mcsog-sp-12) !important;
    font-size: var(--mcsog-fs-12) !important;
  }
}

@media (max-width: 639px) {
  .mcsog-sidebar.mcsog-is-open,
  .mcsog-sidebar.mcsog-is-drawer-open,
  .mcsog-app.mcsog-is-nav-open .mcsog-sidebar,
  .mcsog-app.mcsog-is-drawer-open .mcsog-sidebar {
    top: var(--mcsog-topbar-h);
    bottom: 0;
    height: calc(100vh - var(--mcsog-topbar-h));
    height: calc(100svh - var(--mcsog-topbar-h));
    max-height: none;
    overflow-y: auto;
    z-index: 70;
  }

  .mcsog-sidebar__backdrop {
    z-index: 60;
  }
}

@media (max-width: 1023px) {
  .mcsog-sidebar.mcsog-is-open,
  .mcsog-sidebar.mcsog-is-drawer-open,
  .mcsog-app.mcsog-is-nav-open .mcsog-sidebar,
  .mcsog-app.mcsog-is-drawer-open .mcsog-sidebar {
    top: 0;
    height: 100svh;
    max-height: 100svh;
    padding-top: var(--mcsog-sp-12);
  }
}
.mcsog-app.mcsog-is-nav-open .mcsog-sidebar,
.mcsog-app.mcsog-is-drawer-open .mcsog-sidebar,
.mcsog-sidebar.mcsog-is-open {
  box-sizing: border-box;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  padding-bottom: calc(var(--mcsog-sp-16) + env(safe-area-inset-bottom));
}

.mcsog-app.mcsog-is-nav-open .mcsog-sidebar .mcsog-nav-item,
.mcsog-app.mcsog-is-drawer-open .mcsog-sidebar .mcsog-nav-item {
  min-height: 44px;
}
.mcsog-scrollbar--y {
  height: 100svh;
}

@media (max-width: 379.98px) {
  .mcsog-sidebar .mcsog-sidebar__head-actions {
    display: flex;
  }

  .mcsog-sidebar .mcsog-sidebar__head-actions .mcsog-icon-btn {
    width: var(--mcsog-icon-32);
    height: var(--mcsog-icon-32);
  }

  .mcsog-sidebar .mcsog-sidebar__head-actions .mcsog-topbar__ai svg {
    width: var(--mcsog-icon-16);
    height: var(--mcsog-icon-16);
  }
}