.h5-developer-center-content-top[data-v-7a021ed0] {
  padding-top: 44px;
}
.develop-center-section[data-v-7a021ed0] {
  margin: 0 auto;
}
.develop-center-section .develop-center-content-wrapper[data-v-7a021ed0] {
  background: #fff;
  width: 100%;
}
.develop-center-section .develop-center-content-wrapper .develop-center-content-wrapper-detail[data-v-7a021ed0] {
  width: 100%;
  margin: 0 auto;
  display: flex;
}
.develop-center-section .develop-center-content-wrapper .develop-center-menu-wrapper[data-v-7a021ed0] {
  width: 280px;
  margin-right: 28px;
}
.develop-center-section .develop-center-content-wrapper .develop-center-content[data-v-7a021ed0] {
  flex: 1;
}
.develop-center-section .develop-center-content-title[data-v-7a021ed0] {
  font-size: 32px;
  font-weight: 600;
  margin: 40px 0 24px;
}
/* 强制 markdown 内容区域在暗色模式下保持浅色主题 */
@media (prefers-color-scheme: dark) {
.wmde-markdown[data-v-7a021ed0],
  .ck-content[data-v-7a021ed0] {
    color-scheme: light !important;
    background-color: #ffffff !important;
    color: #24292f !important;
}
.wmde-markdown *[data-v-7a021ed0],
  .ck-content *[data-v-7a021ed0] {
    color: inherit !important;
}
  /* 覆盖 markdown 暗色模式的 CSS 变量 */
.wmde-markdown[data-v-7a021ed0] {
    --color-fg-default: #24292f !important;
    --color-fg-muted: #57606a !important;
    --color-fg-subtle: #6e7781 !important;
    --color-canvas-default: #ffffff !important;
    --color-canvas-subtle: #f6f8fa !important;
    --color-border-default: #d0d7de !important;
    --color-border-muted: hsl(210, 18%, 87%) !important;
}
}
/* 覆盖 data-color-mode 属性触发的暗色模式 */
[data-color-mode*='dark'] .wmde-markdown[data-v-7a021ed0],
[data-color-mode*='dark'] .ck-content[data-v-7a021ed0],
.wmde-markdown[data-color-mode*='dark'][data-v-7a021ed0],
.ck-content[data-color-mode*='dark'][data-v-7a021ed0] {
  color-scheme: light !important;
  background-color: #ffffff !important;
  color: #24292f !important;
}
@media screen and (max-width: 1400px) {
.develop-center-section[data-v-7a021ed0] {
    width: 1200px;
}
}
@media screen and (min-width: 1400px) {
.develop-center-section[data-v-7a021ed0] {
    width: 1400px;
}
}
@media screen and (min-width: 768px) {
.develop-center-menu-wrapper[data-v-7a021ed0] {
    width: 280px;
    position: sticky;
    top: 24px;
    height: calc(100vh - 60px);
    overflow: auto;
    border-right: 1px solid #d9d9d9;
}
.develop-center-menu-wrapper[data-v-7a021ed0]::-webkit-scrollbar {
    width: 0;
    height: 0;
}
.develop-center-menu-wrapper[data-v-7a021ed0]:hover::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
.develop-center-content[data-v-7a021ed0] {
    min-width: 500px;
}
}
@media screen and (max-width: 768px) {
.develop-center-section[data-v-7a021ed0] {
    width: 100%;
    box-sizing: border-box;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 44px;
}
.develop-center-section .develop-center-menu-wrapper[data-v-7a021ed0] {
    display: none;
}
.develop-center-content[data-v-7a021ed0] {
    width: 100%;
    overflow: auto;
}
}