@media (max-width: 1120px) {
  .site-header { grid-template-columns: 230px minmax(0, 1fr) 154px; }
  .home-hero { gap: 52px; }
  .creator-band { grid-template-columns: 1fr; }
  .product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .docs-shell { grid-template-columns: 225px minmax(0, 1fr); }
  .docs-sidebar { grid-column: 1; grid-row: 1; }
  .docs-content { grid-column: 2; grid-row: 1 / span 2; }
  .docs-rail { position: static; grid-column: 1; grid-row: 2; max-height: none; overflow: visible; }
  .docs-toc { display: none; }
}

@media (max-width: 900px) {
  .site-header { grid-template-columns: 1fr auto; }
  .site-navigation { grid-column: 1 / -1; grid-row: 2; justify-content: flex-start; overflow-x: auto; }
  .site-header { padding-block: 12px; }
  .home-hero, .login-stage { grid-template-columns: 1fr; width: min(620px, calc(100% - 36px)); gap: 48px; }
  .home-hero { padding-top: 64px; }
  .hero-console { justify-self: stretch; max-width: none; }
  .app-shell { grid-template-columns: 1fr; }
  .sidebar { position: static; height: auto; flex-direction: row; align-items: center; flex-wrap: wrap; padding: 16px; }
  .sidebar nav { display: flex; flex: 1 1 auto; overflow-x: auto; }
  .nav-button { white-space: nowrap; }
  .sidebar-action { margin: 0 0 0 auto; width: auto; }
  .summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .docs-shell { grid-template-columns: 1fr; }
  .docs-sidebar { position: static; grid-column: 1; grid-row: 1; }
  .docs-rail { display: grid; position: static; grid-column: 1; grid-row: 2; max-height: none; overflow: visible; }
  .docs-content { grid-column: 1; grid-row: 3; }
  .docs-sidebar nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 14px; }
}

@media (max-width: 650px) {
  .site-header { min-height: auto; padding-inline: 15px; }
  .site-brand small { display: none; }
  .session-button { min-width: 0; }
  .home-hero, .login-stage { width: calc(100% - 30px); padding-block: 48px; }
  .hero-copy h1 { font-size: 47px; }
  .hero-console, .login-panel { padding: 24px 21px; }
  .quick-doc-links { grid-template-columns: 1fr; }
  .quick-doc-search { grid-template-columns: 1fr; }
  .quick-doc-search .button { width: 100%; }
  .product-grid, .agreement-content, .creator-facts { grid-template-columns: 1fr; }
  .content-band, .docs-view, .agreement-view { padding-inline: 15px; }
  .workspace { padding: 24px 15px 42px; }
  .console-brand { width: 100%; }
  .sidebar nav { order: 3; flex-basis: 100%; }
  .toolbar, .section-heading, .workspace-header { align-items: stretch; flex-direction: column; }
  .summary-grid, .security-grid, .details-list, .form-grid, .key-panel, .binding-columns, .license-meta, .account-detail-summary, .license-detail-grid, .admin-binding-columns { grid-template-columns: 1fr; }
  .license-secret { grid-template-columns: 1fr; align-items: stretch; }
  .summary-item { min-height: 92px; }
  .docs-content { padding: 27px 21px; }
  .docs-sidebar nav { grid-template-columns: 1fr; }
  .build-plugin-card { grid-template-columns: 42px minmax(0, 1fr) 18px; padding: 17px; }
  .build-plugin-mark { width: 40px; height: 40px; }
  .build-plugin-counts { grid-column: 1 / -1; justify-content: flex-start; }
  .docs-fields-head { display: none; }
  .docs-field { grid-template-columns: 1fr; gap: 8px; }
  .docs-field-default::before { content: "默认值："; color: var(--muted); font-weight: 400; }
  .docs-commands article { grid-template-columns: 1fr; gap: 7px; }
  .agreement-heading h1 { font-size: 34px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}