/* 响应式媒体查询（docs 拆分的 media 部分，须最后引入）
 * 官方桌面为 min-width:1280 固定布局，页面不带 viewport meta：移动端按 980 布局视口等比缩小，
 * 因此这里只保留影响真实窄窗口的断点（980 布局视口下不会命中 960 以下） */
@media (max-width: 1400px) {
  .site-header .header_core { max-width: 900px; }
}

@media (max-width: 960px) {
  .cate-container { display: none; }

  .article_body { min-width: 0; }

  .center-container { display: block; }
}

@media (max-width: 768px) {
  .page-container { padding: 76px 16px 0; }

  .site-header .header_core { padding: 0 16px; }

  .site-header .frosted_logo { margin-right: 16px; }

  .site-header .frosted_nav_item { margin-right: 16px; }

  .site-header .frosted_nav_item a { font-size: 15px; }

  .site-header .user .user_item.console_enter { display: none; }

  .site-header .user .user_area .sign_up { display: none; }

  .article_body { padding: 0 4px; }

  .article_body h1.title_wrap,
  article .title_wrap { margin-top: 12px; }

  .title_wrap .title { font-size: 26px; }

  .md-container h1,
  .md-container h2 {
    margin-top: 40px !important;
    font-size: 21px;
  }

  .md-container h3,
  .md-container h4 { font-size: 18px; }

  .steps { grid-template-columns: 1fr; gap: 18px; }

  .steps li { padding-right: 0; }

  .steps li:not(:last-child)::after { display: none; }

  .md-container .note-warp { padding: 12px 36px; }

  .site-footer .footer_nav ul {
    flex-wrap: wrap;
    gap: 12px 24px;
    width: auto;
    max-width: none;
    padding-left: 8px;
    padding-right: 8px;
    justify-content: flex-start;
  }
}

@media (max-width: 480px) {
  .title_wrap .title { font-size: 23px; }

  .md-container h1,
  .md-container h2 { font-size: 19px; }

  .md-container h3,
  .md-container h4 { font-size: 17px; }

  .go2top { right: 12px; }
}